@promakeai/cli 0.3.2 → 0.3.4

package/dist/registry/youtube-embed.json

@@ -10,25 +10,25 @@
       "path": "youtube-embed/index.ts",
       "type": "registry:index",
       "target": "$modules$/youtube-embed/index.ts",
-      "content": "export * from './youtube-embed';\n"
+      "content": "export * from './youtube-embed';\r\n"
     },
     {
       "path": "youtube-embed/youtube-embed.tsx",
       "type": "registry:component",
       "target": "$modules$/youtube-embed/youtube-embed.tsx",
-      "content": "import { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"@/lib/utils\";\nimport { Play } from \"lucide-react\";\n\ninterface YouTubeEmbedProps {\n  videoId: string;\n  title?: string;\n  autoplay?: boolean;\n  mute?: boolean;\n  loop?: boolean;\n  controls?: boolean;\n  start?: number;\n  aspectRatio?: \"16/9\" | \"4/3\" | \"1/1\";\n  className?: string;\n}\n\nexport function YouTubeEmbed({\n  videoId,\n  title,\n  autoplay = false,\n  mute = false,\n  loop = false,\n  controls = true,\n  start,\n  aspectRatio = \"16/9\",\n  className,\n}: YouTubeEmbedProps) {\n  const { t } = useTranslation(\"youtube-embed\");\n  const [isLoading, setIsLoading] = useState(true);\n  const [hasError, setHasError] = useState(false);\n\n  // Validate videoId\n  const isValidVideoId = /^[a-zA-Z0-9_-]{11}$/.test(videoId);\n\n  // Build embed URL with parameters\n  const buildEmbedUrl = () => {\n    const params = new URLSearchParams();\n\n    if (autoplay) params.set(\"autoplay\", \"1\");\n    if (mute) params.set(\"mute\", \"1\");\n    if (loop) {\n      params.set(\"loop\", \"1\");\n      params.set(\"playlist\", videoId);\n    }\n    if (!controls) params.set(\"controls\", \"0\");\n    if (start) params.set(\"start\", start.toString());\n\n    params.set(\"rel\", \"0\");\n\n    const queryString = params.toString();\n    return `https://www.youtube.com/embed/${videoId}${queryString ? `?${queryString}` : \"\"}`;\n  };\n\n  const handleLoad = () => {\n    setIsLoading(false);\n  };\n\n  const handleError = () => {\n    setIsLoading(false);\n    setHasError(true);\n  };\n\n  // Invalid videoId\n  if (!isValidVideoId) {\n    return (\n      <div\n        className={cn(\n          \"flex flex-col items-center justify-center bg-muted rounded-lg border\",\n          className\n        )}\n        style={{ aspectRatio }}\n      >\n        <Play className=\"h-12 w-12 text-muted-foreground mb-3\" />\n        <p className=\"text-sm text-muted-foreground\">\n          {t(\"invalidId\", \"Invalid video ID\")}\n        </p>\n      </div>\n    );\n  }\n\n  // Error state\n  if (hasError) {\n    return (\n      <div\n        className={cn(\n          \"flex flex-col items-center justify-center bg-muted rounded-lg border\",\n          className\n        )}\n        style={{ aspectRatio }}\n      >\n        <Play className=\"h-12 w-12 text-muted-foreground mb-3\" />\n        <p className=\"text-sm text-muted-foreground\">\n          {t(\"error\", \"Failed to load video\")}\n        </p>\n        <a\n          href={`https://www.youtube.com/watch?v=${videoId}`}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"text-sm text-primary hover:underline mt-2\"\n        >\n          {t(\"watchOnYouTube\", \"Watch on YouTube\")}\n        </a>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\"relative rounded-lg overflow-hidden\", className)}\n      style={{ aspectRatio }}\n    >\n      {isLoading && (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-muted\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent\" />\n            <span className=\"text-sm text-muted-foreground\">\n              {t(\"loading\", \"Loading video...\")}\n            </span>\n          </div>\n        </div>\n      )}\n      <iframe\n        src={buildEmbedUrl()}\n        width=\"100%\"\n        height=\"100%\"\n        style={{ border: 0 }}\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n        allowFullScreen\n        loading=\"lazy\"\n        title={title || t(\"defaultTitle\", \"YouTube video player\")}\n        onLoad={handleLoad}\n        onError={handleError}\n        className={cn(\"absolute inset-0\", isLoading && \"invisible\")}\n      />\n    </div>\n  );\n}\n"
+      "content": "import { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { Play } from \"lucide-react\";\r\n\r\ninterface YouTubeEmbedProps {\r\n  videoId: string;\r\n  title?: string;\r\n  autoplay?: boolean;\r\n  mute?: boolean;\r\n  loop?: boolean;\r\n  controls?: boolean;\r\n  start?: number;\r\n  aspectRatio?: \"16/9\" | \"4/3\" | \"1/1\";\r\n  className?: string;\r\n}\r\n\r\nexport function YouTubeEmbed({\r\n  videoId,\r\n  title,\r\n  autoplay = false,\r\n  mute = false,\r\n  loop = false,\r\n  controls = true,\r\n  start,\r\n  aspectRatio = \"16/9\",\r\n  className,\r\n}: YouTubeEmbedProps) {\r\n  const { t } = useTranslation(\"youtube-embed\");\r\n  const [isLoading, setIsLoading] = useState(true);\r\n  const [hasError, setHasError] = useState(false);\r\n\r\n  // Validate videoId\r\n  const isValidVideoId = /^[a-zA-Z0-9_-]{11}$/.test(videoId);\r\n\r\n  // Build embed URL with parameters\r\n  const buildEmbedUrl = () => {\r\n    const params = new URLSearchParams();\r\n\r\n    if (autoplay) params.set(\"autoplay\", \"1\");\r\n    if (mute) params.set(\"mute\", \"1\");\r\n    if (loop) {\r\n      params.set(\"loop\", \"1\");\r\n      params.set(\"playlist\", videoId);\r\n    }\r\n    if (!controls) params.set(\"controls\", \"0\");\r\n    if (start) params.set(\"start\", start.toString());\r\n\r\n    params.set(\"rel\", \"0\");\r\n\r\n    const queryString = params.toString();\r\n    return `https://www.youtube.com/embed/${videoId}${queryString ? `?${queryString}` : \"\"}`;\r\n  };\r\n\r\n  const handleLoad = () => {\r\n    setIsLoading(false);\r\n  };\r\n\r\n  const handleError = () => {\r\n    setIsLoading(false);\r\n    setHasError(true);\r\n  };\r\n\r\n  // Invalid videoId\r\n  if (!isValidVideoId) {\r\n    return (\r\n      <div\r\n        className={cn(\r\n          \"flex flex-col items-center justify-center bg-muted rounded-lg border\",\r\n          className\r\n        )}\r\n        style={{ aspectRatio }}\r\n      >\r\n        <Play className=\"h-12 w-12 text-muted-foreground mb-3\" />\r\n        <p className=\"text-sm text-muted-foreground\">\r\n          {t(\"invalidId\", \"Invalid video ID\")}\r\n        </p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Error state\r\n  if (hasError) {\r\n    return (\r\n      <div\r\n        className={cn(\r\n          \"flex flex-col items-center justify-center bg-muted rounded-lg border\",\r\n          className\r\n        )}\r\n        style={{ aspectRatio }}\r\n      >\r\n        <Play className=\"h-12 w-12 text-muted-foreground mb-3\" />\r\n        <p className=\"text-sm text-muted-foreground\">\r\n          {t(\"error\", \"Failed to load video\")}\r\n        </p>\r\n        <a\r\n          href={`https://www.youtube.com/watch?v=${videoId}`}\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          className=\"text-sm text-primary hover:underline mt-2\"\r\n        >\r\n          {t(\"watchOnYouTube\", \"Watch on YouTube\")}\r\n        </a>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={cn(\"relative rounded-lg overflow-hidden\", className)}\r\n      style={{ aspectRatio }}\r\n    >\r\n      {isLoading && (\r\n        <div className=\"absolute inset-0 flex items-center justify-center bg-muted\">\r\n          <div className=\"flex flex-col items-center gap-3\">\r\n            <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent\" />\r\n            <span className=\"text-sm text-muted-foreground\">\r\n              {t(\"loading\", \"Loading video...\")}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      )}\r\n      <iframe\r\n        src={buildEmbedUrl()}\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        style={{ border: 0 }}\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n        allowFullScreen\r\n        loading=\"lazy\"\r\n        title={title || t(\"defaultTitle\", \"YouTube video player\")}\r\n        onLoad={handleLoad}\r\n        onError={handleError}\r\n        className={cn(\"absolute inset-0\", isLoading && \"invisible\")}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"
     },
     {
       "path": "youtube-embed/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/youtube-embed/lang/en.json",
-      "content": "{\n  \"loading\": \"Loading video...\",\n  \"error\": \"Failed to load video\",\n  \"invalidId\": \"Invalid video ID\",\n  \"watchOnYouTube\": \"Watch on YouTube\",\n  \"defaultTitle\": \"YouTube video player\"\n}\n"
+      "content": "{\r\n  \"loading\": \"Loading video...\",\r\n  \"error\": \"Failed to load video\",\r\n  \"invalidId\": \"Invalid video ID\",\r\n  \"watchOnYouTube\": \"Watch on YouTube\",\r\n  \"defaultTitle\": \"YouTube video player\"\r\n}\r\n"
     },
     {
       "path": "youtube-embed/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/youtube-embed/lang/tr.json",
-      "content": "{\n  \"loading\": \"Video yükleniyor...\",\n  \"error\": \"Video yüklenemedi\",\n  \"invalidId\": \"Geçersiz video ID\",\n  \"watchOnYouTube\": \"YouTube'da izle\",\n  \"defaultTitle\": \"YouTube video oynatıcı\"\n}\n"
+      "content": "{\r\n  \"loading\": \"Video yükleniyor...\",\r\n  \"error\": \"Video yüklenemedi\",\r\n  \"invalidId\": \"Geçersiz video ID\",\r\n  \"watchOnYouTube\": \"YouTube'da izle\",\r\n  \"defaultTitle\": \"YouTube video oynatıcı\"\r\n}\r\n"
     }
   ],
   "exports": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promakeai/cli",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "type": "module",
   "bin": {
     "promake": "dist/index.js"
@@ -51,4 +51,4 @@
     "@types/prompts": "^2.4.9",
     "typescript": "^5.7.2"
   }
-}
+}

package/template/.env

@@ -1,7 +1,7 @@
-VITE_API_PAYMENT="https://payment.promake.ai/api/v1"
-VITE_TENANT_UUID="YWJjeHl6MTIzT0dVWkNBTg"
-VITE_MAIL_SERVICE_URL="https://mail.promake.ai/api/v1/send-mail"
-VITE_TENANT_MAIL="uc.erkut@gmail.com"
-VITE_ONLINE_PAYMENT_METHODS="stripe,iyzico"
-VITE_AVAILABLE_PAYMENT_METHODS="card,transfer,cash"
+VITE_API_PAYMENT="https://payment.promake.ai/api/v1"
+VITE_TENANT_UUID="YWJjeHl6MTIzT0dVWkNBTg"
+VITE_MAIL_SERVICE_URL="https://mail.promake.ai/api/v1/send-mail"
+VITE_TENANT_MAIL="uc.erkut@gmail.com"
+VITE_ONLINE_PAYMENT_METHODS="stripe,iyzico"
+VITE_AVAILABLE_PAYMENT_METHODS="card,transfer,cash"
 VITE_PROMAKE_ENV="testb"

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/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;
+}

package/template/src/components/LanguageSwitcher.tsx

@@ -1,53 +1,53 @@
-import { useTranslation } from "react-i18next";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { changeLanguage } from "@/lang";
-import { cn } from "@/lib/utils";
-import constants from "@/constants/constants.json";
-
-interface LanguageSwitcherProps {
-  className?: string;
-  style?: React.CSSProperties;
-}
-
-const languages: Record<string, string> =
-  constants?.site?.availableLanguages || {};
-
-export function LanguageSwitcher({ className, style }: LanguageSwitcherProps) {
-  const { i18n } = useTranslation();
-  const currentLang = i18n.language;
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Button
-          variant="ghost"
-          size="sm"
-          className={cn("h-9 px-2 text-sm font-medium", className)}
-          style={style}
-        >
-          {languages?.[currentLang] || currentLang.toUpperCase()}
-        </Button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
-        {Object.entries(languages).map(([lang, label]) => (
-          <DropdownMenuItem
-            key={lang}
-            onClick={() => changeLanguage(lang)}
-            className={cn(
-              currentLang === lang ? "bg-accent" : "",
-              "hover:text-primary focus:text-primary",
-            )}
-          >
-            {label || lang.toUpperCase()}
-          </DropdownMenuItem>
-        ))}
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}
+import { useTranslation } from "react-i18next";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { changeLanguage } from "@/lang";
+import { cn } from "@/lib/utils";
+import constants from "@/constants/constants.json";
+
+interface LanguageSwitcherProps {
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+const languages: Record<string, string> =
+  constants?.site?.availableLanguages || {};
+
+export function LanguageSwitcher({ className, style }: LanguageSwitcherProps) {
+  const { i18n } = useTranslation();
+  const currentLang = i18n.language;
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant="ghost"
+          size="sm"
+          className={cn("h-9 px-2 text-sm font-medium", className)}
+          style={style}
+        >
+          {languages?.[currentLang] || currentLang.toUpperCase()}
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end">
+        {Object.entries(languages).map(([lang, label]) => (
+          <DropdownMenuItem
+            key={lang}
+            onClick={() => changeLanguage(lang)}
+            className={cn(
+              currentLang === lang ? "bg-accent" : "",
+              "hover:text-primary focus:text-primary",
+            )}
+          >
+            {label || lang.toUpperCase()}
+          </DropdownMenuItem>
+        ))}
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}

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/lib/env.ts

@@ -1,20 +1,20 @@
-// Environment değişkenlerini window'a export et
-declare global {
-  interface Window {
-    ENV: {
-      [key: string]: any;
-    };
-  }
-}
-
-window.ENV = {
-  ...Object.keys(import.meta.env)
-    .filter((key) => key.startsWith('VITE_'))
-    .reduce(
-      (acc, key) => ({
-        ...acc,
-        [key]: import.meta.env[key],
-      }),
-      {},
-    ),
+// Environment değişkenlerini window'a export et
+declare global {
+  interface Window {
+    ENV: {
+      [key: string]: any;
+    };
+  }
+}
+
+window.ENV = {
+  ...Object.keys(import.meta.env)
+    .filter((key) => key.startsWith('VITE_'))
+    .reduce(
+      (acc, key) => ({
+        ...acc,
+        [key]: import.meta.env[key],
+      }),
+      {},
+    ),
 }; 

package/template/src/router.tsx

@@ -1,14 +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>
-  );
-};
+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

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