@salla.sa/twilight-theme-engine 1.0.1 → 1.0.3

package/dist/vite/index.js

@@ -5,7 +5,7 @@ import { RouteId } from '../chunk-MTONGOJD.js';
 import '../chunk-KIPZQN3Y.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DGUM43GV.js';
-import { readdir, readFile } from 'fs/promises';
+import { readFile, readdir } from 'fs/promises';
 import { dirname, relative, resolve, join, basename, sep } from 'path';
 import { parseSync } from 'oxc-parser';
 import { existsSync, mkdirSync, writeFileSync, readFileSync, statSync } from 'fs';
@@ -234,6 +234,28 @@ function buildTwilightSchema(raw) {
   };
 }
 
+// src/vite/plugins/twilight-manifest.ts
+var REACT_THEME_TYPE = "react";
+function getThemeType(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const { type } = raw;
+  return typeof type === "string" && type.trim() ? type : void 0;
+}
+function isReactThemeManifest(raw) {
+  return getThemeType(raw) === REACT_THEME_TYPE;
+}
+function describeThemeTypeIssue(raw, fileLabel = "twilight.json") {
+  const type = getThemeType(raw);
+  if (type === REACT_THEME_TYPE) return null;
+  if (!type) {
+    return `${fileLabel} has no "type": "${REACT_THEME_TYPE}" \u2014 the Salla CLI treats a manifest without it as a twig theme, so \`salla theme dev\` and publishing will take the wrong path. Add "type": "${REACT_THEME_TYPE}" as the first key.`;
+  }
+  if (type.trim() === REACT_THEME_TYPE) {
+    return `${fileLabel} declares "type": ${JSON.stringify(type)} \u2014 the Salla CLI compares this value exactly, so the surrounding whitespace still routes the theme to the twig path. Use "type": "${REACT_THEME_TYPE}".`;
+  }
+  return `${fileLabel} declares "type": "${type}", but this theme is built with the React theme engine. Change it to "${REACT_THEME_TYPE}" so the Salla CLI routes it correctly.`;
+}
+
 // src/dev/schema-types.ts
 var EMPTY_DEV_SCHEMA = {
   settings: [],
@@ -246,15 +268,36 @@ var EMPTY_DEV_SCHEMA = {
 var VIRTUAL_ID2 = "virtual:twilight/schema";
 var RESOLVED_ID2 = "\0" + VIRTUAL_ID2;
 var EMPTY_MODULE = `export default ${JSON.stringify(EMPTY_DEV_SCHEMA)};`;
+var LOG_PREFIX = "[twilight-react:schema]";
 function twilightSchemaPlugin(twilightJsonPath = "twilight.json") {
   let filePath;
   let isDevServer = false;
+  async function checkManifest() {
+    if (!isDevServer || !filePath) return;
+    let raw;
+    try {
+      raw = await readFile(filePath, "utf-8");
+    } catch {
+      return;
+    }
+    try {
+      const issue = describeThemeTypeIssue(JSON.parse(raw), twilightJsonPath);
+      if (issue) console.warn(`${LOG_PREFIX} ${issue}`);
+    } catch {
+      console.warn(
+        `${LOG_PREFIX} ${twilightJsonPath} is not valid JSON \u2014 theme settings and the dev widget will be empty.`
+      );
+    }
+  }
   return {
     name: "twilight:schema",
     configResolved(config) {
       isDevServer = config.command === "serve";
       filePath = resolve(config.root, twilightJsonPath);
     },
+    buildStart() {
+      return checkManifest();
+    },
     resolveId(id) {
       if (id === VIRTUAL_ID2) return RESOLVED_ID2;
     },
@@ -275,6 +318,7 @@ function twilightSchemaPlugin(twilightJsonPath = "twilight.json") {
       server.watcher.add(target);
       const invalidate = (file) => {
         if (file !== target) return;
+        void checkManifest();
         const mod = server.moduleGraph.getModuleById(RESOLVED_ID2);
         if (mod) {
           server.moduleGraph.invalidateModule(mod);
@@ -2366,6 +2410,6 @@ async function twilightReact(options = {}) {
 }
 var twilight_react_default = twilightReact;
 
-export { bestPracticesPlugin, twilight_react_default as default, getFrameworkAdapter, nextjsAdapter as nextjs, tanstackAdapter as tanstack, twilightReact };
+export { REACT_THEME_TYPE, bestPracticesPlugin, twilight_react_default as default, describeThemeTypeIssue, getFrameworkAdapter, getThemeType, isReactThemeManifest, nextjsAdapter as nextjs, tanstackAdapter as tanstack, twilightReact };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map