@idealyst/cli 1.0.16 → 1.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/cli",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "CLI tool for generating Idealyst Framework projects",
   "type": "module",
   "main": "dist/index.js",

package/templates/App.tsx

@@ -0,0 +1,16 @@
+import './App.css';
+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/native/App.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import {
+  SafeAreaView,
+} from 'react-native';
+
+import { ExampleStackRouter } from '@idealyst/navigation/examples';
+import { NavigatorProvider } from '@idealyst/navigation';
+
+
+function App() {  
+
+  const backgroundStyle = {
+    flex: 1,
+  };
+
+  return (
+    <SafeAreaView style={backgroundStyle}>
+      <NavigatorProvider route={ExampleStackRouter} />
+    </SafeAreaView>
+  );
+}
+
+export default App;

package/templates/native/babel.config.js

@@ -1,5 +1,3 @@
-const path = require('path');
-
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
   plugins: [

package/templates/native/index.js

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

package/templates/native/metro.config.js

@@ -1,5 +1,3 @@
-module.exports = wrapWithReanimatedMetroConfig(mergeConfig(getDefaultConfig(__dirname), config));
-
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 const path = require('path');
 
@@ -14,11 +12,6 @@ const config = {
     // 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'],
   },
-  watchFolders: [
-    path.resolve(__dirname, 'src'),
-    // To support live updates when developing components in other workspaces, add the folders here. Make sure
-    // path.resolve(__dirname, '../shared/'),
-  ],
   watcher: {
     // When configuring custom components with .native extensions, make sure the watcher looks for them
     additionalExts: ['native.tsx', 'native.ts', 'native.jsx', 'native.js'],

package/templates/web/src/App.tsx

@@ -1,19 +1,9 @@
-import React from 'react';
-import { View, Text, Button } from '@idealyst/components';
+import { NavigatorProvider } from '@idealyst/navigation';
+import { ExampleStackRouter } from '@idealyst/navigation/examples';
 
 const App = () => {
   return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', minHeight: '100vh' }}>
-      <Text variant="h1">Welcome to {{projectName}}</Text>
-      <Text variant="body" style={{ marginTop: 20, textAlign: 'center' }}>
-        This is a React web application built with the Idealyst Framework.
-      </Text>
-      <Button 
-        title="Get Started" 
-        onPress={() => console.log('Button pressed!')}
-        style={{ marginTop: 20 }}
-      />
-    </View>
+    <NavigatorProvider route={ExampleStackRouter} />
   );
 };
 

package/templates/web/vite.config.ts

@@ -20,7 +20,6 @@ export default defineConfig({
         plugins: [
           ['react-native-unistyles/plugin', {
             root: 'src',
-            debug: true,
             autoProcessPaths: ['@idealyst/components', '@idealyst/navigation', '@idealyst/theme'],
           }],
           ['@idealyst/components/plugin/web', { root: 'src' }]

package/templates/native/src/App.tsx

@@ -1,30 +0,0 @@
-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 = () => {
-  return (
-    <Screen>
-      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-        <Text variant="h1">Welcome to {{projectName}}</Text>
-        <Text variant="body">
-          This is a React Native app built with the Idealyst Framework.
-        </Text>
-        <Button 
-          title="Get Started" 
-          onPress={() => console.log('Button pressed!')}
-          style={{ marginTop: 20 }}
-        />
-      </View>
-    </Screen>
-  );
-};
-
-export default App;