@mochi-css/vanilla 3.0.0 → 4.0.0

package/dist/config/index.d.mts

@@ -0,0 +1,78 @@
+import { OnDiagnostic, StyleExtractor, StyleGenerator } from "@mochi-css/builder";
+import { Config, styledIdPlugin } from "@mochi-css/config";
+import * as SWC from "@swc/core";
+import { CallExpression, Expression } from "@swc/core";
+
+//#region src/config/VanillaCssExtractor.d.ts
+declare class VanillaCssExtractor implements StyleExtractor {
+  private readonly extractor;
+  readonly importPath: string;
+  readonly symbolName: string;
+  constructor(importPath: string, symbolName: string, extractor: (call: CallExpression) => Expression[]);
+  extractStaticArgs(call: CallExpression): Expression[];
+  startGeneration(onDiagnostic?: OnDiagnostic): StyleGenerator;
+}
+declare const mochiCssFunctionExtractor: VanillaCssExtractor;
+//#endregion
+//#region src/config/VanillaKeyframesExtractor.d.ts
+declare class VanillaKeyframesExtractor implements StyleExtractor {
+  readonly importPath = "@mochi-css/vanilla";
+  readonly symbolName = "keyframes";
+  extractStaticArgs(call: CallExpression): Expression[];
+  startGeneration(onDiagnostic?: OnDiagnostic): StyleGenerator;
+}
+declare const mochiKeyframesFunctionExtractor: VanillaKeyframesExtractor;
+//#endregion
+//#region src/config/VanillaGlobalCssExtractor.d.ts
+declare class VanillaGlobalCssExtractor implements StyleExtractor {
+  readonly importPath = "@mochi-css/vanilla";
+  readonly symbolName = "globalCss";
+  extractStaticArgs(call: CallExpression): Expression[];
+  startGeneration(onDiagnostic?: OnDiagnostic): StyleGenerator;
+}
+declare const mochiGlobalCssFunctionExtractor: VanillaGlobalCssExtractor;
+//#endregion
+//#region src/config/VanillaCssGenerator.d.ts
+declare class VanillaCssGenerator implements StyleGenerator {
+  private readonly onDiagnostic?;
+  private readonly collectedStyles;
+  private generatedMochiCss;
+  constructor(onDiagnostic?: OnDiagnostic | undefined);
+  collectArgs(source: string, args: unknown[]): void;
+  generateStyles(): Promise<{
+    files: Record<string, string>;
+  }>;
+  getArgReplacements(): {
+    source: string;
+    expression: SWC.Expression;
+  }[];
+}
+//#endregion
+//#region src/config/VanillaKeyframesGenerator.d.ts
+declare class VanillaKeyframesGenerator implements StyleGenerator {
+  private readonly onDiagnostic?;
+  private readonly collectedStyles;
+  constructor(onDiagnostic?: OnDiagnostic | undefined);
+  collectArgs(source: string, args: unknown[]): void;
+  generateStyles(): Promise<{
+    files: Record<string, string>;
+  }>;
+}
+//#endregion
+//#region src/config/VanillaGlobalCssGenerator.d.ts
+declare class VanillaGlobalCssGenerator implements StyleGenerator {
+  private readonly onDiagnostic?;
+  private readonly collectedStyles;
+  constructor(onDiagnostic?: OnDiagnostic | undefined);
+  collectArgs(source: string, args: unknown[]): void;
+  generateStyles(): Promise<{
+    global: string;
+  }>;
+}
+//#endregion
+//#region src/config/index.d.ts
+declare function defineConfig(config: Partial<Config> & {
+  extractors?: StyleExtractor[];
+}): Partial<Config>;
+//#endregion
+export { VanillaCssExtractor, VanillaCssGenerator, VanillaGlobalCssExtractor, VanillaGlobalCssGenerator, VanillaKeyframesExtractor, VanillaKeyframesGenerator, defineConfig, mochiCssFunctionExtractor, mochiGlobalCssFunctionExtractor, mochiKeyframesFunctionExtractor, styledIdPlugin };

package/dist/config/index.d.ts

@@ -0,0 +1,78 @@
+import { OnDiagnostic, StyleExtractor, StyleGenerator } from "@mochi-css/builder";
+import { Config, styledIdPlugin } from "@mochi-css/config";
+import * as SWC from "@swc/core";
+import { CallExpression, Expression } from "@swc/core";
+
+//#region src/config/VanillaCssExtractor.d.ts
+declare class VanillaCssExtractor implements StyleExtractor {
+  private readonly extractor;
+  readonly importPath: string;
+  readonly symbolName: string;
+  constructor(importPath: string, symbolName: string, extractor: (call: CallExpression) => Expression[]);
+  extractStaticArgs(call: CallExpression): Expression[];
+  startGeneration(onDiagnostic?: OnDiagnostic): StyleGenerator;
+}
+declare const mochiCssFunctionExtractor: VanillaCssExtractor;
+//#endregion
+//#region src/config/VanillaKeyframesExtractor.d.ts
+declare class VanillaKeyframesExtractor implements StyleExtractor {
+  readonly importPath = "@mochi-css/vanilla";
+  readonly symbolName = "keyframes";
+  extractStaticArgs(call: CallExpression): Expression[];
+  startGeneration(onDiagnostic?: OnDiagnostic): StyleGenerator;
+}
+declare const mochiKeyframesFunctionExtractor: VanillaKeyframesExtractor;
+//#endregion
+//#region src/config/VanillaGlobalCssExtractor.d.ts
+declare class VanillaGlobalCssExtractor implements StyleExtractor {
+  readonly importPath = "@mochi-css/vanilla";
+  readonly symbolName = "globalCss";
+  extractStaticArgs(call: CallExpression): Expression[];
+  startGeneration(onDiagnostic?: OnDiagnostic): StyleGenerator;
+}
+declare const mochiGlobalCssFunctionExtractor: VanillaGlobalCssExtractor;
+//#endregion
+//#region src/config/VanillaCssGenerator.d.ts
+declare class VanillaCssGenerator implements StyleGenerator {
+  private readonly onDiagnostic?;
+  private readonly collectedStyles;
+  private generatedMochiCss;
+  constructor(onDiagnostic?: OnDiagnostic | undefined);
+  collectArgs(source: string, args: unknown[]): void;
+  generateStyles(): Promise<{
+    files: Record<string, string>;
+  }>;
+  getArgReplacements(): {
+    source: string;
+    expression: SWC.Expression;
+  }[];
+}
+//#endregion
+//#region src/config/VanillaKeyframesGenerator.d.ts
+declare class VanillaKeyframesGenerator implements StyleGenerator {
+  private readonly onDiagnostic?;
+  private readonly collectedStyles;
+  constructor(onDiagnostic?: OnDiagnostic | undefined);
+  collectArgs(source: string, args: unknown[]): void;
+  generateStyles(): Promise<{
+    files: Record<string, string>;
+  }>;
+}
+//#endregion
+//#region src/config/VanillaGlobalCssGenerator.d.ts
+declare class VanillaGlobalCssGenerator implements StyleGenerator {
+  private readonly onDiagnostic?;
+  private readonly collectedStyles;
+  constructor(onDiagnostic?: OnDiagnostic | undefined);
+  collectArgs(source: string, args: unknown[]): void;
+  generateStyles(): Promise<{
+    global: string;
+  }>;
+}
+//#endregion
+//#region src/config/index.d.ts
+declare function defineConfig(config: Partial<Config> & {
+  extractors?: StyleExtractor[];
+}): Partial<Config>;
+//#endregion
+export { VanillaCssExtractor, VanillaCssGenerator, VanillaGlobalCssExtractor, VanillaGlobalCssGenerator, VanillaKeyframesExtractor, VanillaKeyframesGenerator, defineConfig, mochiCssFunctionExtractor, mochiGlobalCssFunctionExtractor, mochiKeyframesFunctionExtractor, styledIdPlugin };

package/dist/config/index.js

@@ -0,0 +1,302 @@
+const require_src = require('../src-CGK_rB-l.js');
+let __mochi_css_plugins = require("@mochi-css/plugins");
+__mochi_css_plugins = require_src.__toESM(__mochi_css_plugins);
+let __mochi_css_builder = require("@mochi-css/builder");
+__mochi_css_builder = require_src.__toESM(__mochi_css_builder);
+let __mochi_css_config = require("@mochi-css/config");
+__mochi_css_config = require_src.__toESM(__mochi_css_config);
+
+//#region src/config/VanillaCssGenerator.ts
+const emptySpan = {
+	start: 0,
+	end: 0,
+	ctxt: 0
+};
+function strLit(value) {
+	return {
+		type: "StringLiteral",
+		span: emptySpan,
+		value,
+		raw: void 0
+	};
+}
+function arrExpr(elements) {
+	return {
+		type: "ArrayExpression",
+		span: emptySpan,
+		elements: elements.map((e) => ({ expression: e }))
+	};
+}
+function objExpr(properties) {
+	return {
+		type: "ObjectExpression",
+		span: emptySpan,
+		properties: properties.map(([key, value]) => ({
+			type: "KeyValueProperty",
+			key: strLit(key),
+			value
+		}))
+	};
+}
+function mochiCssNode(instance) {
+	const classNamesNode = arrExpr(instance.classNames.map(strLit));
+	const variantClassNamesNode = objExpr(Object.entries(instance.variantClassNames).map(([varKey, opts]) => [varKey, objExpr(Object.entries(opts).map(([optKey, cls]) => [optKey, strLit(cls)]))]));
+	const defaultVariantsNode = objExpr(Object.entries(instance.defaultVariants).filter(([, v]) => v != null).map(([k, v]) => [k, strLit(String(v))]));
+	return {
+		type: "NewExpression",
+		span: emptySpan,
+		ctxt: 0,
+		callee: {
+			type: "Identifier",
+			span: emptySpan,
+			ctxt: 0,
+			value: "MochiCSS",
+			optional: false
+		},
+		arguments: [
+			{ expression: classNamesNode },
+			{ expression: variantClassNamesNode },
+			{ expression: defaultVariantsNode }
+		]
+	};
+}
+var VanillaCssGenerator = class {
+	collectedStyles = [];
+	generatedMochiCss = [];
+	constructor(onDiagnostic) {
+		this.onDiagnostic = onDiagnostic;
+	}
+	collectArgs(source, args) {
+		const validArgs = [];
+		let stableId;
+		for (const arg of args) {
+			if (typeof arg === "string") {
+				stableId = arg;
+				continue;
+			}
+			if (arg == null || typeof arg !== "object") {
+				this.onDiagnostic?.({
+					code: "MOCHI_INVALID_STYLE_ARG",
+					message: `Expected style object, got ${arg === null ? "null" : typeof arg}`,
+					severity: "warning",
+					file: source
+				});
+				continue;
+			}
+			if (require_src.isMochiCSS(arg)) continue;
+			validArgs.push(arg);
+		}
+		if (validArgs.length > 0) this.collectedStyles.push({
+			source,
+			args: validArgs,
+			stableId
+		});
+	}
+	async generateStyles() {
+		this.generatedMochiCss = [];
+		const filesCss = /* @__PURE__ */ new Map();
+		for (const { source, args, stableId } of this.collectedStyles) {
+			let css = filesCss.get(source);
+			if (!css) {
+				css = /* @__PURE__ */ new Set();
+				filesCss.set(source, css);
+			}
+			const mochiInstances = [];
+			for (const style of args) try {
+				const cssObj = new require_src.CSSObject(style, stableId);
+				css.add(cssObj.asCssString());
+				mochiInstances.push(require_src.MochiCSS.from(cssObj));
+			} catch (err) {
+				const message = (0, __mochi_css_builder.getErrorMessage)(err);
+				this.onDiagnostic?.({
+					code: "MOCHI_STYLE_GENERATION",
+					message: `Failed to generate CSS: ${message}`,
+					severity: "warning",
+					file: source
+				});
+			}
+			if (mochiInstances.length > 0) this.generatedMochiCss.push({
+				source,
+				instance: require_src.mergeMochiCss(mochiInstances)
+			});
+		}
+		const files = {};
+		for (const [source, css] of filesCss) files[source] = [...css.values()].sort().join("\n\n");
+		return { files };
+	}
+	getArgReplacements() {
+		return this.generatedMochiCss.map(({ source, instance }) => ({
+			source,
+			expression: mochiCssNode(instance)
+		}));
+	}
+};
+
+//#endregion
+//#region src/config/VanillaCssExtractor.ts
+var VanillaCssExtractor = class {
+	importPath;
+	symbolName;
+	constructor(importPath, symbolName, extractor) {
+		this.extractor = extractor;
+		this.importPath = importPath;
+		this.symbolName = symbolName;
+	}
+	extractStaticArgs(call) {
+		return this.extractor(call);
+	}
+	startGeneration(onDiagnostic) {
+		return new VanillaCssGenerator(onDiagnostic);
+	}
+};
+const mochiCssFunctionExtractor = new VanillaCssExtractor("@mochi-css/vanilla", "css", (call) => call.arguments.map((a) => a.expression));
+
+//#endregion
+//#region src/config/VanillaKeyframesGenerator.ts
+var VanillaKeyframesGenerator = class {
+	collectedStyles = [];
+	constructor(onDiagnostic) {
+		this.onDiagnostic = onDiagnostic;
+	}
+	collectArgs(source, args) {
+		if (args.length === 0 || args[0] == null || typeof args[0] !== "object") {
+			this.onDiagnostic?.({
+				code: "MOCHI_INVALID_STYLE_ARG",
+				message: `Expected keyframe stops object, got ${args[0] === null ? "null" : typeof args[0]}`,
+				severity: "warning",
+				file: source
+			});
+			return;
+		}
+		this.collectedStyles.push({
+			source,
+			stops: args[0]
+		});
+	}
+	async generateStyles() {
+		const filesCss = /* @__PURE__ */ new Map();
+		for (const { source, stops } of this.collectedStyles) {
+			let css = filesCss.get(source);
+			if (!css) {
+				css = /* @__PURE__ */ new Set();
+				filesCss.set(source, css);
+			}
+			try {
+				const obj = new require_src.KeyframesObject(stops);
+				css.add(obj.asCssString());
+			} catch (err) {
+				const message = (0, __mochi_css_builder.getErrorMessage)(err);
+				this.onDiagnostic?.({
+					code: "MOCHI_STYLE_GENERATION",
+					message: `Failed to generate keyframes CSS: ${message}`,
+					severity: "warning",
+					file: source
+				});
+			}
+		}
+		const files = {};
+		for (const [source, css] of filesCss) files[source] = [...css.values()].sort().join("\n\n");
+		return { files };
+	}
+};
+
+//#endregion
+//#region src/config/VanillaKeyframesExtractor.ts
+var VanillaKeyframesExtractor = class {
+	importPath = "@mochi-css/vanilla";
+	symbolName = "keyframes";
+	extractStaticArgs(call) {
+		return call.arguments.slice(0, 1).map((a) => a.expression);
+	}
+	startGeneration(onDiagnostic) {
+		return new VanillaKeyframesGenerator(onDiagnostic);
+	}
+};
+const mochiKeyframesFunctionExtractor = new VanillaKeyframesExtractor();
+
+//#endregion
+//#region src/config/VanillaGlobalCssGenerator.ts
+var VanillaGlobalCssGenerator = class {
+	collectedStyles = [];
+	constructor(onDiagnostic) {
+		this.onDiagnostic = onDiagnostic;
+	}
+	collectArgs(source, args) {
+		if (args.length === 0 || args[0] == null || typeof args[0] !== "object") {
+			this.onDiagnostic?.({
+				code: "MOCHI_INVALID_STYLE_ARG",
+				message: `Expected global CSS styles object, got ${args[0] === null ? "null" : typeof args[0]}`,
+				severity: "warning",
+				file: source
+			});
+			return;
+		}
+		this.collectedStyles.push({
+			source,
+			styles: args[0]
+		});
+	}
+	async generateStyles() {
+		const allCss = /* @__PURE__ */ new Set();
+		for (const { source, styles } of this.collectedStyles) try {
+			const obj = new require_src.GlobalCssObject(styles);
+			allCss.add(obj.asCssString());
+		} catch (err) {
+			const message = (0, __mochi_css_builder.getErrorMessage)(err);
+			this.onDiagnostic?.({
+				code: "MOCHI_STYLE_GENERATION",
+				message: `Failed to generate global CSS: ${message}`,
+				severity: "warning",
+				file: source
+			});
+		}
+		return { global: [...allCss].sort().join("\n\n") };
+	}
+};
+
+//#endregion
+//#region src/config/VanillaGlobalCssExtractor.ts
+var VanillaGlobalCssExtractor = class {
+	importPath = "@mochi-css/vanilla";
+	symbolName = "globalCss";
+	extractStaticArgs(call) {
+		return call.arguments.slice(0, 1).map((a) => a.expression);
+	}
+	startGeneration(onDiagnostic) {
+		return new VanillaGlobalCssGenerator(onDiagnostic);
+	}
+};
+const mochiGlobalCssFunctionExtractor = new VanillaGlobalCssExtractor();
+
+//#endregion
+//#region src/config/index.ts
+const defaultVanillaExtractors = [
+	mochiCssFunctionExtractor,
+	mochiKeyframesFunctionExtractor,
+	mochiGlobalCssFunctionExtractor
+];
+function defineConfig(config) {
+	const { extractors = [],...rest } = config;
+	return {
+		...rest,
+		plugins: [(0, __mochi_css_plugins.createExtractorsPlugin)([...defaultVanillaExtractors, ...extractors]), ...rest.plugins ?? []]
+	};
+}
+
+//#endregion
+exports.VanillaCssExtractor = VanillaCssExtractor;
+exports.VanillaCssGenerator = VanillaCssGenerator;
+exports.VanillaGlobalCssExtractor = VanillaGlobalCssExtractor;
+exports.VanillaGlobalCssGenerator = VanillaGlobalCssGenerator;
+exports.VanillaKeyframesExtractor = VanillaKeyframesExtractor;
+exports.VanillaKeyframesGenerator = VanillaKeyframesGenerator;
+exports.defineConfig = defineConfig;
+exports.mochiCssFunctionExtractor = mochiCssFunctionExtractor;
+exports.mochiGlobalCssFunctionExtractor = mochiGlobalCssFunctionExtractor;
+exports.mochiKeyframesFunctionExtractor = mochiKeyframesFunctionExtractor;
+Object.defineProperty(exports, 'styledIdPlugin', {
+  enumerable: true,
+  get: function () {
+    return __mochi_css_config.styledIdPlugin;
+  }
+});