speexjs 0.2.0 → 0.2.2

package/README.md

@@ -1,23 +1,23 @@
-# speedx 🚀
+# speexjs 🚀
 
 **Fullstack JavaScript/TypeScript Framework — Server + Client + RPC + Schema + Database + Auth**
 **🇮🇩 Indonesia First, Built for the World**
 
 ```bash
-npm install speedx
+npm install speexjs
 ```
 
 > Zero external dependencies. Only Node.js built-in modules.
 
 ---
 
-## 📦 Kenapa speedx?
+## 📦 Kenapa speexjs?
 
-| Masalah | Solusi speedx |
+| Masalah | Solusi speexjs |
 |---------|---------------|
-| Next.js terlalu berat & vendor lock-in | speedx ringan, zero-dep, engine-swappable |
-| Express terlalu minimalis | speedx Laravel-like: routing, middleware, controller, DI, ORM |
-| Laravel pakai PHP | speedx TypeScript native, end-to-end type safe |
+| Next.js terlalu berat & vendor lock-in | speexjs ringan, zero-dep, engine-swappable |
+| Express terlalu minimalis | speexjs Laravel-like: routing, middleware, controller, DI, ORM |
+| Laravel pakai PHP | speexjs TypeScript native, end-to-end type safe |
 | Fetch API ribet | SuperRequest/SuperResponse wrapper sendiri — lebih mudah |
 | Framework asing untuk Indonesia | 🇮🇩 NIK, NPWP, Phone, Rupiah, terbilang built-in |
 | React/Vue dependency berat | Signal-based VDOM sendiri — ringan, cepat |
@@ -68,7 +68,7 @@ npm install speedx
 | **Signals** | `signal()`, `computed()`, `effect()`, `batch()`, `untracked()` |
 | **VDOM** | `h()`, `render()`, `patch()`, `hydrate()` — Virtual DOM sendiri |
 | **SSR** | `renderToString()`, `renderToStream()`, `ServerRenderer` |
-| **JSX** | Full JSX support via `jsxImportSource: \"@SpeedX/vdom\"` |
+| **JSX** | Full JSX support via `jsxImportSource: \"@SpeexJS/vdom\"` |
 | **Router** | File-based routing, guards, reactive current/params/query |
 | **Adapters** | `FrameworkAdapter` interface — React/Vue integration |
 
@@ -84,12 +84,12 @@ npm install speedx
 
 | Perintah | Fungsi |
 |----------|--------|
-| `speedx init [name]` | Scaffold project baru (blank/fullstack/api-only) |
-| `speedx make:controller <name>` | Generate controller |
-| `speedx make:middleware <name>` | Generate middleware |
-| `speedx make:schema <name>` | Generate schema |
-| `speedx list-routes` | Lihat semua route yang terdaftar |
-| `speedx serve` | Jalankan development server |
+| `speexjs init [name]` | Scaffold project baru (blank/fullstack/api-only) |
+| `speexjs make:controller <name>` | Generate controller |
+| `speexjs make:middleware <name>` | Generate middleware |
+| `speexjs make:schema <name>` | Generate schema |
+| `speexjs list-routes` | Lihat semua route yang terdaftar |
+| `speexjs serve` | Jalankan development server |
 
 ---
 
@@ -98,32 +98,32 @@ npm install speedx
 ### 1. Install
 
 ```bash
-npm install speedx
+npm install speexjs
 ```
 
 ### 2. Buat File Server
 
 ```typescript
 // src/index.ts
-import { speedx } from 'speedx/server'
+import { speexjs } from 'speexjs/server'
 
-const app = speedx()
+const app = speexjs()
 
 app.get('/', async ({ response }) => {
-  return response.html('<h1>speedx 🚀</h1>')
+  return response.html('<h1>speexjs 🚀</h1>')
 })
 
 app.get('/api/hello', async ({ response }) => {
   return response.json({ message: 'Halo Dunia!' })
 })
 
-app.listen(3000, () => console.log('speedx running on http://localhost:3000'))
+app.listen(3000, () => console.log('speexjs running on http://localhost:3000'))
 ```
 
 ### 3. Jalankan
 
 ```bash
-npx speedx serve
+npx speexjs serve
 # atau
 node --loader ts-node src/index.ts
 ```
@@ -135,9 +135,9 @@ node --loader ts-node src/index.ts
 ### Server Routing
 
 ```typescript
-import { speedx } from 'speedx/server'
+import { speexjs } from 'speexjs/server'
 
-const app = speedx()
+const app = speexjs()
 
 // Basic routes
 app.get('/users', handler)
@@ -170,7 +170,7 @@ app.get('/users/:id', handler).name('users.show')
 ### Controller
 
 ```typescript
-import { Controller, get, post, put, del } from 'speedx/server'
+import { Controller, get, post, put, del } from 'speexjs/server'
 
 @controller('/api/users')
 export class UserController extends Controller {
@@ -211,7 +211,7 @@ export class UserController extends Controller {
 ### Schema Validation
 
 ```typescript
-import { s } from 'speedx/schema'
+import { s } from 'speexjs/schema'
 
 // Buat schema
 const UserSchema = s.object({
@@ -237,7 +237,7 @@ if (!result.success) {
 ### Database Query Builder
 
 ```typescript
-import { DatabaseConnection } from 'speedx/server/database'
+import { DatabaseConnection } from 'speexjs/server/database'
 
 const db = new DatabaseConnection({
   driver: 'mysql',        // mysql | sqlite | postgresql
@@ -282,16 +282,16 @@ const result = await db.raw('SELECT * FROM users WHERE age > ?', [18])
 ### Authentication
 
 ```typescript
-import { speedx } from 'speedx/server'
-import { AuthManager, SessionGuard } from 'speedx/server/auth'
+import { speexjs } from 'speexjs/server'
+import { AuthManager, SessionGuard } from 'speexjs/server/auth'
 
-const app = speedx()
+const app = speexjs()
 
 // Setup auth
 const auth = new AuthManager()
 auth.guard('session', new SessionGuard({
   table: 'users',
-  cookieName: 'speedx_session',
+  cookieName: 'speexjs_session',
 }))
 
 // Login route
@@ -312,7 +312,7 @@ app.get('/profile', async ({ response }, next) => {
 }).middleware(['auth'])
 
 // Authorization Gate
-import { Gate } from 'speedx/server/gate'
+import { Gate } from 'speexjs/server/gate'
 
 const gate = new Gate()
 gate.define('update-post', (user, post) => user.id === post.user_id)
@@ -327,7 +327,7 @@ app.put('/posts/:id', async ({ params, response }) => {
 ### Client — Signals + VDOM
 
 ```typescript
-import { signal, computed, effect, h, render } from 'speedx/client'
+import { signal, computed, effect, h, render } from 'speexjs/client'
 
 function Counter() {
   const count = signal(0)
@@ -352,7 +352,7 @@ Dengan JSX (`tsconfig.json`):
 {
   "compilerOptions": {
     "jsx": "react-jsx",
-    "jsxImportSource": "@SpeedX/vdom"
+    "jsxImportSource": "@SpeexJS/vdom"
   }
 }
 ```
@@ -372,7 +372,7 @@ function Counter() {
 ### Cache
 
 ```typescript
-import { Cache } from 'speedx/server/cache'
+import { Cache } from 'speexjs/server/cache'
 
 const cache = new Cache({ store: 'memory', ttl: 3600 })
 
@@ -392,7 +392,7 @@ await cache.increment('visits')
 ### File Storage
 
 ```typescript
-import { createStorage } from 'speedx/server/storage'
+import { createStorage } from 'speexjs/server/storage'
 
 const storage = createStorage({
   defaultDisk: 'local',
@@ -415,7 +415,7 @@ const exists = await storage.exists('images/photo.jpg')
 ### Events
 
 ```typescript
-import { event } from 'speedx/server/events'
+import { event } from 'speexjs/server/events'
 
 // Listen
 event.on('user.registered', async (user) => {
@@ -435,9 +435,9 @@ await event.emit('user.registered', { id: 1, email: 'john@test.com' })
 
 ```typescript
 // === SERVER ===
-import { speedx } from 'speedx/server'
-import { rpc } from 'speedx/rpc'
-import { s } from 'speedx/schema'
+import { speexjs } from 'speexjs/server'
+import { rpc } from 'speexjs/rpc'
+import { s } from 'speexjs/schema'
 
 const api = rpc.create({
   procedures: {
@@ -456,12 +456,12 @@ const api = rpc.create({
   },
 })
 
-const app = speedx()
+const app = speexjs()
 app.post('/api/rpc', api.toHandler())
 app.listen(3000)
 
 // === CLIENT ===
-import { createClient } from 'speedx/rpc'
+import { createClient } from 'speexjs/rpc'
 
 const client = createClient({ baseUrl: 'http://localhost:3000/api' })
 const users = await client.call('users.list', { page: 1 })
@@ -491,7 +491,7 @@ const users = await client.call('users.list', { page: 1 })
 ## 🏗️ Arsitektur
 
 ```
-speedx/
+speexjs/
 ├── src/
 │   ├── index.ts              # Barrel export
 │   ├── native/               # Zero-dep utilities
@@ -519,7 +519,7 @@ speedx/
 
 ## 📋 Perbandingan dengan Framework Lain
 
-| Fitur | speedx | Next.js | Express | AdonisJS | Laravel |
+| Fitur | speexjs | Next.js | Express | AdonisJS | Laravel |
 |-------|---------|---------|---------|----------|---------|
 | Bahasa | TS/JS | TS/JS | JS | TS/JS | PHP |
 | Dependencies | **0** | Ratusan | Puluhan | Puluhan | Ratusan |
@@ -551,5 +551,5 @@ MIT — bebas digunakan, dimodifikasi, dan didistribusikan.
 
 ---
 
-**speedx — Fullstack JavaScript/TypeScript Framework**
+**speexjs — Fullstack JavaScript/TypeScript Framework**
 **🇮🇩 Dibuat oleh developer Indonesia, untuk developer dunia.**

package/dist/cli/index.js

@@ -133,12 +133,12 @@ var TEMPLATES = {
           type: "module",
           private: true,
           scripts: {
-            dev: "SpeedX serve",
-            build: "SpeedX build",
+            dev: "SpeexJS serve",
+            build: "SpeexJS build",
             start: "node dist/index.js"
           },
           dependencies: {
-            SpeedX: "latest"
+            SpeexJS: "latest"
           },
           devDependencies: {
             "@types/node": "^26.0.1",
@@ -169,24 +169,24 @@ var TEMPLATES = {
         null,
         2
       ),
-      "src/index.ts": `import { SpeedX } from 'speedx/server'
+      "src/index.ts": `import { SpeexJS } from 'speexjs/server'
 
-const app = SpeedX()
+const app = SpeexJS()
 
 const PORT = Number(process.env.PORT) || 3000
 
 app.get('/', async ({ response }) => {
-  return response.html('<h1>SpeedX \u{1F680}</h1>')
+  return response.html('<h1>SpeexJS \u{1F680}</h1>')
 })
 
 app.listen(PORT, () => {
-  console.log(\`SpeedX running on http://localhost:\${PORT}\`)
+  console.log(\`SpeexJS running on http://localhost:\${PORT}\`)
 })
 `,
-      "src/app.ts": `import { SpeedX } from 'speedx/server'
+      "src/app.ts": `import { SpeexJS } from 'speexjs/server'
 
 export function createApp() {
-  const app = SpeedX()
+  const app = SpeexJS()
   return app
 }
 `,
@@ -219,12 +219,12 @@ dist/
           type: "module",
           private: true,
           scripts: {
-            dev: "SpeedX serve",
+            dev: "SpeexJS serve",
             build: "tsc",
             start: "node dist/server/index.js"
           },
           dependencies: {
-            SpeedX: "latest"
+            SpeexJS: "latest"
           },
           devDependencies: {
             "@types/node": "^26.0.1",
@@ -247,7 +247,7 @@ dist/
             isolatedModules: true,
             resolveJsonModule: true,
             jsx: "react-jsx",
-            jsxImportSource: "@SpeedX/vdom",
+            jsxImportSource: "@SpeexJS/vdom",
             outDir: "./dist",
             rootDir: "./src"
           },
@@ -257,12 +257,12 @@ dist/
         null,
         2
       ),
-      "src/server/index.ts": `import { SpeedX } from 'speedx/server'
+      "src/server/index.ts": `import { SpeexJS } from 'speexjs/server'
 import { UserController } from './controllers/user.controller.js'
 
 const PORT = Number(process.env.PORT) || 3000
 
-const app = SpeedX()
+const app = SpeexJS()
 
 app.controller(UserController)
 
@@ -273,7 +273,7 @@ app.get('/', async ({ response }) => {
     <head>
       <meta charset="UTF-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <title>SpeedX Fullstack</title>
+      <title>SpeexJS Fullstack</title>
     </head>
     <body>
       <div id="root"></div>
@@ -284,10 +284,10 @@ app.get('/', async ({ response }) => {
 })
 
 app.listen(PORT, () => {
-  console.log(\`SpeedX running on http://localhost:\${PORT}\`)
+  console.log(\`SpeexJS running on http://localhost:\${PORT}\`)
 })
 `,
-      "src/server/controllers/user.controller.ts": `import { Controller, get, post } from 'speedx/server'
+      "src/server/controllers/user.controller.ts": `import { Controller, get, post } from 'speexjs/server'
 
 export class UserController extends Controller {
   @get('/users')
@@ -317,8 +317,8 @@ document.addEventListener('DOMContentLoaded', () => {
     }
     root.innerHTML = \`
       <div style="text-align:center;padding:2rem">
-        <h1>SpeedX Fullstack</h1>
-        <p>Welcome to SpeedX!</p>
+        <h1>SpeexJS Fullstack</h1>
+        <p>Welcome to SpeexJS!</p>
       </div>
     \`
   }
@@ -372,12 +372,12 @@ dist/
           type: "module",
           private: true,
           scripts: {
-            dev: "SpeedX serve",
+            dev: "SpeexJS serve",
             build: "tsc",
             start: "node dist/index.js"
           },
           dependencies: {
-            SpeedX: "latest"
+            SpeexJS: "latest"
           },
           devDependencies: {
             "@types/node": "^26.0.1",
@@ -408,21 +408,21 @@ dist/
         null,
         2
       ),
-      "src/index.ts": `import { SpeedX } from 'speedx/server'
+      "src/index.ts": `import { SpeexJS } from 'speexjs/server'
 
 const PORT = Number(process.env.PORT) || 3000
 
-const app = SpeedX()
+const app = SpeexJS()
 
 app.get('/api/health', async ({ response }) => {
   return response.json({ status: 'ok', timestamp: new Date().toISOString() })
 })
 
 app.listen(PORT, () => {
-  console.log(\`SpeedX API running on http://localhost:\${PORT}\`)
+  console.log(\`SpeexJS API running on http://localhost:\${PORT}\`)
 })
 `,
-      "src/controllers/health.controller.ts": `import { Controller, get } from 'speedx/server'
+      "src/controllers/health.controller.ts": `import { Controller, get } from 'speexjs/server'
 
 export class HealthController extends Controller {
   @get('/health')
@@ -434,7 +434,7 @@ export class HealthController extends Controller {
   }
 }
 `,
-      "src/middleware/auth.ts": `import type { RouteContext } from 'speedx/server/router'
+      "src/middleware/auth.ts": `import type { RouteContext } from 'speexjs/server/router'
 
 export function auth() {
   return async (ctx: RouteContext, next: () => Promise<void>) => {
@@ -521,7 +521,7 @@ async function initProject(name, options) {
   const packageManager = String(options["package-manager"] || options.packageManager || "npm");
   console.log();
   console.log(`${colors.bold("\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557")}`);
-  console.log(`${colors.bold("\u2551")}        ${colors.green("SpeedX \u{1F680} Project Created")}${colors.bold("       \u2551")}`);
+  console.log(`${colors.bold("\u2551")}        ${colors.green("SpeexJS \u{1F680} Project Created")}${colors.bold("       \u2551")}`);
   console.log(`${colors.bold("\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D")}`);
   console.log();
   console.log(`  ${colors.bold("Name:")}     ${toPascalCase(name)}`);
@@ -556,8 +556,8 @@ function makeController(name) {
     process.exit(1);
   }
   mkdirSync2(targetDir, { recursive: true });
-  const content = `import { Controller, get, post, put, del } from 'speedx/server'
-import type { RouteContext } from 'speedx/server/router'
+  const content = `import { Controller, get, post, put, del } from 'speexjs/server'
+import type { RouteContext } from 'speexjs/server/router'
 
 export class ${className} extends Controller {
   @get('/')
@@ -619,7 +619,7 @@ function makeMiddleware(name) {
     process.exit(1);
   }
   mkdirSync3(targetDir, { recursive: true });
-  const content = `import type { RouteContext } from 'speedx/server/router'
+  const content = `import type { RouteContext } from 'speexjs/server/router'
 
 export function ${functionName}(options?: Record<string, unknown>) {
   return async (ctx: RouteContext, next: () => Promise<void>) => {
@@ -658,7 +658,7 @@ function makeSchema(name) {
     process.exit(1);
   }
   mkdirSync4(targetDir, { recursive: true });
-  const content = `import { s, type Infer } from 'speedx/schema'
+  const content = `import { s, type Infer } from 'speexjs/schema'
 
 export const ${schemaName} = s.object({
   id: s.string().uuid(),
@@ -702,7 +702,7 @@ function listRoutes() {
     console.log(
       `  ${colors.yellow("!")} Tidak ada route terdaftar. Buat controller dulu:`
     );
-    console.log(`    ${colors.cyan("speedx make:controller <name>")}`);
+    console.log(`    ${colors.cyan("speexjs make:controller <name>")}`);
     return;
   }
   const files = readdirSync(routesDir).filter((f) => f.endsWith(".ts"));
@@ -710,7 +710,7 @@ function listRoutes() {
     console.log(
       `  ${colors.yellow("!")} Tidak ada route terdaftar. Buat controller dulu:`
     );
-    console.log(`    ${colors.cyan("speedx make:controller <name>")}`);
+    console.log(`    ${colors.cyan("speexjs make:controller <name>")}`);
     return;
   }
   let total = 0;
@@ -887,7 +887,7 @@ async function serve(options) {
       }
       app.listen(port, host, () => {
         console.log();
-        console.log(`  ${colors.bold("SpeedX")} ${colors.green("running")}`);
+        console.log(`  ${colors.bold("SpeexJS")} ${colors.green("running")}`);
         console.log(`  ${colors.dim("\u2192")}  ${colors.cyan(`http://${host}:${port}`)}`);
         console.log();
       });
@@ -908,7 +908,7 @@ async function serve(options) {
       }
       app.listen(port, host, () => {
         console.log();
-        console.log(`  ${colors.bold("SpeedX")} ${colors.green("running")}`);
+        console.log(`  ${colors.bold("SpeexJS")} ${colors.green("running")}`);
         console.log(`  ${colors.dim("\u2192")}  ${colors.cyan(`http://${host}:${port}`)}`);
         console.log();
       });
@@ -921,20 +921,20 @@ async function serve(options) {
 
 // src/cli/index.ts
 function showHelp() {
-  console.log(`${colors.bold("SpeedX")} ${colors.cyan("v0.2.0")}`);
+  console.log(`${colors.bold("SpeexJS")} ${colors.cyan("v0.2.0")}`);
   console.log("Fullstack JavaScript/TypeScript Framework");
   console.log();
   console.log(`${colors.bold("Usage:")}`);
-  console.log("  SpeedX init [name] [options]        Buat project baru");
-  console.log("  SpeedX make:controller <name>        Generate controller");
-  console.log("  SpeedX make:middleware <name>        Generate middleware");
-  console.log("  SpeedX make:schema <name>            Generate schema");
-  console.log("  SpeedX list-routes                   Lihat semua route");
-  console.log("  SpeedX serve [options]               Jalankan server");
-  console.log("  SpeedX --help                        Bantuan ini");
+  console.log("  SpeexJS init [name] [options]        Buat project baru");
+  console.log("  SpeexJS make:controller <name>        Generate controller");
+  console.log("  SpeexJS make:middleware <name>        Generate middleware");
+  console.log("  SpeexJS make:schema <name>            Generate schema");
+  console.log("  SpeexJS list-routes                   Lihat semua route");
+  console.log("  SpeexJS serve [options]               Jalankan server");
+  console.log("  SpeexJS --help                        Bantuan ini");
   console.log();
   console.log(`${colors.bold("Aliases:")}`);
-  console.log("  SpeedX -v, --version                 Lihat versi");
+  console.log("  SpeexJS -v, --version                 Lihat versi");
   console.log();
   console.log(`${colors.bold("Options:")}`);
   console.log("  --template <type>    blank, fullstack, api-only");
@@ -953,7 +953,7 @@ async function main() {
     case "make:controller": {
       if (!parsed.args[0]) {
         console.error(colors.red("Nama controller diperlukan"));
-        console.log(`  ${colors.cyan("SpeedX make:controller <name>")}`);
+        console.log(`  ${colors.cyan("SpeexJS make:controller <name>")}`);
         process.exit(1);
       }
       await makeController(parsed.args[0]);
@@ -962,7 +962,7 @@ async function main() {
     case "make:middleware": {
       if (!parsed.args[0]) {
         console.error(colors.red("Nama middleware diperlukan"));
-        console.log(`  ${colors.cyan("SpeedX make:middleware <name>")}`);
+        console.log(`  ${colors.cyan("SpeexJS make:middleware <name>")}`);
         process.exit(1);
       }
       await makeMiddleware(parsed.args[0]);
@@ -971,7 +971,7 @@ async function main() {
     case "make:schema": {
       if (!parsed.args[0]) {
         console.error(colors.red("Nama schema diperlukan"));
-        console.log(`  ${colors.cyan("SpeedX make:schema <name>")}`);
+        console.log(`  ${colors.cyan("SpeexJS make:schema <name>")}`);
         process.exit(1);
       }
       await makeSchema(parsed.args[0]);
@@ -997,7 +997,7 @@ async function main() {
     case "version":
     case "--version":
     case "-v": {
-      console.log("SpeedX v0.2.0");
+      console.log("SpeexJS v0.2.0");
       break;
     }
     default: {