boss-css 0.0.1 → 0.0.2

package/dist/cli/tasks/watch.cjs

@@ -0,0 +1,38 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_watch = require('../../tasks/watch.cjs');
+let _clack_prompts = require("@clack/prompts");
+
+//#region src/cli/tasks/watch.ts
+const watch = async (config) => {
+	return [{ prompt: async () => {
+		const formatDuration = (ms) => {
+			if (ms < 1e3) return `${ms.toFixed(0)}ms`;
+			if (ms < 6e4) return `${(ms / 1e3).toFixed(2)}s`;
+			return `${(ms / 6e4).toFixed(2)}m`;
+		};
+		try {
+			await require_watch.runWatch(config.userConfig, {
+				onBuild: (result) => {
+					const cssNote = result.cssPath ? `${result.cssBytes} bytes -> ${result.cssPath}` : "runtime-only (no css output)";
+					_clack_prompts.log.message(`boss watch updated (${result.filesParsed} files, ${cssNote}, ${formatDuration(result.durationMs)}).`);
+				},
+				onError: (error) => {
+					_clack_prompts.log.error(`boss watch error: ${error.message}`);
+				},
+				onReady: () => {
+					_clack_prompts.log.message("boss watch listening for changes...");
+				}
+			});
+		} catch (error) {
+			const message = error instanceof Error ? error.message : "boss watch failed.";
+			_clack_prompts.log.error(message);
+			process.exit(1);
+		}
+		await new Promise(() => {});
+		return true;
+	} }];
+};
+var watch_default = watch;
+
+//#endregion
+exports.default = watch_default;

package/dist/cli/tasks/watch.mjs

@@ -0,0 +1,37 @@
+import { runWatch } from "../../tasks/watch.mjs";
+import { log } from "@clack/prompts";
+
+//#region src/cli/tasks/watch.ts
+const watch = async (config) => {
+	return [{ prompt: async () => {
+		const formatDuration = (ms) => {
+			if (ms < 1e3) return `${ms.toFixed(0)}ms`;
+			if (ms < 6e4) return `${(ms / 1e3).toFixed(2)}s`;
+			return `${(ms / 6e4).toFixed(2)}m`;
+		};
+		try {
+			await runWatch(config.userConfig, {
+				onBuild: (result) => {
+					const cssNote = result.cssPath ? `${result.cssBytes} bytes -> ${result.cssPath}` : "runtime-only (no css output)";
+					log.message(`boss watch updated (${result.filesParsed} files, ${cssNote}, ${formatDuration(result.durationMs)}).`);
+				},
+				onError: (error) => {
+					log.error(`boss watch error: ${error.message}`);
+				},
+				onReady: () => {
+					log.message("boss watch listening for changes...");
+				}
+			});
+		} catch (error) {
+			const message = error instanceof Error ? error.message : "boss watch failed.";
+			log.error(message);
+			process.exit(1);
+		}
+		await new Promise(() => {});
+		return true;
+	} }];
+};
+var watch_default = watch;
+
+//#endregion
+export { watch_default as default };

package/dist/cli/templates/init.cjs

@@ -0,0 +1,82 @@
+
+//#region src/cli/templates/init.ts
+const configTemplate = `/* eslint-disable */
+// @ts-check
+// @@@ each plugin of $.plugins
+// @@@ if $.plugin.enabled
+import * as /* @@@ echo $.plugin.importName */token/* @@@ endecho */ from '/* @@@ echo $.plugin.importPath */boss-css/use/token/server/* @@@ endecho */'
+// @@@ endif
+// @@@ endeach
+
+// @@@ if $.jsxEnabled && $.globalsEnabled
+// globalThis.$$
+jsx.settings.set('globals', true)
+// @@@ endif
+
+/** @type {import('boss-css/api/config').UserConfig} */
+export default {
+    // Path from your project root
+    folder: /* @@@ echo JSON.stringify($.folder) */'./.bo$$'/* @@@ endecho */,
+// @@@ if $.cssAutoLoad === false
+    css: {
+        autoLoad: false,
+    },
+// @@@ endif
+// @@@ if $.runtimeEnabled
+    // Runtime-only/hybrid configuration
+    runtime: {
+        only: /* @@@ echo $.runtimeOnly ? 'true' : 'false' */true/* @@@ endecho */,
+        strategy: /* @@@ echo JSON.stringify($.runtimeStrategy) */'inline-first'/* @@@ endecho */,
+    },
+// @@@ endif
+    // Order matters
+    plugins: [
+// @@@ each plugin of $.plugins
+// @@@ if $.plugin.enabled
+        /* @@@ echo $.plugin.importName */token/* @@@ endecho */,
+// @@@ endif
+// @@@ endeach
+    ],
+    // Files to look for when parsing
+    content: [
+// @@@ each glob of $.content
+        /* @@@ echo JSON.stringify($.glob) */"src/**/*"/* @@@ endecho */,
+// @@@ endeach
+    ],
+}
+`;
+const packageTemplate = `{
+    "type": "module",
+    "sideEffects": true
+}
+`;
+const jsconfigTemplate = `{
+    "compilerOptions": {
+        "checkJs": true
+    },
+    "include": [
+        "./config.js"
+    ]
+}
+`;
+const postcssTemplate = `export default {
+    plugins: {
+        // bo$$:begin
+// @@@ if $.useOptions
+        'boss-css/postcss': { dirDependencies: /* @@@ echo $.dirDependencies ? 'true' : 'false' */false/* @@@ endecho */ },
+// @@@ else
+        'boss-css/postcss': {},
+// @@@ endif
+        // bo$$:end
+// @@@ if $.includeAutoprefixer
+        'autoprefixer': {},
+// @@@ endif
+    },
+}
+`;
+
+//#endregion
+exports.configTemplate = configTemplate;
+exports.jsconfigTemplate = jsconfigTemplate;
+exports.packageTemplate = packageTemplate;
+exports.postcssTemplate = postcssTemplate;

package/dist/cli/templates/init.mjs

@@ -0,0 +1,78 @@
+//#region src/cli/templates/init.ts
+const configTemplate = `/* eslint-disable */
+// @ts-check
+// @@@ each plugin of $.plugins
+// @@@ if $.plugin.enabled
+import * as /* @@@ echo $.plugin.importName */token/* @@@ endecho */ from '/* @@@ echo $.plugin.importPath */boss-css/use/token/server/* @@@ endecho */'
+// @@@ endif
+// @@@ endeach
+
+// @@@ if $.jsxEnabled && $.globalsEnabled
+// globalThis.$$
+jsx.settings.set('globals', true)
+// @@@ endif
+
+/** @type {import('boss-css/api/config').UserConfig} */
+export default {
+    // Path from your project root
+    folder: /* @@@ echo JSON.stringify($.folder) */'./.bo$$'/* @@@ endecho */,
+// @@@ if $.cssAutoLoad === false
+    css: {
+        autoLoad: false,
+    },
+// @@@ endif
+// @@@ if $.runtimeEnabled
+    // Runtime-only/hybrid configuration
+    runtime: {
+        only: /* @@@ echo $.runtimeOnly ? 'true' : 'false' */true/* @@@ endecho */,
+        strategy: /* @@@ echo JSON.stringify($.runtimeStrategy) */'inline-first'/* @@@ endecho */,
+    },
+// @@@ endif
+    // Order matters
+    plugins: [
+// @@@ each plugin of $.plugins
+// @@@ if $.plugin.enabled
+        /* @@@ echo $.plugin.importName */token/* @@@ endecho */,
+// @@@ endif
+// @@@ endeach
+    ],
+    // Files to look for when parsing
+    content: [
+// @@@ each glob of $.content
+        /* @@@ echo JSON.stringify($.glob) */"src/**/*"/* @@@ endecho */,
+// @@@ endeach
+    ],
+}
+`;
+const packageTemplate = `{
+    "type": "module",
+    "sideEffects": true
+}
+`;
+const jsconfigTemplate = `{
+    "compilerOptions": {
+        "checkJs": true
+    },
+    "include": [
+        "./config.js"
+    ]
+}
+`;
+const postcssTemplate = `export default {
+    plugins: {
+        // bo$$:begin
+// @@@ if $.useOptions
+        'boss-css/postcss': { dirDependencies: /* @@@ echo $.dirDependencies ? 'true' : 'false' */false/* @@@ endecho */ },
+// @@@ else
+        'boss-css/postcss': {},
+// @@@ endif
+        // bo$$:end
+// @@@ if $.includeAutoprefixer
+        'autoprefixer': {},
+// @@@ endif
+    },
+}
+`;
+
+//#endregion
+export { configTemplate, jsconfigTemplate, packageTemplate, postcssTemplate };

package/dist/cli/types.cjs

@@ -0,0 +1,13 @@
+const require_types = require('../shared/types.cjs');
+
+//#region src/cli/types.ts
+let PackageManagerType = /* @__PURE__ */ function(PackageManagerType) {
+	PackageManagerType["NPM"] = "npm";
+	PackageManagerType["PNPM"] = "pnpm";
+	PackageManagerType["YARN"] = "yarn";
+	PackageManagerType["BUN"] = "bun";
+	return PackageManagerType;
+}({});
+
+//#endregion
+exports.PackageManagerType = PackageManagerType;

package/dist/cli/types.mjs

@@ -0,0 +1,13 @@
+import { RuntimeType } from "../shared/types.mjs";
+
+//#region src/cli/types.ts
+let PackageManagerType = /* @__PURE__ */ function(PackageManagerType) {
+	PackageManagerType["NPM"] = "npm";
+	PackageManagerType["PNPM"] = "pnpm";
+	PackageManagerType["YARN"] = "yarn";
+	PackageManagerType["BUN"] = "bun";
+	return PackageManagerType;
+}({});
+
+//#endregion
+export { PackageManagerType };

package/dist/cli/utils.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _clack_prompts = require("@clack/prompts");
+
+//#region src/cli/utils.ts
+const cancelIf = (value, message = "Operation cancelled.") => {
+	if ((0, _clack_prompts.isCancel)(value)) {
+		(0, _clack_prompts.cancel)(message);
+		process.exit(0);
+	}
+};
+async function runTask(config) {
+	const { argv, runtimeType } = config;
+	const taskName = argv._[0] || "choose";
+	const loadTask = {
+		choose: () => Promise.resolve().then(() => require("./tasks/choose.cjs")),
+		init: () => Promise.resolve().then(() => require("./tasks/init.cjs")),
+		build: () => Promise.resolve().then(() => require("./tasks/build.cjs")),
+		watch: () => Promise.resolve().then(() => require("./tasks/watch.cjs")),
+		compile: () => Promise.resolve().then(() => require("./tasks/compile.cjs")),
+		dev: () => Promise.resolve().then(() => require("./tasks/dev.cjs"))
+	}[taskName];
+	if (!loadTask) {
+		_clack_prompts.log.error(`Unknown command: ${taskName}`);
+		config.argv._ = ["choose"];
+		return runTask(config);
+	}
+	const steps = await (await loadTask()).default(config);
+	for (const step of steps) {
+		const { prompt, key, procedures } = step;
+		const value = await prompt(config);
+		cancelIf(value);
+		if (key) config[key] = value;
+		if (procedures) config.procedures.push(...procedures);
+	}
+	for (const procedure of config.procedures) {
+		const { prompt } = procedure;
+		await prompt(config);
+	}
+}
+
+//#endregion
+exports.cancelIf = cancelIf;
+exports.runTask = runTask;

package/dist/cli/utils.mjs

@@ -0,0 +1,41 @@
+import { cancel, isCancel, log } from "@clack/prompts";
+
+//#region src/cli/utils.ts
+const cancelIf = (value, message = "Operation cancelled.") => {
+	if (isCancel(value)) {
+		cancel(message);
+		process.exit(0);
+	}
+};
+async function runTask(config) {
+	const { argv, runtimeType } = config;
+	const taskName = argv._[0] || "choose";
+	const loadTask = {
+		choose: () => import("./tasks/choose.mjs"),
+		init: () => import("./tasks/init.mjs"),
+		build: () => import("./tasks/build.mjs"),
+		watch: () => import("./tasks/watch.mjs"),
+		compile: () => import("./tasks/compile.mjs"),
+		dev: () => import("./tasks/dev.mjs")
+	}[taskName];
+	if (!loadTask) {
+		log.error(`Unknown command: ${taskName}`);
+		config.argv._ = ["choose"];
+		return runTask(config);
+	}
+	const steps = await (await loadTask()).default(config);
+	for (const step of steps) {
+		const { prompt, key, procedures } = step;
+		const value = await prompt(config);
+		cancelIf(value);
+		if (key) config[key] = value;
+		if (procedures) config.procedures.push(...procedures);
+	}
+	for (const procedure of config.procedures) {
+		const { prompt } = procedure;
+		await prompt(config);
+	}
+}
+
+//#endregion
+export { cancelIf, runTask };

package/dist/compile/classname-strategy.cjs

@@ -0,0 +1,79 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _emotion_hash = require("@emotion/hash");
+_emotion_hash = require_rolldown_runtime.__toESM(_emotion_hash);
+
+//#region src/compile/classname-strategy.ts
+const shortestAlphabet = "cCsSxyzXYZwqWQ";
+const isUnsafeUnicode = (codePoint) => {
+	if (codePoint <= 31) return true;
+	if (codePoint >= 127 && codePoint <= 159) return true;
+	if (codePoint === 173) return true;
+	if (codePoint >= 55296 && codePoint <= 57343) return true;
+	if (codePoint >= 64976 && codePoint <= 65007) return true;
+	if ((codePoint & 65535) === 65534 || (codePoint & 65535) === 65535) return true;
+	const char = String.fromCodePoint(codePoint);
+	if (/\s/u.test(char)) return true;
+	return false;
+};
+const createShortestGenerator = (alphabet) => {
+	const letters = alphabet.split("");
+	const base = letters.length;
+	let counter = 0;
+	return () => {
+		let index = counter;
+		counter += 1;
+		let result = "";
+		let value = index + 1;
+		while (value > 0) {
+			value -= 1;
+			result = letters[value % base] + result;
+			value = Math.floor(value / base);
+		}
+		return result;
+	};
+};
+const createUnicodeGenerator = () => {
+	let codePoint = 161;
+	return () => {
+		while (isUnsafeUnicode(codePoint)) codePoint += 1;
+		const next = String.fromCodePoint(codePoint);
+		codePoint += 1;
+		return next;
+	};
+};
+const applyPrefix = (value, prefix) => {
+	const applied = `${prefix ?? ""}${value}`;
+	if (!prefix && /^[0-9]/.test(applied)) return `_${applied}`;
+	return applied;
+};
+const createClassNameMapper = (options) => {
+	const { strategy, prefix } = options;
+	const map = /* @__PURE__ */ new Map();
+	if (!strategy) return {
+		strategy,
+		get: () => void 0,
+		getOrCreate: (token) => token
+	};
+	const nextShortest = createShortestGenerator(shortestAlphabet);
+	const nextUnicode = createUnicodeGenerator();
+	const createValue = (token) => {
+		if (strategy === "hash") return applyPrefix((0, _emotion_hash.default)(token), prefix);
+		if (strategy === "shortest") return applyPrefix(nextShortest(), prefix);
+		if (strategy === "unicode") return applyPrefix(nextUnicode(), prefix);
+		return applyPrefix(token, prefix);
+	};
+	return {
+		strategy,
+		get: (token) => map.get(token),
+		getOrCreate: (token) => {
+			const existing = map.get(token);
+			if (existing) return existing;
+			const created = createValue(token);
+			map.set(token, created);
+			return created;
+		}
+	};
+};
+
+//#endregion
+exports.createClassNameMapper = createClassNameMapper;

package/dist/compile/classname-strategy.mjs

@@ -0,0 +1,77 @@
+import hash from "@emotion/hash";
+
+//#region src/compile/classname-strategy.ts
+const shortestAlphabet = "cCsSxyzXYZwqWQ";
+const isUnsafeUnicode = (codePoint) => {
+	if (codePoint <= 31) return true;
+	if (codePoint >= 127 && codePoint <= 159) return true;
+	if (codePoint === 173) return true;
+	if (codePoint >= 55296 && codePoint <= 57343) return true;
+	if (codePoint >= 64976 && codePoint <= 65007) return true;
+	if ((codePoint & 65535) === 65534 || (codePoint & 65535) === 65535) return true;
+	const char = String.fromCodePoint(codePoint);
+	if (/\s/u.test(char)) return true;
+	return false;
+};
+const createShortestGenerator = (alphabet) => {
+	const letters = alphabet.split("");
+	const base = letters.length;
+	let counter = 0;
+	return () => {
+		let index = counter;
+		counter += 1;
+		let result = "";
+		let value = index + 1;
+		while (value > 0) {
+			value -= 1;
+			result = letters[value % base] + result;
+			value = Math.floor(value / base);
+		}
+		return result;
+	};
+};
+const createUnicodeGenerator = () => {
+	let codePoint = 161;
+	return () => {
+		while (isUnsafeUnicode(codePoint)) codePoint += 1;
+		const next = String.fromCodePoint(codePoint);
+		codePoint += 1;
+		return next;
+	};
+};
+const applyPrefix = (value, prefix) => {
+	const applied = `${prefix ?? ""}${value}`;
+	if (!prefix && /^[0-9]/.test(applied)) return `_${applied}`;
+	return applied;
+};
+const createClassNameMapper = (options) => {
+	const { strategy, prefix } = options;
+	const map = /* @__PURE__ */ new Map();
+	if (!strategy) return {
+		strategy,
+		get: () => void 0,
+		getOrCreate: (token) => token
+	};
+	const nextShortest = createShortestGenerator(shortestAlphabet);
+	const nextUnicode = createUnicodeGenerator();
+	const createValue = (token) => {
+		if (strategy === "hash") return applyPrefix(hash(token), prefix);
+		if (strategy === "shortest") return applyPrefix(nextShortest(), prefix);
+		if (strategy === "unicode") return applyPrefix(nextUnicode(), prefix);
+		return applyPrefix(token, prefix);
+	};
+	return {
+		strategy,
+		get: (token) => map.get(token),
+		getOrCreate: (token) => {
+			const existing = map.get(token);
+			if (existing) return existing;
+			const created = createValue(token);
+			map.set(token, created);
+			return created;
+		}
+	};
+};
+
+//#endregion
+export { createClassNameMapper };