boss-css 0.0.1 → 0.0.3

package/dist/parser/jsx/native.mjs

@@ -0,0 +1,108 @@
+import { api } from "../../api/browser.mjs";
+import { merge } from "../../merge/index.mjs";
+import { cv, cx, scv, sv } from "../../cx/index.mjs";
+import { createElement, forwardRef } from "react";
+import { ActivityIndicator, FlatList, Image, Modal, Pressable, SafeAreaView, ScrollView, SectionList, Switch, Text, TextInput, TouchableHighlight, TouchableOpacity, TouchableWithoutFeedback, View } from "react-native";
+
+//#region src/parser/jsx/native.ts
+const nativeComponents = {
+	ActivityIndicator,
+	FlatList,
+	Image,
+	Modal,
+	Pressable,
+	SafeAreaView,
+	ScrollView,
+	SectionList,
+	Switch,
+	Text,
+	TextInput,
+	TouchableHighlight,
+	TouchableOpacity,
+	TouchableWithoutFeedback,
+	View
+};
+const registry = /* @__PURE__ */ new Map();
+const resolveComponent = (tag) => {
+	if (!tag) return View;
+	if (typeof tag === "string") return nativeComponents[tag] ?? View;
+	return tag;
+};
+const getApi = () => {
+	if (!api) throw new Error("Boss runtime API is not initialized.");
+	return api;
+};
+function createComponent(tag) {
+	if (registry.has(tag)) return registry.get(tag);
+	const Component = forwardRef((props, ref) => {
+		return 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 createElement(Component, output, children);
+		}
+		return props;
+	};
+}
+const defaultElement = factory("View");
+defaultElement.displayName = "$$";
+defaultElement.merge = merge;
+defaultElement.cx = cx;
+defaultElement.cv = cv;
+defaultElement.scv = scv;
+defaultElement.sv = 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
+export { factory, proxy };

package/dist/parser/jsx/runtime.cjs

@@ -0,0 +1,4 @@
+const require_runtime_index = require('../../runtime/index.cjs');
+
+exports.factory = require_runtime_index.factory;
+exports.proxy = require_runtime_index.proxy;

package/dist/parser/jsx/runtime.mjs

@@ -0,0 +1,3 @@
+import { factory, proxy } from "../../runtime/index.mjs";
+
+export { factory, proxy };

package/dist/parser/jsx/server.cjs

@@ -0,0 +1,278 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_customCss = require('../../shared/customCss.cjs');
+const require_extractCode = require('./extractCode.cjs');
+const require_extractPrepared = require('./extractPrepared.cjs');
+const require_extractProps = require('./extractProps.cjs');
+const require_detect_fw_index = require('../../detect-fw/index.cjs');
+let node_path = require("node:path");
+node_path = require_rolldown_runtime.__toESM(node_path);
+let _swc_core = require("@swc/core");
+
+//#region src/parser/jsx/server.ts
+var server_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	name: () => name,
+	onBoot: () => onBoot,
+	onParse: () => onParse,
+	settings: () => settings
+});
+const name = "jsx";
+const settings = new Map([
+	["name", "$$"],
+	["pragma", "react"],
+	["globals", true],
+	["types", true],
+	["emitRuntime", false]
+]);
+/**
+* Style:
+*
+* \`\`\`
+* {
+*     textTransform: 'uppercase',
+*     width: 300,
+*     hover: {
+*         color: 'purple',
+*     },
+*     at: {
+*         mobile: { color: 'cyan' },
+*     },
+*     onClick: () => {},
+* }
+* \`\`\`
+* PreparedUppercaseA: BaseFn<'div'> & $$JSXFinalProps<'div'>
+*/
+let needsRuntime = false;
+const preparedComponents = /* @__PURE__ */ new Map();
+const syncPreparedDts = (api) => {
+	const entries = Array.from(preparedComponents.entries()).sort(([a], [b]) => a.localeCompare(b));
+	const lines = ["interface $$Prepared {"];
+	for (const [name, meta] of entries) {
+		const baseType = "\"div\"";
+		const getterType = `BaseFn<${baseType}>`;
+		const setterType = `$$PreparedDefinitionForSet<${baseType}>`;
+		const docLines = [];
+		const filePath = formatPreparedPath(meta.filePath);
+		if (filePath) docLines.push(`Declared in: ${filePath}`);
+		if (meta.styles) docLines.push(`Styles: ${sanitizeDocText(meta.styles)}`);
+		if (docLines.length) {
+			lines.push("    /**");
+			for (const line of docLines) lines.push(`     * ${line}`);
+			lines.push("     */");
+		}
+		lines.push(`    get ${name}(): ${getterType};`);
+		lines.push(`    set ${name}(value: ${setterType});`);
+	}
+	lines.push("}");
+	api.file.js.dts.set("body", "jsx:prepared-interface", lines.join("\n"));
+};
+const onBoot = async (api) => {
+	needsRuntime = false;
+	preparedComponents.clear();
+	const needsRuntimeTest = () => needsRuntime || settings.get("emitRuntime") === true;
+	const proxyVar = api.file.js.import({
+		name: "proxy",
+		from: "boss-css/runtime"
+	}, needsRuntimeTest);
+	api.file.js.importAndConfig({
+		name: "onBrowserObjectStart",
+		from: "boss-css/parser/jsx/browser"
+	}, needsRuntimeTest);
+	settings.get("globals") && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
+	api.file.js.set("body", "jsx:export-const", `export const ${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
+	api.file.js.set("foot", "jsx:export-default", `export default ${proxyVar}`, needsRuntimeTest);
+	const framework = await require_detect_fw_index.detectFramework({ config: api.userConfig ?? api });
+	const jsxTypes = require_detect_fw_index.getJsxTypes(framework);
+	const jsxNamespace = jsxTypes.typesNamespace;
+	const jsxTypesModule = jsxTypes.typesModule;
+	const elementType = jsxTypes.elementType;
+	const componentProps = jsxTypes.componentProps;
+	const classNameProp = framework.className ?? "className";
+	api.framework = framework;
+	const runtimeAdapterModule = `boss-css/runtime/${framework.name}`;
+	const runtimeApiVar = api.file.js.import({
+		name: "*",
+		as: "runtimeApi",
+		from: runtimeAdapterModule
+	}, needsRuntimeTest);
+	api.file.js.config({
+		from: runtimeAdapterModule,
+		config: {
+			runtimeApi: runtimeApiVar,
+			framework: {
+				name: framework.name,
+				className: classNameProp
+			}
+		}
+	}, needsRuntimeTest);
+	api.file.js.dts.set("head", "jsx:runtime", `import type * as BossJSX from '${jsxTypesModule}'`);
+	api.file.js.dts.set("body", "jsx:utils", `type BossIntrinsicElements = BossJSX.${jsxNamespace}.IntrinsicElements
+type BossElement = BossJSX.${jsxNamespace}.Element
+type BossElementType = ${elementType}
+type BossComponentProps<C> = C extends keyof BossIntrinsicElements
+    ? BossIntrinsicElements[C]
+    : ${componentProps}
+type AsProp<C extends BossElementType> = {
+    as?: C
+}
+type PolymorphicComponentProp<C extends BossElementType, Props = {}> = Props & BossComponentProps<C> & AsProp<C>
+type PolymorphicComponentPropWithRef<C extends BossElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
+    ref?: unknown
+}
+
+type $$JSXFinalProps<C extends BossElementType> = PolymorphicComponentPropWithRef<C, $$FinalProps>
+declare const $$PreparedBrand: unique symbol
+type $$PreparedProps<Base extends BossElementType = 'div', C extends BossElementType = Base> = Omit<
+    $$JSXFinalProps<C>,
+    'children' | 'ref'
+> &
+    (C extends Base ? { as?: C } : { as: C })
+type $$PreparedDefinition<Base extends BossElementType = 'div', C extends BossElementType = Base> = $$PreparedProps<Base, C> & {
+    readonly [typeof $$PreparedBrand]: true
+}
+type $$PreparedDefinitionForSet<Base extends BossElementType = 'div'> = {
+    readonly [typeof $$PreparedBrand]: true
+}
+type $$NoopFn = {
+    (props: $$PreparedProps<'div', 'div'>): $$PreparedDefinition<'div', 'div'>
+    <C extends BossElementType>(props: $$PreparedProps<'div', C> & { as: C }): $$PreparedDefinition<'div', C>
+    (input: string): string
+}
+type StyleFn = {
+    (...inputs: $$FinalProps[]): BossComponentProps<'div'>
+}
+type CssFn = {
+    (input: TemplateStringsArray, ...exprs: unknown[]): void
+    (input: string | Record<string, unknown>): void
+}
+
+// This is the base function which will become the proxy
+type BaseFn<T extends BossElementType = 'div'> = {
+    <C extends BossElementType = T>(
+        props: $$JSXFinalProps<C>,
+        contexts?: unknown,
+    ): BossElement
+}`);
+	syncPreparedDts(api);
+	api.file.js.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
+`).set("body", "jsx:proxy-utils", `    $: $$NoopFn
+    merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
+    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
+    cv: typeof import('boss-css/cx').cv
+    scv: typeof import('boss-css/cx').scv
+    sv: typeof import('boss-css/cx').sv
+    css: CssFn
+    style: StyleFn
+`).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {
+    [T in keyof BossIntrinsicElements]: BaseFn<T>
+} & $$Prepared & ProxyCustomMembers`);
+	api.file.js.dts.replace("body", "$$:FinalProps", (value) => {
+		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/cx').CxValue }`;
+	});
+	api.file.js.dts.set("foot", "jsx:export", `export declare const $$: Proxy`);
+	if (settings.get("globals")) api.file.js.dts.set("foot", "jsx:globals", `declare global {
+    const $$: Proxy
+}`);
+	api.file.js.dts.set("foot", "$$:default-export", `export default $$`);
+};
+const onParse = async (api, input) => {
+	const log = api.log.child("parser").child("jsx");
+	const { content } = input;
+	const filePath = input.path || input.file;
+	const prepared = require_extractPrepared.extractPreparedComponents(content, filePath);
+	let preparedDirty = false;
+	for (const entry of prepared) {
+		const existing = preparedComponents.get(entry.name);
+		if (!existing || existing.asTag !== entry.asTag || existing.asDynamic !== entry.asDynamic || existing.filePath !== entry.filePath || existing.styles !== entry.styles) {
+			preparedComponents.set(entry.name, entry);
+			preparedDirty = true;
+		}
+	}
+	if (preparedDirty) syncPreparedDts(api);
+	if (input.preparedOnly) return;
+	const extractedCodes = require_extractCode.extractCode(content);
+	const results = await require_extractProps.extractPropTrees(extractedCodes);
+	needsRuntime ||= !!results.length;
+	for (const [key, tree] of Object.entries(results)) {
+		log.log("onPropTree", tree);
+		await api.trigger("onPropTree", {
+			input: api.propTreeToObject(tree),
+			tree,
+			preferVariables: true,
+			file: input,
+			code: extractedCodes[key],
+			parser: "jsx"
+		});
+	}
+	if (filePath) {
+		const customBlocks = extractCustomCssBlocks(api, content, filePath);
+		api.css?.syncCustomBlocks?.(filePath, customBlocks);
+	}
+};
+const customCssExtensions = new Set([
+	".js",
+	".jsx",
+	".ts",
+	".tsx",
+	".mjs",
+	".cjs"
+]);
+const extractCustomCssBlocks = (api, content, filePath) => {
+	const ext = node_path.default.extname(filePath);
+	if (!customCssExtensions.has(ext)) return [];
+	if (!content.includes("$$.css")) return [];
+	let program;
+	try {
+		const isTs = ext === ".ts" || ext === ".tsx";
+		const isJsx = ext === ".jsx" || ext === ".tsx" || ext === ".js" || ext === ".mjs" || ext === ".cjs";
+		program = (0, _swc_core.parseSync)(content, {
+			syntax: isTs ? "typescript" : "ecmascript",
+			tsx: isTs && isJsx,
+			jsx: !isTs && isJsx
+		});
+	} catch {
+		return [];
+	}
+	const blocks = [];
+	const walk = (node) => {
+		if (!node || typeof node !== "object") return;
+		if (Array.isArray(node)) {
+			node.forEach(walk);
+			return;
+		}
+		const record = node;
+		if (record.type === "TaggedTemplateExpression" || record.type === "CallExpression") {
+			const cssText = require_customCss.extractCustomCssText(node, api);
+			if (cssText != null) {
+				const start = record.span?.start ?? 0;
+				const end = record.span?.end ?? 0;
+				blocks.push({
+					start,
+					end,
+					cssText
+				});
+			}
+		}
+		for (const value of Object.values(record)) walk(value);
+	};
+	walk(program);
+	return blocks;
+};
+const formatPreparedPath = (filePath) => {
+	if (!filePath) return null;
+	const relative = node_path.default.relative(process.cwd(), filePath);
+	if (!relative || relative.startsWith("..")) return filePath;
+	return relative;
+};
+const sanitizeDocText = (value) => value.replace(/\*\//g, "*\\/");
+
+//#endregion
+exports.name = name;
+exports.onBoot = onBoot;
+exports.onParse = onParse;
+Object.defineProperty(exports, 'server_exports', {
+  enumerable: true,
+  get: function () {
+    return server_exports;
+  }
+});
+exports.settings = settings;

package/dist/parser/jsx/server.mjs

@@ -0,0 +1,268 @@
+import { __exportAll } from "../../_virtual/rolldown_runtime.mjs";
+import { extractCustomCssText } from "../../shared/customCss.mjs";
+import { extractCode } from "./extractCode.mjs";
+import { extractPreparedComponents } from "./extractPrepared.mjs";
+import { extractPropTrees } from "./extractProps.mjs";
+import { detectFramework, getJsxTypes } from "../../detect-fw/index.mjs";
+import path from "node:path";
+import { parseSync } from "@swc/core";
+
+//#region src/parser/jsx/server.ts
+var server_exports = /* @__PURE__ */ __exportAll({
+	name: () => name,
+	onBoot: () => onBoot,
+	onParse: () => onParse,
+	settings: () => settings
+});
+const name = "jsx";
+const settings = new Map([
+	["name", "$$"],
+	["pragma", "react"],
+	["globals", true],
+	["types", true],
+	["emitRuntime", false]
+]);
+/**
+* Style:
+*
+* \`\`\`
+* {
+*     textTransform: 'uppercase',
+*     width: 300,
+*     hover: {
+*         color: 'purple',
+*     },
+*     at: {
+*         mobile: { color: 'cyan' },
+*     },
+*     onClick: () => {},
+* }
+* \`\`\`
+* PreparedUppercaseA: BaseFn<'div'> & $$JSXFinalProps<'div'>
+*/
+let needsRuntime = false;
+const preparedComponents = /* @__PURE__ */ new Map();
+const syncPreparedDts = (api) => {
+	const entries = Array.from(preparedComponents.entries()).sort(([a], [b]) => a.localeCompare(b));
+	const lines = ["interface $$Prepared {"];
+	for (const [name, meta] of entries) {
+		const baseType = "\"div\"";
+		const getterType = `BaseFn<${baseType}>`;
+		const setterType = `$$PreparedDefinitionForSet<${baseType}>`;
+		const docLines = [];
+		const filePath = formatPreparedPath(meta.filePath);
+		if (filePath) docLines.push(`Declared in: ${filePath}`);
+		if (meta.styles) docLines.push(`Styles: ${sanitizeDocText(meta.styles)}`);
+		if (docLines.length) {
+			lines.push("    /**");
+			for (const line of docLines) lines.push(`     * ${line}`);
+			lines.push("     */");
+		}
+		lines.push(`    get ${name}(): ${getterType};`);
+		lines.push(`    set ${name}(value: ${setterType});`);
+	}
+	lines.push("}");
+	api.file.js.dts.set("body", "jsx:prepared-interface", lines.join("\n"));
+};
+const onBoot = async (api) => {
+	needsRuntime = false;
+	preparedComponents.clear();
+	const needsRuntimeTest = () => needsRuntime || settings.get("emitRuntime") === true;
+	const proxyVar = api.file.js.import({
+		name: "proxy",
+		from: "boss-css/runtime"
+	}, needsRuntimeTest);
+	api.file.js.importAndConfig({
+		name: "onBrowserObjectStart",
+		from: "boss-css/parser/jsx/browser"
+	}, needsRuntimeTest);
+	settings.get("globals") && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
+	api.file.js.set("body", "jsx:export-const", `export const ${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
+	api.file.js.set("foot", "jsx:export-default", `export default ${proxyVar}`, needsRuntimeTest);
+	const framework = await detectFramework({ config: api.userConfig ?? api });
+	const jsxTypes = getJsxTypes(framework);
+	const jsxNamespace = jsxTypes.typesNamespace;
+	const jsxTypesModule = jsxTypes.typesModule;
+	const elementType = jsxTypes.elementType;
+	const componentProps = jsxTypes.componentProps;
+	const classNameProp = framework.className ?? "className";
+	api.framework = framework;
+	const runtimeAdapterModule = `boss-css/runtime/${framework.name}`;
+	const runtimeApiVar = api.file.js.import({
+		name: "*",
+		as: "runtimeApi",
+		from: runtimeAdapterModule
+	}, needsRuntimeTest);
+	api.file.js.config({
+		from: runtimeAdapterModule,
+		config: {
+			runtimeApi: runtimeApiVar,
+			framework: {
+				name: framework.name,
+				className: classNameProp
+			}
+		}
+	}, needsRuntimeTest);
+	api.file.js.dts.set("head", "jsx:runtime", `import type * as BossJSX from '${jsxTypesModule}'`);
+	api.file.js.dts.set("body", "jsx:utils", `type BossIntrinsicElements = BossJSX.${jsxNamespace}.IntrinsicElements
+type BossElement = BossJSX.${jsxNamespace}.Element
+type BossElementType = ${elementType}
+type BossComponentProps<C> = C extends keyof BossIntrinsicElements
+    ? BossIntrinsicElements[C]
+    : ${componentProps}
+type AsProp<C extends BossElementType> = {
+    as?: C
+}
+type PolymorphicComponentProp<C extends BossElementType, Props = {}> = Props & BossComponentProps<C> & AsProp<C>
+type PolymorphicComponentPropWithRef<C extends BossElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
+    ref?: unknown
+}
+
+type $$JSXFinalProps<C extends BossElementType> = PolymorphicComponentPropWithRef<C, $$FinalProps>
+declare const $$PreparedBrand: unique symbol
+type $$PreparedProps<Base extends BossElementType = 'div', C extends BossElementType = Base> = Omit<
+    $$JSXFinalProps<C>,
+    'children' | 'ref'
+> &
+    (C extends Base ? { as?: C } : { as: C })
+type $$PreparedDefinition<Base extends BossElementType = 'div', C extends BossElementType = Base> = $$PreparedProps<Base, C> & {
+    readonly [typeof $$PreparedBrand]: true
+}
+type $$PreparedDefinitionForSet<Base extends BossElementType = 'div'> = {
+    readonly [typeof $$PreparedBrand]: true
+}
+type $$NoopFn = {
+    (props: $$PreparedProps<'div', 'div'>): $$PreparedDefinition<'div', 'div'>
+    <C extends BossElementType>(props: $$PreparedProps<'div', C> & { as: C }): $$PreparedDefinition<'div', C>
+    (input: string): string
+}
+type StyleFn = {
+    (...inputs: $$FinalProps[]): BossComponentProps<'div'>
+}
+type CssFn = {
+    (input: TemplateStringsArray, ...exprs: unknown[]): void
+    (input: string | Record<string, unknown>): void
+}
+
+// This is the base function which will become the proxy
+type BaseFn<T extends BossElementType = 'div'> = {
+    <C extends BossElementType = T>(
+        props: $$JSXFinalProps<C>,
+        contexts?: unknown,
+    ): BossElement
+}`);
+	syncPreparedDts(api);
+	api.file.js.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
+`).set("body", "jsx:proxy-utils", `    $: $$NoopFn
+    merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
+    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
+    cv: typeof import('boss-css/cx').cv
+    scv: typeof import('boss-css/cx').scv
+    sv: typeof import('boss-css/cx').sv
+    css: CssFn
+    style: StyleFn
+`).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {
+    [T in keyof BossIntrinsicElements]: BaseFn<T>
+} & $$Prepared & ProxyCustomMembers`);
+	api.file.js.dts.replace("body", "$$:FinalProps", (value) => {
+		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/cx').CxValue }`;
+	});
+	api.file.js.dts.set("foot", "jsx:export", `export declare const $$: Proxy`);
+	if (settings.get("globals")) api.file.js.dts.set("foot", "jsx:globals", `declare global {
+    const $$: Proxy
+}`);
+	api.file.js.dts.set("foot", "$$:default-export", `export default $$`);
+};
+const onParse = async (api, input) => {
+	const log = api.log.child("parser").child("jsx");
+	const { content } = input;
+	const filePath = input.path || input.file;
+	const prepared = extractPreparedComponents(content, filePath);
+	let preparedDirty = false;
+	for (const entry of prepared) {
+		const existing = preparedComponents.get(entry.name);
+		if (!existing || existing.asTag !== entry.asTag || existing.asDynamic !== entry.asDynamic || existing.filePath !== entry.filePath || existing.styles !== entry.styles) {
+			preparedComponents.set(entry.name, entry);
+			preparedDirty = true;
+		}
+	}
+	if (preparedDirty) syncPreparedDts(api);
+	if (input.preparedOnly) return;
+	const extractedCodes = extractCode(content);
+	const results = await extractPropTrees(extractedCodes);
+	needsRuntime ||= !!results.length;
+	for (const [key, tree] of Object.entries(results)) {
+		log.log("onPropTree", tree);
+		await api.trigger("onPropTree", {
+			input: api.propTreeToObject(tree),
+			tree,
+			preferVariables: true,
+			file: input,
+			code: extractedCodes[key],
+			parser: "jsx"
+		});
+	}
+	if (filePath) {
+		const customBlocks = extractCustomCssBlocks(api, content, filePath);
+		api.css?.syncCustomBlocks?.(filePath, customBlocks);
+	}
+};
+const customCssExtensions = new Set([
+	".js",
+	".jsx",
+	".ts",
+	".tsx",
+	".mjs",
+	".cjs"
+]);
+const extractCustomCssBlocks = (api, content, filePath) => {
+	const ext = path.extname(filePath);
+	if (!customCssExtensions.has(ext)) return [];
+	if (!content.includes("$$.css")) return [];
+	let program;
+	try {
+		const isTs = ext === ".ts" || ext === ".tsx";
+		const isJsx = ext === ".jsx" || ext === ".tsx" || ext === ".js" || ext === ".mjs" || ext === ".cjs";
+		program = parseSync(content, {
+			syntax: isTs ? "typescript" : "ecmascript",
+			tsx: isTs && isJsx,
+			jsx: !isTs && isJsx
+		});
+	} catch {
+		return [];
+	}
+	const blocks = [];
+	const walk = (node) => {
+		if (!node || typeof node !== "object") return;
+		if (Array.isArray(node)) {
+			node.forEach(walk);
+			return;
+		}
+		const record = node;
+		if (record.type === "TaggedTemplateExpression" || record.type === "CallExpression") {
+			const cssText = extractCustomCssText(node, api);
+			if (cssText != null) {
+				const start = record.span?.start ?? 0;
+				const end = record.span?.end ?? 0;
+				blocks.push({
+					start,
+					end,
+					cssText
+				});
+			}
+		}
+		for (const value of Object.values(record)) walk(value);
+	};
+	walk(program);
+	return blocks;
+};
+const formatPreparedPath = (filePath) => {
+	if (!filePath) return null;
+	const relative = path.relative(process.cwd(), filePath);
+	if (!relative || relative.startsWith("..")) return filePath;
+	return relative;
+};
+const sanitizeDocText = (value) => value.replace(/\*\//g, "*\\/");
+
+//#endregion
+export { name, onBoot, onParse, server_exports, settings };

package/dist/postcss/index.cjs

@@ -0,0 +1,16 @@
+const require_postcss = require('../tasks/postcss.cjs');
+
+//#region src/postcss/index.ts
+function postcssPlugin(options = {}) {
+	return {
+		postcssPlugin: "boss-postcss-plugin",
+		plugins: [async (root, result) => {
+			await require_postcss.runPostcss(root, result, options);
+		}]
+	};
+}
+postcssPlugin.postcss = true;
+var postcss_default = postcssPlugin;
+
+//#endregion
+module.exports = postcss_default;