chaincss 1.13.3 → 2.0.0

package/dist/plugins/webpack.d.ts

@@ -0,0 +1,45 @@
+export interface ChainCSSLoaderOptions {
+    /**
+     * Mode: 'build' for production (zero-runtime), 'runtime' for development
+     * @default process.env.NODE_ENV === 'production' ? 'build' : 'runtime'
+     */
+    mode?: 'build' | 'runtime';
+    /**
+     * Enable atomic CSS optimization
+     * @default false
+     */
+    atomic?: boolean;
+    /**
+     * Enable CSS minification
+     * @default process.env.NODE_ENV === 'production'
+     */
+    minify?: boolean;
+    /**
+     * Enable source maps
+     * @default false
+     */
+    sourceMap?: boolean;
+    /**
+     * Output directory for compiled CSS
+     * @default '.chaincss-cache'
+     */
+    outputDir?: string;
+    /**
+     * Verbose logging
+     * @default false
+     */
+    verbose?: boolean;
+}
+interface LoaderContext {
+    async: () => (err: Error | null, code?: string) => void;
+    getOptions: () => ChainCSSLoaderOptions;
+    resourcePath: string;
+    context: string;
+}
+/**
+ * Webpack loader for ChainCSS
+ * Converts .chain.js / .chain.ts files to static CSS at build time
+ */
+export default function chaincssLoader(this: LoaderContext, source: string): void;
+export {};
+//# sourceMappingURL=webpack.d.ts.map

package/dist/plugins/webpack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.d.ts","sourceRoot":"","sources":["../../src/plugins/webpack.ts"],"names":[],"mappings":"AAUA,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,qBAAqB,CAAC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAqHhF"}

package/dist/plugins/webpack.js

@@ -0,0 +1,107 @@
+// src/plugins/webpack.ts
+import path from "path";
+import { execSync } from "child_process";
+import fs from "fs";
+import { fileURLToPath } from "url";
+var __filename = fileURLToPath(import.meta.url);
+var __dirname = path.dirname(__filename);
+function chaincssLoader(source) {
+  const callback = this.async();
+  const options = this.getOptions() || {};
+  const mode = options.mode || (process.env.NODE_ENV === "production" ? "build" : "runtime");
+  if (mode === "runtime") {
+    if (options.verbose) {
+      console.log(`[chaincss-loader] Runtime mode for ${this.resourcePath}`);
+    }
+    const styleNames = extractStyleNames(source);
+    const code = `
+      import { $, compile } from 'chaincss/runtime';
+      const styles = (() => {
+        ${source}
+        return { ${styleNames} };
+      })();
+      export default styles;
+    `;
+    callback(null, code);
+    return;
+  }
+  try {
+    if (options.verbose) {
+      console.log(`[chaincss-loader] Build mode for ${this.resourcePath}`);
+    }
+    const tempFile = path.join(this.context, `.temp.${Date.now()}.chain.js`);
+    const outputDir = options.outputDir || path.join(process.cwd(), ".chaincss-cache");
+    if (!fs.existsSync(path.dirname(tempFile))) {
+      fs.mkdirSync(path.dirname(tempFile), { recursive: true });
+    }
+    fs.writeFileSync(tempFile, source, "utf8");
+    if (!fs.existsSync(outputDir)) {
+      fs.mkdirSync(outputDir, { recursive: true });
+    }
+    const chaincssCli = path.join(__dirname, "../cli/index.js");
+    let cmd = `node ${chaincssCli} compile "${tempFile}" "${outputDir}"`;
+    if (options.atomic) {
+      cmd += " --atomic";
+    }
+    if (options.minify) {
+      cmd += " --minify";
+    }
+    if (options.sourceMap) {
+      cmd += " --source-map";
+    }
+    if (options.verbose) {
+      console.log(`[chaincss-loader] Executing: ${cmd}`);
+    }
+    execSync(cmd, { stdio: options.verbose ? "inherit" : "pipe" });
+    const baseName = path.basename(this.resourcePath, path.extname(this.resourcePath));
+    const cssPath = path.join(outputDir, `${baseName}.css`);
+    const jsPath = path.join(outputDir, `${baseName}.js`);
+    let css = "";
+    if (fs.existsSync(cssPath)) {
+      css = fs.readFileSync(cssPath, "utf8");
+    }
+    let classExports = "";
+    if (fs.existsSync(jsPath)) {
+      classExports = fs.readFileSync(jsPath, "utf8");
+    }
+    fs.unlinkSync(tempFile);
+    const code = `
+      // Generated by ChainCSS Webpack Loader (Build Mode)
+      // Zero-runtime CSS injection
+      
+      ${classExports}
+      
+      const css = ${JSON.stringify(css)};
+      if (typeof document !== 'undefined') {
+        const styleId = 'chaincss-${baseName}';
+        let style = document.getElementById(styleId);
+        if (!style) {
+          style = document.createElement('style');
+          style.id = styleId;
+          style.setAttribute('data-chaincss', ${JSON.stringify(this.resourcePath)});
+          document.head.appendChild(style);
+        }
+        style.textContent = css;
+      }
+      
+      export default { ${extractStyleNames(source)} };
+    `;
+    callback(null, code);
+  } catch (err) {
+    console.error(`[chaincss-loader] Error compiling ${this.resourcePath}:`, err.message);
+    callback(err);
+  }
+}
+function extractStyleNames(source) {
+  const matches = source.match(/const\s+(\w+)\s*=\s*\$\(/g);
+  if (!matches)
+    return "";
+  const names = matches.map((m) => {
+    const match = m.match(/const\s+(\w+)/);
+    return match ? match[1] : "";
+  }).filter(Boolean);
+  return names.join(", ");
+}
+export {
+  chaincssLoader as default
+};

package/dist/runtime/hmr.d.ts

@@ -0,0 +1,3 @@
+export declare function setupHMR(): void;
+export declare function registerForHMR(moduleId: string, styles: Record<string, any>): void;
+//# sourceMappingURL=hmr.d.ts.map

package/dist/runtime/hmr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmr.d.ts","sourceRoot":"","sources":["../../src/runtime/hmr.ts"],"names":[],"mappings":"AASA,wBAAgB,QAAQ,SAUvB;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAS3E"}

package/dist/runtime/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * ChainCSS Runtime Module
+ *
+ * WARNING: Importing from this module adds ~3.2KB to your bundle.
+ * For production, use build-time compilation with chaincss/plugin/vite instead.
+ */
+export { chainRuntime as $, compileRuntime as compile, runRuntime as run, styleInjector } from './injector.js';
+export { useChainStyles, useDynamicChainStyles, useThemeChainStyles, ChainCSSGlobal, cx, withChainStyles, enableChainCSSDebug, disableChainCSSDebug, isDebugEnabled, createStyledComponent, useComputedStyles } from './react.js';
+export { useAtomicClasses, ChainCSSGlobal as ChainCSSGlobalVue, createStyledComponent as createStyledVueComponent, // This is fine - it renames
+createStyledComponents as createStyledVueComponents, useComputedStyles as useComputedStylesVue, // This renames useComputedStyles
+provideStyleContext, injectStyleContext } from './vue.js';
+export { setupHMR, registerForHMR } from './hmr.js';
+export { generateStyleId, hashString, kebabCase, isBrowser, isDevelopment, isProduction, debounce, memoize, cn as cnUtils, devWarn, devLog, logError, createDebugger } from './utils.js';
+export type { RuntimeStyleDefinition, UseChainStylesOptions, RuntimeCompiledResult, StyleInjector, UseAtomicClassesReturn, HMRPayload, ChainCSSDebugger } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/runtime/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAGH,OAAO,EAAE,YAAY,IAAI,CAAC,EAAE,cAAc,IAAI,OAAO,EAAE,UAAU,IAAI,GAAG,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG/G,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACnB,cAAc,EACd,EAAE,EACF,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,gBAAgB,EAChB,cAAc,IAAI,iBAAiB,EACnC,qBAAqB,IAAI,wBAAwB,EAAG,4BAA4B;AAChF,sBAAsB,IAAI,yBAAyB,EACnD,iBAAiB,IAAI,oBAAoB,EAAG,iCAAiC;AAC7E,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAGpD,OAAO,EACL,eAAe,EACf,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,EAAE,IAAI,OAAO,EACb,OAAO,EACP,MAAM,EACN,QAAQ,EACR,cAAc,EACf,MAAM,YAAY,CAAC;AAGpB,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,EACb,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EACjB,MAAM,YAAY,CAAC"}