create-fluxstack 1.0.0 → 1.0.2

package/create-fluxstack.ts

@@ -53,10 +53,10 @@ program
       mkdirSync(projectPath, { recursive: true })
       
       // Copy only essential FluxStack files (not node_modules, not test apps, etc.)
+      const frameworkDir = join(currentDir, '../../') // Navigate to framework root
       const filesToCopy = [
         'core',
         'app',
-        'package.json',
         'bun.lock',  // ✅ CRITICAL: Copy lockfile to maintain working versions
         'tsconfig.json',
         'vite.config.ts',
@@ -65,7 +65,7 @@ program
       ]
       
       for (const file of filesToCopy) {
-        const sourcePath = join(currentDir, file)
+        const sourcePath = join(frameworkDir, file)
         const destPath = join(projectPath, file)
         
         if (existsSync(sourcePath)) {
@@ -73,22 +73,37 @@ program
         }
       }
       
-      // Customize package.json
+      // Create package.json from template
       const packageJsonPath = join(projectPath, 'package.json')
-      if (existsSync(packageJsonPath)) {
-        const packageContent = readFileSync(packageJsonPath, 'utf-8')
-        const packageJson = JSON.parse(packageContent)
-        
-        packageJson.name = projectName
-        packageJson.description = `${projectName} - FluxStack application`
-        
-        // Remove scripts that don't make sense for user projects
-        delete packageJson.scripts['test:watch']
-        delete packageJson.scripts['test:coverage']
-        delete packageJson.scripts['docs:build']
-        delete packageJson.scripts['docs:serve']
-        
-        writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+      const templatePath = join(import.meta.dir, 'package-template.json')
+      
+      if (existsSync(templatePath)) {
+        const templateContent = readFileSync(templatePath, 'utf-8')
+        const packageTemplate = templateContent.replace(/PROJECT_NAME/g, projectName)
+        writeFileSync(packageJsonPath, packageTemplate)
+      } else {
+        // Fallback template if package-template.json doesn't exist
+        const fallbackPackageJson = {
+          "name": projectName,
+          "version": "1.0.0",
+          "description": `${projectName} - FluxStack application`,
+          "keywords": ["fluxstack", "bun", "typescript", "full-stack", "elysia", "react", "vite"],
+          "author": "Your Name",
+          "license": "MIT",
+          "type": "module",
+          "scripts": {
+            "dev": "bun core/cli/index.ts dev",
+            "dev:clean": "bun run-clean.ts",
+            "dev:backend": "bun core/cli/index.ts dev:backend",
+            "dev:frontend": "bun core/cli/index.ts dev:frontend",
+            "build": "bun core/cli/index.ts build",
+            "build:backend": "bun core/cli/index.ts build:backend",
+            "build:frontend": "bun core/cli/index.ts build:frontend",
+            "start": "NODE_ENV=production bun app/server/index.ts",
+            "typecheck": "bunx tsc --noEmit"
+          }
+        }
+        writeFileSync(packageJsonPath, JSON.stringify(fallbackPackageJson, null, 2))
       }
       
       // Customize .env for development mode

package/package-template.json

@@ -0,0 +1,51 @@
+{
+  "name": "PROJECT_NAME",
+  "version": "1.0.0",
+  "description": "PROJECT_NAME - FluxStack application",
+  "keywords": ["fluxstack", "bun", "typescript", "full-stack", "elysia", "react", "vite"],
+  "author": "Your Name",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "bun core/cli/index.ts dev",
+    "dev:clean": "bun run-clean.ts",
+    "dev:backend": "bun core/cli/index.ts dev:backend",
+    "dev:frontend": "bun core/cli/index.ts dev:frontend",
+    "build": "bun core/cli/index.ts build",
+    "build:backend": "bun core/cli/index.ts build:backend",
+    "build:frontend": "bun core/cli/index.ts build:frontend",
+    "start": "NODE_ENV=production bun app/server/index.ts",
+    "start:backend": "NODE_ENV=production bun app/server/backend-only.ts",
+    "start:frontend": "NODE_ENV=production bun app/client/frontend-only.ts",
+    "typecheck": "bunx tsc --noEmit",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage"
+  },
+  "dependencies": {
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.5",
+    "@vitejs/plugin-react": "^4.3.6",
+    "elysia": "^1.4.6",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwindcss": "^4.1.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.0.4",
+    "vitest": "^2.2.0"
+  },
+  "devDependencies": {
+    "@eden-treaty/elysia": "^1.1.5",
+    "@swagger-ui/dist": "^5.19.2",
+    "@types/bun": "latest",
+    "@vitest/coverage-v8": "^2.2.0",
+    "@vitest/ui": "^2.2.0",
+    "happy-dom": "^16.7.0"
+  },
+  "engines": {
+    "bun": ">=1.2.0",
+    "node": ">=20.0.0"
+  },
+  "preferredPackageManager": "bun",
+  "trustedDependencies": ["esbuild"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fluxstack",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "⚡ Create FluxStack apps with zero configuration - powered by Bun",
   "keywords": ["fluxstack", "create-app", "bun", "typescript", "full-stack", "framework", "elysia", "react", "vite"],
   "author": "Marcos",
@@ -16,6 +16,7 @@
   },
   "files": [
     "create-fluxstack.ts",
+    "package-template.json",
     "core/**/*",
     "app/**/*",
     "README.md",

package/.env

@@ -1,30 +0,0 @@
-# FluxStack Environment Variables
-
-# Development Mode
-#NODE_ENV=development
-NODE_ENV=production
-# Server Configuration
-PORT=3000
-HOST=localhost
-
-# Frontend Configuration
-FRONTEND_PORT=5173
-VITE_API_URL=http://localhost:3000
-VITE_APP_NAME=FluxStack
-VITE_APP_VERSION=1.4.0
-VITE_NODE_ENV=development
-
-# Backend Configuration
-BACKEND_PORT=3001
-
-# CORS Configuration
-CORS_ORIGINS=http://localhost:3000,http://localhost:5173
-CORS_METHODS=GET,POST,PUT,DELETE,OPTIONS
-CORS_HEADERS=Content-Type,Authorization
-
-# Logging
-LOG_LEVEL=info
-
-# Build Configuration
-BUILD_TARGET=bun
-BUILD_OUTDIR=dist

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Marcos Brendon De Paula
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/app/client/README.md

@@ -1,69 +0,0 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-
-      // Remove tseslint.configs.recommended and replace with this
-      ...tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      ...tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      ...tseslint.configs.stylisticTypeChecked,
-
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```

package/app/client/frontend-only.ts

@@ -1,12 +0,0 @@
-// Frontend standalone entry point
-import { startFrontendOnly } from "../../core/client/standalone"
-
-// Configuração para frontend standalone
-const frontendConfig = {
-  clientPath: "app/client",
-  vitePort: (globalThis as any).process?.env?.FRONTEND_PORT || 5173,
-  apiUrl: (globalThis as any).process?.env?.API_URL || "http://localhost:3001"
-}
-
-// Iniciar apenas o frontend
-startFrontendOnly(frontendConfig)

package/app/client/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/app/client/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>