npm - better-auth-studio - Versions diffs - 1.0.0 - Mend

better-auth-studio 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

package/README.md +1 -0
package/dist/auth-adapter.d.ts +24 -0
package/dist/auth-adapter.d.ts.map +1 -0
package/dist/auth-adapter.js +481 -0
package/dist/auth-adapter.js.map +1 -0
package/dist/cli.d.ts +3 -0
package/dist/cli.d.ts.map +1 -0
package/dist/cli.js +49 -0
package/dist/cli.js.map +1 -0
package/dist/config.d.ts +25 -0
package/dist/config.d.ts.map +1 -0
package/dist/config.js +308 -0
package/dist/config.js.map +1 -0
package/dist/data.d.ts +38 -0
package/dist/data.d.ts.map +1 -0
package/dist/data.js +275 -0
package/dist/data.js.map +1 -0
package/dist/routes.d.ts +3 -0
package/dist/routes.d.ts.map +1 -0
package/dist/routes.js +1490 -0
package/dist/routes.js.map +1 -0
package/dist/studio.d.ts +10 -0
package/dist/studio.d.ts.map +1 -0
package/dist/studio.js +70 -0
package/dist/studio.js.map +1 -0
package/frontend/index.html +13 -0
package/frontend/package-lock.json +4675 -0
package/frontend/package.json +52 -0
package/frontend/pnpm-lock.yaml +4020 -0
package/frontend/postcss.config.js +6 -0
package/frontend/src/App.tsx +36 -0
package/frontend/src/components/CommandPalette.tsx +219 -0
package/frontend/src/components/Layout.tsx +159 -0
package/frontend/src/components/ui/badge.tsx +40 -0
package/frontend/src/components/ui/button.tsx +53 -0
package/frontend/src/components/ui/card.tsx +78 -0
package/frontend/src/components/ui/input.tsx +20 -0
package/frontend/src/components/ui/label.tsx +19 -0
package/frontend/src/components/ui/select.tsx +71 -0
package/frontend/src/index.css +130 -0
package/frontend/src/lib/utils.ts +6 -0
package/frontend/src/main.tsx +10 -0
package/frontend/src/pages/Dashboard.tsx +231 -0
package/frontend/src/pages/OrganizationDetails.tsx +1281 -0
package/frontend/src/pages/Organizations.tsx +874 -0
package/frontend/src/pages/Sessions.tsx +623 -0
package/frontend/src/pages/Settings.tsx +1019 -0
package/frontend/src/pages/TeamDetails.tsx +666 -0
package/frontend/src/pages/Users.tsx +728 -0
package/frontend/tailwind.config.js +75 -0
package/frontend/tsconfig.json +31 -0
package/frontend/tsconfig.node.json +10 -0
package/frontend/vite.config.ts +31 -0
package/package.json +59 -0
package/public/assets/main-C-TXCXVW.css +1 -0
package/public/assets/main-CCzTTP3P.js +296 -0
package/public/index.html +14 -0
package/src/auth-adapter.ts +471 -0
package/src/cli.ts +51 -0
package/src/config.ts +318 -0
package/src/data.ts +351 -0
package/src/routes.ts +1585 -0
package/src/studio.ts +86 -0
package/test-project/README.md +0 -0
package/test-project/better-auth.db +0 -0
package/test-project/better-auth_migrations/2025-08-27T15-55-04.099Z.sql +7 -0
package/test-project/better-auth_migrations/2025-09-04T02-33-19.422Z.sql +7 -0
package/test-project/package.json +29 -0
package/test-project/pnpm-lock.yaml +1728 -0
package/test-project/src/auth.ts +47 -0
package/test-project/src/index.ts +40 -0
package/tsconfig.json +21 -0

package/public/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Better Auth Studio</title>
+    <script type="module" crossorigin src="/assets/main-CCzTTP3P.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/main-C-TXCXVW.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/src/auth-adapter.ts ADDED Viewed

@@ -0,0 +1,471 @@
+import { join, dirname } from 'path';
+import { existsSync } from 'fs';
+export interface AuthAdapter {
+  createUser: (data: any) => Promise<any>;
+  createSession: (data: any) => Promise<any>;
+  createAccount: (data: any) => Promise<any>;
+  createVerification: (data: any) => Promise<any>;
+  createOrganization: (data: any) => Promise<any>;
+  create?: (...args: any[]) => Promise<any>;
+  update?: (...args: any[]) => Promise<any>;
+  delete?: (...args: any[]) => Promise<any>;
+  getUsers?: () => Promise<any[]>;
+  getSessions?: () => Promise<any[]>;
+  findMany?: (options: { model: string; where?: any; limit?: number; offset?: number }) => Promise<any[]>;
+}
+let authInstance: any = null;
+let authAdapter: AuthAdapter | null = null;
+export async function getAuthAdapter(): Promise<AuthAdapter | null> {
+  try {
+    const authConfigPath = await findAuthConfigPath();
+    if (!authConfigPath) {
+      console.warn('No auth config found');
+      return await createMockAdapter();
+    }
+    console.log('Loading auth instance from:', authConfigPath);
+    let authModule;
+    try {
+      authModule = await import(authConfigPath);
+    } catch (error) {
+      console.warn('Error importing auth module:', error);
+      return await createMockAdapter();
+    }
+    const auth = authModule.auth || authModule.default;
+    console.log({auth})
+    if (!auth) {
+      console.warn('No auth export found in config');
+      return await createMockAdapter();
+    }
+    let adapter;
+    try {
+      const context = await auth.$context;
+      adapter = context?.adapter;
+    } catch (error) {
+      console.warn('Error getting auth context:', error);
+      adapter = auth.adapter;
+    }
+    if (!adapter) {
+      console.warn('No adapter found in auth instance');
+      console.log('Auth object keys:', Object.keys(auth));
+      console.log('Falling back to mock adapter...');
+      return await createMockAdapter();
+    }
+    console.log('Adapter found, checking available methods...');
+    console.log('Adapter keys:', Object.keys(adapter));
+    console.log('Adapter methods:', Object.getOwnPropertyNames(Object.getPrototypeOf(adapter)));
+    if (adapter.options) {
+      console.log('Adapter options:', adapter.options);
+    }
+    if (adapter.createSchema) {
+      console.log('Adapter schema:', adapter.createSchema);
+    }
+    try {
+      if (adapter.schema) {
+        console.log('Adapter schema models:', Object.keys(adapter.schema));
+      }
+      if (adapter.models) {
+        console.log('Adapter models:', Object.keys(adapter.models));
+      }
+      if (adapter.tables) {
+        console.log('Adapter tables:', Object.keys(adapter.tables));
+      }
+    } catch (error) {
+      console.log('Could not inspect adapter schema:', error);
+    }
+    console.log('Using real adapter with model names');
+    authAdapter = {
+      createUser: async (data: any) => {
+        try {
+          const user = await adapter.create({
+            model: "user",
+            data: {
+              createdAt: new Date(),
+              updatedAt: new Date(),
+              emailVerified: false,
+              name: data.name,
+              email: data.email?.toLowerCase(),
+              image: data.image || `https://api.dicebear.com/7.x/avataaars/svg?seed=${data.email}`,
+            }
+          });
+          if (data.password) {
+            try {
+              await adapter.create({
+                model: "account",
+                data: {
+                  userId: user.id,
+                  providerId: "credential",
+                  accountId: user.id,
+                  password: data.password,
+                  createdAt: new Date(),
+                  updatedAt: new Date(),
+                }
+              });
+              console.log('Credential account created for user:', user.id);
+            } catch (accountError) {
+              console.error('Error creating credential account:', accountError);
+            }
+          }
+          console.log('User created via real adapter:', user);
+          return user;
+        } catch (error) {
+          console.error('Error creating user via real adapter:', error);
+          const mockAdapter = await createMockAdapter();
+          return await mockAdapter.createUser(data);
+        }
+      },
+      createSession: async (data: any) => {
+        try {
+          const session = await adapter.create({
+            model: "session",
+            data: {
+              createdAt: new Date(),
+              updatedAt: new Date(),
+              ...data,
+            }
+          });
+          console.log('Session created via real adapter:', session);
+          return session;
+        } catch (error) {
+          console.error('Error creating session via real adapter:', error);
+          const mockAdapter = await createMockAdapter();
+          return await mockAdapter.createSession(data);
+        }
+      },
+      createAccount: async (data: any) => {
+        try {
+          const account = await adapter.create({
+            model: "account",
+            data: {
+              createdAt: new Date(),
+              updatedAt: new Date(),
+              ...data,
+            }
+          });
+          console.log('Account created via real adapter:', account);
+          return account;
+        } catch (error) {
+          console.error('Error creating account via real adapter:', error);
+          const mockAdapter = await createMockAdapter();
+          return await mockAdapter.createAccount(data);
+        }
+      },
+      createVerification: async (data: any) => {
+        try {
+          const verification = await adapter.create({
+            model: "verification",
+            data: {
+              createdAt: new Date(),
+              updatedAt: new Date(),
+              ...data,
+            }
+          });
+          console.log('Verification created via real adapter:', verification);
+          return verification;
+        } catch (error) {
+          console.error('Error creating verification via real adapter:', error);
+          const mockAdapter = await createMockAdapter();
+          return await mockAdapter.createVerification(data);
+        }
+      },
+      createOrganization: async (data: any) => {
+        try {
+          const organization = await adapter.create({
+            model: "organization",
+            data: {
+              createdAt: new Date(),
+              updatedAt: new Date(),
+              ...data,
+            }
+          });
+          console.log('Organization created via real adapter:', organization);
+          return organization;
+        } catch (error) {
+          console.error('Error creating organization via real adapter:', error);
+          const mockAdapter = await createMockAdapter();
+          return await mockAdapter.createOrganization(data);
+        }
+      },
+      getUsers: async () => {
+        try {
+          if (typeof adapter.findMany === 'function') {
+            const users = await adapter.findMany({ model: 'user' });
+            console.log('Found users via findMany:', users?.length || 0);
+            return users || [];
+          }
+          if (typeof adapter.getUsers === 'function') {
+            const users = await adapter.getUsers();
+            console.log('Found users via getUsers:', users?.length || 0);
+            return users || [];
+          }
+          console.log('No read method available on adapter, returning mock data');
+          return [];
+        } catch (error) {
+          console.error('Error getting users from adapter:', error);
+          return [];
+        }
+      },
+      getSessions: async () => {
+        try {
+          if (typeof adapter.findMany === 'function') {
+            const sessions = await adapter.findMany({ model: 'session' });
+            return sessions || [];
+          }
+          if (typeof adapter.getSessions === 'function') {
+            const sessions = await adapter.getSessions();
+            return sessions || [];
+          }
+          return [];
+        } catch (error) {
+          console.error('Error getting sessions from adapter:', error);
+          return [];
+        }
+      },
+      findMany: async (options: { model: string; where?: any; limit?: number; offset?: number }) => {
+        try {
+          if (typeof adapter.findMany === 'function') {
+            return await adapter.findMany(options);
+          }
+          return [];
+        } catch (error) {
+          console.error('Error using findMany on adapter:', error);
+          return [];
+        }
+      }
+    };
+    const adapters = {...adapter, ...authAdapter};
+    return adapters;
+  } catch (error) {
+    console.error('Error loading auth adapter:', error);
+    console.log('Falling back to mock adapter due to error...');
+    return await createMockAdapter();
+  }
+}
+async function findAuthConfigPath(): Promise<string | null> {
+  const possibleConfigFiles = [
+    'auth.ts',
+    'auth.js',
+    'src/auth.ts',
+    'src/auth.js',
+    'better-auth.config.ts',
+    'better-auth.config.js',
+    'better-auth.config.json',
+    'auth.config.ts',
+    'auth.config.js',
+    'auth.config.json',
+    'studio-config.json' // Move this to the end as fallback
+  ];
+  let currentDir = process.cwd();
+  const maxDepth = 10;
+  let depth = 0;
+  while (currentDir && depth < maxDepth) {
+    for (const configFile of possibleConfigFiles) {
+      const configPath = join(currentDir, configFile);
+      if (existsSync(configPath)) {
+        return configPath;
+      }
+    }
+    const parentDir = dirname(currentDir);
+    if (parentDir === currentDir) {
+      break;
+    }
+    currentDir = parentDir;
+    depth++;
+  }
+  return null;
+}
+export async function createMockUser(adapter: AuthAdapter, index: number) {
+  const userData = {
+    email: `user${index}@example.com`,
+    name: `User ${index}`,
+    emailVerified: true,
+    image: `https://api.dicebear.com/7.x/avataaars/svg?seed=user${index}`,
+    createdAt: new Date(),
+    updatedAt: new Date()
+  };
+  return await adapter.createUser(userData);
+}
+export async function createMockSession(adapter: AuthAdapter, userId: string, index: number) {
+  const sessionData = {
+    userId: userId,
+    expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000), // 7 days from now
+    sessionToken: `session_token_${index}_${Date.now()}`,
+    createdAt: new Date(),
+    updatedAt: new Date()
+  };
+  return await adapter.createSession(sessionData);
+}
+export async function createMockAccount(adapter: AuthAdapter, userId: string, index: number) {
+  const accountData = {
+    userId: userId,
+    type: 'oauth',
+    provider: 'github',
+    providerAccountId: `github_${index}`,
+    refresh_token: `refresh_token_${index}`,
+    access_token: `access_token_${index}`,
+    expires_at: Math.floor(Date.now() / 1000) + 3600,
+    token_type: 'bearer',
+    scope: 'read:user',
+    id_token: `id_token_${index}`,
+    session_state: `session_state_${index}`,
+    createdAt: new Date(),
+    updatedAt: new Date()
+  };
+  return await adapter.createAccount(accountData);
+}
+export async function createMockVerification(adapter: AuthAdapter, userId: string, index: number) {
+  const verificationData = {
+    identifier: `user${index}@example.com`,
+    token: `verification_token_${index}_${Date.now()}`,
+    expires: new Date(Date.now() + 24 * 60 * 60 * 1000), // 24 hours from now
+    createdAt: new Date(),
+    updatedAt: new Date()
+  };
+  return await adapter.createVerification(verificationData);
+}
+async function createMockAdapter(): Promise<AuthAdapter> {
+  console.log('Creating mock adapter for development/testing');
+  return {
+    createUser: async (data: any) => {
+      const mockUser = {
+        id: `user_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        ...data,
+        createdAt: new Date(),
+        updatedAt: new Date()
+      };
+      console.log('Mock user created:', mockUser);
+      return mockUser;
+    },
+    createSession: async (data: any) => {
+      const mockSession = {
+        id: `session_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        ...data,
+        createdAt: new Date(),
+        updatedAt: new Date()
+      };
+      console.log('Mock session created:', mockSession);
+      return mockSession;
+    },
+    createAccount: async (data: any) => {
+      const mockAccount = {
+        id: `account_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        ...data,
+        createdAt: new Date(),
+        updatedAt: new Date()
+      };
+      console.log('Mock account created:', mockAccount);
+      return mockAccount;
+    },
+    createVerification: async (data: any) => {
+      const mockVerification = {
+        id: `verification_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        ...data,
+        createdAt: new Date(),
+        updatedAt: new Date()
+      };
+      console.log('Mock verification created:', mockVerification);
+      return mockVerification;
+    },
+    createOrganization: async (data: any) => {
+      const mockOrganization = {
+        id: `org_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
+        ...data,
+        createdAt: new Date(),
+        updatedAt: new Date()
+      };
+      console.log('Mock organization created:', mockOrganization);
+      return mockOrganization;
+    },
+    getUsers: async () => {
+      const mockUsers = [
+        {
+          id: 'user_1',
+          email: 'user1@example.com',
+          name: 'User 1',
+          emailVerified: true,
+          image: 'https://api.dicebear.com/7.x/avataaars/svg?seed=user1',
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          provider: 'email',
+          lastSignIn: new Date().toISOString(),
+          status: 'active'
+        },
+        {
+          id: 'user_2',
+          email: 'user2@example.com',
+          name: 'User 2',
+          emailVerified: true,
+          image: 'https://api.dicebear.com/7.x/avataaars/svg?seed=user2',
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          provider: 'github',
+          lastSignIn: new Date().toISOString(),
+          status: 'active'
+        }
+      ];
+      return mockUsers;
+    },
+    getSessions: async () => {
+      const mockSessions = [
+        {
+          id: 'session_1',
+          userId: 'user_1',
+          expires: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString(),
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          sessionToken: 'session_token_1'
+        }
+      ];
+      return mockSessions;
+    },
+    findMany: async (options: { model: string; where?: any; limit?: number; offset?: number }) => {
+      if (options.model === 'user') {
+        return [
+          {
+            id: 'user_1',
+            email: 'user1@example.com',
+            name: 'User 1',
+            emailVerified: true,
+            image: 'https://api.dicebear.com/7.x/avataaars/svg?seed=user1',
+            createdAt: new Date().toISOString(),
+            updatedAt: new Date().toISOString(),
+            provider: 'email',
+            lastSignIn: new Date().toISOString(),
+            status: 'active'
+          }
+        ];
+      }
+      return [];
+    }
+  };
+}

package/src/cli.ts ADDED Viewed

@@ -0,0 +1,51 @@
+#!/usr/bin/env node
+import { Command } from 'commander';
+import chalk from 'chalk';
+import { startStudio } from './studio';
+import { findAuthConfig } from './config';
+const program = new Command();
+program
+  .name('better-auth-studio')
+  .description('Better Auth Studio - GUI dashboard for Better Auth')
+  .version('1.0.0');
+program
+  .command('studio')
+  .description('Start Better Auth Studio')
+  .option('-p, --port <port>', 'Port to run the studio on', '3001')
+  .option('-h, --host <host>', 'Host to run the studio on', 'localhost')
+  .option('--no-open', 'Do not open browser automatically')
+  .action(async (options) => {
+    try {
+      console.log(chalk.blue('🔐 Better Auth Studio'));
+      console.log(chalk.gray('Starting Better Auth Studio...\n'));
+      const authConfig = await findAuthConfig();
+      if (!authConfig) {
+        console.error(chalk.red('❌ No Better Auth configuration found.'));
+        console.log(chalk.yellow('Make sure you have a Better Auth configuration file in your project.'));
+        console.log(chalk.yellow('Supported files: auth.ts, auth.js, better-auth.config.ts, etc.'));
+        process.exit(1);
+      }
+      console.log(chalk.green('✅ Found Better Auth configuration'));
+      console.log(chalk.gray(`Database: ${authConfig.database?.type || 'Not configured'}`));
+      console.log(chalk.gray(`Providers: ${authConfig.providers?.map(p => p.type).join(', ') || 'None'}\n`));
+      await startStudio({
+        port: parseInt(options.port),
+        host: options.host,
+        openBrowser: options.open,
+        authConfig
+      });
+    } catch (error) {
+      console.error(chalk.red('❌ Failed to start Better Auth Studio:'), error);
+      process.exit(1);
+    }
+  });
+program.parse();