@barocss/server 0.4.0 → 0.5.0

package/dist/index.cjs

@@ -1,2 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@barocss/kit");class n{constructor(e={}){this.context=s.createContext(e)}parseClass(e){return s.parseClassToAst(e,this.context)}generateCss(e){return s.generateCssRules(e,this.context).map(({css:t})=>t).filter(Boolean).join(`
-`)}generateCssForClasses(e){return e.map(t=>({className:t,css:this.generateCss(t)}))}}exports.ServerRuntime=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@barocss/kit");class l{constructor(s={}){this.context=a.createContext(s)}parseClass(s){return a.parseClassToAst(s,this.context)}generateCss(s){const r=a.generateCssRules(s,this.context),t=new Set(r.flatMap(({rootCssList:e})=>e).filter(Boolean)),c=r.map(({css:e})=>e).filter(Boolean),o=this.colorVarsBlock([...t,...c].join(`
+`));return[...o?[o]:[],...t,...c].join(`
+`)}colorVarsBlock(s){const r=e=>[...e.matchAll(/var\((--[\w-]*color-[\w-]+)/g)].map(n=>n[1]),t=r(s);if(t.length===0)return"";const c=new Map;for(const e of this.context.themeToCssVars().matchAll(/^\s*(--[\w-]+):\s*(.+);$/gm))c.set(e[1],e[2]);const o=new Map;for(;t.length;){const e=t.pop(),n=c.get(e);n===void 0||o.has(e)||(o.set(e,n),t.push(...r(n)))}return o.size===0?"":`:root,:host {
+`+[...o].map(([e,n])=>`  ${e}: ${n};`).join(`
+`)+`
+}`}generateCssForClasses(s){return s.map(t=>({className:t,css:this.generateCss(t)}))}}exports.ServerRuntime=l;

package/dist/index.d.ts

@@ -16,6 +16,11 @@ export declare class ServerRuntime {
      * Generate CSS for a class name
      */
     generateCss(className: string): string;
+    /**
+     * #228: theme colours are emitted as var(--color-*). Define only the ones this output references
+     * (the full theme block is large), including --color-* vars those definitions reference in turn.
+     */
+    private colorVarsBlock;
     /**
      * Parse multiple classes and return their CSS
      */

package/dist/index.es.js

@@ -1,31 +1,52 @@
-import { createContext as r, parseClassToAst as n, generateCssRules as o } from "@barocss/kit";
-class u {
+import { createContext as c, parseClassToAst as l, generateCssRules as i } from "@barocss/kit";
+class p {
   constructor(e = {}) {
-    this.context = r(e);
+    this.context = c(e);
   }
   /**
    * Parse a class name and return its AST
    */
   parseClass(e) {
-    return n(e, this.context);
+    return l(e, this.context);
   }
   /**
    * Generate CSS for a class name
    */
   generateCss(e) {
-    return o(e, this.context).map(({ css: s }) => s).filter(Boolean).join(`
+    const r = i(e, this.context), t = new Set(r.flatMap(({ rootCssList: s }) => s).filter(Boolean)), a = r.map(({ css: s }) => s).filter(Boolean), o = this.colorVarsBlock([...t, ...a].join(`
+`));
+    return [...o ? [o] : [], ...t, ...a].join(`
 `);
+  }
+  /**
+   * #228: theme colours are emitted as var(--color-*). Define only the ones this output references
+   * (the full theme block is large), including --color-* vars those definitions reference in turn.
+   */
+  colorVarsBlock(e) {
+    const r = (s) => [...s.matchAll(/var\((--[\w-]*color-[\w-]+)/g)].map((n) => n[1]), t = r(e);
+    if (t.length === 0) return "";
+    const a = /* @__PURE__ */ new Map();
+    for (const s of this.context.themeToCssVars().matchAll(/^\s*(--[\w-]+):\s*(.+);$/gm)) a.set(s[1], s[2]);
+    const o = /* @__PURE__ */ new Map();
+    for (; t.length; ) {
+      const s = t.pop(), n = a.get(s);
+      n === void 0 || o.has(s) || (o.set(s, n), t.push(...r(n)));
+    }
+    return o.size === 0 ? "" : `:root,:host {
+` + [...o].map(([s, n]) => `  ${s}: ${n};`).join(`
+`) + `
+}`;
   }
   /**
    * Parse multiple classes and return their CSS
    */
   generateCssForClasses(e) {
-    return e.map((s) => ({
-      className: s,
-      css: this.generateCss(s)
+    return e.map((t) => ({
+      className: t,
+      css: this.generateCss(t)
     }));
   }
 }
 export {
-  u as ServerRuntime
+  p as ServerRuntime
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barocss/server",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/barocss/barocss.git",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "jsdom": "^26.1.0",
-    "@barocss/kit": "0.4.0"
+    "@barocss/kit": "0.5.0"
   },
   "devDependencies": {
     "vite": "^7.1.3",