@idealyst/cli 1.0.45 → 1.0.48

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

@@ -1,266 +0,0 @@
-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;

package/dist/templates/shared/rollup.config.js

@@ -1,43 +0,0 @@
-const typescript = require('rollup-plugin-typescript2');
-
-module.exports = {
-  input: 'src/index.ts',
-  output: [
-    {
-      file: 'dist/index.js',
-      format: 'cjs',
-      exports: 'named',
-      sourcemap: true,
-    },
-    {
-      file: 'dist/index.esm.js',
-      format: 'esm',
-      exports: 'named',
-      sourcemap: true,
-    },
-  ],
-  plugins: [
-    typescript({
-      typescript: require('typescript'),
-      tsconfig: './tsconfig.json',
-      exclude: ['**/*.test.ts', '**/*.test.tsx', '**/*.native.ts', '**/*.native.tsx'],
-      declaration: true,
-      declarationDir: 'dist',
-      rootDir: 'src',
-      clean: true,
-    }),
-  ],
-  external: [
-    'react',
-    'react-dom',
-    'react-native',
-    'react-native-unistyles',
-    '@react-native/normalize-colors',
-    'react-native-edge-to-edge',
-    'react-native-nitro-modules',
-    '@react-native-vector-icons/common',
-    '@react-native-vector-icons/material-design-icons',
-    '@mdi/js',
-    '@mdi/react',
-  ],
-}; 

package/dist/templates/shared/src/types/index.ts

@@ -1,148 +0,0 @@
-import { z } from 'zod';
-
-// User related schemas and types
-export const UserSchema = z.object({
-  id: z.string(),
-  email: z.string().email(),
-  name: z.string().nullable(),
-  avatar: z.string().url().nullable(),
-  bio: z.string().nullable(),
-  location: z.string().nullable(),
-  website: z.string().url().nullable(),
-  createdAt: z.date(),
-  updatedAt: z.date(),
-});
-
-export const CreateUserSchema = z.object({
-  email: z.string().email(),
-  name: z.string().min(1, 'Name is required'),
-  avatar: z.string().url().optional(),
-  bio: z.string().optional(),
-  location: z.string().optional(),
-  website: z.string().url().optional(),
-});
-
-export const UpdateUserSchema = CreateUserSchema.partial();
-
-// Post related schemas and types
-export const PostSchema = z.object({
-  id: z.string(),
-  title: z.string(),
-  content: z.string(),
-  excerpt: z.string().nullable(),
-  published: z.boolean(),
-  tags: z.array(z.string()),
-  authorId: z.string(),
-  views: z.number(),
-  likes: z.number(),
-  createdAt: z.date(),
-  updatedAt: z.date(),
-});
-
-export const CreatePostSchema = z.object({
-  title: z.string().min(1, 'Title is required'),
-  content: z.string().min(1, 'Content is required'),
-  excerpt: z.string().optional(),
-  published: z.boolean().default(false),
-  tags: z.array(z.string()).default([]),
-});
-
-export const UpdatePostSchema = CreatePostSchema.partial();
-
-// Comment related schemas and types
-export const CommentSchema = z.object({
-  id: z.string(),
-  content: z.string(),
-  authorId: z.string(),
-  postId: z.string(),
-  parentId: z.string().nullable(),
-  createdAt: z.date(),
-  updatedAt: z.date(),
-});
-
-export const CreateCommentSchema = z.object({
-  content: z.string().min(1, 'Comment cannot be empty'),
-  postId: z.string(),
-  parentId: z.string().optional(),
-});
-
-// User settings schemas and types
-export const UserSettingsSchema = z.object({
-  id: z.string(),
-  theme: z.enum(['light', 'dark', 'auto']),
-  notifications: z.boolean(),
-  emailUpdates: z.boolean(),
-  publicProfile: z.boolean(),
-  userId: z.string(),
-  createdAt: z.date(),
-  updatedAt: z.date(),
-});
-
-export const UpdateUserSettingsSchema = z.object({
-  theme: z.enum(['light', 'dark', 'auto']).optional(),
-  notifications: z.boolean().optional(),
-  emailUpdates: z.boolean().optional(),
-  publicProfile: z.boolean().optional(),
-});
-
-// Inferred TypeScript types
-export type User = z.infer<typeof UserSchema>;
-export type CreateUser = z.infer<typeof CreateUserSchema>;
-export type UpdateUser = z.infer<typeof UpdateUserSchema>;
-
-export type Post = z.infer<typeof PostSchema>;
-export type CreatePost = z.infer<typeof CreatePostSchema>;
-export type UpdatePost = z.infer<typeof UpdatePostSchema>;
-
-export type Comment = z.infer<typeof CommentSchema>;
-export type CreateComment = z.infer<typeof CreateCommentSchema>;
-
-export type UserSettings = z.infer<typeof UserSettingsSchema>;
-export type UpdateUserSettings = z.infer<typeof UpdateUserSettingsSchema>;
-
-// Extended types with relations for UI components
-export type UserWithPosts = User & {
-  posts: Post[];
-  settings?: UserSettings;
-};
-
-export type PostWithAuthor = Post & {
-  author: User;
-  comments: CommentWithAuthor[];
-};
-
-export type CommentWithAuthor = Comment & {
-  author: User;
-  children?: CommentWithAuthor[];
-};
-
-// API Response types
-export type ApiResponse<T> = {
-  data: T;
-  success: boolean;
-  message?: string;
-};
-
-export type PaginatedResponse<T> = ApiResponse<{
-  items: T[];
-  total: number;
-  page: number;
-  pageSize: number;
-  hasMore: boolean;
-}>;
-
-// Common utility types
-export type Theme = 'light' | 'dark' | 'auto';
-
-export interface LoadingState {
-  isLoading: boolean;
-  error?: string;
-}
-
-export interface PaginationParams {
-  page?: number;
-  pageSize?: number;
-  sortBy?: string;
-  sortOrder?: 'asc' | 'desc';
-  search?: string;
-}