@rebasepro/cli 0.0.1-canary.0

package/templates/template/backend/src/index.ts

@@ -0,0 +1,134 @@
+import express from "express";
+import cors from "cors";
+import path from "path";
+import { fileURLToPath } from "url";
+import { createServer } from "http";
+import { createPostgresDatabaseConnection, initializeRebaseAPI, initializeRebaseBackend, serveSPA } from "@rebasepro/backend";
+
+import { enums, relations, tables } from "./schema.generated";
+
+import * as dotenv from "dotenv";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Load environment from project root
+dotenv.config({ path: path.resolve(__dirname, "../../.env") });
+
+const app = express();
+const server = createServer(app);
+
+// PostgreSQL connection
+const databaseUrl = process.env.DATABASE_URL;
+if (!databaseUrl) {
+    throw new Error("DATABASE_URL environment variable is not set");
+}
+const db = createPostgresDatabaseConnection(databaseUrl);
+
+// Middleware
+app.use(cors());
+app.use(express.json({ limit: "10mb" }));
+
+async function startServer() {
+    const jwtSecret = process.env.JWT_SECRET;
+    if (!jwtSecret) {
+        throw new Error("JWT_SECRET environment variable is not set");
+    }
+
+    // Initialize Rebase Backend with auth
+    const backend = await initializeRebaseBackend({
+        collectionsDir: path.resolve(__dirname, "../../shared/collections"),
+        server,
+        app,
+        datasource: {
+            "(default)": {
+                connection: db,
+                schema: { tables, enums, relations },
+                adminConnectionString: process.env.ADMIN_CONNECTION_STRING || process.env.DATABASE_URL
+            }
+        },
+        auth: {
+            jwtSecret,
+            accessExpiresIn: process.env.JWT_ACCESS_EXPIRES_IN || "1h",
+            refreshExpiresIn: process.env.JWT_REFRESH_EXPIRES_IN || "30d",
+            google: process.env.GOOGLE_CLIENT_ID ? {
+                clientId: process.env.GOOGLE_CLIENT_ID
+            } : undefined,
+            seedDefaultRoles: true,
+            allowRegistration: process.env.ALLOW_REGISTRATION === "true",
+            email: process.env.SMTP_HOST ? {
+                from: process.env.SMTP_FROM || "noreply@example.com",
+                appName: process.env.APP_NAME || "Rebase",
+                resetPasswordUrl: process.env.FRONTEND_URL || "http://localhost:5173",
+                verifyEmailUrl: process.env.FRONTEND_URL || "http://localhost:5173",
+                smtp: {
+                    host: process.env.SMTP_HOST,
+                    port: parseInt(process.env.SMTP_PORT || "587"),
+                    secure: process.env.SMTP_SECURE === "true",
+                    auth: process.env.SMTP_USER ? {
+                        user: process.env.SMTP_USER,
+                        pass: process.env.SMTP_PASS || ""
+                    } : undefined
+                }
+            } : undefined
+        },
+        storage: {
+            type: "local",
+            basePath: path.resolve(__dirname, "../../uploads")
+        }
+    });
+
+    // Initialize REST/GraphQL API
+    await initializeRebaseAPI(app, backend, {
+        basePath: "/api",
+        collectionsDir: path.resolve(__dirname, "../../shared/collections"),
+        enableGraphQL: true,
+        enableREST: true,
+        cors: {
+            origin: true,
+            credentials: true
+        }
+    });
+
+    // Serve SPA in production
+    if (process.env.NODE_ENV === "production") {
+        serveSPA(app, {
+            frontendPath: path.join(__dirname, "../../frontend/dist"),
+            excludePaths: ["/health"]
+        });
+    }
+
+    app.get("/health", (req, res) => {
+        res.json({
+            status: "ok",
+            timestamp: new Date().toISOString(),
+            environment: process.env.NODE_ENV
+        });
+    });
+
+    // Error handling
+    app.use((error: Error, _req: express.Request, res: express.Response, _next: express.NextFunction) => {
+        console.error("Unhandled error:", error);
+        res.status(500).json({
+            error: "Internal server error",
+            message: error.message
+        });
+    });
+
+    const PORT = process.env.PORT || 3001;
+
+    server.listen(PORT, () => {
+        console.log(`🚀 Server running at http://localhost:${PORT}`);
+        console.log(`   • REST API: http://localhost:${PORT}/api`);
+        console.log(`   • GraphQL: http://localhost:${PORT}/api/graphql`);
+        console.log(`   • Swagger docs: http://localhost:${PORT}/api/swagger`);
+        console.log(`   • Health: http://localhost:${PORT}/health`);
+    });
+}
+
+startServer().catch(err => {
+    console.error("Failed to start server:", err);
+    process.exit(1);
+});
+
+export { app, server };

package/templates/template/backend/src/schema.generated.ts

@@ -0,0 +1,8 @@
+// This file is auto-generated by `pnpm db:generate`.
+// Do not edit manually.
+//
+// Run `pnpm db:generate` to regenerate this file from your collections.
+
+export const tables = {};
+export const enums = {};
+export const relations = {};

package/templates/template/backend/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "lib": ["ES2022"],
+    "outDir": "./dist",
+    "strict": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "declaration": true,
+    "sourceMap": true,
+    "jsx": "preserve"
+  },
+  "include": ["src/**/*", "../shared/**/*", "drizzle.config.ts"]
+}

package/templates/template/docker-compose.yml

@@ -0,0 +1,48 @@
+version: '3.8'
+
+services:
+  db:
+    image: postgres:15-alpine
+    environment:
+      POSTGRES_USER: rebase
+      POSTGRES_PASSWORD: rebasepassword
+      POSTGRES_DB: rebase
+    ports:
+      - "5432:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U rebase"]
+      interval: 5s
+      timeout: 5s
+      retries: 5
+
+  backend:
+    build: 
+      context: .
+      dockerfile: backend/Dockerfile
+    ports:
+      - "3001:3001"
+    environment:
+      - DATABASE_URL=postgresql://rebase:rebasepassword@db:5432/rebase
+      - JWT_SECRET=super-secret-jwt-key
+      - NODE_ENV=development
+    depends_on:
+      db:
+        condition: service_healthy
+    volumes:
+      - ./backend/uploads:/app/backend/uploads
+
+  frontend:
+    build:
+      context: .
+      dockerfile: frontend/Dockerfile
+    ports:
+      - "5173:5173"
+    environment:
+      - VITE_API_URL=http://localhost:3001
+    depends_on:
+      - backend
+
+volumes:
+  postgres_data:

package/templates/template/frontend/Dockerfile

@@ -0,0 +1,28 @@
+FROM node:24-alpine AS base
+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 internal workspaces
+COPY frontend ./frontend
+COPY shared ./shared
+
+# Install dependencies
+RUN pnpm install
+
+# Build shared and frontend
+RUN pnpm run build:shared
+RUN pnpm run build:frontend
+
+# Install a simple static server
+RUN npm install -g serve
+
+WORKDIR /app/frontend
+EXPOSE 5173
+CMD ["serve", "-s", "dist", "-l", "5173"]

package/templates/template/frontend/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title>
+  </head>
+  <body>
+    <div id="root" class="bg-surface-50 dark:bg-surface-900 text-surface-900 dark:text-white"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/template/frontend/package.json

@@ -0,0 +1,52 @@
+{
+    "name": "{{PROJECT_NAME}}-frontend",
+    "version": "1.0.0",
+    "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",
+        "@fontsource/jetbrains-mono": "^5.2.5",
+        "{{PROJECT_NAME}}-shared": "workspace:*",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "react-router": "^7.0.0",
+        "react-router-dom": "^7.0.0",
+        "typeface-rubik": "^1.1.13"
+    },
+    "scripts": {
+        "dev": "vite --mode development",
+        "build": "vite build && tsc",
+        "preview": "vite build && vite preview"
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "devDependencies": {
+        "@tailwindcss/typography": "^0.5.16",
+        "@tailwindcss/vite": "^4.1.12",
+        "@types/react": "^19.0.8",
+        "@types/react-dom": "^19.0.3",
+        "@vitejs/plugin-react": "^4.3.4",
+        "tailwindcss": "^4.1.3",
+        "typescript": "^5.9.2",
+        "vite": "^5.4.17",
+        "vite-plugin-svgr": "^4.3.0"
+    }
+}

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

@@ -0,0 +1,132 @@
+import React, { useCallback } from "react";
+
+import "@fontsource/jetbrains-mono";
+import "typeface-rubik";
+
+import {
+    RebaseLoginView,
+    useBackendUserManagement,
+    useRebaseAuthController
+} from "@rebasepro/auth";
+import {
+    AppBar,
+    CircularProgressCenter,
+    Drawer,
+    Rebase,
+    RebaseRoute,
+    ModeControllerProvider,
+    NotFoundPage,
+    Scaffold,
+    SideDialogs,
+    RebaseRoutes,
+    SnackbarProvider,
+    ContentHomePage,
+    useBackendStorageSource,
+    useBuildCMSUrlController,
+    useBuildCollectionRegistryController,
+    useBuildLocalConfigurationPersistence,
+    useBuildModeController,
+    useBuildNavigationStateController
+} from "@rebasepro/core";
+import { usePostgresClientDataSource } from "@rebasepro/postgresql";
+import { collections } from "virtual:rebase-collections";
+import { Route, Outlet } from "react-router-dom";
+
+// Configuration from environment
+const API_URL = import.meta.env.VITE_API_URL || "http://localhost:3001";
+const GOOGLE_CLIENT_ID = import.meta.env.VITE_GOOGLE_CLIENT_ID;
+
+export function App() {
+    const modeController = useBuildModeController();
+    const userConfigPersistence = useBuildLocalConfigurationPersistence();
+
+    const authController = useRebaseAuthController({
+        apiUrl: API_URL,
+        googleClientId: GOOGLE_CLIENT_ID
+    });
+
+    const storageSource = useBackendStorageSource({
+        apiUrl: API_URL,
+        getAuthToken: authController.getAuthToken
+    });
+
+    const userManagement = useBackendUserManagement({
+        apiUrl: API_URL,
+        getAuthToken: authController.getAuthToken,
+        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({
+        basePath: "/",
+        baseCollectionPath: "/c",
+        collectionRegistryController
+    });
+
+    const navigationStateController = useBuildNavigationStateController({
+        collections: collectionsBuilder,
+        authController,
+        dataSource: postgresDelegate,
+        collectionRegistryController,
+        cmsUrlController,
+        userManagement
+    });
+
+    return (
+        <SnackbarProvider>
+            <ModeControllerProvider value={modeController}>
+                <Rebase
+                    collectionRegistryController={collectionRegistryController}
+                    cmsUrlController={cmsUrlController}
+                    navigationStateController={navigationStateController}
+                    authController={authController}
+                    userConfigPersistence={userConfigPersistence}
+                    dataSource={postgresDelegate}
+                    storageSource={storageSource}
+                >
+                    {({ loading }) => {
+                        if (loading || authController.initialLoading) {
+                            return <CircularProgressCenter />;
+                        }
+
+                        if (!authController.user) {
+                            return (
+                                <RebaseLoginView
+                                    authController={authController}
+                                    googleEnabled={!!GOOGLE_CLIENT_ID}
+                                    googleClientId={GOOGLE_CLIENT_ID}
+                                />
+                            );
+                        }
+
+                        return (
+                            <RebaseRoutes>
+                                <Route element={
+                                    <Scaffold autoOpenDrawer={false}>
+                                        <AppBar />
+                                        <Drawer />
+                                        <Outlet />
+                                        <SideDialogs />
+                                    </Scaffold>
+                                }>
+                                    <Route path={"/"} element={<ContentHomePage />} />
+                                    <Route path={"/c/*"} element={<RebaseRoute />} />
+                                    <Route path={"*"} element={<NotFoundPage />} />
+                                </Route>
+                            </RebaseRoutes>
+                        );
+                    }}
+                </Rebase>
+            </ModeControllerProvider>
+        </SnackbarProvider>
+    );
+}

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

@@ -0,0 +1,2 @@
+@import "tailwindcss";
+@import "@rebasepro/ui/index.css";

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

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

package/templates/template/frontend/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["./src", "./vite.config.ts"]
+}

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

@@ -0,0 +1,26 @@
+// @ts-ignore
+import path from "path";
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import svgr from "vite-plugin-svgr";
+import tailwindcss from "@tailwindcss/vite";
+import { rebaseCollectionsPlugin } from "@rebasepro/core/vitePlugin";
+
+export default defineConfig({
+    esbuild: {
+        logOverride: { "this-is-undefined-in-esm": "silent" }
+    },
+    build: {
+        minify: true,
+        outDir: "./build",
+        target: "ESNEXT",
+        sourcemap: true
+    },
+    optimizeDeps: { include: ["react/jsx-runtime"] },
+    plugins: [
+        svgr(),
+        react({}),
+        tailwindcss(),
+        rebaseCollectionsPlugin({ collectionsDir: "../shared/collections" })
+    ]
+});

package/templates/template/package.json

@@ -0,0 +1,32 @@
+{
+    "name": "{{PROJECT_NAME}}",
+    "version": "1.0.0",
+    "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"
+    },
+    "devDependencies": {
+        "concurrently": "^8.2.2",
+        "typescript": "^5.9.2"
+    },
+    "engines": {
+        "node": ">=18.0.0"
+    }
+}

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

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

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

@@ -0,0 +1,53 @@
+import { EntityCollection } from "@rebasepro/types";
+
+const postsCollection: EntityCollection = {
+    name: "Posts",
+    singularName: "Post",
+    slug: "posts",
+    dbPath: "posts",
+    icon: "Article",
+    properties: {
+        id: {
+            name: "ID",
+            type: "number",
+            validation: {
+                required: true
+            }
+        },
+        title: {
+            name: "Title",
+            type: "string",
+            validation: {
+                required: true
+            }
+        },
+        content: {
+            name: "Content",
+            type: "string",
+            multiline: true
+        },
+        status: {
+            name: "Status",
+            type: "string",
+            enum: [
+                {
+                    id: "draft",
+                    label: "Draft",
+                    color: "grayLight"
+                },
+                {
+                    id: "review",
+                    label: "In Review",
+                    color: "orangeLight"
+                },
+                {
+                    id: "published",
+                    label: "Published",
+                    color: "greenLight"
+                }
+            ]
+        }
+    }
+};
+
+export default postsCollection;

package/templates/template/shared/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Shared collections index file
+ * Collections defined here are used by both the frontend and backend
+ */
+
+export { collections } from "./collections";

package/templates/template/shared/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "{{PROJECT_NAME}}-shared",
+  "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": "^4.0.0"
+  },
+  "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/shared/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "strict": true,
+    "jsx": "react-jsx",
+    "noEmit": false,
+    "declaration": true,
+    "outDir": "./dist",
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["node_modules", "dist"]
+}