@idealyst/cli 1.0.88 → 1.0.90

package/dist/templates/shared/src/components/HelloWorld.tsx

@@ -1,307 +0,0 @@
-import { Button, Card, Input, Screen, Text, View } from "@idealyst/components";
-import { useState } from "react";
-import { trpc } from "../trpc/client";
-
-interface HelloWorldProps {
-  name?: string;
-  platform?: "web" | "mobile";
-  projectName?: string;
-}
-
-export const HelloWorld = ({
-  name = "World",
-  platform = "web",
-  projectName = "Your Project",
-}: HelloWorldProps) => {
-  const [newTestName, setNewTestName] = useState("");
-  const [newTestMessage, setNewTestMessage] = useState("");
-
-  // Use tRPC hooks directly
-  const tests = trpc.test.getAll.useQuery({});
-  const createTestMutation = trpc.test.create.useMutation({
-    onSuccess: () => {
-      tests.refetch();
-      setNewTestName("");
-      setNewTestMessage("");
-    },
-  });
-  const deleteTestMutation = trpc.test.delete.useMutation({
-    onSuccess: () => {
-      tests.refetch();
-    },
-  });
-
-  const handleCreateTest = async () => {
-    if (!newTestName || !newTestMessage) return;
-
-    await createTestMutation.mutateAsync({
-      name: newTestName,
-      message: newTestMessage,
-      status: "active",
-    });
-  };
-
-  const handleDeleteTest = async (id: string) => {
-    await deleteTestMutation.mutateAsync({ id });
-  };
-
-  const platformEmoji = platform === "mobile" ? "📱" : "🌐";
-  const platformText =
-    platform === "mobile"
-      ? "Your mobile development environment is ready. This shared component works seamlessly across mobile and web platforms."
-      : "Your web development environment is ready. This shared component works seamlessly across web and mobile platforms.";
-
-  return (
-    <Screen style={{ flex: 1, padding: 20 }}>
-      <View style={{ maxWidth: 600, alignSelf: "center" }}>
-        <Text
-          size="xl"
-          weight="bold"
-          style={{
-            marginBottom: 16,
-            textAlign: "center",
-            color: "#1e293b",
-          }}
-        >
-          Welcome to {projectName}! {platformEmoji}
-        </Text>
-
-        <Text
-          size="lg"
-          style={{
-            marginBottom: 32,
-            textAlign: "center",
-            color: "#64748b",
-            lineHeight: 24,
-            paddingHorizontal: 16,
-          }}
-        >
-          {platformText}
-        </Text>
-        {/* Framework Branding Card */}
-        <Card variant="elevated" padding="lg" intent="primary">
-          <View style={{ alignItems: "center" }}>
-            <Text style={{ fontSize: 32, marginBottom: 16 }}>🚀</Text>
-            <Text
-              size="xl"
-              weight="bold"
-              style={{ marginBottom: 8, textAlign: "center" }}
-            >
-              Idealyst Framework
-            </Text>
-            <Text
-              size="md"
-              style={{ marginBottom: 16, textAlign: "center" }}
-            >
-              Hello, {name}! Welcome to your cross-platform workspace.
-            </Text>
-
-            {/* Technology Tags */}
-            <View
-              style={{
-                flexDirection: "row",
-                flexWrap: "wrap",
-                justifyContent: "center",
-                gap: 8,
-              }}
-            >
-              <Card
-                variant="filled"
-                padding="sm"
-                style={{ backgroundColor: "rgba(255, 255, 255, 0.2)" }}
-              >
-                <Text size="sm" weight="semibold">
-                  React
-                </Text>
-              </Card>
-              <Card
-                variant="filled"
-                padding="sm"
-                style={{ backgroundColor: "rgba(255, 255, 255, 0.2)" }}
-              >
-                <Text size="sm" weight="semibold">
-                  TypeScript
-                </Text>
-              </Card>
-              <Card
-                variant="filled"
-                padding="sm"
-                style={{ backgroundColor: "rgba(255, 255, 255, 0.2)" }}
-              >
-                <Text size="sm" weight="semibold">
-                  Cross-Platform
-                </Text>
-              </Card>
-            </View>
-          </View>
-        </Card>
-
-        {/* Quick Start Guide Card */}
-        <Card variant="outlined" padding="lg" style={{ marginTop: 16 }}>
-          <Text size="lg" weight="bold" style={{ marginBottom: 16 }}>
-            🎯 Quick Start Guide
-          </Text>
-
-          <View style={{ marginBottom: 16 }}>
-            <Text size="md" weight="semibold" style={{ marginBottom: 8 }}>
-              Your Workspace Overview:
-            </Text>
-            <Text size="sm" style={{ marginBottom: 4 }}>
-              • <Text weight="semibold">packages/web/</Text> - React web
-              application
-            </Text>
-            <Text size="sm" style={{ marginBottom: 4 }}>
-              • <Text weight="semibold">packages/mobile/</Text> - React Native
-              mobile app
-            </Text>
-            <Text size="sm" style={{ marginBottom: 4 }}>
-              • <Text weight="semibold">packages/shared/</Text> - Cross-platform
-              components
-            </Text>
-            <Text size="sm" style={{ marginBottom: 4 }}>
-              • <Text weight="semibold">packages/api/</Text> - tRPC API server
-            </Text>
-          </View>
-
-          <View style={{ marginBottom: 16 }}>
-            <Text size="md" weight="semibold" style={{ marginBottom: 8 }}>
-              Try Editing:
-            </Text>
-            <Text size="sm" style={{ marginBottom: 4 }}>
-              1. Edit this component in{" "}
-              <Text weight="semibold">
-                packages/shared/src/components/HelloWorld.tsx
-              </Text>
-            </Text>
-            <Text size="sm" style={{ marginBottom: 4 }}>
-              2. Watch changes appear in both web and mobile apps instantly!
-            </Text>
-            <Text size="sm" style={{ marginBottom: 4 }}>
-              3. Run <Text weight="semibold">yarn dev</Text> to start all
-              development servers
-            </Text>
-          </View>
-
-          <Card variant="filled" intent="success" padding="md">
-            <Text size="sm" weight="semibold" style={{ marginBottom: 4 }}>
-              ✨ Framework Features:
-            </Text>
-            <Text size="sm">
-              Shared components • Type safety • Hot reload • Cross-platform
-              compatibility
-            </Text>
-          </Card>
-        </Card>
-
-        {/* API Testing Section */}
-        <Card variant="outlined" padding="lg" style={{ marginTop: 16 }}>
-          <Text size="lg" weight="bold" style={{ marginBottom: 16 }}>
-            🚀 API Demo - Database Integration
-          </Text>
-          <Text size="md" style={{ marginBottom: 16, color: "#64748b" }}>
-            Test your full-stack integration! This section demonstrates
-            real-time database operations.
-          </Text>
-
-          {/* Create New Test Form */}
-          <Card
-            variant="filled"
-            padding="md"
-            style={{ marginBottom: 16, backgroundColor: "#f8fafc" }}
-          >
-            <Text size="md" weight="semibold" style={{ marginBottom: 12 }}>
-              Create New Test Entry
-            </Text>
-
-            <View style={{ gap: 12 }}>
-              <Input
-                placeholder="Test name"
-                value={newTestName}
-                onChangeText={setNewTestName}
-              />
-              <Input
-                placeholder="Test message"
-                value={newTestMessage}
-                onChangeText={setNewTestMessage}
-              />
-              <Button
-                onPress={handleCreateTest}
-                disabled={
-                  !newTestName ||
-                  !newTestMessage ||
-                  createTestMutation.isLoading
-                }
-                style={{ alignSelf: "flex-start" }}
-              >
-                {createTestMutation.isLoading ? "Creating..." : "Create Test"}
-              </Button>
-            </View>
-          </Card>
-
-          {/* Tests List */}
-          <View>
-            <Text size="md" weight="semibold" style={{ marginBottom: 12 }}>
-              Database Records ({tests.data?.length || 0})
-            </Text>
-
-            {tests.isLoading ? (
-              <Card variant="outlined" padding="md">
-                <Text size="sm" style={{ color: "#64748b" }}>
-                  Loading tests...
-                </Text>
-              </Card>
-            ) : tests.data?.length === 0 ? (
-              <Card variant="outlined" padding="md">
-                <Text size="sm" style={{ color: "#64748b" }}>
-                  No tests found. Create one above!
-                </Text>
-              </Card>
-            ) : (
-              <View style={{ gap: 8 }}>
-                {tests.data?.map((test: any) => (
-                  <Card key={test.id} variant="outlined" padding="md">
-                    <View
-                      style={{
-                        flexDirection: "row",
-                        justifyContent: "space-between",
-                        alignItems: "center",
-                      }}
-                    >
-                      <View style={{ flex: 1 }}>
-                        <Text
-                          size="sm"
-                          weight="semibold"
-                          style={{ marginBottom: 4 }}
-                        >
-                          {test.name}
-                        </Text>
-                        <Text
-                          size="sm"
-                          style={{ color: "#64748b", marginBottom: 4 }}
-                        >
-                          {test.message}
-                        </Text>
-                        <Text size="sm" style={{ color: "#10b981" }}>
-                          Status: {test.status} •{" "}
-                          {new Date(test.createdAt).toLocaleDateString()}
-                        </Text>
-                      </View>
-                      <Button
-                        variant="destructive"
-                        size="sm"
-                        onPress={() => handleDeleteTest(test.id)}
-                        disabled={deleteTestMutation.isLoading}
-                      >
-                        Delete
-                      </Button>
-                    </View>
-                  </Card>
-                ))}
-              </View>
-            )}
-          </View>
-        </Card>
-      </View>
-    </Screen>
-  );
-};

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

@@ -1,98 +0,0 @@
-import React from 'react';
-import { NavigatorParam } from '@idealyst/navigation';
-import { Screen, Text, View, Icon } from '@idealyst/components';
-import { HelloWorld } from '../components/HelloWorld';
-
-const HomeScreen = () => (
-  <Screen>
-    <View spacing="lg">
-      <Text size="xl" weight="bold">Home</Text>
-      <Text size="md">Welcome to your {{projectName}} app!</Text>
-      <View spacing="md" style={{ marginTop: 24 }}>
-        <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="md" weight="semibold">API Test</Text>
-        <HelloWorld name="{{projectName}}" />
-      </View>
-    </View>
-  </Screen>
-);
-
-const ProfileScreen = () => (
-  <Screen>
-    <View spacing="lg">
-      <Text size="xl" weight="bold">Profile</Text>
-      <Text size="md">User profile and account settings</Text>
-      <View spacing="md" style={{ marginTop: 24 }}>
-        <Text size="sm">
-          Manage your account details and preferences here.
-        </Text>
-      </View>
-    </View>
-  </Screen>
-);
-
-const SettingsScreen = () => (
-  <Screen>
-    <View spacing="lg">
-      <Text size="xl" weight="bold">Settings</Text>
-      <Text size="md">App configuration and preferences</Text>
-      <View spacing="md" style={{ marginTop: 24 }}>
-        <Text size="sm">
-          Customize your app experience with various settings and options.
-        </Text>
-      </View>
-    </View>
-  </Screen>
-);
-
-const AppRouter: NavigatorParam = {
-  type: 'navigator',
-  path: '/',
-  layout: 'tab',
-  routes: [
-    {
-      type: 'screen',
-      path: '/',
-      component: HomeScreen,
-      options: {
-        title: 'Home',
-        tabBarLabel: 'Home',
-        tabBarIcon: ({ focused, size }) => (
-          <Icon name="home" color={focused ? 'blue' : 'gray'} size={size || 24} />
-        ),
-      },
-    },
-    {
-      type: 'screen',
-      path: '/profile',
-      component: ProfileScreen,
-      options: {
-        title: 'Profile',
-        tabBarLabel: 'Profile',
-        tabBarIcon: ({ focused, size }) => (
-          <Icon name="account" color={focused ? 'blue' : 'gray'} size={size || 24} />
-        ),
-      },
-    },
-    {
-      type: 'screen',
-      path: '/settings',
-      component: SettingsScreen,
-      options: {
-        title: 'Settings',
-        tabBarLabel: 'Settings', 
-        tabBarIcon: ({ focused, size }) => (
-          <Icon name="cog" color={focused ? 'blue' : 'gray'} size={size || 24} />
-        ),
-      },
-    },
-  ],
-};
-
-export default AppRouter;

package/dist/templates/web/package.json

@@ -1,66 +0,0 @@
-{
-  "name": "{{packageName}}",
-  "version": "{{version}}",
-  "description": "{{description}}",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage"
-  },
-  "dependencies": {
-    "@idealyst/components": "^{{idealystVersion}}",
-    "@idealyst/navigation": "^{{idealystVersion}}",
-    "@idealyst/theme": "^{{idealystVersion}}",
-    "@mdi/js": "^7.4.47",
-    "@mdi/react": "^1.6.1",
-    "@react-native/normalize-colors": "^0.80.1",
-    "@tanstack/react-query": "^5.83.0",
-    "@trpc/client": "^11.5.1",
-    "@trpc/react-query": "^11.5.1",
-    "@trpc/server": "^11.5.1",
-    "@types/react-router-dom": "^5.3.3",
-    "compression": "^1.7.4",
-    "express": "^4.18.2",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-native": "^0.80.1",
-    "react-native-edge-to-edge": "^1.6.2",
-    "react-native-nitro-modules": "0.30.0",
-    "react-native-unistyles": "^3.0.10",
-    "react-native-web": "^0.20.0",
-    "react-router": "^7.6.3",
-    "react-router-dom": "^7.6.3",
-    "sirv": "^2.0.4"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.28.0",
-    "@babel/preset-env": "^7.28.0",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/compression": "^1.7.5",
-    "@types/express": "^4.17.21",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.0",
-    "@typescript-eslint/eslint-plugin": "^7.2.0",
-    "@typescript-eslint/parser": "^7.2.0",
-    "@vitejs/plugin-react": "^4.6.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.6",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0",
-    "vite-plugin-babel": "^1.3.2"
-  }
-} 

package/dist/templates/web/src/App.tsx

@@ -1,14 +0,0 @@
-import { BrowserRouter } from 'react-router-dom';
-import { App } from '@{{workspaceScope}}/shared';
-
-function WebApp() {
-  return (
-    <div className="App">
-      <BrowserRouter>
-        <App />
-      </BrowserRouter>
-    </div>
-  );  
-}
-
-export default WebApp; 

package/dist/templates/workspace/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "{{packageName}}",
-  "version": "{{version}}",
-  "description": "{{description}}",
-  "private": true,
-  "workspaces": [
-    "packages/*"
-  ],
-  "packageManager": "yarn@4.1.0",
-  "scripts": {
-    "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",
-    "test:runner": "node scripts/test-runner.js",
-    "test:help": "node scripts/test-runner.js help",
-    "publish:all": "yarn workspaces foreach --include '@/*' npm publish",
-    "version:patch": "yarn workspaces foreach --include '@/*' version patch",
-    "version:minor": "yarn workspaces foreach --include '@/*' version minor",
-    "version:major": "yarn workspaces foreach --include '@/*' version major",
-    "build:all": "yarn workspaces foreach --include '@/*' run build",
-    "lint:all": "yarn workspaces foreach --include '@/*' run lint",
-    "type-check:all": "yarn workspaces foreach --include '@/*' 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",
-    "@types/jest": "^29.5.12",
-    "jest": "^29.7.0",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.0.0"
-  }
-} 

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

@@ -1,2 +0,0 @@
-import { GenerateProjectOptions } from '../types';
-export declare function generateApiProject(options: GenerateProjectOptions): Promise<void>;

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

@@ -1,2 +0,0 @@
-import { GenerateProjectOptions } from '../types';
-export declare function generateDatabaseProject(options: GenerateProjectOptions): Promise<void>;

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

@@ -1,2 +0,0 @@
-import { GenerateProjectOptions } from '../types';
-export declare function generateFullStackWorkspace(options: GenerateProjectOptions): Promise<void>;

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

@@ -1,2 +0,0 @@
-import { GenerateProjectOptions } from '../types';
-export declare function generateNativeProject(options: GenerateProjectOptions): Promise<void>;

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

@@ -1,2 +0,0 @@
-import { GenerateProjectOptions } from '../types';
-export declare function generateSharedLibrary(options: GenerateProjectOptions): Promise<void>;

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

@@ -1,2 +0,0 @@
-import { GenerateProjectOptions } from '../types';
-export declare function generateWebProject(options: GenerateProjectOptions): Promise<void>;

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

@@ -1,2 +0,0 @@
-import { GenerateProjectOptions } from '../types';
-export declare function generateWorkspace(options: GenerateProjectOptions): Promise<void>;

package/templates/api/.env.example

@@ -1,6 +0,0 @@
-# Server Configuration
-PORT=3000
-NODE_ENV=development
-
-# Add your environment variables here
-# Example: API keys, external service URLs, etc.