@idealyst/cli 1.0.88 → 1.0.90

package/templates/native/README.md

@@ -1,86 +0,0 @@
-# {{projectName}}
-
-{{description}}
-
-## Getting Started
-
-This is a React Native application built with the Idealyst Framework.
-
-### Prerequisites
-
-- Node.js 18+
-- Yarn
-- React Native development environment
-- Android Studio (for Android development)
-- Xcode (for iOS development)
-
-### Installation
-
-Install dependencies:
-```bash
-yarn install
-```
-
-### Running the App
-
-Start the Metro bundler:
-```bash
-yarn start
-```
-
-Run on Android:
-```bash
-yarn android
-```
-
-Run on iOS:
-```bash
-yarn ios
-```
-
-### Project Structure
-
-```
-{{projectName}}/
-├── src/
-│   └── App.tsx        # Main app component
-├── android/           # Android-specific code
-├── ios/               # iOS-specific code
-├── babel.config.js    # Babel configuration
-├── metro.config.js    # Metro configuration
-└── tsconfig.json      # TypeScript configuration
-```
-
-### Features
-
-- **Idealyst Components**: Pre-built UI components
-- **Idealyst Navigation**: Cross-platform navigation
-- **Idealyst Theme**: Consistent theming system
-- **TypeScript**: Full type safety
-- **React Native 0.80.1**: Latest stable version
-
-### Development
-
-The app uses the Idealyst Framework for consistent UI and navigation across platforms.
-
-Edit `src/App.tsx` to start building your application.
-
-### Building for Production
-
-Build Android APK:
-```bash
-yarn build:android
-```
-
-### Testing
-
-Run tests:
-```bash
-yarn test
-```
-
-### Learn More
-
-- [Idealyst Framework Documentation](https://github.com/your-username/idealyst-framework)
-- [React Native Documentation](https://reactnative.dev/)
-- [TypeScript Documentation](https://www.typescriptlang.org/) 

package/templates/native/__tests__/App.test.tsx

@@ -1,156 +0,0 @@
-/**
- * @format
- */
-
-import React from 'react';
-import ReactTestRenderer from 'react-test-renderer';
-import App from '../App';
-
-// Mock the NavigatorProvider to avoid complex navigation setup
-jest.mock('@idealyst/navigation', () => ({
-  NavigatorProvider: ({ children }: { children?: React.ReactNode }) => (
-    React.createElement('View', { testID: 'navigator-provider' }, children || 'Navigator Content')
-  ),
-}));
-
-jest.mock('@idealyst/navigation/examples', () => ({
-  ExampleStackRouter: {},
-}));
-
-describe('App Component', () => {
-  it('renders correctly', async () => {
-    let component: ReactTestRenderer.ReactTestRenderer;
-    
-    await ReactTestRenderer.act(() => {
-      component = ReactTestRenderer.create(<App />);
-    });
-    
-    expect(component!).toBeDefined();
-    expect(component!.toJSON()).toMatchSnapshot();
-  });
-
-  it('renders without crashing', () => {
-    const tree = ReactTestRenderer.create(<App />);
-    expect(tree).toBeDefined();
-    expect(tree.root).toBeDefined();
-  });
-
-  it('contains NavigatorProvider', () => {
-    const tree = ReactTestRenderer.create(<App />);
-    const navigatorProvider = tree.root.findByProps({ testID: 'navigator-provider' });
-    expect(navigatorProvider).toBeDefined();
-  });
-
-  it('has proper SafeAreaView structure', () => {
-    const tree = ReactTestRenderer.create(<App />);
-    const safeAreaView = tree.root.findByType('SafeAreaView');
-    expect(safeAreaView).toBeDefined();
-    expect(safeAreaView.props.style).toEqual({ flex: 1 });
-  });
-});
-
-describe('Sample Component Tests', () => {
-  // Example of testing a simple functional component
-  const SimpleButton = ({ title, onPress, disabled = false }: {
-    title: string;
-    onPress: () => void;
-    disabled?: boolean;
-  }) => {
-    return React.createElement(
-      'TouchableOpacity',
-      {
-        testID: 'simple-button',
-        onPress: disabled ? undefined : onPress,
-        style: { opacity: disabled ? 0.5 : 1 }
-      },
-      React.createElement('Text', null, title)
-    );
-  };
-
-  it('renders button with correct title', () => {
-    const mockPress = jest.fn();
-    const tree = ReactTestRenderer.create(
-      <SimpleButton title="Test Button" onPress={mockPress} />
-    );
-    
-    const textElement = tree.root.findByType('Text');
-    expect(textElement.children).toEqual(['Test Button']);
-  });
-
-  it('handles press events', () => {
-    const mockPress = jest.fn();
-    const tree = ReactTestRenderer.create(
-      <SimpleButton title="Test Button" onPress={mockPress} />
-    );
-    
-    const button = tree.root.findByProps({ testID: 'simple-button' });
-    ReactTestRenderer.act(() => {
-      button.props.onPress();
-    });
-    
-    expect(mockPress).toHaveBeenCalledTimes(1);
-  });
-
-  it('disables button when disabled prop is true', () => {
-    const mockPress = jest.fn();
-    const tree = ReactTestRenderer.create(
-      <SimpleButton title="Disabled Button" onPress={mockPress} disabled={true} />
-    );
-    
-    const button = tree.root.findByProps({ testID: 'simple-button' });
-    expect(button.props.onPress).toBeUndefined();
-    expect(button.props.style.opacity).toBe(0.5);
-  });
-
-  it('handles component state changes', () => {
-    const StatefulComponent = () => {
-      const [count, setCount] = React.useState(0);
-      
-      return React.createElement(
-        'View',
-        { testID: 'stateful-component' },
-        React.createElement('Text', { testID: 'count' }, count.toString()),
-        React.createElement(
-          'TouchableOpacity',
-          {
-            testID: 'increment-button',
-            onPress: () => setCount(c => c + 1)
-          },
-          React.createElement('Text', null, 'Increment')
-        )
-      );
-    };
-
-    const tree = ReactTestRenderer.create(<StatefulComponent />);
-    
-    // Check initial state
-    const countText = tree.root.findByProps({ testID: 'count' });
-    expect(countText.children).toEqual(['0']);
-    
-    // Simulate button press
-    const incrementButton = tree.root.findByProps({ testID: 'increment-button' });
-    ReactTestRenderer.act(() => {
-      incrementButton.props.onPress();
-    });
-    
-    // Check updated state
-    expect(countText.children).toEqual(['1']);
-  });
-});
-
-describe('Sample Native Tests', () => {
-  it('should pass a basic test', () => {
-    expect(1 + 1).toBe(2);
-  });
-
-  it('should handle string operations', () => {
-    const greeting = 'Hello World';
-    expect(greeting).toContain('World');
-  });
-
-  it('should work with arrays', () => {
-    const items = [1, 2, 3];
-    expect(items).toHaveLength(3);
-    expect(items).toContain(2);
-  });
-});

package/templates/native/__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/templates/native/app.json

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

package/templates/native/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/templates/native/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/templates/native/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/templates/native/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/templates/native/src/App-with-trpc.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { NavigatorProvider } from '@idealyst/navigation';
-import { trpc, createTRPCClient, AppRouter } from '{{workspaceScope}}/shared';
-
-// Create tRPC client using shared factory
-const queryClient = new QueryClient();
-
-const trpcClient = createTRPCClient({
-  apiUrl: 'http://localhost:3000/trpc', // Update this to your API URL
-  // For device testing, you might need: 'http://192.168.1.xxx:3000/trpc'
-  // Optional: Add headers for authentication
-  // headers() {
-  //   return {
-  //     authorization: getAuthToken(),
-  //   };
-  // },
-});
-
-function App() {
-  return (
-    <trpc.Provider client={trpcClient} queryClient={queryClient}>
-      <QueryClientProvider client={queryClient}>
-        <NavigatorProvider route={AppRouter} />
-      </QueryClientProvider>
-    </trpc.Provider>
-  );
-}
-
-export default App; 

package/templates/native/src/App.tsx

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

package/templates/native/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/native/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"
-  ]
-}