@idealyst/cli 1.0.24 → 1.0.25

package/templates/native/README.md

@@ -1,86 +1,86 @@
-# {{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/)
+# {{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/app.json

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

package/templates/native/babel.config.js

@@ -1,10 +1,10 @@
-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',
-  ],
+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 +1,6 @@
-import '@idealyst/theme/unistyles';
-
-import { AppRegistry } from 'react-native';
-import App from './App';
-
+import '@idealyst/theme/unistyles';
+
+import { AppRegistry } from 'react-native';
+import App from './App';
+
 AppRegistry.registerComponent('{{projectName}}', () => App); 

package/templates/native/metro.config.js

@@ -1,27 +1,27 @@
-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 watch workspace packages
-    path.resolve(__dirname, '..'),
-  ],
-  resolver: {
-    nodeModulesPaths: [
-      path.resolve(__dirname, 'node_modules'),
-      // Add the workspace root node_modules
-      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'],
-  },
-  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));
+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 watch workspace packages
+    path.resolve(__dirname, '..'),
+  ],
+  resolver: {
+    nodeModulesPaths: [
+      path.resolve(__dirname, 'node_modules'),
+      // Add the workspace root node_modules
+      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'],
+  },
+  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/templates/native/package.json

@@ -1,10 +1,10 @@
-{
-  "name": "{{packageName}}",
-  "version": "{{version}}",
-  "description": "{{description}}",
-  "private": true,
-  "idealyst": {
-    "framework": "react-native",
-    "version": "1.0.3"
-  }
+{
+  "name": "{{packageName}}",
+  "version": "{{version}}",
+  "description": "{{description}}",
+  "private": true,
+  "idealyst": {
+    "framework": "react-native",
+    "version": "1.0.3"
+  }
 } 

package/templates/native/tsconfig.json

@@ -1,30 +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"
-  ]
+{
+  "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

@@ -1,109 +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/)
+# {{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

@@ -1,40 +1,40 @@
-{
-  "name": "{{packageName}}",
-  "version": "{{version}}",
-  "description": "{{description}}",
-  "main": "src/index.ts",
-  "module": "src/index.ts",
-  "types": "src/index.ts",
-  "peerDependencies": {
-    "@idealyst/components": "^1.0.21",
-    "@idealyst/navigation": "^1.0.21",
-    "@idealyst/theme": "^1.0.21",
-    "react": "^19.1.0",
-    "react-native": "^0.80.1"
-  },
-  "peerDependenciesMeta": {
-    "react-native": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@idealyst/components": "^1.0.21",
-    "@idealyst/navigation": "^1.0.21",
-    "@idealyst/theme": "^1.0.21",
-    "@types/react": "^19.1.0",
-    "react": "^19.1.0",
-    "react-native": "^0.80.1",
-    "typescript": "^5.0.0"
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "keywords": [
-    "react",
-    "react-native",
-    "cross-platform",
-    "shared",
-    "library"
-  ]
+{
+  "name": "{{packageName}}",
+  "version": "{{version}}",
+  "description": "{{description}}",
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
+  "peerDependencies": {
+    "@idealyst/components": "^1.0.21",
+    "@idealyst/navigation": "^1.0.21",
+    "@idealyst/theme": "^1.0.21",
+    "react": "^19.1.0",
+    "react-native": "^0.80.1"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@idealyst/components": "^1.0.21",
+    "@idealyst/navigation": "^1.0.21",
+    "@idealyst/theme": "^1.0.21",
+    "@types/react": "^19.1.0",
+    "react": "^19.1.0",
+    "react-native": "^0.80.1",
+    "typescript": "^5.0.0"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "keywords": [
+    "react",
+    "react-native",
+    "cross-platform",
+    "shared",
+    "library"
+  ]
 }