@rebasepro/cli 0.0.1-canary.2 → 0.0.1-canary.4f204c2

package/templates/template/config/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "{{PROJECT_NAME}}-config",
+    "version": "1.0.0",
+    "description": "Shared collections for frontend and backend",
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "type": "module",
+    "private": true,
+    "scripts": {
+        "build": "tsc",
+        "dev": "tsc --watch",
+        "clean": "rm -rf dist"
+    },
+    "dependencies": {
+        "@rebasepro/types": "workspace:*"
+    },
+    "devDependencies": {
+        "typescript": "^5.9.2"
+    },
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts",
+            "default": "./dist/index.js"
+        },
+        "./package.json": "./package.json"
+    }
+}

package/templates/template/docker-compose.yml

@@ -1,48 +1,109 @@
-version: '3.8'
+# ─── Rebase — Production Docker Compose ──────────────────────────────
+#
+# Quick start:
+#   cp .env.template .env    # Edit with your secrets
+#   docker compose up -d     # Start everything
+#
+# This runs:
+#   1. PostgreSQL 18 with persistent data
+#   2. Backend (Node.js / Hono) with health checks
+#   3. Frontend (nginx) serving the Vite build
+#
+# For development, use `pnpm dev` instead.
+# ─────────────────────────────────────────────────────────────────────
 
 services:
+  # ── PostgreSQL ───────────────────────────────────────────────────────
   db:
     image: postgres:18-alpine
+    restart: unless-stopped
     environment:
-      POSTGRES_USER: rebase
-      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
-      POSTGRES_DB: rebase
+      POSTGRES_USER: ${POSTGRES_USER:-rebase}
+      POSTGRES_PASSWORD: ${POSTGRES_PASSWORD:?Set POSTGRES_PASSWORD in .env}
+      POSTGRES_DB: ${POSTGRES_DB:-rebase}
     ports:
-      - "5432:5432"
+      - "${POSTGRES_PORT:-5432}:5432"
     volumes:
       - postgres_data:/var/lib/postgresql/data
     healthcheck:
-      test: ["CMD-SHELL", "pg_isready -U rebase"]
+      test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER:-rebase} -d ${POSTGRES_DB:-rebase}"]
       interval: 5s
       timeout: 5s
-      retries: 5
+      retries: 10
+      start_period: 10s
+    # Production tuning (adjust for your workload)
+    command:
+      - "postgres"
+      - "-c" 
+      - "shared_buffers=256MB"
+      - "-c"
+      - "max_connections=100"
+      - "-c"
+      - "work_mem=4MB"
+      - "-c"
+      - "effective_cache_size=768MB"
+      - "-c"
+      - "log_min_duration_statement=1000"
 
+  # ── Backend ──────────────────────────────────────────────────────────
   backend:
-    build: 
+    build:
       context: .
       dockerfile: backend/Dockerfile
+    restart: unless-stopped
     ports:
-      - "3001:3001"
+      - "${PORT:-3001}:3001"
     environment:
-      - DATABASE_URL=postgresql://rebase:${POSTGRES_PASSWORD}@db:5432/rebase
-      - JWT_SECRET=${JWT_SECRET}
-      - NODE_ENV=development
+      DATABASE_URL: postgresql://${POSTGRES_USER:-rebase}:${POSTGRES_PASSWORD}@db:5432/${POSTGRES_DB:-rebase}
+      ADMIN_CONNECTION_STRING: postgresql://${POSTGRES_USER:-rebase}:${POSTGRES_PASSWORD}@db:5432/${POSTGRES_DB:-rebase}
+      JWT_SECRET: ${JWT_SECRET:?Set JWT_SECRET in .env}
+      JWT_ACCESS_EXPIRES_IN: ${JWT_ACCESS_EXPIRES_IN:-1h}
+      JWT_REFRESH_EXPIRES_IN: ${JWT_REFRESH_EXPIRES_IN:-30d}
+      NODE_ENV: production
+      PORT: "3001"
+      ALLOW_REGISTRATION: ${ALLOW_REGISTRATION:-false}
+      FRONTEND_URL: ${FRONTEND_URL:-http://localhost}
+      CORS_ORIGINS: ${CORS_ORIGINS:-}
+      # Optional Google OAuth
+      GOOGLE_CLIENT_ID: ${GOOGLE_CLIENT_ID:-}
+      # Optional SMTP
+      SMTP_HOST: ${SMTP_HOST:-}
+      SMTP_PORT: ${SMTP_PORT:-}
+      SMTP_SECURE: ${SMTP_SECURE:-}
+      SMTP_USER: ${SMTP_USER:-}
+      SMTP_PASS: ${SMTP_PASS:-}
+      SMTP_FROM: ${SMTP_FROM:-}
+      APP_NAME: ${APP_NAME:-Rebase}
+      # Storage
+      STORAGE_TYPE: ${STORAGE_TYPE:-local}
+      STORAGE_PATH: ${STORAGE_PATH:-/app/backend/uploads}
+      S3_BUCKET: ${S3_BUCKET:-}
+      S3_REGION: ${S3_REGION:-}
+      S3_ACCESS_KEY_ID: ${S3_ACCESS_KEY_ID:-}
+      S3_SECRET_ACCESS_KEY: ${S3_SECRET_ACCESS_KEY:-}
+      S3_ENDPOINT: ${S3_ENDPOINT:-}
+      S3_FORCE_PATH_STYLE: ${S3_FORCE_PATH_STYLE:-}
+      # Service key for scripts & server-to-server admin access
+      REBASE_SERVICE_KEY: ${REBASE_SERVICE_KEY:-}
     depends_on:
       db:
         condition: service_healthy
     volumes:
-      - ./backend/uploads:/app/backend/uploads
+      - uploads:/app/backend/uploads
 
+  # ── Frontend ─────────────────────────────────────────────────────────
   frontend:
     build:
       context: .
       dockerfile: frontend/Dockerfile
+    restart: unless-stopped
     ports:
-      - "5173:5173"
-    environment:
-      - VITE_API_URL=http://localhost:3001
+      - "${FRONTEND_PORT:-80}:80"
     depends_on:
       - backend
 
 volumes:
   postgres_data:
+    driver: local
+  uploads:
+    driver: local

package/templates/template/frontend/Dockerfile

@@ -1,28 +1,50 @@
-FROM node:24-alpine AS base
+# ─── Multi-stage production Dockerfile for the Rebase frontend ────────
+# Builds the Vite app, then serves via nginx for proper caching/compression.
+#
+# Build context: the project root (where pnpm-workspace.yaml lives)
+# Usage:
+#   docker build -t my-app-frontend -f frontend/Dockerfile .
+
+# ── Stage 1: Install + Build ─────────────────────────────────────────
+FROM node:24-alpine AS builder
+
 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
 RUN corepack enable
+
 RUN apk add --no-cache python3 make g++
 
 WORKDIR /app
 
-# Copy root configurations
-COPY package.json ./
+# Copy workspace root files
+COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
 
-# Copy internal workspaces
+# Copy workspace packages
 COPY frontend ./frontend
-COPY shared ./shared
+COPY config ./config
 
 # Install dependencies
-RUN pnpm install
+RUN pnpm install --frozen-lockfile
+
+# Build config first, then frontend
+RUN pnpm --filter "*-config" run build
+RUN pnpm --filter "*-frontend" run build
+
+# ── Stage 2: Serve with nginx ────────────────────────────────────────
+FROM nginx:1.27-alpine AS runtime
+
+# Remove default nginx page
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copy built assets
+COPY --from=builder /app/frontend/dist /usr/share/nginx/html
+
+# Custom nginx config for SPA routing + compression
+COPY frontend/nginx.conf /etc/nginx/conf.d/default.conf
 
-# Build shared and frontend
-RUN pnpm run build:shared
-RUN pnpm run build:frontend
+EXPOSE 80
 
-# Install a simple static server
-RUN npm install -g serve
+HEALTHCHECK --interval=30s --timeout=5s --retries=3 \
+    CMD wget --no-verbose --tries=1 --spider http://localhost:80/ || exit 1
 
-WORKDIR /app/frontend
-EXPOSE 5173
-CMD ["serve", "-s", "dist", "-l", "5173"]
+CMD ["nginx", "-g", "daemon off;"]

package/templates/template/frontend/nginx.conf

@@ -0,0 +1,40 @@
+server {
+    listen 80;
+    server_name _;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_min_length 256;
+    gzip_types
+        text/plain
+        text/css
+        text/javascript
+        application/javascript
+        application/json
+        application/xml
+        image/svg+xml
+        font/woff2;
+
+    # Cache static assets aggressively (hashed filenames from Vite)
+    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable";
+        try_files $uri =404;
+    }
+
+    # SPA fallback: serve index.html for all non-file routes
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Security headers
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header Referrer-Policy "strict-origin-when-cross-origin" always;
+}

package/templates/template/frontend/package.json

@@ -4,17 +4,16 @@
     "private": true,
     "type": "module",
     "dependencies": {
-        "@rebasepro/auth": "^4.0.0",
-        "@rebasepro/core": "^4.0.0",
-        "@rebasepro/data_enhancement": "^4.0.0",
-        "@rebasepro/data_export": "^4.0.0",
-        "@rebasepro/data_import": "^4.0.0",
-        "@rebasepro/postgresql": "^4.0.0",
-        "@rebasepro/studio": "^4.0.0",
-        "@rebasepro/types": "^4.0.0",
-        "@rebasepro/ui": "^4.0.0",
+        "@rebasepro/auth": "workspace:*",
+        "@rebasepro/core": "workspace:*",
+        "@rebasepro/plugin-data-enhancement": "workspace:*",
+        "@rebasepro/client": "workspace:*",
+        "@rebasepro/admin": "workspace:*",
+        "@rebasepro/studio": "workspace:*",
+        "@rebasepro/types": "workspace:*",
+        "@rebasepro/ui": "workspace:*",
         "@fontsource/jetbrains-mono": "^5.2.5",
-        "{{PROJECT_NAME}}-shared": "workspace:*",
+        "{{PROJECT_NAME}}-config": "workspace:*",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-router": "^7.0.0",

package/templates/template/frontend/src/App.tsx

@@ -10,10 +10,8 @@ import {
 } from "@rebasepro/auth";
 import {
     AppBar,
-    CircularProgressCenter,
     Drawer,
     Rebase,
-    RebaseRoute,
     ModeControllerProvider,
     NotFoundPage,
     Scaffold,
@@ -21,52 +19,46 @@ import {
     RebaseRoutes,
     SnackbarProvider,
     ContentHomePage,
-    useBackendStorageSource,
-    useBuildCMSUrlController,
+    useBuildUrlController,
     useBuildCollectionRegistryController,
     useBuildLocalConfigurationPersistence,
     useBuildModeController,
     useBuildNavigationStateController
 } from "@rebasepro/core";
-import { usePostgresClientDataSource } from "@rebasepro/postgresql";
+import { RebaseRoute } from "@rebasepro/admin";
+import { CircularProgressCenter } from "@rebasepro/ui";
 import { collections } from "virtual:rebase-collections";
 import { Route, Outlet } from "react-router-dom";
+import { createRebaseClient } from "@rebasepro/client";
 
 // Configuration from environment
-const API_URL = import.meta.env.VITE_API_URL || "http://localhost:3001";
+const API_URL = import.meta.env.VITE_API_URL || (import.meta.env.DEV ? "http://localhost:3001" : undefined);
 const GOOGLE_CLIENT_ID = import.meta.env.VITE_GOOGLE_CLIENT_ID;
 
 export function App() {
     const modeController = useBuildModeController();
     const userConfigPersistence = useBuildLocalConfigurationPersistence();
 
+    const rebaseClient = React.useMemo(() => createRebaseClient({
+        baseUrl: API_URL
+    }), [API_URL]);
+
     const authController = useRebaseAuthController({
-        apiUrl: API_URL,
+        client: rebaseClient,
         googleClientId: GOOGLE_CLIENT_ID
     });
 
-    const storageSource = useBackendStorageSource({
-        apiUrl: API_URL,
-        getAuthToken: authController.getAuthToken
-    });
-
     const userManagement = useBackendUserManagement({
-        apiUrl: API_URL,
-        getAuthToken: authController.getAuthToken,
+        client: rebaseClient,
         currentUser: authController.user
     });
 
-    const postgresDelegate = usePostgresClientDataSource({
-        websocketUrl: API_URL.replace(/^http/, "ws"),
-        getAuthToken: authController.initialLoading ? undefined : authController.getAuthToken
-    });
-
     const collectionsBuilder = useCallback(() => {
         return [...collections];
     }, []);
 
     const collectionRegistryController = useBuildCollectionRegistryController({ userConfigPersistence });
-    const cmsUrlController = useBuildCMSUrlController({
+    const urlController = useBuildUrlController({
         basePath: "/",
         baseCollectionPath: "/c",
         collectionRegistryController
@@ -75,9 +67,9 @@ export function App() {
     const navigationStateController = useBuildNavigationStateController({
         collections: collectionsBuilder,
         authController,
-        dataSource: postgresDelegate,
+        data: rebaseClient.data,
         collectionRegistryController,
-        cmsUrlController,
+        urlController,
         userManagement
     });
 
@@ -85,17 +77,18 @@ export function App() {
         <SnackbarProvider>
             <ModeControllerProvider value={modeController}>
                 <Rebase
+                    client={rebaseClient}
+                    apiUrl={API_URL}
                     collectionRegistryController={collectionRegistryController}
-                    cmsUrlController={cmsUrlController}
+                    urlController={urlController}
                     navigationStateController={navigationStateController}
                     authController={authController}
                     userConfigPersistence={userConfigPersistence}
-                    dataSource={postgresDelegate}
-                    storageSource={storageSource}
+                    storageSource={rebaseClient.storage}
                 >
                     {({ loading }) => {
                         if (loading || authController.initialLoading) {
-                            return <CircularProgressCenter />;
+                            return <CircularProgressCenter/>;
                         }
 
                         if (!authController.user) {
@@ -112,15 +105,15 @@ export function App() {
                             <RebaseRoutes>
                                 <Route element={
                                     <Scaffold autoOpenDrawer={false}>
-                                        <AppBar />
-                                        <Drawer />
-                                        <Outlet />
-                                        <SideDialogs />
+                                        <AppBar/>
+                                        <Drawer/>
+                                        <Outlet/>
+                                        <SideDialogs/>
                                     </Scaffold>
                                 }>
-                                    <Route path={"/"} element={<ContentHomePage />} />
-                                    <Route path={"/c/*"} element={<RebaseRoute />} />
-                                    <Route path={"*"} element={<NotFoundPage />} />
+                                    <Route path={"/"} element={<ContentHomePage/>}/>
+                                    <Route path={"/c/*"} element={<RebaseRoute/>}/>
+                                    <Route path={"*"} element={<NotFoundPage/>}/>
                                 </Route>
                             </RebaseRoutes>
                         );

package/templates/template/frontend/src/index.css

@@ -1,2 +1,16 @@
 @import "tailwindcss";
-@import "@rebasepro/ui/index.css";
+@import "@rebasepro/ui/index.css" layer(base);
+
+@source "../node_modules/@rebasepro";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@layer utilities {
+    body {
+        @apply w-full min-h-screen bg-surface-50 dark:bg-surface-900 flex flex-col items-center justify-center;
+    }
+
+    a {
+        @apply text-primary dark:text-primary;
+    }
+}

package/templates/template/frontend/src/main.tsx

@@ -7,12 +7,12 @@ import "./index.css";
 const router = createBrowserRouter([
     {
         path: "/*",
-        element: <App />
+        element: <App/>
     }
 ]);
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
     <React.StrictMode>
-        <RouterProvider router={router} />
+        <RouterProvider router={router}/>
     </React.StrictMode>
 );

package/templates/template/frontend/vite.config.ts

@@ -21,6 +21,6 @@ export default defineConfig({
         svgr(),
         react({}),
         tailwindcss(),
-        rebaseCollectionsPlugin({ collectionsDir: "../shared/collections" })
+        rebaseCollectionsPlugin({ collectionsDir: "../config/collections" })
     ]
 });

package/templates/template/package.json

@@ -4,25 +4,20 @@
     "description": "Rebase application with PostgreSQL backend",
     "private": true,
     "type": "module",
-    "workspaces": [
-        "frontend",
-        "backend",
-        "shared"
-    ],
     "scripts": {
-        "dev": "concurrently \"pnpm run dev:backend\" \"pnpm run dev:frontend\"",
-        "dev:frontend": "cd frontend && pnpm run dev",
-        "dev:backend": "cd backend && pnpm run dev",
-        "build": "pnpm run build:shared && pnpm run build:frontend && pnpm run build:backend",
-        "build:shared": "cd shared && pnpm run build",
-        "build:frontend": "cd frontend && pnpm run build",
-        "build:backend": "cd backend && pnpm run build",
-        "start": "cd backend && pnpm start",
-        "db:generate": "cd backend && pnpm run db:generate",
-        "db:migrate": "cd backend && pnpm run db:migrate",
-        "db:studio": "cd backend && pnpm run db:studio"
+        "dev": "rebase dev",
+        "build": "pnpm -r run build",
+        "start": "pnpm --filter \"*-backend\" start",
+        "db:generate": "rebase db generate",
+        "db:migrate": "rebase db migrate",
+        "db:pull": "rebase db pull",
+        "db:push": "rebase db push",
+        "db:studio": "rebase db studio",
+        "schema:generate": "rebase schema generate",
+        "generate:sdk": "rebase generate-sdk"
     },
     "devDependencies": {
+        "@rebasepro/cli": "workspace:*",
         "concurrently": "^8.2.2",
         "typescript": "^5.9.2"
     },

package/templates/template/pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+packages:
+  - "frontend"
+  - "backend"
+  - "config"

package/templates/template/scripts/example.ts

@@ -0,0 +1,91 @@
+/**
+ * Example Rebase Script
+ *
+ * Scripts run OUTSIDE the server and need explicit authentication.
+ * Use a Service Key (set in .env as REBASE_SERVICE_KEY) to get admin
+ * access — similar to a Firebase Service Account credential.
+ *
+ * Usage:
+ *   # With local dev server running (`pnpm dev` in another terminal):
+ *   npx tsx scripts/example.ts
+ *
+ *   # With remote backend:
+ *   REBASE_URL=https://api.yourdomain.com npx tsx scripts/example.ts
+ *
+ *   # Service key can also be passed as env var:
+ *   REBASE_SERVICE_KEY=<key> REBASE_URL=https://api.yourdomain.com npx tsx scripts/example.ts
+ *
+ * Generate a service key:
+ *   node -e "console.log(require('crypto').randomBytes(48).toString('base64'))"
+ */
+
+import fs from "node:fs";
+import path from "node:path";
+import * as dotenv from "dotenv";
+import { createRebaseClient } from "@rebasepro/client";
+// import type { Database } from "../config/database.types"; // Optional: For fully typed collections
+
+// Load .env from project root (same file the backend uses)
+dotenv.config({ path: path.resolve(process.cwd(), ".env") });
+
+// ─── Resolve Backend URL ─────────────────────────────────────────────
+let baseUrl = process.env.REBASE_URL;
+
+if (!baseUrl) {
+    try {
+        // Try to read the URL from the local dev server
+        const urlFile = path.join(process.cwd(), ".rebase-dev-url");
+        if (fs.existsSync(urlFile)) {
+            baseUrl = fs.readFileSync(urlFile, "utf-8").trim();
+            console.log(`Found local dev server running at: ${baseUrl}`);
+        }
+    } catch (e) {
+        // Ignore errors reading the file
+    }
+}
+
+if (!baseUrl) {
+    console.error("❌ No backend URL found!");
+    console.error("");
+    console.error("Please make sure you have either:");
+    console.error("1. Started the local dev server in another terminal (`pnpm dev`)");
+    console.error("2. Set the REBASE_URL environment variable (e.g. `REBASE_URL=https://api.yourdomain.com npx tsx scripts/example.ts`)");
+    process.exit(1);
+}
+
+// ─── Resolve Service Key ─────────────────────────────────────────────
+const serviceKey = process.env.REBASE_SERVICE_KEY;
+
+if (!serviceKey) {
+    console.warn("⚠️  No REBASE_SERVICE_KEY found — requests will be unauthenticated.");
+    console.warn("   Set REBASE_SERVICE_KEY in your .env to get admin access.");
+    console.warn("   Generate one with: node -e \"console.log(require('crypto').randomBytes(48).toString('base64'))\"");
+    console.warn("");
+}
+
+// ─── Initialize the SDK client ───────────────────────────────────────
+const rebase = createRebaseClient({
+    baseUrl,
+    // The service key is sent as a Bearer token for admin access
+    token: serviceKey
+});
+
+async function run() {
+    console.log("🚀 Starting script...");
+
+    try {
+        // Example: Check backend health
+        const health = await fetch(`${baseUrl}/api/health`).then(res => res.json());
+        console.log("✅ Backend health:", health);
+
+        // Example: Fetch some data (requires auth if backend is secure-by-default)
+        // const items = await rebase.data.collection("users").find({ limit: 5 });
+        // console.log("Items:", items);
+
+        console.log("✨ Script finished successfully.");
+    } catch (error) {
+        console.error("❌ Script failed:", error);
+    }
+}
+
+run();

package/templates/template/backend/scripts/db-generate.ts

@@ -1,60 +0,0 @@
-#!/usr/bin/env node
-import { spawn } from "child_process";
-
-// --- Helper Functions ---
-const formatTerminalText = (text: string, options: {
-    bold?: boolean;
-    backgroundColor?: "blue" | "green" | "red" | "yellow" | "cyan" | "magenta";
-    textColor?: "white" | "black" | "red" | "green" | "yellow" | "blue" | "magenta" | "cyan";
-} = {}): string => {
-    let codes = "";
-    if (options.bold) codes += "\x1b[1m";
-    if (options.backgroundColor) {
-        const bgColors = {
-            blue: "\x1b[44m",
-            green: "\x1b[42m",
-            red: "\x1b[41m",
-            yellow: "\x1b[43m",
-            cyan: "\x1b[46m",
-            magenta: "\x1b[45m"
-        } as const;
-        codes += bgColors[options.backgroundColor];
-    }
-    if (options.textColor) {
-        const textColors = {
-            white: "\x1b[37m",
-            black: "\x1b[30m",
-            red: "\x1b[31m",
-            green: "\x1b[32m",
-            yellow: "\x1b[33m",
-            blue: "\x1b[34m",
-            magenta: "\x1b[35m",
-            cyan: "\x1b[36m"
-        } as const;
-        codes += textColors[options.textColor];
-    }
-    return `${codes}${text}\x1b[0m`;
-};
-
-// Run drizzle-kit generate with the correct env path
-const child = spawn("npx", ["drizzle-kit", "generate"], {
-    stdio: "inherit",
-    env: {
-        ...process.env,
-        DOTENV_CONFIG_PATH: "../.env"
-    },
-    shell: true
-});
-
-child.on("close", (code) => {
-    if (code === 0) {
-        console.log("");
-        console.log(`You can now run ${formatTerminalText("pnpm db:migrate", {
-            bold: true,
-            backgroundColor: "green",
-            textColor: "black"
-        })} to apply the migrations to your database.`);
-        console.log("");
-    }
-    process.exit(code ?? 0);
-});

package/templates/template/shared/collections/index.ts

@@ -1,3 +0,0 @@
-import postsCollection from "./posts";
-
-export const collections = [postsCollection];