@idealyst/cli 1.0.16 → 1.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/cli",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "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,3 +1,5 @@
+import '@idealyst/theme/unistyles';
+
 import { AppRegistry } from 'react-native';
 import App from './src/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');
 

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;