create-chaaskit 0.1.1 → 0.1.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Matt Ferrante
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/templates/app/routes/chat.admin.promo-codes.tsx

@@ -0,0 +1,10 @@
+import { createRoute } from '@chaaskit/client/ssr-utils';
+
+const route = createRoute({
+  title: 'Admin Promo Codes',
+  load: () => import('@chaaskit/client/routes/AdminPromoCodesRoute'),
+});
+
+export const meta = route.meta;
+export const links = route.links;
+export default route.default;

package/dist/templates/app/routes/chat.admin.waitlist.tsx

@@ -0,0 +1,10 @@
+import { createRoute } from '@chaaskit/client/ssr-utils';
+
+const route = createRoute({
+  title: 'Admin Waitlist',
+  load: () => import('@chaaskit/client/routes/AdminWaitlistRoute'),
+});
+
+export const meta = route.meta;
+export const links = route.links;
+export default route.default;

package/dist/templates/app/routes.ts

@@ -41,6 +41,8 @@ export default [
     // Admin pages
     route(`${base}/admin`, 'routes/chat.admin._index.tsx'),
     route(`${base}/admin/users`, 'routes/chat.admin.users.tsx'),
+    route(`${base}/admin/waitlist`, 'routes/chat.admin.waitlist.tsx'),
+    route(`${base}/admin/promo-codes`, 'routes/chat.admin.promo-codes.tsx'),
     route(`${base}/admin/teams`, 'routes/chat.admin.teams._index.tsx'),
     route(`${base}/admin/teams/:teamId`, 'routes/chat.admin.teams.$teamId.tsx'),
   ]),

package/dist/templates/config/app.config.ts

@@ -29,6 +29,11 @@ export const config: AppConfig = {
       enabled: true,
       expiresInMinutes: 15,
     },
+    gating: {
+      mode: 'open',
+      inviteExpiryDays: 7,
+      waitlistEnabled: true,
+    },
   },
 
   // Configure your AI agent(s) here
@@ -138,4 +143,23 @@ export const config: AppConfig = {
       'application/json',
     ],
   },
+
+  credits: {
+    enabled: true,
+    expiryEnabled: true,
+    defaultExpiryDays: 365,
+    tokensPerCredit: 1000,
+    referralRewardCredits: 10,
+    referralTriggers: {
+      signup: true,
+      firstMessage: true,
+      paying: true,
+    },
+    promoEnabled: true,
+  },
+
+  metering: {
+    enabled: true,
+    recordPromptCompletion: true,
+  },
 };

package/dist/templates/server.js

@@ -4,21 +4,43 @@
  * This is a single server that handles:
  * - API routes at /api/*, /mcp/*, /v1/*
  * - SSR for all other routes via React Router
+ *
+ * ARCHITECTURE: We create a wrapper Express app that handles React Router routes
+ * BEFORE body parsing, then delegates API routes to the chaaskit app (which has
+ * body parsing). This prevents the body stream from being consumed before React
+ * Router can read it with request.formData().
+ *
+ * SECRETS: Configure secret loading via environment variables:
+ *   SECRETS_PROVIDER=env                 (default) - secrets already in env vars
+ *   SECRETS_PROVIDER=aws-secrets-manager - load from AWS Secrets Manager
+ *     AWS_SECRET_ARN - ARN of the secret to load
+ *     AWS_REGION - Region (optional, defaults to 'us-west-2')
  */
-import { createApp } from '@chaaskit/server';
-import { createRequestHandler } from '@react-router/express';
-import express from 'express';
-import path from 'path';
-import { fileURLToPath } from 'url';
+
+// Load secrets BEFORE importing anything that uses them (Prisma, etc.)
+const { loadSecrets } = await import('@chaaskit/server');
+await loadSecrets();
+
+// Now safe to import modules that depend on DATABASE_URL, OPENAI_API_KEY, etc.
+const { createApp } = await import('@chaaskit/server');
+const { createRequestHandler } = await import('@react-router/express');
+const express = (await import('express')).default;
+const path = (await import('path')).default;
+const { fileURLToPath } = await import('url');
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 async function startServer() {
-  // Create the chaaskit Express app with all API routes
-  // serveSpa: false disables the built-in SPA fallback since React Router handles SSR
-  const app = await createApp({ serveSpa: false });
+  // Create the chaaskit Express app with all API routes (has body parsing)
+  const chaaskitApp = await createApp({ serveSpa: false });
 
-  // Serve static assets from the React Router build
+  // Create wrapper Express app (NO body parsing here)
+  const app = express();
+
+  // Trust proxy headers when behind load balancer (ALB, nginx, CloudFlare, etc.)
+  app.set('trust proxy', true);
+
+  // Serve static assets FIRST (before any other processing)
   app.use(
     '/assets',
     express.static(path.join(__dirname, 'build/client/assets'), {
@@ -28,8 +50,16 @@ async function startServer() {
   );
   app.use(express.static(path.join(__dirname, 'build/client'), { maxAge: '1h' }));
 
+  // Delegate API routes to chaaskit app (which has body parsing)
+  app.use((req, res, next) => {
+    if (req.path.startsWith('/api/') || req.path.startsWith('/v1/') || req.path.startsWith('/mcp/')) {
+      return chaaskitApp(req, res, next);
+    }
+    next();
+  });
+
   // Handle all other routes with React Router SSR
-  // This must come after API routes (which are already registered in createApp)
+  // No body parsing has occurred, so request.formData() works
   app.all(
     '*',
     createRequestHandler({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-chaaskit",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "CLI to create and manage ChaasKit AI chat SaaS applications",
   "license": "MIT",
   "author": "Matt Ferrante <@ferrants>",
@@ -13,7 +13,16 @@
   "bugs": {
     "url": "https://github.com/ferrants/chaaskit/issues"
   },
-  "keywords": ["chaaskit", "ai", "chat", "saas", "cli", "create", "scaffold", "template"],
+  "keywords": [
+    "chaaskit",
+    "ai",
+    "chat",
+    "saas",
+    "cli",
+    "create",
+    "scaffold",
+    "template"
+  ],
   "type": "module",
   "main": "./dist/index.js",
   "bin": {
@@ -23,13 +32,6 @@
     "dist",
     "templates"
   ],
-  "scripts": {
-    "build": "tsc && npm run copy-templates",
-    "copy-templates": "cp -r src/templates dist/",
-    "dev": "tsc --watch",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist"
-  },
   "dependencies": {
     "commander": "^12.0.0",
     "fs-extra": "^11.2.0",
@@ -42,5 +44,12 @@
     "@types/node": "^20.11.0",
     "@types/prompts": "^2.4.9",
     "typescript": "^5.3.3"
+  },
+  "scripts": {
+    "build": "tsc && npm run copy-templates",
+    "copy-templates": "cp -r src/templates dist/",
+    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
   }
-}
+}

package/dist/cli.d.ts

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-export {};
-//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -1,25 +0,0 @@
-#!/usr/bin/env node
-import { Command } from 'commander';
-import { dev } from './commands/dev.js';
-import { build } from './commands/build.js';
-const program = new Command();
-program
-    .name('chat-saas')
-    .description('CLI for managing Chat SaaS applications')
-    .version('0.1.0');
-program
-    .command('dev')
-    .description('Start development servers')
-    .option('-p, --port <port>', 'Server port', '3000')
-    .option('--client-port <port>', 'Client dev server port', '5173')
-    .action(async (options) => {
-    await dev(options);
-});
-program
-    .command('build')
-    .description('Build for production')
-    .action(async () => {
-    await build();
-});
-program.parse();
-//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,WAAW,CAAC;KACjB,WAAW,CAAC,yCAAyC,CAAC;KACtD,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,OAAO;KACJ,OAAO,CAAC,KAAK,CAAC;KACd,WAAW,CAAC,2BAA2B,CAAC;KACxC,MAAM,CAAC,mBAAmB,EAAE,aAAa,EAAE,MAAM,CAAC;KAClD,MAAM,CAAC,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,CAAC;KAChE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;IACxB,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC;AACrB,CAAC,CAAC,CAAC;AAEL,OAAO;KACJ,OAAO,CAAC,OAAO,CAAC;KAChB,WAAW,CAAC,sBAAsB,CAAC;KACnC,MAAM,CAAC,KAAK,IAAI,EAAE;IACjB,MAAM,KAAK,EAAE,CAAC;AAChB,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/dist/templates/app/components/AcceptInviteClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Accept Invite page
-import { ChatProviders, AcceptInvitePage } from '@chaaskit/client';
-
-export default function AcceptInviteClient() {
-  return (
-    <ChatProviders>
-      <AcceptInvitePage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/AdminDashboardClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Admin Dashboard page
-import { ChatProviders, AdminDashboardPage } from '@chaaskit/client';
-
-export default function AdminDashboardClient() {
-  return (
-    <ChatProviders>
-      <AdminDashboardPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/AdminTeamClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Admin Team detail page
-import { ChatProviders, AdminTeamPage } from '@chaaskit/client';
-
-export default function AdminTeamClient() {
-  return (
-    <ChatProviders>
-      <AdminTeamPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/AdminTeamsClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Admin Teams page
-import { ChatProviders, AdminTeamsPage } from '@chaaskit/client';
-
-export default function AdminTeamsClient() {
-  return (
-    <ChatProviders>
-      <AdminTeamsPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/AdminUsersClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Admin Users page
-import { ChatProviders, AdminUsersPage } from '@chaaskit/client';
-
-export default function AdminUsersClient() {
-  return (
-    <ChatProviders>
-      <AdminUsersPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/ApiKeysClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for API Keys page
-import { ChatProviders, ApiKeysPage } from '@chaaskit/client';
-
-export default function ApiKeysClient() {
-  return (
-    <ChatProviders>
-      <ApiKeysPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/AutomationsClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Automations (Scheduled Prompts) page
-import { ChatProviders, ScheduledPromptsPage } from '@chaaskit/client';
-
-export default function AutomationsClient() {
-  return (
-    <ChatProviders>
-      <ScheduledPromptsPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/ChatClient.tsx

@@ -1,13 +0,0 @@
-// This file is only imported on the client side via dynamic import
-// It uses @chaaskit/client components directly
-import { ChatProviders, MainLayout, ChatPage } from '@chaaskit/client';
-
-export default function ChatClient() {
-  return (
-    <ChatProviders>
-      <MainLayout>
-        <ChatPage />
-      </MainLayout>
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/DocumentsClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Documents page
-import { ChatProviders, DocumentsPage } from '@chaaskit/client';
-
-export default function DocumentsClient() {
-  return (
-    <ChatProviders>
-      <DocumentsPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/OAuthConsentClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for OAuth Consent page
-import { ChatProviders, OAuthConsentPage } from '@chaaskit/client';
-
-export default function OAuthConsentClient() {
-  return (
-    <ChatProviders>
-      <OAuthConsentPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/PricingClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Pricing page
-import { ChatProviders, PricingPage } from '@chaaskit/client';
-
-export default function PricingClient() {
-  return (
-    <ChatProviders>
-      <PricingPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/TeamSettingsClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Team Settings page
-import { ChatProviders, TeamSettingsPage } from '@chaaskit/client';
-
-export default function TeamSettingsClient() {
-  return (
-    <ChatProviders>
-      <TeamSettingsPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/components/VerifyEmailClient.tsx

@@ -1,10 +0,0 @@
-// Client-only component for Email Verification page
-import { ChatProviders, VerifyEmailPage } from '@chaaskit/client';
-
-export default function VerifyEmailClient() {
-  return (
-    <ChatProviders>
-      <VerifyEmailPage />
-    </ChatProviders>
-  );
-}

package/dist/templates/app/routes/admin._index.tsx

@@ -1,57 +0,0 @@
-import type { Route } from './+types/admin._index';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-const AdminDashboardClient = lazy(() => import('../components/AdminDashboardClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'Admin Dashboard' }];
-}
-
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-export default function AdminDashboard() {
-  return (
-    <ClientOnly fallback={<LoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<LoadingSkeleton />}>
-          <AdminDashboardClient />
-        </Suspense>
-      )}
-    </ClientOnly>
-  );
-}
-
-function LoadingSkeleton() {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        height: '100vh',
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: 'rgb(var(--color-background))',
-      }}
-    >
-      <div
-        style={{
-          width: '2rem',
-          height: '2rem',
-          border: '2px solid rgb(var(--color-primary))',
-          borderTopColor: 'transparent',
-          borderRadius: '50%',
-          animation: 'spin 1s linear infinite',
-        }}
-      />
-      <style>
-        {`
-          @keyframes spin {
-            to { transform: rotate(360deg); }
-          }
-        `}
-      </style>
-    </div>
-  );
-}

package/dist/templates/app/routes/admin.teams.$teamId.tsx

@@ -1,57 +0,0 @@
-import type { Route } from './+types/admin.teams.$teamId';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-const AdminTeamClient = lazy(() => import('../components/AdminTeamClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'Admin - Team Details' }];
-}
-
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-export default function AdminTeamDetails() {
-  return (
-    <ClientOnly fallback={<LoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<LoadingSkeleton />}>
-          <AdminTeamClient />
-        </Suspense>
-      )}
-    </ClientOnly>
-  );
-}
-
-function LoadingSkeleton() {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        height: '100vh',
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: 'rgb(var(--color-background))',
-      }}
-    >
-      <div
-        style={{
-          width: '2rem',
-          height: '2rem',
-          border: '2px solid rgb(var(--color-primary))',
-          borderTopColor: 'transparent',
-          borderRadius: '50%',
-          animation: 'spin 1s linear infinite',
-        }}
-      />
-      <style>
-        {`
-          @keyframes spin {
-            to { transform: rotate(360deg); }
-          }
-        `}
-      </style>
-    </div>
-  );
-}

package/dist/templates/app/routes/admin.teams._index.tsx

@@ -1,57 +0,0 @@
-import type { Route } from './+types/admin.teams._index';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-const AdminTeamsClient = lazy(() => import('../components/AdminTeamsClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'Admin - Teams' }];
-}
-
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-export default function AdminTeams() {
-  return (
-    <ClientOnly fallback={<LoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<LoadingSkeleton />}>
-          <AdminTeamsClient />
-        </Suspense>
-      )}
-    </ClientOnly>
-  );
-}
-
-function LoadingSkeleton() {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        height: '100vh',
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: 'rgb(var(--color-background))',
-      }}
-    >
-      <div
-        style={{
-          width: '2rem',
-          height: '2rem',
-          border: '2px solid rgb(var(--color-primary))',
-          borderTopColor: 'transparent',
-          borderRadius: '50%',
-          animation: 'spin 1s linear infinite',
-        }}
-      />
-      <style>
-        {`
-          @keyframes spin {
-            to { transform: rotate(360deg); }
-          }
-        `}
-      </style>
-    </div>
-  );
-}

package/dist/templates/app/routes/admin.users.tsx

@@ -1,57 +0,0 @@
-import type { Route } from './+types/admin.users';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-const AdminUsersClient = lazy(() => import('../components/AdminUsersClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'Admin - Users' }];
-}
-
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-export default function AdminUsers() {
-  return (
-    <ClientOnly fallback={<LoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<LoadingSkeleton />}>
-          <AdminUsersClient />
-        </Suspense>
-      )}
-    </ClientOnly>
-  );
-}
-
-function LoadingSkeleton() {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        height: '100vh',
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: 'rgb(var(--color-background))',
-      }}
-    >
-      <div
-        style={{
-          width: '2rem',
-          height: '2rem',
-          border: '2px solid rgb(var(--color-primary))',
-          borderTopColor: 'transparent',
-          borderRadius: '50%',
-          animation: 'spin 1s linear infinite',
-        }}
-      />
-      <style>
-        {`
-          @keyframes spin {
-            to { transform: rotate(360deg); }
-          }
-        `}
-      </style>
-    </div>
-  );
-}