@promakeai/cli 0.6.3 → 0.7.1

package/template/src/components/ScriptInjector.tsx

@@ -1,62 +1,62 @@
-import { useEffect, useRef } from "react";
-import constants from "@/constants/constants.json";
-
-function injectScript(html: string, target: "head" | "body", position: "start" | "end", marker: string) {
-  if (!html) return;
-
-  // Check if already injected
-  if (document.querySelector(`[data-injected="${marker}"]`)) return;
-
-  const container = document.createElement("div");
-  container.innerHTML = html;
-
-  const targetElement = target === "head" ? document.head : document.body;
-
-  // Create wrapper with marker
-  const wrapper = document.createDocumentFragment();
-
-  Array.from(container.childNodes).forEach((node) => {
-    if (node.nodeName === "SCRIPT") {
-      // Recreate script for execution
-      const script = node as HTMLScriptElement;
-      const newScript = document.createElement("script");
-      newScript.setAttribute("data-injected", marker);
-      Array.from(script.attributes).forEach((attr) => {
-        newScript.setAttribute(attr.name, attr.value);
-      });
-      if (script.innerHTML) {
-        newScript.innerHTML = script.innerHTML;
-      }
-      wrapper.appendChild(newScript);
-    } else {
-      const clone = node.cloneNode(true) as HTMLElement;
-      if (clone.setAttribute) {
-        clone.setAttribute("data-injected", marker);
-      }
-      wrapper.appendChild(clone);
-    }
-  });
-
-  if (position === "start") {
-    targetElement.insertBefore(wrapper, targetElement.firstChild);
-  } else {
-    targetElement.appendChild(wrapper);
-  }
-}
-
-export function ScriptInjector() {
-  const injected = useRef(false);
-  const { headStart, headEnd, bodyStart, bodyEnd } = constants.scripts;
-
-  useEffect(() => {
-    if (injected.current) return;
-    injected.current = true;
-
-    injectScript(headStart, "head", "start", "head-start");
-    injectScript(headEnd, "head", "end", "head-end");
-    injectScript(bodyStart, "body", "start", "body-start");
-    injectScript(bodyEnd, "body", "end", "body-end");
-  }, []);
-
-  return null;
-}
+import { useEffect, useRef } from "react";
+import constants from "@/constants/constants.json";
+
+function injectScript(html: string, target: "head" | "body", position: "start" | "end", marker: string) {
+  if (!html) return;
+
+  // Check if already injected
+  if (document.querySelector(`[data-injected="${marker}"]`)) return;
+
+  const container = document.createElement("div");
+  container.innerHTML = html;
+
+  const targetElement = target === "head" ? document.head : document.body;
+
+  // Create wrapper with marker
+  const wrapper = document.createDocumentFragment();
+
+  Array.from(container.childNodes).forEach((node) => {
+    if (node.nodeName === "SCRIPT") {
+      // Recreate script for execution
+      const script = node as HTMLScriptElement;
+      const newScript = document.createElement("script");
+      newScript.setAttribute("data-injected", marker);
+      Array.from(script.attributes).forEach((attr) => {
+        newScript.setAttribute(attr.name, attr.value);
+      });
+      if (script.innerHTML) {
+        newScript.innerHTML = script.innerHTML;
+      }
+      wrapper.appendChild(newScript);
+    } else {
+      const clone = node.cloneNode(true) as HTMLElement;
+      if (clone.setAttribute) {
+        clone.setAttribute("data-injected", marker);
+      }
+      wrapper.appendChild(clone);
+    }
+  });
+
+  if (position === "start") {
+    targetElement.insertBefore(wrapper, targetElement.firstChild);
+  } else {
+    targetElement.appendChild(wrapper);
+  }
+}
+
+export function ScriptInjector() {
+  const injected = useRef(false);
+  const { headStart, headEnd, bodyStart, bodyEnd } = constants.scripts;
+
+  useEffect(() => {
+    if (injected.current) return;
+    injected.current = true;
+
+    injectScript(headStart, "head", "start", "head-start");
+    injectScript(headEnd, "head", "end", "head-end");
+    injectScript(bodyStart, "body", "start", "body-start");
+    injectScript(bodyEnd, "body", "end", "body-end");
+  }, []);
+
+  return null;
+}

package/template/src/components/Stack.tsx

@@ -1,39 +1,39 @@
-import clsx from "clsx";
-import { Children } from "react";
-
-type StackProps = {
-  as?: keyof HTMLElementTagNameMap;   // "div", "ul", "section" vs can be any valid HTML element
-  gap?: 0 | 1 | 2 | 3 | 4 | 6 | 8 | 10 | 12; //Tailwind spacing scale
-  direction?: "vertical" | "horizontal";
-  className?: string;
-  children: React.ReactNode;
-  wrapChildren?: boolean; // If true, wraps each child in a Stack with the same gap
-  childGap?: 0 | 1 | 2 | 3 | 4 | 6 | 8 | 10 | 12; // Gap for wrapped children
-};
-
-export function Stack({
-  as: Component = "div",
-  gap = 2,
-  direction = "vertical",
-  className,
-  children,
-  wrapChildren = false,
-  childGap = 2,
-}: StackProps) {
-  const gapClass =
-    direction === "vertical" ? `space-y-${gap}` : `space-x-${gap}`;
-
-  const content = wrapChildren
-    ? Children.map(children, (child, index) => (
-        <Stack key={index} gap={childGap} direction={direction}>
-          {child}
-        </Stack>
-      ))
-    : children;
-
-  return (
-    <Component className={clsx(gapClass, className)}>
-      {content}
-    </Component>
-  );
-}
+import clsx from "clsx";
+import { Children } from "react";
+
+type StackProps = {
+  as?: keyof HTMLElementTagNameMap;   // "div", "ul", "section" vs can be any valid HTML element
+  gap?: 0 | 1 | 2 | 3 | 4 | 6 | 8 | 10 | 12; //Tailwind spacing scale
+  direction?: "vertical" | "horizontal";
+  className?: string;
+  children: React.ReactNode;
+  wrapChildren?: boolean; // If true, wraps each child in a Stack with the same gap
+  childGap?: 0 | 1 | 2 | 3 | 4 | 6 | 8 | 10 | 12; // Gap for wrapped children
+};
+
+export function Stack({
+  as: Component = "div",
+  gap = 2,
+  direction = "vertical",
+  className,
+  children,
+  wrapChildren = false,
+  childGap = 2,
+}: StackProps) {
+  const gapClass =
+    direction === "vertical" ? `space-y-${gap}` : `space-x-${gap}`;
+
+  const content = wrapChildren
+    ? Children.map(children, (child, index) => (
+        <Stack key={index} gap={childGap} direction={direction}>
+          {child}
+        </Stack>
+      ))
+    : children;
+
+  return (
+    <Component className={clsx(gapClass, className)}>
+      {content}
+    </Component>
+  );
+}

package/template/src/constants/constants.json

@@ -1,68 +1,68 @@
-{
-  "site": {
-    "name": "Site Name",
-    "tagline": "Your Site Tagline",
-    "description": "A modern, responsive site template for businesses, blogs, ecommerce stores, or portfolios.",
-    "logo": "",
-    "favicon": "./favicon.svg",
-    "currency": "USD",
-    "country": "United States",
-    "countryCode": "US",
-    "defaultLanguage": "en",
-    "availableLanguages": {
-      "en": "EN"
-    },
-    "overrideBrowserLanguage": true,
-    "timezone": "America/New_York",
-    "slug": "site-name",
-    "taxName": "Tax"
-  },
-  "api": {
-    "baseUrl": "https://backend.promake.ai/api",
-    "endpoints": {
-      "contact": "/contact",
-      "services": "/services"
-    },
-    "timeout": 30000
-  },
-  "seo": {
-    "title": "Site Name",
-    "description": "Your site description",
-    "author": "Site Name",
-    "ogTitle": "Site Name",
-    "ogDescription": "Your site description",
-    "ogImage": "",
-    "twitterSite": "",
-    "twitterImage": "",
-    "googleVerification": ""
-  },
-  "scripts": {
-    "gaId": "",
-    "headStart": "",
-    "headEnd": "",
-    "bodyStart": "",
-    "bodyEnd": ""
-  },
-  "email": "hello@example.com",
-  "supportEmail": "support@example.com",
-  "phone": "+1 (555) 010-0000",
-  "whatsapp": "+1 (555) 010-0001",
-  "address": {
-    "line1": "123 Main Street",
-    "line2": "Suite 100",
-    "city": "City",
-    "state": "State",
-    "postalCode": "00000",
-    "country": "Country"
-  },
-  "socialMedia": {
-    "twitter": "",
-    "facebook": "",
-    "instagram": "",
-    "linkedin": ""
-  },
-  "file":{
-    "maxFiles": 5,
-    "accept": ".pdf,.doc,.docx,.jpg,.jpeg,.png"
-  }
+{
+  "site": {
+    "name": "Site Name",
+    "tagline": "Your Site Tagline",
+    "description": "A modern, responsive site template for businesses, blogs, ecommerce stores, or portfolios.",
+    "logo": "",
+    "favicon": "./favicon.svg",
+    "currency": "USD",
+    "country": "United States",
+    "countryCode": "US",
+    "defaultLanguage": "en",
+    "availableLanguages": {
+      "en": "EN"
+    },
+    "overrideBrowserLanguage": true,
+    "timezone": "America/New_York",
+    "slug": "site-name",
+    "taxName": "Tax"
+  },
+  "api": {
+    "baseUrl": "https://backend.promake.ai/api",
+    "endpoints": {
+      "contact": "/contact",
+      "services": "/services"
+    },
+    "timeout": 30000
+  },
+  "seo": {
+    "title": "Site Name",
+    "description": "Your site description",
+    "author": "Site Name",
+    "ogTitle": "Site Name",
+    "ogDescription": "Your site description",
+    "ogImage": "",
+    "twitterSite": "",
+    "twitterImage": "",
+    "googleVerification": ""
+  },
+  "scripts": {
+    "gaId": "",
+    "headStart": "",
+    "headEnd": "",
+    "bodyStart": "",
+    "bodyEnd": ""
+  },
+  "email": "hello@example.com",
+  "supportEmail": "support@example.com",
+  "phone": "+1 (555) 010-0000",
+  "whatsapp": "+1 (555) 010-0001",
+  "address": {
+    "line1": "123 Main Street",
+    "line2": "Suite 100",
+    "city": "City",
+    "state": "State",
+    "postalCode": "00000",
+    "country": "Country"
+  },
+  "socialMedia": {
+    "twitter": "",
+    "facebook": "",
+    "instagram": "",
+    "linkedin": ""
+  },
+  "file":{
+    "maxFiles": 5,
+    "accept": ".pdf,.doc,.docx,.jpg,.jpeg,.png"
+  }
 }

package/template/src/db/index.ts

@@ -1,20 +1,20 @@
-export { AppDbProvider } from "./provider";
-
-import { parseJSONSchema } from "@promakeai/dbreact";
-import schemaJson from "./schema.json";
-export const schema = parseJSONSchema(schemaJson as any);
-
-export {
-  useDb,
-  useAdapter,
-  useDbLang,
-  useDbList,
-  useDbGet,
-  useDbCreate,
-  useDbUpdate,
-  useDbDelete,
-  SqliteAdapter,
-  parseJSONSchema,
-} from "@promakeai/dbreact";
-
-export * from "./types";
+export { AppDbProvider } from "./provider";
+
+import { parseJSONSchema } from "@promakeai/dbreact";
+import schemaJson from "./schema.json";
+export const schema = parseJSONSchema(schemaJson as any);
+
+export {
+  useDb,
+  useAdapter,
+  useDbLang,
+  useDbList,
+  useDbGet,
+  useDbCreate,
+  useDbUpdate,
+  useDbDelete,
+  SqliteAdapter,
+  parseJSONSchema,
+} from "@promakeai/dbreact";
+
+export * from "./types";

package/template/src/db/provider.tsx

@@ -1,78 +1,78 @@
-import { useEffect, useState, type ReactNode } from "react";
-import { useTranslation } from "react-i18next";
-import { DbProvider, SqliteAdapter, parseJSONSchema } from "@promakeai/dbreact";
-import constants from "@/constants/constants.json";
-import schemaJson from "./schema.json";
-
-const schema = parseJSONSchema(schemaJson as any);
-
-interface AppDbProviderProps {
-  children: ReactNode;
-}
-
-const DEFAULT_LANG = constants?.site?.defaultLanguage || "en";
-
-export function AppDbProvider({ children }: AppDbProviderProps) {
-  const { i18n } = useTranslation();
-  const [adapter, setAdapter] = useState<SqliteAdapter | null>(null);
-  const [error, setError] = useState<Error | null>(null);
-
-  useEffect(() => {
-    let cancelled = false;
-
-    async function loadDb() {
-      try {
-        const response = await fetch("/data/database.db");
-        if (!response.ok) {
-          throw new Error(
-            `Failed to load database: ${response.status} ${response.statusText}`
-          );
-        }
-
-        const buffer = await response.arrayBuffer();
-        if (cancelled) return;
-
-        const dbAdapter = new SqliteAdapter({
-          schema,
-          defaultLang: DEFAULT_LANG,
-          wasmPath: "/sql-wasm.wasm",
-        });
-
-        await dbAdapter.connect();
-        await dbAdapter.import(new Uint8Array(buffer));
-
-        if (!cancelled) {
-          setAdapter(dbAdapter);
-        }
-      } catch (err) {
-        if (!cancelled) {
-          setError(err instanceof Error ? err : new Error(String(err)));
-        }
-      }
-    }
-
-    loadDb();
-
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-
-  if (error) {
-    console.error(error);
-  }
-
-  if (!adapter) {
-    return null;
-  }
-
-  return (
-    <DbProvider
-      adapter={adapter}
-      lang={i18n?.language || DEFAULT_LANG}
-      fallbackLang={DEFAULT_LANG}
-    >
-      {children}
-    </DbProvider>
-  );
-}
+import { useEffect, useState, type ReactNode } from "react";
+import { useTranslation } from "react-i18next";
+import { DbProvider, SqliteAdapter, parseJSONSchema } from "@promakeai/dbreact";
+import constants from "@/constants/constants.json";
+import schemaJson from "./schema.json";
+
+const schema = parseJSONSchema(schemaJson as any);
+
+interface AppDbProviderProps {
+  children: ReactNode;
+}
+
+const DEFAULT_LANG = constants?.site?.defaultLanguage || "en";
+
+export function AppDbProvider({ children }: AppDbProviderProps) {
+  const { i18n } = useTranslation();
+  const [adapter, setAdapter] = useState<SqliteAdapter | null>(null);
+  const [error, setError] = useState<Error | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+
+    async function loadDb() {
+      try {
+        const response = await fetch("/data/database.db");
+        if (!response.ok) {
+          throw new Error(
+            `Failed to load database: ${response.status} ${response.statusText}`
+          );
+        }
+
+        const buffer = await response.arrayBuffer();
+        if (cancelled) return;
+
+        const dbAdapter = new SqliteAdapter({
+          schema,
+          defaultLang: DEFAULT_LANG,
+          wasmPath: "/sql-wasm.wasm",
+        });
+
+        await dbAdapter.connect();
+        await dbAdapter.import(new Uint8Array(buffer));
+
+        if (!cancelled) {
+          setAdapter(dbAdapter);
+        }
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err : new Error(String(err)));
+        }
+      }
+    }
+
+    loadDb();
+
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  if (error) {
+    console.error(error);
+  }
+
+  if (!adapter) {
+    return null;
+  }
+
+  return (
+    <DbProvider
+      adapter={adapter}
+      lang={i18n?.language || DEFAULT_LANG}
+      fallbackLang={DEFAULT_LANG}
+    >
+      {children}
+    </DbProvider>
+  );
+}