typewritingclass-compiler 0.1.4 → 0.1.8

package/dist/{chunk-Y33BZFTH.js → chunk-IPFCUN6B.js}

@@ -71,6 +71,13 @@ async function loadTheme() {
       fontWeights[name] = val;
     }
   }
+  const fontFamiliesObj = typographyModule.fontFamilies;
+  const fontFamilies = {};
+  if (fontFamiliesObj && typeof fontFamiliesObj === "object") {
+    for (const [key, val] of Object.entries(fontFamiliesObj)) {
+      fontFamilies[key] = val;
+    }
+  }
   const radiusNames = ["none", "sm", "DEFAULT", "md", "lg", "xl", "_2xl", "_3xl", "full"];
   const radii = {};
   for (const name of radiusNames) {
@@ -101,6 +108,7 @@ async function loadTheme() {
     spacing: JSON.stringify(spacing),
     textSizes: JSON.stringify(textSizes),
     fontWeights: JSON.stringify(fontWeights),
+    fontFamilies: JSON.stringify(fontFamilies),
     radii: JSON.stringify(radii),
     shadows: JSON.stringify(shadows),
     sizes: JSON.stringify(sizes),

package/dist/index.cjs

@@ -119,6 +119,13 @@ async function loadTheme() {
       fontWeights[name] = val;
     }
   }
+  const fontFamiliesObj = typographyModule.fontFamilies;
+  const fontFamilies = {};
+  if (fontFamiliesObj && typeof fontFamiliesObj === "object") {
+    for (const [key, val] of Object.entries(fontFamiliesObj)) {
+      fontFamilies[key] = val;
+    }
+  }
   const radiusNames = ["none", "sm", "DEFAULT", "md", "lg", "xl", "_2xl", "_3xl", "full"];
   const radii = {};
   for (const name of radiusNames) {
@@ -149,6 +156,7 @@ async function loadTheme() {
     spacing: JSON.stringify(spacing),
     textSizes: JSON.stringify(textSizes),
     fontWeights: JSON.stringify(fontWeights),
+    fontFamilies: JSON.stringify(fontFamilies),
     radii: JSON.stringify(radii),
     shadows: JSON.stringify(shadows),
     sizes: JSON.stringify(sizes),
@@ -167,7 +175,9 @@ var RESOLVED_VIRTUAL_CSS_ID = "\0" + VIRTUAL_CSS_ID;
 function twcPlugin(options) {
   const strict = options?.strict ?? true;
   let themeInput;
-  let layer = 0;
+  let prodLayer = 0;
+  const fileLayerOffsets = /* @__PURE__ */ new Map();
+  let nextFileLayer = 0;
   const fileRules = /* @__PURE__ */ new Map();
   let devServer = null;
   return {
@@ -188,38 +198,55 @@ function twcPlugin(options) {
         return generateAllCss();
       }
     },
+    async handleHotUpdate(ctx) {
+      const { file, read, server, modules } = ctx;
+      if (!file.match(/\.[jt]sx?$/) || file.includes("node_modules")) return;
+      const code = await read();
+      if (!code.includes("typewritingclass")) return;
+      if (!fileLayerOffsets.has(file)) {
+        fileLayerOffsets.set(file, nextFileLayer);
+        nextFileLayer += 1e3;
+      }
+      const layerOffset = fileLayerOffsets.get(file);
+      try {
+        const result = native.transform(code, file, layerOffset, themeInput, strict);
+        fileRules.set(file, result.rules.map((r) => r.cssText));
+      } catch {
+      }
+      const cssMod = server.moduleGraph.getModuleById(RESOLVED_VIRTUAL_CSS_ID);
+      if (cssMod) {
+        server.moduleGraph.invalidateModule(cssMod);
+        return [...modules, cssMod];
+      }
+      return modules;
+    },
     transform(code, id) {
       if (!id.match(/\.[jt]sx?$/) || id.includes("node_modules")) return;
       if (!code.includes("typewritingclass")) return;
+      let layerOffset;
+      if (devServer) {
+        if (!fileLayerOffsets.has(id)) {
+          fileLayerOffsets.set(id, nextFileLayer);
+          nextFileLayer += 1e3;
+        }
+        layerOffset = fileLayerOffsets.get(id);
+      } else {
+        layerOffset = prodLayer;
+      }
       try {
-        const result = native.transform(code, id, layer, themeInput, strict);
-        layer = result.nextLayer;
+        const result = native.transform(code, id, layerOffset, themeInput, strict);
+        if (!devServer) {
+          prodLayer = result.nextLayer;
+        }
         for (const diag of result.diagnostics) {
           if (diag.severity === "error") {
-            this.error({
-              message: diag.message,
-              id,
-              pos: diag.line
-            });
+            this.error({ message: diag.message, id, pos: diag.line });
           } else {
-            this.warn({
-              message: diag.message,
-              id,
-              pos: diag.line
-            });
+            this.warn({ message: diag.message, id, pos: diag.line });
           }
         }
         if (result.rules.length > 0) {
-          fileRules.set(
-            id,
-            result.rules.map((r) => r.cssText)
-          );
-          if (devServer) {
-            const mod = devServer.moduleGraph.getModuleById(RESOLVED_VIRTUAL_CSS_ID);
-            if (mod) {
-              devServer.moduleGraph.invalidateModule(mod);
-            }
-          }
+          fileRules.set(id, result.rules.map((r) => r.cssText));
         }
         const s = new import_magic_string.default(code);
         if (result.code !== code) {
@@ -245,9 +272,6 @@ function twcPlugin(options) {
         }
       }
     },
-    // Production builds: inject CSS into the output after all files are
-    // transformed. This fixes the timing issue where virtual:twc.css is
-    // loaded by Rollup before component files have been processed.
     generateBundle(_, bundle) {
       const css = generateAllCss();
       if (!css) return;
@@ -263,15 +287,6 @@ function twcPlugin(options) {
         fileName: "assets/twc.css",
         source: css
       });
-    },
-    handleHotUpdate({ file, server }) {
-      if (file.match(/\.[jt]sx?$/) && fileRules.has(file)) {
-        const mod = server.moduleGraph.getModuleById(RESOLVED_VIRTUAL_CSS_ID);
-        if (mod) {
-          server.moduleGraph.invalidateModule(mod);
-          return [mod];
-        }
-      }
     }
   };
   function generateAllCss() {

package/dist/{index.d-BP-BhWXf.d.cts → index.d-Bks8QAue.d.cts}

@@ -27,6 +27,8 @@ interface ThemeInput {
   textSizes: string
   /** JSON: { "thin": "100", "light": "300", ... } */
   fontWeights: string
+  /** JSON: { "sans": "ui-sans-serif, system-ui, ...", ... } */
+  fontFamilies: string
   /** JSON: { "none": "0px", "sm": "0.125rem", "DEFAULT": "0.25rem", ... } */
   radii: string
   /** JSON: { "sm": "0 1px 2px ...", "DEFAULT": "0 1px 3px ...", ... } */

package/dist/{index.d-BP-BhWXf.d.ts → index.d-Bks8QAue.d.ts}

@@ -27,6 +27,8 @@ interface ThemeInput {
   textSizes: string
   /** JSON: { "thin": "100", "light": "300", ... } */
   fontWeights: string
+  /** JSON: { "sans": "ui-sans-serif, system-ui, ...", ... } */
+  fontFamilies: string
   /** JSON: { "none": "0px", "sm": "0.125rem", "DEFAULT": "0.25rem", ... } */
   radii: string
   /** JSON: { "sm": "0 1px 2px ...", "DEFAULT": "0 1px 3px ...", ... } */

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { g as generateCss$1, t as transform } from './index.d-BP-BhWXf.cjs';
-export { D as Diagnostic, E as ExtractedRule, T as ThemeInput, a as TransformOutput } from './index.d-BP-BhWXf.cjs';
+import { g as generateCss$1, t as transform } from './index.d-Bks8QAue.cjs';
+export { D as Diagnostic, E as ExtractedRule, T as ThemeInput, a as TransformOutput } from './index.d-Bks8QAue.cjs';
 import { Plugin } from 'vite';
 
 declare const nativeTransform: typeof transform;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { g as generateCss$1, t as transform } from './index.d-BP-BhWXf.js';
-export { D as Diagnostic, E as ExtractedRule, T as ThemeInput, a as TransformOutput } from './index.d-BP-BhWXf.js';
+import { g as generateCss$1, t as transform } from './index.d-Bks8QAue.js';
+export { D as Diagnostic, E as ExtractedRule, T as ThemeInput, a as TransformOutput } from './index.d-Bks8QAue.js';
 import { Plugin } from 'vite';
 
 declare const nativeTransform: typeof transform;

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   loadTheme
-} from "./chunk-Y33BZFTH.js";
+} from "./chunk-IPFCUN6B.js";
 
 // src/index.ts
 import MagicString from "magic-string";
@@ -16,7 +16,9 @@ var RESOLVED_VIRTUAL_CSS_ID = "\0" + VIRTUAL_CSS_ID;
 function twcPlugin(options) {
   const strict = options?.strict ?? true;
   let themeInput;
-  let layer = 0;
+  let prodLayer = 0;
+  const fileLayerOffsets = /* @__PURE__ */ new Map();
+  let nextFileLayer = 0;
   const fileRules = /* @__PURE__ */ new Map();
   let devServer = null;
   return {
@@ -37,38 +39,55 @@ function twcPlugin(options) {
         return generateAllCss();
       }
     },
+    async handleHotUpdate(ctx) {
+      const { file, read, server, modules } = ctx;
+      if (!file.match(/\.[jt]sx?$/) || file.includes("node_modules")) return;
+      const code = await read();
+      if (!code.includes("typewritingclass")) return;
+      if (!fileLayerOffsets.has(file)) {
+        fileLayerOffsets.set(file, nextFileLayer);
+        nextFileLayer += 1e3;
+      }
+      const layerOffset = fileLayerOffsets.get(file);
+      try {
+        const result = native.transform(code, file, layerOffset, themeInput, strict);
+        fileRules.set(file, result.rules.map((r) => r.cssText));
+      } catch {
+      }
+      const cssMod = server.moduleGraph.getModuleById(RESOLVED_VIRTUAL_CSS_ID);
+      if (cssMod) {
+        server.moduleGraph.invalidateModule(cssMod);
+        return [...modules, cssMod];
+      }
+      return modules;
+    },
     transform(code, id) {
       if (!id.match(/\.[jt]sx?$/) || id.includes("node_modules")) return;
       if (!code.includes("typewritingclass")) return;
+      let layerOffset;
+      if (devServer) {
+        if (!fileLayerOffsets.has(id)) {
+          fileLayerOffsets.set(id, nextFileLayer);
+          nextFileLayer += 1e3;
+        }
+        layerOffset = fileLayerOffsets.get(id);
+      } else {
+        layerOffset = prodLayer;
+      }
       try {
-        const result = native.transform(code, id, layer, themeInput, strict);
-        layer = result.nextLayer;
+        const result = native.transform(code, id, layerOffset, themeInput, strict);
+        if (!devServer) {
+          prodLayer = result.nextLayer;
+        }
         for (const diag of result.diagnostics) {
           if (diag.severity === "error") {
-            this.error({
-              message: diag.message,
-              id,
-              pos: diag.line
-            });
+            this.error({ message: diag.message, id, pos: diag.line });
           } else {
-            this.warn({
-              message: diag.message,
-              id,
-              pos: diag.line
-            });
+            this.warn({ message: diag.message, id, pos: diag.line });
           }
         }
         if (result.rules.length > 0) {
-          fileRules.set(
-            id,
-            result.rules.map((r) => r.cssText)
-          );
-          if (devServer) {
-            const mod = devServer.moduleGraph.getModuleById(RESOLVED_VIRTUAL_CSS_ID);
-            if (mod) {
-              devServer.moduleGraph.invalidateModule(mod);
-            }
-          }
+          fileRules.set(id, result.rules.map((r) => r.cssText));
         }
         const s = new MagicString(code);
         if (result.code !== code) {
@@ -94,9 +113,6 @@ function twcPlugin(options) {
         }
       }
     },
-    // Production builds: inject CSS into the output after all files are
-    // transformed. This fixes the timing issue where virtual:twc.css is
-    // loaded by Rollup before component files have been processed.
     generateBundle(_, bundle) {
       const css = generateAllCss();
       if (!css) return;
@@ -112,15 +128,6 @@ function twcPlugin(options) {
         fileName: "assets/twc.css",
         source: css
       });
-    },
-    handleHotUpdate({ file, server }) {
-      if (file.match(/\.[jt]sx?$/) && fileRules.has(file)) {
-        const mod = server.moduleGraph.getModuleById(RESOLVED_VIRTUAL_CSS_ID);
-        if (mod) {
-          server.moduleGraph.invalidateModule(mod);
-          return [mod];
-        }
-      }
     }
   };
   function generateAllCss() {

package/dist/loadTheme.cjs

@@ -105,6 +105,13 @@ async function loadTheme() {
       fontWeights[name] = val;
     }
   }
+  const fontFamiliesObj = typographyModule.fontFamilies;
+  const fontFamilies = {};
+  if (fontFamiliesObj && typeof fontFamiliesObj === "object") {
+    for (const [key, val] of Object.entries(fontFamiliesObj)) {
+      fontFamilies[key] = val;
+    }
+  }
   const radiusNames = ["none", "sm", "DEFAULT", "md", "lg", "xl", "_2xl", "_3xl", "full"];
   const radii = {};
   for (const name of radiusNames) {
@@ -135,6 +142,7 @@ async function loadTheme() {
     spacing: JSON.stringify(spacing),
     textSizes: JSON.stringify(textSizes),
     fontWeights: JSON.stringify(fontWeights),
+    fontFamilies: JSON.stringify(fontFamilies),
     radii: JSON.stringify(radii),
     shadows: JSON.stringify(shadows),
     sizes: JSON.stringify(sizes),

package/dist/loadTheme.d.cts

@@ -1,4 +1,4 @@
-import { T as ThemeInput } from './index.d-BP-BhWXf.cjs';
+import { T as ThemeInput } from './index.d-Bks8QAue.cjs';
 
 /**
  * Load theme data from the typewritingclass package.

package/dist/loadTheme.d.ts

@@ -1,4 +1,4 @@
-import { T as ThemeInput } from './index.d-BP-BhWXf.js';
+import { T as ThemeInput } from './index.d-Bks8QAue.js';
 
 /**
  * Load theme data from the typewritingclass package.

package/dist/loadTheme.js

@@ -1,6 +1,6 @@
 import {
   loadTheme
-} from "./chunk-Y33BZFTH.js";
+} from "./chunk-IPFCUN6B.js";
 export {
   loadTheme
 };

package/index.d.ts

@@ -27,6 +27,8 @@ export interface ThemeInput {
   textSizes: string
   /** JSON: { "thin": "100", "light": "300", ... } */
   fontWeights: string
+  /** JSON: { "sans": "ui-sans-serif, system-ui, ...", ... } */
+  fontFamilies: string
   /** JSON: { "none": "0px", "sm": "0.125rem", "DEFAULT": "0.25rem", ... } */
   radii: string
   /** JSON: { "sm": "0 1px 2px ...", "DEFAULT": "0 1px 3px ...", ... } */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typewritingclass-compiler",
-  "version": "0.1.4",
+  "version": "0.1.8",
   "type": "module",
   "repository": {
     "type": "git",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "magic-string": "^0.30.21",
-    "typewritingclass": "0.2.3"
+    "typewritingclass": "0.2.5"
   },
   "devDependencies": {
     "@types/node": "^25.2.2",
@@ -62,6 +62,8 @@
   "scripts": {
     "build": "tsup",
     "build:native": "napi build --release",
-    "build:native:debug": "napi build"
+    "build:native:debug": "napi build",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
 }