boss-css 0.0.1 → 0.0.2

package/dist/parser/jsx/browser.mjs

@@ -0,0 +1,63 @@
+import { getClassNameProp } from "../../shared/framework.mjs";
+import isDOMProp from "./isDOMProp.mjs";
+import { cx } from "../../cx/index.mjs";
+import isCSSProp from "@boss-css/is-css-prop";
+
+//#region src/parser/jsx/browser.ts
+const ignoredProps = new Set([
+	"ref",
+	"children",
+	"dangerouslySetInnerHtml",
+	"key"
+]);
+const name = "jsx";
+const onBrowserObjectStart = (api, { input, tag = "div", contexts = [], output = {} }) => {
+	const log = api.log.child("runtime").child("jsx");
+	log.log("browserObject:start", input, output, contexts);
+	if (contexts.length) return;
+	const isClassnameFirst = api.strategy === "classname-first";
+	const classNameProp = getClassNameProp(api.framework);
+	let tokenOverrides = null;
+	for (const prop in input) {
+		if (prop === "tokens") {
+			tokenOverrides = input[prop];
+			delete input[prop];
+			continue;
+		}
+		if (prop === classNameProp) {
+			output[classNameProp] = cx(output[classNameProp], input[prop]);
+			delete input[prop];
+			continue;
+		}
+		if (prop === "style") {
+			const styleValue = input[prop];
+			if (styleValue && typeof styleValue === "object" && !Array.isArray(styleValue)) output.style = {
+				...output.style ?? {},
+				...styleValue
+			};
+			else if (styleValue !== void 0) output.style = styleValue;
+			delete input[prop];
+			continue;
+		}
+		if (ignoredProps.has(prop) || isDOMProp(tag, prop)) {
+			output[prop] = input[prop];
+			delete input[prop];
+			continue;
+		}
+		if (typeof input[prop] === "function") {
+			if (isClassnameFirst && isCSSProp(tag, prop)) continue;
+			input[prop] = input[prop]();
+		}
+	}
+	if (tokenOverrides && typeof api.tokenVars === "function") {
+		const resolved = typeof tokenOverrides === "function" ? tokenOverrides() : tokenOverrides;
+		if (resolved && typeof resolved === "object") output.style = {
+			...output.style ?? {},
+			...api.tokenVars(resolved)
+		};
+	}
+	log.log("browserObject:end", input, output);
+};
+
+//#endregion
+export { name, onBrowserObjectStart };

package/dist/parser/jsx/extractCode.cjs

@@ -0,0 +1,99 @@
+
+//#region src/parser/jsx/extractCode.ts
+const map = {
+	"<": ">",
+	"{": "}",
+	"[": "]",
+	"(": ")",
+	"\"": "\"",
+	"`": "`",
+	"'": "'"
+};
+const openingRegexp = /* @__PURE__ */ new RegExp(`[${Object.keys(map).map((k) => `\\${k}`).join("")}]`);
+const ignoredContexts = {
+	"{": true,
+	"\"": true,
+	"'": true,
+	"`": true
+};
+const assignmentRegexp = /^\$\$\.[A-Z]\w*\s*=\s*\$\$\.\$\s*\(/;
+const isAssignment = (code, i) => {
+	return assignmentRegexp.test(code.substring(i, i + 120));
+};
+function extractCode(code) {
+	const results = [];
+	const stack = [];
+	let isInside = false;
+	let blockStart = -1;
+	let currentOpener = "";
+	let isIgnored = false;
+	let type = null;
+	let assignmentStarted = false;
+	for (let i = 0; i < code.length; i++) {
+		const current = code[i];
+		if (!isInside) {
+			if (current === "<" && code[i + 1] === "$" && code[i + 2] === "$") {
+				isInside = true;
+				type = "jsx";
+				blockStart = i;
+			} else if (current === "$" && code[i + 1] === "$" && code[i + 2] === "." && isAssignment(code, i)) {
+				isInside = true;
+				type = "assignment";
+				blockStart = i;
+			} else if (current === "$" && code[i + 1] === "$" && code[i + 2] === "." && code[i + 3] === "$" && code[i + 4] === "(") {
+				isInside = true;
+				type = "function";
+				blockStart = i;
+			}
+		}
+		if (!isInside) continue;
+		if (type === "jsx") {
+			if (!isIgnored && openingRegexp.test(current)) {
+				stack.push(current);
+				currentOpener = current;
+				isIgnored = Boolean(ignoredContexts[current]);
+			}
+			if (current === map[currentOpener]) {
+				stack.pop();
+				currentOpener = stack.at(-1) || "";
+				isIgnored = false;
+			}
+			if (stack.length === 0) {
+				isInside = false;
+				results.push(code.slice(blockStart, i + 1));
+				blockStart = -1;
+				type = null;
+			}
+		} else if (type === "assignment") {
+			if (current === "{" || current === "(") {
+				stack.push(current);
+				assignmentStarted = true;
+			}
+			if (current === "}" || current === ")") stack.pop();
+			if (stack.length === 0 && assignmentStarted) {
+				isInside = false;
+				results.push(code.slice(blockStart, i + 1));
+				blockStart = -1;
+				type = null;
+				assignmentStarted = false;
+			}
+		} else if (type === "function") {
+			if (current === "(") {
+				stack.push(current);
+				assignmentStarted = true;
+			}
+			if (current === ")") stack.pop();
+			if (stack.length === 0 && assignmentStarted) {
+				isInside = false;
+				results.push(code.slice(blockStart, i + 1));
+				blockStart = -1;
+				type = null;
+				assignmentStarted = false;
+			}
+		}
+	}
+	return results;
+}
+
+//#endregion
+exports.extractCode = extractCode;

package/dist/parser/jsx/extractCode.mjs

@@ -0,0 +1,98 @@
+//#region src/parser/jsx/extractCode.ts
+const map = {
+	"<": ">",
+	"{": "}",
+	"[": "]",
+	"(": ")",
+	"\"": "\"",
+	"`": "`",
+	"'": "'"
+};
+const openingRegexp = /* @__PURE__ */ new RegExp(`[${Object.keys(map).map((k) => `\\${k}`).join("")}]`);
+const ignoredContexts = {
+	"{": true,
+	"\"": true,
+	"'": true,
+	"`": true
+};
+const assignmentRegexp = /^\$\$\.[A-Z]\w*\s*=\s*\$\$\.\$\s*\(/;
+const isAssignment = (code, i) => {
+	return assignmentRegexp.test(code.substring(i, i + 120));
+};
+function extractCode(code) {
+	const results = [];
+	const stack = [];
+	let isInside = false;
+	let blockStart = -1;
+	let currentOpener = "";
+	let isIgnored = false;
+	let type = null;
+	let assignmentStarted = false;
+	for (let i = 0; i < code.length; i++) {
+		const current = code[i];
+		if (!isInside) {
+			if (current === "<" && code[i + 1] === "$" && code[i + 2] === "$") {
+				isInside = true;
+				type = "jsx";
+				blockStart = i;
+			} else if (current === "$" && code[i + 1] === "$" && code[i + 2] === "." && isAssignment(code, i)) {
+				isInside = true;
+				type = "assignment";
+				blockStart = i;
+			} else if (current === "$" && code[i + 1] === "$" && code[i + 2] === "." && code[i + 3] === "$" && code[i + 4] === "(") {
+				isInside = true;
+				type = "function";
+				blockStart = i;
+			}
+		}
+		if (!isInside) continue;
+		if (type === "jsx") {
+			if (!isIgnored && openingRegexp.test(current)) {
+				stack.push(current);
+				currentOpener = current;
+				isIgnored = Boolean(ignoredContexts[current]);
+			}
+			if (current === map[currentOpener]) {
+				stack.pop();
+				currentOpener = stack.at(-1) || "";
+				isIgnored = false;
+			}
+			if (stack.length === 0) {
+				isInside = false;
+				results.push(code.slice(blockStart, i + 1));
+				blockStart = -1;
+				type = null;
+			}
+		} else if (type === "assignment") {
+			if (current === "{" || current === "(") {
+				stack.push(current);
+				assignmentStarted = true;
+			}
+			if (current === "}" || current === ")") stack.pop();
+			if (stack.length === 0 && assignmentStarted) {
+				isInside = false;
+				results.push(code.slice(blockStart, i + 1));
+				blockStart = -1;
+				type = null;
+				assignmentStarted = false;
+			}
+		} else if (type === "function") {
+			if (current === "(") {
+				stack.push(current);
+				assignmentStarted = true;
+			}
+			if (current === ")") stack.pop();
+			if (stack.length === 0 && assignmentStarted) {
+				isInside = false;
+				results.push(code.slice(blockStart, i + 1));
+				blockStart = -1;
+				type = null;
+				assignmentStarted = false;
+			}
+		}
+	}
+	return results;
+}
+
+//#endregion
+export { extractCode };

package/dist/parser/jsx/extractPrepared.cjs

@@ -0,0 +1,123 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_extractCode = require('./extractCode.cjs');
+let _swc_core = require("@swc/core");
+
+//#region src/parser/jsx/extractPrepared.ts
+const extractPreparedComponents = (content, filePath) => {
+	if (!content.includes("$$.")) return [];
+	const codes = require_extractCode.extractCode(content).filter((code) => code.trim().startsWith("$$."));
+	if (!codes.length) return [];
+	const results = [];
+	for (const code of codes) {
+		let parsed;
+		try {
+			parsed = (0, _swc_core.parseSync)(code, {
+				syntax: "typescript",
+				tsx: true,
+				isModule: false
+			});
+		} catch {
+			continue;
+		}
+		const statement = parsed.body.find((node) => node.type === "ExpressionStatement");
+		if (!statement || statement.type !== "ExpressionStatement") continue;
+		const expression = statement.expression;
+		if (expression.type !== "AssignmentExpression") continue;
+		const prepared = extractPreparedInfo(expression, filePath);
+		if (prepared) results.push(prepared);
+	}
+	return results;
+};
+const extractPreparedInfo = (expression, filePath) => {
+	if (!isPreparedAssignment(expression)) return null;
+	const name = expression.left.property.value;
+	const objectExpression = getPreparedObjectExpression(expression.right);
+	if (!objectExpression) return null;
+	const { asTag, asDynamic } = extractAsMeta(objectExpression);
+	return {
+		name,
+		asTag,
+		asDynamic,
+		filePath,
+		styles: extractStyleText(objectExpression)
+	};
+};
+const isPreparedAssignment = (expression) => {
+	const left = expression.left;
+	if (!left || left.type !== "MemberExpression") return false;
+	if (left.object?.type !== "Identifier" || left.object.value !== "$$") return false;
+	if (left.property?.type !== "Identifier") return false;
+	if (!/^[A-Z]/.test(left.property.value)) return false;
+	if (expression.operator && expression.operator !== "=") return false;
+	return true;
+};
+const getPreparedObjectExpression = (expression) => {
+	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 arg;
+		}
+	}
+	return null;
+};
+const extractAsMeta = (objectExpression) => {
+	let asTag = null;
+	let asDynamic = false;
+	for (const prop of objectExpression.properties) {
+		if (prop.type !== "KeyValueProperty") continue;
+		if (prop.key.type !== "Identifier" && prop.key.type !== "StringLiteral") continue;
+		if ((prop.key.type === "Identifier" ? prop.key.value : prop.key.value) !== "as") continue;
+		const value = prop.value;
+		if (value.type === "StringLiteral") {
+			asTag = value.value;
+			asDynamic = false;
+			break;
+		}
+		if (value.type === "TemplateLiteral" && value.expressions.length === 0) {
+			const first = value.quasis[0];
+			asTag = first?.cooked ?? first?.raw ?? "";
+			asDynamic = false;
+			break;
+		}
+		asDynamic = true;
+		break;
+	}
+	return {
+		asTag,
+		asDynamic
+	};
+};
+const extractStyleText = (objectExpression) => {
+	const filtered = objectExpression.properties.filter((prop) => {
+		if (prop.type !== "KeyValueProperty") return true;
+		if (prop.key.type !== "Identifier" && prop.key.type !== "StringLiteral") return true;
+		return (prop.key.type === "Identifier" ? prop.key.value : prop.key.value) !== "as";
+	});
+	if (!filtered.length) return void 0;
+	const span = {
+		start: 0,
+		end: 0,
+		ctxt: 0
+	};
+	let text = (0, _swc_core.printSync)({
+		type: "Module",
+		body: [{
+			type: "ExpressionStatement",
+			expression: {
+				type: "ObjectExpression",
+				span: objectExpression.span ?? span,
+				properties: filtered
+			},
+			span
+		}],
+		interpreter: null,
+		span
+	}).code;
+	text = text.replace(/;\s*$/, "").trim();
+	if (text.startsWith("({") && text.endsWith("})")) text = text.slice(1, -1);
+	return text.replace(/\s+/g, " ");
+};
+
+//#endregion
+exports.extractPreparedComponents = extractPreparedComponents;

package/dist/parser/jsx/extractPrepared.mjs

@@ -0,0 +1,122 @@
+import { extractCode } from "./extractCode.mjs";
+import { parseSync, printSync } from "@swc/core";
+
+//#region src/parser/jsx/extractPrepared.ts
+const extractPreparedComponents = (content, filePath) => {
+	if (!content.includes("$$.")) return [];
+	const codes = extractCode(content).filter((code) => code.trim().startsWith("$$."));
+	if (!codes.length) return [];
+	const results = [];
+	for (const code of codes) {
+		let parsed;
+		try {
+			parsed = parseSync(code, {
+				syntax: "typescript",
+				tsx: true,
+				isModule: false
+			});
+		} catch {
+			continue;
+		}
+		const statement = parsed.body.find((node) => node.type === "ExpressionStatement");
+		if (!statement || statement.type !== "ExpressionStatement") continue;
+		const expression = statement.expression;
+		if (expression.type !== "AssignmentExpression") continue;
+		const prepared = extractPreparedInfo(expression, filePath);
+		if (prepared) results.push(prepared);
+	}
+	return results;
+};
+const extractPreparedInfo = (expression, filePath) => {
+	if (!isPreparedAssignment(expression)) return null;
+	const name = expression.left.property.value;
+	const objectExpression = getPreparedObjectExpression(expression.right);
+	if (!objectExpression) return null;
+	const { asTag, asDynamic } = extractAsMeta(objectExpression);
+	return {
+		name,
+		asTag,
+		asDynamic,
+		filePath,
+		styles: extractStyleText(objectExpression)
+	};
+};
+const isPreparedAssignment = (expression) => {
+	const left = expression.left;
+	if (!left || left.type !== "MemberExpression") return false;
+	if (left.object?.type !== "Identifier" || left.object.value !== "$$") return false;
+	if (left.property?.type !== "Identifier") return false;
+	if (!/^[A-Z]/.test(left.property.value)) return false;
+	if (expression.operator && expression.operator !== "=") return false;
+	return true;
+};
+const getPreparedObjectExpression = (expression) => {
+	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 arg;
+		}
+	}
+	return null;
+};
+const extractAsMeta = (objectExpression) => {
+	let asTag = null;
+	let asDynamic = false;
+	for (const prop of objectExpression.properties) {
+		if (prop.type !== "KeyValueProperty") continue;
+		if (prop.key.type !== "Identifier" && prop.key.type !== "StringLiteral") continue;
+		if ((prop.key.type === "Identifier" ? prop.key.value : prop.key.value) !== "as") continue;
+		const value = prop.value;
+		if (value.type === "StringLiteral") {
+			asTag = value.value;
+			asDynamic = false;
+			break;
+		}
+		if (value.type === "TemplateLiteral" && value.expressions.length === 0) {
+			const first = value.quasis[0];
+			asTag = first?.cooked ?? first?.raw ?? "";
+			asDynamic = false;
+			break;
+		}
+		asDynamic = true;
+		break;
+	}
+	return {
+		asTag,
+		asDynamic
+	};
+};
+const extractStyleText = (objectExpression) => {
+	const filtered = objectExpression.properties.filter((prop) => {
+		if (prop.type !== "KeyValueProperty") return true;
+		if (prop.key.type !== "Identifier" && prop.key.type !== "StringLiteral") return true;
+		return (prop.key.type === "Identifier" ? prop.key.value : prop.key.value) !== "as";
+	});
+	if (!filtered.length) return void 0;
+	const span = {
+		start: 0,
+		end: 0,
+		ctxt: 0
+	};
+	let text = printSync({
+		type: "Module",
+		body: [{
+			type: "ExpressionStatement",
+			expression: {
+				type: "ObjectExpression",
+				span: objectExpression.span ?? span,
+				properties: filtered
+			},
+			span
+		}],
+		interpreter: null,
+		span
+	}).code;
+	text = text.replace(/;\s*$/, "").trim();
+	if (text.startsWith("({") && text.endsWith("})")) text = text.slice(1, -1);
+	return text.replace(/\s+/g, " ");
+};
+
+//#endregion
+export { extractPreparedComponents };