@idealyst/cli 1.0.89 → 1.0.91

package/dist/{templates/native → template/packages/mobile}/babel.config.js

@@ -6,5 +6,6 @@ module.exports = {
       autoProcessPaths: ['@idealyst/components', '@idealyst/navigation', '@idealyst/theme'],
     }],
     'react-native-reanimated/plugin',
+    'react-native-worklets/plugin',
   ],
 };

package/{templates/native → dist/template/packages/mobile}/metro.config.js

@@ -6,14 +6,14 @@ const { wrapWithReanimatedMetroConfig } = require('react-native-reanimated/metro
 const config = {
   projectRoot: __dirname,
   watchFolders: [
-    // Add the workspace root to watch folders so Metro can watch workspace packages
-    path.resolve(__dirname, '..'),
+    // Add the workspace root to watch folders so Metro can find hoisted node_modules
+    path.resolve(__dirname, '../..'),
   ],
   resolver: {
     nodeModulesPaths: [
       path.resolve(__dirname, 'node_modules'),
-      // Add the workspace root node_modules
-      path.resolve(__dirname, '..', 'node_modules'),
+      // Add the workspace root node_modules for hoisted packages
+      path.resolve(__dirname, '../..', 'node_modules'),
     ],
     // Important for Idealyst to use .native extensions for React Native (eg: @idealyst/components/src/Button/Button.native.tsx)
     sourceExts: ['native.tsx', 'native.ts', 'tsx', 'ts', 'native.jsx', 'native.js', 'jsx', 'js', 'json', 'cjs'],

package/{templates/native → dist/template/packages/mobile}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "{{packageName}}",
+  "name": "@{{workspaceScope}}/mobile",
   "version": "{{version}}",
   "description": "{{description}}",
   "private": true,
@@ -16,13 +16,16 @@
     "@idealyst/components": "^{{idealystVersion}}",
     "@idealyst/navigation": "^{{idealystVersion}}",
     "@idealyst/theme": "^{{idealystVersion}}",
+    "@{{workspaceScope}}/shared": "workspace:*",
+    "@{{workspaceScope}}/database": "workspace:*",
     "@tanstack/react-query": "^5.83.0",
     "@trpc/client": "^11.5.1",
     "@trpc/react-query": "^11.5.1",
     "@trpc/server": "^11.5.1",
     "react": "^18.2.0",
     "react-native": "^0.73.0",
-    "react-native-svg": "^15.8.0"
+    "react-native-svg": "^15.8.0",
+    "react-native-worklets": "^0.6.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

package/{templates → dist/template/packages}/shared/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "{{packageName}}",
+  "name": "@{{workspaceScope}}/shared",
   "version": "{{version}}",
   "description": "{{description}}",
   "main": "src/index.ts",
@@ -28,7 +28,7 @@
     "@trpc/server": "^11.5.1",
     "react": "^19.1.0",
     "react-native": "^0.80.1",
-    "{{workspaceScope}}/api": "*"
+    "@{{workspaceScope}}/api": "*"
   },
   "peerDependenciesMeta": {
     "react-native": {

package/{templates → dist/template/packages}/web/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "{{packageName}}",
+  "name": "@{{workspaceScope}}/web",
   "version": "{{version}}",
   "description": "{{description}}",
   "private": true,
@@ -16,6 +16,9 @@
     "@idealyst/components": "^{{idealystVersion}}",
     "@idealyst/navigation": "^{{idealystVersion}}",
     "@idealyst/theme": "^{{idealystVersion}}",
+    "@{{workspaceScope}}/shared": "workspace:*",
+    "@{{workspaceScope}}/database": "workspace:*",
+    "@{{workspaceScope}}/api": "workspace:*",
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
     "@react-native/normalize-colors": "^0.80.1",

package/dist/types/generators/index.d.ts

@@ -1,9 +1,3 @@
 import { GenerateProjectOptions } from '../types';
 export declare function generateProject(options: GenerateProjectOptions): Promise<void>;
-export * from './native';
-export * from './web';
-export * from './shared';
-export * from './workspace';
-export * from './api';
-export * from './database';
-export * from './fullstack';
+export * from './init';

package/dist/types/generators/init.d.ts

@@ -0,0 +1,5 @@
+import { GenerateProjectOptions } from '../types';
+/**
+ * Generate a complete full-stack workspace from the unified template
+ */
+export declare function generateFullStackProject(options: GenerateProjectOptions): Promise<void>;

package/dist/types/scripts/configure-react-native-monorepo.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Configures React Native Android and iOS to work in a Yarn workspace monorepo
+ * with hoisted node_modules at the workspace root.
+ *
+ * Based on: https://www.callstack.com/blog/setting-up-react-native-monorepo-with-yarn-workspaces
+ */
+interface ConfigureOptions {
+    mobilePackagePath: string;
+    workspaceRoot: string;
+}
+/**
+ * Updates Android gradle files to use workspace root node_modules
+ */
+export declare function configureAndroid(options: ConfigureOptions): Promise<void>;
+/**
+ * Updates iOS Podfile to use workspace root node_modules
+ */
+export declare function configureIOS(options: ConfigureOptions): Promise<void>;
+/**
+ * Main function to configure both Android and iOS
+ */
+export declare function configureReactNativeMonorepo(mobilePackagePath: string, workspaceRoot: string): Promise<void>;
+export {};

package/dist/types/types.d.ts

@@ -1,11 +1,7 @@
-export type ProjectType = 'native' | 'web' | 'shared' | 'workspace' | 'api' | 'database' | 'fullstack';
 export interface GenerateProjectOptions {
     name: string;
-    type: ProjectType;
     directory: string;
     skipInstall: boolean;
-    appName?: string;
-    withTrpc?: boolean;
     figmaToken?: string;
 }
 export interface TemplateData {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/cli",
-  "version": "1.0.89",
+  "version": "1.0.91",
   "description": "CLI tool for generating Idealyst Framework projects",
   "readme": "README.md",
   "main": "dist/index.js",
@@ -56,7 +56,7 @@
   },
   "files": [
     "dist",
-    "templates",
+    "template",
     "docs"
   ],
   "keywords": [

package/{templates/workspace → template}/README.md

@@ -1,22 +1,76 @@
 # {{projectName}}
 
-{{description}}
+A full-stack application built with the Idealyst Framework.
 
-## Getting Started
+## 🏗️ Architecture
 
-This workspace contains your Idealyst Framework packages and applications.
+This workspace contains a complete full-stack application with:
 
-### Structure
+- **📱 Mobile App** (`packages/mobile`) - React Native app with Idealyst components
+- **🌐 Web App** (`packages/web`) - React web app with Idealyst components
+- **🚀 API Server** (`packages/api`) - tRPC API server with Express
+- **🗄️ Database** (`packages/database`) - Prisma database layer with PostgreSQL
+- **📦 Shared** (`packages/shared`) - Cross-platform shared components and utilities
 
+All packages are pre-integrated and work together seamlessly.
+
+## 🚀 Quick Start
+
+### Prerequisites
+- Node.js 18+
+- Yarn 3+
+- PostgreSQL (or use Docker)
+
+### Setup
+```bash
+# Install dependencies
+yarn install
+
+# Set up environment variables
+cp packages/api/.env.example packages/api/.env
+cp packages/database/.env.example packages/database/.env
+# Edit .env files with your database URL
+
+# Generate database client
+yarn db:generate
+
+# Push database schema
+yarn db:push
+
+# Start all development servers
+yarn dev
 ```
-{{projectName}}/
-├── packages/           # Shared packages
-│   ├── theme/         # Theme configuration
-│   ├── components/    # UI components
-│   └── utils/         # Shared utilities
-├── mobile-app/        # React Native app (generated)
-├── web-app/           # React web app (generated)
-└── shared-lib/        # Shared library (generated)
+
+This will start:
+- 🌐 Web app at http://localhost:5173
+- 🚀 API server at http://localhost:3000
+- 📱 Mobile app (Metro bundler)
+
+### Individual Commands
+
+```bash
+# Web development
+yarn web:dev           # Start web app
+yarn web:build         # Build web app
+
+# Mobile development
+yarn mobile:start      # Start Metro bundler
+yarn mobile:android    # Run on Android
+yarn mobile:ios        # Run on iOS
+
+# API development
+yarn api:dev           # Start API server
+yarn api:build         # Build API server
+
+# Database management
+yarn db:generate       # Generate Prisma client
+yarn db:push           # Push schema to database
+yarn db:migrate        # Create migrations
+yarn db:studio         # Open Prisma Studio
+
+# Build all packages
+yarn build             # Build everything
+yarn build:packages    # Build shared packages only
 ```
 
 ## Testing

package/template/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "{{packageName}}",
+  "version": "{{version}}",
+  "description": "{{description}}",
+  "private": true,
+  "workspaces": [
+    "packages/*"
+  ],
+  "packageManager": "yarn@4.1.0",
+  "scripts": {
+    "dev": "concurrently \"yarn api:dev\" \"yarn web:dev\" \"yarn mobile:start\"",
+    "build": "yarn build:packages && yarn api:build && yarn web:build",
+    "build:packages": "yarn workspace @{{workspaceScope}}/database build && yarn workspace @{{workspaceScope}}/shared build",
+    "api:dev": "yarn workspace @{{workspaceScope}}/api dev",
+    "api:build": "yarn workspace @{{workspaceScope}}/api build",
+    "web:dev": "yarn workspace @{{workspaceScope}}/web dev",
+    "web:build": "yarn workspace @{{workspaceScope}}/web build",
+    "mobile:start": "yarn workspace @{{workspaceScope}}/mobile start",
+    "mobile:android": "yarn workspace @{{workspaceScope}}/mobile android",
+    "mobile:ios": "yarn workspace @{{workspaceScope}}/mobile ios",
+    "db:generate": "yarn workspace @{{workspaceScope}}/database db:generate",
+    "db:push": "yarn workspace @{{workspaceScope}}/database db:push",
+    "db:migrate": "yarn workspace @{{workspaceScope}}/database db:migrate",
+    "db:studio": "yarn workspace @{{workspaceScope}}/database db:studio",
+    "test": "yarn workspaces foreach --include '@/*' run test",
+    "test:watch": "yarn workspaces foreach --include '@/*' run test:watch",
+    "test:coverage": "yarn workspaces foreach --include '@/*' run test:coverage",
+    "test:ci": "yarn workspaces foreach --include '@/*' --parallel run test --passWithNoTests",
+    "type-check": "yarn workspaces run type-check"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@idealyst/mcp-server": "^{{idealystVersion}}",
+    "@mobilenext/mobile-mcp": "^0.0.34",
+    "@playwright/mcp": "^0.0.45",
+    "@types/jest": "^29.5.12",
+    "concurrently": "^8.2.2",
+    "jest": "^29.7.0",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.0.0"
+  }
+} 

package/{dist/templates → template/packages}/api/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "{{packageName}}",
+  "name": "@{{workspaceScope}}/api",
   "version": "{{version}}",
   "description": "{{description}}",
   "type": "module",
@@ -23,6 +23,8 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
+    "@{{workspaceScope}}/database": "workspace:*",
+    "@{{workspaceScope}}/shared": "workspace:*",
     "@trpc/server": "^11.5.1",
     "cors": "^2.8.5",
     "dotenv": "^16.3.1",

package/{dist/templates → template/packages}/database/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "{{packageName}}",
+  "name": "@{{workspaceScope}}/database",
   "version": "1.0.0",
   "description": "Database layer with Prisma",
   "main": "dist/index.js",

package/{templates/native → template/packages/mobile}/babel.config.js

@@ -6,5 +6,6 @@ module.exports = {
       autoProcessPaths: ['@idealyst/components', '@idealyst/navigation', '@idealyst/theme'],
     }],
     'react-native-reanimated/plugin',
+    'react-native-worklets/plugin',
   ],
 };

package/{dist/templates/native → template/packages/mobile}/metro.config.js

@@ -6,14 +6,14 @@ const { wrapWithReanimatedMetroConfig } = require('react-native-reanimated/metro
 const config = {
   projectRoot: __dirname,
   watchFolders: [
-    // Add the workspace root to watch folders so Metro can watch workspace packages
-    path.resolve(__dirname, '..'),
+    // Add the workspace root to watch folders so Metro can find hoisted node_modules
+    path.resolve(__dirname, '../..'),
   ],
   resolver: {
     nodeModulesPaths: [
       path.resolve(__dirname, 'node_modules'),
-      // Add the workspace root node_modules
-      path.resolve(__dirname, '..', 'node_modules'),
+      // Add the workspace root node_modules for hoisted packages
+      path.resolve(__dirname, '../..', 'node_modules'),
     ],
     // Important for Idealyst to use .native extensions for React Native (eg: @idealyst/components/src/Button/Button.native.tsx)
     sourceExts: ['native.tsx', 'native.ts', 'tsx', 'ts', 'native.jsx', 'native.js', 'jsx', 'js', 'json', 'cjs'],

package/{dist/templates/native → template/packages/mobile}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "{{packageName}}",
+  "name": "@{{workspaceScope}}/mobile",
   "version": "{{version}}",
   "description": "{{description}}",
   "private": true,
@@ -16,13 +16,16 @@
     "@idealyst/components": "^{{idealystVersion}}",
     "@idealyst/navigation": "^{{idealystVersion}}",
     "@idealyst/theme": "^{{idealystVersion}}",
+    "@{{workspaceScope}}/shared": "workspace:*",
+    "@{{workspaceScope}}/database": "workspace:*",
     "@tanstack/react-query": "^5.83.0",
     "@trpc/client": "^11.5.1",
     "@trpc/react-query": "^11.5.1",
     "@trpc/server": "^11.5.1",
     "react": "^18.2.0",
     "react-native": "^0.73.0",
-    "react-native-svg": "^15.8.0"
+    "react-native-svg": "^15.8.0",
+    "react-native-worklets": "^0.6.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

package/{templates/native/src/App.tsx → template/packages/mobile/src/App-with-trpc-and-shared.tsx}

@@ -5,4 +5,4 @@ function NativeApp() {
   return <App />;
 }
 
-export default NativeApp;
+export default NativeApp;

package/{dist/templates/native → template/packages/mobile}/src/App.tsx

@@ -5,4 +5,4 @@ function NativeApp() {
   return <App />;
 }
 
-export default NativeApp;
+export default NativeApp;

package/{dist/templates → template/packages}/shared/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "{{packageName}}",
+  "name": "@{{workspaceScope}}/shared",
   "version": "{{version}}",
   "description": "{{description}}",
   "main": "src/index.ts",
@@ -28,7 +28,7 @@
     "@trpc/server": "^11.5.1",
     "react": "^19.1.0",
     "react-native": "^0.80.1",
-    "{{workspaceScope}}/api": "*"
+    "@{{workspaceScope}}/api": "*"
   },
   "peerDependenciesMeta": {
     "react-native": {

package/{dist/templates → template/packages}/shared/src/components/App.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { NavigatorProvider } from '@idealyst/navigation';
-import { trpc, createTRPCClient } from '../trpc/client';
-import AppRouter from '../navigation/AppRouter';
+import { NavigatorProvider } from "@idealyst/navigation";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import React from "react";
+import AppRouter from "../navigation/AppRouter";
+import { createTRPCClient, trpc } from "../trpc/client";
 
 interface AppProps {
   apiUrl?: string;
@@ -15,7 +15,6 @@ const defaultQueryClient = new QueryClient({
   defaultOptions: {
     queries: {
       staleTime: 1000 * 60 * 5, // 5 minutes
-      cacheTime: 1000 * 60 * 10, // 10 minutes
     },
   },
 });
@@ -24,10 +23,10 @@ const defaultQueryClient = new QueryClient({
  * Unified App component that sets up tRPC, React Query providers, and Navigation
  * This component can be used by both web and mobile platforms
  */
-export const App: React.FC<AppProps> = ({ 
-  apiUrl = 'http://localhost:3000/trpc',
+export const App: React.FC<AppProps> = ({
+  apiUrl = "http://localhost:3000/trpc",
   queryClient = defaultQueryClient,
-  headers
+  headers,
 }) => {
   // Create tRPC client with the provided configuration
   const trpcClient = createTRPCClient({

package/{dist/templates → template/packages}/shared/src/components/HelloWorld.tsx

@@ -79,7 +79,7 @@ export const HelloWorld = ({
           {platformText}
         </Text>
         {/* Framework Branding Card */}
-        <Card variant="elevated" padding="lg" intent="primary">
+        <Card type="elevated" padding="lg" intent="primary">
           <View style={{ alignItems: "center" }}>
             <Text style={{ fontSize: 32, marginBottom: 16 }}>🚀</Text>
             <Text
@@ -89,10 +89,7 @@ export const HelloWorld = ({
             >
               Idealyst Framework
             </Text>
-            <Text
-              size="md"
-              style={{ marginBottom: 16, textAlign: "center" }}
-            >
+            <Text size="md" style={{ marginBottom: 16, textAlign: "center" }}>
               Hello, {name}! Welcome to your cross-platform workspace.
             </Text>
 
@@ -106,7 +103,7 @@ export const HelloWorld = ({
               }}
             >
               <Card
-                variant="filled"
+                type="filled"
                 padding="sm"
                 style={{ backgroundColor: "rgba(255, 255, 255, 0.2)" }}
               >
@@ -115,7 +112,7 @@ export const HelloWorld = ({
                 </Text>
               </Card>
               <Card
-                variant="filled"
+                type="filled"
                 padding="sm"
                 style={{ backgroundColor: "rgba(255, 255, 255, 0.2)" }}
               >
@@ -124,7 +121,7 @@ export const HelloWorld = ({
                 </Text>
               </Card>
               <Card
-                variant="filled"
+                type="filled"
                 padding="sm"
                 style={{ backgroundColor: "rgba(255, 255, 255, 0.2)" }}
               >
@@ -137,7 +134,7 @@ export const HelloWorld = ({
         </Card>
 
         {/* Quick Start Guide Card */}
-        <Card variant="outlined" padding="lg" style={{ marginTop: 16 }}>
+        <Card type="outlined" padding="lg" style={{ marginTop: 16 }}>
           <Text size="lg" weight="bold" style={{ marginBottom: 16 }}>
             🎯 Quick Start Guide
           </Text>
@@ -182,7 +179,7 @@ export const HelloWorld = ({
             </Text>
           </View>
 
-          <Card variant="filled" intent="success" padding="md">
+          <Card type="filled" intent="success" padding="md">
             <Text size="sm" weight="semibold" style={{ marginBottom: 4 }}>
               ✨ Framework Features:
             </Text>
@@ -194,7 +191,7 @@ export const HelloWorld = ({
         </Card>
 
         {/* API Testing Section */}
-        <Card variant="outlined" padding="lg" style={{ marginTop: 16 }}>
+        <Card type="outlined" padding="lg" style={{ marginTop: 16 }}>
           <Text size="lg" weight="bold" style={{ marginBottom: 16 }}>
             🚀 API Demo - Database Integration
           </Text>
@@ -205,7 +202,7 @@ export const HelloWorld = ({
 
           {/* Create New Test Form */}
           <Card
-            variant="filled"
+            type="filled"
             padding="md"
             style={{ marginBottom: 16, backgroundColor: "#f8fafc" }}
           >
@@ -229,11 +226,11 @@ export const HelloWorld = ({
                 disabled={
                   !newTestName ||
                   !newTestMessage ||
-                  createTestMutation.isLoading
+                  createTestMutation.isPending
                 }
                 style={{ alignSelf: "flex-start" }}
               >
-                {createTestMutation.isLoading ? "Creating..." : "Create Test"}
+                {createTestMutation.isPending ? "Creating..." : "Create Test"}
               </Button>
             </View>
           </Card>
@@ -244,14 +241,14 @@ export const HelloWorld = ({
               Database Records ({tests.data?.length || 0})
             </Text>
 
-            {tests.isLoading ? (
-              <Card variant="outlined" padding="md">
+            {tests.isPending ? (
+              <Card type="outlined" padding="md">
                 <Text size="sm" style={{ color: "#64748b" }}>
                   Loading tests...
                 </Text>
               </Card>
             ) : tests.data?.length === 0 ? (
-              <Card variant="outlined" padding="md">
+              <Card type="outlined" padding="md">
                 <Text size="sm" style={{ color: "#64748b" }}>
                   No tests found. Create one above!
                 </Text>
@@ -259,7 +256,7 @@ export const HelloWorld = ({
             ) : (
               <View style={{ gap: 8 }}>
                 {tests.data?.map((test: any) => (
-                  <Card key={test.id} variant="outlined" padding="md">
+                  <Card key={test.id} type="outlined" padding="md">
                     <View
                       style={{
                         flexDirection: "row",
@@ -287,10 +284,10 @@ export const HelloWorld = ({
                         </Text>
                       </View>
                       <Button
-                        variant="destructive"
+                        intent="error"
                         size="sm"
                         onPress={() => handleDeleteTest(test.id)}
-                        disabled={deleteTestMutation.isLoading}
+                        disabled={deleteTestMutation.isPending}
                       >
                         Delete
                       </Button>