create-stackkit-app 0.4.2 → 0.4.4

package/templates/react-vite/src/router.tsx

@@ -1,31 +1,31 @@
-import { createBrowserRouter } from 'react-router';
-import { userService } from './api/services/user.service';
-import { ErrorBoundary } from './components/ErrorBoundary';
-import Layout from './components/Layout';
-import About from './pages/About';
-import Home from './pages/Home';
-import NotFound from './pages/NotFound';
-import UserProfile from './pages/UserProfile';
+import { createBrowserRouter } from "react-router";
+import { userService } from "./api/services/user.service";
+import { ErrorBoundary } from "./components/ErrorBoundary";
+import Layout from "./components/Layout";
+import About from "./pages/About";
+import Home from "./pages/Home";
+import NotFound from "./pages/NotFound";
+import UserProfile from "./pages/UserProfile";
 
 export const router = createBrowserRouter([
   {
-    path: '/',
+    path: "/",
     Component: Layout,
     errorElement: <ErrorBoundary />,
     children: [
       { index: true, Component: Home },
-      { path: 'about', Component: About },
+      { path: "about", Component: About },
       {
-        path: 'users/:userId',
+        path: "users/:userId",
         loader: async ({ params }) => {
           const id = params.userId;
-          if (!id) throw new Response('Missing user id', { status: 400 });
+          if (!id) throw new Response("Missing user id", { status: 400 });
           const user = await userService.getUser(id);
           return user;
         },
         Component: UserProfile,
       },
-      { path: '*', Component: NotFound },
+      { path: "*", Component: NotFound },
     ],
   },
 ]);

package/templates/react-vite/src/types/{api.ts → api.d.ts}

@@ -1,20 +1,20 @@
-export interface ApiResponse<T = unknown> {
+type ApiResponse<T = unknown> = {
   data: T;
   message?: string;
   status: number;
-}
+};
 
-export interface PaginatedResponse<T> {
+type PaginatedResponse<T> = {
   data: T[];
   total: number;
   page: number;
   pageSize: number;
   totalPages: number;
-}
+};
 
-export interface ApiError {
+type ApiError = {
   message: string;
   code?: string;
   status?: number;
   errors?: Record<string, string[]>;
-}
+};

package/templates/react-vite/src/types/user.d.ts

@@ -0,0 +1,6 @@
+type User = {
+  id: string;
+  name: string;
+  email: string;
+  avatar?: string;
+};

package/templates/react-vite/src/utils/helpers.ts

@@ -1,19 +1,19 @@
 export function cn(...classes: (string | boolean | undefined | null)[]): string {
-  return classes.filter(Boolean).join(' ');
+  return classes.filter(Boolean).join(" ");
 }
 
 export function formatDate(date: Date | string): string {
-  const d = typeof date === 'string' ? new Date(date) : date;
-  return d.toLocaleDateString('en-US', {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
+  const d = typeof date === "string" ? new Date(date) : date;
+  return d.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
   });
 }
 
 export function truncate(str: string, maxLength: number): string {
   if (str.length <= maxLength) return str;
-  return str.slice(0, maxLength) + '...';
+  return str.slice(0, maxLength) + "...";
 }
 
 export function delay(ms: number): Promise<void> {
@@ -22,7 +22,7 @@ export function delay(ms: number): Promise<void> {
 
 export function debounce<T extends (...args: never[]) => unknown>(
   func: T,
-  wait: number
+  wait: number,
 ): (...args: Parameters<T>) => void {
   let timeout: ReturnType<typeof setTimeout> | null = null;
 
@@ -45,7 +45,7 @@ export function slugify(str: string): string {
   return str
     .toLowerCase()
     .trim()
-    .replace(/[^\w\s-]/g, '')
-    .replace(/[\s_-]+/g, '-')
-    .replace(/^-+|-+$/g, '');
+    .replace(/[^\w\s-]/g, "")
+    .replace(/[\s_-]+/g, "-")
+    .replace(/^-+|-+$/g, "");
 }

package/templates/react-vite/src/utils/storage.ts

@@ -4,7 +4,7 @@ export const storage = {
       const item = localStorage.getItem(key);
       return item ? JSON.parse(item) : (defaultValue ?? null);
     } catch (error) {
-      console.error('Error reading from localStorage:', error);
+      console.error("Error reading from localStorage:", error);
       return defaultValue ?? null;
     }
   },
@@ -13,7 +13,7 @@ export const storage = {
     try {
       localStorage.setItem(key, JSON.stringify(value));
     } catch (error) {
-      console.error('Error writing to localStorage:', error);
+      console.error("Error writing to localStorage:", error);
     }
   },
 
@@ -21,7 +21,7 @@ export const storage = {
     try {
       localStorage.removeItem(key);
     } catch (error) {
-      console.error('Error removing from localStorage:', error);
+      console.error("Error removing from localStorage:", error);
     }
   },
 
@@ -29,7 +29,7 @@ export const storage = {
     try {
       localStorage.clear();
     } catch (error) {
-      console.error('Error clearing localStorage:', error);
+      console.error("Error clearing localStorage:", error);
     }
   },
 };

package/templates/react-vite/template.json

@@ -16,5 +16,31 @@
     "tsconfig.app.json",
     "tsconfig.node.json",
     "vite.config.ts"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "preview": "vite preview"
+  },
+  "jsScripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "preview": "vite preview"
+  },
+  "fileReplacements": [
+    {
+      "file": "index.html",
+      "from": "/src/main.tsx",
+      "to": "/src/main.jsx"
+    },
+    {
+      "file": "vite.config.ts",
+      "from": "main.tsx",
+      "to": "main.jsx"
+    }
   ]
 }

package/templates/react-vite/tsconfig.json

@@ -1,7 +1,4 @@
 {
   "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
 }

package/templates/react-vite/vite.config.ts

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

package/dist/lib/template-composer.d.ts

@@ -1,16 +0,0 @@
-export declare class TemplateComposer {
-    private templatesDir;
-    constructor(templatesDir: string);
-    /**
-     * Compose a project from base + database + auth selections
-     */
-    compose(targetDir: string, framework: string, database: string, auth: string): Promise<void>;
-    private loadConfig;
-    private getBaseFiles;
-    private collectFiles;
-    private copyFiles;
-    private mergeConfigs;
-    private writePackageJson;
-    private writeEnvFile;
-    private getAuthKey;
-}

package/dist/lib/template-composer.js

@@ -1,197 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TemplateComposer = void 0;
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const path_1 = __importDefault(require("path"));
-class TemplateComposer {
-    constructor(templatesDir) {
-        this.templatesDir = templatesDir;
-    }
-    /**
-     * Compose a project from base + database + auth selections
-     */
-    async compose(targetDir, framework, database, auth) {
-        const configs = [];
-        const filesToCopy = [];
-        // 1. Load base framework template
-        const baseConfig = await this.loadConfig(path_1.default.join(this.templatesDir, framework));
-        configs.push(baseConfig);
-        // Copy base files
-        const baseFiles = await this.getBaseFiles(framework);
-        filesToCopy.push(...baseFiles);
-        // 2. Load database configuration if not "none"
-        if (database !== 'none') {
-            const dbConfig = await this.loadConfig(path_1.default.join(this.templatesDir, 'databases', database));
-            // Check compatibility
-            if (dbConfig.compatibleWith?.frameworks &&
-                !dbConfig.compatibleWith.frameworks.includes(framework)) {
-                throw new Error(`${dbConfig.displayName} is not compatible with ${framework}`);
-            }
-            configs.push(dbConfig);
-            // Copy database files
-            const dbDir = path_1.default.join(this.templatesDir, 'databases', database);
-            const dbFiles = await this.collectFiles(dbDir);
-            filesToCopy.push(...dbFiles.map((f) => ({
-                source: f,
-                dest: path_1.default.join(targetDir, f.replace(dbDir + path_1.default.sep, '')),
-            })));
-        }
-        // 3. Load auth configuration if not "none"
-        if (auth !== 'none') {
-            const authKey = this.getAuthKey(framework, auth);
-            const authDir = path_1.default.join(this.templatesDir, 'auth', authKey);
-            if (await fs_extra_1.default.pathExists(authDir)) {
-                const authConfig = await this.loadConfig(authDir);
-                // Check compatibility
-                if (authConfig.compatibleWith?.frameworks &&
-                    !authConfig.compatibleWith.frameworks.includes(framework)) {
-                    throw new Error(`${authConfig.displayName} is not compatible with ${framework}`);
-                }
-                if (authConfig.compatibleWith?.databases &&
-                    !authConfig.compatibleWith.databases.includes(database)) {
-                    throw new Error(`${authConfig.displayName} is not compatible with ${database}`);
-                }
-                configs.push(authConfig);
-                // Copy auth files
-                const authFiles = await this.collectFiles(authDir);
-                filesToCopy.push(...authFiles.map((f) => ({
-                    source: f,
-                    dest: path_1.default.join(targetDir, f.replace(authDir + path_1.default.sep, '')),
-                })));
-            }
-        }
-        // 4. Merge all configurations
-        const mergedConfig = this.mergeConfigs(configs);
-        // 5. Copy all files
-        await this.copyFiles(filesToCopy);
-        // 6. Create/update package.json
-        await this.writePackageJson(targetDir, mergedConfig);
-        // 7. Create/update .env
-        await this.writeEnvFile(targetDir, mergedConfig);
-    }
-    async loadConfig(dir) {
-        const configPath = path_1.default.join(dir, 'config.json');
-        const templatePath = path_1.default.join(dir, 'template.json');
-        if (await fs_extra_1.default.pathExists(configPath)) {
-            return await fs_extra_1.default.readJson(configPath);
-        }
-        else if (await fs_extra_1.default.pathExists(templatePath)) {
-            return await fs_extra_1.default.readJson(templatePath);
-        }
-        throw new Error(`No configuration found in ${dir}`);
-    }
-    async getBaseFiles(framework) {
-        // For now, use existing complete template
-        // In future, this will use minimal base templates
-        const baseDir = path_1.default.join(this.templatesDir, 'next-prisma-postgres-shadcn');
-        const files = await this.collectFiles(baseDir);
-        return files.map((source) => ({
-            source,
-            dest: source.replace(baseDir, ''),
-        }));
-    }
-    async collectFiles(dir, exclude = ['config.json', 'template.json', 'node_modules']) {
-        const files = [];
-        if (!(await fs_extra_1.default.pathExists(dir))) {
-            return files;
-        }
-        const entries = await fs_extra_1.default.readdir(dir, { withFileTypes: true });
-        for (const entry of entries) {
-            if (exclude.includes(entry.name))
-                continue;
-            const fullPath = path_1.default.join(dir, entry.name);
-            if (entry.isDirectory()) {
-                const subFiles = await this.collectFiles(fullPath, exclude);
-                files.push(...subFiles);
-            }
-            else {
-                files.push(fullPath);
-            }
-        }
-        return files;
-    }
-    async copyFiles(files) {
-        for (const { source, dest } of files) {
-            await fs_extra_1.default.ensureDir(path_1.default.dirname(dest));
-            await fs_extra_1.default.copy(source, dest, { overwrite: true });
-        }
-    }
-    mergeConfigs(configs) {
-        return configs.reduce((merged, config) => {
-            return {
-                ...merged,
-                dependencies: {
-                    ...merged.dependencies,
-                    ...config.dependencies,
-                },
-                devDependencies: {
-                    ...merged.devDependencies,
-                    ...config.devDependencies,
-                },
-                scripts: {
-                    ...merged.scripts,
-                    ...config.scripts,
-                },
-                env: {
-                    ...merged.env,
-                    ...config.env,
-                },
-            };
-        }, {});
-    }
-    async writePackageJson(targetDir, config) {
-        const pkgPath = path_1.default.join(targetDir, 'package.json');
-        let pkg = {};
-        if (await fs_extra_1.default.pathExists(pkgPath)) {
-            pkg = await fs_extra_1.default.readJson(pkgPath);
-        }
-        // Merge dependencies and scripts
-        if (config.dependencies) {
-            pkg.dependencies = { ...pkg.dependencies, ...config.dependencies };
-        }
-        if (config.devDependencies) {
-            pkg.devDependencies = { ...pkg.devDependencies, ...config.devDependencies };
-        }
-        if (config.scripts) {
-            pkg.scripts = { ...pkg.scripts, ...config.scripts };
-        }
-        await fs_extra_1.default.writeJson(pkgPath, pkg, { spaces: 2 });
-    }
-    async writeEnvFile(targetDir, config) {
-        if (!config.env || Object.keys(config.env).length === 0) {
-            return;
-        }
-        const envPath = path_1.default.join(targetDir, '.env');
-        const envExamplePath = path_1.default.join(targetDir, '.env.example');
-        const envContent = Object.entries(config.env)
-            .map(([key, value]) => `${key}="${value}"`)
-            .join('\n') + '\n';
-        // Append or create .env.example
-        if (await fs_extra_1.default.pathExists(envExamplePath)) {
-            const existing = await fs_extra_1.default.readFile(envExamplePath, 'utf-8');
-            if (!existing.includes(envContent)) {
-                await fs_extra_1.default.appendFile(envExamplePath, '\n' + envContent);
-            }
-        }
-        else {
-            await fs_extra_1.default.writeFile(envExamplePath, envContent);
-        }
-        // Don't overwrite existing .env, but create if missing
-        if (!(await fs_extra_1.default.pathExists(envPath))) {
-            await fs_extra_1.default.writeFile(envPath, envContent);
-        }
-    }
-    getAuthKey(framework, auth) {
-        // Map framework + auth to specific implementation
-        const mapping = {
-            'nextjs-nextauth': 'nextauth',
-            'nextjs-better-auth': 'better-auth-nextjs',
-            'express-better-auth': 'better-auth-express',
-        };
-        return mapping[`${framework}-${auth}`] || auth;
-    }
-}
-exports.TemplateComposer = TemplateComposer;

package/modules/auth/better-auth-express/adapters/mongoose-mongodb.ts

@@ -1,13 +0,0 @@
-import { betterAuth } from 'better-auth';
-import { mongodbAdapter } from 'better-auth/adapters/mongodb';
-import { client } from './db';
-
-export const auth = betterAuth({
-  database: mongodbAdapter(client),
-  emailAndPassword: {
-    enabled: true,
-  },
-});
-
-export type Session = typeof auth.$Infer.Session;
-export type User = typeof auth.$Infer.User;

package/modules/auth/better-auth-express/adapters/prisma-mongodb.ts

@@ -1,15 +0,0 @@
-import { prismaAdapter } from '@better-auth/prisma';
-import { betterAuth } from 'better-auth';
-import { prisma } from './db';
-
-export const auth = betterAuth({
-  database: prismaAdapter(prisma, {
-    provider: 'mongodb',
-  }),
-  emailAndPassword: {
-    enabled: true,
-  },
-});
-
-export type Session = typeof auth.$Infer.Session;
-export type User = typeof auth.$Infer.User;

package/modules/auth/better-auth-express/adapters/prisma-postgresql.ts

@@ -1,15 +0,0 @@
-import { prismaAdapter } from '@better-auth/prisma';
-import { betterAuth } from 'better-auth';
-import { prisma } from './db';
-
-export const auth = betterAuth({
-  database: prismaAdapter(prisma, {
-    provider: 'postgresql',
-  }),
-  emailAndPassword: {
-    enabled: true,
-  },
-});
-
-export type Session = typeof auth.$Infer.Session;
-export type User = typeof auth.$Infer.User;

package/modules/auth/better-auth-express/files/lib/auth.ts

@@ -1,16 +0,0 @@
-import { betterAuth } from 'better-auth';
-
-export const auth = betterAuth({
-  secret: process.env.BETTER_AUTH_SECRET!,
-  baseURL: process.env.BETTER_AUTH_URL!,
-
-  emailAndPassword: {
-    enabled: true,
-  },
-
-  // Uncomment to add database adapter
-  // database: {
-  //   provider: "pg", // or "mongodb", "mysql"
-  //   url: process.env.DATABASE_URL!,
-  // },
-});

package/modules/auth/better-auth-express/files/routes/auth.ts

@@ -1,12 +0,0 @@
-import { Router } from 'express';
-import { auth } from '../lib/auth';
-
-const router = Router();
-
-// Mount Better Auth handlers
-router.all('/auth/*', async (req, res) => {
-  const response = await auth.handler(req);
-  return res.status(response.status).json(response.body);
-});
-
-export default router;

package/modules/auth/better-auth-express/files/schemas/prisma-mongodb-schema.prisma

@@ -1,72 +0,0 @@
-generator client {
-    provider = "prisma-client-js"
-}
-
-datasource db {
-    provider = "mongodb"
-    url      = env("DATABASE_URL")
-}
-
-// Better Auth models for MongoDB
-model User {
-  id            String    @id @default(auto()) @map("_id") @db.ObjectId
-  name          String
-  email         String
-  emailVerified Boolean   @default(false)
-  image         String?
-  createdAt     DateTime  @default(now())
-  updatedAt     DateTime  @updatedAt
-  sessions      Session[]
-  accounts      Account[]
-  role          String    @default("USER")
-
-  @@unique([email])
-  @@map("user")
-}
-
-model Session {
-  id        String   @id @default(auto()) @map("_id") @db.ObjectId
-  expiresAt DateTime
-  token     String   @unique
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  ipAddress String?
-  userAgent String?
-  userId    String   @db.ObjectId
-  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
-
-  @@index([userId])
-  @@map("session")
-}
-
-model Account {
-  id                    String    @id @default(auto()) @map("_id") @db.ObjectId
-  accountId             String
-  providerId            String
-  userId                String    @db.ObjectId
-  user                  User      @relation(fields: [userId], references: [id], onDelete: Cascade)
-  accessToken           String?
-  refreshToken          String?
-  idToken               String?
-  accessTokenExpiresAt  DateTime?
-  refreshTokenExpiresAt DateTime?
-  scope                 String?
-  password              String?
-  createdAt             DateTime  @default(now())
-  updatedAt             DateTime  @updatedAt
-
-  @@index([userId])
-  @@map("account")
-}
-
-model Verification {
-  id         String   @id @default(auto()) @map("_id") @db.ObjectId
-  identifier String
-  value      String
-  expiresAt  DateTime
-  createdAt  DateTime @default(now())
-  updatedAt  DateTime @updatedAt
-
-  @@index([identifier])
-  @@map("verification")
-}

package/modules/auth/better-auth-express/files/schemas/prisma-postgresql-schema.prisma

@@ -1,72 +0,0 @@
-generator client {
-    provider = "prisma-client-js"
-}
-
-datasource db {
-    provider = "postgresql"
-    url      = env("DATABASE_URL")
-}
-
-// Better Auth models for PostgreSQL
-model User {
-  id            String    @id @default(cuid())
-  name          String
-  email         String
-  emailVerified Boolean   @default(false)
-  image         String?
-  createdAt     DateTime  @default(now())
-  updatedAt     DateTime  @updatedAt
-  sessions      Session[]
-  accounts      Account[]
-  role          String    @default("USER")
-
-  @@unique([email])
-  @@map("user")
-}
-
-model Session {
-  id        String   @id @default(cuid())
-  expiresAt DateTime
-  token     String   @unique
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  ipAddress String?
-  userAgent String?
-  userId    String
-  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
-
-  @@index([userId])
-  @@map("session")
-}
-
-model Account {
-  id                    String    @id @default(cuid())
-  accountId             String
-  providerId            String
-  userId                String
-  user                  User      @relation(fields: [userId], references: [id], onDelete: Cascade)
-  accessToken           String?
-  refreshToken          String?
-  idToken               String?
-  accessTokenExpiresAt  DateTime?
-  refreshTokenExpiresAt DateTime?
-  scope                 String?
-  password              String?
-  createdAt             DateTime  @default(now())
-  updatedAt             DateTime  @updatedAt
-
-  @@index([userId])
-  @@map("account")
-}
-
-model Verification {
-  id         String   @id @default(cuid())
-  identifier String
-  value      String
-  expiresAt  DateTime
-  createdAt  DateTime @default(now())
-  updatedAt  DateTime @updatedAt
-
-  @@index([identifier])
-  @@map("verification")
-}