@idealyst/cli 1.2.0 → 1.2.1

package/dist/template/packages/mobile/__tests__/components.test.tsx

@@ -1,300 +0,0 @@
-/**
- * Example component tests for React Native
- * @format
- */
-
-import React from 'react';
-import ReactTestRenderer from 'react-test-renderer';
-
-describe('React Native Component Testing Examples', () => {
-  // Example 1: Simple Text Component
-  const SimpleText = ({ text, color = 'black' }: { text: string; color?: string }) => {
-    return React.createElement('Text', { style: { color }, testID: 'simple-text' }, text);
-  };
-
-  describe('SimpleText Component', () => {
-    it('renders text correctly', () => {
-      const tree = ReactTestRenderer.create(<SimpleText text="Hello World" />);
-      const textComponent = tree.root.findByProps({ testID: 'simple-text' });
-      expect(textComponent.children).toEqual(['Hello World']);
-    });
-
-    it('applies custom color', () => {
-      const tree = ReactTestRenderer.create(<SimpleText text="Colored Text" color="red" />);
-      const textComponent = tree.root.findByProps({ testID: 'simple-text' });
-      expect(textComponent.props.style.color).toBe('red');
-    });
-
-    it('uses default color when not specified', () => {
-      const tree = ReactTestRenderer.create(<SimpleText text="Default Color" />);
-      const textComponent = tree.root.findByProps({ testID: 'simple-text' });
-      expect(textComponent.props.style.color).toBe('black');
-    });
-  });
-
-  // Example 2: Button with Press Handler
-  const PressableButton = ({ 
-    title, 
-    onPress, 
-    disabled = false 
-  }: { 
-    title: string; 
-    onPress: () => void; 
-    disabled?: boolean; 
-  }) => {
-    return React.createElement(
-      'TouchableOpacity',
-      {
-        testID: 'pressable-button',
-        onPress: disabled ? undefined : onPress,
-        style: { opacity: disabled ? 0.5 : 1 }
-      },
-      React.createElement('Text', { testID: 'button-text' }, title)
-    );
-  };
-
-  describe('PressableButton Component', () => {
-    it('renders button with title', () => {
-      const mockPress = jest.fn();
-      const tree = ReactTestRenderer.create(
-        <PressableButton title="Press Me" onPress={mockPress} />
-      );
-
-      const buttonText = tree.root.findByProps({ testID: 'button-text' });
-      expect(buttonText.children).toEqual(['Press Me']);
-    });
-
-    it('calls onPress when pressed', () => {
-      const mockPress = jest.fn();
-      const tree = ReactTestRenderer.create(
-        <PressableButton title="Press Me" onPress={mockPress} />
-      );
-
-      const button = tree.root.findByProps({ testID: 'pressable-button' });
-      ReactTestRenderer.act(() => {
-        button.props.onPress();
-      });
-
-      expect(mockPress).toHaveBeenCalledTimes(1);
-    });
-
-    it('does not call onPress when disabled', () => {
-      const mockPress = jest.fn();
-      const tree = ReactTestRenderer.create(
-        <PressableButton title="Disabled" onPress={mockPress} disabled />
-      );
-
-      const button = tree.root.findByProps({ testID: 'pressable-button' });
-      expect(button.props.onPress).toBeUndefined();
-      expect(button.props.style.opacity).toBe(0.5);
-    });
-  });
-
-  // Example 3: List Component
-  const ItemList = ({ items }: { items: string[] }) => {
-    return React.createElement(
-      'FlatList',
-      {
-        testID: 'item-list',
-        data: items,
-        renderItem: ({ item, index }: { item: string; index: number }) =>
-          React.createElement(
-            'View',
-            { key: index, testID: `item-${index}` },
-            React.createElement('Text', { testID: `item-text-${index}` }, item)
-          ),
-        keyExtractor: (item: string, index: number) => `${item}-${index}`
-      }
-    );
-  };
-
-  describe('ItemList Component', () => {
-    it('renders list with items', () => {
-      const items = ['Item 1', 'Item 2', 'Item 3'];
-      const tree = ReactTestRenderer.create(<ItemList items={items} />);
-
-      const flatList = tree.root.findByProps({ testID: 'item-list' });
-      expect(flatList.props.data).toEqual(items);
-    });
-
-    it('generates correct key extractor', () => {
-      const items = ['Apple', 'Banana'];
-      const tree = ReactTestRenderer.create(<ItemList items={items} />);
-
-      const flatList = tree.root.findByProps({ testID: 'item-list' });
-      const keyExtractor = flatList.props.keyExtractor;
-      
-      expect(keyExtractor('Apple', 0)).toBe('Apple-0');
-      expect(keyExtractor('Banana', 1)).toBe('Banana-1');
-    });
-  });
-
-  // Example 4: Form Input Component
-  const TextInput = ({ 
-    value, 
-    onChangeText, 
-    placeholder,
-    secureTextEntry = false 
-  }: { 
-    value: string; 
-    onChangeText: (text: string) => void; 
-    placeholder?: string;
-    secureTextEntry?: boolean;
-  }) => {
-    return React.createElement('TextInput', {
-      testID: 'text-input',
-      value,
-      onChangeText,
-      placeholder,
-      secureTextEntry,
-      style: { borderWidth: 1, padding: 10 }
-    });
-  };
-
-  describe('TextInput Component', () => {
-    it('renders with initial value', () => {
-      const mockChange = jest.fn();
-      const tree = ReactTestRenderer.create(
-        <TextInput value="Initial Value" onChangeText={mockChange} />
-      );
-
-      const input = tree.root.findByProps({ testID: 'text-input' });
-      expect(input.props.value).toBe('Initial Value');
-    });
-
-    it('calls onChangeText when text changes', () => {
-      const mockChange = jest.fn();
-      const tree = ReactTestRenderer.create(
-        <TextInput value="" onChangeText={mockChange} />
-      );
-
-      const input = tree.root.findByProps({ testID: 'text-input' });
-      ReactTestRenderer.act(() => {
-        input.props.onChangeText('New Text');
-      });
-
-      expect(mockChange).toHaveBeenCalledWith('New Text');
-    });
-
-    it('shows placeholder when provided', () => {
-      const mockChange = jest.fn();
-      const tree = ReactTestRenderer.create(
-        <TextInput 
-          value="" 
-          onChangeText={mockChange} 
-          placeholder="Enter text here" 
-        />
-      );
-
-      const input = tree.root.findByProps({ testID: 'text-input' });
-      expect(input.props.placeholder).toBe('Enter text here');
-    });
-
-    it('enables secure text entry when specified', () => {
-      const mockChange = jest.fn();
-      const tree = ReactTestRenderer.create(
-        <TextInput 
-          value="" 
-          onChangeText={mockChange} 
-          secureTextEntry 
-        />
-      );
-
-      const input = tree.root.findByProps({ testID: 'text-input' });
-      expect(input.props.secureTextEntry).toBe(true);
-    });
-  });
-
-  // Example 5: Component with Hooks
-  const Counter = ({ initialValue = 0 }: { initialValue?: number }) => {
-    const [count, setCount] = React.useState(initialValue);
-
-    return React.createElement(
-      'View',
-      { testID: 'counter-container' },
-      React.createElement('Text', { testID: 'counter-value' }, count.toString()),
-      React.createElement(
-        'TouchableOpacity',
-        {
-          testID: 'increment-button',
-          onPress: () => setCount(prev => prev + 1)
-        },
-        React.createElement('Text', null, '+')
-      ),
-      React.createElement(
-        'TouchableOpacity',
-        {
-          testID: 'decrement-button',
-          onPress: () => setCount(prev => prev - 1)
-        },
-        React.createElement('Text', null, '-')
-      ),
-      React.createElement(
-        'TouchableOpacity',
-        {
-          testID: 'reset-button',
-          onPress: () => setCount(initialValue)
-        },
-        React.createElement('Text', null, 'Reset')
-      )
-    );
-  };
-
-  describe('Counter Component', () => {
-    it('renders with initial value', () => {
-      const tree = ReactTestRenderer.create(<Counter initialValue={5} />);
-      const counterValue = tree.root.findByProps({ testID: 'counter-value' });
-      expect(counterValue.children).toEqual(['5']);
-    });
-
-    it('increments counter when increment button is pressed', () => {
-      const tree = ReactTestRenderer.create(<Counter />);
-      const counterValue = tree.root.findByProps({ testID: 'counter-value' });
-      const incrementButton = tree.root.findByProps({ testID: 'increment-button' });
-
-      expect(counterValue.children).toEqual(['0']);
-
-      ReactTestRenderer.act(() => {
-        incrementButton.props.onPress();
-      });
-
-      expect(counterValue.children).toEqual(['1']);
-    });
-
-    it('decrements counter when decrement button is pressed', () => {
-      const tree = ReactTestRenderer.create(<Counter initialValue={10} />);
-      const counterValue = tree.root.findByProps({ testID: 'counter-value' });
-      const decrementButton = tree.root.findByProps({ testID: 'decrement-button' });
-
-      expect(counterValue.children).toEqual(['10']);
-
-      ReactTestRenderer.act(() => {
-        decrementButton.props.onPress();
-      });
-
-      expect(counterValue.children).toEqual(['9']);
-    });
-
-    it('resets counter to initial value when reset is pressed', () => {
-      const tree = ReactTestRenderer.create(<Counter initialValue={5} />);
-      const counterValue = tree.root.findByProps({ testID: 'counter-value' });
-      const incrementButton = tree.root.findByProps({ testID: 'increment-button' });
-      const resetButton = tree.root.findByProps({ testID: 'reset-button' });
-
-      // Increment a few times
-      ReactTestRenderer.act(() => {
-        incrementButton.props.onPress();
-        incrementButton.props.onPress();
-      });
-
-      expect(counterValue.children).toEqual(['7']);
-
-      // Reset
-      ReactTestRenderer.act(() => {
-        resetButton.props.onPress();
-      });
-
-      expect(counterValue.children).toEqual(['5']);
-    });
-  });
-});

package/dist/template/packages/mobile/app.json

@@ -1,5 +0,0 @@
-{
-  "name": "{{appName}}",
-  "displayName": "{{appName}}",
-  "react-native-version": "0.80.1"
-} 

package/dist/template/packages/mobile/babel.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-  presets: ['module:@react-native/babel-preset'],
-  plugins: [
-    ['react-native-unistyles/plugin', {
-      root: 'src',
-      autoProcessPaths: ['@idealyst/components', '@idealyst/navigation', '@idealyst/theme'],
-    }],
-    'react-native-reanimated/plugin'
-  ],
-};

package/dist/template/packages/mobile/gitignore.template

@@ -1,73 +0,0 @@
-# Dependencies
-node_modules/
-
-# React Native
-
-# Xcode
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-project.xcworkspace
-
-# Android/IntelliJ
-build/
-.idea
-.gradle
-local.properties
-*.iml
-*.hprof
-.cxx/
-
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
-# Bundle artifacts
-*.jsbundle
-
-# CocoaPods
-/ios/Pods/
-
-# Environment variables
-.env
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-# Logs
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Coverage
-coverage/
-*.lcov
-.nyc_output
-
-# Metro
-.metro-health-check*
-
-# IDE
-.vscode/
-*.swp
-*.swo
-*~
-
-# OS
-.DS_Store
-Thumbs.db

package/dist/template/packages/mobile/index.js

@@ -1,6 +0,0 @@
-import '@idealyst/theme/unistyles';
-
-import { AppRegistry } from 'react-native';
-import App from './src/App';
-
-AppRegistry.registerComponent('{{projectName}}', () => App); 

package/dist/template/packages/mobile/jest.config.js

@@ -1,21 +0,0 @@
-module.exports = {
-  preset: 'react-native',
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-  testMatch: [
-    '**/__tests__/**/*.{ts,tsx,js}',
-    '**/*.{test,spec}.{ts,tsx,js}'
-  ],
-  transform: {
-    '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
-  },
-  transformIgnorePatterns: [
-    'node_modules/(?!(react-native|@react-native|@idealyst)/)',
-  ],
-  collectCoverageFrom: [
-    'src/**/*.{ts,tsx}',
-    '!src/**/*.d.ts',
-    '!src/**/index.ts',
-  ],
-  coverageDirectory: 'coverage',
-  testEnvironment: 'jsdom',
-};

package/dist/template/packages/mobile/jest.setup.js

@@ -1,12 +0,0 @@
-// Global test setup for React Native tests
-import 'react-native-gesture-handler/jestSetup';
-
-// Mock react-native modules that are not available in test environment
-jest.mock('react-native-reanimated', () => {
-  const Reanimated = require('react-native-reanimated/mock');
-  Reanimated.default.call = () => {};
-  return Reanimated;
-});
-
-// Silence the warning: Animated: `useNativeDriver` is not supported
-jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');

package/dist/template/packages/mobile/metro.config.js

@@ -1,36 +0,0 @@
-const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-const path = require('path');
-
-const { wrapWithReanimatedMetroConfig } = require('react-native-reanimated/metro-config');
-
-const config = {
-  projectRoot: __dirname,
-  watchFolders: [
-    // 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 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'],
-    extraNodeModules: {
-      // Redirect react and react-native imports to the local node_modules
-      react: path.resolve(__dirname, 'node_modules/react'),
-      'react-native': path.resolve(__dirname, 'node_modules/react-native'),
-      // Ensure Idealyst packages use mobile's node_modules
-      '@idealyst/components': path.resolve(__dirname, 'node_modules/@idealyst/components'),
-      '@idealyst/navigation': path.resolve(__dirname, 'node_modules/@idealyst/navigation'),
-      '@idealyst/theme': path.resolve(__dirname, 'node_modules/@idealyst/theme'),
-    },
-  },
-  watcher: {
-    // When configuring custom components with .native extensions, make sure the watcher looks for them
-    additionalExts: ['native.tsx', 'native.ts', 'native.jsx', 'native.js'],
-  },
-};
-
-module.exports = wrapWithReanimatedMetroConfig(mergeConfig(getDefaultConfig(__dirname), config));

package/dist/template/packages/mobile/package.json

@@ -1,60 +0,0 @@
-{
-  "name": "@{{workspaceScope}}/mobile",
-  "version": "{{version}}",
-  "description": "{{description}}",
-  "private": true,
-  "scripts": {
-    "start": "react-native start",
-    "ios": "react-native run-ios",
-    "android": "react-native run-android",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
-  },
-  "dependencies": {
-    "@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": "^19.2.0",
-    "react-native": "^0.83.1",
-    "react-native-edge-to-edge": "^1.6.2",
-    "react-native-gesture-handler": "^2.27.1",
-    "react-native-nitro-modules": "^0.30.0",
-    "react-native-reanimated": "^4.1.3",
-    "react-native-safe-area-context": "^5.5.1",
-    "react-native-screens": "^4.11.1",
-    "react-native-svg": "^15.8.0",
-    "react-native-unistyles": "^3.0.4",
-    "react-native-vector-icons": "^10.2.0",
-    "react-native-worklets": "^0.6.1"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/runtime": "^7.20.0",
-    "@react-native/babel-preset": "^0.83.0",
-    "@react-native/eslint-config": "^0.83.0",
-    "@react-native/metro-config": "^0.83.0",
-    "@react-native/typescript-config": "^0.83.0",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^19.2.0",
-    "@types/react-test-renderer": "^19.0.0",
-    "eslint": "^8.19.0",
-    "jest": "^29.6.3",
-    "metro-react-native-babel-preset": "^0.76.8",
-    "prettier": "^2.4.1",
-    "react-test-renderer": "^19.2.0",
-    "typescript": "^5.0.4"
-  },
-  "idealyst": {
-    "framework": "react-native",
-    "version": "1.0.3"
-  }
-} 

package/dist/template/packages/mobile/src/App.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { App } from '@{{workspaceScope}}/shared';
-
-function NativeApp() {
-  return <App />;
-}
-
-export default NativeApp;

package/dist/template/packages/mobile/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/dist/template/packages/mobile/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "extends": "@react-native/typescript-config/tsconfig.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "jsx": "react-native",
-    "lib": ["es2017"],
-    "noEmit": true,
-    "strict": true,
-    "target": "esnext",
-    "skipLibCheck": true,
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "src/**/*",
-    "index.js"
-  ],
-  "exclude": [
-    "node_modules",
-    "android",
-    "ios"
-  ]
-}