create-fluxstack 1.0.16 → 1.0.19

package/core/templates/create-project.ts

@@ -151,6 +151,8 @@ export class ProjectCreator {
         "@types/bun": "latest",
         "@types/react": "^18.2.0",
         "@types/react-dom": "^18.2.0",
+        "@types/uuid": "^10.0.0",
+        "@types/ws": "^8.18.1",
         "@testing-library/react": "^14.0.0",
         "@testing-library/jest-dom": "^6.1.0",
         "@testing-library/user-event": "^14.5.0",
@@ -164,10 +166,16 @@ export class ProjectCreator {
         "@elysiajs/eden": "^1.3.2",
         "@sinclair/typebox": "^0.34.41",
         "@vitejs/plugin-react": "^4.0.0",
-        elysia: "latest",
-        react: "^18.2.0",
+        "chalk": "^5.3.0",
+        "chokidar": "^4.0.3",
+        "elysia": "latest",
+        "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        vite: "^5.0.0"
+        "react-icons": "^5.5.0",
+        "uuid": "^13.0.0",
+        "vite": "^5.0.0",
+        "ws": "^8.18.3",
+        "zustand": "^5.0.8"
       }
     }
 
@@ -527,44 +535,6 @@ Built with ❤️ using FluxStack framework.
 `
 
     await Bun.write(join(this.targetDir, "README.md"), readme)
-
-    // .gitignore
-    const gitignore = `# Dependencies
-node_modules/
-*.lockb
-
-# Build outputs
-dist/
-build/
-.next/
-
-# Environment variables
-.env.local
-.env.production
-
-# IDE
-.vscode/
-.idea/
-*.swp
-*.swo
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Logs
-*.log
-logs/
-
-# Runtime
-.tmp/
-.cache/
-
-# Bun
-bun.lockb
-`
-
-    await Bun.write(join(this.targetDir, ".gitignore"), gitignore)
   }
 
   private async installDependencies() {

package/create-fluxstack.ts

@@ -62,7 +62,6 @@ program
         'tsconfig.json',
         'vite.config.ts',
         '.env.example',   // ✅ Use .env.example as template
-        '.gitignore',     // ✅ Git ignore file for proper repository setup
         'CLAUDE.md',      // ✅ Project instructions for AI assistants
         'README.md'
       ]
@@ -76,6 +75,123 @@ program
         }
       }
       
+      // Generate .gitignore using template (instead of copying)
+      const gitignoreContent = `# Dependencies
+node_modules/
+.pnp
+.pnp.js
+
+# Production builds
+/dist
+/build
+/.next/
+/out/
+
+# Environment variables
+.env
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# Logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Coverage directory used by tools like istanbul
+coverage/
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Dependency directories
+jspm_packages/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional stylelint cache
+.stylelintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Storybook build outputs
+.out
+.storybook-out
+
+# Temporary folders
+tmp/
+temp/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# OS generated files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.db
+
+# FluxStack specific
+uploads/
+public/uploads/
+.fluxstack/
+
+# Bun
+bun.lockb
+`
+      writeFileSync(join(projectPath, '.gitignore'), gitignoreContent)
+      
       // Create package.json from template
       const packageJsonPath = join(projectPath, 'package.json')
       const templatePath = join(import.meta.dir, 'package-template.json')

package/eslint.config.js

@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { globalIgnores } from 'eslint/config'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fluxstack",
-  "version": "1.0.16",
+  "version": "1.0.19",
   "description": "⚡ Modern full-stack TypeScript framework with Elysia + React + Bun",
   "keywords": [
     "framework",

package/tailwind.config.js

@@ -0,0 +1,34 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./app/client/index.html",
+    "./app/client/src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // Custom colors for FluxStack branding
+        flux: {
+          50: '#f0f9ff',
+          100: '#e0f2fe',
+          200: '#bae6fd',
+          300: '#7dd3fc',
+          400: '#38bdf8',
+          500: '#0ea5e9',
+          600: '#0284c7',
+          700: '#0369a1',
+          800: '#075985',
+          900: '#0c4a6e',
+        }
+      },
+      fontFamily: {
+        sans: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'sans-serif'],
+      },
+      animation: {
+        'spin-slow': 'spin 3s linear infinite',
+        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+      }
+    },
+  },
+  plugins: [],
+}

package/vitest.config.live.ts

@@ -0,0 +1,68 @@
+// 🧪 Vitest Configuration for Live Components Tests
+
+import { defineConfig } from 'vitest/config'
+import path from 'path'
+
+export default defineConfig({
+  test: {
+    name: 'live-components',
+    root: './core/server/live',
+    environment: 'node',
+    setupFiles: ['./__tests__/setup.ts'],
+    include: [
+      '**/__tests__/**/*.test.ts'
+    ],
+    exclude: [
+      '**/node_modules/**',
+      '**/dist/**',
+      '**/.{idea,git,cache,output,temp}/**'
+    ],
+    globals: true,
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      reportsDirectory: './coverage/live-components',
+      include: [
+        'core/server/live/**/*.ts'
+      ],
+      exclude: [
+        'core/server/live/**/__tests__/**',
+        'core/server/live/**/*.test.ts',
+        'core/server/live/**/*.spec.ts'
+      ],
+      thresholds: {
+        global: {
+          branches: 80,
+          functions: 80,
+          lines: 80,
+          statements: 80
+        }
+      }
+    },
+    testTimeout: 10000,
+    hookTimeout: 10000,
+    teardownTimeout: 5000,
+    isolate: true,
+    pool: 'threads',
+    poolOptions: {
+      threads: {
+        singleThread: false,
+        minThreads: 1,
+        maxThreads: 4
+      }
+    },
+    reporter: ['verbose', 'json'],
+    outputFile: {
+      json: './test-results/live-components.json'
+    }
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './core'),
+      '@tests': path.resolve(__dirname, './core/server/live/__tests__')
+    }
+  },
+  esbuild: {
+    target: 'node18'
+  }
+})

package/vitest.config.ts

@@ -0,0 +1,42 @@
+/// <reference types="vitest" />
+/// <reference types="@testing-library/jest-dom" />
+import { defineConfig } from 'vitest/config'
+import react from '@vitejs/plugin-react'
+import { resolve } from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: ['./app/client/src/test/setup.ts'],
+    include: [
+      'app/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
+      'core/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'
+    ],
+    exclude: [
+      'node_modules',
+      'dist',
+      '.git',
+      '.cache'
+    ],
+    coverage: {
+      provider: 'v8',
+      reporter: ['text', 'json', 'html'],
+      exclude: [
+        'node_modules/',
+        'app/client/src/test/',
+        '**/*.d.ts',
+        '**/*.config.*',
+        '**/coverage/**'
+      ]
+    }
+  },
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './app/client/src'),
+      '@core': resolve(__dirname, './core'),
+      '@server': resolve(__dirname, './app/server')
+    }
+  }
+})

package/workspace.json

@@ -0,0 +1,6 @@
+{
+  "name": "fluxstack-workspace",
+  "workspaces": [
+    "./packages/*"
+  ]
+}