create-fluxstack 1.14.0 → 1.16.0

package/core/utils/version.ts

@@ -3,4 +3,4 @@
  * Single source of truth for version number
  * Auto-synced with package.json
  */
-export const FLUXSTACK_VERSION = '1.14.0'
+export const FLUXSTACK_VERSION = '1.16.0'

package/create-fluxstack.ts

@@ -344,7 +344,7 @@ bun.lockb
       
       // Customize package.json with project name
       const packageJsonPath = join(projectPath, 'package.json')
-      const actualProjectName = isCurrentDir ? basename(projectPath) : normalizedName
+      const actualProjectName = basename(projectPath)
 
       if (existsSync(packageJsonPath)) {
         const packageContent = readFileSync(packageJsonPath, 'utf-8')

package/package.json

@@ -1,95 +1,100 @@
-{
-  "name": "create-fluxstack",
-  "version": "1.14.0",
-  "description": "⚡ Revolutionary full-stack TypeScript framework with Declarative Config System, Elysia + React + Bun",
-  "keywords": [
-    "framework",
-    "full-stack",
-    "typescript",
-    "elysia",
-    "react",
-    "bun",
-    "vite"
-  ],
-  "author": "FluxStack Team",
-  "license": "MIT",
-  "homepage": "https://github.com/MarcosBrendonDePaula/FluxStack",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/MarcosBrendonDePaula/FluxStack.git"
-  },
-  "module": "app/server/index.ts",
-  "type": "module",
-  "bin": {
-    "create-fluxstack": "create-fluxstack.ts"
-  },
-  "scripts": {
-    "dev": "bun run core/cli/index.ts dev",
-    "dev:frontend": "bun run core/cli/index.ts dev --frontend-only",
-    "dev:backend": "bun run core/cli/index.ts dev --backend-only",
-    "build": "cross-env NODE_ENV=production bun run core/cli/index.ts build",
-    "build:frontend": "cross-env NODE_ENV=production bun run core/cli/index.ts build --frontend-only",
-    "build:backend": "cross-env NODE_ENV=production bun run core/cli/index.ts build --backend-only",
-    "build:exe": "cross-env NODE_ENV=production && bun run core/cli/index.ts build && bun run core/cli/index.ts build:exe",
-    "start": "NODE_ENV=production bun dist/index.js",
-    "create": "bun run core/cli/index.ts create",
-    "cli": "bun run core/cli/index.ts",
-    "make:component": "bun run core/cli/index.ts make:component",
-    "sync-version": "bun run core/utils/sync-version.ts",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:coverage": "vitest run --coverage",
-    "typecheck:api": "tsc --noEmit -p tsconfig.api-strict.json"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.30.1",
-    "@noble/curves": "1.2.0",
-    "@noble/hashes": "1.3.2",
-    "@tailwindcss/vite": "^4.1.13",
-    "@testing-library/jest-dom": "^6.6.4",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/bun": "latest",
-    "@types/node": "^24.5.2",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitest/coverage-v8": "^3.2.4",
-    "@vitest/ui": "^3.2.4",
-    "cross-env": "^10.1.0",
-    "eslint": "^9.30.1",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.3.0",
-    "jsdom": "^26.1.0",
-    "rollup": "4.20.0",
-    "tailwindcss": "^4.1.13",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.35.1",
-    "vite-plugin-checker": "^0.12.0",
-    "vite-tsconfig-paths": "^6.0.5",
-    "vitest": "^3.2.4"
-  },
-  "dependencies": {
-    "@elysiajs/eden": "^1.3.2",
-    "@elysiajs/swagger": "^1.3.1",
-    "@vitejs/plugin-react": "^4.6.0",
-    "chalk": "^5.3.0",
-    "commander": "^12.1.0",
-    "elysia": "^1.4.6",
-    "lightningcss": "^1.30.1",
-    "ora": "^8.1.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-icons": "^5.5.0",
-    "react-router": "^7.9.3",
-    "uuid": "^13.0.0",
-    "vite": "^7.1.7",
-    "winston": "^3.18.3",
-    "winston-daily-rotate-file": "^5.0.0",
-    "zustand": "^5.0.8"
-  },
-  "engines": {
-    "bun": ">=1.2.0"
-  },
-  "preferredPackageManager": "bun"
-}
+{
+  "name": "create-fluxstack",
+  "version": "1.16.0",
+  "description": "⚡ Revolutionary full-stack TypeScript framework with Declarative Config System, Elysia + React + Bun",
+  "keywords": [
+    "framework",
+    "full-stack",
+    "typescript",
+    "elysia",
+    "react",
+    "bun",
+    "vite"
+  ],
+  "author": "FluxStack Team",
+  "license": "MIT",
+  "homepage": "https://github.com/MarcosBrendonDePaula/FluxStack",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MarcosBrendonDePaula/FluxStack.git"
+  },
+  "module": "app/server/index.ts",
+  "type": "module",
+  "bin": {
+    "create-fluxstack": "create-fluxstack.ts"
+  },
+  "scripts": {
+    "dev": "bun run core/cli/index.ts dev",
+    "dev:frontend": "bun run core/cli/index.ts dev --frontend-only",
+    "dev:backend": "bun run core/cli/index.ts dev --backend-only",
+    "build": "cross-env NODE_ENV=production bun run core/cli/index.ts build",
+    "build:frontend": "cross-env NODE_ENV=production bun run core/cli/index.ts build --frontend-only",
+    "build:backend": "cross-env NODE_ENV=production bun run core/cli/index.ts build --backend-only",
+    "build:exe": "cross-env NODE_ENV=production && bun run core/cli/index.ts build && bun run core/cli/index.ts build:exe",
+    "start": "NODE_ENV=production bun dist/index.js",
+    "create": "bun run core/cli/index.ts create",
+    "cli": "bun run core/cli/index.ts",
+    "make:component": "bun run core/cli/index.ts make:component",
+    "sync-version": "bun run core/utils/sync-version.ts",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage",
+    "typecheck:api": "tsc --noEmit -p tsconfig.api-strict.json"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.30.1",
+    "@noble/curves": "1.2.0",
+    "@noble/hashes": "1.3.2",
+    "@tailwindcss/vite": "^4.1.13",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/bun": "latest",
+    "@types/node": "^24.5.2",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
+    "baseline-browser-mapping": "^2.10.7",
+    "cross-env": "^10.1.0",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "jsdom": "^26.1.0",
+    "rollup": "4.20.0",
+    "tailwindcss": "^4.1.13",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite-plugin-checker": "^0.12.0",
+    "vite-tsconfig-paths": "^6.0.5",
+    "vitest": "^3.2.4"
+  },
+  "dependencies": {
+    "@fluxstack/live": "^0.2.0",
+    "@fluxstack/live-elysia": "^0.2.0",
+    "@fluxstack/live-client": "^0.2.0",
+    "@fluxstack/live-react": "^0.2.0",
+    "@elysiajs/eden": "^1.3.2",
+    "@elysiajs/swagger": "^1.3.1",
+    "@vitejs/plugin-react": "^4.6.0",
+    "chalk": "^5.3.0",
+    "commander": "^12.1.0",
+    "elysia": "^1.4.6",
+    "lightningcss": "^1.30.1",
+    "ora": "^8.1.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-icons": "^5.5.0",
+    "react-router": "^7.9.3",
+    "uuid": "^13.0.0",
+    "vite": "^7.1.7",
+    "winston": "^3.18.3",
+    "winston-daily-rotate-file": "^5.0.0",
+    "zustand": "^5.0.8"
+  },
+  "engines": {
+    "bun": ">=1.2.0"
+  },
+  "preferredPackageManager": "bun"
+}

package/plugins/crypto-auth/index.ts

@@ -9,7 +9,7 @@ type Plugin = FluxStack.Plugin
 import { Elysia, t } from "elysia"
 import { CryptoAuthService, AuthMiddleware } from "./server"
 import { CryptoAuthLiveProvider } from "./server/CryptoAuthLiveProvider"
-import { liveAuthManager } from "@core/server/live/auth"
+import { liveAuthManager } from "@core/server/live"
 import { makeProtectedRouteCommand } from "./cli/make-protected-route.command"
 
 // ✅ Plugin carrega sua própria configuração (da pasta config/ do plugin)

package/plugins/crypto-auth/server/CryptoAuthLiveProvider.ts

@@ -14,8 +14,8 @@ import type {
   LiveAuthProvider,
   LiveAuthCredentials,
   LiveAuthContext,
-} from '@core/server/live/auth/types'
-import { AuthenticatedContext, ANONYMOUS_CONTEXT } from '@core/server/live/auth/LiveAuthContext'
+} from '@fluxstack/live'
+import { AuthenticatedContext, ANONYMOUS_CONTEXT } from '@fluxstack/live'
 
 export class CryptoAuthLiveProvider implements LiveAuthProvider {
   readonly name = 'crypto-auth'

package/tsconfig.json

@@ -28,7 +28,10 @@
       "@config/*": ["./config/*"],
       "@app/*": ["./app/*"],
       "@shared/*": ["./app/shared/*"],
-      "@plugins/*": ["./plugins/*"]
+      "@plugins/*": ["./plugins/*"],
+      "@fluxstack/live": ["../fluxstack-live/packages/core/src/index.ts"],
+      "@fluxstack/live-client": ["../fluxstack-live/packages/client/src/index.ts"],
+      "@fluxstack/live-react": ["../fluxstack-live/packages/react/src/index.ts"]
     },
 
     // Best practices

package/vite.config.ts

@@ -1,34 +1,54 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
-import checker from 'vite-plugin-checker'
 import { resolve } from 'path'
+import { existsSync } from 'fs'
 import { clientConfig } from './config/system/client.config'
-import { helpers } from './core/utils/env'
+import { fluxstackVitePlugins } from './core/build/vite-plugins'
 
 // Root directory (vite.config.ts is in project root)
 const rootDir = import.meta.dirname
 
+// When using bun-linked @fluxstack/live-* packages locally, point Vite at the
+// TypeScript source instead of pre-built dist. This ensures a single React
+// context (no dual-instance problem) and gives us HMR for the library code.
+// In CI or when the sibling repo doesn't exist, resolve from node_modules.
+const liveMonorepoRoot = resolve(rootDir, '../fluxstack-live/packages')
+const hasLocalLiveMonorepo = existsSync(resolve(liveMonorepoRoot, 'core/src/index.ts'))
+
+const liveAliases: Record<string, string> = hasLocalLiveMonorepo
+  ? {
+      '@fluxstack/live-react': resolve(liveMonorepoRoot, 'react/src/index.ts'),
+      '@fluxstack/live-client': resolve(liveMonorepoRoot, 'client/src/index.ts'),
+      '@fluxstack/live': resolve(liveMonorepoRoot, 'core/src/index.ts'),
+    }
+  : {}
+
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
+    // FluxStack internal plugins (live-strip, tsconfig-paths, type-checker)
+    ...fluxstackVitePlugins(),
     react(),
     tailwindcss(),
-    tsconfigPaths({
-      projects: [resolve(rootDir, 'tsconfig.json')]
-    }),
-    // Only run type checker in development (saves ~5+ minutes in Docker builds)
-    helpers.isDevelopment() && checker({
-      typescript: true,
-      overlay: true
-    })
-  ].filter(Boolean),
+  ],
 
   root: resolve(rootDir, 'app/client'),
 
   // Aliases são lidos do tsconfig.json pelo plugin vite-tsconfig-paths
 
+  resolve: {
+    dedupe: ['react', 'react-dom', 'react/jsx-runtime'],
+    alias: liveAliases,
+  },
+
+  // Exclude linked packages from dep optimization when aliased to source
+  optimizeDeps: {
+    exclude: hasLocalLiveMonorepo
+      ? ['@fluxstack/live', '@fluxstack/live-client', '@fluxstack/live-react']
+      : [],
+  },
+
   server: {
     port: clientConfig.vite.port,                    // ✅ From config
     host: clientConfig.vite.host,                    // ✅ From config
@@ -36,6 +56,14 @@ export default defineConfig({
     open: clientConfig.vite.open,                    // ✅ From config
     allowedHosts: clientConfig.vite.allowedHosts,    // ✅ From config (VITE_ALLOWED_HOSTS)
 
+    // Allow Vite to serve files outside the client root (needed for monorepo aliases)
+    fs: {
+      allow: [
+        rootDir,
+        ...(hasLocalLiveMonorepo ? [liveMonorepoRoot] : []),
+      ],
+    },
+
     hmr: {
       protocol: 'ws',
       host: clientConfig.vite.host,

package/app/client/src/live/ChatDemo.tsx

@@ -1,107 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from 'react'
-import { Live } from '@/core/client'
-import { LiveChat } from '@server/live/LiveChat'
-
-export function ChatDemo() {
-  const [text, setText] = useState('')
-  const [user, setUser] = useState('')
-  const containerRef = useRef<HTMLDivElement | null>(null)
-  const wasNearBottomRef = useRef(true)
-  const defaultUser = useMemo(() => {
-    if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) {
-      return `user-${crypto.randomUUID().slice(0, 6)}`
-    }
-    return `user-${Math.random().toString(36).slice(2, 8)}`
-  }, [])
-
-  const chat = Live.use(LiveChat, {
-    room: 'global-chat',
-    initialState: LiveChat.defaultState,
-    persistState: false
-  })
-
-  const handleSend = async () => {
-    if (!text.trim()) return
-    const finalUser = user.trim() || defaultUser
-    await chat.sendMessage({ user: finalUser, text })
-    setText('')
-  }
-
-  useEffect(() => {
-    const el = containerRef.current
-    if (!el) return
-
-    if (wasNearBottomRef.current) {
-      el.scrollTop = el.scrollHeight
-    }
-  }, [chat.$state.messages.length])
-
-  const handleScroll = () => {
-    const el = containerRef.current
-    if (!el) return
-    const distance = el.scrollHeight - (el.scrollTop + el.clientHeight)
-    wasNearBottomRef.current = distance < 80
-  }
-
-  return (
-    <div className="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-4 sm:p-6 md:p-8 w-full max-w-2xl mx-auto">
-      <h2 className="text-2xl font-bold text-white mb-2 text-center">Chat Compartilhado</h2>
-      <p className="text-gray-400 text-sm text-center mb-4">
-        Sala global em tempo real. Abra em várias abas para testar.
-      </p>
-
-      <div className="flex flex-wrap items-center gap-2 mb-4 text-xs">
-        <span className={`px-3 py-1 rounded-full ${chat.$connected ? 'bg-emerald-500/20 text-emerald-300' : 'bg-red-500/20 text-red-300'}`}>
-          {chat.$connected ? 'Conectado' : 'Desconectado'}
-        </span>
-        <span className="text-gray-400">Você: {user.trim() || defaultUser}</span>
-      </div>
-
-      <div className="mb-4">
-        <label className="block text-xs text-gray-400 mb-2">Seu nome</label>
-        <input
-          value={user}
-          onChange={(e) => setUser(e.target.value)}
-          placeholder={`Ex: ${defaultUser}`}
-          className="w-full px-4 py-2 rounded-lg bg-white/10 border border-white/20 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500/50"
-        />
-      </div>
-
-      <div
-        ref={containerRef}
-        onScroll={handleScroll}
-        className="bg-black/40 border border-white/10 rounded-xl p-3 sm:p-5 h-72 sm:h-96 md:h-[28rem] overflow-auto space-y-3"
-      >
-        {chat.$state.messages.length === 0 && (
-          <div className="text-gray-500 text-sm text-center">Nenhuma mensagem ainda</div>
-        )}
-        {chat.$state.messages.map((m) => (
-          <div key={m.id} className="text-sm">
-            <span className="text-purple-300 font-semibold">{m.user}</span>
-            <span className="text-gray-500 text-xs ml-2">{new Date(m.timestamp).toLocaleTimeString()}</span>
-            <div className="text-gray-200">{m.text}</div>
-          </div>
-        ))}
-      </div>
-
-      <div className="mt-4 flex gap-2">
-        <input
-          value={text}
-          onChange={(e) => setText(e.target.value)}
-          onKeyDown={(e) => {
-            if (e.key === 'Enter') void handleSend()
-          }}
-          placeholder="Digite uma mensagem..."
-          className="flex-1 px-4 py-2 rounded-lg bg-white/10 border border-white/20 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500/50"
-        />
-        <button
-          onClick={handleSend}
-          disabled={!chat.$connected}
-          className="px-4 py-2 rounded-lg bg-purple-500/20 border border-purple-500/30 text-purple-200 hover:bg-purple-500/30 transition-all disabled:opacity-50"
-        >
-          Enviar
-        </button>
-      </div>
-    </div>
-  )
-}