@idealyst/cli 1.0.83 → 1.0.84

package/templates/shared/src/navigation/AppRouter.tsx

@@ -6,17 +6,17 @@ import { HelloWorld } from '../components/HelloWorld';
 const HomeScreen = () => (
   <Screen>
     <View spacing="lg">
-      <Text size="xlarge" weight="bold">Home</Text>
-      <Text size="medium">Welcome to your {{projectName}} app!</Text>
+      <Text size="xl" weight="bold">Home</Text>
+      <Text size="md">Welcome to your {{projectName}} app!</Text>
       <View spacing="md" style={{ marginTop: 24 }}>
-        <Text size="small">
+        <Text size="sm">
           This app uses tab navigation. Navigate between tabs using the bottom bar on mobile or the top tabs on web.
         </Text>
       </View>
       
       {/* API Testing Component */}
       <View spacing="md" style={{ marginTop: 32 }}>
-        <Text size="medium" weight="semibold">API Test</Text>
+        <Text size="md" weight="semibold">API Test</Text>
         <HelloWorld name="{{projectName}}" />
       </View>
     </View>
@@ -26,10 +26,10 @@ const HomeScreen = () => (
 const ProfileScreen = () => (
   <Screen>
     <View spacing="lg">
-      <Text size="xlarge" weight="bold">Profile</Text>
-      <Text size="medium">User profile and account settings</Text>
+      <Text size="xl" weight="bold">Profile</Text>
+      <Text size="md">User profile and account settings</Text>
       <View spacing="md" style={{ marginTop: 24 }}>
-        <Text size="small">
+        <Text size="sm">
           Manage your account details and preferences here.
         </Text>
       </View>
@@ -40,10 +40,10 @@ const ProfileScreen = () => (
 const SettingsScreen = () => (
   <Screen>
     <View spacing="lg">
-      <Text size="xlarge" weight="bold">Settings</Text>
-      <Text size="medium">App configuration and preferences</Text>
+      <Text size="xl" weight="bold">Settings</Text>
+      <Text size="md">App configuration and preferences</Text>
       <View spacing="md" style={{ marginTop: 24 }}>
-        <Text size="small">
+        <Text size="sm">
           Customize your app experience with various settings and options.
         </Text>
       </View>

package/templates/web/README.md

@@ -122,22 +122,6 @@ The app uses the Idealyst Framework for consistent UI and navigation that works
 
 Edit `src/App.tsx` to start building your application.
 
-### Styling
-
-The app uses Unistyles for cross-platform styling. You can create styles that work on both web and mobile:
-
-```tsx
-import { createStyleSheet } from 'react-native-unistyles';
-
-const styles = createStyleSheet({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center'
-  }
-});
-```
-
 ### Learn More
 
 - [Idealyst Framework Documentation](https://github.com/your-username/idealyst-framework)

package/templates/web/package.json

@@ -30,7 +30,7 @@
     "react-dom": "^19.1.0",
     "react-native": "^0.80.1",
     "react-native-edge-to-edge": "^1.6.2",
-    "react-native-nitro-modules": "0.28.0",
+    "react-native-nitro-modules": "0.30.0",
     "react-native-unistyles": "^3.0.10",
     "react-native-web": "^0.20.0",
     "react-router": "^7.6.3",

package/templates/web/src/components/TestDemo.tsx

@@ -37,8 +37,8 @@ export const TestDemo: React.FC = () => {
 
   if (isLoading) {
     return (
-      <Card variant="outlined" padding="large">
-        <Text size="medium">Loading tests...</Text>
+      <Card variant="outlined" padding="lg">
+        <Text size="md">Loading tests...</Text>
       </Card>
     );
   }
@@ -46,21 +46,21 @@ export const TestDemo: React.FC = () => {
   return (
     <View style={{ gap: 16 }}>
       {/* Header */}
-      <Card variant="elevated" padding="large" intent="primary">
+      <Card variant="elevated" padding="lg" intent="primary">
         <View style={{ alignItems: 'center' }}>
           <Text style={{ fontSize: 24, marginBottom: 8 }}>🧪</Text>
-          <Text size="large" weight="bold" style={{ marginBottom: 8, textAlign: 'center' }}>
+          <Text size="lg" weight="bold" style={{ marginBottom: 8, textAlign: 'center' }}>
             tRPC + Database Test
           </Text>
-          <Text size="medium" style={{ textAlign: 'center' }}>
+          <Text size="md" style={{ textAlign: 'center' }}>
             This demonstrates end-to-end type-safe API calls from the web app to the database.
           </Text>
         </View>
       </Card>
 
       {/* Create Test Form */}
-      <Card variant="outlined" padding="large">
-        <Text size="medium" weight="bold" style={{ marginBottom: 16 }}>
+      <Card variant="outlined" padding="lg">
+        <Text size="md" weight="bold" style={{ marginBottom: 16 }}>
           Create New Test
         </Text>
         
@@ -90,15 +90,15 @@ export const TestDemo: React.FC = () => {
       </Card>
 
       {/* Test Results */}
-      <Card variant="outlined" padding="large">
-        <Text size="medium" weight="bold" style={{ marginBottom: 16 }}>
+      <Card variant="outlined" padding="lg">
+        <Text size="md" weight="bold" style={{ marginBottom: 16 }}>
           Test Entries ({tests?.count || 0})
         </Text>
         
         {tests?.data && tests.data.length > 0 ? (
           <View style={{ gap: 12 }}>
             {tests.data.map((test) => (
-              <Card key={test.id} variant="filled" padding="medium">
+              <Card key={test.id} variant="filled" padding="md">
                 <View style={{ 
                   flexDirection: 'row', 
                   justifyContent: 'space-between', 
@@ -106,23 +106,23 @@ export const TestDemo: React.FC = () => {
                   gap: 12
                 }}>
                   <View style={{ flex: 1 }}>
-                    <Text size="medium" weight="semibold" style={{ marginBottom: 4 }}>
+                    <Text size="md" weight="semibold" style={{ marginBottom: 4 }}>
                       {test.name}
                     </Text>
-                    <Text size="small" style={{ marginBottom: 8, opacity: 0.8 }}>
+                    <Text size="sm" style={{ marginBottom: 8, opacity: 0.8 }}>
                       {test.message}
                     </Text>
                     <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
                       <Card 
                         variant="filled" 
-                        padding="small" 
+                        padding="sm" 
                         intent={test.status === 'active' ? 'success' : 'neutral'}
                       >
-                        <Text size="small" weight="semibold">
+                        <Text size="sm" weight="semibold">
                           {test.status}
                         </Text>
                       </Card>
-                      <Text size="small" style={{ opacity: 0.6 }}>
+                      <Text size="sm" style={{ opacity: 0.6 }}>
                         {new Date(test.createdAt).toLocaleDateString()}
                       </Text>
                     </View>
@@ -130,7 +130,7 @@ export const TestDemo: React.FC = () => {
                   <Button
                     variant="outlined"
                     intent="error"
-                    size="small"
+                    size="sm"
                     onPress={() => handleDeleteTest(test.id)}
                     disabled={deleteTestMutation.isPending}
                   >
@@ -141,8 +141,8 @@ export const TestDemo: React.FC = () => {
             ))}
           </View>
         ) : (
-          <Card variant="filled" padding="medium" style={{ opacity: 0.6 }}>
-            <Text size="small" style={{ textAlign: 'center' }}>
+          <Card variant="filled" padding="md" style={{ opacity: 0.6 }}>
+            <Text size="sm" style={{ textAlign: 'center' }}>
               No tests found. Create one above to get started!
             </Text>
           </Card>
@@ -150,11 +150,11 @@ export const TestDemo: React.FC = () => {
       </Card>
 
       {/* Type Safety Info */}
-      <Card variant="filled" intent="success" padding="medium">
-        <Text size="small" weight="semibold" style={{ marginBottom: 4 }}>
+      <Card variant="filled" intent="success" padding="md">
+        <Text size="sm" weight="semibold" style={{ marginBottom: 4 }}>
           ✨ Type Safety Features:
         </Text>
-        <Text size="small">
+        <Text size="sm">
           • Full TypeScript types from database to frontend • tRPC ensures API type safety • 
           Prisma provides database schema validation • Real-time type checking across the stack
         </Text>

package/templates/web/vite.config.ts

@@ -7,8 +7,9 @@ import path from 'path'
 export default defineConfig({
   plugins: [
     babel({
-      filter: (id) => id.includes("node_modules/@idealyst/") || id.includes("/packages/"),
-      babelConfig: {
+      filter: (id) =>
+        id.includes("node_modules/@idealyst/") ||
+        (id.includes("/packages/") && /\.(tsx?|jsx?)$/.test(id)),      babelConfig: {
         presets: [
           ['@babel/preset-typescript', {
             isTSX: true,

package/templates/workspace/.devcontainer/devcontainer.json

@@ -106,6 +106,7 @@
       }
     }
   },
+  "remoteUser": "node",
 
   // Post-create command to set up the development environment
   "postCreateCommand": "bash .devcontainer/setup.sh"

package/docs/LLM-CLI-QUICK-REFERENCE.md

@@ -1,123 +0,0 @@
-# Idealyst Framework CLI - Quick LLM Command Reference
-
-⚠️ **LLM CRITICAL**: Always provide ALL arguments to prevent interactive prompts that hang automation!
-
-## 🚨 Commands That Will Hang LLMs
-```bash
-# ❌ These will hang waiting for user input:
-idealyst init                              # Missing workspace name
-idealyst create my-app                     # Missing --type
-idealyst create my-app --type native       # Missing --app-name
-idealyst create my-app --type web          # Missing tRPC choice
-idealyst create my-app --type native --app-name "App"  # Missing tRPC choice
-```
-
-## ✅ LLM-Safe Command Templates
-```bash
-# Always use these exact patterns:
-idealyst init <workspace-name>
-idealyst create <name> --type database
-idealyst create <name> --type api  
-idealyst create <name> --type shared
-idealyst create <name> --type native --app-name "Display Name" --with-trpc
-idealyst create <name> --type native --app-name "Display Name" --no-trpc
-idealyst create <name> --type web --with-trpc
-idealyst create <name> --type web --no-trpc
-```
-
-## Essential Commands
-
-### Initialize Workspace (Required First)
-```bash
-# ✅ Always provide workspace name
-idealyst init <workspace-name>
-cd <workspace-name>
-
-# ❌ Never run without name (will prompt)
-# idealyst init
-```
-
-### Create Projects (Run from workspace directory)
-```bash
-# Database layer (Prisma + Zod) - No prompts
-idealyst create <name> --type database
-
-# API server (tRPC + Express) - No prompts  
-idealyst create <name> --type api
-
-# React Native mobile app - REQUIRES app-name and trpc preference
-idealyst create <name> --type native --app-name "Display Name" --with-trpc
-idealyst create <name> --type native --app-name "Display Name" --no-trpc
-
-# React web app (Vite) - REQUIRES trpc preference
-idealyst create <name> --type web --with-trpc
-idealyst create <name> --type web --no-trpc
-
-# Shared TypeScript library - No prompts
-idealyst create <name> --type shared
-```
-
-## Project Types & Purposes
-
-| Type | Purpose | Key Technologies | Exports |
-|------|---------|------------------|---------|
-| `database` | Data layer | Prisma, Zod, TypeScript | `{ db, schemas, PrismaClient, types }` |
-| `api` | Backend server | tRPC, Express, Zod | tRPC router, middleware |
-| `native` | Mobile app | React Native, TypeScript | Mobile application |
-| `web` | Web app | React, Vite, TypeScript | Web application |
-| `shared` | Utilities | TypeScript, Rollup | Reusable functions/types |
-
-## Architecture Patterns
-
-### Full-Stack App (Recommended)
-```bash
-# ✅ LLM-Safe: All arguments provided
-idealyst init my-app && cd my-app
-idealyst create database --type database
-idealyst create api --type api
-idealyst create mobile --type native --app-name "Mobile App" --with-trpc
-idealyst create web --type web --with-trpc
-```
-
-### Database Integration
-```typescript
-// In API server
-import { db } from '@workspace/database';
-const users = await db.user.findMany();
-
-// In clients (with tRPC)
-const { data } = await api.users.getAll.useQuery();
-```
-
-## Key Rules for LLMs
-1. **Always provide workspace name** - `idealyst init my-project` (never just `idealyst init`)
-2. **Always provide project name AND --type** - `idealyst create api --type api` 
-3. **For native: Always provide --app-name AND tRPC choice** - `--app-name "App Name" --with-trpc`
-4. **For web: Always provide tRPC choice** - `--with-trpc` or `--no-trpc`
-5. **Use --skip-install** - For faster testing/iteration
-6. **Use descriptive names** - `user-database`, `product-api`, not `db`, `api`
-
-## Common Patterns
-```bash
-# E-commerce (full arguments)
-idealyst init ecommerce-platform && cd ecommerce-platform
-idealyst create product-database --type database
-idealyst create api --type api
-idealyst create customer-mobile --type native --app-name "Customer App" --with-trpc
-idealyst create admin-web --type web --with-trpc
-
-# SaaS (full arguments) 
-idealyst init saas-app && cd saas-app
-idealyst create user-database --type database
-idealyst create auth-api --type api
-idealyst create main-api --type api
-idealyst create dashboard --type web --with-trpc
-idealyst create mobile --type native --app-name "SaaS Mobile" --with-trpc
-
-# Content platform (full arguments)
-idealyst init content-platform && cd content-platform
-idealyst create content-database --type database
-idealyst create cms-api --type api
-idealyst create public-web --type web --no-trpc
-idealyst create admin-web --type web --with-trpc
-```