@promakeai/cli 0.4.9 → 0.4.10

package/template/src/components/FormField.tsx

@@ -1,15 +1,17 @@
 import { Stack } from "./Stack";
 import { Label } from "./ui/label";
 
+// FormField.tsx
 export interface FormFieldProps {
-  label: string;
+  label: React.ReactNode;
   htmlFor?: string;
   error?: string;
   required?: boolean;
   description?: string;
   children: React.ReactNode;
-  gap?: 0 | 1 | 2 | 3 | 4 | 6 | 8 | 10 | 12; // Stack gap override
+  gap?: 0 | 1 | 2 | 3 | 4 | 6 | 8 | 10 | 12;
   className?: string;
+  labelAction?: React.ReactNode; // YENİ
 }
 
 export function FormField({ 
@@ -21,12 +23,16 @@ export function FormField({
   description,
   gap = 2,
   className,
+  labelAction, // YENİ
 }: FormFieldProps) {
   return (
     <Stack gap={gap} className={className}>
-      <Label htmlFor={htmlFor}>
-        {label} {required && <span className="text-destructive">*</span>}
-      </Label>
+      <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">

package/template/src/lang/index.ts

@@ -1,86 +1,86 @@
-import i18n from "i18next";
-import { initReactI18next } from "react-i18next";
-import LanguageDetector from "i18next-browser-languagedetector";
-
-import constants from "@/constants/constants.json";
-
-// Auto-import translations from two locations:
-// 1. Core: @/lang/{lang}/{namespace}.json (e.g., lang/en/header.json)
-// 2. Modules: @/modules/{namespace}/lang/{lang}.json (e.g., modules/about-page/lang/en.json)
-const coreLangs = import.meta.glob("@/lang/*/*.json", { eager: true });
-const moduleLangs = import.meta.glob("@/modules/*/lang/*.json", { eager: true });
-
-// Get available languages from config
-const availableLanguages =
-  Object.keys(constants?.site?.availableLanguages || {}) || [];
-
-// Build resources object: { en: { header: {...}, about-page: {...} }, tr: {...} }
-const resources: Record<string, Record<string, any>> = {};
-
-// Process core translations: /lang/{lang}/{namespace}.json
-Object.entries(coreLangs).forEach(([path, module]) => {
-  const match = path.match(/\/lang\/([^/]+)\/([^/]+)\.json$/);
-  if (match) {
-    const [, lang, namespace] = match;
-    if (!availableLanguages.includes(lang)) return;
-    if (!resources[lang]) resources[lang] = {};
-    resources[lang][namespace] = (module as any).default || module;
-  }
-});
-
-// Process module translations: /modules/{namespace}/lang/{lang}.json
-Object.entries(moduleLangs).forEach(([path, module]) => {
-  const match = path.match(/\/modules\/([^/]+)\/lang\/([^/]+)\.json$/);
-  if (match) {
-    const [, namespace, lang] = match;
-    if (!availableLanguages.includes(lang)) return;
-    if (!resources[lang]) resources[lang] = {};
-    resources[lang][namespace] = (module as any).default || module;
-  }
-});
-
-// Custom detector for cached settings
-const settingsDetector = {
-  name: "settingsDetector",
-  lookup() {
-    if (constants.site.overrideBrowserLanguage) {
-      return constants?.site?.defaultLanguage;
-    }
-    return undefined;
-  },
-  cacheUserLanguage() {
-    // Don't cache - settings detector is read-only
-  },
-};
-
-// Create detector instance and add custom detector
-const languageDetector = new LanguageDetector();
-languageDetector.addDetector(settingsDetector);
-
-i18n
-  .use(languageDetector)
-  .use(initReactI18next)
-  .init({
-    resources,
-    fallbackLng: constants?.site?.defaultLanguage || "en",
-    supportedLngs: availableLanguages,
-    detection: {
-      // Priority: localStorage > settings > browser
-      order: ["localStorage", "settingsDetector", "navigator"],
-      lookupLocalStorage: "i18nextLng",
-      caches: ["localStorage"],
-    },
-    interpolation: {
-      escapeValue: false,
-    },
-  });
-
-// Helper to change language and persist to localStorage
-export const changeLanguage = (lang: string) => {
-  if (availableLanguages.includes(lang)) {
-    i18n.changeLanguage(lang);
-  }
-};
-
-export { availableLanguages };
-export default i18n;
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+
+import constants from "@/constants/constants.json";
+
+// Auto-import translations from two locations:
+// 1. Core: @/lang/{lang}/{namespace}.json (e.g., lang/en/header.json)
+// 2. Modules: @/modules/{namespace}/lang/{lang}.json (e.g., modules/about-page/lang/en.json)
+const coreLangs = import.meta.glob("@/lang/*/*.json", { eager: true });
+const moduleLangs = import.meta.glob("@/modules/*/lang/*.json", { eager: true });
+
+// Get available languages from config
+const availableLanguages =
+  Object.keys(constants?.site?.availableLanguages || {}) || [];
+
+// Build resources object: { en: { header: {...}, about-page: {...} }, tr: {...} }
+const resources: Record<string, Record<string, any>> = {};
+
+// Process core translations: /lang/{lang}/{namespace}.json
+Object.entries(coreLangs).forEach(([path, module]) => {
+  const match = path.match(/\/lang\/([^/]+)\/([^/]+)\.json$/);
+  if (match) {
+    const [, lang, namespace] = match;
+    if (!availableLanguages.includes(lang)) return;
+    if (!resources[lang]) resources[lang] = {};
+    resources[lang][namespace] = (module as any).default || module;
+  }
+});
+
+// Process module translations: /modules/{namespace}/lang/{lang}.json
+Object.entries(moduleLangs).forEach(([path, module]) => {
+  const match = path.match(/\/modules\/([^/]+)\/lang\/([^/]+)\.json$/);
+  if (match) {
+    const [, namespace, lang] = match;
+    if (!availableLanguages.includes(lang)) return;
+    if (!resources[lang]) resources[lang] = {};
+    resources[lang][namespace] = (module as any).default || module;
+  }
+});
+
+// Custom detector for cached settings
+const settingsDetector = {
+  name: "settingsDetector",
+  lookup() {
+    if (constants.site.overrideBrowserLanguage) {
+      return constants?.site?.defaultLanguage;
+    }
+    return undefined;
+  },
+  cacheUserLanguage() {
+    // Don't cache - settings detector is read-only
+  },
+};
+
+// Create detector instance and add custom detector
+const languageDetector = new LanguageDetector();
+languageDetector.addDetector(settingsDetector);
+
+i18n
+  .use(languageDetector)
+  .use(initReactI18next)
+  .init({
+    resources,
+    fallbackLng: constants?.site?.defaultLanguage || "en",
+    supportedLngs: availableLanguages,
+    detection: {
+      // Priority: localStorage > settings > browser
+      order: ["localStorage", "settingsDetector", "navigator"],
+      lookupLocalStorage: "i18nextLng",
+      caches: ["localStorage"],
+    },
+    interpolation: {
+      escapeValue: false,
+    },
+  });
+
+// Helper to change language and persist to localStorage
+export const changeLanguage = (lang: string) => {
+  if (availableLanguages.includes(lang)) {
+    i18n.changeLanguage(lang);
+  }
+};
+
+export { availableLanguages };
+export default i18n;

package/README.md

@@ -1,71 +0,0 @@
-# @promakeai/cli
-
-Modular React template CLI (like shadcn/ui). Create React projects and add feature modules incrementally. Copies code directly into projects rather than installing as dependencies.
-
-## Quick Start
-
-```bash
-# Install globally
-npm install -g @promakeai/cli
-
-# Create a new project
-promake create my-app --preset ecommerce --pm bun
-
-# Add modules to existing project
-promake add hero product-card
-
-# Theme customization
-promake theme --preset blue --radius medium
-
-# Health check
-promake doctor
-```
-
-## Commands
-
-| Command | Description |
-|---------|-------------|
-| `promake create <name>` | Scaffold a new React project |
-| `promake add <items...>` | Add modules, components, or pages |
-| `promake remove <modules...>` | Remove installed modules |
-| `promake sync` | Install missing modules from promake.json |
-| `promake theme` | Configure theme (colors, radius, fonts) |
-| `promake list` | Browse available modules |
-| `promake doctor` | Analyze project for issues |
-| `promake init` | Initialize promake.json |
-| `promake zip / unzip` | Archive utilities |
-
-## Documentation
-
-- **[Docs Index](./docs/index.md)** - Full documentation hub
-- **[Workflow Guide](./docs/workflow.md)** - Branching, versioning & publish workflow
-- **[AI Agent Guide](./docs/ai-agent-guide.md)** - Integrating modules with DB + i18n
-
-## Data Layer
-
-Projects generated by Promake include `@promakeai/dbreact` with a JSON schema
-(`src/db/schema.json`) and a prebuilt SQLite database (`public/data/database.db`).
-Use `@/db` hooks (`useDbList`, `useDbGet`, etc.) for data access.
-
-## Development
-
-```bash
-# Install dependencies
-bun install
-
-# Run from source
-bun run dev
-
-# Build
-bun run build
-
-# Test
-bun test
-
-# Type check
-bun run typecheck
-```
-
-## License
-
-MIT

package/template/src/db/index.ts

@@ -1,20 +0,0 @@
-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,77 +0,0 @@
-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,
-        });
-
-        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>
-  );
-}

package/template/src/db/schema.json

@@ -1,259 +0,0 @@
-{
-  "name": "promake",
-  "languages": [
-    "en",
-    "tr"
-  ],
-  "defaultLanguage": "en",
-  "tables": {
-    "blog_categories": {
-      "id": {
-        "type": "id"
-      },
-      "name": {
-        "type": "string",
-        "nullable": false,
-        "translatable": true
-      },
-      "slug": {
-        "type": "string",
-        "nullable": false,
-        "unique": true
-      },
-      "description": {
-        "type": "text",
-        "translatable": true
-      },
-      "image": {
-        "type": "text"
-      },
-      "created_at": {
-        "type": "timestamp"
-      },
-      "updated_at": {
-        "type": "timestamp"
-      }
-    },
-    "posts": {
-      "id": {
-        "type": "id"
-      },
-      "title": {
-        "type": "string",
-        "nullable": false,
-        "translatable": true
-      },
-      "slug": {
-        "type": "string",
-        "nullable": false,
-        "unique": true
-      },
-      "content": {
-        "type": "text",
-        "nullable": false,
-        "translatable": true
-      },
-      "excerpt": {
-        "type": "text",
-        "translatable": true
-      },
-      "featured_image": {
-        "type": "text"
-      },
-      "images": {
-        "type": [
-          "string"
-        ]
-      },
-      "author": {
-        "type": "string",
-        "translatable": true
-      },
-      "author_avatar": {
-        "type": "text"
-      },
-      "created_at": {
-        "type": "timestamp"
-      },
-      "published_at": {
-        "type": "timestamp"
-      },
-      "updated_at": {
-        "type": "timestamp"
-      },
-      "tags": {
-        "type": [
-          "string"
-        ]
-      },
-      "categories": {
-        "type": [
-          "number"
-        ],
-        "ref": "blog_categories"
-      },
-      "read_time": {
-        "type": "int",
-        "default": 0
-      },
-      "view_count": {
-        "type": "int",
-        "default": 0
-      },
-      "featured": {
-        "type": "bool",
-        "default": false
-      },
-      "published": {
-        "type": "bool",
-        "default": true
-      },
-      "meta_description": {
-        "type": "text",
-        "translatable": true
-      },
-      "meta_keywords": {
-        "type": "text",
-        "translatable": true
-      }
-    },
-    "product_categories": {
-      "id": {
-        "type": "id"
-      },
-      "name": {
-        "type": "string",
-        "nullable": false,
-        "translatable": true
-      },
-      "slug": {
-        "type": "string",
-        "nullable": false,
-        "unique": true
-      },
-      "description": {
-        "type": "text",
-        "translatable": true
-      },
-      "image": {
-        "type": "text"
-      },
-      "parent_id": {
-        "type": "int",
-        "ref": "product_categories"
-      },
-      "created_at": {
-        "type": "timestamp"
-      },
-      "updated_at": {
-        "type": "timestamp"
-      }
-    },
-    "products": {
-      "id": {
-        "type": "id"
-      },
-      "name": {
-        "type": "string",
-        "nullable": false,
-        "translatable": true
-      },
-      "slug": {
-        "type": "string",
-        "nullable": false,
-        "unique": true
-      },
-      "description": {
-        "type": "text",
-        "translatable": true
-      },
-      "price": {
-        "type": "decimal",
-        "nullable": false
-      },
-      "sale_price": {
-        "type": "decimal"
-      },
-      "on_sale": {
-        "type": "bool",
-        "default": false
-      },
-      "images": {
-        "type": [
-          "string"
-        ]
-      },
-      "brand": {
-        "type": "string",
-        "translatable": true
-      },
-      "sku": {
-        "type": "string"
-      },
-      "stock": {
-        "type": "int",
-        "default": 0
-      },
-      "tags": {
-        "type": [
-          "string"
-        ]
-      },
-      "categories": {
-        "type": [
-          "number"
-        ],
-        "ref": "product_categories"
-      },
-      "rating": {
-        "type": "decimal",
-        "default": 0
-      },
-      "review_count": {
-        "type": "int",
-        "default": 0
-      },
-      "featured": {
-        "type": "bool",
-        "default": false
-      },
-      "is_new": {
-        "type": "bool",
-        "default": false
-      },
-      "published": {
-        "type": "bool",
-        "default": true
-      },
-      "specifications": {
-        "type": "json"
-      },
-      "variants": {
-        "type": [
-          {
-            "id": "string",
-            "name": "string",
-            "value": "string",
-            "price?": "number",
-            "image?": "string",
-            "stockQuantity": "number"
-          }
-        ]
-      },
-      "created_at": {
-        "type": "timestamp"
-      },
-      "updated_at": {
-        "type": "timestamp"
-      },
-      "meta_description": {
-        "type": "text",
-        "translatable": true
-      },
-      "meta_keywords": {
-        "type": "text",
-        "translatable": true
-      }
-    }
-  }
-}