@strapi-community/plugin-better-auth-dashboard 1.0.0-alpha.5 → 1.0.0-alpha.7

package/README.md

@@ -0,0 +1,101 @@
+# Strapi + Better Auth Dashboard
+
+An admin panel dashboard plugin for [Strapi](https://strapi.io) that provides user management, session monitoring, and analytics for [Better Auth](https://better-auth.com) authentication.
+
+> [!CAUTION]
+> This plugin is in BETA state. It is by no means considered stable and should not be used in production. If you want to contribute to its development, please contact any of the maintainers.
+
+## Features
+
+- Overview page with user metrics, growth charts, and cohort retention analysis
+- User management: search, create, edit, delete, and ban users
+- Session management: view and revoke active sessions per user from the user detail drawer
+- Organization management (when the Better Auth organization plugin is enabled)
+- Real-time active user tracking (DAU / WAU / MAU)
+- Automatic feature detection — ban, 2FA, email verification, and organization UI adapts to your Better Auth config
+
+## Installation
+
+The additional dashboard plugin requires you to have the Better Auth plugin already installed and configured.
+
+### Packages
+
+```bash
+npm install @better-auth/infra @strapi-community/plugin-better-auth-dashboard
+# or
+yarn add @better-auth/infra @strapi-community/plugin-better-auth-dashboard
+# or
+pnpm add @better-auth/infra @strapi-community/plugin-better-auth-dashboard
+```
+
+### Configuration
+
+> [!CAUTION]
+> This plugin only works if you have not changed the `basePath` of Better Auth. It needs to be the default `/api/auth` path.
+
+In order to run this plugin you need to configure the `dash()` and `jwt()` plugins from Better Auth.
+
+```typescript title="src/lib/auth.ts"
+import { dash } from "@better-auth/infra";
+import { betterAuth } from 'better-auth';
+import { jwt } from 'better-auth/plugins';
+import { strapiAdapter } from '@strapi-community/plugin-better-auth';
+
+export const auth = betterAuth({
+  database: strapiAdapter(),
+  trustedOrigins: ['http://localhost:3000'],
+  plugins: [
+    jwt(),
+    dash({
+      apiUrl: process.env.STRAPI_URL || "http://localhost:1337",
+      apiKey:
+        process.env.BETTER_AUTH_DASHBOARD_SECRET ||
+        "strapi-internal-dashboard-key",
+    }),
+  ],
+  advanced: {
+    database: {
+      generateId: 'serial',
+    },
+  },
+  emailAndPassword: {
+    enabled: true,
+  },
+});
+```
+
+### Start Strapi
+
+```bash
+pnpm develop
+```
+
+The dashboard is now available in the Strapi admin panel.
+
+## Pages
+
+| Tab | Description |
+| --- | ----------- |
+| **Overview** | User metrics, growth charts, cohort retention, active user rings |
+| **Users** | Searchable user table with create, edit, delete, ban, and session revoke per user |
+| **Organizations** | Organization list with member management (requires Better Auth `organization` plugin) |
+
+## Requirements
+
+- `@strapi-community/plugin-better-auth` installed and configured
+- Strapi v5.45.0+
+- Better Auth >= 1.4.0
+
+## Resources
+
+- [Documentation](https://strapi-community.github.io/plugin-better-auth/docs/better-auth/dashboard)
+- [Better Auth Documentation](https://better-auth.com)
+- [Strapi Documentation](https://docs.strapi.io)
+
+## Authors
+
+- [Boaz Poolman](https://github.com/boazpoolman)
+
+## License
+
+See the [LICENSE](./LICENSE.md) file for licensing information.

package/dist/admin/{Root-CFxaaNC8.js → Root-BUuPFmkA.js}

@@ -9,7 +9,7 @@ const client$2 = require("@better-auth/infra/client");
 const client$1 = require("better-auth/client");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-C4--Z2Qg.js");
+const index = require("./index-CYaQ-gs-.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const dashPathMethods = () => ({
@@ -957,6 +957,21 @@ function CustomFieldsSection({
     )) })
   ] });
 }
+function EditViewSidePanels({ model, documentId, document: document2 }) {
+  const panels = index.getEditViewSidePanels(model);
+  if (panels.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: panels.map(({ id, title, Component }) => /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Component,
+      {
+        model,
+        documentId,
+        document: document2
+      }
+    )
+  ] }, id)) });
+}
 const SYSTEM_FIELDS = /* @__PURE__ */ new Set([
   "id",
   "documentId",
@@ -1136,9 +1151,13 @@ function OrganizationDetail({
         body
       );
     },
-    onSuccess: () => {
+    onSuccess: async () => {
+      await qc.invalidateQueries({
+        queryKey: ["dash-strapi-org", organizationId]
+      });
       qc.invalidateQueries({ queryKey: ["dash-org", organizationId] });
       qc.invalidateQueries({ queryKey: ["dash-organizations"] });
+      qc.invalidateQueries({ queryKey: ["dash-strapi-org", organizationId] });
       setEditName(void 0);
       setEditSlug(void 0);
       setEditLogo(void 0);
@@ -1467,33 +1486,43 @@ function OrganizationDetail({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(EditSidebar, { children: /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Details" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
+            /* @__PURE__ */ jsxRuntime.jsxs(EditSidebar, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Details" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "grid",
+                      gridTemplateColumns: "1fr 1fr",
+                      gap: 12
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(MetaItem, { style: { gridColumn: "1 / -1" }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(MetaKey, { children: "Organization ID" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(MonoChip, { children: org?.id })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(MetaItem, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(MetaKey, { children: "Members" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(MetaVal, { children: org?.memberCount ?? 0 })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs(MetaItem, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(MetaKey, { children: "Created" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(MetaVal, { children: org?.createdAt ? new Date(org.createdAt).toLocaleDateString() : "—" })
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EditViewSidePanels,
                 {
-                  style: {
-                    display: "grid",
-                    gridTemplateColumns: "1fr 1fr",
-                    gap: 12
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(MetaItem, { style: { gridColumn: "1 / -1" }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(MetaKey, { children: "Organization ID" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(MonoChip, { children: org?.id })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(MetaItem, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(MetaKey, { children: "Members" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(MetaVal, { children: org?.memberCount ?? 0 })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(MetaItem, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(MetaKey, { children: "Created" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(MetaVal, { children: org?.createdAt ? new Date(org.createdAt).toLocaleDateString() : "—" })
-                    ] })
-                  ]
+                  model: "plugin::better-auth.organization",
+                  documentId: strapiOrgQuery.data?.documentId,
+                  document: strapiOrgQuery.data ?? void 0
                 }
               )
-            ] }) })
+            ] })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "members", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, paddingTop: 6, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { children: [
@@ -4073,10 +4102,10 @@ function UserDetailDrawer({
         body
       );
     },
-    onSuccess: () => {
+    onSuccess: async () => {
+      await qc.invalidateQueries({ queryKey: ["dash-strapi-user", userId] });
       qc.invalidateQueries({ queryKey: ["dash-user", userId] });
       qc.invalidateQueries({ queryKey: ["dash-users"] });
-      qc.invalidateQueries({ queryKey: ["dash-strapi-user", userId] });
       setEditName(void 0);
       setEditEmail(void 0);
       setEditEmailVerified(void 0);
@@ -4573,7 +4602,15 @@ function UserDetailDrawer({
                     }
                   )
                 ] })
-              ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EditViewSidePanels,
+                {
+                  model: "plugin::better-auth.user",
+                  documentId: strapiUserQuery.data?.documentId,
+                  document: strapiUserQuery.data ?? void 0
+                }
+              )
             ] })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "security", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, paddingTop: 6, children: [
@@ -5686,3 +5723,4 @@ function Root() {
 }
 exports.Root = Root;
 exports.default = Root;
+//# sourceMappingURL=Root-BUuPFmkA.js.map