create-chaaskit 0.1.1 → 0.1.3

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>
-  );
-}

package/dist/templates/app/routes/api-keys.tsx

@@ -1,57 +0,0 @@
-import type { Route } from './+types/api-keys';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-const ApiKeysClient = lazy(() => import('../components/ApiKeysClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'API Keys' }];
-}
-
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-export default function ApiKeys() {
-  return (
-    <ClientOnly fallback={<LoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<LoadingSkeleton />}>
-          <ApiKeysClient />
-        </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/automations.tsx

@@ -1,57 +0,0 @@
-import type { Route } from './+types/automations';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-const AutomationsClient = lazy(() => import('../components/AutomationsClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'Automations' }];
-}
-
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-export default function Automations() {
-  return (
-    <ClientOnly fallback={<LoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<LoadingSkeleton />}>
-          <AutomationsClient />
-        </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/documents.tsx

@@ -1,57 +0,0 @@
-import type { Route } from './+types/documents';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-const DocumentsClient = lazy(() => import('../components/DocumentsClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'Documents' }];
-}
-
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-export default function Documents() {
-  return (
-    <ClientOnly fallback={<LoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<LoadingSkeleton />}>
-          <DocumentsClient />
-        </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/team.$teamId.settings.tsx

@@ -1,57 +0,0 @@
-import type { Route } from './+types/team.$teamId.settings';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-const TeamSettingsClient = lazy(() => import('../components/TeamSettingsClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'Team Settings' }];
-}
-
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-export default function TeamSettings() {
-  return (
-    <ClientOnly fallback={<LoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<LoadingSkeleton />}>
-          <TeamSettingsClient />
-        </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/thread.$threadId.tsx

@@ -1,102 +0,0 @@
-import type { Route } from './+types/thread.$threadId';
-import { lazy, Suspense } from 'react';
-import { ClientOnly } from '../components/ClientOnly';
-
-// Lazy load the client-only component
-const ChatClient = lazy(() => import('../components/ChatClient'));
-
-export function meta({}: Route.MetaArgs) {
-  return [{ title: 'Chat' }];
-}
-
-// Styles are loaded via link tag in root.tsx to avoid SSR import issues
-export function links() {
-  return [{ rel: 'stylesheet', href: '/node_modules/@chaaskit/client/dist/lib/styles.css' }];
-}
-
-/**
- * Thread view route - shows a specific chat thread.
- * Uses the same ChatClient component as the main chat route.
- */
-export default function Thread() {
-  return (
-    <ClientOnly fallback={<ThreadLoadingSkeleton />}>
-      {() => (
-        <Suspense fallback={<ThreadLoadingSkeleton />}>
-          <ChatClient />
-        </Suspense>
-      )}
-    </ClientOnly>
-  );
-}
-
-function ThreadLoadingSkeleton() {
-  return (
-    <div style={{ display: 'flex', height: '100vh' }}>
-      {/* Sidebar skeleton */}
-      <div
-        style={{
-          width: '256px',
-          backgroundColor: 'rgb(var(--color-sidebar))',
-          borderRight: '1px solid rgb(var(--color-border))',
-          padding: '1rem',
-        }}
-      >
-        <div
-          style={{
-            height: '2rem',
-            backgroundColor: 'rgb(var(--color-background-secondary))',
-            borderRadius: '0.5rem',
-            marginBottom: '1rem',
-          }}
-        />
-        <div
-          style={{
-            height: '1rem',
-            backgroundColor: 'rgb(var(--color-background-secondary))',
-            borderRadius: '0.25rem',
-            width: '80%',
-          }}
-        />
-      </div>
-      {/* Main content skeleton */}
-      <div
-        style={{
-          flex: 1,
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          backgroundColor: 'rgb(var(--color-background))',
-        }}
-      >
-        <div
-          style={{
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            gap: '1rem',
-          }}
-        >
-          <div
-            style={{
-              width: '2rem',
-              height: '2rem',
-              border: '2px solid rgb(var(--color-primary))',
-              borderTopColor: 'transparent',
-              borderRadius: '50%',
-              animation: 'spin 1s linear infinite',
-            }}
-          />
-          <p style={{ color: 'rgb(var(--color-text-muted))' }}>Loading...</p>
-        </div>
-      </div>
-      <style>
-        {`
-          @keyframes spin {
-            to { transform: rotate(360deg); }
-          }
-        `}
-      </style>
-    </div>
-  );
-}