@promakeai/cli 0.9.8 → 0.9.10

package/template/package.json

@@ -1,96 +1,96 @@
-{
-  "name": "@promakeai/template",
-  "private": true,
-  "version": "0.3.3",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "prebuild": "tsc -b || cd .",
-    "build": "vite build",
-    "typecheck": "tsc -b",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "check": "tsc --noEmit",
-    "format": "prettier --write ."
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^5.2.2",
-    "@promakeai/dbreact": "1.1.3",
-    "@promakeai/orm": "1.3.2",
-    "@promakeai/customer-backend-client": "1.2.0",
-    "@promakeai/inspector": "^1.7.4",
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-query": "^5.90.17",
-    "axios": "^1.13.2",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
-    "i18next": "^25.7.4",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^0.562.0",
-    "motion": "^12.26.2",
-    "next-themes": "^0.4.6",
-    "react": "^19.2.0",
-    "react-day-picker": "^9.13.0",
-    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.71.1",
-    "react-i18next": "^16.5.3",
-    "react-resizable-panels": "^4.4.1",
-    "react-router": "^7.12.0",
-    "recharts": "2.15.4",
-    "sonner": "^2.0.7",
-    "sql.js": "^1.13.0",
-    "tailwind-merge": "^3.4.0",
-    "tailwindcss": "^4.1.18",
-    "vaul": "^1.1.2",
-    "zod": "^4.3.5",
-    "zustand": "^5.0.10"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.39.1",
-    "@types/node": "^25.0.8",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
-    "@types/sql.js": "^1.4.9",
-    "@vitejs/plugin-react": "^5.1.1",
-    "eslint": "^9.39.1",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "globals": "^16.5.0",
-    "prettier": "3.8.0",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.46.4",
-    "vite": "^7.2.4"
-  }
-}
+{
+  "name": "@promakeai/template",
+  "private": true,
+  "version": "0.3.5",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "prebuild": "tsc -b || cd .",
+    "build": "vite build",
+    "typecheck": "tsc -b",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "check": "tsc --noEmit",
+    "format": "prettier --write ."
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@promakeai/dbreact": "1.1.3",
+    "@promakeai/orm": "1.3.2",
+    "@promakeai/customer-backend-client": "1.2.0",
+    "@promakeai/inspector": "^1.7.4",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tailwindcss/vite": "^4.1.18",
+    "@tanstack/react-query": "^5.90.17",
+    "axios": "^1.13.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "i18next": "^25.7.4",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.562.0",
+    "motion": "^12.26.2",
+    "next-themes": "^0.4.6",
+    "react": "^19.2.0",
+    "react-day-picker": "^9.13.0",
+    "react-dom": "^19.2.0",
+    "react-hook-form": "^7.71.1",
+    "react-i18next": "^16.5.3",
+    "react-resizable-panels": "^4.4.1",
+    "react-router": "^7.12.0",
+    "recharts": "2.15.4",
+    "sonner": "^2.0.7",
+    "sql.js": "^1.13.0",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.18",
+    "vaul": "^1.1.2",
+    "zod": "^4.3.5",
+    "zustand": "^5.0.10"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^25.0.8",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@types/sql.js": "^1.4.9",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "prettier": "3.8.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4"
+  }
+}

package/template/public/_redirects

@@ -1 +1 @@
-/*    /index.html   200
+/*    /index.html   200

package/template/public/robots.txt

@@ -1,14 +1,14 @@
-User-agent: Googlebot
-Allow: /
-
-User-agent: Bingbot
-Allow: /
-
-User-agent: Twitterbot
-Allow: /
-
-User-agent: facebookexternalhit
-Allow: /
-
-User-agent: *
-Allow: /
+User-agent: Googlebot
+Allow: /
+
+User-agent: Bingbot
+Allow: /
+
+User-agent: Twitterbot
+Allow: /
+
+User-agent: facebookexternalhit
+Allow: /
+
+User-agent: *
+Allow: /

package/template/scripts/init-db.ts

@@ -1,18 +1,18 @@
-import { execSync } from "child_process";
-import path from "path";
-
-const cwd = process.cwd();
-const schemaPath = path.join(cwd, "src", "db", "schema.json");
-const outputDir = path.join(cwd, "src", "db");
-const dbPath = path.join(cwd, "public", "data", "database.db");
-
-const cmd = `dbcli generate --schema "${schemaPath}" --database "${dbPath}" --output "${outputDir}"`;
-
-try {
-  console.log("Generating database with dbcli...");
-  execSync(cmd, { stdio: "inherit" });
-  console.log(`Database created: ${dbPath}`);
-} catch (err) {
-  console.error("Failed to generate database. Ensure dbcli is installed globally.");
-  throw err;
-}
+import { execSync } from "child_process";
+import path from "path";
+
+const cwd = process.cwd();
+const schemaPath = path.join(cwd, "src", "db", "schema.json");
+const outputDir = path.join(cwd, "src", "db");
+const dbPath = path.join(cwd, "public", "data", "database.db");
+
+const cmd = `dbcli generate --schema "${schemaPath}" --database "${dbPath}" --output "${outputDir}"`;
+
+try {
+  console.log("Generating database with dbcli...");
+  execSync(cmd, { stdio: "inherit" });
+  console.log(`Database created: ${dbPath}`);
+} catch (err) {
+  console.error("Failed to generate database. Ensure dbcli is installed globally.");
+  throw err;
+}

package/template/src/App.tsx

@@ -1,21 +1,21 @@
-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";
-
-const App = () => {
-  return (
-    <AppDbProvider>
-      <TooltipProvider>
-        <GoogleAnalytics />
-        <MetriaAnalytics />
-        <ScriptInjector />
-        <Router />
-      </TooltipProvider>
-    </AppDbProvider>
-  );
-};
-
-export default App;
+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";
+
+const App = () => {
+  return (
+    <AppDbProvider>
+      <TooltipProvider>
+        <GoogleAnalytics />
+        <MetriaAnalytics />
+        <ScriptInjector />
+        <Router />
+      </TooltipProvider>
+    </AppDbProvider>
+  );
+};
+
+export default App;

package/template/src/components/FormField.tsx

@@ -1,49 +1,49 @@
-import { Stack } from "./Stack";
-import { Label } from "./ui/label";
-
-// FormField.tsx
-export interface FormFieldProps {
-  label: React.ReactNode;
-  htmlFor?: string;
-  error?: string;
-  required?: boolean;
-  description?: string;
-  children: React.ReactNode;
-  gap?: 0 | 1 | 2 | 3 | 4 | 6 | 8 | 10 | 12;
-  className?: string;
-  labelAction?: React.ReactNode; // YENİ
-}
-
-export function FormField({ 
-  label, 
-  htmlFor,
-  error, 
-  required, 
-  children, 
-  description,
-  gap = 2,
-  className,
-  labelAction, // YENİ
-}: FormFieldProps) {
-  return (
-    <Stack gap={gap} className={className}>
-      <div className="flex items-center justify-between">
-        <Label htmlFor={htmlFor}>
-          {label} {required && <span className="text-destructive">*</span>}
-        </Label>
-        {labelAction}
-      </div>
-      {children}
-      {description && (
-        <p className="text-sm text-muted-foreground">
-          {description}
-        </p>
-      )}
-      {error && (
-        <p className="text-sm text-destructive" role="alert">
-          {error}
-        </p>
-      )}
-    </Stack>
-  );
+import { Stack } from "./Stack";
+import { Label } from "./ui/label";
+
+// FormField.tsx
+export interface FormFieldProps {
+  label: React.ReactNode;
+  htmlFor?: string;
+  error?: string;
+  required?: boolean;
+  description?: string;
+  children: React.ReactNode;
+  gap?: 0 | 1 | 2 | 3 | 4 | 6 | 8 | 10 | 12;
+  className?: string;
+  labelAction?: React.ReactNode; // YENİ
+}
+
+export function FormField({ 
+  label, 
+  htmlFor,
+  error, 
+  required, 
+  children, 
+  description,
+  gap = 2,
+  className,
+  labelAction, // YENİ
+}: FormFieldProps) {
+  return (
+    <Stack gap={gap} className={className}>
+      <div className="flex items-center justify-between">
+        <Label htmlFor={htmlFor}>
+          {label} {required && <span className="text-destructive">*</span>}
+        </Label>
+        {labelAction}
+      </div>
+      {children}
+      {description && (
+        <p className="text-sm text-muted-foreground">
+          {description}
+        </p>
+      )}
+      {error && (
+        <p className="text-sm text-destructive" role="alert">
+          {error}
+        </p>
+      )}
+    </Stack>
+  );
 }

package/template/src/components/FormFileInput.tsx

@@ -1,76 +1,76 @@
-import { useRef } from "react";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import { Stack } from "./Stack";
-import { Upload } from "lucide-react";
-
-interface FormFileInputProps {
-    files: File[];
-    onFilesChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    maxFiles?: number;
-    accept?: string;
-    disabled?: boolean;
-    uploadButtonText?: string;
-    maxFilesReachedText?: string;
-    className?: string;
-    handleRemoveFile: (index: number) => void;
-  }
-  
-  export const FormFileInput: React.FC<FormFileInputProps> = ({
-    files,
-    onFilesChange,
-    maxFiles = 5,
-    accept = ".pdf,.doc,.docx,.jpg,.jpeg,.png",
-    disabled = false,
-    uploadButtonText = "Add Files",
-    maxFilesReachedText = "Max files reached",
-    className,
-    handleRemoveFile,
-  }) => {
-    const fileInputRef = useRef<HTMLInputElement>(null);
-  
-    
-  
-    const isMaxReached = files.length >= maxFiles;
-  
-    return (
-      <Stack gap={2} className={className}>
-        <Input
-          ref={fileInputRef}
-          type="file"
-          className="hidden"
-          multiple
-          disabled={isMaxReached || disabled}
-          onChange={onFilesChange}
-          accept={accept}
-        />
-        <Button
-          type="button"
-          variant="outline"
-          className="w-full"
-          disabled={isMaxReached || disabled}
-          onClick={() => fileInputRef.current?.click()}
-        >
-          <Upload className="w-4 h-4 mr-2" />
-          {isMaxReached ? maxFilesReachedText : uploadButtonText}
-        </Button>
-        
-        {files.length > 0 && (
-          <div className="flex flex-wrap gap-2 mt-2">
-            {files.map((file, index) => (
-              <div key={index} className="flex items-center gap-2 px-3 py-1 bg-muted rounded-md text-sm">
-                <span className="text-muted-foreground">{file.name}</span>
-                <button
-                  type="button"
-                  onClick={() => handleRemoveFile(index)}
-                  className="text-destructive hover:text-destructive/80"
-                >
-                  ×
-                </button>
-              </div>
-            ))}
-          </div>
-        )}
-      </Stack>
-    );
+import { useRef } from "react";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { Stack } from "./Stack";
+import { Upload } from "lucide-react";
+
+interface FormFileInputProps {
+    files: File[];
+    onFilesChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    maxFiles?: number;
+    accept?: string;
+    disabled?: boolean;
+    uploadButtonText?: string;
+    maxFilesReachedText?: string;
+    className?: string;
+    handleRemoveFile: (index: number) => void;
+  }
+  
+  export const FormFileInput: React.FC<FormFileInputProps> = ({
+    files,
+    onFilesChange,
+    maxFiles = 5,
+    accept = ".pdf,.doc,.docx,.jpg,.jpeg,.png",
+    disabled = false,
+    uploadButtonText = "Add Files",
+    maxFilesReachedText = "Max files reached",
+    className,
+    handleRemoveFile,
+  }) => {
+    const fileInputRef = useRef<HTMLInputElement>(null);
+  
+    
+  
+    const isMaxReached = files.length >= maxFiles;
+  
+    return (
+      <Stack gap={2} className={className}>
+        <Input
+          ref={fileInputRef}
+          type="file"
+          className="hidden"
+          multiple
+          disabled={isMaxReached || disabled}
+          onChange={onFilesChange}
+          accept={accept}
+        />
+        <Button
+          type="button"
+          variant="outline"
+          className="w-full"
+          disabled={isMaxReached || disabled}
+          onClick={() => fileInputRef.current?.click()}
+        >
+          <Upload className="w-4 h-4 mr-2" />
+          {isMaxReached ? maxFilesReachedText : uploadButtonText}
+        </Button>
+        
+        {files.length > 0 && (
+          <div className="flex flex-wrap gap-2 mt-2">
+            {files.map((file, index) => (
+              <div key={index} className="flex items-center gap-2 px-3 py-1 bg-muted rounded-md text-sm">
+                <span className="text-muted-foreground">{file.name}</span>
+                <button
+                  type="button"
+                  onClick={() => handleRemoveFile(index)}
+                  className="text-destructive hover:text-destructive/80"
+                >
+                  ×
+                </button>
+              </div>
+            ))}
+          </div>
+        )}
+      </Stack>
+    );
   };

package/template/src/components/GoogleAnalytics.tsx

@@ -1,34 +1,34 @@
-import { useEffect, useRef } from "react";
-import constants from "@/constants/constants.json";
-
-export function GoogleAnalytics() {
-  const injected = useRef(false);
-  const gaId = constants.scripts.gaId;
-
-  useEffect(() => {
-    if (!gaId || injected.current) return;
-    if (document.querySelector(`[data-injected="gtag"]`)) return;
-
-    injected.current = true;
-
-    // Inject gtag.js script
-    const script = document.createElement("script");
-    script.async = true;
-    script.src = `https://www.googletagmanager.com/gtag/js?id=${gaId}`;
-    script.setAttribute("data-injected", "gtag");
-    document.head.appendChild(script);
-
-    // Inject inline config script
-    const inlineScript = document.createElement("script");
-    inlineScript.setAttribute("data-injected", "gtag-config");
-    inlineScript.innerHTML = `
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', '${gaId}');
-    `;
-    document.head.appendChild(inlineScript);
-  }, []);
-
-  return null;
-}
+import { useEffect, useRef } from "react";
+import constants from "@/constants/constants.json";
+
+export function GoogleAnalytics() {
+  const injected = useRef(false);
+  const gaId = constants.scripts.gaId;
+
+  useEffect(() => {
+    if (!gaId || injected.current) return;
+    if (document.querySelector(`[data-injected="gtag"]`)) return;
+
+    injected.current = true;
+
+    // Inject gtag.js script
+    const script = document.createElement("script");
+    script.async = true;
+    script.src = `https://www.googletagmanager.com/gtag/js?id=${gaId}`;
+    script.setAttribute("data-injected", "gtag");
+    document.head.appendChild(script);
+
+    // Inject inline config script
+    const inlineScript = document.createElement("script");
+    inlineScript.setAttribute("data-injected", "gtag-config");
+    inlineScript.innerHTML = `
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '${gaId}');
+    `;
+    document.head.appendChild(inlineScript);
+  }, []);
+
+  return null;
+}