boss-css 0.0.1 → 0.0.2

package/dist/parser/jsx/extractProps.cjs

@@ -0,0 +1,234 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _swc_core = require("@swc/core");
+_swc_core = require_rolldown_runtime.__toESM(_swc_core);
+
+//#region src/parser/jsx/extractProps.ts
+async function extractPropTrees(codes) {
+	if (!codes.length) return [];
+	if (codes.length === 1) return [await extractPropTreeFromCode(codes[0])];
+	const normalizedCodes = codes.map(normalizeCode);
+	const { body } = await _swc_core.default.parse(normalizedCodes.join(";\n"), {
+		syntax: "typescript",
+		tsx: true,
+		isModule: false
+	});
+	const expressions = body.filter((node) => node.type === "ExpressionStatement").map((node) => node.expression);
+	if (expressions.length !== normalizedCodes.length) return Promise.all(normalizedCodes.map(extractPropTreeFromCode));
+	return expressions.map(extractPropTreeFromExpression);
+}
+const normalizeCode = (code) => {
+	return code.replace(/(.)>$/, (_, char) => char === "/" ? "/>" : `${char}/>`);
+};
+const extractPropTreeFromCode = async (code) => {
+	const { body } = await _swc_core.default.parse(normalizeCode(code), {
+		syntax: "typescript",
+		tsx: true,
+		isModule: false
+	});
+	const statement = body.find((node) => node.type === "ExpressionStatement");
+	if (!statement) return {};
+	return extractPropTreeFromExpression(statement.expression);
+};
+const getAttributeName = (name) => {
+	if (!name) return null;
+	if (name.type === "Identifier") return name.value;
+	if (name.type === "JSXNamespacedName") return `${name.namespace.value}:${name.name.value}`;
+	return null;
+};
+const extractPropTreeFromExpression = (expression) => {
+	if (expression.type === "AssignmentExpression") {
+		const right = expression.right;
+		let objectExpression = null;
+		if (right.type === "CallExpression" && right.arguments.length === 1) {
+			const callee = right.callee;
+			if (callee.type === "MemberExpression" && callee.object?.type === "Identifier" && callee.object.value === "$$" && callee.property?.type === "Identifier" && callee.property.value === "$") objectExpression = right.arguments[0].expression;
+		}
+		if (objectExpression?.type === "ObjectExpression") return extractObjectProps(objectExpression);
+		return {};
+	}
+	if (expression.type === "CallExpression" && expression.arguments.length === 1) {
+		const callee = expression.callee;
+		if (callee.type === "MemberExpression" && callee.object?.type === "Identifier" && callee.object.value === "$$" && callee.property?.type === "Identifier" && callee.property.value === "$") {
+			const arg = expression.arguments[0]?.expression;
+			if (arg?.type === "ObjectExpression") return extractObjectProps(arg);
+		}
+		return {};
+	}
+	return expression.opening.attributes.reduce((acc, { name, value }) => {
+		const propName = getAttributeName(name);
+		if (!propName) return acc;
+		acc[propName] = getValue(value);
+		return acc;
+	}, {});
+};
+const extractObjectProps = (objectExpression) => {
+	return objectExpression.properties.reduce((acc, prop) => {
+		if (prop.type === "KeyValueProperty") {
+			const key = prop.key.type === "Identifier" ? prop.key.value : prop.key.value;
+			acc[key] = getValue(prop.value);
+			return acc;
+		}
+		if (prop.type === "Identifier") {
+			acc[prop.value] = getValue(prop);
+			return acc;
+		}
+		return acc;
+	}, {});
+};
+const getValue = (value) => {
+	if (value === null) return {
+		dynamic: false,
+		value: true
+	};
+	else if (value.type === "JSXExpressionContainer") return getValue(value.expression);
+	else if (value.type === "NumericLiteral") return {
+		dynamic: false,
+		value: value.value
+	};
+	else if (value.type === "StringLiteral") return {
+		dynamic: false,
+		value: value.value
+	};
+	else if (value.type === "BooleanLiteral") return {
+		dynamic: false,
+		value: value.value
+	};
+	else if (value.type === "BinaryExpression") return {
+		ast: value,
+		dynamic: true,
+		value: null
+	};
+	else if (value.type === "ArrayExpression") return reconstructArray(value.elements);
+	else if (value.type === "TemplateLiteral") return {
+		dynamic: !!value.expressions.length,
+		value: value.quasis[0]?.raw ?? value.quasis[0]?.cooked ?? ""
+	};
+	else if (value.type === "ArrowFunctionExpression" || value.type === "FunctionExpression") return {
+		ast: structuredClone(value),
+		dynamic: true,
+		isFn: true,
+		value: null
+	};
+	else if (value.type === "ObjectExpression") return reconstructObject(value.properties);
+	else return {
+		ast: structuredClone(value),
+		code: printCode(value),
+		dynamic: true,
+		value: null
+	};
+};
+function printCode(expression) {
+	return _swc_core.default.printSync({
+		type: "Module",
+		body: [{
+			type: "ExpressionStatement",
+			expression,
+			span: {
+				start: 0,
+				end: 0,
+				ctxt: 0
+			}
+		}],
+		interpreter: null,
+		span: {
+			start: 0,
+			end: 0,
+			ctxt: 0
+		}
+	}).code.replace(/;\s$/, "");
+}
+function reconstructObject(properties) {
+	let dynamic = false;
+	return {
+		value: properties.reduce((acc, { key, value }) => {
+			switch (value.type) {
+				case "StringLiteral":
+				case "NumericLiteral":
+				case "TemplateLiteral":
+				case "BooleanLiteral": {
+					const v = getValue(value);
+					dynamic = dynamic || v.dynamic;
+					acc[key.value] = v;
+					break;
+				}
+				case "ObjectExpression": {
+					const reconstructed = reconstructObject(value.properties);
+					dynamic = dynamic || reconstructed.dynamic;
+					acc[key.value] = reconstructed;
+					break;
+				}
+				case "ArrayExpression": {
+					const reconstructed = reconstructArray(value.elements);
+					dynamic = dynamic || reconstructed.dynamic;
+					acc[key.value] = reconstructed;
+					break;
+				}
+				case "ArrowFunctionExpression":
+				case "FunctionExpression": {
+					const v = getValue(value);
+					dynamic = dynamic || v.dynamic;
+					acc[key.value] = v;
+					break;
+				}
+				default:
+					dynamic = true;
+					acc[key.value] = {
+						dynamic: true,
+						value: null,
+						ast: structuredClone(value),
+						code: printCode(value)
+					};
+			}
+			return acc;
+		}, {}),
+		dynamic
+	};
+}
+function reconstructArray(elements) {
+	let dynamic = false;
+	return {
+		value: elements.reduce((acc, { expression: value }) => {
+			switch (value.type) {
+				case "StringLiteral":
+				case "NumericLiteral":
+				case "TemplateLiteral":
+				case "BooleanLiteral": {
+					const v = getValue(value);
+					dynamic = dynamic || v.dynamic;
+					acc.push(v);
+					break;
+				}
+				case "ObjectExpression": {
+					const reconstructed = reconstructObject(value.properties);
+					dynamic = dynamic || reconstructed.dynamic;
+					acc.push(reconstructed);
+					break;
+				}
+				case "ArrayExpression": {
+					const reconstructed = reconstructArray(value.elements);
+					dynamic = dynamic || reconstructed.dynamic;
+					acc.push(reconstructed);
+					break;
+				}
+				case "ArrowFunctionExpression":
+				case "FunctionExpression": {
+					const v = getValue(value);
+					dynamic = dynamic || v.dynamic;
+					acc.push(v);
+					break;
+				}
+				default:
+					dynamic = true;
+					acc.push({
+						dynamic: true,
+						value: null
+					});
+			}
+			return acc;
+		}, []),
+		dynamic
+	};
+}
+
+//#endregion
+exports.extractPropTrees = extractPropTrees;

package/dist/parser/jsx/extractProps.mjs

@@ -0,0 +1,232 @@
+import swc from "@swc/core";
+
+//#region src/parser/jsx/extractProps.ts
+async function extractPropTrees(codes) {
+	if (!codes.length) return [];
+	if (codes.length === 1) return [await extractPropTreeFromCode(codes[0])];
+	const normalizedCodes = codes.map(normalizeCode);
+	const { body } = await swc.parse(normalizedCodes.join(";\n"), {
+		syntax: "typescript",
+		tsx: true,
+		isModule: false
+	});
+	const expressions = body.filter((node) => node.type === "ExpressionStatement").map((node) => node.expression);
+	if (expressions.length !== normalizedCodes.length) return Promise.all(normalizedCodes.map(extractPropTreeFromCode));
+	return expressions.map(extractPropTreeFromExpression);
+}
+const normalizeCode = (code) => {
+	return code.replace(/(.)>$/, (_, char) => char === "/" ? "/>" : `${char}/>`);
+};
+const extractPropTreeFromCode = async (code) => {
+	const { body } = await swc.parse(normalizeCode(code), {
+		syntax: "typescript",
+		tsx: true,
+		isModule: false
+	});
+	const statement = body.find((node) => node.type === "ExpressionStatement");
+	if (!statement) return {};
+	return extractPropTreeFromExpression(statement.expression);
+};
+const getAttributeName = (name) => {
+	if (!name) return null;
+	if (name.type === "Identifier") return name.value;
+	if (name.type === "JSXNamespacedName") return `${name.namespace.value}:${name.name.value}`;
+	return null;
+};
+const extractPropTreeFromExpression = (expression) => {
+	if (expression.type === "AssignmentExpression") {
+		const right = expression.right;
+		let objectExpression = null;
+		if (right.type === "CallExpression" && right.arguments.length === 1) {
+			const callee = right.callee;
+			if (callee.type === "MemberExpression" && callee.object?.type === "Identifier" && callee.object.value === "$$" && callee.property?.type === "Identifier" && callee.property.value === "$") objectExpression = right.arguments[0].expression;
+		}
+		if (objectExpression?.type === "ObjectExpression") return extractObjectProps(objectExpression);
+		return {};
+	}
+	if (expression.type === "CallExpression" && expression.arguments.length === 1) {
+		const callee = expression.callee;
+		if (callee.type === "MemberExpression" && callee.object?.type === "Identifier" && callee.object.value === "$$" && callee.property?.type === "Identifier" && callee.property.value === "$") {
+			const arg = expression.arguments[0]?.expression;
+			if (arg?.type === "ObjectExpression") return extractObjectProps(arg);
+		}
+		return {};
+	}
+	return expression.opening.attributes.reduce((acc, { name, value }) => {
+		const propName = getAttributeName(name);
+		if (!propName) return acc;
+		acc[propName] = getValue(value);
+		return acc;
+	}, {});
+};
+const extractObjectProps = (objectExpression) => {
+	return objectExpression.properties.reduce((acc, prop) => {
+		if (prop.type === "KeyValueProperty") {
+			const key = prop.key.type === "Identifier" ? prop.key.value : prop.key.value;
+			acc[key] = getValue(prop.value);
+			return acc;
+		}
+		if (prop.type === "Identifier") {
+			acc[prop.value] = getValue(prop);
+			return acc;
+		}
+		return acc;
+	}, {});
+};
+const getValue = (value) => {
+	if (value === null) return {
+		dynamic: false,
+		value: true
+	};
+	else if (value.type === "JSXExpressionContainer") return getValue(value.expression);
+	else if (value.type === "NumericLiteral") return {
+		dynamic: false,
+		value: value.value
+	};
+	else if (value.type === "StringLiteral") return {
+		dynamic: false,
+		value: value.value
+	};
+	else if (value.type === "BooleanLiteral") return {
+		dynamic: false,
+		value: value.value
+	};
+	else if (value.type === "BinaryExpression") return {
+		ast: value,
+		dynamic: true,
+		value: null
+	};
+	else if (value.type === "ArrayExpression") return reconstructArray(value.elements);
+	else if (value.type === "TemplateLiteral") return {
+		dynamic: !!value.expressions.length,
+		value: value.quasis[0]?.raw ?? value.quasis[0]?.cooked ?? ""
+	};
+	else if (value.type === "ArrowFunctionExpression" || value.type === "FunctionExpression") return {
+		ast: structuredClone(value),
+		dynamic: true,
+		isFn: true,
+		value: null
+	};
+	else if (value.type === "ObjectExpression") return reconstructObject(value.properties);
+	else return {
+		ast: structuredClone(value),
+		code: printCode(value),
+		dynamic: true,
+		value: null
+	};
+};
+function printCode(expression) {
+	return swc.printSync({
+		type: "Module",
+		body: [{
+			type: "ExpressionStatement",
+			expression,
+			span: {
+				start: 0,
+				end: 0,
+				ctxt: 0
+			}
+		}],
+		interpreter: null,
+		span: {
+			start: 0,
+			end: 0,
+			ctxt: 0
+		}
+	}).code.replace(/;\s$/, "");
+}
+function reconstructObject(properties) {
+	let dynamic = false;
+	return {
+		value: properties.reduce((acc, { key, value }) => {
+			switch (value.type) {
+				case "StringLiteral":
+				case "NumericLiteral":
+				case "TemplateLiteral":
+				case "BooleanLiteral": {
+					const v = getValue(value);
+					dynamic = dynamic || v.dynamic;
+					acc[key.value] = v;
+					break;
+				}
+				case "ObjectExpression": {
+					const reconstructed = reconstructObject(value.properties);
+					dynamic = dynamic || reconstructed.dynamic;
+					acc[key.value] = reconstructed;
+					break;
+				}
+				case "ArrayExpression": {
+					const reconstructed = reconstructArray(value.elements);
+					dynamic = dynamic || reconstructed.dynamic;
+					acc[key.value] = reconstructed;
+					break;
+				}
+				case "ArrowFunctionExpression":
+				case "FunctionExpression": {
+					const v = getValue(value);
+					dynamic = dynamic || v.dynamic;
+					acc[key.value] = v;
+					break;
+				}
+				default:
+					dynamic = true;
+					acc[key.value] = {
+						dynamic: true,
+						value: null,
+						ast: structuredClone(value),
+						code: printCode(value)
+					};
+			}
+			return acc;
+		}, {}),
+		dynamic
+	};
+}
+function reconstructArray(elements) {
+	let dynamic = false;
+	return {
+		value: elements.reduce((acc, { expression: value }) => {
+			switch (value.type) {
+				case "StringLiteral":
+				case "NumericLiteral":
+				case "TemplateLiteral":
+				case "BooleanLiteral": {
+					const v = getValue(value);
+					dynamic = dynamic || v.dynamic;
+					acc.push(v);
+					break;
+				}
+				case "ObjectExpression": {
+					const reconstructed = reconstructObject(value.properties);
+					dynamic = dynamic || reconstructed.dynamic;
+					acc.push(reconstructed);
+					break;
+				}
+				case "ArrayExpression": {
+					const reconstructed = reconstructArray(value.elements);
+					dynamic = dynamic || reconstructed.dynamic;
+					acc.push(reconstructed);
+					break;
+				}
+				case "ArrowFunctionExpression":
+				case "FunctionExpression": {
+					const v = getValue(value);
+					dynamic = dynamic || v.dynamic;
+					acc.push(v);
+					break;
+				}
+				default:
+					dynamic = true;
+					acc.push({
+						dynamic: true,
+						value: null
+					});
+			}
+			return acc;
+		}, []),
+		dynamic
+	};
+}
+
+//#endregion
+export { extractPropTrees };

package/dist/parser/jsx/isDOMProp.cjs

@@ -0,0 +1,17 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _boss_css_document_create_element = require("@boss-css/document-create-element");
+_boss_css_document_create_element = require_rolldown_runtime.__toESM(_boss_css_document_create_element);
+
+//#region src/parser/jsx/isDOMProp.ts
+const cache = {};
+function isDOMProp(tag, prop) {
+	const tagEntry = cache[tag] ??= {};
+	if (prop in tagEntry) return tagEntry[prop];
+	tagEntry.$el ??= (0, _boss_css_document_create_element.default)(tag);
+	const element = tagEntry.$el;
+	if ((tagEntry[prop] = prop in element || prop.toLowerCase() in element) && typeof element[prop] === "function") tagEntry[prop] = false;
+	return tagEntry[prop];
+}
+
+//#endregion
+exports.default = isDOMProp;

package/dist/parser/jsx/isDOMProp.mjs

@@ -0,0 +1,15 @@
+import createElement from "@boss-css/document-create-element";
+
+//#region src/parser/jsx/isDOMProp.ts
+const cache = {};
+function isDOMProp(tag, prop) {
+	const tagEntry = cache[tag] ??= {};
+	if (prop in tagEntry) return tagEntry[prop];
+	tagEntry.$el ??= createElement(tag);
+	const element = tagEntry.$el;
+	if ((tagEntry[prop] = prop in element || prop.toLowerCase() in element) && typeof element[prop] === "function") tagEntry[prop] = false;
+	return tagEntry[prop];
+}
+
+//#endregion
+export { isDOMProp as default };

package/dist/parser/jsx/native.cjs

@@ -0,0 +1,110 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_api_browser = require('../../api/browser.cjs');
+const require_merge_index = require('../../merge/index.cjs');
+const require_cx_index = require('../../cx/index.cjs');
+let react = require("react");
+let react_native = require("react-native");
+
+//#region src/parser/jsx/native.ts
+const nativeComponents = {
+	ActivityIndicator: react_native.ActivityIndicator,
+	FlatList: react_native.FlatList,
+	Image: react_native.Image,
+	Modal: react_native.Modal,
+	Pressable: react_native.Pressable,
+	SafeAreaView: react_native.SafeAreaView,
+	ScrollView: react_native.ScrollView,
+	SectionList: react_native.SectionList,
+	Switch: react_native.Switch,
+	Text: react_native.Text,
+	TextInput: react_native.TextInput,
+	TouchableHighlight: react_native.TouchableHighlight,
+	TouchableOpacity: react_native.TouchableOpacity,
+	TouchableWithoutFeedback: react_native.TouchableWithoutFeedback,
+	View: react_native.View
+};
+const registry = /* @__PURE__ */ new Map();
+const resolveComponent = (tag) => {
+	if (!tag) return react_native.View;
+	if (typeof tag === "string") return nativeComponents[tag] ?? react_native.View;
+	return tag;
+};
+const getApi = () => {
+	if (!require_api_browser.api) throw new Error("Boss runtime API is not initialized.");
+	return require_api_browser.api;
+};
+function createComponent(tag) {
+	if (registry.has(tag)) return registry.get(tag);
+	const Component = (0, react.forwardRef)((props, ref) => {
+		return (0, react.createElement)(resolveComponent(tag), {
+			...props,
+			ref
+		}, props.children);
+	});
+	registry.set(tag, Component);
+	return Component;
+}
+const getDisplayName = (tag) => {
+	if (typeof tag === "string") return tag;
+	return tag?.displayName || tag?.name || "Component";
+};
+function factory(tag) {
+	return function $$(props, ref) {
+		if (tag || ref !== void 0) {
+			let tagName = tag;
+			const { children, as, ...rest } = props ?? {};
+			const resolvedTag = (typeof as === "string" ? as : void 0) || tagName || "View";
+			const displayName = getDisplayName(resolvedTag);
+			const Component = createComponent(resolvedTag);
+			Component.displayName = displayName ? "$$." + displayName : "$$";
+			const output = {};
+			getApi().trigger("onBrowserObjectStart", {
+				input: rest,
+				tag: resolvedTag,
+				output
+			});
+			return (0, react.createElement)(Component, output, children);
+		}
+		return props;
+	};
+}
+const defaultElement = factory("View");
+defaultElement.displayName = "$$";
+defaultElement.merge = require_merge_index.merge;
+defaultElement.cx = require_cx_index.cx;
+defaultElement.cv = require_cx_index.cv;
+defaultElement.scv = require_cx_index.scv;
+defaultElement.sv = require_cx_index.sv;
+defaultElement.css = () => {};
+defaultElement.$ = (input) => input;
+const propIgnoreList = new Set([
+	"getDefaultProps",
+	"defaultProps",
+	"getDerivedStateFromProps",
+	"getChildContext",
+	"contextTypes",
+	"contextType",
+	"childContextTypes",
+	"propTypes",
+	"PropTypes"
+]);
+const proxy = new Proxy(defaultElement, {
+	get(target, prop) {
+		if (typeof prop === "symbol" || propIgnoreList.has(prop)) return void 0;
+		const targetRecord = target;
+		return targetRecord[prop] ||= factory(prop);
+	},
+	set(target, prop, value) {
+		if (typeof prop !== "string") return true;
+		const targetRecord = target;
+		targetRecord[prop] = typeof prop === "string" && /^[A-Z]/.test(prop) ? (props) => factory(value?.as || "View")({
+			...value,
+			...props
+		}) : value;
+		return true;
+	}
+});
+
+//#endregion
+exports.factory = factory;
+exports.proxy = proxy;