@promakeai/cli 0.7.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promakeai/cli",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "type": "module",
   "bin": {
     "promake": "dist/index.js"

package/template/src/App.tsx

@@ -1,5 +1,6 @@
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { GoogleAnalytics } from "@/components/GoogleAnalytics";
+import { MetriaAnalytics } from "@/components/MetriaAnalytics";
 import { ScriptInjector } from "@/components/ScriptInjector";
 import { AppDbProvider } from "@/db";
 import { Router } from "./router";
@@ -9,6 +10,7 @@ const App = () => {
     <AppDbProvider>
       <TooltipProvider>
         <GoogleAnalytics />
+        <MetriaAnalytics />
         <ScriptInjector />
         <Router />
       </TooltipProvider>

package/template/src/components/MetriaAnalytics.tsx

@@ -0,0 +1,64 @@
+import { useEffect, useRef } from 'react';
+const DEFAULT_TRACKER_SCRIPT_URL =
+  'https://cdn.jsdelivr.net/npm/@litemetrics/tracker@latest/dist/litemetrics.global.js';
+
+function pickFirstNonEmpty(...values: Array<string | undefined>): string | undefined {
+  return values.find((value) => typeof value === 'string' && value.trim().length > 0);
+}
+
+export const analyticsConfig = {
+  siteId: pickFirstNonEmpty(import.meta.env.VITE_LITEMETRICS_SITE_ID, import.meta.env.VITE_METRIA_SITE_ID),
+  serverUrl: pickFirstNonEmpty(import.meta.env.VITE_LITEMETRICS_SERVER_URL, import.meta.env.VITE_METRIA_SERVER_URL),
+  trackerScriptUrl: pickFirstNonEmpty(import.meta.env.VITE_LITEMETRICS_SCRIPT_URL) ?? DEFAULT_TRACKER_SCRIPT_URL,
+};
+
+export const isAnalyticsEnabled = Boolean(analyticsConfig.siteId && analyticsConfig.serverUrl);
+
+type TrackerGlobal = {
+  createTracker: (config: { siteId: string; endpoint: string }) => void;
+};
+
+declare global {
+  interface Window {
+    Litemetrics?: TrackerGlobal;
+  }
+}
+
+function stripTrailingSlashes(value: string): string {
+  return value.replace(/\/+$/, '');
+}
+
+export function MetriaAnalytics() {
+  const injected = useRef(false);
+
+  useEffect(() => {
+    if (!isAnalyticsEnabled || !analyticsConfig.siteId || !analyticsConfig.serverUrl || injected.current) {
+      return;
+    }
+    if (document.querySelector('[data-injected="litemetrics-tracker"]')) return;
+
+    injected.current = true;
+
+    const normalizedServerUrl = stripTrailingSlashes(analyticsConfig.serverUrl);
+    const script = document.createElement('script');
+    script.async = true;
+    script.src = analyticsConfig.trackerScriptUrl;
+    script.setAttribute('data-injected', 'litemetrics-tracker');
+    script.onload = () => {
+      if (document.querySelector('[data-injected="litemetrics-init"]')) return;
+
+      window.Litemetrics?.createTracker({
+        siteId: analyticsConfig.siteId!,
+        endpoint: `${normalizedServerUrl}/api/collect`,
+      });
+
+      const marker = document.createElement('meta');
+      marker.setAttribute('data-injected', 'litemetrics-init');
+      document.head.appendChild(marker);
+    };
+
+    document.head.appendChild(script);
+  }, []);
+
+  return null;
+}

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 }) => ({
       },
     },
   },
-}));
+});
+});