@contentgrowth/content-auth 0.0.1

package/dist/frontend/client.js

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

package/dist/frontend/index.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { authClient } from './client.js';
+export { createClient } from './client.js';
+import 'nanostores';
+import '@better-fetch/fetch';
+import 'better-auth';
+import 'better-auth/plugins';
+
+interface AuthFormProps {
+    view?: 'signin' | 'signup';
+    client?: typeof authClient;
+    onSuccess?: () => void;
+    className?: string;
+    socialProviders?: string[];
+    socialLayout?: 'row' | 'column';
+    title?: React.ReactNode;
+    width?: 'default' | 'compact' | 'wide';
+    layout?: 'default' | 'split';
+    socialPosition?: 'top' | 'bottom';
+    onSwitchMode?: () => void;
+}
+declare const AuthForm: React.FC<AuthFormProps>;
+
+interface BaseOrgProps {
+    client?: typeof authClient;
+    className?: string;
+    onSuccess?: (data?: any) => void;
+    onError?: (error: string) => void;
+}
+declare const CreateOrganizationForm: React.FC<BaseOrgProps>;
+declare const OrganizationSwitcher: React.FC<BaseOrgProps & {
+    currentOrgId?: string;
+}>;
+declare const InviteMemberForm: React.FC<BaseOrgProps & {
+    organizationId?: string;
+}>;
+
+export { AuthForm, CreateOrganizationForm, InviteMemberForm, OrganizationSwitcher, authClient };

package/dist/frontend/index.js

@@ -0,0 +1,19 @@
+import {
+  AuthForm,
+  CreateOrganizationForm,
+  InviteMemberForm,
+  OrganizationSwitcher
+} from "../chunk-VX6RJ5XJ.js";
+import {
+  authClient,
+  createClient
+} from "../chunk-NKDKDBM2.js";
+import "../chunk-R5U7XKVJ.js";
+export {
+  AuthForm,
+  CreateOrganizationForm,
+  InviteMemberForm,
+  OrganizationSwitcher,
+  authClient,
+  createClient
+};

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export { AuthConfig, authMiddleware, createAuth, createAuthApp, schema } from './backend/index.js';
+export { AuthForm, CreateOrganizationForm, InviteMemberForm, OrganizationSwitcher } from './frontend/index.js';
+export { authClient, createClient } from './frontend/client.js';
+export * from 'better-auth';
+export { Hono } from 'hono';
+import 'hono/types';
+import '@cloudflare/workers-types';
+import 'drizzle-orm/sqlite-core';
+import 'react';
+import 'nanostores';
+import '@better-fetch/fetch';
+import 'better-auth/plugins';

package/dist/index.js

@@ -0,0 +1,31 @@
+import {
+  Hono,
+  authMiddleware,
+  createAuth,
+  createAuthApp,
+  schema_exports
+} from "./chunk-526JE62U.js";
+import {
+  AuthForm,
+  CreateOrganizationForm,
+  InviteMemberForm,
+  OrganizationSwitcher
+} from "./chunk-VX6RJ5XJ.js";
+import {
+  authClient,
+  createClient
+} from "./chunk-NKDKDBM2.js";
+import "./chunk-R5U7XKVJ.js";
+export {
+  AuthForm,
+  CreateOrganizationForm,
+  Hono,
+  InviteMemberForm,
+  OrganizationSwitcher,
+  authClient,
+  authMiddleware,
+  createAuth,
+  createAuthApp,
+  createClient,
+  schema_exports as schema
+};

package/dist/styles.css

@@ -0,0 +1,264 @@
+.ca-container {
+  font-family: 'Inter', system-ui, -apple-system, sans-serif;
+  width: 100%;
+  max-width: 420px;
+  margin: 0 auto;
+  padding: 2.5rem;
+  border-radius: 16px;
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  background-color: white;
+  border: 1px solid #f3f4f6;
+}
+
+.ca-title {
+  font-size: 1.75rem;
+  font-weight: 700;
+  text-align: center;
+  margin-bottom: 2rem;
+  color: #111827;
+  letter-spacing: -0.025em;
+}
+
+.ca-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.ca-input-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.ca-label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #374151;
+}
+
+.ca-input {
+  padding: 0.75rem 1rem;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb;
+  font-size: 0.95rem;
+  transition: all 0.2s ease;
+  background-color: #f9fafb;
+}
+
+.ca-input:focus {
+  outline: none;
+  border-color: #3b82f6;
+  background-color: white;
+  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
+}
+
+.ca-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.75rem 1.5rem;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  font-weight: 500;
+  font-size: 0.95rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  gap: 0.5rem;
+}
+
+.ca-button-primary,
+button[type="submit"] {
+  background-color: #111827;
+  color: white;
+  border: 1px solid #111827;
+}
+
+button[type="submit"]:hover {
+  background-color: #1f2937;
+  border-color: #1f2937;
+  transform: translateY(-1px);
+}
+
+.ca-button-submit:disabled,
+button[type="submit"]:disabled {
+  background-color: #9ca3af;
+  border-color: #9ca3af;
+  cursor: not-allowed;
+  transform: none;
+}
+
+/* Social Buttons */
+.ca-social-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+  margin-bottom: 1.5rem;
+}
+
+.ca-button-social {
+  background-color: white;
+  color: #374151;
+  border: 1px solid #e5e7eb;
+  padding: 0.625rem 1rem;
+  font-weight: 500;
+}
+
+.ca-button-social:hover {
+  background-color: #f9fafb;
+  border-color: #d1d5db;
+}
+
+.ca-icon {
+  flex-shrink: 0;
+}
+
+/* Divider */
+.ca-divider {
+  position: relative;
+  text-align: center;
+  margin: 1.5rem 0;
+}
+
+.ca-divider::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background-color: #e5e7eb;
+}
+
+.ca-divider-text {
+  position: relative;
+  background-color: white;
+  padding: 0 0.75rem;
+  color: #6b7280;
+  font-size: 0.875rem;
+  font-weight: 400;
+}
+
+.ca-social-header {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #374151;
+  text-align: center;
+  margin-bottom: 1rem;
+}
+
+.ca-footer {
+  margin-top: 2rem;
+  text-align: center;
+  font-size: 0.875rem;
+  color: #6b7280;
+}
+
+.ca-link {
+  color: #2563eb;
+  text-decoration: none;
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  font-weight: 500;
+}
+
+.ca-link:hover {
+  text-decoration: underline;
+  color: #1d4ed8;
+}
+
+.ca-error {
+  background-color: #fef2f2;
+  color: #ef4444;
+  font-size: 0.875rem;
+  padding: 0.75rem;
+  border-radius: 6px;
+  border: 1px solid #fee2e2;
+  text-align: center;
+}
+
+/* New Layout Classes */
+.ca-social-column {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-bottom: 1.5rem;
+}
+
+.ca-container-wide {
+  max-width: 600px;
+}
+
+/* Split Layout */
+.ca-split-body {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+@media (min-width: 640px) {
+  .ca-layout-split .ca-split-body {
+    flex-direction: row;
+    align-items: stretch;
+  }
+
+  .ca-layout-split.ca-container {
+    /* base styles, width controlled by utility classes */
+  }
+
+  /* Width Variants */
+  .ca-layout-split.ca-width-compact {
+    max-width: 640px !important;
+  }
+
+  .ca-layout-split.ca-width-default {
+    max-width: 768px !important;
+  }
+
+  .ca-layout-split.ca-width-wide {
+    max-width: 1000px !important;
+  }
+
+  .ca-split-main {
+    flex: 2;
+    min-width: 0;
+  }
+
+  .ca-split-divider {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 0 1.5rem;
+    position: relative;
+  }
+
+  .ca-split-divider::before {
+    content: "";
+    position: absolute;
+    top: 10%;
+    bottom: 10%;
+    left: 50%;
+    width: 1px;
+    background-color: #e5e7eb;
+  }
+
+  .ca-split-divider-text {
+    background-color: white;
+    padding: 0.5rem 0;
+    color: #6b7280;
+    font-size: 0.875rem;
+    z-index: 1;
+  }
+
+  .ca-split-social {
+    flex: 1;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+}

package/package.json

@@ -0,0 +1,72 @@
+{
+    "name": "@contentgrowth/content-auth",
+    "version": "0.0.1",
+    "description": "Better Auth wrapper with UI components for Cloudflare Workers & Pages",
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "bin": {
+        "content-auth": "./dist/cli.js"
+    },
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        },
+        "./backend": {
+            "types": "./dist/backend/index.d.ts",
+            "import": "./dist/backend/index.js"
+        },
+        "./frontend": {
+            "types": "./dist/frontend/index.d.ts",
+            "import": "./dist/frontend/index.js"
+        },
+        "./client": {
+            "types": "./dist/frontend/client.d.ts",
+            "import": "./dist/frontend/client.js"
+        },
+        "./styles.css": "./dist/styles.css"
+    },
+    "files": [
+        "dist",
+        "schema",
+        "README.md",
+        "LICENSE"
+    ],
+    "scripts": {
+        "build": "tsup && cp src/styles.css dist/styles.css",
+        "dev": "tsup --watch",
+        "prepublishOnly": "npm run build"
+    },
+    "keywords": [
+        "auth",
+        "better-auth",
+        "cloudflare",
+        "workers",
+        "pages",
+        "react"
+    ],
+    "author": "Content Growth",
+    "license": "MIT",
+    "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+    },
+    "dependencies": {
+        "better-auth": "^1.0.0",
+        "cac": "^6.0.0",
+        "drizzle-orm": "^0.45.0",
+        "hono": "^4.0.0"
+    },
+    "devDependencies": {
+        "@cloudflare/workers-types": "^4.20240101.0",
+        "@types/node": "^20.0.0",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "tsup": "^8.0.0",
+        "typescript": "^5.0.0"
+    }
+}

package/schema/auth.sql

@@ -0,0 +1,115 @@
+-- ============================================
+-- @contentgrowth/content-auth - Database Schema Template
+-- ============================================
+-- 
+-- USAGE:
+-- 1. Copy this file to your project's migrations folder
+-- 2. Add your application-specific tables after the auth tables
+-- 3. Run migrations (e.g., wrangler d1 migrations apply DB --local)
+--
+-- EXTENDING TABLES:
+-- You can add extra columns to any table for your business needs.
+-- Just ensure you keep ALL the columns defined here - they are required
+-- by Better Auth to function correctly.
+--
+-- ============================================
+
+-- ==========================================
+-- Core Authentication Tables
+-- ==========================================
+
+-- Users
+CREATE TABLE IF NOT EXISTS user (
+    id TEXT PRIMARY KEY,
+    name TEXT NOT NULL,
+    email TEXT NOT NULL UNIQUE,
+    emailVerified BOOLEAN NOT NULL,
+    image TEXT,
+    createdAt TIMESTAMP NOT NULL,
+    updatedAt TIMESTAMP NOT NULL
+);
+
+-- Sessions
+CREATE TABLE IF NOT EXISTS session (
+    id TEXT PRIMARY KEY,
+    expiresAt TIMESTAMP NOT NULL,
+    token TEXT NOT NULL UNIQUE,
+    createdAt TIMESTAMP NOT NULL,
+    updatedAt TIMESTAMP NOT NULL,
+    ipAddress TEXT,
+    userAgent TEXT,
+    userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE
+);
+
+-- OAuth/Credential Accounts
+CREATE TABLE IF NOT EXISTS account (
+    id TEXT PRIMARY KEY,
+    accountId TEXT NOT NULL,
+    providerId TEXT NOT NULL,
+    userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,
+    accessToken TEXT,
+    refreshToken TEXT,
+    idToken TEXT,
+    accessTokenExpiresAt TIMESTAMP,
+    refreshTokenExpiresAt TIMESTAMP,
+    scope TEXT,
+    password TEXT,
+    createdAt TIMESTAMP NOT NULL,
+    updatedAt TIMESTAMP NOT NULL
+);
+
+-- Email/Token Verification
+CREATE TABLE IF NOT EXISTS verification (
+    id TEXT PRIMARY KEY,
+    identifier TEXT NOT NULL,
+    value TEXT NOT NULL,
+    expiresAt TIMESTAMP NOT NULL,
+    createdAt TIMESTAMP,
+    updatedAt TIMESTAMP
+);
+
+-- ==========================================
+-- Organization Plugin Tables
+-- ==========================================
+
+-- Organizations
+CREATE TABLE IF NOT EXISTS organization (
+    id TEXT PRIMARY KEY,
+    name TEXT NOT NULL,
+    slug TEXT UNIQUE,
+    logo TEXT,
+    createdAt TIMESTAMP NOT NULL,
+    metadata TEXT  -- JSON: Use for custom org data (e.g., billing, verification status)
+);
+
+-- Organization Members
+CREATE TABLE IF NOT EXISTS member (
+    id TEXT PRIMARY KEY,
+    organizationId TEXT NOT NULL REFERENCES organization(id) ON DELETE CASCADE,
+    userId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE,
+    role TEXT NOT NULL,  -- 'owner', 'admin', 'member'
+    createdAt TIMESTAMP NOT NULL
+);
+
+-- Organization Invitations
+CREATE TABLE IF NOT EXISTS invitation (
+    id TEXT PRIMARY KEY,
+    organizationId TEXT NOT NULL REFERENCES organization(id) ON DELETE CASCADE,
+    email TEXT NOT NULL,
+    role TEXT,
+    status TEXT NOT NULL,  -- 'pending', 'accepted', 'rejected', 'expired'
+    expiresAt TIMESTAMP NOT NULL,
+    inviterId TEXT NOT NULL REFERENCES user(id) ON DELETE CASCADE
+);
+
+-- ==========================================
+-- YOUR APPLICATION TABLES GO BELOW
+-- ==========================================
+-- Example:
+-- 
+-- CREATE TABLE IF NOT EXISTS my_entity (
+--     id TEXT PRIMARY KEY,
+--     org_id TEXT NOT NULL,  -- References organization.id
+--     name TEXT NOT NULL,
+--     created_at INTEGER
+-- );