@promakeai/cli 0.0.5

package/template/src/lang/tr/login.json

@@ -0,0 +1,18 @@
+{
+  "title": "Giriş Yap",
+  "description": "Siparişlerinize, favorilerinize ve daha fazlasına erişmek için hesabınıza giriş yapın.",
+  "cardTitle": "Giriş",
+  "username": "Kullanıcı Adı",
+  "usernamePlaceholder": "Kullanıcı adınızı girin",
+  "password": "Şifre",
+  "passwordPlaceholder": "Şifrenizi girin",
+  "forgotPassword": "Şifremi unuttum?",
+  "submit": "Giriş Yap",
+  "submitting": "Giriş yapılıyor...",
+  "noAccount": "Hesabınız yok mu?",
+  "registerLink": "Hesap oluşturun",
+  "toastSuccessTitle": "Tekrar hoş geldiniz!",
+  "toastSuccessDesc": "Başarıyla giriş yaptınız.",
+  "toastErrorTitle": "Giriş başarısız",
+  "errorGeneric": "Giriş başarısız. Lütfen tekrar deneyin."
+}

package/template/src/lang/tr/notfound.json

@@ -0,0 +1,7 @@
+{
+  "pageNotFound": "Sayfa Bulunamadı",
+  "pageNotFoundDev": "Bu sayfayı henüz oluşturmadın",
+  "description": "Üzgünüz, aradığınız sayfa bulunamadı. Taşınmış veya mevcut olmayabilir.",
+  "descriptionDev": "Bu sayfayı oluşturmak için Promake'i kullanabilirsin.",
+  "goHome": "Ana Sayfaya Git"
+}

package/template/src/lang/tr/privacy.json

@@ -0,0 +1,4 @@
+{
+  "title": "Gizlilik Politikası",
+  "content": "Gizlilik politikası içeriğimiz şu anda hazırlanmaktadır. Verilerinizi nasıl işlediğimiz hakkında detaylı bilgi için lütfen tekrar kontrol edin."
+}

package/template/src/lang/tr/register.json

@@ -0,0 +1,25 @@
+{
+  "title": "Hesap Oluştur",
+  "description": "Bugün bize katılın ve özel avantajlardan, sipariş takibinden ve daha fazlasından yararlanın.",
+  "cardTitle": "Kayıt Ol",
+  "username": "Kullanıcı Adı",
+  "usernamePlaceholder": "Bir kullanıcı adı seçin",
+  "email": "E-posta",
+  "emailPlaceholder": "E-posta adresinizi girin",
+  "password": "Şifre",
+  "passwordPlaceholder": "Bir şifre oluşturun",
+  "confirmPassword": "Şifre Tekrar",
+  "confirmPasswordPlaceholder": "Şifrenizi tekrar girin",
+  "submit": "Hesap Oluştur",
+  "submitting": "Hesap oluşturuluyor...",
+  "hasAccount": "Zaten hesabınız var mı?",
+  "loginLink": "Giriş yapın",
+  "passwordMismatch": "Şifreler eşleşmiyor",
+  "toastSuccessTitle": "Hesap oluşturuldu!",
+  "toastSuccessDesc": "Lütfen hesabınızı doğrulamak için e-postanızı kontrol edin.",
+  "toastErrorTitle": "Kayıt başarısız",
+  "errorGeneric": "Kayıt başarısız. Lütfen tekrar deneyin.",
+  "successTitle": "Hesap Oluşturuldu!",
+  "successMessage": "Giriş yapmadan önce lütfen hesabınızı doğrulamak için e-postanızı kontrol edin.",
+  "goToLogin": "Giriş Sayfasına Git"
+}

package/template/src/lang/tr/terms.json

@@ -0,0 +1,4 @@
+{
+  "title": "Kullanım Şartları",
+  "content": "Kullanım şartları içeriğimiz şu anda hazırlanmaktadır. Hizmetlerimizi kullanma şartları ve koşulları hakkında detaylı bilgi için lütfen tekrar kontrol edin."
+}

package/template/src/lib/api.ts

@@ -0,0 +1,237 @@
+import axios, { type AxiosInstance, type AxiosResponse } from "axios";
+import constants from "@/constants/constants.json";
+
+// API service class
+class ApiService {
+  private axiosInstance: AxiosInstance;
+  private settings: any = null;
+
+  constructor() {
+    // Default configuration - will be updated when settings load
+    this.axiosInstance = axios.create({
+      baseURL: "https://backend.promake.ai/api",
+      timeout: 30000,
+      headers: {
+        "Content-Type": "application/json",
+      },
+    });
+
+    // Request interceptor to add site slug
+    this.axiosInstance.interceptors.request.use(
+      (config) => {
+        if (this.settings?.site?.slug) {
+          config.headers["X-Site-Slug"] = this.settings.site.slug;
+        }
+        return config;
+      },
+      (error) => {
+        return Promise.reject(error);
+      },
+    );
+
+    // Response interceptor for error handling
+    this.axiosInstance.interceptors.response.use(
+      (response: AxiosResponse) => response,
+      (error) => {
+        console.error("API Error:", {
+          status: error.response?.status,
+          statusText: error.response?.statusText,
+          data: error.response?.data,
+          url: error.config?.url,
+        });
+        return Promise.reject(error);
+      },
+    );
+  }
+
+  // Update settings for API configuration
+  updateSettings(settings: any) {
+    this.settings = settings;
+    if (settings?.api?.baseUrl) {
+      this.axiosInstance.defaults.baseURL = settings.api.baseUrl;
+    }
+    if (settings?.api?.timeout) {
+      this.axiosInstance.defaults.timeout = settings.api.timeout;
+    }
+  }
+
+  // Get endpoint from settings
+  private getEndpoint(key: string): string {
+    return this.settings?.api?.endpoints?.[key] || `/${key}`;
+  }
+
+  // Order API methods
+  async createOrder(orderData: {
+    user_id: string;
+    total_price: number;
+    status: string;
+    payment_method: string;
+    shipping_address: any;
+    notes?: string | null;
+    items: Array<{
+      product_id: number;
+      quantity: number;
+      price: number;
+    }>;
+  }): Promise<{ orderId: number; success: boolean }> {
+    try {
+      const response = await this.axiosInstance.post(
+        this.getEndpoint("orders"),
+        {
+          site_slug: this.settings?.site?.slug || "promake",
+          order: {
+            user_id: orderData.user_id,
+            total_price: orderData.total_price,
+            status: orderData.status,
+            payment_method: orderData.payment_method,
+            shipping_address: orderData.shipping_address,
+            notes: orderData.notes,
+          },
+          items: orderData.items,
+        },
+      );
+
+      return {
+        orderId: response.data.order_id,
+        success: true,
+      };
+    } catch (error: any) {
+      console.error("Order creation failed:", error);
+      throw new Error(error.response?.data?.message || "Order creation failed");
+    }
+  }
+
+  // Generic form submission to mail service
+  async submitForm(
+    formData: Record<string, any>,
+    formConfig: {
+      email_subject1: string;
+      email_subject2: string;
+      fields: Array<{ name: string; required: boolean }>;
+    },
+    currentLanguage: string = "en",
+  ): Promise<{ success: boolean; message: string }> {
+    try {
+      // Extract customer email from form data
+      const customerEmail = formData["email"];
+      if (!customerEmail) {
+        throw new Error("Email field is required in form data");
+      }
+
+      // Get site owner email from ENV
+      const tenantEmail = import.meta.env.VITE_TENANT_MAIL;
+      if (!tenantEmail) {
+        throw new Error("VITE_TENANT_MAIL environment variable is not set");
+      }
+
+      // Convert formData to backend expected format with required info from config
+      const data: Record<string, { required: boolean; value: any }> = {};
+
+      formConfig.fields.forEach((field) => {
+        data[field.name] = {
+          required: field.required,
+          value: formData[field.name] || null,
+        };
+      });
+
+      // Get mail service URL from ENV
+      const mailServiceUrl =
+        import.meta.env.VITE_MAIL_SERVICE_URL ||
+        "https://mail.promake.ai/api/v1/send-mail";
+
+      // Make request to mail service
+      const response = await axios.post(
+        mailServiceUrl,
+        {
+          target_email1: customerEmail,
+          target_email2: tenantEmail,
+          email_subject1: formConfig.email_subject1,
+          email_subject2: formConfig.email_subject2,
+          data: data,
+        },
+        {
+          headers: {
+            "Accept-Language": currentLanguage,
+            "Content-Type": "application/json",
+          },
+        },
+      );
+
+      return {
+        success: true,
+        message: response.data.message || "Form submitted successfully",
+      };
+    } catch (error: any) {
+      console.error("Form submission failed:", error);
+      throw new Error(error.response?.data?.message || "Failed to submit form");
+    }
+  }
+
+  // DEPRECATED: Use submitForm instead
+  // Keeping for backward compatibility
+  async submitContactForm(contactData: {
+    name: string;
+    email: string;
+    subject?: string;
+    message: string;
+  }): Promise<{ success: boolean; message: string }> {
+    console.warn("submitContactForm is deprecated. Use submitForm instead.");
+    return this.submitForm(
+      contactData,
+      {
+        email_subject1: "Contact Form Submission",
+        email_subject2: "New Contact Form",
+        fields: [
+          { name: "name", required: true },
+          { name: "email", required: true },
+          { name: "subject", required: false },
+          { name: "message", required: true },
+        ],
+      },
+      "en",
+    );
+  }
+
+  // Get order by ID (for order confirmation page)
+  async getOrderById(orderId: number): Promise<any | null> {
+    try {
+      const response = await this.axiosInstance.get(
+        `${this.getEndpoint("orders")}/${orderId}?site_slug=${
+          this.settings?.site?.slug
+        }`,
+      );
+      return response.data.order || null;
+    } catch (error: any) {
+      console.error("Failed to fetch order:", error);
+      return null;
+    }
+  }
+}
+
+// Create singleton instance
+const apiService = new ApiService();
+
+// Hook to use API service with settings
+export const useApiService = () => {
+  // Reconstruct settings object for ApiService.updateSettings
+  const settings = {
+    site: {
+      slug: constants.site.slug,
+    },
+    api: {
+      baseUrl: constants.api.baseUrl,
+      timeout: constants.api.timeout,
+      endpoints: constants.api.endpoints,
+    },
+  };
+
+  // Update API service settings when they change
+  if (settings && apiService) {
+    apiService.updateSettings(settings);
+  }
+
+  return apiService;
+};
+
+// Export the service for direct use
+export default apiService;

package/template/src/lib/storage.ts

@@ -0,0 +1,109 @@
+/**
+ * Site-specific localStorage utility
+ * Prevents localStorage conflicts between different templates on same domain
+ * Uses a unique site ID generated on first load
+ */
+
+let sitePrefix: string | null = null;
+const SITE_ID_KEY = "__site_id__"; // Raw key, no prefix
+
+/**
+ * Generate a unique site ID (UUID v4)
+ */
+const generateSiteId = (): string => {
+  return (
+    "site_" +
+    "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+      const r = (Math.random() * 16) | 0;
+      const v = c === "x" ? r : (r & 0x3) | 0x8;
+      return v.toString(16);
+    })
+  );
+};
+
+/**
+ * Get or create site-specific localStorage prefix
+ * Each site gets a unique ID on first load
+ */
+const getSitePrefix = (): string => {
+  if (sitePrefix) return sitePrefix;
+
+  try {
+    // Check if site already has a unique ID
+    let siteId = localStorage.getItem(SITE_ID_KEY);
+
+    if (!siteId) {
+      // First load - generate and save unique site ID
+      siteId = generateSiteId();
+      localStorage.setItem(SITE_ID_KEY, siteId);
+      console.log("🆔 Generated new site ID:", siteId);
+    }
+
+    sitePrefix = siteId;
+    return sitePrefix;
+  } catch (error) {
+    console.error("Failed to get/create site ID:", error);
+    // Fallback to timestamp-based ID
+    sitePrefix = "site_" + Date.now();
+    return sitePrefix;
+  }
+};
+
+/**
+ * Get site-specific localStorage key
+ */
+export const getStorageKey = (key: string): string => {
+  const prefix = getSitePrefix();
+  return `${prefix}_${key}`;
+};
+
+/**
+ * Get item from localStorage with site-specific key
+ */
+export const getItem = (key: string): string | null => {
+  try {
+    return localStorage.getItem(getStorageKey(key));
+  } catch (error) {
+    console.error(`Error reading from localStorage (${key}):`, error);
+    return null;
+  }
+};
+
+/**
+ * Set item to localStorage with site-specific key
+ */
+export const setItem = (key: string, value: string): void => {
+  try {
+    localStorage.setItem(getStorageKey(key), value);
+  } catch (error) {
+    console.error(`Error writing to localStorage (${key}):`, error);
+  }
+};
+
+/**
+ * Remove item from localStorage with site-specific key
+ */
+export const removeItem = (key: string): void => {
+  try {
+    localStorage.removeItem(getStorageKey(key));
+  } catch (error) {
+    console.error(`Error removing from localStorage (${key}):`, error);
+  }
+};
+
+/**
+ * Clear all site-specific items from localStorage
+ */
+export const clearSiteStorage = (): void => {
+  try {
+    const prefix = getSitePrefix();
+    const keys = Object.keys(localStorage);
+    keys.forEach((key) => {
+      if (key.startsWith(`${prefix}_`)) {
+        localStorage.removeItem(key);
+      }
+    });
+  } catch (error) {
+    console.error("Error clearing site storage:", error);
+  }
+};

package/template/src/lib/utils.ts

@@ -0,0 +1,15 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+export function formatPrice(price: number, currency: string = "USD"): string {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: currency,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2,
+  }).format(price);
+}

package/template/src/main.tsx

@@ -0,0 +1,13 @@
+import "./lang";
+import "./index.css";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { Toaster } from "@/components/ui/sonner";
+import App from "@/App.tsx";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+    <Toaster />
+  </StrictMode>,
+);