updated examples: astro, nextjs, remix, bun, node

examples/remix/.gitignore

@@ -3,3 +3,4 @@ node_modules
 /.cache
 /build
 .env
+*.db

examples/remix/app/root.tsx

@@ -35,8 +35,9 @@ export const loader = async (args: LoaderFunctionArgs) => {
    // add api to the context
    args.context.api = api;
 
+   await api.verifyAuth();
    return {
-      user: api.getAuthState().user
+      user: api.getAuthState()?.user
    };
 };
 

examples/remix/app/routes/_index.tsx

@@ -7,7 +7,7 @@ export const meta: MetaFunction = () => {
 
 export const loader = async (args: LoaderFunctionArgs) => {
    const api = args.context.api;
-   const user = api.getAuthState().user;
+   const user = (await api.getVerifiedAuthState()).user;
    const { data } = await api.data.readMany("todos");
    return { data, user };
 };

examples/remix/app/routes/admin.$.tsx

@@ -3,6 +3,7 @@ import "bknd/dist/styles.css";
 
 export default adminPage({
    config: {
-      basepath: "/admin"
+      basepath: "/admin",
+      logo_return_path: "/../"
    }
 });

examples/remix/app/routes/api.$.ts

@@ -1,11 +1,70 @@
+import { App } from "bknd";
+import { registerLocalMediaAdapter } from "bknd/adapter/node";
 import { serve } from "bknd/adapter/remix";
+import { boolean, em, entity, text } from "bknd/data";
+import { secureRandomString } from "bknd/utils";
+
+// since we're running in node, we can register the local media adapter
+registerLocalMediaAdapter();
 
 const handler = serve({
+   // we can use any libsql config, and if omitted, uses in-memory
    connection: {
       type: "libsql",
       config: {
          url: "file:test.db"
       }
+   },
+   // an initial config is only applied if the database is empty
+   initialConfig: {
+      // the em() function makes it easy to create an initial schema
+      data: em({
+         todos: entity("todos", {
+            title: text(),
+            done: boolean()
+         })
+      }).toJSON(),
+      // we're enabling auth ...
+      auth: {
+         enabled: true,
+         jwt: {
+            issuer: "bknd-remix-example",
+            secret: secureRandomString(64)
+         }
+      },
+      // ... and media
+      media: {
+         enabled: true,
+         adapter: {
+            type: "local",
+            config: {
+               path: "./public"
+            }
+         }
+      }
+   },
+   options: {
+      // the seed option is only executed if the database was empty
+      seed: async (ctx) => {
+         await ctx.em.mutator("todos").insertMany([
+            { title: "Learn bknd", done: true },
+            { title: "Build something cool", done: false }
+         ]);
+      }
+   },
+   // here we can hook into the app lifecycle events ...
+   beforeBuild: async (app) => {
+      app.emgr.onEvent(
+         App.Events.AppFirstBoot,
+         async () => {
+            // ... to create an initial user
+            await app.module.auth.createUser({
+               email: "ds@bknd.io",
+               password: "12345678"
+            });
+         },
+         "sync"
+      );
    }
 });
 

examples/remix/package.json

@@ -12,17 +12,17 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@remix-run/node": "^2.14.0",
-    "@remix-run/react": "^2.14.0",
-    "@remix-run/serve": "^2.14.0",
+    "@remix-run/node": "^2.15.2",
+    "@remix-run/react": "^2.15.2",
+    "@remix-run/serve": "^2.15.2",
     "bknd": "workspace:*",
-    "isbot": "^4.1.0",
+    "isbot": "^5.1.18",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "remix-utils": "^7.7.0"
+    "remix-utils": "^8.0.0"
   },
   "devDependencies": {
-    "@remix-run/dev": "^2.14.0",
+    "@remix-run/dev": "^2.15.2",
     "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
     "typescript": "^5.1.6",