@promakeai/cli 0.0.5

package/template/src/pages/NotFound.tsx

@@ -0,0 +1,35 @@
+import { Link } from "react-router";
+import { Button } from "@/components/ui/button";
+import { Layout } from "@/components/Layout";
+import { useTranslation } from "react-i18next";
+
+const isDev = import.meta.env.MODE === "development";
+
+const NotFound = () => {
+  const { t } = useTranslation("notfound");
+
+  return (
+    <Layout>
+      <div className="min-h-[60vh] flex items-center justify-center">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+          {!isDev && (
+            <h1 className="text-6xl font-bold text-primary mb-4">404</h1>
+          )}
+          <h2 className="text-2xl font-semibold text-foreground mb-4">
+            {isDev ? t("pageNotFoundDev") : t("pageNotFound")}
+          </h2>
+          <p className="text-muted-foreground mb-8 max-w-md">
+            {isDev ? t("descriptionDev") : t("description")}
+          </p>
+          <div className="flex flex-col sm:flex-row gap-4 justify-center">
+            <Button asChild variant="default">
+              <Link to="/">{t("goHome")}</Link>
+            </Button>
+          </div>
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default NotFound;

package/template/src/router.tsx

@@ -0,0 +1,14 @@
+import { BrowserRouter, Routes, Route } from "react-router";
+import Index from "./pages/Index";
+import NotFound from "./pages/NotFound";
+
+export const Router = () => {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<Index />} />
+        <Route path="*" element={<NotFound />} />
+      </Routes>
+    </BrowserRouter>
+  );
+};

package/template/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/template/tsconfig.app.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/template/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/template/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/template/vite.config.ts

@@ -0,0 +1,74 @@
+import path from "path";
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import { defineConfig, type Plugin } from "vite";
+import { inspectorDebugger } from "@promakeai/inspector/plugin";
+
+// Plugin: Restart dev server when new lang files are added
+function langWatchPlugin(): Plugin {
+  return {
+    name: "lang-watch",
+    configureServer(server) {
+      server.watcher.on("add", (file) => {
+        const normalizedPath = file.replace(/\\/g, "/");
+        const isModuleLang = normalizedPath.includes("/modules/") && normalizedPath.includes("/lang/");
+        const isGlobalLang = normalizedPath.includes("/src/lang/");
+
+        if ((isModuleLang || isGlobalLang) && file.endsWith(".json")) {
+          console.log("\n🌐 New translation file detected!");
+          console.log("🔄 Restarting server to load translations...\n");
+          server.restart();
+        }
+      });
+    },
+  };
+}
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => ({
+  plugins: [
+    inspectorDebugger({ enabled: mode === "development" }),
+    react(),
+    tailwindcss(),
+    mode === "development" && langWatchPlugin(),
+  ].filter(Boolean),
+  base: "/",
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+  optimizeDeps: {
+    include: [
+      "@radix-ui/react-dropdown-menu",
+      "@radix-ui/react-dialog",
+      "@radix-ui/react-select",
+      "@radix-ui/react-popover",
+      "@radix-ui/react-tooltip",
+      "@radix-ui/react-tabs",
+      "@radix-ui/react-checkbox",
+      "@tanstack/react-query",
+    ],
+  },
+  server: {
+    allowedHosts: true,
+    hmr: true,
+    watch: {
+      usePolling: true,
+      interval: 500,
+    },
+    headers: {
+      "Cache-Control": "no-cache, no-store, must-revalidate",
+    },
+  },
+  preview: {
+    port: 4173,
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: undefined,
+      },
+    },
+  },
+}));