@motion-proto/live-tokens 0.6.1 → 0.7.1

package/dist-plugin/index.js

@@ -1,8 +1,8 @@
-// src/vite-plugin/themeFileApi.ts
+// vite-plugin/themeFileApi.ts
 import fs2 from "fs";
 import path2 from "path";
 
-// src/lib/parsers/globalRootBlock.ts
+// src/editor/core/themes/parsers/globalRootBlock.ts
 function extractGlobalRootBody(source) {
   const re = /:global\(:root\)\s*\{([^}]*)\}/g;
   const bodies = [];
@@ -13,12 +13,12 @@ function extractGlobalRootBody(source) {
   return bodies.join("\n");
 }
 
-// src/lib/files/versionedFileResource.ts
+// src/editor/core/storage/files/versionedFileResourceClient.ts
 function sanitizeFileName(name) {
   return name.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9\-_]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "") || "unnamed";
 }
 
-// src/vite-plugin/files/versionedFileResource.ts
+// vite-plugin/files/versionedFileResourceServer.ts
 import fs from "fs";
 import path from "path";
 function versionedFileResourceServer(opts) {
@@ -78,7 +78,7 @@ function versionedFileResourceServer(opts) {
   };
 }
 
-// src/vite-plugin/files/routeTable.ts
+// vite-plugin/files/routeTable.ts
 async function dispatch(req, res, routes) {
   const url = req.url || "";
   const method = req.method || "GET";
@@ -106,15 +106,34 @@ async function dispatch(req, res, routes) {
   return false;
 }
 
-// src/vite-plugin/themeFileApi.ts
+// vite-plugin/themeFileApi.ts
+import { fileURLToPath } from "url";
+var PKG_VERSION = (() => {
+  try {
+    let dir = path2.dirname(fileURLToPath(import.meta.url));
+    for (let i = 0; i < 4; i++) {
+      const p = path2.join(dir, "package.json");
+      if (fs2.existsSync(p)) {
+        const json = JSON.parse(fs2.readFileSync(p, "utf-8"));
+        if (json?.name === "@motion-proto/live-tokens") return json.version ?? "";
+      }
+      const up = path2.dirname(dir);
+      if (up === dir) break;
+      dir = up;
+    }
+  } catch {
+  }
+  return "";
+})();
 function themeFileApi(opts) {
   const THEMES_DIR = path2.resolve(opts.themesDir);
   const CSS_PATH = path2.resolve(opts.tokensCssPath);
   const FONTS_CSS_PATH = opts.fontsCssPath ? path2.resolve(opts.fontsCssPath) : path2.join(path2.dirname(CSS_PATH), "fonts.css");
   const API_BASE = opts.apiBase ?? "/api";
   const COMPONENT_CONFIGS_DIR = opts.componentConfigsDir ? path2.resolve(opts.componentConfigsDir) : path2.resolve("component-configs");
-  const COMPONENTS_SRC_DIR = opts.componentsSrcDir ? path2.resolve(opts.componentsSrcDir) : path2.resolve("src/components");
-  const PRESETS_DIR = opts.presetsDir ? path2.resolve(opts.presetsDir) : path2.resolve("presets");
+  const COMPONENTS_SRC_DIR = opts.componentsSrcDir ? path2.resolve(opts.componentsSrcDir) : path2.resolve("src/system/components");
+  const MANIFESTS_DIR = opts.manifestsDir ? path2.resolve(opts.manifestsDir) : path2.resolve("manifests");
+  const LEGACY_PRESETS_DIR = path2.resolve("presets");
   const themesResource = versionedFileResourceServer({
     dir: THEMES_DIR
   });
@@ -127,7 +146,7 @@ function themeFileApi(opts) {
     }
     return r;
   }
-  const presetsResource = versionedFileResourceServer({ dir: PRESETS_DIR });
+  const manifestsResource = versionedFileResourceServer({ dir: MANIFESTS_DIR });
   function ensureThemesDir() {
     themesResource.ensureDir();
     if (!fs2.existsSync(path2.join(THEMES_DIR, "default.json"))) {
@@ -323,25 +342,63 @@ ${newVars}
       r.ensureMeta();
     }
   }
-  function ensurePresetsDir() {
-    presetsResource.ensureDir();
-    const defaultPath = path2.join(PRESETS_DIR, "default.json");
+  function ensureManifestsDir() {
+    if (!fs2.existsSync(MANIFESTS_DIR) && fs2.existsSync(LEGACY_PRESETS_DIR)) {
+      fs2.renameSync(LEGACY_PRESETS_DIR, MANIFESTS_DIR);
+      const legacyProd = path2.join(MANIFESTS_DIR, "_production.json");
+      if (fs2.existsSync(legacyProd)) fs2.unlinkSync(legacyProd);
+    }
+    manifestsResource.ensureDir();
+    const defaultPath = path2.join(MANIFESTS_DIR, "default.json");
     if (!fs2.existsSync(defaultPath)) {
       const componentConfigs = {};
       for (const comp of listComponentNames()) {
         componentConfigs[comp] = componentResource(comp).getActiveName();
       }
       const now = (/* @__PURE__ */ new Date()).toISOString();
-      const defaultPreset = {
-        name: "Default Preset",
+      const defaultManifest = {
+        name: "Default",
         createdAt: now,
         updatedAt: now,
         theme: themesResource.getActiveName(),
         componentConfigs
       };
-      fs2.writeFileSync(defaultPath, JSON.stringify(defaultPreset, null, 2));
+      fs2.writeFileSync(defaultPath, JSON.stringify(defaultManifest, null, 2));
+    }
+    if (!fs2.existsSync(manifestsResource.activePath)) {
+      fs2.writeFileSync(
+        manifestsResource.activePath,
+        JSON.stringify({ activeFile: "default" })
+      );
+    } else {
+      const activeName = manifestsResource.getActiveName();
+      if (!fs2.existsSync(manifestsResource.filePath(activeName))) {
+        manifestsResource.setActiveName("default");
+      }
     }
-    presetsResource.ensureMeta();
+    const stragglerProd = path2.join(MANIFESTS_DIR, "_production.json");
+    if (fs2.existsSync(stragglerProd)) fs2.unlinkSync(stragglerProd);
+  }
+  function patchActiveManifest(field, comp, fileName) {
+    const activeFile = manifestsResource.getActiveName();
+    if (activeFile === "default") return false;
+    const manifestPath = manifestsResource.filePath(activeFile);
+    if (!fs2.existsSync(manifestPath)) return false;
+    let manifest;
+    try {
+      manifest = JSON.parse(fs2.readFileSync(manifestPath, "utf-8"));
+    } catch {
+      return false;
+    }
+    if (field === "theme") {
+      manifest.theme = fileName;
+    } else if (field === "component" && comp) {
+      manifest.componentConfigs = manifest.componentConfigs ?? {};
+      manifest.componentConfigs[comp] = fileName;
+    }
+    manifest.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+    fs2.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2));
+    return true;
   }
   function readComponentConfig(comp, name) {
     const filePath = componentResource(comp).filePath(name);
@@ -406,16 +463,15 @@ ${COMPONENT_OVERRIDES_END}
   const THEMES_ACTIVE_ROUTE = `${API_BASE}/themes/active`;
   const THEMES_PRODUCTION_ROUTE = `${API_BASE}/themes/production`;
   const COMPONENT_CONFIGS_ROUTE = `${API_BASE}/component-configs`;
-  const PRESETS_ROUTE = `${API_BASE}/presets`;
-  const PRESETS_ACTIVE_ROUTE = `${API_BASE}/presets/active`;
-  const PRESETS_PRODUCTION_ROUTE = `${API_BASE}/presets/production`;
+  const MANIFESTS_ROUTE = `${API_BASE}/manifests`;
+  const MANIFESTS_ACTIVE_ROUTE = `${API_BASE}/manifests/active`;
   const THEME_BY_NAME_REGEX = new RegExp(`^${escapedBase}/themes/([a-z0-9\\-_]+)$`);
   const COMP_LIST_REGEX = new RegExp(`^${escapedBase}/component-configs/([a-z0-9\\-_]+)$`);
   const COMP_ACTIVE_REGEX = new RegExp(`^${escapedBase}/component-configs/([a-z0-9\\-_]+)/active$`);
   const COMP_PRODUCTION_REGEX = new RegExp(`^${escapedBase}/component-configs/([a-z0-9\\-_]+)/production$`);
   const COMP_BY_NAME_REGEX = new RegExp(`^${escapedBase}/component-configs/([a-z0-9\\-_]+)/([a-z0-9\\-_]+)$`);
-  const PRESET_APPLY_REGEX = new RegExp(`^${escapedBase}/presets/([a-z0-9\\-_]+)/apply$`);
-  const PRESET_BY_NAME_REGEX = new RegExp(`^${escapedBase}/presets/([a-z0-9\\-_]+)$`);
+  const MANIFEST_APPLY_REGEX = new RegExp(`^${escapedBase}/manifests/([a-z0-9\\-_]+)/apply$`);
+  const MANIFEST_BY_NAME_REGEX = new RegExp(`^${escapedBase}/manifests/([a-z0-9\\-_]+)$`);
   async function handleListThemes(_ctx) {
     const activeFile = themesResource.getActiveName();
     const files = fs2.readdirSync(THEMES_DIR).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
@@ -474,10 +530,18 @@ ${COMPONENT_OVERRIDES_END}
       jsonResponse(res, 404, { error: "Theme not found" });
       return;
     }
+    if (manifestsResource.getActiveName() === "default") {
+      jsonResponse(res, 409, {
+        error: "Active manifest is protected. Save As first.",
+        code: "ACTIVE_IS_PROTECTED"
+      });
+      return;
+    }
     themesResource.setProductionName(fileName);
     syncTokensToCss(fileName);
     syncFontsToCss(fileName);
     syncComponentsToCss();
+    patchActiveManifest("theme", null, fileName);
     const data = JSON.parse(fs2.readFileSync(themesResource.filePath(fileName), "utf-8"));
     jsonResponse(res, 200, {
       ok: true,
@@ -524,6 +588,13 @@ ${COMPONENT_OVERRIDES_END}
         jsonResponse(res, 403, { error: "Cannot delete the default theme" });
         return;
       }
+      if (themesResource.getProductionName() === fileName) {
+        jsonResponse(res, 403, {
+          error: "Cannot delete the production theme. Adopt a different theme first.",
+          code: "PRODUCTION_THEME"
+        });
+        return;
+      }
       if (fs2.existsSync(filePath)) {
         fs2.unlinkSync(filePath);
         if (themesResource.getActiveName() === fileName) {
@@ -591,9 +662,17 @@ ${COMPONENT_OVERRIDES_END}
       jsonResponse(res, 404, { error: "Config not found" });
       return;
     }
+    if (manifestsResource.getActiveName() === "default") {
+      jsonResponse(res, 409, {
+        error: "Active manifest is protected. Save As first.",
+        code: "ACTIVE_IS_PROTECTED"
+      });
+      return;
+    }
     r.ensureDir();
     r.setProductionName(fileName);
     syncComponentsToCss();
+    patchActiveManifest("component", comp, fileName);
     const cfg = readComponentConfig(comp, fileName);
     jsonResponse(res, 200, {
       ok: true,
@@ -683,112 +762,46 @@ ${COMPONENT_OVERRIDES_END}
     });
     jsonResponse(res, 200, { component: comp, files, activeFile, productionFile });
   }
-  async function handleListPresets({ res }) {
-    const activeFile = presetsResource.getActiveName();
-    const files = fs2.readdirSync(PRESETS_DIR).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
-      const filePath = path2.join(PRESETS_DIR, f);
+  async function handleListManifests({ res }) {
+    const activeFile = manifestsResource.getActiveName();
+    const files = fs2.readdirSync(MANIFESTS_DIR).filter((f) => f.endsWith(".json") && !f.startsWith("_")).map((f) => {
+      const filePath = path2.join(MANIFESTS_DIR, f);
       const data = JSON.parse(fs2.readFileSync(filePath, "utf-8"));
       const fileName = f.replace(".json", "");
       return {
         name: data.name || fileName,
         fileName,
         updatedAt: data.updatedAt || "",
-        isActive: fileName === activeFile
+        isActive: fileName === activeFile,
+        isProtected: fileName === "default"
       };
     });
     jsonResponse(res, 200, { files, activeFile });
   }
-  async function handleGetActivePreset({ res }) {
-    const activeFile = presetsResource.getActiveName();
-    const filePath = presetsResource.filePath(activeFile);
+  async function handleGetActiveManifest({ res }) {
+    const activeFile = manifestsResource.getActiveName();
+    const filePath = manifestsResource.filePath(activeFile);
     if (!fs2.existsSync(filePath)) {
-      jsonResponse(res, 404, { error: "Active preset not found" });
+      jsonResponse(res, 404, { error: "Active manifest not found" });
       return;
     }
     const data = JSON.parse(fs2.readFileSync(filePath, "utf-8"));
     data._fileName = activeFile;
     jsonResponse(res, 200, data);
   }
-  async function handleSetActivePreset({ req, res }) {
+  async function handleSetActiveManifest({ req, res }) {
     const body = JSON.parse(await readBody(req));
     const fileName = sanitizeFileName(body.name || "default");
-    if (!fs2.existsSync(presetsResource.filePath(fileName))) {
-      jsonResponse(res, 404, { error: "Preset not found" });
+    if (!fs2.existsSync(manifestsResource.filePath(fileName))) {
+      jsonResponse(res, 404, { error: "Manifest not found" });
       return;
     }
-    presetsResource.setActiveName(fileName);
+    manifestsResource.setActiveName(fileName);
     jsonResponse(res, 200, { ok: true, activeFile: fileName });
   }
-  async function handleGetProductionPreset({ res }) {
-    const prodFile = presetsResource.getProductionName();
-    const filePath = presetsResource.filePath(prodFile);
-    if (!fs2.existsSync(filePath)) {
-      jsonResponse(res, 200, {
-        fileName: prodFile,
-        name: prodFile,
-        theme: "default",
-        componentConfigs: {},
-        updatedAt: ""
-      });
-      return;
-    }
-    const data = JSON.parse(fs2.readFileSync(filePath, "utf-8"));
-    jsonResponse(res, 200, {
-      fileName: prodFile,
-      name: data.name || prodFile,
-      theme: data.theme || "default",
-      componentConfigs: data.componentConfigs || {},
-      updatedAt: data.updatedAt || ""
-    });
-  }
-  async function handleSetProductionPreset({ req, res }) {
-    const body = JSON.parse(await readBody(req));
-    const fileName = sanitizeFileName(body.name || "default");
-    const presetPath = presetsResource.filePath(fileName);
-    if (!fs2.existsSync(presetPath)) {
-      jsonResponse(res, 404, { error: "Preset not found" });
-      return;
-    }
-    const preset = JSON.parse(fs2.readFileSync(presetPath, "utf-8"));
-    const themeName = sanitizeFileName(preset.theme || "default");
-    if (!fs2.existsSync(themesResource.filePath(themeName))) {
-      jsonResponse(res, 422, { error: `Preset references missing theme: ${themeName}` });
-      return;
-    }
-    const knownComponents = new Set(listComponentNames());
-    const componentConfigs = preset.componentConfigs ?? {};
-    const apply = [];
-    for (const [comp, configFile] of Object.entries(componentConfigs)) {
-      if (!knownComponents.has(comp)) continue;
-      const sanitized = sanitizeFileName(String(configFile) || "default");
-      if (!fs2.existsSync(componentResource(comp).filePath(sanitized))) {
-        jsonResponse(res, 422, {
-          error: `Preset references missing config: ${comp}/${sanitized}`
-        });
-        return;
-      }
-      apply.push([comp, sanitized]);
-    }
-    themesResource.setProductionName(themeName);
-    for (const [comp, configFile] of apply) {
-      componentResource(comp).setProductionName(configFile);
-    }
-    presetsResource.setProductionName(fileName);
-    syncTokensToCss(themeName);
-    syncFontsToCss(themeName);
-    syncComponentsToCss();
-    jsonResponse(res, 200, {
-      ok: true,
-      fileName,
-      name: preset.name || fileName,
-      theme: themeName,
-      componentConfigs: Object.fromEntries(apply),
-      updatedAt: preset.updatedAt || ""
-    });
-  }
-  async function handlePresetByName({ params, req, res }) {
+  async function handleManifestByName({ params, req, res }) {
     const [fileName] = params;
-    const filePath = presetsResource.filePath(fileName);
+    const filePath = manifestsResource.filePath(fileName);
     if (req.method === "GET") {
       if (!fs2.existsSync(filePath)) {
         jsonResponse(res, 404, { error: "Not found" });
@@ -801,7 +814,7 @@ ${COMPONENT_OVERRIDES_END}
     }
     if (req.method === "PUT") {
       if (fileName === "default") {
-        jsonResponse(res, 403, { error: "Cannot overwrite the default preset" });
+        jsonResponse(res, 403, { error: "Cannot overwrite the default manifest" });
         return;
       }
       const body = JSON.parse(await readBody(req));
@@ -820,35 +833,35 @@ ${COMPONENT_OVERRIDES_END}
     }
     if (req.method === "DELETE") {
       if (fileName === "default") {
-        jsonResponse(res, 403, { error: "Cannot delete the default preset" });
+        jsonResponse(res, 403, { error: "Cannot delete the default manifest" });
         return;
       }
       if (fs2.existsSync(filePath)) {
         fs2.unlinkSync(filePath);
-        if (presetsResource.getActiveName() === fileName) {
-          presetsResource.setActiveName("default");
+        if (manifestsResource.getActiveName() === fileName) {
+          manifestsResource.setActiveName("default");
         }
       }
       jsonResponse(res, 200, { ok: true });
       return;
     }
   }
-  async function handleApplyPreset({ params, res }) {
+  async function handleApplyManifest({ params, res }) {
     const [fileName] = params;
-    const presetPath = presetsResource.filePath(fileName);
-    if (!fs2.existsSync(presetPath)) {
-      jsonResponse(res, 404, { error: "Preset not found" });
+    const manifestPath = manifestsResource.filePath(fileName);
+    if (!fs2.existsSync(manifestPath)) {
+      jsonResponse(res, 404, { error: "Manifest not found" });
       return;
     }
-    const preset = JSON.parse(fs2.readFileSync(presetPath, "utf-8"));
-    const themeName = sanitizeFileName(preset.theme || "default");
+    const manifest = JSON.parse(fs2.readFileSync(manifestPath, "utf-8"));
+    const themeName = sanitizeFileName(manifest.theme || "default");
     const themePath = themesResource.filePath(themeName);
     if (!fs2.existsSync(themePath)) {
-      jsonResponse(res, 422, { error: `Preset references missing theme: ${themeName}` });
+      jsonResponse(res, 422, { error: `Manifest references missing theme: ${themeName}` });
       return;
     }
     const knownComponents = new Set(listComponentNames());
-    const componentConfigs = preset.componentConfigs ?? {};
+    const componentConfigs = manifest.componentConfigs ?? {};
     const resolvedConfigs = {};
     const apply = [];
     for (const [comp, configFile] of Object.entries(componentConfigs)) {
@@ -858,7 +871,7 @@ ${COMPONENT_OVERRIDES_END}
       const cfgPath = r.filePath(sanitized);
       if (!fs2.existsSync(cfgPath)) {
         jsonResponse(res, 422, {
-          error: `Preset references missing config: ${comp}/${sanitized}`
+          error: `Manifest references missing config: ${comp}/${sanitized}`
         });
         return;
       }
@@ -879,10 +892,10 @@ ${COMPONENT_OVERRIDES_END}
       const cfg = readComponentConfig(comp, activeName);
       if (cfg) resolvedConfigs[comp] = { ...cfg, _fileName: activeName };
     }
-    presetsResource.setActiveName(fileName);
+    manifestsResource.setActiveName(fileName);
     jsonResponse(res, 200, {
       ok: true,
-      preset: { ...preset, _fileName: fileName },
+      manifest: { ...manifest, _fileName: fileName },
       theme: themeData,
       componentConfigs: resolvedConfigs
     });
@@ -920,35 +933,34 @@ ${COMPONENT_OVERRIDES_END}
     { method: "GET", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     { method: "PUT", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     { method: "DELETE", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
-    // Presets — list / active / production are exact strings, must run before regexes
-    { method: "GET", pattern: PRESETS_ROUTE, handler: handleListPresets },
-    { method: "GET", pattern: PRESETS_ACTIVE_ROUTE, handler: handleGetActivePreset },
-    { method: "PUT", pattern: PRESETS_ACTIVE_ROUTE, handler: handleSetActivePreset },
-    { method: "GET", pattern: PRESETS_PRODUCTION_ROUTE, handler: handleGetProductionPreset },
-    { method: "PUT", pattern: PRESETS_PRODUCTION_ROUTE, handler: handleSetProductionPreset },
-    // Presets — :name/apply (more specific than :name)
-    { method: "PUT", pattern: PRESET_APPLY_REGEX, handler: handleApplyPreset },
-    { method: "POST", pattern: PRESET_APPLY_REGEX, handler: methodNotAllowed },
-    { method: "GET", pattern: PRESET_APPLY_REGEX, handler: methodNotAllowed },
-    { method: "DELETE", pattern: PRESET_APPLY_REGEX, handler: methodNotAllowed },
-    // Presets — :name CRUD (broadest preset route, runs last)
-    { method: "GET", pattern: PRESET_BY_NAME_REGEX, handler: handlePresetByName },
-    { method: "PUT", pattern: PRESET_BY_NAME_REGEX, handler: handlePresetByName },
-    { method: "DELETE", pattern: PRESET_BY_NAME_REGEX, handler: handlePresetByName }
+    // Manifests — list / active are exact strings, must run before regexes
+    { method: "GET", pattern: MANIFESTS_ROUTE, handler: handleListManifests },
+    { method: "GET", pattern: MANIFESTS_ACTIVE_ROUTE, handler: handleGetActiveManifest },
+    { method: "PUT", pattern: MANIFESTS_ACTIVE_ROUTE, handler: handleSetActiveManifest },
+    // Manifests — :name/apply (more specific than :name)
+    { method: "PUT", pattern: MANIFEST_APPLY_REGEX, handler: handleApplyManifest },
+    { method: "POST", pattern: MANIFEST_APPLY_REGEX, handler: methodNotAllowed },
+    { method: "GET", pattern: MANIFEST_APPLY_REGEX, handler: methodNotAllowed },
+    { method: "DELETE", pattern: MANIFEST_APPLY_REGEX, handler: methodNotAllowed },
+    // Manifests — :name CRUD (broadest manifest route, runs last)
+    { method: "GET", pattern: MANIFEST_BY_NAME_REGEX, handler: handleManifestByName },
+    { method: "PUT", pattern: MANIFEST_BY_NAME_REGEX, handler: handleManifestByName },
+    { method: "DELETE", pattern: MANIFEST_BY_NAME_REGEX, handler: handleManifestByName }
   ];
   return {
     name: "theme-file-api",
     config() {
       return {
         define: {
-          __PROJECT_ROOT__: JSON.stringify(process.cwd())
+          __PROJECT_ROOT__: JSON.stringify(process.cwd()),
+          __APP_VERSION__: JSON.stringify(PKG_VERSION)
         }
       };
     },
     configureServer(server) {
       ensureThemesDir();
       ensureComponentConfigsDir();
-      ensurePresetsDir();
+      ensureManifestsDir();
       server.middlewares.use(async (req, res, next) => {
         const handled = await dispatch(req, res, routes);
         if (!handled) next();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motion-proto/live-tokens",
-  "version": "0.6.1",
+  "version": "0.7.1",
   "type": "module",
   "description": "Design token editor with live CSS variable editing. Svelte 5 + Vite 6/7.",
   "keywords": [
@@ -19,24 +19,9 @@
   "homepage": "https://github.com/motionproto/live-tokens",
   "bugs": "https://github.com/motionproto/live-tokens/issues",
   "files": [
-    "src/lib",
-    "src/ui",
-    "src/component-editor",
-    "src/components",
-    "src/pages/Editor.svelte",
-    "src/pages/Editor.svelte.d.ts",
-    "src/pages/EditorShell.svelte",
-    "src/pages/ComponentEditorPage.svelte",
-    "src/pages/ComponentEditorPage.svelte.d.ts",
-    "src/styles/ui-editor.css",
-    "src/styles/ui-form-controls.css",
-    "src/styles/fonts.css",
-    "src/styles/fonts",
-    "src/styles/_padding.scss",
-    "src/styles/tokens.css",
-    "src/styles/site.css",
-    "src/data",
-    "src/assets",
+    "src/editor",
+    "src/system",
+    "src/app/site.css",
     "dist-plugin",
     "!**/*.test.ts",
     "!**/*.spec.ts",
@@ -44,43 +29,43 @@
   ],
   "exports": {
     ".": {
-      "svelte": "./src/lib/index.ts",
-      "types": "./src/lib/index.ts",
-      "default": "./src/lib/index.ts"
+      "svelte": "./src/editor/index.ts",
+      "types": "./src/editor/index.ts",
+      "default": "./src/editor/index.ts"
     },
     "./component-editor": {
-      "svelte": "./src/component-editor/index.ts",
-      "types": "./src/component-editor/index.ts",
-      "default": "./src/component-editor/index.ts"
+      "svelte": "./src/editor/component-editor/index.ts",
+      "types": "./src/editor/component-editor/index.ts",
+      "default": "./src/editor/component-editor/index.ts"
     },
     "./ui": {
-      "svelte": "./src/ui/index.ts",
-      "types": "./src/ui/index.ts",
-      "default": "./src/ui/index.ts"
+      "svelte": "./src/editor/ui/index.ts",
+      "types": "./src/editor/ui/index.ts",
+      "default": "./src/editor/ui/index.ts"
     },
     "./editor": {
-      "types": "./src/pages/Editor.svelte.d.ts",
-      "svelte": "./src/pages/Editor.svelte",
-      "default": "./src/pages/Editor.svelte"
+      "types": "./src/editor/pages/Editor.svelte.d.ts",
+      "svelte": "./src/editor/pages/Editor.svelte",
+      "default": "./src/editor/pages/Editor.svelte"
     },
     "./component-editor-page": {
-      "types": "./src/pages/ComponentEditorPage.svelte.d.ts",
-      "svelte": "./src/pages/ComponentEditorPage.svelte",
-      "default": "./src/pages/ComponentEditorPage.svelte"
+      "types": "./src/editor/pages/ComponentEditorPage.svelte.d.ts",
+      "svelte": "./src/editor/pages/ComponentEditorPage.svelte",
+      "default": "./src/editor/pages/ComponentEditorPage.svelte"
     },
     "./components/*": {
-      "svelte": "./src/components/*",
-      "default": "./src/components/*"
+      "svelte": "./src/system/components/*",
+      "default": "./src/system/components/*"
     },
     "./vite-plugin": {
       "types": "./dist-plugin/index.d.ts",
       "import": "./dist-plugin/index.js",
       "require": "./dist-plugin/index.cjs"
     },
-    "./styles/ui-editor.css": "./src/styles/ui-editor.css",
-    "./starter/tokens.css": "./src/styles/tokens.css",
-    "./starter/site.css": "./src/styles/site.css",
-    "./starter/fonts.css": "./src/styles/fonts.css"
+    "./styles/ui-editor.css": "./src/editor/styles/ui-editor.css",
+    "./app/tokens.css": "./src/system/styles/tokens.css",
+    "./app/site.css": "./src/app/site.css",
+    "./app/fonts.css": "./src/system/styles/fonts.css"
   },
   "scripts": {
     "dev": "vite",
@@ -89,7 +74,7 @@
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "test": "vitest run",
     "test:watch": "vitest",
-    "build:plugin": "tsup src/vite-plugin/index.ts --out-dir dist-plugin --format esm,cjs --dts --external vite --platform node --clean",
+    "build:plugin": "tsup",
     "build:lib": "npm run build:plugin",
     "deploy:local": "bash scripts/deploy-local.sh",
     "check:no-style-imports": "node scripts/check-no-style-imports.mjs",