@idealyst/cli 1.0.2

package/templates/native/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "{{packageName}}",
+  "version": "{{version}}",
+  "description": "{{description}}",
+  "private": true,
+  "scripts": {
+    "android": "react-native run-android",
+    "ios": "react-native run-ios",
+    "lint": "eslint .",
+    "start": "react-native start",
+    "test": "jest",
+    "build:android": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res"
+  },
+  "dependencies": {
+    "@idealyst/components": "^1.0.1",
+    "@idealyst/navigation": "^1.0.1",
+    "@idealyst/theme": "^1.0.1",
+    "@react-native-vector-icons/common": "^12.0.1",
+    "@react-native-vector-icons/material-design-icons": "^12.0.1",
+    "@react-native/new-app-screen": "0.80.1",
+    "@react-native/normalize-colors": "^0.80.1",
+    "@react-navigation/bottom-tabs": "^7.4.2",
+    "@react-navigation/drawer": "^7.5.3",
+    "@react-navigation/native": "^7.1.14",
+    "@react-navigation/native-stack": "^7.3.21",
+    "react": "19.1.0",
+    "react-native": "0.80.1",
+    "react-native-edge-to-edge": "^1.6.2",
+    "react-native-gesture-handler": "^2.27.1",
+    "react-native-nitro-modules": "^0.26.3",
+    "react-native-reanimated": "^3.18.0",
+    "react-native-safe-area-context": "^5.5.1",
+    "react-native-screens": "^4.11.1",
+    "react-native-unistyles": "^3.0.4",
+    "react-native-vector-icons": "^10.2.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.27.6",
+    "@react-native-community/cli": "19.0.0",
+    "@react-native-community/cli-platform-android": "19.0.0",
+    "@react-native-community/cli-platform-ios": "19.0.0",
+    "@react-native/babel-preset": "0.80.1",
+    "@react-native/eslint-config": "0.80.1",
+    "@react-native/metro-config": "0.80.1",
+    "@react-native/typescript-config": "0.80.1",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "eslint": "^8.19.0",
+    "jest": "^29.7.0",
+    "metro-react-native-babel-preset": "^0.80.1",
+    "prettier": "^2.8.8",
+    "react-test-renderer": "19.1.0",
+    "typescript": "^5.0.4"
+  },
+  "jest": {
+    "preset": "react-native",
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ]
+  }
+} 

package/templates/native/src/App.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Screen, View, Text, Button } from '@idealyst/components';
+import { UnistylesRegistry } from 'react-native-unistyles';
+import { lightTheme, darkTheme } from '@idealyst/theme';
+
+// Register themes
+UnistylesRegistry.addThemes({
+  light: lightTheme,
+  dark: darkTheme,
+});
+
+const App: React.FC = () => {
+  return (
+    <Screen>
+      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', padding: 20 }}>
+        <Text variant="h1" style={{ marginBottom: 20, textAlign: 'center' }}>
+          Welcome to {{projectName}}
+        </Text>
+        <Text variant="body1" style={{ marginBottom: 30, textAlign: 'center' }}>
+          Built with Idealyst Framework
+        </Text>
+        <Button 
+          title="Get Started" 
+          onPress={() => console.log('Button pressed!')}
+          style={{ marginBottom: 20 }}
+        />
+        <Text variant="caption" style={{ textAlign: 'center', opacity: 0.7 }}>
+          Edit src/App.tsx to start building your app
+        </Text>
+      </View>
+    </Screen>
+  );
+};
+
+export default App; 

package/templates/native/tsconfig.json

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

package/templates/shared/README.md

@@ -0,0 +1,109 @@
+# {{projectName}}
+
+{{description}}
+
+## Getting Started
+
+This is a shared library built with the Idealyst Framework that can be used across React Native and React web applications.
+
+### Prerequisites
+
+- Node.js 18+
+- Yarn
+
+### Installation
+
+Install dependencies:
+```bash
+yarn install
+```
+
+### Development
+
+Build the library:
+```bash
+yarn build
+```
+
+Watch for changes during development:
+```bash
+yarn dev
+```
+
+### Project Structure
+
+```
+{{projectName}}/
+├── src/
+│   ├── components/    # Shared components
+│   ├── utils/         # Utility functions
+│   ├── types/         # TypeScript types
+│   └── index.ts       # Main export file
+├── dist/              # Built library (generated)
+├── rollup.config.js   # Build configuration
+└── tsconfig.json      # TypeScript configuration
+```
+
+### Features
+
+- **Cross-platform**: Works on both React Native and React web
+- **TypeScript**: Full type safety
+- **Tree-shakeable**: Optimized for bundle size
+- **Peer Dependencies**: Lightweight by design
+- **Idealyst Theme Integration**: Compatible with the Idealyst theming system
+
+### Usage
+
+After building, you can import and use the library in your projects:
+
+```tsx
+import { SharedComponent, toTitleCase, ComponentProps } from '{{packageName}}';
+
+// Use the shared component
+<SharedComponent 
+  title="Hello World" 
+  description="This works on both web and mobile!" 
+/>
+
+// Use utility functions
+const formatted = toTitleCase('hello world'); // "Hello World"
+```
+
+### Building for Production
+
+Build the library:
+```bash
+yarn build
+```
+
+This creates:
+- `dist/index.js` - CommonJS build
+- `dist/index.esm.js` - ES modules build
+- `dist/index.d.ts` - TypeScript declarations
+
+### Publishing
+
+Before publishing, make sure to:
+
+1. Update the version in `package.json`
+2. Build the library: `yarn build`
+3. Publish to npm: `npm publish`
+
+### Development in Monorepo
+
+If you're using this in a monorepo, you can reference it directly:
+
+```json
+{
+  "dependencies": {
+    "{{packageName}}": "workspace:*"
+  }
+}
+```
+
+### Learn More
+
+- [Idealyst Framework Documentation](https://github.com/your-username/idealyst-framework)
+- [React Native Documentation](https://reactnative.dev/)
+- [React Documentation](https://react.dev/)
+- [Rollup Documentation](https://rollupjs.org/) 

package/templates/shared/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "{{packageName}}",
+  "version": "{{version}}",
+  "description": "{{description}}",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "prepublishOnly": "yarn build"
+  },
+  "peerDependencies": {
+    "@idealyst/theme": "^1.0.1",
+    "react": "^19.1.0",
+    "react-native": "^0.80.1"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "react": "^19.1.0",
+    "react-native": "^0.80.1",
+    "rollup": "^3.20.0",
+    "rollup-plugin-typescript2": "^0.34.0",
+    "typescript": "^5.0.0"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "keywords": [
+    "react",
+    "react-native",
+    "cross-platform",
+    "shared",
+    "library"
+  ]
+} 

package/templates/shared/rollup.config.js

@@ -0,0 +1,27 @@
+import typescript from 'rollup-plugin-typescript2';
+
+export default {
+  input: 'src/index.ts',
+  output: [
+    {
+      file: 'dist/index.js',
+      format: 'cjs',
+      exports: 'named'
+    },
+    {
+      file: 'dist/index.esm.js',
+      format: 'es'
+    }
+  ],
+  external: [
+    'react',
+    'react-native',
+    '@idealyst/theme'
+  ],
+  plugins: [
+    typescript({
+      tsconfig: './tsconfig.json',
+      useTsconfigDeclarationDir: true
+    })
+  ]
+}; 

package/templates/shared/src/components/SharedComponent.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+
+interface SharedComponentProps {
+  title: string;
+  description?: string;
+}
+
+export const SharedComponent: React.FC<SharedComponentProps> = ({ 
+  title, 
+  description 
+}) => {
+  return (
+    <View style={{ padding: 16, alignItems: 'center' }}>
+      <Text style={{ fontSize: 18, fontWeight: 'bold', marginBottom: 8 }}>
+        {title}
+      </Text>
+      {description && (
+        <Text style={{ fontSize: 14, color: '#666', textAlign: 'center' }}>
+          {description}
+        </Text>
+      )}
+    </View>
+  );
+}; 

package/templates/shared/src/components/index.ts

@@ -0,0 +1 @@
+export * from './SharedComponent'; 

package/templates/shared/src/index.ts

@@ -0,0 +1,7 @@
+// Export shared components, utilities, and types
+export * from './components';
+export * from './utils';
+export * from './types';
+
+// Re-export theme utilities
+export { useTheme, createStyleSheet } from '@idealyst/theme'; 

package/templates/shared/src/types/index.ts

@@ -0,0 +1,7 @@
+// Basic types for the shared library
+export interface ComponentProps {
+  children?: any;
+  style?: any;
+}
+
+export type Theme = 'light' | 'dark'; 

package/templates/shared/src/utils/helpers.ts

@@ -0,0 +1,32 @@
+/**
+ * Format a string to title case
+ */
+export const toTitleCase = (str: string): string => {
+  return str.replace(/\w\S*/g, (txt) => 
+    txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase()
+  );
+};
+
+/**
+ * Check if a value is empty (null, undefined, empty string, empty array)
+ */
+export const isEmpty = (value: any): boolean => {
+  if (value === null || value === undefined) return true;
+  if (typeof value === 'string' && value.trim() === '') return true;
+  if (Array.isArray(value) && value.length === 0) return true;
+  return false;
+};
+
+/**
+ * Debounce function calls
+ */
+export const debounce = <T extends (...args: any[]) => any>(
+  func: T,
+  delay: number
+): ((...args: Parameters<T>) => void) => {
+  let timeoutId: NodeJS.Timeout;
+  return (...args: Parameters<T>) => {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => func(...args), delay);
+  };
+}; 

package/templates/shared/src/utils/index.ts

@@ -0,0 +1 @@
+export * from './helpers'; 

package/templates/shared/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020"],
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "declarationDir": "./dist",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+} 

package/templates/web/README.md

@@ -0,0 +1,91 @@
+# {{projectName}}
+
+{{description}}
+
+## Getting Started
+
+This is a React web application built with the Idealyst Framework and Vite.
+
+### Prerequisites
+
+- Node.js 18+
+- Yarn
+
+### Installation
+
+Install dependencies:
+```bash
+yarn install
+```
+
+### Development
+
+Start the development server:
+```bash
+yarn dev
+```
+
+The app will be available at `http://localhost:3000`
+
+### Building for Production
+
+Build the app:
+```bash
+yarn build
+```
+
+Preview the production build:
+```bash
+yarn preview
+```
+
+### Project Structure
+
+```
+{{projectName}}/
+├── src/
+│   ├── App.tsx        # Main app component
+│   └── main.tsx       # App entry point
+├── index.html         # HTML template
+├── vite.config.ts     # Vite configuration
+└── tsconfig.json      # TypeScript configuration
+```
+
+### Features
+
+- **Idealyst Components**: Cross-platform UI components
+- **Idealyst Navigation**: Consistent navigation system
+- **Idealyst Theme**: Unified theming across platforms
+- **React 19.1**: Latest React version
+- **Vite**: Fast build tool and dev server
+- **TypeScript**: Full type safety
+- **React Native Web**: Use React Native components on the web
+
+### Development
+
+The app uses the Idealyst Framework for consistent UI and navigation that works across web and mobile platforms.
+
+Edit `src/App.tsx` to start building your application.
+
+### Styling
+
+The app uses Unistyles for cross-platform styling. You can create styles that work on both web and mobile:
+
+```tsx
+import { createStyleSheet } from 'react-native-unistyles';
+
+const styles = createStyleSheet({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+```
+
+### Learn More
+
+- [Idealyst Framework Documentation](https://github.com/your-username/idealyst-framework)
+- [React Documentation](https://react.dev/)
+- [Vite Documentation](https://vitejs.dev/)
+- [React Native Web Documentation](https://necolas.github.io/react-native-web/) 

package/templates/web/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{projectName}}</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html> 

package/templates/web/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "{{packageName}}",
+  "version": "{{version}}",
+  "description": "{{description}}",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@idealyst/components": "^1.0.1",
+    "@idealyst/navigation": "^1.0.1",
+    "@idealyst/theme": "^1.0.1",
+    "@mdi/js": "^7.4.47",
+    "@mdi/react": "^1.6.1",
+    "@react-native/normalize-colors": "^0.80.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.26.3",
+    "react-native-unistyles": "^3.0.4",
+    "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",
+    "@types/compression": "^1.7.5",
+    "@types/express": "^4.17.21",
+    "@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",
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0"
+  }
+} 

package/templates/web/src/App.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import { View, Text, Button } from '@idealyst/components';
+import { UnistylesRegistry } from 'react-native-unistyles';
+import { lightTheme, darkTheme } from '@idealyst/theme';
+
+// Register themes
+UnistylesRegistry.addThemes({
+  light: lightTheme,
+  dark: darkTheme,
+});
+
+const App: React.FC = () => {
+  return (
+    <View style={{ 
+      flex: 1, 
+      justifyContent: 'center', 
+      alignItems: 'center', 
+      padding: 20,
+      minHeight: '100vh'
+    }}>
+      <Text variant="h1" style={{ marginBottom: 20, textAlign: 'center' }}>
+        Welcome to {{projectName}}
+      </Text>
+      <Text variant="body1" style={{ marginBottom: 30, textAlign: 'center' }}>
+        Built with Idealyst Framework
+      </Text>
+      <Button 
+        title="Get Started" 
+        onPress={() => console.log('Button pressed!')}
+        style={{ marginBottom: 20 }}
+      />
+      <Text variant="caption" style={{ textAlign: 'center', opacity: 0.7 }}>
+        Edit src/App.tsx to start building your app
+      </Text>
+    </View>
+  );
+};
+
+export default App; 

package/templates/web/src/main.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+
+const container = document.getElementById('root');
+if (!container) {
+  throw new Error('Root element not found');
+}
+
+const root = createRoot(container);
+root.render(<App />); 

package/templates/web/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "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"]
+}