@motion-proto/live-tokens 0.8.0 → 0.10.0

package/dist-plugin/index.cjs

@@ -35,8 +35,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // vite-plugin/themeFileApi.ts
-var import_fs2 = __toESM(require("fs"), 1);
-var import_path2 = __toESM(require("path"), 1);
+var import_fs3 = __toESM(require("fs"), 1);
+var import_path3 = __toESM(require("path"), 1);
 
 // src/editor/core/themes/parsers/globalRootBlock.ts
 function extractGlobalRootBody(source) {
@@ -556,19 +556,64 @@ function nextAvailableName(exists, baseName, maxAttempts = 1e3) {
   throw new Error(`Could not allocate a non-colliding name for "${baseName}"`);
 }
 
+// vite-plugin/files/dataPaths.ts
+var import_fs2 = __toESM(require("fs"), 1);
+var import_path2 = __toESM(require("path"), 1);
+var DEFAULT_DATA_DIR = "src/live-tokens/data";
+var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "dataDir",
+  "themesDir",
+  "componentConfigsDir",
+  "manifestsDir"
+]);
+var cached = null;
+function readLiveTokensConfig() {
+  if (cached) return cached;
+  try {
+    const configPath = import_path2.default.resolve("live-tokens.config.json");
+    if (!import_fs2.default.existsSync(configPath)) return cached = {};
+    const parsed = JSON.parse(import_fs2.default.readFileSync(configPath, "utf-8"));
+    if (!parsed || typeof parsed !== "object") return cached = {};
+    const unknown = Object.keys(parsed).filter(
+      (k) => k !== "$schema" && !KNOWN_CONFIG_KEYS.has(k)
+    );
+    if (unknown.length > 0) {
+      console.warn(
+        `[live-tokens] Unknown key(s) in live-tokens.config.json: ${unknown.join(", ")}. Known keys: ${Array.from(KNOWN_CONFIG_KEYS).join(", ")}.`
+      );
+    }
+    cached = parsed;
+    return cached;
+  } catch {
+    return cached = {};
+  }
+}
+function resolveDataDirs(opts = {}) {
+  const fileConfig = readLiveTokensConfig();
+  const dataDirRaw = opts.dataDir ?? fileConfig.dataDir ?? DEFAULT_DATA_DIR;
+  const dataDir = import_path2.default.resolve(dataDirRaw);
+  const sub = (name) => import_path2.default.resolve(dataDir, name);
+  return {
+    dataDir,
+    themesDir: opts.themesDir ? import_path2.default.resolve(opts.themesDir) : fileConfig.themesDir ? import_path2.default.resolve(fileConfig.themesDir) : sub("themes"),
+    componentConfigsDir: opts.componentConfigsDir ? import_path2.default.resolve(opts.componentConfigsDir) : fileConfig.componentConfigsDir ? import_path2.default.resolve(fileConfig.componentConfigsDir) : sub("component-configs"),
+    manifestsDir: opts.manifestsDir ? import_path2.default.resolve(opts.manifestsDir) : fileConfig.manifestsDir ? import_path2.default.resolve(fileConfig.manifestsDir) : sub("manifests")
+  };
+}
+
 // vite-plugin/themeFileApi.ts
 var import_node_url = require("url");
 var import_meta = {};
 var PKG_VERSION = (() => {
   try {
-    let dir = import_path2.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
+    let dir = import_path3.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
     for (let i = 0; i < 4; i++) {
-      const p = import_path2.default.join(dir, "package.json");
-      if (import_fs2.default.existsSync(p)) {
-        const json = JSON.parse(import_fs2.default.readFileSync(p, "utf-8"));
+      const p = import_path3.default.join(dir, "package.json");
+      if (import_fs3.default.existsSync(p)) {
+        const json = JSON.parse(import_fs3.default.readFileSync(p, "utf-8"));
         if (json?.name === "@motion-proto/live-tokens") return json.version ?? "";
       }
-      const up = import_path2.default.dirname(dir);
+      const up = import_path3.default.dirname(dir);
       if (up === dir) break;
       dir = up;
     }
@@ -577,15 +622,21 @@ var PKG_VERSION = (() => {
   return "";
 })();
 function themeFileApi(opts) {
-  const THEMES_DIR = import_path2.default.resolve(opts.themesDir);
-  const CSS_PATH = import_path2.default.resolve(opts.tokensCssPath);
-  const GENERATED_CSS_PATH = opts.tokensGeneratedCssPath ? import_path2.default.resolve(opts.tokensGeneratedCssPath) : import_path2.default.join(import_path2.default.dirname(CSS_PATH), "tokens.generated.css");
-  const FONTS_CSS_PATH = opts.fontsCssPath ? import_path2.default.resolve(opts.fontsCssPath) : import_path2.default.join(import_path2.default.dirname(CSS_PATH), "fonts.css");
-  const API_BASE = opts.apiBase ?? "/api";
-  const COMPONENT_CONFIGS_DIR = opts.componentConfigsDir ? import_path2.default.resolve(opts.componentConfigsDir) : import_path2.default.resolve("component-configs");
-  const COMPONENTS_SRC_DIR = opts.componentsSrcDir ? import_path2.default.resolve(opts.componentsSrcDir) : import_path2.default.resolve("src/system/components");
-  const MANIFESTS_DIR = opts.manifestsDir ? import_path2.default.resolve(opts.manifestsDir) : import_path2.default.resolve("manifests");
-  const LEGACY_PRESETS_DIR = import_path2.default.resolve("presets");
+  const dataDirs = resolveDataDirs({
+    dataDir: opts.dataDir,
+    themesDir: opts.themesDir,
+    componentConfigsDir: opts.componentConfigsDir,
+    manifestsDir: opts.manifestsDir
+  });
+  const THEMES_DIR = dataDirs.themesDir;
+  const COMPONENT_CONFIGS_DIR = dataDirs.componentConfigsDir;
+  const MANIFESTS_DIR = dataDirs.manifestsDir;
+  const CSS_PATH = import_path3.default.resolve(opts.tokensCssPath);
+  const GENERATED_CSS_PATH = opts.tokensGeneratedCssPath ? import_path3.default.resolve(opts.tokensGeneratedCssPath) : import_path3.default.join(import_path3.default.dirname(CSS_PATH), "tokens.generated.css");
+  const FONTS_CSS_PATH = opts.fontsCssPath ? import_path3.default.resolve(opts.fontsCssPath) : import_path3.default.join(import_path3.default.dirname(CSS_PATH), "fonts.css");
+  const API_BASE = opts.apiBase ?? "/api/live-tokens";
+  const COMPONENTS_SRC_DIR = opts.componentsSrcDir ? import_path3.default.resolve(opts.componentsSrcDir) : import_path3.default.resolve("src/system/components");
+  const LEGACY_PRESETS_DIR = import_path3.default.resolve("presets");
   const themesResource = versionedFileResourceServer({
     dir: THEMES_DIR
   });
@@ -593,7 +644,7 @@ function themeFileApi(opts) {
   function componentResource(comp) {
     let r = componentResourceCache.get(comp);
     if (!r) {
-      r = versionedFileResourceServer({ dir: import_path2.default.join(COMPONENT_CONFIGS_DIR, comp) });
+      r = versionedFileResourceServer({ dir: import_path3.default.join(COMPONENT_CONFIGS_DIR, comp) });
       componentResourceCache.set(comp, r);
     }
     return r;
@@ -601,7 +652,7 @@ function themeFileApi(opts) {
   const manifestsResource = versionedFileResourceServer({ dir: MANIFESTS_DIR });
   function ensureThemesDir() {
     themesResource.ensureDir();
-    if (!import_fs2.default.existsSync(import_path2.default.join(THEMES_DIR, "default.json"))) {
+    if (!import_fs3.default.existsSync(import_path3.default.join(THEMES_DIR, "default.json"))) {
       const defaultTheme = {
         name: "Default Theme",
         createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -609,7 +660,7 @@ function themeFileApi(opts) {
         editorConfigs: {},
         cssVariables: {}
       };
-      import_fs2.default.writeFileSync(import_path2.default.join(THEMES_DIR, "default.json"), JSON.stringify(defaultTheme, null, 2));
+      import_fs3.default.writeFileSync(import_path3.default.join(THEMES_DIR, "default.json"), JSON.stringify(defaultTheme, null, 2));
     }
     themesResource.ensureMeta();
   }
@@ -674,10 +725,10 @@ function themeFileApi(opts) {
     lines.push("/* tokens.css holds developer-authored defaults; this file holds editor overrides. */");
     lines.push("");
     const productionThemeName = themesResource.getProductionName();
-    const themePath = import_path2.default.join(THEMES_DIR, `${productionThemeName}.json`);
+    const themePath = import_path3.default.join(THEMES_DIR, `${productionThemeName}.json`);
     let themeVarCount = 0;
-    if (import_fs2.default.existsSync(themePath)) {
-      const themeData = JSON.parse(import_fs2.default.readFileSync(themePath, "utf-8"));
+    if (import_fs3.default.existsSync(themePath)) {
+      const themeData = JSON.parse(import_fs3.default.readFileSync(themePath, "utf-8"));
       const cssVars = { ...themeData.cssVariables || {} };
       Object.assign(cssVars, palettesToVars(themeData.editorConfigs ?? {}));
       const resolvedFontVars = resolveFontStacks(themeData);
@@ -696,7 +747,7 @@ function themeFileApi(opts) {
       }
     }
     let componentOverrideCount = 0;
-    if (import_fs2.default.existsSync(COMPONENT_CONFIGS_DIR)) {
+    if (import_fs3.default.existsSync(COMPONENT_CONFIGS_DIR)) {
       const blocks = [];
       for (const comp of listComponentNames()) {
         const prod = componentResource(comp).getProductionName();
@@ -730,21 +781,21 @@ function themeFileApi(opts) {
         lines.push("");
       }
     }
-    if (!import_fs2.default.existsSync(import_path2.default.dirname(GENERATED_CSS_PATH))) {
-      import_fs2.default.mkdirSync(import_path2.default.dirname(GENERATED_CSS_PATH), { recursive: true });
+    if (!import_fs3.default.existsSync(import_path3.default.dirname(GENERATED_CSS_PATH))) {
+      import_fs3.default.mkdirSync(import_path3.default.dirname(GENERATED_CSS_PATH), { recursive: true });
     }
-    import_fs2.default.writeFileSync(GENERATED_CSS_PATH, lines.join("\n"));
+    import_fs3.default.writeFileSync(GENERATED_CSS_PATH, lines.join("\n"));
     console.log(
-      `[regenerateTokensCss] Wrote ${import_path2.default.basename(GENERATED_CSS_PATH)} (${themeVarCount} theme vars, ${componentOverrideCount} component overrides)`
+      `[regenerateTokensCss] Wrote ${import_path3.default.basename(GENERATED_CSS_PATH)} (${themeVarCount} theme vars, ${componentOverrideCount} component overrides)`
     );
   }
   function syncTokensToCss(_fileName) {
     regenerateTokensCss();
   }
   function syncFontsToCss(fileName) {
-    const themePath = import_path2.default.join(THEMES_DIR, `${fileName}.json`);
-    if (!import_fs2.default.existsSync(themePath)) return;
-    const themeData = JSON.parse(import_fs2.default.readFileSync(themePath, "utf-8"));
+    const themePath = import_path3.default.join(THEMES_DIR, `${fileName}.json`);
+    if (!import_fs3.default.existsSync(themePath)) return;
+    const themeData = JSON.parse(import_fs3.default.readFileSync(themePath, "utf-8"));
     const sources = themeData.fontSources;
     if (!sources) return;
     const lines = [];
@@ -768,11 +819,11 @@ function themeFileApi(opts) {
       lines.push("");
     }
     const content = lines.join("\n");
-    if (!import_fs2.default.existsSync(import_path2.default.dirname(FONTS_CSS_PATH))) {
-      import_fs2.default.mkdirSync(import_path2.default.dirname(FONTS_CSS_PATH), { recursive: true });
+    if (!import_fs3.default.existsSync(import_path3.default.dirname(FONTS_CSS_PATH))) {
+      import_fs3.default.mkdirSync(import_path3.default.dirname(FONTS_CSS_PATH), { recursive: true });
     }
-    import_fs2.default.writeFileSync(FONTS_CSS_PATH, content);
-    console.log(`[syncFontsToCss] Wrote ${sources.length} source(s) into ${import_path2.default.basename(FONTS_CSS_PATH)}`);
+    import_fs3.default.writeFileSync(FONTS_CSS_PATH, content);
+    console.log(`[syncFontsToCss] Wrote ${sources.length} source(s) into ${import_path3.default.basename(FONTS_CSS_PATH)}`);
   }
   function extractAliasDeclarations(body) {
     const aliases = {};
@@ -782,35 +833,35 @@ function themeFileApi(opts) {
     return aliases;
   }
   function componentNameFromFile(filePath) {
-    return import_path2.default.basename(filePath, ".svelte").toLowerCase();
+    return import_path3.default.basename(filePath, ".svelte").toLowerCase();
   }
   function listComponentSourcePaths() {
-    if (!import_fs2.default.existsSync(COMPONENTS_SRC_DIR)) return [];
-    return import_fs2.default.readdirSync(COMPONENTS_SRC_DIR).filter((f) => f.endsWith(".svelte")).map((f) => import_path2.default.join(COMPONENTS_SRC_DIR, f));
+    if (!import_fs3.default.existsSync(COMPONENTS_SRC_DIR)) return [];
+    return import_fs3.default.readdirSync(COMPONENTS_SRC_DIR).filter((f) => f.endsWith(".svelte")).map((f) => import_path3.default.join(COMPONENTS_SRC_DIR, f));
   }
   function listComponentNames() {
     return listComponentSourcePaths().map(componentNameFromFile);
   }
   function generateDefaultConfig(comp, sourcePath) {
-    if (!import_fs2.default.existsSync(sourcePath)) return;
+    if (!import_fs3.default.existsSync(sourcePath)) return;
     const r = componentResource(comp);
     r.ensureDir();
     const defaultPath = r.filePath("default");
-    const sourceStat = import_fs2.default.statSync(sourcePath);
-    if (import_fs2.default.existsSync(defaultPath)) {
-      const defaultStat = import_fs2.default.statSync(defaultPath);
+    const sourceStat = import_fs3.default.statSync(sourcePath);
+    if (import_fs3.default.existsSync(defaultPath)) {
+      const defaultStat = import_fs3.default.statSync(defaultPath);
       if (defaultStat.mtimeMs >= sourceStat.mtimeMs) return;
     }
-    const source = import_fs2.default.readFileSync(sourcePath, "utf-8");
+    const source = import_fs3.default.readFileSync(sourcePath, "utf-8");
     const body = extractGlobalRootBody(source);
     const aliases = extractAliasDeclarations(body);
     const now = (/* @__PURE__ */ new Date()).toISOString();
     let createdAt = now;
     let existingUpdatedAt;
     let existingAliases;
-    if (import_fs2.default.existsSync(defaultPath)) {
+    if (import_fs3.default.existsSync(defaultPath)) {
       try {
-        const existing = JSON.parse(import_fs2.default.readFileSync(defaultPath, "utf-8"));
+        const existing = JSON.parse(import_fs3.default.readFileSync(defaultPath, "utf-8"));
         if (existing.createdAt) createdAt = existing.createdAt;
         if (typeof existing.updatedAt === "string") existingUpdatedAt = existing.updatedAt;
         if (existing.aliases && typeof existing.aliases === "object") {
@@ -829,14 +880,14 @@ function themeFileApi(opts) {
     };
     if (aliasesUnchanged && existingUpdatedAt) {
       const t = /* @__PURE__ */ new Date();
-      import_fs2.default.utimesSync(defaultPath, t, t);
+      import_fs3.default.utimesSync(defaultPath, t, t);
       return;
     }
-    import_fs2.default.writeFileSync(defaultPath, JSON.stringify(defaultConfig, null, 2));
+    import_fs3.default.writeFileSync(defaultPath, JSON.stringify(defaultConfig, null, 2));
   }
   function ensureComponentConfigsDir() {
-    if (!import_fs2.default.existsSync(COMPONENT_CONFIGS_DIR)) {
-      import_fs2.default.mkdirSync(COMPONENT_CONFIGS_DIR, { recursive: true });
+    if (!import_fs3.default.existsSync(COMPONENT_CONFIGS_DIR)) {
+      import_fs3.default.mkdirSync(COMPONENT_CONFIGS_DIR, { recursive: true });
     }
     for (const sourcePath of listComponentSourcePaths()) {
       const comp = componentNameFromFile(sourcePath);
@@ -847,14 +898,14 @@ function themeFileApi(opts) {
     }
   }
   function ensureManifestsDir() {
-    if (!import_fs2.default.existsSync(MANIFESTS_DIR) && import_fs2.default.existsSync(LEGACY_PRESETS_DIR)) {
-      import_fs2.default.renameSync(LEGACY_PRESETS_DIR, MANIFESTS_DIR);
-      const legacyProd = import_path2.default.join(MANIFESTS_DIR, "_production.json");
-      if (import_fs2.default.existsSync(legacyProd)) import_fs2.default.unlinkSync(legacyProd);
+    if (!import_fs3.default.existsSync(MANIFESTS_DIR) && import_fs3.default.existsSync(LEGACY_PRESETS_DIR)) {
+      import_fs3.default.renameSync(LEGACY_PRESETS_DIR, MANIFESTS_DIR);
+      const legacyProd = import_path3.default.join(MANIFESTS_DIR, "_production.json");
+      if (import_fs3.default.existsSync(legacyProd)) import_fs3.default.unlinkSync(legacyProd);
     }
     manifestsResource.ensureDir();
-    const defaultPath = import_path2.default.join(MANIFESTS_DIR, "default.json");
-    if (!import_fs2.default.existsSync(defaultPath)) {
+    const defaultPath = import_path3.default.join(MANIFESTS_DIR, "default.json");
+    if (!import_fs3.default.existsSync(defaultPath)) {
       const componentConfigs = {};
       for (const comp of listComponentNames()) {
         componentConfigs[comp] = componentResource(comp).getActiveName();
@@ -867,30 +918,30 @@ function themeFileApi(opts) {
         theme: themesResource.getActiveName(),
         componentConfigs
       };
-      import_fs2.default.writeFileSync(defaultPath, JSON.stringify(defaultManifest, null, 2));
+      import_fs3.default.writeFileSync(defaultPath, JSON.stringify(defaultManifest, null, 2));
     }
-    if (!import_fs2.default.existsSync(manifestsResource.activePath)) {
-      import_fs2.default.writeFileSync(
+    if (!import_fs3.default.existsSync(manifestsResource.activePath)) {
+      import_fs3.default.writeFileSync(
         manifestsResource.activePath,
         JSON.stringify({ activeFile: "default" })
       );
     } else {
       const activeName = manifestsResource.getActiveName();
-      if (!import_fs2.default.existsSync(manifestsResource.filePath(activeName))) {
+      if (!import_fs3.default.existsSync(manifestsResource.filePath(activeName))) {
         manifestsResource.setActiveName("default");
       }
     }
-    const stragglerProd = import_path2.default.join(MANIFESTS_DIR, "_production.json");
-    if (import_fs2.default.existsSync(stragglerProd)) import_fs2.default.unlinkSync(stragglerProd);
+    const stragglerProd = import_path3.default.join(MANIFESTS_DIR, "_production.json");
+    if (import_fs3.default.existsSync(stragglerProd)) import_fs3.default.unlinkSync(stragglerProd);
   }
   function patchActiveManifest(field, comp, fileName) {
     const activeFile = manifestsResource.getActiveName();
     if (activeFile === "default") return false;
     const manifestPath = manifestsResource.filePath(activeFile);
-    if (!import_fs2.default.existsSync(manifestPath)) return false;
+    if (!import_fs3.default.existsSync(manifestPath)) return false;
     let manifest;
     try {
-      manifest = JSON.parse(import_fs2.default.readFileSync(manifestPath, "utf-8"));
+      manifest = JSON.parse(import_fs3.default.readFileSync(manifestPath, "utf-8"));
     } catch {
       return false;
     }
@@ -901,7 +952,7 @@ function themeFileApi(opts) {
       manifest.componentConfigs[comp] = fileName;
     }
     manifest.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-    import_fs2.default.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2));
+    import_fs3.default.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2));
     return true;
   }
   function formatAliasGradient(v) {
@@ -933,9 +984,9 @@ function themeFileApi(opts) {
   }
   function readComponentConfig(comp, name) {
     const filePath = componentResource(comp).filePath(name);
-    if (!import_fs2.default.existsSync(filePath)) return null;
+    if (!import_fs3.default.existsSync(filePath)) return null;
     try {
-      return JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8"));
+      return JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8"));
     } catch {
       return null;
     }
@@ -961,9 +1012,9 @@ function themeFileApi(opts) {
   const MANIFEST_BY_NAME_REGEX = new RegExp(`^${escapedBase}/manifests/([a-z0-9\\-_]+)$`);
   async function handleListThemes(_ctx) {
     const activeFile = themesResource.getActiveName();
-    const files = import_fs2.default.readdirSync(THEMES_DIR).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
-      const filePath = import_path2.default.join(THEMES_DIR, f);
-      const data = JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8"));
+    const files = import_fs3.default.readdirSync(THEMES_DIR).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
+      const filePath = import_path3.default.join(THEMES_DIR, f);
+      const data = JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8"));
       const fileName = f.replace(".json", "");
       return {
         name: data.name || fileName,
@@ -977,18 +1028,18 @@ function themeFileApi(opts) {
   async function handleGetActiveTheme({ res }) {
     const activeFile = themesResource.getActiveName();
     const filePath = themesResource.filePath(activeFile);
-    if (!import_fs2.default.existsSync(filePath)) {
+    if (!import_fs3.default.existsSync(filePath)) {
       jsonResponse(res, 404, { error: "Active theme not found" });
       return;
     }
-    const data = normalizeTheme(JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8")));
+    const data = normalizeTheme(JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8")));
     data._fileName = activeFile;
     jsonResponse(res, 200, data);
   }
   async function handleSetActiveTheme({ req, res }) {
     const body = JSON.parse(await readBody(req));
     const fileName = sanitizeFileName(body.name || "default");
-    if (!import_fs2.default.existsSync(themesResource.filePath(fileName))) {
+    if (!import_fs3.default.existsSync(themesResource.filePath(fileName))) {
       jsonResponse(res, 404, { error: "Theme not found" });
       return;
     }
@@ -998,11 +1049,11 @@ function themeFileApi(opts) {
   async function handleGetProductionTheme({ res }) {
     const prodFile = themesResource.getProductionName();
     const filePath = themesResource.filePath(prodFile);
-    if (!import_fs2.default.existsSync(filePath)) {
+    if (!import_fs3.default.existsSync(filePath)) {
       jsonResponse(res, 200, { fileName: prodFile, name: prodFile, cssVariables: {} });
       return;
     }
-    const data = normalizeTheme(JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8")));
+    const data = normalizeTheme(JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8")));
     jsonResponse(res, 200, {
       fileName: prodFile,
       name: data.name || prodFile,
@@ -1013,7 +1064,7 @@ function themeFileApi(opts) {
   async function handleSetProductionTheme({ req, res }) {
     const body = JSON.parse(await readBody(req));
     const fileName = sanitizeFileName(body.name || "default");
-    if (!import_fs2.default.existsSync(themesResource.filePath(fileName))) {
+    if (!import_fs3.default.existsSync(themesResource.filePath(fileName))) {
       jsonResponse(res, 404, { error: "Theme not found" });
       return;
     }
@@ -1029,7 +1080,7 @@ function themeFileApi(opts) {
     syncFontsToCss(fileName);
     syncComponentsToCss();
     patchActiveManifest("theme", null, fileName);
-    const data = JSON.parse(import_fs2.default.readFileSync(themesResource.filePath(fileName), "utf-8"));
+    const data = JSON.parse(import_fs3.default.readFileSync(themesResource.filePath(fileName), "utf-8"));
     jsonResponse(res, 200, {
       ok: true,
       fileName,
@@ -1041,11 +1092,11 @@ function themeFileApi(opts) {
     const [fileName] = params;
     const filePath = themesResource.filePath(fileName);
     if (req.method === "GET") {
-      if (!import_fs2.default.existsSync(filePath)) {
+      if (!import_fs3.default.existsSync(filePath)) {
         jsonResponse(res, 404, { error: "Not found" });
         return;
       }
-      const data = normalizeTheme(JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8")));
+      const data = normalizeTheme(JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8")));
       data._fileName = fileName;
       jsonResponse(res, 200, data);
       return;
@@ -1053,15 +1104,15 @@ function themeFileApi(opts) {
     if (req.method === "PUT") {
       const body = JSON.parse(await readBody(req));
       body.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      if (import_fs2.default.existsSync(filePath)) {
+      if (import_fs3.default.existsSync(filePath)) {
         try {
-          const existing = JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8"));
+          const existing = JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8"));
           if (existing.createdAt) body.createdAt = existing.createdAt;
         } catch {
         }
       }
       if (!body.createdAt) body.createdAt = body.updatedAt;
-      import_fs2.default.writeFileSync(filePath, JSON.stringify(body, null, 2));
+      import_fs3.default.writeFileSync(filePath, JSON.stringify(body, null, 2));
       if (fileName === themesResource.getProductionName()) {
         syncTokensToCss(fileName);
         syncFontsToCss(fileName);
@@ -1082,8 +1133,8 @@ function themeFileApi(opts) {
         });
         return;
       }
-      if (import_fs2.default.existsSync(filePath)) {
-        import_fs2.default.unlinkSync(filePath);
+      if (import_fs3.default.existsSync(filePath)) {
+        import_fs3.default.unlinkSync(filePath);
         if (themesResource.getActiveName() === fileName) {
           themesResource.setActiveName("default");
         }
@@ -1120,7 +1171,7 @@ function themeFileApi(opts) {
     const fileName = sanitizeFileName(body.name || "default");
     const r = componentResource(comp);
     const configPath = r.filePath(fileName);
-    if (!import_fs2.default.existsSync(configPath)) {
+    if (!import_fs3.default.existsSync(configPath)) {
       jsonResponse(res, 404, { error: "Config not found" });
       return;
     }
@@ -1145,7 +1196,7 @@ function themeFileApi(opts) {
     const fileName = sanitizeFileName(body.name || "default");
     const r = componentResource(comp);
     const configPath = r.filePath(fileName);
-    if (!import_fs2.default.existsSync(configPath)) {
+    if (!import_fs3.default.existsSync(configPath)) {
       jsonResponse(res, 404, { error: "Config not found" });
       return;
     }
@@ -1173,11 +1224,11 @@ function themeFileApi(opts) {
     const r = componentResource(comp);
     const configPath = r.filePath(name);
     if (req.method === "GET") {
-      if (!import_fs2.default.existsSync(configPath)) {
+      if (!import_fs3.default.existsSync(configPath)) {
         jsonResponse(res, 404, { error: "Not found" });
         return;
       }
-      const data = JSON.parse(import_fs2.default.readFileSync(configPath, "utf-8"));
+      const data = JSON.parse(import_fs3.default.readFileSync(configPath, "utf-8"));
       data._fileName = name;
       jsonResponse(res, 200, data);
       return;
@@ -1191,16 +1242,16 @@ function themeFileApi(opts) {
       body.component = comp;
       body.name = body.name || name;
       body.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      if (import_fs2.default.existsSync(configPath)) {
+      if (import_fs3.default.existsSync(configPath)) {
         try {
-          const existing = JSON.parse(import_fs2.default.readFileSync(configPath, "utf-8"));
+          const existing = JSON.parse(import_fs3.default.readFileSync(configPath, "utf-8"));
           if (existing.createdAt) body.createdAt = existing.createdAt;
         } catch {
         }
       }
       if (!body.createdAt) body.createdAt = body.updatedAt;
       r.ensureDir();
-      import_fs2.default.writeFileSync(configPath, JSON.stringify(body, null, 2));
+      import_fs3.default.writeFileSync(configPath, JSON.stringify(body, null, 2));
       if (r.getProductionName() === name) {
         syncComponentsToCss();
       }
@@ -1212,8 +1263,8 @@ function themeFileApi(opts) {
         jsonResponse(res, 403, { error: "Cannot delete default config" });
         return;
       }
-      if (import_fs2.default.existsSync(configPath)) {
-        import_fs2.default.unlinkSync(configPath);
+      if (import_fs3.default.existsSync(configPath)) {
+        import_fs3.default.unlinkSync(configPath);
         if (r.getActiveName() === name) {
           r.setActiveName("default");
         }
@@ -1229,15 +1280,15 @@ function themeFileApi(opts) {
   async function handleListComponentConfigs({ params, res }) {
     const [comp] = params;
     const r = componentResource(comp);
-    if (!import_fs2.default.existsSync(r.dir)) {
+    if (!import_fs3.default.existsSync(r.dir)) {
       jsonResponse(res, 404, { error: "Component not found" });
       return;
     }
     const activeFile = r.getActiveName();
     const productionFile = r.getProductionName();
-    const files = import_fs2.default.readdirSync(r.dir).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
-      const filePath = import_path2.default.join(r.dir, f);
-      const data = JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8"));
+    const files = import_fs3.default.readdirSync(r.dir).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
+      const filePath = import_path3.default.join(r.dir, f);
+      const data = JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8"));
       const fileName = f.replace(".json", "");
       return {
         name: data.name || fileName,
@@ -1251,9 +1302,9 @@ function themeFileApi(opts) {
   }
   async function handleListManifests({ res }) {
     const activeFile = manifestsResource.getActiveName();
-    const files = import_fs2.default.readdirSync(MANIFESTS_DIR).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
-      const filePath = import_path2.default.join(MANIFESTS_DIR, f);
-      const data = JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8"));
+    const files = import_fs3.default.readdirSync(MANIFESTS_DIR).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
+      const filePath = import_path3.default.join(MANIFESTS_DIR, f);
+      const data = JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8"));
       const fileName = f.replace(".json", "");
       return {
         name: data.name || fileName,
@@ -1268,18 +1319,18 @@ function themeFileApi(opts) {
   async function handleGetActiveManifest({ res }) {
     const activeFile = manifestsResource.getActiveName();
     const filePath = manifestsResource.filePath(activeFile);
-    if (!import_fs2.default.existsSync(filePath)) {
+    if (!import_fs3.default.existsSync(filePath)) {
       jsonResponse(res, 404, { error: "Active manifest not found" });
       return;
     }
-    const data = JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8"));
+    const data = JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8"));
     data._fileName = activeFile;
     jsonResponse(res, 200, data);
   }
   async function handleSetActiveManifest({ req, res }) {
     const body = JSON.parse(await readBody(req));
     const fileName = sanitizeFileName(body.name || "default");
-    if (!import_fs2.default.existsSync(manifestsResource.filePath(fileName))) {
+    if (!import_fs3.default.existsSync(manifestsResource.filePath(fileName))) {
       jsonResponse(res, 404, { error: "Manifest not found" });
       return;
     }
@@ -1290,11 +1341,11 @@ function themeFileApi(opts) {
     const [fileName] = params;
     const filePath = manifestsResource.filePath(fileName);
     if (req.method === "GET") {
-      if (!import_fs2.default.existsSync(filePath)) {
+      if (!import_fs3.default.existsSync(filePath)) {
         jsonResponse(res, 404, { error: "Not found" });
         return;
       }
-      const data = JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8"));
+      const data = JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8"));
       data._fileName = fileName;
       jsonResponse(res, 200, data);
       return;
@@ -1306,15 +1357,15 @@ function themeFileApi(opts) {
       }
       const body = JSON.parse(await readBody(req));
       body.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      if (import_fs2.default.existsSync(filePath)) {
+      if (import_fs3.default.existsSync(filePath)) {
         try {
-          const existing = JSON.parse(import_fs2.default.readFileSync(filePath, "utf-8"));
+          const existing = JSON.parse(import_fs3.default.readFileSync(filePath, "utf-8"));
           if (existing.createdAt) body.createdAt = existing.createdAt;
         } catch {
         }
       }
       if (!body.createdAt) body.createdAt = body.updatedAt;
-      import_fs2.default.writeFileSync(filePath, JSON.stringify(body, null, 2));
+      import_fs3.default.writeFileSync(filePath, JSON.stringify(body, null, 2));
       jsonResponse(res, 200, { ok: true, fileName });
       return;
     }
@@ -1323,8 +1374,8 @@ function themeFileApi(opts) {
         jsonResponse(res, 403, { error: "Cannot delete the default manifest" });
         return;
       }
-      if (import_fs2.default.existsSync(filePath)) {
-        import_fs2.default.unlinkSync(filePath);
+      if (import_fs3.default.existsSync(filePath)) {
+        import_fs3.default.unlinkSync(filePath);
         if (manifestsResource.getActiveName() === fileName) {
           manifestsResource.setActiveName("default");
         }
@@ -1336,14 +1387,14 @@ function themeFileApi(opts) {
   async function handleApplyManifest({ params, res }) {
     const [fileName] = params;
     const manifestPath = manifestsResource.filePath(fileName);
-    if (!import_fs2.default.existsSync(manifestPath)) {
+    if (!import_fs3.default.existsSync(manifestPath)) {
       jsonResponse(res, 404, { error: "Manifest not found" });
       return;
     }
-    const manifest = JSON.parse(import_fs2.default.readFileSync(manifestPath, "utf-8"));
+    const manifest = JSON.parse(import_fs3.default.readFileSync(manifestPath, "utf-8"));
     const themeName = sanitizeFileName(manifest.theme || "default");
     const themePath = themesResource.filePath(themeName);
-    if (!import_fs2.default.existsSync(themePath)) {
+    if (!import_fs3.default.existsSync(themePath)) {
       jsonResponse(res, 422, { error: `Manifest references missing theme: ${themeName}` });
       return;
     }
@@ -1356,7 +1407,7 @@ function themeFileApi(opts) {
       const sanitized = sanitizeFileName(String(configFile) || "default");
       const r = componentResource(comp);
       const cfgPath = r.filePath(sanitized);
-      if (!import_fs2.default.existsSync(cfgPath)) {
+      if (!import_fs3.default.existsSync(cfgPath)) {
         jsonResponse(res, 422, {
           error: `Manifest references missing config: ${comp}/${sanitized}`
         });
@@ -1368,7 +1419,7 @@ function themeFileApi(opts) {
     themesResource.setProductionName(themeName);
     syncTokensToCss(themeName);
     syncFontsToCss(themeName);
-    const themeData = normalizeTheme(JSON.parse(import_fs2.default.readFileSync(themePath, "utf-8")));
+    const themeData = normalizeTheme(JSON.parse(import_fs3.default.readFileSync(themePath, "utf-8")));
     themeData._fileName = themeName;
     for (const [comp, configFile] of apply) {
       const r = componentResource(comp);
@@ -1395,18 +1446,18 @@ function themeFileApi(opts) {
   async function handleExportManifest({ params, res }) {
     const [fileName] = params;
     const manifestPath = manifestsResource.filePath(fileName);
-    if (!import_fs2.default.existsSync(manifestPath)) {
+    if (!import_fs3.default.existsSync(manifestPath)) {
       jsonResponse(res, 404, { error: "Manifest not found" });
       return;
     }
-    const manifest = JSON.parse(import_fs2.default.readFileSync(manifestPath, "utf-8"));
+    const manifest = JSON.parse(import_fs3.default.readFileSync(manifestPath, "utf-8"));
     const themeName = sanitizeFileName(manifest.theme || "default");
     const themePath = themesResource.filePath(themeName);
-    if (!import_fs2.default.existsSync(themePath)) {
+    if (!import_fs3.default.existsSync(themePath)) {
       jsonResponse(res, 422, { error: `Manifest references missing theme: ${themeName}` });
       return;
     }
-    const theme = JSON.parse(import_fs2.default.readFileSync(themePath, "utf-8"));
+    const theme = JSON.parse(import_fs3.default.readFileSync(themePath, "utf-8"));
     const knownComponents = new Set(listComponentNames());
     const componentConfigs = {};
     for (const [comp, configFile] of Object.entries(manifest.componentConfigs ?? {})) {
@@ -1414,13 +1465,13 @@ function themeFileApi(opts) {
       const sanitized = sanitizeFileName(String(configFile) || "default");
       if (sanitized === "default") continue;
       const cfgPath = componentResource(comp).filePath(sanitized);
-      if (!import_fs2.default.existsSync(cfgPath)) {
+      if (!import_fs3.default.existsSync(cfgPath)) {
         jsonResponse(res, 422, {
           error: `Manifest references missing config: ${comp}/${sanitized}`
         });
         return;
       }
-      const cfg = JSON.parse(import_fs2.default.readFileSync(cfgPath, "utf-8"));
+      const cfg = JSON.parse(import_fs3.default.readFileSync(cfgPath, "utf-8"));
       componentConfigs[`${comp}/${sanitized}`] = cfg;
     }
     const bundle = {
@@ -1442,7 +1493,7 @@ function themeFileApi(opts) {
   }
   function nextAvailableName2(resourceFilePath, baseName) {
     return nextAvailableName(
-      (n) => import_fs2.default.existsSync(resourceFilePath(n)),
+      (n) => import_fs3.default.existsSync(resourceFilePath(n)),
       sanitizeFileName(baseName)
     );
   }
@@ -1484,7 +1535,7 @@ function themeFileApi(opts) {
     themeBody.updatedAt = now;
     if (!themeBody.createdAt) themeBody.createdAt = now;
     themesResource.ensureDir();
-    import_fs2.default.writeFileSync(themesResource.filePath(finalThemeName), JSON.stringify(themeBody, null, 2));
+    import_fs3.default.writeFileSync(themesResource.filePath(finalThemeName), JSON.stringify(themeBody, null, 2));
     const knownComponents = new Set(listComponentNames());
     const componentRenames = {};
     for (const [key, cfgValue] of Object.entries(bundle.componentConfigs)) {
@@ -1506,7 +1557,7 @@ function themeFileApi(opts) {
       cfgBody.updatedAt = now;
       if (!cfgBody.createdAt) cfgBody.createdAt = now;
       r.ensureDir();
-      import_fs2.default.writeFileSync(r.filePath(finalName), JSON.stringify(cfgBody, null, 2));
+      import_fs3.default.writeFileSync(r.filePath(finalName), JSON.stringify(cfgBody, null, 2));
     }
     const rewrittenManifest = {
       ...bundle.manifest,
@@ -1533,7 +1584,7 @@ function themeFileApi(opts) {
       renames[`manifest:${originalManifestName}`] = finalManifestName;
     }
     manifestsResource.ensureDir();
-    import_fs2.default.writeFileSync(
+    import_fs3.default.writeFileSync(
       manifestsResource.filePath(finalManifestName),
       JSON.stringify(rewrittenManifest, null, 2)
     );
@@ -1606,7 +1657,8 @@ function themeFileApi(opts) {
       return {
         define: {
           __PROJECT_ROOT__: JSON.stringify(process.cwd()),
-          __APP_VERSION__: JSON.stringify(PKG_VERSION)
+          __APP_VERSION__: JSON.stringify(PKG_VERSION),
+          __LIVE_TOKENS_API_BASE__: JSON.stringify(API_BASE)
         }
       };
     },
@@ -1621,7 +1673,7 @@ function themeFileApi(opts) {
       });
     },
     handleHotUpdate(ctx) {
-      const normalized = import_path2.default.resolve(ctx.file);
+      const normalized = import_path3.default.resolve(ctx.file);
       if (!normalized.startsWith(COMPONENTS_SRC_DIR)) return;
       if (!normalized.endsWith(".svelte")) return;
       const comp = componentNameFromFile(normalized);