boss-css 0.0.1 → 0.0.2

package/dist/api/file/js.mjs

@@ -0,0 +1,116 @@
+import File from "./file.mjs";
+import Dts from "./dts.mjs";
+import hash from "@emotion/hash";
+
+//#region src/api/file/js.ts
+var JS = class extends File {
+	_d;
+	get dts() {
+		return this._d ??= new Dts(this.api, { path: this.options.path.replace(/\.js$/, ".d.ts") });
+	}
+	get headers() {
+		return [
+			...super.headers,
+			["$$:eslint-disable", { content: "/* eslint-disable */" }],
+			["$$:ts-nocheck", { content: "// @ts-nocheck" }]
+		];
+	}
+	import({ name = null, from, as = null }, test = () => true) {
+		const imports = this.get("import");
+		if (name === "*") {
+			const alias = as ?? `namespace_${hash(from)}`;
+			if (imports.has(alias)) return alias;
+			imports.set(alias, {
+				content: `import * as ${alias} from '${from}'`,
+				test
+			});
+			return alias;
+		}
+		const key = `${name}_${hash(from)}`;
+		if (imports.has(key)) return key;
+		if (name === "default") imports.set(key, {
+			content: `import ${key} from '${from}'`,
+			test
+		});
+		else if (name) imports.set(key, {
+			content: `import { ${name} as ${key} } from '${from}'`,
+			test
+		});
+		else imports.set(key, {
+			content: `import '${from}'`,
+			test
+		});
+		return key;
+	}
+	_configs = /* @__PURE__ */ new Map();
+	config({ from, config }, test = () => true) {
+		const existing = this._configs.get(from);
+		const configEntry = {
+			...existing,
+			config: {
+				...existing?.config,
+				...config
+			},
+			test
+		};
+		if (existing?.plugin && config?.plugin) configEntry.config.plugin = {
+			...existing.config.plugin,
+			...config.plugin
+		};
+		this._configs.set(from, configEntry);
+		const testHasConfig = () => Array.from(this._configs.values()).some(({ test: test$1 }) => !test$1 || test$1());
+		const createApiVar = this.import({
+			name: "createApi",
+			from: "boss-css/api/browser"
+		}, testHasConfig);
+		this.set("body", "$$:createApiStart", `${createApiVar}({`, testHasConfig);
+		const serializeConfigValue = (value, keyHint) => JSON.stringify(value, (k, v) => {
+			const name = k || keyHint;
+			if (typeof v === "string" && name) {
+				if (v.startsWith(`${name}_`)) return `$$__${v}__$$`;
+				if (name === "runtimeApi" && v === name) return `$$__${v}__$$`;
+			}
+			return v;
+		}, 2).replace(/"\$\$__|__\$\$"/g, "");
+		this.set("body", "$$:createApiRoot", () => {
+			const results = [];
+			for (const conf of this._configs.values()) {
+				if (conf.test && !conf.test()) continue;
+				Object.entries(conf.config).forEach(([key, value]) => {
+					if (key === "plugin" || key === "plugins") return;
+					if (value === void 0) return;
+					results.push(`${key}: ${serializeConfigValue(value, key)},`);
+				});
+			}
+			return results.join("\n");
+		}, testHasConfig);
+		this.set("body", "$$:createApiPlugins", () => {
+			const results = [];
+			for (const conf of this._configs.values()) {
+				if (conf.test && !conf.test()) continue;
+				if (!conf.config?.plugin) continue;
+				results.push(`${serializeConfigValue(conf.config.plugin)}`);
+			}
+			return results.length ? `plugins: [${results.join(",\n")}],` : "";
+		}, testHasConfig);
+		this.set("body", "$$:createApiEnd", `})`, testHasConfig);
+	}
+	importAndConfig({ name, from }, test = () => true) {
+		const key = this.import({
+			name,
+			from
+		}, test);
+		this.config({
+			from,
+			config: { plugin: { [name]: key } }
+		}, test);
+		return key;
+	}
+	async write() {
+		await super.write();
+		await this.dts.write();
+	}
+};
+
+//#endregion
+export { JS as default };

package/dist/api/names.cjs

@@ -0,0 +1,52 @@
+require("css.escape");
+
+//#region src/api/names.ts
+const contextToClassName = (name, value, contexts, escape = true, prefix = "") => {
+	const parts = value !== null ? [name, Array.isArray(value) ? value.join("_") : String(value)] : [name];
+	const className = `${prefix}${[...contexts, ...parts].join(":")}`;
+	return escape ? camelCaseToDash(escapeClassName(className)) : camelCaseToDash(className.replace(/ /g, "_"));
+};
+const contextToCSSVariable = (name, value, contexts, prefix = "") => {
+	return camelCaseToDash(escapeCSSVariable(`--${prefix}${[...contexts, name].join("-")}`));
+};
+const escapeCSSVariable = (css) => {
+	return css.replace(/ /g, "-").replace(/([^a-z0-9-_])/gi, "\\$1");
+};
+const escapeClassName = (css) => {
+	return CSS.escape(css.replace(/ /g, "_")).replace(/([^\\]):/g, "\\:");
+};
+const escapeAttributeValue = (value) => {
+	return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
+};
+const classTokenToSelector = (token) => {
+	if (token.includes("{") || token.includes("}")) return `[class~="${escapeAttributeValue(token)}"]`;
+	return `.${escapeClassName(token)}`;
+};
+const dashToCamelCase = (str) => {
+	return str.replace(/-([a-z])/g, (_, a) => a.toUpperCase());
+};
+const camelCaseToDash = (str) => {
+	return str.replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`);
+};
+const isChildSelectorContext = (context) => {
+	return context.startsWith("[") && context.endsWith("]") && context.length > 2;
+};
+const normalizeChildSelectorContext = (context) => {
+	if (!isChildSelectorContext(context)) return null;
+	return context.slice(1, -1).replace(/_/g, " ").trim();
+};
+const applyChildSelectors = (baseSelector, contexts) => {
+	return contexts.map(normalizeChildSelectorContext).filter((selector) => Boolean(selector)).reduce((current, selector) => {
+		if (selector.includes("&")) return selector.replace(/&/g, current);
+		return `${current} ${selector}`.trim();
+	}, baseSelector);
+};
+
+//#endregion
+exports.applyChildSelectors = applyChildSelectors;
+exports.camelCaseToDash = camelCaseToDash;
+exports.classTokenToSelector = classTokenToSelector;
+exports.contextToCSSVariable = contextToCSSVariable;
+exports.contextToClassName = contextToClassName;
+exports.dashToCamelCase = dashToCamelCase;
+exports.escapeClassName = escapeClassName;

package/dist/api/names.mjs

@@ -0,0 +1,46 @@
+import "css.escape";
+
+//#region src/api/names.ts
+const contextToClassName = (name, value, contexts, escape = true, prefix = "") => {
+	const parts = value !== null ? [name, Array.isArray(value) ? value.join("_") : String(value)] : [name];
+	const className = `${prefix}${[...contexts, ...parts].join(":")}`;
+	return escape ? camelCaseToDash(escapeClassName(className)) : camelCaseToDash(className.replace(/ /g, "_"));
+};
+const contextToCSSVariable = (name, value, contexts, prefix = "") => {
+	return camelCaseToDash(escapeCSSVariable(`--${prefix}${[...contexts, name].join("-")}`));
+};
+const escapeCSSVariable = (css) => {
+	return css.replace(/ /g, "-").replace(/([^a-z0-9-_])/gi, "\\$1");
+};
+const escapeClassName = (css) => {
+	return CSS.escape(css.replace(/ /g, "_")).replace(/([^\\]):/g, "\\:");
+};
+const escapeAttributeValue = (value) => {
+	return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
+};
+const classTokenToSelector = (token) => {
+	if (token.includes("{") || token.includes("}")) return `[class~="${escapeAttributeValue(token)}"]`;
+	return `.${escapeClassName(token)}`;
+};
+const dashToCamelCase = (str) => {
+	return str.replace(/-([a-z])/g, (_, a) => a.toUpperCase());
+};
+const camelCaseToDash = (str) => {
+	return str.replace(/([a-z])([A-Z])/g, (_, a, b) => `${a}-${b.toLowerCase()}`);
+};
+const isChildSelectorContext = (context) => {
+	return context.startsWith("[") && context.endsWith("]") && context.length > 2;
+};
+const normalizeChildSelectorContext = (context) => {
+	if (!isChildSelectorContext(context)) return null;
+	return context.slice(1, -1).replace(/_/g, " ").trim();
+};
+const applyChildSelectors = (baseSelector, contexts) => {
+	return contexts.map(normalizeChildSelectorContext).filter((selector) => Boolean(selector)).reduce((current, selector) => {
+		if (selector.includes("&")) return selector.replace(/&/g, current);
+		return `${current} ${selector}`.trim();
+	}, baseSelector);
+};
+
+//#endregion
+export { applyChildSelectors, camelCaseToDash, classTokenToSelector, contextToCSSVariable, contextToClassName, dashToCamelCase, escapeClassName };

package/dist/api/noopCss.cjs

@@ -0,0 +1,37 @@
+
+//#region src/api/noopCss.ts
+var NoopCSS = class {
+	api;
+	imports = /* @__PURE__ */ new Set();
+	root = /* @__PURE__ */ new Set();
+	rootSources = /* @__PURE__ */ new Map();
+	customBlocks = /* @__PURE__ */ new Map();
+	customByFile = /* @__PURE__ */ new Map();
+	ruleMeta = /* @__PURE__ */ new Map();
+	ruleSources = /* @__PURE__ */ new Map();
+	source = null;
+	constructor(api) {
+		this.api = api;
+	}
+	get text() {
+		return "";
+	}
+	selector() {}
+	rule() {}
+	addRoot() {}
+	removeSource() {}
+	addImport() {}
+	addRule() {}
+	compareAtRuleOrder() {
+		return 0;
+	}
+	write() {}
+	reset() {}
+	syncCustomBlocks() {}
+	getCustomText() {
+		return "";
+	}
+};
+
+//#endregion
+exports.NoopCSS = NoopCSS;

package/dist/api/noopCss.mjs

@@ -0,0 +1,36 @@
+//#region src/api/noopCss.ts
+var NoopCSS = class {
+	api;
+	imports = /* @__PURE__ */ new Set();
+	root = /* @__PURE__ */ new Set();
+	rootSources = /* @__PURE__ */ new Map();
+	customBlocks = /* @__PURE__ */ new Map();
+	customByFile = /* @__PURE__ */ new Map();
+	ruleMeta = /* @__PURE__ */ new Map();
+	ruleSources = /* @__PURE__ */ new Map();
+	source = null;
+	constructor(api) {
+		this.api = api;
+	}
+	get text() {
+		return "";
+	}
+	selector() {}
+	rule() {}
+	addRoot() {}
+	removeSource() {}
+	addImport() {}
+	addRule() {}
+	compareAtRuleOrder() {
+		return 0;
+	}
+	write() {}
+	reset() {}
+	syncCustomBlocks() {}
+	getCustomText() {
+		return "";
+	}
+};
+
+//#endregion
+export { NoopCSS };

package/dist/api/propTree.cjs

@@ -0,0 +1,54 @@
+
+//#region src/api/propTree.ts
+function objectToPropTree(obj, output = {}) {
+	Object.entries(obj).forEach(([name, value]) => {
+		const prop = { value };
+		if (value !== null && typeof value === "object" && !Array.isArray(value)) {
+			prop.value = {};
+			objectToPropTree(value, prop.value);
+		}
+		output[name] = prop;
+	});
+	return output;
+}
+function propTreeToObject(tree) {
+	return Object.entries(tree).reduce((acc, [name, prop]) => {
+		if (!prop.value !== null) acc[name] = prop.value;
+		return acc;
+	}, {});
+}
+function propTreeToArray(tree) {
+	return tree.map((prop) => prop.value);
+}
+function propTreeToValue(tree) {
+	if (Array.isArray(tree)) return propTreeToArray(tree);
+	if (tree && typeof tree === "object") {
+		if ("value" in tree) return tree.value ?? tree;
+		return propTreeToObject(tree);
+	}
+	return tree?.value ?? tree;
+}
+function walkPropTree(tree, callback) {
+	Object.entries(tree).forEach(([name, prop]) => {
+		callback(name, prop);
+		if (prop.value && typeof prop.value === "object" && !Array.isArray(prop.value)) walkPropTree(prop.value, callback);
+	});
+}
+function mapPropTree(tree, callback, depth = 0) {
+	return Object.entries(tree).reduce((acc, [name, prop]) => {
+		if (prop.value && typeof prop.value === "object" && !Array.isArray(prop.value)) acc[name] = {
+			...prop,
+			value: mapPropTree(prop.value, callback, depth + 1)
+		};
+		else acc[name] = callback(name, prop, depth);
+		return acc;
+	}, tree);
+}
+
+//#endregion
+exports.mapPropTree = mapPropTree;
+exports.objectToPropTree = objectToPropTree;
+exports.propTreeToArray = propTreeToArray;
+exports.propTreeToObject = propTreeToObject;
+exports.propTreeToValue = propTreeToValue;
+exports.walkPropTree = walkPropTree;

package/dist/api/propTree.mjs

@@ -0,0 +1,48 @@
+//#region src/api/propTree.ts
+function objectToPropTree(obj, output = {}) {
+	Object.entries(obj).forEach(([name, value]) => {
+		const prop = { value };
+		if (value !== null && typeof value === "object" && !Array.isArray(value)) {
+			prop.value = {};
+			objectToPropTree(value, prop.value);
+		}
+		output[name] = prop;
+	});
+	return output;
+}
+function propTreeToObject(tree) {
+	return Object.entries(tree).reduce((acc, [name, prop]) => {
+		if (!prop.value !== null) acc[name] = prop.value;
+		return acc;
+	}, {});
+}
+function propTreeToArray(tree) {
+	return tree.map((prop) => prop.value);
+}
+function propTreeToValue(tree) {
+	if (Array.isArray(tree)) return propTreeToArray(tree);
+	if (tree && typeof tree === "object") {
+		if ("value" in tree) return tree.value ?? tree;
+		return propTreeToObject(tree);
+	}
+	return tree?.value ?? tree;
+}
+function walkPropTree(tree, callback) {
+	Object.entries(tree).forEach(([name, prop]) => {
+		callback(name, prop);
+		if (prop.value && typeof prop.value === "object" && !Array.isArray(prop.value)) walkPropTree(prop.value, callback);
+	});
+}
+function mapPropTree(tree, callback, depth = 0) {
+	return Object.entries(tree).reduce((acc, [name, prop]) => {
+		if (prop.value && typeof prop.value === "object" && !Array.isArray(prop.value)) acc[name] = {
+			...prop,
+			value: mapPropTree(prop.value, callback, depth + 1)
+		};
+		else acc[name] = callback(name, prop, depth);
+		return acc;
+	}, tree);
+}
+
+//#endregion
+export { mapPropTree, objectToPropTree, propTreeToArray, propTreeToObject, propTreeToValue, walkPropTree };

package/dist/api/server.cjs

@@ -0,0 +1,112 @@
+const require_dictionary = require('./dictionary.cjs');
+const require_css = require('./css.cjs');
+const require_api_noopCss = require('./noopCss.cjs');
+const require_propTree = require('./propTree.cjs');
+const require_names = require('./names.cjs');
+const require_js = require('./file/js.cjs');
+const require_debug = require('../shared/debug.cjs');
+const require_server = require('../log/server.cjs');
+
+//#region src/api/server.ts
+let api = null;
+async function createApi(config, force = false) {
+	if (!force && api) return api;
+	const debug = require_debug.resolveDebugValue(config.debug);
+	const resolvedConfig = {
+		...config,
+		debug
+	};
+	const logRoot = require_server.createLogger("boss", debug);
+	logRoot.child("api").log("Create server API");
+	api = {
+		unit: "px",
+		trigger,
+		isServer: true,
+		log: logRoot,
+		userConfig: resolvedConfig,
+		...resolvedConfig,
+		plugins: Array.isArray(resolvedConfig.plugins) ? resolvedConfig.plugins : [],
+		file: {},
+		propTreeToObject: require_propTree.propTreeToObject,
+		propTreeToArray: require_propTree.propTreeToArray,
+		propTreeToValue: require_propTree.propTreeToValue,
+		walkPropTree: require_propTree.walkPropTree,
+		objectToPropTree: require_propTree.objectToPropTree,
+		mapPropTree: require_propTree.mapPropTree,
+		escapeClassName: require_names.escapeClassName,
+		contextToCSSVariable: require_names.contextToCSSVariable,
+		contextToClassName: require_names.contextToClassName,
+		camelCaseToDash: require_names.camelCaseToDash,
+		dashToCamelCase: require_names.dashToCamelCase,
+		classTokenToSelector: require_names.classTokenToSelector,
+		applyChildSelectors: require_names.applyChildSelectors
+	};
+	const runtimeOnly = config?.runtime?.only === true;
+	api.dictionary = new require_dictionary.Dictionary(api);
+	api.css = runtimeOnly ? new require_api_noopCss.NoopCSS(api) : new require_css.CSS(api);
+	api.file.js = new require_js.default(api, { path: "index.js" });
+	api.file.native = new require_js.default(api, { path: "native.js" });
+	const initBaseTypes = (dts, options) => {
+		const valueTypes = [
+			"string",
+			"number",
+			"boolean",
+			...options.includeObject ? ["Record<string, any>"] : []
+		];
+		const arrayTypes = valueTypes.concat("$$PropFunction").join(" | ");
+		dts.set("body", "$$:FinalProps", `export type $$FinalProps = {}`).set("body", "$$:PropFunction", `type $$PropFunction = (...args: any) => $$PropValues`).set("body", "$$:PropValues", `type $$PropValues =
+    | ${valueTypes.join("\n    | ")}
+    | (${arrayTypes})[]
+    | $$PropFunction`);
+	};
+	initBaseTypes(api.file.js.dts, { includeObject: false });
+	initBaseTypes(api.file.native.dts, { includeObject: true });
+	await trigger("onBoot");
+	const autoLoadCss = config?.css?.autoLoad ?? true;
+	if (!runtimeOnly && autoLoadCss) api.file.js.import({ from: "./styles.css" });
+	await trigger("onReady");
+	return api;
+}
+async function trigger(eventName, data, test = () => true) {
+	if (!api) return;
+	const currentApi = api;
+	const log = currentApi.log.child("api").child("trigger");
+	const resolveSource = (input) => {
+		if (!input) return null;
+		if (typeof input.file === "string") return input.file ?? null;
+		if (input.file && typeof input.file?.path === "string") return input.file?.path ?? null;
+		if (typeof input.path === "string") return input.path ?? null;
+		return null;
+	};
+	const nextSource = resolveSource(data);
+	const previousSource = currentApi.css?.source ?? null;
+	const shouldSetSource = nextSource !== null && nextSource !== void 0;
+	if (currentApi.css && shouldSetSource) currentApi.css.setSource ? currentApi.css.setSource(nextSource) : currentApi.css.source = nextSource;
+	try {
+		for (const plugin of currentApi.plugins) {
+			if (!plugin[eventName]) continue;
+			const testResult = await test(plugin);
+			const dataName = data && typeof data === "object" && "name" in data ? String(data.name ?? "") : "";
+			log.log(`${!testResult ? "skip: " : ""}${eventName}${dataName ? `:${dataName}` : ""}`);
+			if (!testResult) continue;
+			const handlers = Array.isArray(plugin[eventName]) ? plugin[eventName] : [plugin[eventName]];
+			for (const [index, handler] of Object.entries(handlers)) {
+				log.log("|-", plugin.name, `${+index + 1}/${handlers.length}`);
+				await handler(currentApi, data)?.catch((err) => {
+					throw new Error(`Error in ${plugin.name}:${eventName} handler: ${err.message}`);
+				});
+			}
+		}
+	} finally {
+		if (currentApi.css && shouldSetSource) currentApi.css.setSource ? currentApi.css.setSource(previousSource) : currentApi.css.source = previousSource;
+	}
+}
+
+//#endregion
+Object.defineProperty(exports, 'api', {
+  enumerable: true,
+  get: function () {
+    return api;
+  }
+});
+exports.createApi = createApi;

package/dist/api/server.mjs

@@ -0,0 +1,106 @@
+import { Dictionary } from "./dictionary.mjs";
+import { CSS } from "./css.mjs";
+import { NoopCSS } from "./noopCss.mjs";
+import { mapPropTree, objectToPropTree, propTreeToArray, propTreeToObject, propTreeToValue, walkPropTree } from "./propTree.mjs";
+import { applyChildSelectors, camelCaseToDash, classTokenToSelector, contextToCSSVariable, contextToClassName, dashToCamelCase, escapeClassName } from "./names.mjs";
+import JS from "./file/js.mjs";
+import { resolveDebugValue } from "../shared/debug.mjs";
+import { createLogger } from "../log/server.mjs";
+
+//#region src/api/server.ts
+let api = null;
+async function createApi(config, force = false) {
+	if (!force && api) return api;
+	const debug = resolveDebugValue(config.debug);
+	const resolvedConfig = {
+		...config,
+		debug
+	};
+	const logRoot = createLogger("boss", debug);
+	logRoot.child("api").log("Create server API");
+	api = {
+		unit: "px",
+		trigger,
+		isServer: true,
+		log: logRoot,
+		userConfig: resolvedConfig,
+		...resolvedConfig,
+		plugins: Array.isArray(resolvedConfig.plugins) ? resolvedConfig.plugins : [],
+		file: {},
+		propTreeToObject,
+		propTreeToArray,
+		propTreeToValue,
+		walkPropTree,
+		objectToPropTree,
+		mapPropTree,
+		escapeClassName,
+		contextToCSSVariable,
+		contextToClassName,
+		camelCaseToDash,
+		dashToCamelCase,
+		classTokenToSelector,
+		applyChildSelectors
+	};
+	const runtimeOnly = config?.runtime?.only === true;
+	api.dictionary = new Dictionary(api);
+	api.css = runtimeOnly ? new NoopCSS(api) : new CSS(api);
+	api.file.js = new JS(api, { path: "index.js" });
+	api.file.native = new JS(api, { path: "native.js" });
+	const initBaseTypes = (dts, options) => {
+		const valueTypes = [
+			"string",
+			"number",
+			"boolean",
+			...options.includeObject ? ["Record<string, any>"] : []
+		];
+		const arrayTypes = valueTypes.concat("$$PropFunction").join(" | ");
+		dts.set("body", "$$:FinalProps", `export type $$FinalProps = {}`).set("body", "$$:PropFunction", `type $$PropFunction = (...args: any) => $$PropValues`).set("body", "$$:PropValues", `type $$PropValues =
+    | ${valueTypes.join("\n    | ")}
+    | (${arrayTypes})[]
+    | $$PropFunction`);
+	};
+	initBaseTypes(api.file.js.dts, { includeObject: false });
+	initBaseTypes(api.file.native.dts, { includeObject: true });
+	await trigger("onBoot");
+	const autoLoadCss = config?.css?.autoLoad ?? true;
+	if (!runtimeOnly && autoLoadCss) api.file.js.import({ from: "./styles.css" });
+	await trigger("onReady");
+	return api;
+}
+async function trigger(eventName, data, test = () => true) {
+	if (!api) return;
+	const currentApi = api;
+	const log = currentApi.log.child("api").child("trigger");
+	const resolveSource = (input) => {
+		if (!input) return null;
+		if (typeof input.file === "string") return input.file ?? null;
+		if (input.file && typeof input.file?.path === "string") return input.file?.path ?? null;
+		if (typeof input.path === "string") return input.path ?? null;
+		return null;
+	};
+	const nextSource = resolveSource(data);
+	const previousSource = currentApi.css?.source ?? null;
+	const shouldSetSource = nextSource !== null && nextSource !== void 0;
+	if (currentApi.css && shouldSetSource) currentApi.css.setSource ? currentApi.css.setSource(nextSource) : currentApi.css.source = nextSource;
+	try {
+		for (const plugin of currentApi.plugins) {
+			if (!plugin[eventName]) continue;
+			const testResult = await test(plugin);
+			const dataName = data && typeof data === "object" && "name" in data ? String(data.name ?? "") : "";
+			log.log(`${!testResult ? "skip: " : ""}${eventName}${dataName ? `:${dataName}` : ""}`);
+			if (!testResult) continue;
+			const handlers = Array.isArray(plugin[eventName]) ? plugin[eventName] : [plugin[eventName]];
+			for (const [index, handler] of Object.entries(handlers)) {
+				log.log("|-", plugin.name, `${+index + 1}/${handlers.length}`);
+				await handler(currentApi, data)?.catch((err) => {
+					throw new Error(`Error in ${plugin.name}:${eventName} handler: ${err.message}`);
+				});
+			}
+		}
+	} finally {
+		if (currentApi.css && shouldSetSource) currentApi.css.setSource ? currentApi.css.setSource(previousSource) : currentApi.css.source = previousSource;
+	}
+}
+
+//#endregion
+export { api, createApi };

package/dist/cli/build.cjs

@@ -0,0 +1 @@
+const require_build = require('../tasks/build.cjs');

package/dist/cli/build.mjs

@@ -0,0 +1,3 @@
+import { resolveBuildConfig, runBuild } from "../tasks/build.mjs";
+
+export {  };

package/dist/cli/index.cjs

@@ -0,0 +1,30 @@
+#!/usr/bin/env node
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_api_config = require('../api/config.cjs');
+const require_utils = require('./utils.cjs');
+let _clack_prompts = require("@clack/prompts");
+let yargs_yargs = require("yargs/yargs");
+yargs_yargs = require_rolldown_runtime.__toESM(yargs_yargs);
+let yargs_helpers = require("yargs/helpers");
+
+//#region src/cli/index.ts
+(0, _clack_prompts.intro)("boss");
+(async () => {
+	const argv = (0, yargs_yargs.default)((0, yargs_helpers.hideBin)(process.argv)).parserConfiguration({
+		"camel-case-expansion": true,
+		"dot-notation": false,
+		"populate--": true
+	}).option("yes", {
+		alias: "y",
+		type: "boolean"
+	}).option("globals", { type: "boolean" }).option("eslint-plugin", { type: "boolean" }).option("port", { type: "number" }).option("max-port", { type: "number" }).help(false).version(false).parseSync();
+	const userConfig = await require_api_config.loadConfig();
+	await require_utils.runTask({
+		argv,
+		runtimeType: process.title,
+		procedures: [],
+		userConfig
+	});
+})();
+
+//#endregion

package/dist/cli/index.mjs

@@ -0,0 +1,29 @@
+#!/usr/bin/env node
+import { loadConfig } from "../api/config.mjs";
+import { runTask } from "./utils.mjs";
+import { intro } from "@clack/prompts";
+import yargs from "yargs/yargs";
+import { hideBin } from "yargs/helpers";
+
+//#region src/cli/index.ts
+intro("boss");
+(async () => {
+	const argv = yargs(hideBin(process.argv)).parserConfiguration({
+		"camel-case-expansion": true,
+		"dot-notation": false,
+		"populate--": true
+	}).option("yes", {
+		alias: "y",
+		type: "boolean"
+	}).option("globals", { type: "boolean" }).option("eslint-plugin", { type: "boolean" }).option("port", { type: "number" }).option("max-port", { type: "number" }).help(false).version(false).parseSync();
+	const userConfig = await loadConfig();
+	await runTask({
+		argv,
+		runtimeType: process.title,
+		procedures: [],
+		userConfig
+	});
+})();
+
+//#endregion
+export {  };