@idealyst/cli 1.0.40 → 1.0.43

package/dist/templates/database/README.md

@@ -1,93 +1,48 @@
-# {{projectName}}
+# Database Package
 
-{{description}}
+This package provides database access and validation schemas for the workspace.
 
-A database layer built with Prisma and TypeScript, designed to be shared across multiple applications in your monorepo.
+## Setup
 
-## Features
-
-- 🗄️ **Prisma ORM** - Type-safe database access
-- 📝 **Zod Schemas** - Runtime validation matching your database models
-- 📦 **Exportable Client** - Share database access across packages
-- 🔒 **TypeScript** - Full type safety
-- 🧪 **Testing Setup** - Jest configuration for database testing
-- 🔄 **Migration Scripts** - Database versioning and seeding
-
-## Getting Started
-
-1. **Environment Setup**
-   ```bash
-   cp .env.example .env
-   # Edit .env with your database URL
-   ```
+1. Install dependencies:
+```bash
+yarn install
+```
 
-2. **Generate Prisma Client**
-   ```bash
-   yarn db:generate
-   ```
+2. Set up your environment:
+```bash
+cp .env.example .env
+# Edit .env with your database URL
+```
 
-3. **Push Schema to Database**
-   ```bash
-   yarn db:push
-   ```
+3. Generate the Prisma client:
+```bash
+yarn db:generate
+```
 
-4. **Open Prisma Studio** (Optional)
-   ```bash
-   yarn db:studio
-   ```
+4. Push the schema to your database:
+```bash
+yarn db:push
+```
 
 ## Usage
 
-### In Other Packages
-
 ```typescript
-import { db, schemas } from '@your-org/{{projectName}}';
+import { prisma, User, TestValidator } from '@{{workspaceScope}}/{{name}}';
 
 // Use the database client
-const users = await db.user.findMany();
+const users = await prisma.user.findMany();
 
-// Use Zod schemas for validation
-const userData = schemas.createUser.parse(input);
+// Use validators
+const validatedData = TestValidator.parse(userData);
 ```
 
-### Adding Models
-
-1. Update `prisma/schema.prisma` with your models
-2. Update `src/schemas.ts` with corresponding Zod schemas
-3. Run `yarn db:generate` to update the client
-4. Run `yarn db:push` to update the database
-
 ## Scripts
 
-- `yarn build` - Build the package for distribution
-- `yarn dev` - Run in development mode with file watching
-- `yarn test` - Run tests
-- `yarn test:watch` - Run tests in watch mode
 - `yarn db:generate` - Generate Prisma client
-- `yarn db:push` - Push schema changes to database
+- `yarn db:push` - Push schema to database
+- `yarn db:migrate` - Create and run migrations
 - `yarn db:studio` - Open Prisma Studio
-- `yarn db:migrate` - Create and apply migrations
-- `yarn db:reset` - Reset database and apply migrations
-- `yarn db:seed` - Seed the database
-
-## Project Structure
-
-```
-src/
-├── index.ts          # Main exports
-├── client.ts         # Prisma client setup
-└── schemas.ts        # Zod validation schemas
-prisma/
-├── schema.prisma     # Database schema
-└── migrations/       # Database migrations
-__tests__/
-└── database.test.ts  # Database tests
-```
-
-## Best Practices
-
-- Always update Zod schemas when changing Prisma models
-- Use meaningful migration names
-- Test database operations
-- Export only what's needed from the main index
-- Keep the client singleton pattern for performance
+- `yarn db:reset` - Reset the database
+- `yarn build` - Build the package
+- `yarn dev` - Build in watch mode

package/dist/templates/database/package.json

@@ -1,61 +1,47 @@
 {
   "name": "{{packageName}}",
-  "version": "{{version}}",
-  "description": "{{description}}",
-  "type": "module",
+  "version": "1.0.0",
+  "description": "Database layer with Prisma",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
     },
     "./client": {
-      "types": "./dist/client.d.ts",
-      "import": "./dist/client.js"
+      "types": "./generated/client/index.d.ts",
+      "import": "./generated/client/index.js",
+      "require": "./generated/client/index.js"
     },
     "./schemas": {
-      "types": "./dist/schemas.d.ts",
-      "import": "./dist/schemas.js"
+      "types": "./dist/validators.d.ts",
+      "import": "./dist/validators.js",
+      "require": "./dist/validators.js"
     }
   },
   "scripts": {
     "build": "tsc",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
+    "dev": "tsc --watch",
     "db:generate": "prisma generate",
     "db:push": "prisma db push",
-    "db:studio": "prisma studio",
     "db:migrate": "prisma migrate dev",
-    "db:reset": "prisma migrate reset",
-    "db:seed": "tsx prisma/seed.ts",
-    "lint": "eslint src --ext .ts,.tsx",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix",
-    "type-check": "tsc --noEmit",
-    "dev": "tsx watch src/index.ts"
+    "db:studio": "prisma studio",
+    "db:reset": "prisma migrate reset"
   },
   "dependencies": {
-    "@prisma/client": "^5.7.1",
+    "@prisma/client": "^5.19.1",
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@types/jest": "^29.5.12",
-    "@types/node": "^20.10.4",
-    "@typescript-eslint/eslint-plugin": "^6.13.1",
-    "@typescript-eslint/parser": "^6.13.1",
-    "dotenv": "^16.3.1",
-    "eslint": "^8.54.0",
-    "jest": "^29.7.0",
-    "prisma": "^5.7.1",
-    "ts-jest": "^29.1.2",
-    "tsx": "^4.6.2",
+    "@types/node": "^20.10.0",
+    "prisma": "^5.19.1",
     "typescript": "^5.3.3"
   },
-  "keywords": [
-    "database",
-    "prisma",
-    "typescript",
-    "orm"
+  "files": [
+    "dist/**/*",
+    "prisma/**/*",
+    "generated/**/*"
   ]
 }

package/dist/templates/database/prisma/seed.ts

@@ -1,28 +1,28 @@
-import { PrismaClient } from '@prisma/client';
+import { PrismaClient } from '../generated/client';
 
 const prisma = new PrismaClient();
 
 async function main() {
-  console.log('🌱 Seeding database...');
-
   // Add your seed data here
-  // Example:
+  console.log('🌱 Seeding database...');
+  
+  // Example seed data
   // const user = await prisma.user.create({
   //   data: {
   //     email: 'admin@example.com',
   //     name: 'Admin User',
   //   },
   // });
-  // console.log('Created user:', user);
-
-  console.log('✅ Database seeded successfully!');
+  
+  console.log('✅ Seeding completed');
 }
 
 main()
-  .catch((e) => {
-    console.error('❌ Error seeding database:', e);
-    process.exit(1);
+  .then(async () => {
+    await prisma.$disconnect();
   })
-  .finally(async () => {
+  .catch(async (e) => {
+    console.error(e);
     await prisma.$disconnect();
+    process.exit(1);
   });

package/dist/templates/database/schema.prisma

@@ -0,0 +1,97 @@
+// This is your Prisma schema file,
+// learn more about it in the docs: https://pris.ly/d/prisma-schema
+
+generator client {
+  provider = "prisma-client-js"
+  output   = "./generated/client"
+}
+
+datasource db {
+  provider = "sqlite"
+  url      = env("DATABASE_URL")
+}
+
+// Demo User model with profile information
+model User {
+  id        String   @id @default(cuid())
+  email     String   @unique
+  name      String?
+  avatar    String?  // URL to profile image
+  bio       String?  // User biography
+  location  String?  // User location
+  website   String?  // Personal website
+  
+  // Posts created by this user
+  posts     Post[]
+  
+  // Comments made by this user
+  comments  Comment[]
+  
+  // User preferences and settings
+  settings  UserSettings?
+  
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+// Demo Post model for a simple blog/social feed
+model Post {
+  id        String   @id @default(cuid())
+  title     String
+  content   String
+  excerpt   String?  // Short description
+  published Boolean  @default(false)
+  tags      String?  // Comma-separated tag strings
+  
+  // Author relationship
+  author    User     @relation(fields: [authorId], references: [id], onDelete: Cascade)
+  authorId  String
+  
+  // Comments on this post
+  comments  Comment[]
+  
+  // Post metadata
+  views     Int      @default(0)
+  likes     Int      @default(0)
+  
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+// Demo Comment model
+model Comment {
+  id        String   @id @default(cuid())
+  content   String
+  
+  // Author relationship
+  author    User     @relation(fields: [authorId], references: [id], onDelete: Cascade)
+  authorId  String
+  
+  // Post relationship
+  post      Post     @relation(fields: [postId], references: [id], onDelete: Cascade)
+  postId    String
+  
+  // Parent comment for nested threading
+  parent    Comment? @relation("CommentThread", fields: [parentId], references: [id])
+  parentId  String?
+  children  Comment[] @relation("CommentThread")
+  
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+
+// User settings and preferences
+model UserSettings {
+  id               String  @id @default(cuid())
+  theme            String  @default("auto") // "light", "dark", "auto"
+  notifications    Boolean @default(true)
+  emailUpdates     Boolean @default(false)
+  publicProfile    Boolean @default(true)
+  
+  // User relationship (one-to-one)
+  user             User    @relation(fields: [userId], references: [id], onDelete: Cascade)
+  userId           String  @unique
+  
+  createdAt        DateTime @default(now())
+  updatedAt        DateTime @updatedAt
+}

package/dist/templates/database/src/index.ts

@@ -1,11 +1,15 @@
-// Export Prisma client
-export { PrismaClient } from '@prisma/client';
+import { PrismaClient } from '../generated/client';
 
-// Export database client instance
-export { default as db } from './client';
+declare global {
+  var __prisma: PrismaClient | undefined;
+}
 
-// Export Zod schemas
-export * from './schemas';
+export const prisma = globalThis.__prisma || new PrismaClient();
 
-// Export types from Prisma
-export type * from '@prisma/client';
+if (process.env.NODE_ENV !== 'production') {
+  globalThis.__prisma = prisma;
+}
+
+export * from './validators';
+export * from '../generated/client';
+export default prisma;

package/dist/templates/database/src/validators.ts

@@ -0,0 +1,10 @@
+// Create model validators for each model defined in the Prisma schema using Zod
+// E.g
+import { z } from 'zod';
+
+export const TestValidator = z.object({
+  id: z.string().uuid(),
+  email: z.string().email(),
+  name: z.string().min(2).max(100),
+  age: z.number().min(0).optional()
+});

package/dist/templates/database/tsconfig.json

@@ -1,32 +1,18 @@
 {
   "compilerOptions": {
     "target": "ES2020",
+    "module": "commonjs",
     "lib": ["ES2020"],
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
     "strict": true,
+    "esModuleInterop": true,
     "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
     "declaration": true,
     "declarationMap": true,
-    "sourceMap": true,
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "resolveJsonModule": true,
-    "allowJs": false,
-    "noUncheckedIndexedAccess": true,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true
+    "sourceMap": true
   },
-  "include": [
-    "src/**/*",
-    "prisma/**/*"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "__tests__"
-  ]
-}
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/dist/templates/native/src/App-with-trpc-and-shared.tsx

@@ -0,0 +1,266 @@
+import React, { useState } from 'react';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { httpBatchLink } from '@trpc/client';
+import { Screen, Text, View, Button, ScrollView } from '@idealyst/components';
+import { trpc } from './utils/trpc';
+
+// Import shared components and utilities
+import {
+  UserCard,
+  PostCard,
+  LoadingSpinner,
+  ErrorMessage,
+  FeatureCard,
+  TabButton,
+  DEMO_USERS,
+  DEMO_POSTS,
+  formatRelativeTime,
+  type User,
+  type Post
+} from '{{workspaceScope}}/shared';
+
+// Create tRPC client
+const queryClient = new QueryClient();
+
+const trpcClient = trpc.createClient({
+  links: [
+    httpBatchLink({
+      url: 'http://localhost:3001/trpc', // Update this to your API URL
+      // For device testing, you might need: 'http://192.168.1.xxx:3001/trpc'
+      // Optional: Add headers for authentication
+      // headers() {
+      //   return {
+      //     authorization: getAuthToken(),
+      //   };
+      // },
+    }),
+  ],
+});
+
+function App() {
+  const [currentTab, setCurrentTab] = useState<'home' | 'users' | 'posts'>('home');
+  
+  // Example tRPC usage
+  const { data: helloData, isLoading: helloLoading, error: helloError } = trpc.hello.useQuery({ name: 'Mobile User' });
+  const { data: usersData, isLoading: usersLoading } = trpc.users.getAll.useQuery();
+  const { data: postsData, isLoading: postsLoading } = trpc.posts.getAll.useQuery();
+
+  const renderHome = () => (
+    <ScrollView style={{ flex: 1 }}>
+      <View style={{ padding: 20 }}>
+        {/* Welcome Section */}
+        <View style={{ marginBottom: 32, alignItems: 'center' }}>
+          <Text variant="h1" style={{ textAlign: 'center', marginBottom: 16 }}>
+            Welcome to {{appName}}! 📱
+          </Text>
+          <Text variant="body" style={{ textAlign: 'center', marginBottom: 16, fontSize: 18 }}>
+            A cross-platform mobile app built with React Native and the Idealyst Framework
+          </Text>
+          
+          {/* tRPC Connection Test */}
+          <View style={{ 
+            padding: 16, 
+            backgroundColor: '#e3f2fd', 
+            borderRadius: 8,
+            marginBottom: 24,
+            width: '100%'
+          }}>
+            <Text variant="h3" style={{ marginBottom: 8, textAlign: 'center' }}>🔗 API Connection</Text>
+            {helloLoading && <Text style={{ textAlign: 'center' }}>Testing connection...</Text>}
+            {helloError && <Text style={{ color: 'red', textAlign: 'center' }}>Error: {helloError.message}</Text>}
+            {helloData && <Text style={{ color: 'green', textAlign: 'center' }}>✅ {helloData.greeting}</Text>}
+          </View>
+        </View>
+
+        {/* Features Overview */}
+        <View style={{ marginBottom: 32 }}>
+          <Text variant="h2" style={{ marginBottom: 16, textAlign: 'center' }}>🏗️ What's Included</Text>
+          <FeatureCard 
+            icon="🔗"
+            title="Full Integration"
+            description="Connected to your database and API with end-to-end type safety"
+          />
+          <FeatureCard 
+            icon="📦"
+            title="Shared Components"
+            description="Cross-platform UI components that work on web and mobile"
+          />
+          <FeatureCard 
+            icon="🎨"
+            title="Idealyst Design"
+            description="Beautiful, consistent styling with the Idealyst component library"
+          />
+          <FeatureCard 
+            icon="⚡"
+            title="Real-time Updates"
+            description="tRPC provides instant synchronization with your backend"
+          />
+        </View>
+
+        {/* Quick Data Preview */}
+        <View style={{ marginBottom: 32 }}>
+          <Text variant="h2" style={{ marginBottom: 16, textAlign: 'center' }}>📊 Live Data</Text>
+          
+          {/* Users Preview */}
+          <View style={{ marginBottom: 20 }}>
+            <Text variant="h3" style={{ marginBottom: 12 }}>👥 Users ({usersLoading ? '...' : usersData?.length || DEMO_USERS.length})</Text>
+            {usersLoading ? (
+              <LoadingSpinner message="Loading users..." />
+            ) : (
+              <View>
+                {(usersData || DEMO_USERS.slice(0, 2)).map((user: User) => (
+                  <UserCard 
+                    key={user.id}
+                    user={user} 
+                    showBio={false}
+                    onPress={() => console.log('View profile:', user.name)}
+                  />
+                ))}
+              </View>
+            )}
+          </View>
+
+          {/* Posts Preview */}
+          <View style={{ marginBottom: 20 }}>
+            <Text variant="h3" style={{ marginBottom: 12 }}>📝 Recent Posts ({postsLoading ? '...' : postsData?.length || DEMO_POSTS.length})</Text>
+            {postsLoading ? (
+              <LoadingSpinner message="Loading posts..." />
+            ) : (
+              <View>
+                {(postsData || DEMO_POSTS.slice(0, 1)).map((post: Post) => {
+                  const author = DEMO_USERS.find(u => u.id === post.authorId);
+                  return (
+                    <PostCard 
+                      key={post.id}
+                      post={post}
+                      author={author}
+                      onPress={() => console.log('Read post:', post.title)}
+                      onLike={() => console.log('Like post:', post.title)}
+                    />
+                  );
+                })}
+              </View>
+            )}
+          </View>
+        </View>
+
+        {/* Development Info */}
+        <View style={{ 
+          padding: 20, 
+          backgroundColor: '#f8f9fa', 
+          borderRadius: 8,
+          marginBottom: 24
+        }}>
+          <Text variant="h3" style={{ marginBottom: 12, textAlign: 'center' }}>🚀 Development</Text>
+          <Text variant="body" style={{ textAlign: 'center', marginBottom: 12 }}>
+            This app is part of your full-stack workspace. Make changes to see them reflected instantly!
+          </Text>
+          <Text variant="caption" style={{ textAlign: 'center', fontStyle: 'italic' }}>
+            Edit packages/mobile/src/App.tsx to customize this screen
+          </Text>
+        </View>
+      </View>
+    </ScrollView>
+  );
+
+  const renderUsers = () => {
+    const { data: users, isLoading, error } = trpc.users.getAll.useQuery();
+
+    if (isLoading) return <LoadingSpinner message="Loading users..." />;
+    if (error) return <ErrorMessage message={error.message} />;
+
+    const allUsers = users || DEMO_USERS;
+
+    return (
+      <ScrollView style={{ flex: 1, padding: 20 }}>
+        <Text variant="h1" style={{ marginBottom: 20, textAlign: 'center' }}>👥 All Users ({allUsers.length})</Text>
+        <View>
+          {allUsers.map((user: User) => (
+            <UserCard 
+              key={user.id}
+              user={user} 
+              showBio={true}
+              onPress={() => console.log('View profile:', user.name)}
+            />
+          ))}
+        </View>
+      </ScrollView>
+    );
+  };
+
+  const renderPosts = () => {
+    const { data: posts, isLoading, error } = trpc.posts.getAll.useQuery();
+
+    if (isLoading) return <LoadingSpinner message="Loading posts..." />;
+    if (error) return <ErrorMessage message={error.message} />;
+
+    const allPosts = posts || DEMO_POSTS;
+
+    return (
+      <ScrollView style={{ flex: 1, padding: 20 }}>
+        <Text variant="h1" style={{ marginBottom: 20, textAlign: 'center' }}>📝 All Posts ({allPosts.length})</Text>
+        <View>
+          {allPosts.map((post: Post) => {
+            const author = DEMO_USERS.find(u => u.id === post.authorId);
+            return (
+              <PostCard 
+                key={post.id}
+                post={post}
+                author={author}
+                showFullContent={false}
+                onPress={() => console.log('Read post:', post.title)}
+                onLike={() => console.log('Like post:', post.title)}
+              />
+            );
+          })}
+        </View>
+      </ScrollView>
+    );
+  };
+
+  const renderTabBar = () => (
+    <View style={{ 
+      flexDirection: 'row', 
+      backgroundColor: '#f8f9fa',
+      borderTopWidth: 1,
+      borderTopColor: '#e9ecef',
+      paddingVertical: 10
+    }}>
+      <TabButton
+        title="Home"
+        icon="🏠"
+        active={currentTab === 'home'}
+        onPress={() => setCurrentTab('home')}
+      />
+      <TabButton
+        title="Users"
+        icon="👥"
+        active={currentTab === 'users'}
+        onPress={() => setCurrentTab('users')}
+      />
+      <TabButton
+        title="Posts"
+        icon="📝"
+        active={currentTab === 'posts'}
+        onPress={() => setCurrentTab('posts')}
+      />
+    </View>
+  );
+
+  return (
+    <trpc.Provider client={trpcClient} queryClient={queryClient}>
+      <QueryClientProvider client={queryClient}>
+        <Screen>
+          <View style={{ flex: 1 }}>
+            {currentTab === 'home' && renderHome()}
+            {currentTab === 'users' && renderUsers()}
+            {currentTab === 'posts' && renderPosts()}
+            {renderTabBar()}
+          </View>
+        </Screen>
+      </QueryClientProvider>
+    </trpc.Provider>
+  );
+}
+
+export default App;