@salla.sa/twilight-theme-engine 1.0.0-beta.9 → 1.0.0

package/dist/vite/index.js

@@ -1,8 +1,8 @@
-import { tanstackHeadAdapter } from '../chunk-5DZ7HLSO.js';
+import { tanstackHeadAdapter } from '../chunk-6Q5BFHFA.js';
 import { nextjsHeadAdapter } from '../chunk-HOSHJBPS.js';
 import { setHeadAdapter } from '../chunk-B3EFOE57.js';
 import { RouteId } from '../chunk-MTONGOJD.js';
-import '../chunk-W4CSWDEH.js';
+import '../chunk-KIPZQN3Y.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DGUM43GV.js';
 import { readdir, readFile } from 'fs/promises';
@@ -119,6 +119,174 @@ ${entries.join(",\n")}
   };
 }
 
+// src/vite/plugins/twilight-schema.ts
+var TEXTUAL_FORMATS = /* @__PURE__ */ new Set(["text", "textarea", "image", "icon", "line"]);
+function labelOf(entry, fallback) {
+  return typeof entry.label === "string" && entry.label.trim() ? entry.label : fallback;
+}
+function titleOf(component) {
+  const t = component.title;
+  const fallback = component.path ?? component.key ?? "component";
+  if (t && typeof t === "object") {
+    const obj = t;
+    const en = typeof obj.en === "string" ? obj.en : void 0;
+    const ar = typeof obj.ar === "string" ? obj.ar : void 0;
+    return en || ar || fallback;
+  }
+  return typeof t === "string" && t ? t : fallback;
+}
+function toOptions(raw) {
+  if (!Array.isArray(raw)) return void 0;
+  const opts = raw.map((o) => {
+    const obj = o ?? {};
+    const value = obj.value ?? obj.key ?? "";
+    const label = obj.label ?? obj.value ?? obj.key ?? "";
+    return { label: String(label), value: String(value) };
+  }).filter((o) => o.value !== "");
+  return opts.length ? opts : void 0;
+}
+function firstScalar(v) {
+  if (Array.isArray(v)) {
+    const first = v[0];
+    if (first && typeof first === "object") {
+      const obj = first;
+      return obj.value ?? obj.key ?? void 0;
+    }
+    return first;
+  }
+  return v;
+}
+function classify(entry) {
+  const id = typeof entry.id === "string" ? entry.id : "";
+  if (!id) return null;
+  const { type, format } = entry;
+  const label = labelOf(entry, id);
+  if (type === "static") return null;
+  if (type === "boolean") {
+    return {
+      id,
+      label,
+      kind: "toggle",
+      default: typeof entry.value === "boolean" ? entry.value : false
+    };
+  }
+  if (type === "items" && format === "dropdown-list") {
+    const options = toOptions(entry.options);
+    if (!options) {
+      return {
+        id,
+        label,
+        kind: "readonly",
+        default: null,
+        note: `remote (${entry.source ?? "dynamic"})`
+      };
+    }
+    const fallback = options[0]?.value;
+    const def = firstScalar(entry.value) ?? firstScalar(entry.selected) ?? fallback;
+    return { id, label, kind: "select", default: def ?? "", options };
+  }
+  if (type === "string" && typeof format === "string" && TEXTUAL_FORMATS.has(format)) {
+    return { id, label, kind: "text", default: typeof entry.value === "string" ? entry.value : "" };
+  }
+  return {
+    id,
+    label,
+    kind: "readonly",
+    default: null,
+    note: `${type ?? "unknown"}/${format ?? "?"}`
+  };
+}
+function defaultsFor(fields) {
+  const out = {};
+  for (const f of fields) {
+    if (f.kind !== "readonly") out[f.id] = f.default;
+  }
+  return out;
+}
+function buildTwilightSchema(raw) {
+  const root = raw ?? {};
+  const settingsRaw = Array.isArray(root.settings) ? root.settings : [];
+  const settings = [];
+  for (const s of settingsRaw) {
+    const field = classify(s);
+    if (field) settings.push(field);
+  }
+  const componentsRaw = Array.isArray(root.components) ? root.components : [];
+  const components = [];
+  const componentDefaults = {};
+  for (const c of componentsRaw) {
+    const path = typeof c.path === "string" && c.path || typeof c.key === "string" && c.key || "";
+    if (!path) continue;
+    const fieldsRaw = Array.isArray(c.fields) ? c.fields : [];
+    const fields = [];
+    for (const fr of fieldsRaw) {
+      const field = classify(fr);
+      if (field) fields.push(field);
+    }
+    components.push({ path, title: titleOf(c), fields });
+    componentDefaults[path] = defaultsFor(fields);
+  }
+  return {
+    settings,
+    components,
+    settingsDefaults: defaultsFor(settings),
+    componentDefaults
+  };
+}
+
+// src/dev/schema-types.ts
+var EMPTY_DEV_SCHEMA = {
+  settings: [],
+  components: [],
+  settingsDefaults: {},
+  componentDefaults: {}
+};
+
+// src/vite/plugins/twilight-schema.plugin.ts
+var VIRTUAL_ID2 = "virtual:twilight/schema";
+var RESOLVED_ID2 = "\0" + VIRTUAL_ID2;
+var EMPTY_MODULE = `export default ${JSON.stringify(EMPTY_DEV_SCHEMA)};`;
+function twilightSchemaPlugin(twilightJsonPath = "twilight.json") {
+  let filePath;
+  let isDevServer = false;
+  return {
+    name: "twilight:schema",
+    configResolved(config) {
+      isDevServer = config.command === "serve";
+      filePath = resolve(config.root, twilightJsonPath);
+    },
+    resolveId(id) {
+      if (id === VIRTUAL_ID2) return RESOLVED_ID2;
+    },
+    async load(id) {
+      if (id !== RESOLVED_ID2) return;
+      if (!isDevServer || !filePath) return EMPTY_MODULE;
+      try {
+        const raw = JSON.parse(await readFile(filePath, "utf-8"));
+        const schema = buildTwilightSchema(raw);
+        return `export default ${JSON.stringify(schema)};`;
+      } catch {
+        return EMPTY_MODULE;
+      }
+    },
+    configureServer(server) {
+      if (!filePath) return;
+      const target = filePath;
+      server.watcher.add(target);
+      const invalidate = (file) => {
+        if (file !== target) return;
+        const mod = server.moduleGraph.getModuleById(RESOLVED_ID2);
+        if (mod) {
+          server.moduleGraph.invalidateModule(mod);
+          server.ws.send({ type: "full-reload" });
+        }
+      };
+      server.watcher.on("change", invalidate);
+      server.watcher.on("add", invalidate);
+    }
+  };
+}
+
 // src/vite/plugins/best-practices/rules/no-deep-component-import.ts
 var COMPONENT_FOLDERS = [
   "common",
@@ -913,7 +1081,7 @@ function pkgPattern(subpath) {
   return new RegExp(`^${ESCAPED_PKG}${subpath ? "/" + subpath : ""}$`);
 }
 var ALIASES = !engineSrc ? [] : [
-  { find: pkgPattern("i18n"), replacement: `${engineSrc}/providers/i18n.ts` },
+  { find: pkgPattern("i18n"), replacement: `${engineSrc}/providers/I18nProvider.tsx` },
   { find: pkgPattern("hooks"), replacement: `${engineSrc}/hooks/index.ts` },
   {
     find: pkgPattern("hooks/useAsyncFn"),
@@ -2086,7 +2254,8 @@ var tanstackAdapter = {
     const {
       srcDirectory = "app",
       baseRoutesImport = "@salla.sa/twilight-theme-engine/routes",
-      localesDir
+      localesDir,
+      twilightJson = "twilight.json"
     } = options;
     const projectRoot = process.cwd();
     const allRoutes = tanstackAdapter.generateRouteFiles({ projectRoot, baseRoutesImport });
@@ -2158,6 +2327,7 @@ var tanstackAdapter = {
       routeGeneratorPlugin,
       webHydrationPlugin(),
       themeTranslationsPlugin(localesDir),
+      twilightSchemaPlugin(twilightJson),
       bestPracticesPlugin()
     ];
   }