vite-plugin-capsize-radix 0.1.2 → 0.1.4

package/README.md

@@ -99,11 +99,11 @@ to be slightly smaller than on desktop. We do that by shifting the text a size s
 - **textStyles (TextStyle[]): Optional**. An array of objects, each representing a text style. Each object contains two properties: `fontSize` and `lineHeight`, which are numerical values, pixels for `fontSize` and pixels or relative value for `lineHeight`. Defaults to:
   ```ts
   ;[
-    { fontSize: 9, lineHeight: 21 },
+    { fontSize: 9, lineHeight: 19 },
     { fontSize: 11, lineHeight: 23 },
     { fontSize: 12, lineHeight: 25 },
-    { fontSize: 14, lineHeight: 27 },
-    { fontSize: 18, lineHeight: 29 },
+    { fontSize: 14, lineHeight: 28 },
+    { fontSize: 18, lineHeight: 30 },
     { fontSize: 24, lineHeight: 36 },
     { fontSize: 36, lineHeight: 44 },
     { fontSize: 48, lineHeight: 52 },

package/dist/index.js

@@ -36,6 +36,7 @@ module.exports = __toCommonJS(index_exports);
 var import_fs = __toESM(require("fs"));
 var import_core = require("@capsizecss/core");
 var import_mustache = __toESM(require("mustache"));
+var import_path = __toESM(require("path"));
 var import_segoeUI = __toESM(require("@capsizecss/metrics/segoeUI"));
 var import_appleSystem = __toESM(require("@capsizecss/metrics/appleSystem"));
 var import_roboto = __toESM(require("@capsizecss/metrics/roboto"));
@@ -46,6 +47,11 @@ var TEXT_SELECTOR_PLACEHOLDER = `__CAPSIZE_TEXT__`;
 var TEXT_SELECTOR_REPLACEMENT = `:where(${TEXT_ELEMENTS})`;
 var template = `/* Auto-generated by vite-plugin-capsize-radix */
 
+/* Fallback font-face rules for metric-adjusted fallbacks */
+{{{defaultFontFamily.fontFaces}}}
+{{{headingFontFamily.fontFaces}}}
+{{{codingFontFamily.fontFaces}}}
+
 /* Override Radix variables */
 .radix-themes {
   --default-font-family: {{{defaultFontFamily.fontFamily}}};
@@ -122,9 +128,39 @@ var template = `/* Auto-generated by vite-plugin-capsize-radix */
   {{/fontData}}
 }
 `;
-async function generate(options) {
+function validateOptions(options) {
+  if (!options.outputPath) {
+    throw new Error(`[capsize-radix] outputPath is required`);
+  }
+  if (options.textStyles.length < 3) {
+    throw new Error(
+      `[capsize-radix] textStyles must have at least 3 entries (found ${options.textStyles.length})`
+    );
+  }
+  for (let i = 0; i < options.textStyles.length; i++) {
+    const style = options.textStyles[i];
+    if (typeof style.fontSize !== `number` || style.fontSize <= 0) {
+      throw new Error(
+        `[capsize-radix] textStyles[${i}].fontSize must be a positive number`
+      );
+    }
+    if (typeof style.lineHeight !== `number` || style.lineHeight <= 0) {
+      throw new Error(
+        `[capsize-radix] textStyles[${i}].lineHeight must be a positive number`
+      );
+    }
+  }
+  const outputDir = import_path.default.dirname(options.outputPath);
+  if (!import_fs.default.existsSync(outputDir)) {
+    throw new Error(
+      `[capsize-radix] Output directory does not exist: ${outputDir}`
+    );
+  }
+}
+function generate(options) {
+  validateOptions(options);
   let defaultFontFamily;
-  let headingFontFamiliy;
+  let headingFontFamily;
   let codingFontFamily;
   if (!options.defaultFontStack) {
     options.defaultFontStack = [
@@ -136,13 +172,13 @@ async function generate(options) {
     ];
     defaultFontFamily = (0, import_core.createFontStack)(options.defaultFontStack);
     defaultFontFamily.fontFamily += `, ui-sans-serif, system-ui, sans-serif`;
-  } else if (options.defaultFontStack) {
+  } else {
     defaultFontFamily = (0, import_core.createFontStack)(options.defaultFontStack);
   }
   if (options.headingFontStack) {
-    headingFontFamiliy = (0, import_core.createFontStack)(options.headingFontStack);
+    headingFontFamily = (0, import_core.createFontStack)(options.headingFontStack);
   } else {
-    headingFontFamiliy = defaultFontFamily;
+    headingFontFamily = defaultFontFamily;
   }
   if (options.codingFontStack) {
     codingFontFamily = (0, import_core.createFontStack)(options.codingFontStack);
@@ -272,7 +308,7 @@ async function generate(options) {
     fontMetrics: options.codingFontStack[0]
   });
   const output = import_mustache.default.render(template, {
-    headingFontFamiliy,
+    headingFontFamily,
     defaultFontFamily,
     codingFontFamily,
     mobileFontData,
@@ -293,7 +329,14 @@ async function generate(options) {
     placeholderRegex,
     TEXT_SELECTOR_REPLACEMENT
   );
-  import_fs.default.writeFileSync(options.outputPath, finalOutput);
+  try {
+    import_fs.default.writeFileSync(options.outputPath, finalOutput);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    throw new Error(
+      `[capsize-radix] Failed to write CSS to ${options.outputPath}: ${message}`
+    );
+  }
 }
 function capsizeRadixPlugin({
   outputPath,

package/dist/index.mjs

@@ -6,6 +6,7 @@ import {
   createFontStack
 } from "@capsizecss/core";
 import Mustache from "mustache";
+import path from "path";
 import segoeUI from "@capsizecss/metrics/segoeUI";
 import appleSystem from "@capsizecss/metrics/appleSystem";
 import roboto from "@capsizecss/metrics/roboto";
@@ -16,6 +17,11 @@ var TEXT_SELECTOR_PLACEHOLDER = `__CAPSIZE_TEXT__`;
 var TEXT_SELECTOR_REPLACEMENT = `:where(${TEXT_ELEMENTS})`;
 var template = `/* Auto-generated by vite-plugin-capsize-radix */
 
+/* Fallback font-face rules for metric-adjusted fallbacks */
+{{{defaultFontFamily.fontFaces}}}
+{{{headingFontFamily.fontFaces}}}
+{{{codingFontFamily.fontFaces}}}
+
 /* Override Radix variables */
 .radix-themes {
   --default-font-family: {{{defaultFontFamily.fontFamily}}};
@@ -92,9 +98,39 @@ var template = `/* Auto-generated by vite-plugin-capsize-radix */
   {{/fontData}}
 }
 `;
-async function generate(options) {
+function validateOptions(options) {
+  if (!options.outputPath) {
+    throw new Error(`[capsize-radix] outputPath is required`);
+  }
+  if (options.textStyles.length < 3) {
+    throw new Error(
+      `[capsize-radix] textStyles must have at least 3 entries (found ${options.textStyles.length})`
+    );
+  }
+  for (let i = 0; i < options.textStyles.length; i++) {
+    const style = options.textStyles[i];
+    if (typeof style.fontSize !== `number` || style.fontSize <= 0) {
+      throw new Error(
+        `[capsize-radix] textStyles[${i}].fontSize must be a positive number`
+      );
+    }
+    if (typeof style.lineHeight !== `number` || style.lineHeight <= 0) {
+      throw new Error(
+        `[capsize-radix] textStyles[${i}].lineHeight must be a positive number`
+      );
+    }
+  }
+  const outputDir = path.dirname(options.outputPath);
+  if (!fs.existsSync(outputDir)) {
+    throw new Error(
+      `[capsize-radix] Output directory does not exist: ${outputDir}`
+    );
+  }
+}
+function generate(options) {
+  validateOptions(options);
   let defaultFontFamily;
-  let headingFontFamiliy;
+  let headingFontFamily;
   let codingFontFamily;
   if (!options.defaultFontStack) {
     options.defaultFontStack = [
@@ -106,13 +142,13 @@ async function generate(options) {
     ];
     defaultFontFamily = createFontStack(options.defaultFontStack);
     defaultFontFamily.fontFamily += `, ui-sans-serif, system-ui, sans-serif`;
-  } else if (options.defaultFontStack) {
+  } else {
     defaultFontFamily = createFontStack(options.defaultFontStack);
   }
   if (options.headingFontStack) {
-    headingFontFamiliy = createFontStack(options.headingFontStack);
+    headingFontFamily = createFontStack(options.headingFontStack);
   } else {
-    headingFontFamiliy = defaultFontFamily;
+    headingFontFamily = defaultFontFamily;
   }
   if (options.codingFontStack) {
     codingFontFamily = createFontStack(options.codingFontStack);
@@ -242,7 +278,7 @@ async function generate(options) {
     fontMetrics: options.codingFontStack[0]
   });
   const output = Mustache.render(template, {
-    headingFontFamiliy,
+    headingFontFamily,
     defaultFontFamily,
     codingFontFamily,
     mobileFontData,
@@ -263,7 +299,14 @@ async function generate(options) {
     placeholderRegex,
     TEXT_SELECTOR_REPLACEMENT
   );
-  fs.writeFileSync(options.outputPath, finalOutput);
+  try {
+    fs.writeFileSync(options.outputPath, finalOutput);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    throw new Error(
+      `[capsize-radix] Failed to write CSS to ${options.outputPath}: ${message}`
+    );
+  }
 }
 function capsizeRadixPlugin({
   outputPath,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-capsize-radix",
   "description": "Great Typography with Radix & Capsize",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "dependencies": {
     "@capsizecss/core": "^4.1.3",