@contentgrowth/content-auth 0.4.9 → 0.5.0

package/README.md

@@ -153,8 +153,6 @@ export default function App() {
 You can also use the `authClient` directly for custom implementations:
 
 ```typescript
-import { authClient } from '@contentgrowth/content-auth/client';
-
 // Example: Sign in with email
 await authClient.signIn.email({
     email: "user@example.com",
@@ -162,6 +160,74 @@ await authClient.signIn.email({
 });
 ```
 
+### 3. Frontend Setup (Astro)
+
+Import components directly in your Astro pages. They use standard HTML/JS and don't require any framework integrations.
+
+```astro
+---
+import { AuthForm } from '@contentgrowth/content-auth/astro/components/AuthForm.astro';
+import '@contentgrowth/content-auth/styles.css';
+---
+
+<div class="min-h-screen flex items-center justify-center bg-gray-50">
+  <div class="max-w-md w-full">
+    <h1 class="text-2xl font-bold text-center mb-6">Welcome Back</h1>
+    
+    <AuthForm 
+      view="signin" 
+      baseUrl="http://localhost:8787" <!-- Your backend URL -->
+      redirectUrl="/dashboard"
+    />
+  </div>
+</div>
+```
+
+**Client Usage (Vanilla JS):**
+
+```typescript
+import { authClient } from '@contentgrowth/content-auth/astro/client';
+
+await authClient.signIn.email({ ... });
+```
+
+### 4. Frontend Setup (Vue)
+
+Import components in your Vue 3 application.
+
+```vue
+<script setup>
+import { AuthForm } from '@contentgrowth/content-auth/vue';
+import '@contentgrowth/content-auth/styles.css';
+
+const handleSuccess = (data) => {
+  console.log('User authenticated!', data);
+  window.location.href = '/dashboard';
+};
+</script>
+
+<template>
+  <div class="min-h-screen flex items-center justify-center bg-gray-50">
+    <div class="max-w-md w-full">
+      <h1 class="text-2xl font-bold text-center mb-6">Welcome Back</h1>
+      
+      <AuthForm 
+        view="signin"
+        @success="handleSuccess"
+      />
+    </div>
+  </div>
+</template>
+```
+
+**Client Usage (Vue):**
+
+```typescript
+import { authClient } from '@contentgrowth/content-auth/vue/client';
+
+await authClient.signIn.email({ ... });
+```
+
 ## Database Setup
 
 This package requires specific database tables to function. We provide a **SQL schema template** that you copy into your project and extend with your own tables.

package/dist/{chunk-CTASTCWI.js → chunk-3HNFZJ7S.js}

@@ -2,7 +2,7 @@ import {
   authClient
 } from "./chunk-NKDKDBM2.js";
 
-// src/frontend/components/AuthForm.tsx
+// src/frontend/components/react/AuthForm.tsx
 import { useState, useRef, useEffect } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var AuthForm = ({
@@ -296,7 +296,7 @@ var AuthForm = ({
   ] });
 };
 
-// src/frontend/components/ForgotPasswordForm.tsx
+// src/frontend/components/react/ForgotPasswordForm.tsx
 import { useState as useState2 } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ForgotPasswordForm = ({
@@ -378,7 +378,7 @@ var ForgotPasswordForm = ({
   ] });
 };
 
-// src/frontend/components/ResetPasswordForm.tsx
+// src/frontend/components/react/ResetPasswordForm.tsx
 import { useState as useState3 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ResetPasswordForm = ({
@@ -496,7 +496,7 @@ var ResetPasswordForm = ({
   ] });
 };
 
-// src/frontend/components/Organization.tsx
+// src/frontend/components/react/Organization.tsx
 import { useState as useState4, useEffect as useEffect2 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var CreateOrganizationForm = ({
@@ -661,7 +661,7 @@ var InviteMemberForm = ({
   ] });
 };
 
-// src/frontend/components/ProfileEditor.tsx
+// src/frontend/components/react/ProfileEditor.tsx
 import { useState as useState5, useEffect as useEffect3 } from "react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var ProfileEditor = ({
@@ -746,7 +746,7 @@ var ProfileEditor = ({
   ] });
 };
 
-// src/frontend/components/PasswordChanger.tsx
+// src/frontend/components/react/PasswordChanger.tsx
 import { useState as useState6 } from "react";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var PasswordChanger = ({

package/dist/chunk-CBNSTIX6.js

@@ -0,0 +1,17 @@
+// src/frontend/clients/astro-client.ts
+import { createAuthClient } from "better-auth/client";
+import { organizationClient } from "better-auth/client/plugins";
+var createClient = (baseUrl) => {
+  return createAuthClient({
+    baseURL: baseUrl,
+    plugins: [
+      organizationClient()
+    ]
+  });
+};
+var authClient = createClient();
+
+export {
+  createClient,
+  authClient
+};

package/dist/chunk-F2G7XJIZ.js

@@ -0,0 +1,17 @@
+// src/frontend/clients/vue-client.ts
+import { createAuthClient } from "better-auth/vue";
+import { organizationClient } from "better-auth/client/plugins";
+var createClient = (baseUrl) => {
+  return createAuthClient({
+    baseURL: baseUrl,
+    plugins: [
+      organizationClient()
+    ]
+  });
+};
+var authClient = createClient();
+
+export {
+  createClient,
+  authClient
+};

package/dist/frontend/astro.d.ts

@@ -0,0 +1,6 @@
+export { authClient, createClient } from './clients/astro-client.js';
+import 'nanostores';
+import '@better-fetch/fetch';
+import 'better-auth/client';
+import 'better-auth';
+import 'better-auth/plugins';

package/dist/frontend/astro.js

@@ -0,0 +1,9 @@
+import {
+  authClient,
+  createClient
+} from "../chunk-CBNSTIX6.js";
+import "../chunk-R5U7XKVJ.js";
+export {
+  authClient,
+  createClient
+};

package/dist/frontend/client.d.ts

@@ -965,13 +965,13 @@ declare const createClient: (baseUrl?: string) => {
         token: string | null;
         user: {
             id: string;
-            email: string;
-            name: string;
-            image: string | null | undefined;
-            emailVerified: boolean;
             createdAt: Date;
             updatedAt: Date;
-        };
+            email: string;
+            emailVerified: boolean;
+            name: string;
+            image?: string | null | undefined;
+        } & Record<string, any>;
     }, {
         code?: string | undefined;
         message?: string | undefined;
@@ -1135,13 +1135,13 @@ declare const createClient: (baseUrl?: string) => {
         query?: Record<string, any> | undefined;
         fetchOptions?: FetchOptions | undefined;
     }> | undefined, data_1?: FetchOptions | undefined) => Promise<_better_fetch_fetch.BetterFetchResponse<{
+        scopes: string[];
         id: string;
-        providerId: string;
         createdAt: Date;
         updatedAt: Date;
-        accountId: string;
         userId: string;
-        scopes: string[];
+        providerId: string;
+        accountId: string;
     }[], {
         code?: string | undefined;
         message?: string | undefined;
@@ -1444,6 +1444,7 @@ declare const createClient: (baseUrl?: string) => {
         })[];
         cache?: RequestCache | undefined;
         method: string;
+        window?: null | undefined;
         headers?: (HeadersInit & (HeadersInit | {
             accept: "application/json" | "text/plain" | "application/octet-stream";
             "content-type": "application/json" | "text/plain" | "application/x-www-form-urlencoded" | "multipart/form-data" | "application/octet-stream";
@@ -1458,7 +1459,6 @@ declare const createClient: (baseUrl?: string) => {
         referrer?: string | undefined;
         referrerPolicy?: ReferrerPolicy | undefined;
         signal?: (AbortSignal | null) | undefined;
-        window?: null | undefined;
         onRetry?: ((response: _better_fetch_fetch.ResponseContext) => Promise<void> | void) | undefined;
         hookOptions?: {
             cloneResponse?: boolean;
@@ -1578,6 +1578,24 @@ declare const createClient: (baseUrl?: string) => {
         readonly FAILED_TO_UNLINK_LAST_ACCOUNT: "You can't unlink your last account";
         readonly ACCOUNT_NOT_FOUND: "Account not found";
         readonly USER_ALREADY_HAS_PASSWORD: "User already has a password. Provide that to delete the account.";
+        readonly CROSS_SITE_NAVIGATION_LOGIN_BLOCKED: "Cross-site navigation login blocked. This request appears to be a CSRF attack.";
+        readonly VERIFICATION_EMAIL_NOT_ENABLED: "Verification email isn't enabled";
+        readonly EMAIL_ALREADY_VERIFIED: "Email is already verified";
+        readonly EMAIL_MISMATCH: "Email mismatch";
+        readonly SESSION_NOT_FRESH: "Session is not fresh";
+        readonly LINKED_ACCOUNT_ALREADY_EXISTS: "Linked account already exists";
+        readonly INVALID_ORIGIN: "Invalid origin";
+        readonly INVALID_CALLBACK_URL: "Invalid callbackURL";
+        readonly INVALID_REDIRECT_URL: "Invalid redirectURL";
+        readonly INVALID_ERROR_CALLBACK_URL: "Invalid errorCallbackURL";
+        readonly INVALID_NEW_USER_CALLBACK_URL: "Invalid newUserCallbackURL";
+        readonly MISSING_OR_NULL_ORIGIN: "Missing or null Origin";
+        readonly CALLBACK_URL_REQUIRED: "callbackURL is required";
+        readonly FAILED_TO_CREATE_VERIFICATION: "Unable to create verification";
+        readonly FIELD_NOT_ALLOWED: "Field not allowed to be set";
+        readonly ASYNC_VALIDATION_NOT_SUPPORTED: "Async validation is not supported";
+        readonly VALIDATION_ERROR: "Validation Error";
+        readonly MISSING_FIELD: "Field is required";
     };
 };
 declare const authClient: {
@@ -2542,13 +2560,13 @@ declare const authClient: {
         token: string | null;
         user: {
             id: string;
-            email: string;
-            name: string;
-            image: string | null | undefined;
-            emailVerified: boolean;
             createdAt: Date;
             updatedAt: Date;
-        };
+            email: string;
+            emailVerified: boolean;
+            name: string;
+            image?: string | null | undefined;
+        } & Record<string, any>;
     }, {
         code?: string | undefined;
         message?: string | undefined;
@@ -2712,13 +2730,13 @@ declare const authClient: {
         query?: Record<string, any> | undefined;
         fetchOptions?: FetchOptions | undefined;
     }> | undefined, data_1?: FetchOptions | undefined) => Promise<_better_fetch_fetch.BetterFetchResponse<{
+        scopes: string[];
         id: string;
-        providerId: string;
         createdAt: Date;
         updatedAt: Date;
-        accountId: string;
         userId: string;
-        scopes: string[];
+        providerId: string;
+        accountId: string;
     }[], {
         code?: string | undefined;
         message?: string | undefined;
@@ -3021,6 +3039,7 @@ declare const authClient: {
         })[];
         cache?: RequestCache | undefined;
         method: string;
+        window?: null | undefined;
         headers?: (HeadersInit & (HeadersInit | {
             accept: "application/json" | "text/plain" | "application/octet-stream";
             "content-type": "application/json" | "text/plain" | "application/x-www-form-urlencoded" | "multipart/form-data" | "application/octet-stream";
@@ -3035,7 +3054,6 @@ declare const authClient: {
         referrer?: string | undefined;
         referrerPolicy?: ReferrerPolicy | undefined;
         signal?: (AbortSignal | null) | undefined;
-        window?: null | undefined;
         onRetry?: ((response: _better_fetch_fetch.ResponseContext) => Promise<void> | void) | undefined;
         hookOptions?: {
             cloneResponse?: boolean;
@@ -3155,6 +3173,24 @@ declare const authClient: {
         readonly FAILED_TO_UNLINK_LAST_ACCOUNT: "You can't unlink your last account";
         readonly ACCOUNT_NOT_FOUND: "Account not found";
         readonly USER_ALREADY_HAS_PASSWORD: "User already has a password. Provide that to delete the account.";
+        readonly CROSS_SITE_NAVIGATION_LOGIN_BLOCKED: "Cross-site navigation login blocked. This request appears to be a CSRF attack.";
+        readonly VERIFICATION_EMAIL_NOT_ENABLED: "Verification email isn't enabled";
+        readonly EMAIL_ALREADY_VERIFIED: "Email is already verified";
+        readonly EMAIL_MISMATCH: "Email mismatch";
+        readonly SESSION_NOT_FRESH: "Session is not fresh";
+        readonly LINKED_ACCOUNT_ALREADY_EXISTS: "Linked account already exists";
+        readonly INVALID_ORIGIN: "Invalid origin";
+        readonly INVALID_CALLBACK_URL: "Invalid callbackURL";
+        readonly INVALID_REDIRECT_URL: "Invalid redirectURL";
+        readonly INVALID_ERROR_CALLBACK_URL: "Invalid errorCallbackURL";
+        readonly INVALID_NEW_USER_CALLBACK_URL: "Invalid newUserCallbackURL";
+        readonly MISSING_OR_NULL_ORIGIN: "Missing or null Origin";
+        readonly CALLBACK_URL_REQUIRED: "callbackURL is required";
+        readonly FAILED_TO_CREATE_VERIFICATION: "Unable to create verification";
+        readonly FIELD_NOT_ALLOWED: "Field not allowed to be set";
+        readonly ASYNC_VALIDATION_NOT_SUPPORTED: "Async validation is not supported";
+        readonly VALIDATION_ERROR: "Validation Error";
+        readonly MISSING_FIELD: "Field is required";
     };
 };