npm - create-stackforge - Versions diffs - 0.0.1 - Mend

create-stackforge 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

package/README.md +125 -0
package/bin/cli.js +2 -0
package/dist/cli.js +3148 -0
package/dist/cli.js.map +1 -0
package/dist/npm-registry-F7EVX3RR.js +18 -0
package/dist/npm-registry-F7EVX3RR.js.map +1 -0
package/package.json +74 -0
package/templates/api/graphql/client-usage.jsx +14 -0
package/templates/api/graphql/client-usage.tsx +14 -0
package/templates/api/graphql/client.js +12 -0
package/templates/api/graphql/client.ts +12 -0
package/templates/api/graphql/route.js +32 -0
package/templates/api/graphql/route.ts +23 -0
package/templates/api/graphql/schema.graphql +13 -0
package/templates/api/graphql/vite-server.js +27 -0
package/templates/api/graphql/vite-server.ts +27 -0
package/templates/api/rest/client-usage.jsx +14 -0
package/templates/api/rest/client-usage.tsx +14 -0
package/templates/api/rest/client.js +4 -0
package/templates/api/rest/client.ts +4 -0
package/templates/api/rest/route.js +3 -0
package/templates/api/rest/route.ts +3 -0
package/templates/api/rest/users-route.js +11 -0
package/templates/api/rest/users-route.ts +11 -0
package/templates/api/rest/vite-server.js +15 -0
package/templates/api/rest/vite-server.ts +15 -0
package/templates/api/trpc/client-usage.jsx +26 -0
package/templates/api/trpc/client-usage.tsx +26 -0
package/templates/api/trpc/client-vite.js +15 -0
package/templates/api/trpc/client-vite.ts +16 -0
package/templates/api/trpc/client.js +13 -0
package/templates/api/trpc/client.ts +14 -0
package/templates/api/trpc/root.ts +11 -0
package/templates/api/trpc/route.js +12 -0
package/templates/api/trpc/route.ts +12 -0
package/templates/api/trpc/trpc.ts +6 -0
package/templates/api/trpc/vite-server.js +9 -0
package/templates/api/trpc/vite-server.ts +9 -0
package/templates/auth/clerk-protected-page.jsx +11 -0
package/templates/auth/clerk-protected-page.tsx +11 -0
package/templates/auth/clerk-protected.jsx +11 -0
package/templates/auth/clerk-protected.tsx +11 -0
package/templates/auth/clerk-signin.jsx +11 -0
package/templates/auth/clerk-signin.tsx +11 -0
package/templates/auth/clerk.README.md +8 -0
package/templates/auth/nextauth-options.js +3 -0
package/templates/auth/nextauth-options.ts +5 -0
package/templates/auth/nextauth-protected-page.jsx +12 -0
package/templates/auth/nextauth-protected-page.tsx +12 -0
package/templates/auth/nextauth-protected.jsx +12 -0
package/templates/auth/nextauth-protected.tsx +12 -0
package/templates/auth/nextauth-route.ts +6 -0
package/templates/auth/nextauth-signin.jsx +15 -0
package/templates/auth/nextauth-signin.tsx +15 -0
package/templates/auth/nextauth.README.md +10 -0
package/templates/auth/supabase-protected-page.jsx +13 -0
package/templates/auth/supabase-protected-page.tsx +13 -0
package/templates/auth/supabase-protected.jsx +13 -0
package/templates/auth/supabase-protected.tsx +13 -0
package/templates/auth/supabase-signin.jsx +25 -0
package/templates/auth/supabase-signin.tsx +25 -0
package/templates/auth/supabase-vite-signin.jsx +20 -0
package/templates/auth/supabase-vite-signin.tsx +20 -0
package/templates/auth/supabase.README.md +9 -0
package/templates/database/drizzle/client.js +8 -0
package/templates/database/drizzle/client.ts +8 -0
package/templates/database/drizzle/drizzle.config.ts +6 -0
package/templates/database/drizzle/example.js +6 -0
package/templates/database/drizzle/example.ts +6 -0
package/templates/database/drizzle/schema.ts +6 -0
package/templates/database/mongoose/connection.js +13 -0
package/templates/database/mongoose/connection.ts +13 -0
package/templates/database/mongoose/model.js +7 -0
package/templates/database/mongoose/model.ts +7 -0
package/templates/database/prisma/client.js +3 -0
package/templates/database/prisma/client.ts +3 -0
package/templates/database/prisma/example.js +5 -0
package/templates/database/prisma/example.ts +7 -0
package/templates/database/prisma/schema.prisma +13 -0
package/templates/database/providers/neon.README.md +9 -0
package/templates/database/providers/supabase.README.md +9 -0
package/templates/database/typeorm/data-source.js +15 -0
package/templates/database/typeorm/data-source.ts +15 -0
package/templates/database/typeorm/entity.js +10 -0
package/templates/database/typeorm/entity.ts +10 -0
package/templates/database/typeorm/migrations/README.md +5 -0
package/templates/database/usage/drizzle-users.js +6 -0
package/templates/database/usage/drizzle-users.ts +6 -0
package/templates/database/usage/mongoose-users.js +5 -0
package/templates/database/usage/mongoose-users.ts +5 -0
package/templates/database/usage/prisma-users.js +5 -0
package/templates/database/usage/prisma-users.ts +5 -0
package/templates/database/usage/typeorm-users.js +9 -0
package/templates/database/usage/typeorm-users.ts +9 -0
package/templates/features/analytics/README.md +9 -0
package/templates/features/analytics/posthog.js +7 -0
package/templates/features/analytics/posthog.ts +9 -0
package/templates/features/email/README.md +17 -0
package/templates/features/email/resend.js +3 -0
package/templates/features/email/resend.ts +3 -0
package/templates/features/error-tracking/README.md +9 -0
package/templates/features/error-tracking/sentry.js +7 -0
package/templates/features/error-tracking/sentry.ts +7 -0
package/templates/features/payments/README.md +17 -0
package/templates/features/payments/stripe.js +5 -0
package/templates/features/payments/stripe.ts +5 -0
package/templates/features/storage/README.md +12 -0
package/templates/features/storage/storage.js +5 -0
package/templates/features/storage/storage.ts +5 -0
package/templates/nextjs/app/actions.js +6 -0
package/templates/nextjs/app/actions.ts +6 -0
package/templates/nextjs/app/examples-page.jsx +16 -0
package/templates/nextjs/app/examples-page.tsx +16 -0
package/templates/nextjs/app/layout.jsx +7 -0
package/templates/nextjs/app/layout.tsx +7 -0
package/templates/nextjs/app/page.jsx +12 -0
package/templates/nextjs/app/page.tsx +12 -0
package/templates/nextjs/next.config.js +4 -0
package/templates/nextjs/next.config.ts +7 -0
package/templates/shared/.editorconfig +8 -0
package/templates/ui/antd.README.md +7 -0
package/templates/ui/antd.theme.js +5 -0
package/templates/ui/antd.theme.ts +7 -0
package/templates/ui/button.jsx +13 -0
package/templates/ui/button.tsx +13 -0
package/templates/ui/chakra.README.md +7 -0
package/templates/ui/chakra.theme.js +8 -0
package/templates/ui/chakra.theme.ts +8 -0
package/templates/ui/components.json +14 -0
package/templates/ui/demo-antd.jsx +5 -0
package/templates/ui/demo-antd.tsx +5 -0
package/templates/ui/demo-chakra.jsx +5 -0
package/templates/ui/demo-chakra.tsx +5 -0
package/templates/ui/demo-mantine.jsx +5 -0
package/templates/ui/demo-mantine.tsx +5 -0
package/templates/ui/demo-mui.jsx +5 -0
package/templates/ui/demo-mui.tsx +5 -0
package/templates/ui/demo-nextui.jsx +5 -0
package/templates/ui/demo-nextui.tsx +5 -0
package/templates/ui/demo-shadcn.jsx +5 -0
package/templates/ui/demo-shadcn.tsx +5 -0
package/templates/ui/demo-tailwind.jsx +3 -0
package/templates/ui/demo-tailwind.tsx +3 -0
package/templates/ui/mantine.README.md +7 -0
package/templates/ui/mantine.theme.js +3 -0
package/templates/ui/mantine.theme.ts +3 -0
package/templates/ui/mui.README.md +7 -0
package/templates/ui/mui.theme.js +7 -0
package/templates/ui/mui.theme.ts +7 -0
package/templates/ui/nextui.README.md +7 -0
package/templates/ui/nextui.theme.js +1 -0
package/templates/ui/nextui.theme.ts +1 -0
package/templates/ui/postcss.config.js +1 -0
package/templates/ui/shadcn.README.md +1 -0
package/templates/ui/styles.css +3 -0
package/templates/ui/tailwind.config.js +6 -0
package/templates/ui/utils.js +3 -0
package/templates/ui/utils.ts +3 -0
package/templates/vite/App.jsx +12 -0
package/templates/vite/App.tsx +12 -0
package/templates/vite/index.html +12 -0
package/templates/vite/main.jsx +12 -0
package/templates/vite/main.tsx +12 -0
package/templates/vite/vite-env.d.ts +1 -0
package/templates/vite/vite.config.ts +12 -0

package/templates/features/error-tracking/README.md ADDED Viewed

@@ -0,0 +1,9 @@
+# Error Tracking
+This project includes Sentry (Next.js).
+Configure:
+- Add `SENTRY_DSN`
+Usage:
+- Initialize in `src/lib/sentry.ts`.

package/templates/features/error-tracking/sentry.js ADDED Viewed

@@ -0,0 +1,7 @@
+import * as Sentry from '@sentry/nextjs';
+Sentry.init({
+  dsn: process.env.SENTRY_DSN || ''
+});
+export { Sentry };

package/templates/features/error-tracking/sentry.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import * as Sentry from '@sentry/nextjs';
+export function initSentry() {
+  const dsn = process.env.SENTRY_DSN || '';
+  if (!dsn) return;
+  Sentry.init({ dsn });
+}

package/templates/features/payments/README.md ADDED Viewed

@@ -0,0 +1,17 @@
+# Payments (Stripe)
+## Setup
+1. Add STRIPE_SECRET_KEY to .env.
+2. Client lives at src/lib/stripe.ts (server-side use only).
+## Example
+```ts
+import { stripe } from '@/lib/stripe';
+const session = await stripe.checkout.sessions.create({
+  mode: 'payment',
+  line_items: [{ price: 'price_123', quantity: 1 }],
+  success_url: 'https://example.com/success',
+  cancel_url: 'https://example.com/cancel'
+});
+```

package/templates/features/payments/stripe.js ADDED Viewed

@@ -0,0 +1,5 @@
+import Stripe from 'stripe';
+export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY || '', {
+  apiVersion: '2023-10-16'
+});

package/templates/features/payments/stripe.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import Stripe from 'stripe';
+export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY || '', {
+  apiVersion: '2023-10-16'
+});

package/templates/features/storage/README.md ADDED Viewed

@@ -0,0 +1,12 @@
+# Storage (Cloudinary)
+## Setup
+1. Add CLOUDINARY_URL to .env.
+2. Configure Cloudinary in your app code as needed.
+## Example
+```ts
+import { v2 as cloudinary } from 'cloudinary';
+cloudinary.config({ url: process.env.CLOUDINARY_URL });
+```

package/templates/features/storage/storage.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { v2 as cloudinary } from 'cloudinary';
+cloudinary.config({ url: process.env.CLOUDINARY_URL });
+export { cloudinary };

package/templates/features/storage/storage.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { v2 as cloudinary } from 'cloudinary';
+cloudinary.config({ url: process.env.CLOUDINARY_URL });
+export { cloudinary };

package/templates/nextjs/app/actions.js ADDED Viewed

@@ -0,0 +1,6 @@
+'use server';
+export async function exampleAction(formData) {
+  const name = String(formData.get('name') || 'world');
+  console.log(`Hello ${name}`);
+}

package/templates/nextjs/app/actions.ts ADDED Viewed

@@ -0,0 +1,6 @@
+'use server';
+export async function exampleAction(formData: FormData) {
+  const name = String(formData.get('name') || 'world');
+  console.log(`Hello ${name}`);
+}

package/templates/nextjs/app/examples-page.jsx ADDED Viewed

@@ -0,0 +1,16 @@
+{{imports}}{{uiDemoImport}}import { exampleAction } from '../actions';
+export default function ExamplesPage() {
+  return (
+    <main>
+      <h1>API Examples</h1>
+      <form action={exampleAction}>
+        <input name="name" placeholder="Your name" />
+        <button type="submit">Run server action</button>
+      </form>
+      {{featureNotes}}
+      {{components}}
+      {{uiDemoComponent}}
+    </main>
+  );
+}

package/templates/nextjs/app/examples-page.tsx ADDED Viewed

@@ -0,0 +1,16 @@
+{{imports}}{{uiDemoImport}}import { exampleAction } from '../actions';
+export default function ExamplesPage() {
+  return (
+    <main>
+      <h1>API Examples</h1>
+      <form action={exampleAction}>
+        <input name="name" placeholder="Your name" />
+        <button type="submit">Run server action</button>
+      </form>
+      {{featureNotes}}
+      {{components}}
+      {{uiDemoComponent}}
+    </main>
+  );
+}

package/templates/nextjs/app/layout.jsx ADDED Viewed

@@ -0,0 +1,7 @@
+{{importCss}}{{providersImport}}export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>{{wrapChildren}}</body>
+    </html>
+  );
+}

package/templates/nextjs/app/layout.tsx ADDED Viewed

@@ -0,0 +1,7 @@
+{{importCss}}{{providersImport}}export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>{{wrapChildren}}</body>
+    </html>
+  );
+}

package/templates/nextjs/app/page.jsx ADDED Viewed

@@ -0,0 +1,12 @@
+import Link from 'next/link';
+export default function Page() {
+  return (
+    <main>
+      <h1>Welcome to {{projectName}}</h1>
+      <ul>
+        {{links}}
+      </ul>
+    </main>
+  );
+}

package/templates/nextjs/app/page.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import Link from 'next/link';
+export default function Page() {
+  return (
+    <main>
+      <h1>Welcome to {{projectName}}</h1>
+      <ul>
+        {{links}}
+      </ul>
+    </main>
+  );
+}

package/templates/nextjs/next.config.js ADDED Viewed

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+export default nextConfig;

package/templates/nextjs/next.config.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { NextConfig } from 'next';
+const nextConfig: NextConfig = {
+  reactStrictMode: true
+};
+export default nextConfig;

package/templates/shared/.editorconfig ADDED Viewed

@@ -0,0 +1,8 @@
+root = true
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2

package/templates/ui/antd.README.md ADDED Viewed

@@ -0,0 +1,7 @@
+# Ant Design Setup
+This project uses Ant Design.
+Next steps:
+- Import `antd/dist/reset.css` in your entry file.
+- Use components directly from `antd`.

package/templates/ui/antd.theme.js ADDED Viewed

@@ -0,0 +1,5 @@
+export const theme = {
+  token: {
+    colorPrimary: '#1677ff'
+  }
+};

package/templates/ui/antd.theme.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { ThemeConfig } from 'antd';
+export const theme: ThemeConfig = {
+  token: {
+    colorPrimary: '#1677ff'
+  }
+};

package/templates/ui/button.jsx ADDED Viewed

@@ -0,0 +1,13 @@
+import { cn } from '../../lib/utils';
+export function Button({ className, ...props }) {
+  return (
+    <button
+      className={cn(
+        'inline-flex items-center justify-center rounded-md bg-black px-3 py-2 text-sm text-white',
+        className
+      )}
+      {...props}
+    />
+  );
+}

package/templates/ui/button.tsx ADDED Viewed

@@ -0,0 +1,13 @@
+import { cn } from '../../lib/utils';
+export function Button({ className, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  return (
+    <button
+      className={cn(
+        'inline-flex items-center justify-center rounded-md bg-black px-3 py-2 text-sm text-white',
+        className
+      )}
+      {...props}
+    />
+  );
+}

package/templates/ui/chakra.README.md ADDED Viewed

@@ -0,0 +1,7 @@
+# Chakra UI Setup
+This project uses Chakra UI.
+Next steps:
+- Wrap your app with `ChakraProvider`.
+- Extend theme in `src/theme.ts`.

package/templates/ui/chakra.theme.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { extendTheme } from '@chakra-ui/react';
+export const theme = extendTheme({
+  config: {
+    initialColorMode: 'light',
+    useSystemColorMode: false
+  }
+});

package/templates/ui/chakra.theme.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { extendTheme } from '@chakra-ui/react';
+export const theme = extendTheme({
+  config: {
+    initialColorMode: 'light',
+    useSystemColorMode: false
+  }
+});

package/templates/ui/components.json ADDED Viewed

@@ -0,0 +1,14 @@
+{
+  "style": "default",
+  "rsc": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/styles.css",
+    "baseColor": "slate",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "src/components",
+    "utils": "src/lib/utils"
+  }
+}

package/templates/ui/demo-antd.jsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from 'antd';
+export function UiDemo() {
+  return <Button type="primary">AntD Button</Button>;
+}

package/templates/ui/demo-antd.tsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from 'antd';
+export function UiDemo() {
+  return <Button type="primary">AntD Button</Button>;
+}

package/templates/ui/demo-chakra.jsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from '@chakra-ui/react';
+export function UiDemo() {
+  return <Button colorScheme="blue">Chakra Button</Button>;
+}

package/templates/ui/demo-chakra.tsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from '@chakra-ui/react';
+export function UiDemo() {
+  return <Button colorScheme="blue">Chakra Button</Button>;
+}

package/templates/ui/demo-mantine.jsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from '@mantine/core';
+export function UiDemo() {
+  return <Button>Mantine Button</Button>;
+}

package/templates/ui/demo-mantine.tsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from '@mantine/core';
+export function UiDemo() {
+  return <Button>Mantine Button</Button>;
+}

package/templates/ui/demo-mui.jsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from '@mui/material';
+export function UiDemo() {
+  return <Button variant="contained">MUI Button</Button>;
+}

package/templates/ui/demo-mui.tsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from '@mui/material';
+export function UiDemo() {
+  return <Button variant="contained">MUI Button</Button>;
+}

package/templates/ui/demo-nextui.jsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from '@nextui-org/react';
+export function UiDemo() {
+  return <Button color="primary">NextUI Button</Button>;
+}

package/templates/ui/demo-nextui.tsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from '@nextui-org/react';
+export function UiDemo() {
+  return <Button color="primary">NextUI Button</Button>;
+}

package/templates/ui/demo-shadcn.jsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from './ui/button';
+export function UiDemo() {
+  return <Button>shadcn/ui Button</Button>;
+}

package/templates/ui/demo-shadcn.tsx ADDED Viewed

@@ -0,0 +1,5 @@
+import { Button } from './ui/button';
+export function UiDemo() {
+  return <Button>shadcn/ui Button</Button>;
+}

package/templates/ui/demo-tailwind.jsx ADDED Viewed

@@ -0,0 +1,3 @@
+export function UiDemo() {
+  return <button className="rounded bg-black px-3 py-2 text-sm text-white">Tailwind Button</button>;
+}

package/templates/ui/demo-tailwind.tsx ADDED Viewed

@@ -0,0 +1,3 @@
+export function UiDemo() {
+  return <button className="rounded bg-black px-3 py-2 text-sm text-white">Tailwind Button</button>;
+}

package/templates/ui/mantine.README.md ADDED Viewed

@@ -0,0 +1,7 @@
+# Mantine Setup
+This project uses Mantine.
+Next steps:
+- Wrap your app with `MantineProvider`.
+- Add global styles in `src/main.tsx` or app layout.

package/templates/ui/mantine.theme.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { createTheme } from '@mantine/core';
+export const theme = createTheme({});

package/templates/ui/mantine.theme.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { createTheme } from '@mantine/core';
+export const theme = createTheme({});

package/templates/ui/mui.README.md ADDED Viewed

@@ -0,0 +1,7 @@
+# MUI Setup
+This project uses MUI.
+Next steps:
+- Wrap your app with `ThemeProvider`.
+- Customize theme in `src/theme.ts`.

package/templates/ui/mui.theme.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { createTheme } from '@mui/material/styles';
+export const theme = createTheme({
+  palette: {
+    mode: 'light'
+  }
+});

package/templates/ui/mui.theme.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { createTheme } from '@mui/material/styles';
+export const theme = createTheme({
+  palette: {
+    mode: 'light'
+  }
+});

package/templates/ui/nextui.README.md ADDED Viewed

@@ -0,0 +1,7 @@
+# NextUI Setup
+This project uses NextUI.
+Next steps:
+- Wrap your app with `NextUIProvider`.
+- Import styles in your entry file.

package/templates/ui/nextui.theme.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const theme = {};

package/templates/ui/nextui.theme.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export const theme = {};

package/templates/ui/postcss.config.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export default { plugins: { tailwindcss: {}, autoprefixer: {} } };

package/templates/ui/shadcn.README.md ADDED Viewed

	@@ -0,0 +1 @@
1	+ shadcn/ui components go here

package/templates/ui/styles.css ADDED Viewed

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/templates/ui/tailwind.config.js ADDED Viewed

@@ -0,0 +1,6 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./app/**/*.{ts,tsx,js,jsx}', './src/**/*.{ts,tsx,js,jsx}'],
+  theme: { extend: {} },
+  plugins: []
+};

package/templates/ui/utils.js ADDED Viewed

@@ -0,0 +1,3 @@
+export function cn(...classes) {
+  return classes.filter(Boolean).join(' ');
+}

package/templates/ui/utils.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export function cn(...classes: Array<string | false | null | undefined>) {
+  return classes.filter(Boolean).join(' ');
+}

package/templates/vite/App.jsx ADDED Viewed

@@ -0,0 +1,12 @@
+{{apiImports}}{{uiDemoImport}}export default function App() {
+  const apiUrl = import.meta.env.VITE_API_URL || 'http://localhost:3001';
+  return (
+    <main>
+      <h1>Welcome to {{projectName}}</h1>
+      <p>API base: {apiUrl}</p>
+      {{featureNotes}}
+      {{apiExamples}}
+      {{uiDemoComponent}}
+    </main>
+  );
+}

package/templates/vite/App.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+{{apiImports}}{{uiDemoImport}}export default function App() {
+  const apiUrl = import.meta.env.VITE_API_URL || 'http://localhost:3001';
+  return (
+    <main>
+      <h1>Welcome to {{projectName}}</h1>
+      <p>API base: {apiUrl}</p>
+      {{featureNotes}}
+      {{apiExamples}}
+      {{uiDemoComponent}}
+    </main>
+  );
+}

package/templates/vite/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.{{ext}}"></script>
+  </body>
+</html>

package/templates/vite/main.jsx ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+{{importCss}}
+{{providersImport}}
+{{initImports}}
+{{initCalls}}
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    {{wrapApp}}
+  </React.StrictMode>
+);

package/templates/vite/main.tsx ADDED Viewed

@@ -0,0 +1,12 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+{{importCss}}
+{{providersImport}}
+{{initImports}}
+{{initCalls}}
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    {{wrapApp}}
+  </React.StrictMode>
+);

package/templates/vite/vite-env.d.ts ADDED Viewed

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

package/templates/vite/vite.config.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { defineConfig } from 'vite';
+import path from 'node:path';
+import react from '@vitejs/plugin-react-swc';
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src')
+    }
+  }
+});