@idealyst/cli 1.0.24 → 1.0.25

package/templates/shared/tsconfig.json

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

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

package/templates/web/index.html

@@ -1,13 +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>
+<!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

@@ -1,52 +1,52 @@
-{
-  "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.3",
-    "@idealyst/navigation": "^1.0.3",
-    "@idealyst/theme": "^1.0.3",
-    "@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",
-    "vite-plugin-babel": "^1.3.2"
-  }
+{
+  "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.3",
+    "@idealyst/navigation": "^1.0.3",
+    "@idealyst/theme": "^1.0.3",
+    "@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",
+    "vite-plugin-babel": "^1.3.2"
+  }
 } 

package/templates/web/src/App.tsx

@@ -1,15 +1,15 @@
-import { BrowserRouter } from 'react-router-dom';
-import { ExampleStackRouter, } from '@idealyst/navigation/examples';
-import { NavigatorProvider } from '@idealyst/navigation';
-
-function App() {
-  return (
-    <div className="App">
-      <BrowserRouter>
-        <NavigatorProvider route={ExampleStackRouter} />
-      </BrowserRouter>
-    </div>
-  );  
-}
-
+import { BrowserRouter } from 'react-router-dom';
+import { ExampleStackRouter, } from '@idealyst/navigation/examples';
+import { NavigatorProvider } from '@idealyst/navigation';
+
+function App() {
+  return (
+    <div className="App">
+      <BrowserRouter>
+        <NavigatorProvider route={ExampleStackRouter} />
+      </BrowserRouter>
+    </div>
+  );  
+}
+
 export default App; 

package/templates/web/src/main.tsx

@@ -1,25 +1,25 @@
-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>
-  );
+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/tsconfig.json

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

package/templates/web/vite.config.ts

@@ -1,69 +1,69 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import babel from 'vite-plugin-babel'
-import path from 'path'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    babel({
-      filter: (id) => id.includes('node_modules/@idealyst/') && /\.(js|jsx|ts|tsx)$/.test(id),
-      babelConfig: {
-        presets: [
-          ['@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/normalize-colors',
-      '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',
-      '@testproject/shared',
-    ],
-  },
-  server: {
-    host: '0.0.0.0',
-    port: 5173,
-  },
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import babel from 'vite-plugin-babel'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    babel({
+      filter: (id) => id.includes('node_modules/@idealyst/') && /\.(js|jsx|ts|tsx)$/.test(id),
+      babelConfig: {
+        presets: [
+          ['@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/normalize-colors',
+      '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',
+      '@testproject/shared',
+    ],
+  },
+  server: {
+    host: '0.0.0.0',
+    port: 5173,
+  },
 })