@promakeai/cli 0.7.1 → 0.8.1

package/template/src/hooks/use-page-title.ts

@@ -1,49 +1,49 @@
-import { useEffect } from "react";
-import constants from "@/constants/constants.json";
-interface UsePageTitleOptions {
-  title?: string;
-  description?: string;
-  appendSiteName?: boolean;
-}
-
-export const usePageTitle = (options: UsePageTitleOptions = {}) => {
-  useEffect(() => {
-    if (!constants) return;
-
-    const { title, description, appendSiteName = true } = options;
-
-    // Set page title
-    let pageTitle = title || constants.site.name;
-    if (title && appendSiteName) {
-      pageTitle = `${title} | ${constants.site.name}`;
-    }
-    document.title = pageTitle;
-
-    // Set meta description
-    const metaDescription = description || constants.site.description;
-    let descriptionElement = document.querySelector('meta[name="description"]');
-
-    if (!descriptionElement) {
-      descriptionElement = document.createElement("meta");
-      descriptionElement.setAttribute("name", "description");
-      document.head.appendChild(descriptionElement);
-    }
-
-    descriptionElement.setAttribute("content", metaDescription);
-
-    // Set favicon if provided
-    if (constants.site.favicon) {
-      const faviconElement = document.querySelector(
-        "#favicon",
-      ) as HTMLLinkElement;
-      if (faviconElement) {
-        faviconElement.href = constants.site.favicon;
-      }
-    }
-  }, [options]);
-
-  return {
-    siteName: constants?.site?.name || "",
-    siteDescription: constants?.site?.description || "",
-  };
-};
+import { useEffect } from "react";
+import constants from "@/constants/constants.json";
+interface UsePageTitleOptions {
+  title?: string;
+  description?: string;
+  appendSiteName?: boolean;
+}
+
+export const usePageTitle = (options: UsePageTitleOptions = {}) => {
+  useEffect(() => {
+    if (!constants) return;
+
+    const { title, description, appendSiteName = true } = options;
+
+    // Set page title
+    let pageTitle = title || constants.site.name;
+    if (title && appendSiteName) {
+      pageTitle = `${title} | ${constants.site.name}`;
+    }
+    document.title = pageTitle;
+
+    // Set meta description
+    const metaDescription = description || constants.site.description;
+    let descriptionElement = document.querySelector('meta[name="description"]');
+
+    if (!descriptionElement) {
+      descriptionElement = document.createElement("meta");
+      descriptionElement.setAttribute("name", "description");
+      document.head.appendChild(descriptionElement);
+    }
+
+    descriptionElement.setAttribute("content", metaDescription);
+
+    // Set favicon if provided
+    if (constants.site.favicon) {
+      const faviconElement = document.querySelector(
+        "#favicon",
+      ) as HTMLLinkElement;
+      if (faviconElement) {
+        faviconElement.href = constants.site.favicon;
+      }
+    }
+  }, [options]);
+
+  return {
+    siteName: constants?.site?.name || "",
+    siteDescription: constants?.site?.description || "",
+  };
+};

package/template/vite.config.ts

@@ -1,8 +1,10 @@
 import path from "path";
+import { execSync } from "child_process";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
-import { defineConfig, type Plugin } from "vite";
+import { defineConfig, loadEnv, type Plugin } from "vite";
 import { inspectorDebugger } from "@promakeai/inspector/plugin";
+import type { IncomingMessage } from "http";
 
 // Plugin: Restart dev server when lang files are added or changed
 function langWatchPlugin(): Plugin {
@@ -28,14 +30,88 @@ function langWatchPlugin(): Plugin {
   };
 }
 
+// Helper: Read request body
+function readBody(req: IncomingMessage): Promise<string> {
+  return new Promise((resolve) => {
+    let data = "";
+    req.on("data", (chunk: string) => (data += chunk));
+    req.on("end", () => resolve(data));
+  });
+}
+
+// Plugin: Expose API for running promake commands from the panel
+function promakeApiPlugin(secret?: string): Plugin {
+  const ALLOWED_COMMANDS = ["seo", "theme"];
+  const ALLOWED_ORIGINS = [
+    "https://promake.ai",
+    "https://www.promake.ai",
+  ];
+  const BASE_PATH = secret ? `/__promake/${secret}` : "/__promake";
+
+  return {
+    name: "promake-api",
+    configureServer(server) {
+      server.middlewares.use(`${BASE_PATH}/run`, async (req, res) => {
+        const origin = req.headers.origin || "";
+        const allowedOrigin = ALLOWED_ORIGINS.includes(origin) ? origin : ALLOWED_ORIGINS[0];
+        res.setHeader("Access-Control-Allow-Origin", allowedOrigin);
+        res.setHeader("Access-Control-Allow-Methods", "POST, OPTIONS");
+        res.setHeader("Access-Control-Allow-Headers", "Content-Type");
+
+        if (req.method === "OPTIONS") {
+          res.statusCode = 204;
+          res.end();
+          return;
+        }
+
+        if (req.method !== "POST") {
+          res.statusCode = 405;
+          res.end();
+          return;
+        }
+
+        try {
+          const body = await readBody(req);
+          const { command, args = [] } = JSON.parse(body);
+
+          if (!ALLOWED_COMMANDS.includes(command)) {
+            res.statusCode = 400;
+            res.setHeader("Content-Type", "application/json");
+            res.end(JSON.stringify({ error: `Command not allowed: ${command}` }));
+            return;
+          }
+
+          const safeArgs = args.map((a: string) => `'${a.replace(/'/g, "'\\''")}'`).join(" ");
+          const output = execSync(`promake ${command} ${safeArgs}`, {
+            cwd: process.cwd(),
+            encoding: "utf-8",
+            timeout: 15000,
+          });
+
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({ ok: true, output }));
+        } catch (e: any) {
+          res.statusCode = 500;
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify({ ok: false, error: e.message }));
+        }
+      });
+    },
+  };
+}
+
 // https://vite.dev/config/
-export default defineConfig(({ mode }) => ({
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), "PROMAKE_");
+
+  return ({
   cacheDir: '/tmp/.vite-cache',
   plugins: [
     inspectorDebugger({ enabled: mode === "development" }),
     react(),
     tailwindcss(),
     mode === "development" && langWatchPlugin(),
+    mode === "development" && promakeApiPlugin(env.PROMAKE_SECRET),
   ].filter(Boolean),
   resolve: {
     alias: {
@@ -66,4 +142,5 @@ export default defineConfig(({ mode }) => ({
       },
     },
   },
-}));
+});
+});