@idealyst/cli 1.0.4 → 1.0.5

package/package.json

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

package/templates/native/index.js

@@ -1,9 +1,4 @@
-/**
- * @format
- */
-
 import { AppRegistry } from 'react-native';
 import App from './src/App';
-import { name as appName } from './app.json';
 
-AppRegistry.registerComponent(appName, () => App); 
+AppRegistry.registerComponent('{{projectName}}', () => App); 

package/templates/native/src/App.tsx

@@ -9,24 +9,19 @@ UnistylesRegistry.addThemes({
   dark: darkTheme,
 });
 
-const App: React.FC = () => {
+const App = () => {
   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
+      <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={{ marginBottom: 20 }}
+          style={{ marginTop: 20 }}
         />
-        <Text variant="caption" style={{ textAlign: 'center', opacity: 0.7 }}>
-          Edit src/App.tsx to start building your app
-        </Text>
       </View>
     </Screen>
   );

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

@@ -1,25 +1,41 @@
 import React from 'react';
 import { View, Text } from 'react-native';
+import { useTheme } from '@idealyst/theme';
 
-interface SharedComponentProps {
+export interface SharedComponentProps {
   title: string;
   description?: string;
 }
 
-export const SharedComponent: React.FC<SharedComponentProps> = ({ 
-  title, 
-  description 
-}) => {
+const SharedComponent: React.FC<SharedComponentProps> = ({ title, description }) => {
+  const { theme } = useTheme();
+
   return (
-    <View style={{ padding: 16, alignItems: 'center' }}>
-      <Text style={{ fontSize: 18, fontWeight: 'bold', marginBottom: 8 }}>
+    <View style={{ 
+      padding: 16, 
+      backgroundColor: theme.colors.surface,
+      borderRadius: 8,
+      marginBottom: 16
+    }}>
+      <Text style={{ 
+        fontSize: 18, 
+        fontWeight: 'bold',
+        color: theme.colors.text,
+        marginBottom: 8
+      }}>
         {title}
       </Text>
       {description && (
-        <Text style={{ fontSize: 14, color: '#666', textAlign: 'center' }}>
+        <Text style={{ 
+          fontSize: 14,
+          color: theme.colors.textSecondary,
+          lineHeight: 20
+        }}>
           {description}
         </Text>
       )}
     </View>
   );
-}; 
+};
+
+export default SharedComponent; 

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

@@ -1 +1,3 @@
-export * from './SharedComponent'; 
+// Export all components
+export { default as SharedComponent } from './SharedComponent';
+export type { SharedComponentProps } from './SharedComponent'; 

package/templates/shared/src/index.ts

@@ -1,6 +1,10 @@
-// Export shared components, utilities, and types
+// Export all components
 export * from './components';
+
+// Export all utilities
 export * from './utils';
+
+// Export all types
 export * from './types';
 
 // Re-export theme utilities

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

@@ -1,7 +1,17 @@
-// Basic types for the shared library
 export interface ComponentProps {
-  children?: any;
   style?: any;
+  children?: React.ReactNode;
 }
 
-export type Theme = 'light' | 'dark'; 
+export interface User {
+  id: string;
+  name: string;
+  email: string;
+  avatar?: string;
+}
+
+export interface ApiResponse<T> {
+  data: T;
+  message: string;
+  success: boolean;
+} 

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

@@ -1,5 +1,7 @@
 /**
- * Format a string to title case
+ * Converts a string to title case
+ * @param str The string to convert
+ * @returns The string in title case
  */
 export const toTitleCase = (str: string): string => {
   return str.replace(/\w\S*/g, (txt) => 
@@ -8,25 +10,25 @@ export const toTitleCase = (str: string): string => {
 };
 
 /**
- * Check if a value is empty (null, undefined, empty string, empty array)
+ * Formats a number as currency
+ * @param amount The amount to format
+ * @param currency The currency code (default: 'USD')
+ * @returns The formatted currency string
  */
-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;
+export const formatCurrency = (amount: number, currency = 'USD'): string => {
+  return new Intl.NumberFormat('en-US', {
+    style: 'currency',
+    currency,
+  }).format(amount);
 };
 
 /**
- * Debounce function calls
+ * Truncates a string to a specified length
+ * @param str The string to truncate
+ * @param maxLength The maximum length
+ * @returns The truncated string
  */
-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);
-  };
+export const truncateText = (str: string, maxLength: number): string => {
+  if (str.length <= maxLength) return str;
+  return str.substring(0, maxLength) + '...';
 }; 

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

@@ -1 +1,2 @@
+// Export all utilities
 export * from './helpers'; 

package/templates/web/README.md

@@ -87,5 +87,4 @@ const styles = createStyleSheet({
 
 - [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/) 
+- [Vite Documentation](https://vitejs.dev/) 

package/templates/web/src/App.tsx

@@ -9,29 +9,18 @@ UnistylesRegistry.addThemes({
   dark: darkTheme,
 });
 
-const App: React.FC = () => {
+const App = () => {
   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
+    <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={{ marginBottom: 20 }}
+        style={{ marginTop: 20 }}
       />
-      <Text variant="caption" style={{ textAlign: 'center', opacity: 0.7 }}>
-        Edit src/App.tsx to start building your app
-      </Text>
     </View>
   );
 };

package/templates/web/src/main.tsx

@@ -1,11 +1,10 @@
-import React from 'react';
+import { StrictMode } 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 />); 
+const root = createRoot(document.getElementById('root')!);
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);