@rebasepro/cli 0.0.1-canary.4d4fb3e → 0.0.1-canary.5584634

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

@@ -1,48 +1,23 @@
-import React, { useCallback } from "react";
+import React from "react";
 
 import "@fontsource/jetbrains-mono";
 import "typeface-rubik";
 
-import {
-    RebaseLoginView,
-    useBackendUserManagement,
-    useRebaseAuthController
-} from "@rebasepro/auth";
-import {
-    AppBar,
-    Drawer,
-    Rebase,
-    ModeControllerProvider,
-    NotFoundPage,
-    Scaffold,
-    SideDialogs,
-    RebaseRoutes,
-    SnackbarProvider,
-    ContentHomePage,
-    useBuildUrlController,
-    useBuildCollectionRegistryController,
-    useBuildLocalConfigurationPersistence,
-    useBuildModeController,
-    useBuildNavigationStateController
-} from "@rebasepro/core";
-import { RebaseRoute } from "@rebasepro/cms";
-import { CircularProgressCenter } from "@rebasepro/ui";
-import { collections } from "virtual:rebase-collections";
-import { Route, Outlet } from "react-router-dom";
+import { useRebaseAuthController, useBackendUserManagement, RebaseAuth } from "@rebasepro/auth";
+import { Rebase } from "@rebasepro/core";
+import { RebaseCMS, RebaseShell } from "@rebasepro/admin";
+import { RebaseStudio } from "@rebasepro/studio";
 import { createRebaseClient } from "@rebasepro/client";
+import { collections } from "virtual:rebase-collections";
 
 // 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,
-        websocketUrl: API_URL.replace(/^http/, "ws")
-    }), [API_URL]);
+        baseUrl: API_URL
+    }), []);
 
     const authController = useRebaseAuthController({
         client: rebaseClient,
@@ -54,73 +29,18 @@ export function App() {
         currentUser: authController.user
     });
 
-    const collectionsBuilder = useCallback(() => {
-        return [...collections];
-    }, []);
-
-    const collectionRegistryController = useBuildCollectionRegistryController({ userConfigPersistence });
-    const urlController = useBuildUrlController({
-        basePath: "/",
-        baseCollectionPath: "/c",
-        collectionRegistryController
-    });
-
-    const navigationStateController = useBuildNavigationStateController({
-        collections: collectionsBuilder,
-        authController,
-        data: rebaseClient.data,
-        collectionRegistryController,
-        urlController,
-        userManagement
-    });
-
     return (
-        <SnackbarProvider>
-            <ModeControllerProvider value={modeController}>
-                <Rebase
-                    client={rebaseClient}
-                    apiUrl={API_URL}
-                    collectionRegistryController={collectionRegistryController}
-                    urlController={urlController}
-                    navigationStateController={navigationStateController}
-                    authController={authController}
-                    userConfigPersistence={userConfigPersistence}
-                    storageSource={rebaseClient.storage}
-                >
-                    {({ 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>
+        <Rebase
+            client={rebaseClient}
+            authController={authController}
+            userManagement={userManagement}
+        >
+            <RebaseAuth />
+            <RebaseCMS
+                collections={collections}
+            />
+            <RebaseStudio/>
+            <RebaseShell title="Rebase"/>
+        </Rebase>
     );
 }

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

@@ -12,15 +12,44 @@ export default defineConfig({
     },
     build: {
         minify: true,
-        outDir: "./build",
+        outDir: "./dist",
         target: "ESNEXT",
-        sourcemap: true
+        sourcemap: true,
+        rollupOptions: {
+            output: {
+                manualChunks(id) {
+                    // Heavy vendor libraries — split into individually cached chunks
+                    if (id.includes("xlsx")) return "vendor-xlsx";
+                    if (id.includes("prosemirror")) return "vendor-prosemirror";
+                    if (id.includes("monaco-editor") || id.includes("@monaco-editor")) return "vendor-monaco";
+                    if (id.includes("@xyflow") || id.includes("dagre")) return "vendor-xyflow";
+                    if (id.includes("@dnd-kit")) return "vendor-dnd";
+                    if (id.includes("prism-react-renderer")) return "vendor-prism";
+                    if (id.includes("markdown-it")) return "vendor-markdown";
+                    if (id.includes("react-dropzone")) return "vendor-dropzone";
+                    if (id.includes("date-fns")) return "vendor-datefns";
+                    if (id.includes("fuse.js")) return "vendor-fuse";
+                    if (id.includes("node_modules/react-dom/")) return "vendor-react-dom";
+                    if (id.includes("node_modules/react-router") || id.includes("node_modules/@remix-run")) return "vendor-react-router";
+                    if (id.includes("node_modules/@radix-ui/")) return "vendor-radix";
+                    if (id.includes("node_modules/framer-motion/")) return "vendor-framer-motion";
+                    if (id.includes("node_modules/zod/")) return "vendor-zod";
+                    if (id.includes("node_modules/i18next") || id.includes("node_modules/react-i18next")) return "vendor-i18next";
+                    if (id.includes("node_modules/@floating-ui/")) return "vendor-floating-ui";
+                    if (id.includes("node_modules/tailwind-merge/")) return "vendor-tailwind-merge";
+                    if (id.includes("node_modules/notistack/")) return "vendor-notistack";
+                    if (id.includes("node_modules/lucide-react/")) return "vendor-lucide-react";
+
+                    return undefined;
+                }
+            }
+        }
     },
     optimizeDeps: { include: ["react/jsx-runtime"] },
     plugins: [
         svgr(),
         react({}),
         tailwindcss(),
-        rebaseCollectionsPlugin({ collectionsDir: "../shared/collections" })
+        rebaseCollectionsPlugin({ collectionsDir: "../config/collections" })
     ]
 });

package/templates/template/package.json

@@ -8,13 +8,14 @@
         "dev": "rebase dev",
         "build": "pnpm -r run build",
         "start": "pnpm --filter \"*-backend\" start",
-        "db:generate": "rebase db generate",
+        "db:generate": "rebase db generate --collections ../config/collections",
         "db:migrate": "rebase db migrate",
         "db:pull": "rebase db pull",
-        "db:push": "rebase db push",
+        "db:push": "rebase db push --collections ../config/collections",
         "db:studio": "rebase db studio",
-        "schema:generate": "rebase schema generate",
-        "generate:sdk": "rebase generate-sdk"
+        "schema:generate": "rebase schema generate --collections ../config/collections",
+        "generate:sdk": "rebase generate-sdk",
+        "deploy": "pnpm run build && pnpm run start"
     },
     "devDependencies": {
         "@rebasepro/cli": "workspace:*",

package/templates/template/pnpm-workspace.yaml

@@ -1,4 +1,4 @@
 packages:
   - "frontend"
   - "backend"
-  - "shared"
+  - "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/shared/collections/index.ts

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