@barocss/server 0.0.3 → 0.5.0

package/dist/index.cjs

@@ -0,0 +1,6 @@
+"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,30 +1,52 @@
-import { createContext as r, parseClassToAst as n, generateCssRules as o } from "@barocss/kit";
-class u {
-  constructor(s = {}) {
-    this.context = r(s);
+import { createContext as c, parseClassToAst as l, generateCssRules as i } from "@barocss/kit";
+class p {
+  constructor(e = {}) {
+    this.context = c(e);
   }
   /**
    * Parse a class name and return its AST
    */
-  parseClass(s) {
-    return n(s, this.context);
+  parseClass(e) {
+    return l(e, this.context);
   }
   /**
    * Generate CSS for a class name
    */
-  generateCss(s) {
-    return o(s, this.context)[0].css;
+  generateCss(e) {
+    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(s) {
-    return s.map((e) => ({
-      className: e,
-      css: this.generateCss(e)
+  generateCssForClasses(e) {
+    return e.map((t) => ({
+      className: t,
+      css: this.generateCss(t)
     }));
   }
 }
 export {
-  u as ServerRuntime
+  p as ServerRuntime
 };

package/package.json

@@ -1,14 +1,19 @@
 {
   "name": "@barocss/server",
-  "version": "0.0.3",
+  "version": "0.5.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/barocss/barocss.git",
+    "directory": "packages/barocss-server"
+  },
   "type": "module",
-  "main": "./dist/index.cjs.js",
+  "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js"
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -21,7 +26,7 @@
   },
   "dependencies": {
     "jsdom": "^26.1.0",
-    "@barocss/kit": "0.0.3"
+    "@barocss/kit": "0.5.0"
   },
   "devDependencies": {
     "vite": "^7.1.3",
@@ -32,7 +37,7 @@
     "build": "vite build",
     "build:library": "pnpm run build",
     "test:watch": "vitest",
-    "//test": "vitest run",
+    "test": "vitest run",
     "type-check": "tsc --noEmit",
     "lint": "eslint src/**/*.ts"
   },

package/dist/index.cjs.js

@@ -1 +0,0 @@
-"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)[0].css}generateCssForClasses(e){return e.map(t=>({className:t,css:this.generateCss(t)}))}}exports.ServerRuntime=n;