@idealyst/cli 1.0.89 → 1.0.90

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

@@ -1,164 +0,0 @@
-import React, { useState } from 'react';
-import { View, Text, Card, Button, Input } from '@idealyst/components';
-import { trpc } from '../utils/trpc';
-
-export const TestDemo: React.FC = () => {
-  const [newTestName, setNewTestName] = useState('');
-  const [newTestMessage, setNewTestMessage] = useState('');
-
-  // tRPC queries and mutations
-  const { data: tests, isLoading, refetch } = trpc.test.getAll.useQuery();
-  const createTestMutation = trpc.test.create.useMutation({
-    onSuccess: () => {
-      refetch();
-      setNewTestName('');
-      setNewTestMessage('');
-    },
-  });
-  const deleteTestMutation = trpc.test.delete.useMutation({
-    onSuccess: () => {
-      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 });
-  };
-
-  if (isLoading) {
-    return (
-      <Card variant="outlined" padding="lg">
-        <Text size="md">Loading tests...</Text>
-      </Card>
-    );
-  }
-
-  return (
-    <View style={{ gap: 16 }}>
-      {/* Header */}
-      <Card variant="elevated" padding="lg" intent="primary">
-        <View style={{ alignItems: 'center' }}>
-          <Text style={{ fontSize: 24, marginBottom: 8 }}>🧪</Text>
-          <Text size="lg" weight="bold" style={{ marginBottom: 8, textAlign: 'center' }}>
-            tRPC + Database Test
-          </Text>
-          <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="lg">
-        <Text size="md" weight="bold" style={{ marginBottom: 16 }}>
-          Create New Test
-        </Text>
-        
-        <View style={{ gap: 12 }}>
-          <Input
-            label="Test Name"
-            value={newTestName}
-            onChangeText={setNewTestName}
-            placeholder="Enter test name"
-          />
-          <Input
-            label="Test Message"
-            value={newTestMessage}
-            onChangeText={setNewTestMessage}
-            placeholder="Enter test message"
-            multiline
-          />
-          <Button
-            variant="contained"
-            intent="primary"
-            onPress={handleCreateTest}
-            disabled={!newTestName || !newTestMessage || createTestMutation.isPending}
-          >
-            {createTestMutation.isPending ? 'Creating...' : 'Create Test'}
-          </Button>
-        </View>
-      </Card>
-
-      {/* Test Results */}
-      <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="md">
-                <View style={{ 
-                  flexDirection: 'row', 
-                  justifyContent: 'space-between', 
-                  alignItems: 'flex-start',
-                  gap: 12
-                }}>
-                  <View style={{ flex: 1 }}>
-                    <Text size="md" weight="semibold" style={{ marginBottom: 4 }}>
-                      {test.name}
-                    </Text>
-                    <Text size="sm" style={{ marginBottom: 8, opacity: 0.8 }}>
-                      {test.message}
-                    </Text>
-                    <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-                      <Card 
-                        variant="filled" 
-                        padding="sm" 
-                        intent={test.status === 'active' ? 'success' : 'neutral'}
-                      >
-                        <Text size="sm" weight="semibold">
-                          {test.status}
-                        </Text>
-                      </Card>
-                      <Text size="sm" style={{ opacity: 0.6 }}>
-                        {new Date(test.createdAt).toLocaleDateString()}
-                      </Text>
-                    </View>
-                  </View>
-                  <Button
-                    variant="outlined"
-                    intent="error"
-                    size="sm"
-                    onPress={() => handleDeleteTest(test.id)}
-                    disabled={deleteTestMutation.isPending}
-                  >
-                    Delete
-                  </Button>
-                </View>
-              </Card>
-            ))}
-          </View>
-        ) : (
-          <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>
-        )}
-      </Card>
-
-      {/* Type Safety Info */}
-      <Card variant="filled" intent="success" padding="md">
-        <Text size="sm" weight="semibold" style={{ marginBottom: 4 }}>
-          ✨ Type Safety Features:
-        </Text>
-        <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>
-      </Card>
-    </View>
-  );
-};

package/templates/web/src/main.tsx

@@ -1,25 +0,0 @@
-import '@idealyst/navigation/examples/unistyles';
-
-import * as React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App.tsx';
-
-// Hydrate the app if it's SSR, otherwise render normally
-const container = document.getElementById('root')!;
-
-if (container.hasChildNodes()) {
-  // If the container has child nodes, it means we're hydrating SSR content
-  ReactDOM.hydrateRoot(container, 
-    <React.StrictMode>
-        <App />
-    </React.StrictMode>
-  );
-} else {
-  // Otherwise, render normally (for development)
-  const root = ReactDOM.createRoot(container);
-  root.render(
-    <React.StrictMode>
-        <App />
-    </React.StrictMode>
-  );
-} 

package/templates/web/src/utils/trpc.ts

@@ -1,7 +0,0 @@
-// Import tRPC client utilities from shared package
-export { 
-  trpc, 
-  createTRPCClient, 
-  createVanillaTRPCClient 
-} from '@{{workspaceScope}}/shared';
-export type { TRPCClientConfig, AppRouter } from '@{{workspaceScope}}/shared'; 

package/templates/web/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedIndexedAccess": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"],
-      "react-native": ["node_modules/react-native-web"]
-    },
-    "types": ["vite/client"]
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-} 

package/templates/web/vite.config.ts

@@ -1,98 +0,0 @@
-import react from "@vitejs/plugin-react";
-import path from "path";
-import { defineConfig } from "vite";
-import babel from "vite-plugin-babel";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    babel({
-      filter: (id) =>
-        id.includes("node_modules/@idealyst/") ||
-        (id.includes("/packages/") &&
-          !id.includes("/packages/web/") &&
-          /\.(tsx?|jsx?)$/.test(id)),
-      babelConfig: {
-        presets: [
-          ["@babel/preset-react", { runtime: "automatic" }],
-          [
-            "@babel/preset-typescript",
-            {
-              isTSX: true,
-              allExtensions: true,
-            },
-          ],
-        ],
-        plugins: [
-          [
-            "react-native-unistyles/plugin",
-            {
-              root: "src",
-              autoProcessPaths: [
-                "@idealyst/components",
-                "@idealyst/navigation",
-                "@idealyst/theme",
-              ],
-            },
-          ],
-          ["@idealyst/components/plugin/web", { root: "src" }],
-        ],
-      },
-    }),
-    // Then process everything else with React plugin
-    react(),
-  ],
-  resolve: {
-    alias: {
-      // Use absolute path to resolve react-native-web properly
-      "react-native": path.resolve(__dirname, "node_modules/react-native-web"),
-      "@react-native/normalize-colors": path.resolve(
-        __dirname,
-        "../../node_modules/@react-native/normalize-colors"
-      ),
-    },
-    // Platform-specific file resolution
-    extensions: [".web.tsx", ".web.ts", ".tsx", ".ts", ".js", ".jsx"],
-    // Ensure proper resolution of package exports
-    conditions: ["browser", "import", "module", "default"],
-    // Ensure workspace dependencies resolve properly
-    preserveSymlinks: false,
-  },
-  define: {
-    global: "globalThis",
-    __DEV__: JSON.stringify(true),
-  },
-  optimizeDeps: {
-    include: [
-      "react-native-web",
-      "react-native-unistyles",
-      "react-native-unistyles/web",
-      "@mdi/react",
-      "@mdi/js",
-    ],
-    exclude: [
-      "react-native-edge-to-edge",
-      "react-native-nitro-modules",
-      "@idealyst/components",
-      "@idealyst/navigation",
-      "@idealyst/theme",
-      "@test/shared",
-    ],
-    esbuildOptions: {
-      loader: {
-        ".tsx": "tsx",
-        ".ts": "ts",
-        ".jsx": "jsx",
-        ".js": "jsx", // Important: treat .js files as JSX for React Native compatibility
-      },
-      alias: {
-        "react-native": path.resolve(__dirname, "node_modules/react-native-web"),
-        "@react-native/normalize-colors": path.resolve(__dirname, "../../node_modules/@react-native/normalize-colors"),
-      },
-    },
-  },
-  server: {
-    host: "0.0.0.0",
-    port: 5173,
-  },
-});

package/templates/workspace/.devcontainer/Dockerfile

@@ -1,26 +0,0 @@
-FROM node:20-bullseye
-
-# Install additional tools including gosu for proper user switching
-RUN apt-get update && apt-get install -y \
-    git \
-    postgresql-client \
-    && rm -rf /var/lib/apt/lists/*
-
-# Enable corepack for yarn
-RUN corepack enable
-
-# Install global tools that might be useful
-RUN npm install -g @expo/cli @anthropic-ai/claude-code
-
-# Set up git (will be configured in setup script)
-RUN git config --global init.defaultBranch main
-
-# Create workspace directory
-RUN mkdir -p /workspace
-WORKDIR /workspace
-RUN chown -R node:node /workspace
-
-# Note: We don't switch to node user here anymore - entrypoint.sh will do it
-# This allows the entrypoint to fix permissions as root first
-
-USER node

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

@@ -1,113 +0,0 @@
-{
-  "name": "{{projectName}} Development",
-  "dockerComposeFile": "docker-compose.yml",
-  "service": "app",
-  "workspaceFolder": "/workspace",
-
-  // Forward ports
-  "forwardPorts": [
-    3000,  // Api server
-    5173,  // Vite dev server
-    8081,  // Metro Bundler
-    19006, // Expo dev tools
-    5432,  // PostgreSQL
-    6379,   // Redis
-    3333    // Figma MCP server
-  ],
-
-  // Port attributes
-  "portsAttributes": {
-    "3000": {
-      "label": "API Server",
-      "onAutoForward": "notify"
-    },
-    "5173": {
-      "label": "Vite Dev Server",
-      "onAutoForward": "openBrowser"
-    },
-    "8081": {
-      "label": "Metro Bundler",
-      "onAutoForward": "notify"
-    },
-    "19006": {
-      "label": "Expo Dev Tools",
-      "onAutoForward": "openBrowser"
-    },
-    "5432": {
-      "label": "PostgreSQL Database",
-      "onAutoForward": "silent"
-    },
-    "6379": {
-      "label": "Redis Cache",
-      "onAutoForward": "silent"
-    },
-    "3333": {
-      "label": "Figma MCP Server",
-      "onAutoForward": "openBrowser"
-    }
-  },
-
-  // VS Code customizations
-  "customizations": {
-    "vscode": {
-      "extensions": [
-        // React Native/React development
-        "ms-vscode.vscode-react-native",
-        "msjsdiag.vscode-react-native",
-
-        // TypeScript/JavaScript
-        "ms-vscode.vscode-typescript-next",
-        "dbaeumer.vscode-eslint",
-        "esbenp.prettier-vscode",
-        "bradlc.vscode-tailwindcss",
-
-        // General development
-        "ms-vscode.vscode-json",
-        "redhat.vscode-yaml",
-        "ms-vscode.vscode-docker",
-        "ms-vscode.vscode-markdown",
-        "christian-kohler.path-intellisense",
-        "formulahendry.auto-rename-tag",
-
-        // Testing
-        "orta.vscode-jest",
-        "ms-vscode.test-adapter-converter",
-
-        // Git
-        "mhutchie.git-graph",
-        "eamodio.gitlens",
-        "github.vscode-pull-request-github",
-        "github.copilot",
-        "github.copilot-chat"
-      ],
-      "settings": {
-        "terminal.integrated.defaultProfile.linux": "bash",
-        "typescript.preferences.includePackageJsonAutoImports": "auto",
-        "editor.formatOnSave": true,
-        "editor.defaultFormatter": "esbenp.prettier-vscode",
-        "editor.codeActionsOnSave": {
-          "source.fixAll.eslint": "explicit",
-          "source.organizeImports": "explicit"
-        },
-        "files.watcherExclude": {
-          "**/node_modules/**": true,
-          "**/.git/**": true,
-          "**/dist/**": true,
-          "**/coverage/**": true
-        },
-        "search.exclude": {
-          "**/node_modules": true,
-          "**/dist": true,
-          "**/coverage": true,
-          "**/.yarn": true
-        },
-        "jest.jestCommandLine": "yarn test",
-        "jest.autoRun": "off"
-      }
-    }
-  },
-  "remoteUser": "node",
-
-  // Post-create command to set up the development environment
-  "postCreateCommand": "bash .devcontainer/setup.sh"
-}

package/templates/workspace/.devcontainer/docker-compose.yml

@@ -1,59 +0,0 @@
-services:
-  # PostgreSQL Database
-  postgres:
-    image: postgres:15-alpine
-    environment:
-      POSTGRES_DB: idealyst_db
-      POSTGRES_USER: postgres
-      POSTGRES_PASSWORD: postgres
-    ports:
-      - "5432:5432"
-    volumes:
-      - postgres_data:/var/lib/postgresql/data
-
-  # Redis Cache
-  redis:
-    image: redis:7-alpine
-    ports:
-      - "6379:6379"
-    volumes:
-      - redis_data:/data
-
-  # Development Service (for devcontainer)
-  app:
-    build:
-      context: .
-      dockerfile: Dockerfile
-    environment:
-      NODE_ENV: development
-      DATABASE_URL: postgresql://postgres:postgres@postgres:5432/idealyst_db
-      REDIS_URL: redis://redis:6379
-    ports:
-      - "3000:3000"
-      - "5173:5173"
-      - "8081:8081"
-      - "19006:19006"
-    volumes:
-      - ..:/workspace
-    depends_on:
-      - postgres
-      - redis
-    command: sleep infinity
-
-  # Figma MCP Server
-  figma-mcp:
-    image: node:18-alpine
-    working_dir: /app
-    environment:
-      - FIGMA_ACCESS_TOKEN=${FIGMA_ACCESS_TOKEN:-}
-    ports:
-      - "3333:3333"
-    volumes:
-      - ./figma-mcp.sh:/app/figma-mcp.sh:ro
-      - figma_mcp_data:/app/node_modules
-    command: ["sh", "/app/figma-mcp.sh"]
-
-volumes:
-  postgres_data:
-  redis_data:
-  figma_mcp_data:

package/templates/workspace/.devcontainer/figma-mcp.sh

@@ -1,32 +0,0 @@
-#!/bin/bash
-set -e
-
-echo "Starting Figma MCP Server..."
-
-# Check if FIGMA_ACCESS_TOKEN is provided
-if [ -z "$FIGMA_ACCESS_TOKEN" ]; then
-    echo "❌ No FIGMA_ACCESS_TOKEN provided"
-    echo "💡 Add your token to .devcontainer/.env to enable Figma integration"
-    echo "   Example: echo 'FIGMA_ACCESS_TOKEN=fig_your_token_here' > .devcontainer/.env"
-    echo ""
-    echo "🔄 Keeping container alive (waiting for token)..."
-    sleep infinity
-    exit 0
-fi
-
-echo "✅ Figma token found, installing figma-developer-mcp..."
-
-# Install figma-developer-mcp if not already installed
-if ! command -v figma-developer-mcp &> /dev/null; then
-    npm install -g figma-developer-mcp
-    echo "📦 figma-developer-mcp installed successfully"
-else
-    echo "📦 figma-developer-mcp already installed"
-fi
-
-echo "🚀 Starting Figma MCP server on port 3333..."
-echo "🎨 Figma designs will be available to AI tools like Claude"
-
-# Start the MCP server with the correct environment variable
-export FIGMA_API_KEY="$FIGMA_ACCESS_TOKEN"
-exec npx figma-developer-mcp --port 3333

package/templates/workspace/.devcontainer/setup.sh

@@ -1,45 +0,0 @@
-#!/bin/bash
-
-echo "🚀 Setting up Idealyst development environment..."
-
-# Create environment file if it doesn't exist
-if [ ! -f ".env" ]; then
-    echo "📝 Creating .env file..."
-    cat > .env << EOF
-# Database Configuration
-DATABASE_URL=postgresql://postgres:postgres@postgres:5432/idealyst_db
-POSTGRES_DB=idealyst_db
-POSTGRES_USER=postgres
-POSTGRES_PASSWORD=postgres
-
-# Redis Configuration
-REDIS_URL=redis://redis:6379
-
-# API Configuration
-API_PORT=3000
-JWT_SECRET=your-jwt-secret-here
-
-# Web Configuration
-WEB_PORT=3000
-
-# Development Configuration
-NODE_ENV=development
-LOG_LEVEL=debug
-
-# Project Configuration
-PROJECT_NAME={{packageName}}
-EOF
-fi
-
-# Wait for database to be ready
-echo "⏳ Waiting for database to be ready..."
-until pg_isready -h postgres -p 5432 -U postgres; do
-    echo "Database is unavailable - sleeping"
-    sleep 1
-done
-
-echo "Add Figma MCP to Claude Code"
-claude mcp add -t sse figma-mcp http://figma-mcp:3333/sse
-
-echo "✅ Development environment is ready!"
-echo "🎉 You can now start developing your Idealyst application!"