create-fluxstack 1.21.0 → 1.22.0

package/core/plugins/built-in/ssr/bun-asset-loader.ts

@@ -0,0 +1,46 @@
+/**
+ * Bun asset loader para SSR — alinha imports de asset com o Vite.
+ *
+ * Problema: no client, o Vite resolve `import logo from '...x.svg'` para a URL
+ * `/src/assets/x.svg`. No server, o Bun resolve o MESMO import para o caminho
+ * de arquivo absoluto (C:\...\x.svg). Strings diferentes no atributo src/href
+ * → hydration mismatch (o React descarta o HTML do server e re-renderiza tudo).
+ *
+ * Solução: registrar um plugin no Bun que, ao carregar um asset, exporta a
+ * MESMA URL que o Vite geraria — relativa ao root do client (app/client).
+ * Em dev essa URL é servida pelo Vite; em prod, pelos assets buildados.
+ *
+ * Registrar via bunfig.toml [run].preload ANTES de qualquer import do app.
+ */
+
+import { plugin } from 'bun'
+import { sep } from 'path'
+
+/** Root do client onde o Vite baseia as URLs (app/client) */
+const CLIENT_ROOT = 'app' + sep + 'client' + sep
+
+/** Extensões que o Vite trata como asset-URL (não código) */
+const ASSET_RE = /\.(svg|png|jpe?g|gif|webp|avif|ico|woff2?|ttf|eot|mp4|webm|mp3|wav)$/i
+
+plugin({
+  name: 'ssr-asset-url',
+  setup(build) {
+    build.onLoad({ filter: ASSET_RE }, (args) => {
+      // args.path é absoluto. Converter para a URL que o Vite usa:
+      // .../app/client/src/assets/x.svg  ->  /src/assets/x.svg
+      const idx = args.path.replace(/\//g, sep).indexOf(CLIENT_ROOT)
+      let url: string
+      if (idx !== -1) {
+        const rel = args.path.slice(idx + CLIENT_ROOT.length).replaceAll(sep, '/')
+        url = '/' + rel
+      } else {
+        // fallback: usa o basename
+        url = '/' + args.path.split(/[\\/]/).pop()
+      }
+      return {
+        exports: { default: url },
+        loader: 'object',
+      }
+    })
+  },
+})

package/core/plugins/built-in/ssr/index.ts

@@ -0,0 +1,143 @@
+/**
+ * FluxStack SSR Plugin
+ *
+ * Renderiza o HTML do app no servidor (renderToString) para rotas de PÁGINA,
+ * substituindo o `<div id="root"></div>` vazio do SPA por markup pronto.
+ * Os assets (JS/CSS/imagens, /@vite, /src/*) continuam servidos pelo Vite (dev)
+ * ou pelo static fallback (prod) — o SSR só intercepta navegação de página.
+ *
+ * Ordem: prioridade 850 > vite (800), então o onBeforeRoute do SSR roda ANTES
+ * do proxy do Vite. Se o SSR tratar a request (handled=true), o Vite não vê.
+ *
+ * O renderer do app é injetado via registry (registerSsrRenderer) — o core não
+ * conhece o React do app. Ver ./registry.ts.
+ *
+ * LIMITAÇÃO ATUAL (PoC): pipeline de hydration montado para DEV (Vite :5173).
+ * Produção (sem Vite dev) precisa apontar para os assets buildados — TODO abaixo.
+ */
+
+import type { FluxStack, PluginContext, RequestContext } from '@core/plugins/types'
+import { FLUXSTACK_VERSION } from '@core/utils/version'
+import { isDevelopment } from '@core/utils/helpers'
+import { clientConfig, pluginsConfig } from '@config'
+import { getSsrRenderer } from './registry'
+
+type Plugin = FluxStack.Plugin
+
+const PLUGIN_PRIORITY = 850 // > vite (800): intercepta páginas antes do proxy Vite
+const IS_DEV = isDevelopment()
+
+/** Extensões de asset — nunca devem ser tratadas como página */
+const ASSET_EXT = /\.(js|mjs|ts|tsx|jsx|css|map|json|svg|png|jpe?g|gif|webp|avif|ico|woff2?|ttf|eot|wasm|txt|xml|webmanifest)$/i
+
+/** Prefixos internos (Vite/API/dev) que NUNCA são páginas — passam direto */
+const PASSTHROUGH_PREFIXES = ['/@', '/src/', '/node_modules/', '/api', '/swagger', '/__plugins']
+
+/** Decide se um path é uma rota de PÁGINA (candidata a SSR) */
+function isPageRoute(path: string): boolean {
+  if (ASSET_EXT.test(path)) return false
+  return !PASSTHROUGH_PREFIXES.some((p) => path === p || path.startsWith(p))
+}
+
+/** Monta o documento HTML completo com o markup SSR + pipeline de hydration */
+function buildDocument(opts: {
+  appHtml: string
+  bootstrapData?: Record<string, unknown>
+  headTags?: string
+}): string {
+  const { appHtml, bootstrapData, headTags = '' } = opts
+
+  const viteHost = (clientConfig.vite.host as string) || 'localhost'
+  const vitePort = (clientConfig.vite.port as number) || 5173
+  const viteBase = `http://${viteHost}:${vitePort}`
+  const entry = (pluginsConfig as Record<string, unknown>).ssrClientEntry as string | undefined
+    ?? '/src/entry-ssr.tsx'
+
+  const dataScript = bootstrapData
+    ? `<script>window.__SSR_DATA__ = ${JSON.stringify(bootstrapData).replace(/</g, '\\u003c')};</script>`
+    : ''
+
+  // DEV: pipeline do Vite (react-refresh preamble + client + entry TSX)
+  const devScripts = IS_DEV
+    ? `<script type="module">
+      import RefreshRuntime from "${viteBase}/@react-refresh"
+      RefreshRuntime.injectIntoGlobalHook(window)
+      window.$RefreshReg$ = () => {}
+      window.$RefreshSig$ = () => (type) => type
+      window.__vite_plugin_react_preamble_installed__ = true
+    </script>
+    <script type="module" src="${viteBase}/@vite/client"></script>
+    <script type="module" src="${viteBase}${entry}"></script>`
+    // PROD: TODO — apontar para o entry buildado (ler do manifest do Vite).
+    // Por ora, sem script em prod (HTML estático apenas, sem interatividade).
+    : `<!-- TODO(SSR prod): injetar /assets/entry-ssr.[hash].js do build manifest -->`
+
+  return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>FluxStack</title>
+    ${headTags}
+    ${IS_DEV ? devScripts : ''}
+  </head>
+  <body>
+    <div id="root">${appHtml}</div>
+    ${dataScript}
+    ${IS_DEV ? '' : devScripts}
+  </body>
+</html>`
+}
+
+export const ssrPlugin: Plugin = {
+  name: 'ssr',
+  version: FLUXSTACK_VERSION,
+  description: 'Server-side rendering of the React app for page routes',
+  author: 'FluxStack Team',
+  priority: PLUGIN_PRIORITY,
+  category: 'rendering',
+  tags: ['ssr', 'react', 'hydration'],
+  dependencies: [],
+
+  setup: async (context: PluginContext) => {
+    const enabled = (pluginsConfig as Record<string, unknown>).ssrEnabled
+    if (!enabled) {
+      context.logger.debug('SSR plugin disabled (set SSR_ENABLED=true)')
+      return
+    }
+    context.logger.debug(`SSR plugin active (priority ${PLUGIN_PRIORITY})`)
+  },
+
+  onBeforeRoute: async (ctx: RequestContext) => {
+    if (!(pluginsConfig as Record<string, unknown>).ssrEnabled) return
+    if (ctx.method !== 'GET') return
+    if (!isPageRoute(ctx.path)) return
+
+    const renderer = getSsrRenderer()
+    if (!renderer) return // app não registrou renderer → deixa o SPA fallback agir
+
+    try {
+      const result = await renderer({ url: ctx.path, headers: ctx.headers })
+      const html = buildDocument({
+        appHtml: result.html,
+        bootstrapData: result.bootstrapData,
+        headTags: result.headTags,
+      })
+      ctx.handled = true
+      ctx.response = new Response(html, {
+        status: result.status ?? 200,
+        headers: { 'Content-Type': 'text/html; charset=utf-8' },
+      })
+    } catch (err) {
+      // SSR falhou → NÃO trata (handled fica false), deixa o Vite/SPA servir.
+      // Falhar para o SPA é melhor que mostrar 500: o client ainda renderiza.
+      const msg = err instanceof Error ? err.message : String(err)
+      ;(ctx as unknown as { logger?: { error: (m: string) => void } }).logger?.error?.(
+        `SSR render failed for ${ctx.path}, falling back to SPA: ${msg}`
+      )
+    }
+  },
+}
+
+export default ssrPlugin

package/core/plugins/built-in/ssr/registry.ts

@@ -0,0 +1,38 @@
+/**
+ * FluxStack SSR — Renderer Registry
+ *
+ * Inversão de dependência: o CORE (framework) não conhece o App do usuário.
+ * O app registra sua função de render (que importa o AppShell client) aqui,
+ * e o plugin SSR a consome. Assim o core fica agnóstico ao React do app.
+ */
+
+export interface SsrRenderInput {
+  /** Caminho da rota a renderizar (ex: '/', '/counter') */
+  url: string
+  /** Headers da request original (útil para cookies/auth no futuro) */
+  headers: Record<string, string>
+}
+
+export interface SsrRenderOutput {
+  /** HTML do corpo do app (vai dentro de <div id="root">) */
+  html: string
+  /** Status HTTP (default 200; use 404 para rota não encontrada) */
+  status?: number
+  /** Dados serializáveis injetados como window.__SSR_DATA__ para hydration */
+  bootstrapData?: Record<string, unknown>
+  /** <head> extra opcional (meta tags, title dinâmico) */
+  headTags?: string
+}
+
+export type SsrRenderer = (input: SsrRenderInput) => SsrRenderOutput | Promise<SsrRenderOutput>
+
+let registeredRenderer: SsrRenderer | null = null
+
+/** O app chama isto no boot para registrar seu renderer (AppShell). */
+export function registerSsrRenderer(renderer: SsrRenderer): void {
+  registeredRenderer = renderer
+}
+
+export function getSsrRenderer(): SsrRenderer | null {
+  return registeredRenderer
+}

package/core/plugins/built-in/vite/index.ts

@@ -226,6 +226,13 @@ export const vitePlugin: Plugin = {
     }
 
     if (!IS_DEV) {
+      // Em prod com RSC, o rscPlugin serve o HTML (handler buildado) e os assets
+      // (app/client/dist/client). O static fallback do vite procuraria dist/client
+      // (que não existe nesse layout) e quebraria — então pulamos.
+      if ((pluginsConfig as Record<string, unknown>).rscEnabled) {
+        context.logger.debug('Production + RSC: static serving handled by rsc plugin')
+        return
+      }
       context.logger.debug("Production mode: static file serving enabled")
       ;(context.app as Record<string, Function>).all('*', createStaticFallback())
       return

package/core/server/live/websocket-plugin.ts

@@ -26,24 +26,43 @@ export const liveComponentsPlugin: Plugin = {
   tags: ['websocket', 'real-time', 'live-components'],
 
   setup: async (context: PluginContext) => {
-    // Generate auto-generated-components.ts then import it dynamically
+    const isProd = process.env.NODE_ENV === 'production'
     const componentsPath = path.join(process.cwd(), 'app', 'server', 'live')
-    generateLiveComponentsFile({
-      componentsDir: componentsPath,
-      outFile: path.join(__dirname, 'auto-generated-components.ts'),
-      importPrefix: '@app/server/live',
-    })
+
+    // Em DEV: (re)gera o auto-generated-components.ts varrendo o disco.
+    // Em PROD: o app/server/live não existe no dist — o registro estático já
+    // foi gerado no build e bundlado. Pular a geração (evita erro de FS).
+    if (!isProd) {
+      generateLiveComponentsFile({
+        componentsDir: componentsPath,
+        outFile: path.join(__dirname, 'auto-generated-components.ts'),
+        importPrefix: '@app/server/live',
+      })
+    }
     const { liveComponentClasses } = await import('./auto-generated-components')
 
-    const transport = new ElysiaTransport(context.app as import('elysia').Elysia)
+    // dual-Elysia: FluxStack tem elysia@1.4.7, @fluxstack/live-elysia (monorepo
+    // linkado) tem elysia@1.4.28 — tipos de instâncias DIFERENTES, mesma API em
+    // runtime. `as never` neutraliza o mismatch de tipo no argumento.
+    const transport = new ElysiaTransport(context.app as never)
 
-    // Auto-discover LiveRoom classes from rooms/ directory
+    // Rooms: em DEV, auto-descobre varrendo rooms/ (import do disco). Em PROD,
+    // usa o registro ESTÁTICO (@app/server/live/rooms) — import do disco em prod
+    // carregaria uma instância separada do @fluxstack/live (context null). O
+    // registro estático entra no bundle com o context único do LiveServer.
     const roomsPath = path.join(componentsPath, 'rooms')
-    const discoveredRooms = await discoverRoomClasses(roomsPath)
+    const discoveredRooms = isProd
+      ? (await import('@app/server/live/rooms')).liveRoomClasses as LiveRoomClass[]
+      : await discoverRoomClasses(roomsPath)
 
     liveServer = new LiveServer({
       transport,
-      componentsPath,
+      // SÓ em dev: componentsPath dispara o auto-discover dinâmico (import() do
+      // disco). Em PROD isso carrega os componentes de uma instância SEPARADA do
+      // @fluxstack/live (source linkado), com _ctx null → "LiveServer.start() must
+      // be called". Em prod usamos APENAS o registro estático (components), que
+      // está no mesmo bundle onde start() setou o context.
+      ...(isProd ? {} : { componentsPath }),
       wsPath: '/api/live/ws',
       httpPrefix: '/api/live',
       rooms: [...discoveredRooms, ...pendingRoomClasses],

package/core/utils/version.ts

@@ -1,6 +1,6 @@
-/**
- * FluxStack Framework Version
- * Single source of truth for version number
- * Auto-synced with package.json
- */
-export const FLUXSTACK_VERSION = '1.21.0'
+/**
+ * FluxStack Framework Version
+ * Single source of truth for version number
+ * Auto-synced with package.json
+ */
+export const FLUXSTACK_VERSION = '1.21.1'

package/create-fluxstack.ts

@@ -35,8 +35,12 @@ import { resolve, join, basename } from 'path'
 import { existsSync, mkdirSync, cpSync, writeFileSync, readFileSync, readdirSync } from 'fs'
 import chalk from 'chalk'
 import ora from 'ora'
+import prompts from 'prompts'
 import { FLUXSTACK_VERSION } from './core/utils/version'
 
+/** Modo de renderização do projeto criado. */
+type RenderMode = 'spa' | 'ssr'
+
 const logo = `
 ⚡ ███████ ██      ██    ██ ██   ██ ███████ ████████  █████   ██████ ██   ██
    ██      ██      ██    ██  ██ ██  ██         ██    ██   ██ ██      ██  ██
@@ -52,20 +56,67 @@ program
   .name('create-fluxstack')
   .description('⚡ Create FluxStack apps with zero configuration')
   .version(FLUXSTACK_VERSION)
-  .argument('[project-name]', 'Name of the project to create')
+  .argument('[project-name]', 'Name of the project to create (use "." for current dir; omit for interactive mode)')
   .option('--no-install', 'Skip dependency installation')
   .option('--no-git', 'Skip git initialization')
+  .option('--mode <mode>', 'Render mode: "spa" or "ssr" (skips the prompt)')
   .action(async (projectName, options) => {
     console.clear()
     console.log(chalk.magenta(logo))
 
+    // ── Modo INTERATIVO: sem project-name → pergunta tudo pelo terminal ──
+    // create-fluxstack .        → cria na pasta atual
+    // create-fluxstack my-app   → cria em ./my-app
+    // create-fluxstack          → menu interativo (pergunta nome + modo)
+    let renderMode: RenderMode | undefined =
+      options.mode === 'spa' || options.mode === 'ssr' ? options.mode : undefined
+
     if (!projectName || projectName.trim().length === 0) {
-      console.log(chalk.red('❌ Project name is required'))
-      console.log(chalk.gray('Usage: bunx create-fluxstack@latest my-app'))
-      console.log(chalk.gray('   or: bunx create-fluxstack@latest .'))
-      process.exit(1)
+      const answers = await prompts(
+        [
+          {
+            type: 'text',
+            name: 'projectName',
+            message: 'Nome do projeto (use "." para a pasta atual):',
+            initial: 'my-fluxstack-app',
+            validate: (v: string) => (v && v.trim().length > 0 ? true : 'Informe um nome ou "."'),
+          },
+          {
+            type: renderMode ? null : 'select',
+            name: 'mode',
+            message: 'Modo de renderização:',
+            choices: [
+              { title: 'SSR (RSC)', description: 'Server-rendered + React Server Components + ilhas Live (padrão)', value: 'ssr' },
+              { title: 'SPA', description: 'Client-side puro (mais simples)', value: 'spa' },
+            ],
+            initial: 0, // SSR é o padrão
+          },
+        ],
+        { onCancel: () => { console.log(chalk.gray('\nCancelado.')); process.exit(0) } },
+      )
+      projectName = answers.projectName
+      renderMode = renderMode ?? (answers.mode as RenderMode)
+    } else if (!renderMode) {
+      // Tem nome mas não passou --mode → pergunta só o modo.
+      const { mode } = await prompts(
+        {
+          type: 'select',
+          name: 'mode',
+          message: 'Modo de renderização:',
+          choices: [
+            { title: 'SSR (RSC)', description: 'Server-rendered + React Server Components + ilhas Live (padrão)', value: 'ssr' },
+            { title: 'SPA', description: 'Client-side puro (mais simples)', value: 'spa' },
+          ],
+          initial: 0, // SSR é o padrão
+        },
+        { onCancel: () => { console.log(chalk.gray('\nCancelado.')); process.exit(0) } },
+      )
+      renderMode = (mode as RenderMode) ?? 'ssr'
     }
 
+    // SSR é o padrão do FluxStack; SPA continua disponível via escolha/--mode.
+    renderMode = renderMode ?? 'ssr'
+
     const currentDir = import.meta.dir
 
     // Normalize path: remove trailing slashes (which may indicate current dir usage like path/.)
@@ -105,6 +156,7 @@ program
 
     console.log(chalk.cyan(`\n🚀 Creating FluxStack project: ${chalk.bold(displayName)}`))
     console.log(chalk.gray(`📁 Location: ${projectPath}`))
+    console.log(chalk.gray(`🎨 Render mode: ${chalk.bold(renderMode === 'ssr' ? 'SSR (RSC)' : 'SPA')}`))
     
     // Create project directory
     const spinner = ora('Creating project structure...').start()
@@ -427,6 +479,13 @@ bun.lockb
         envContent = envContent.replace('NODE_ENV=production', 'NODE_ENV=development')
         // Customize app name to match project name
         envContent = envContent.replace('VITE_APP_NAME=FluxStack', `VITE_APP_NAME=${actualProjectName}`)
+        // Render mode escolhido: liga RSC (SSR) ou mantém SPA.
+        const rscLine = `\n# Render mode (escolhido na criação): RSC/SSR liga server-rendering\nRSC_ENABLED=${renderMode === 'ssr' ? 'true' : 'false'}\n`
+        if (/^RSC_ENABLED=/m.test(envContent)) {
+          envContent = envContent.replace(/^RSC_ENABLED=.*$/m, `RSC_ENABLED=${renderMode === 'ssr' ? 'true' : 'false'}`)
+        } else {
+          envContent += rscLine
+        }
         writeFileSync(envPath, envContent)
       }
 

package/package.json

@@ -1,108 +1,112 @@
-{
-  "name": "create-fluxstack",
-  "version": "1.21.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",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.30.1",
-    "@noble/curves": "1.2.0",
-    "@noble/hashes": "1.3.2",
-    "@playwright/test": "^1.58.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": {
-    "@elysiajs/eden": "^1.3.2",
-    "@elysiajs/swagger": "^1.3.1",
-    "@fluxstack/config": "^1.0.0",
-    "@fluxstack/live": "^0.8.0",
-    "@fluxstack/live-client": "^0.8.0",
-    "@fluxstack/live-elysia": "^0.7.1",
-    "@fluxstack/live-react": "^0.8.0",
-    "@fluxstack/plugin-kit": "^0.4.0",
-    "@fluxstack/plugin-crypto-auth": "^1.0.0",
-    "@fluxstack/plugin-csrf-protection": "^1.1.0",
-    "@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.22.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",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:headed": "playwright test --headed"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.30.1",
+    "@noble/curves": "1.2.0",
+    "@noble/hashes": "1.3.2",
+    "@playwright/test": "^1.58.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": {
+    "@elysiajs/eden": "^1.3.2",
+    "@elysiajs/swagger": "^1.3.1",
+    "@fluxstack/config": "^1.0.0",
+    "@fluxstack/live": "^0.10.0",
+    "@fluxstack/live-client": "^0.10.0",
+    "@fluxstack/live-elysia": "^0.10.0",
+    "@fluxstack/live-react": "^0.10.0",
+    "@fluxstack/plugin-crypto-auth": "^1.0.0",
+    "@fluxstack/plugin-csrf-protection": "^1.2.0",
+    "@fluxstack/plugin-kit": "^0.4.0",
+    "@types/prompts": "^2.4.9",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitejs/plugin-rsc": "^0.5.26",
+    "chalk": "^5.3.0",
+    "commander": "^12.1.0",
+    "elysia": "^1.4.6",
+    "lightningcss": "^1.30.1",
+    "ora": "^8.1.0",
+    "prompts": "^2.4.2",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-icons": "^5.5.0",
+    "react-router": "^7.9.3",
+    "react-server-dom-webpack": "^19.2.6",
+    "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"
+}