create-fluxstack 1.0.16 → 1.0.18

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/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.18",
   "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/*"
+  ]
+}