@idealyst/cli 1.0.3 → 1.0.5

package/dist/index.js

@@ -15,6 +15,28 @@ function validateProjectName(name) {
 function createPackageName(name) {
     return name.toLowerCase().replace(/[^a-z0-9-]/g, '-');
 }
+async function updateWorkspacePackageJson(projectName, directory) {
+    // Look for package.json in the directory to see if we're in a workspace
+    const packageJsonPath = path.join(directory, 'package.json');
+    if (await fs.pathExists(packageJsonPath)) {
+        try {
+            const packageJson = await fs.readJSON(packageJsonPath);
+            // Check if this is a workspace (has workspaces property)
+            if (packageJson.workspaces && Array.isArray(packageJson.workspaces)) {
+                // Add the new project to workspaces if not already present
+                if (!packageJson.workspaces.includes(projectName)) {
+                    packageJson.workspaces.push(projectName);
+                    await fs.writeJSON(packageJsonPath, packageJson, { spaces: 2 });
+                    console.log(chalk.green(`✅ Added ${projectName} to workspace configuration`));
+                }
+            }
+        }
+        catch (error) {
+            // Silently ignore if we can't read/write package.json
+            console.log(chalk.yellow(`⚠️  Could not update workspace configuration: ${error instanceof Error ? error.message : 'Unknown error'}`));
+        }
+    }
+}
 async function copyTemplate(templatePath, destPath, data) {
     const spinner = ora(`Copying template files...`).start();
     try {
@@ -73,10 +95,12 @@ async function installDependencies(projectPath, skipInstall = false) {
         spinner.succeed('Dependencies installed successfully');
     }
     catch (error) {
-        spinner.fail('Failed to install dependencies');
+        spinner.fail('Failed to install dependencies with yarn');
         console.log(chalk.yellow('You can install dependencies manually by running:'));
         console.log(chalk.white('  cd ' + path.basename(projectPath)));
         console.log(chalk.white('  yarn install'));
+        console.log(chalk.white('  # or alternatively:'));
+        console.log(chalk.white('  npm install'));
     }
 }
 function runCommand(command, args, options) {
@@ -121,6 +145,7 @@ async function generateNativeProject(options) {
     const templateData = getTemplateData(name, `React Native app built with Idealyst Framework`);
     await copyTemplate(templatePath, projectPath, templateData);
     await installDependencies(projectPath, skipInstall);
+    await updateWorkspacePackageJson(name, directory);
     console.log(chalk.green('✅ React Native project created successfully!'));
     console.log(chalk.blue('📋 Project includes:'));
     console.log(chalk.white('  • React Native 0.80.1'));
@@ -145,6 +170,7 @@ async function generateWebProject(options) {
     const templateData = getTemplateData(name, `React web app built with Idealyst Framework`);
     await copyTemplate(templatePath, projectPath, templateData);
     await installDependencies(projectPath, skipInstall);
+    await updateWorkspacePackageJson(name, directory);
     console.log(chalk.green('✅ React Web project created successfully!'));
     console.log(chalk.blue('📋 Project includes:'));
     console.log(chalk.white('  • React 19.1'));
@@ -169,6 +195,7 @@ async function generateSharedLibrary(options) {
     const templateData = getTemplateData(name, `Shared library built with Idealyst Framework`);
     await copyTemplate(templatePath, projectPath, templateData);
     await installDependencies(projectPath, skipInstall);
+    await updateWorkspacePackageJson(name, directory);
     console.log(chalk.green('✅ Shared library created successfully!'));
     console.log(chalk.blue('📋 Project includes:'));
     console.log(chalk.white('  • Cross-platform components'));

package/dist/types/generators/utils.d.ts

@@ -1,6 +1,7 @@
 import { TemplateData } from '../types';
 export declare function validateProjectName(name: string): boolean;
 export declare function createPackageName(name: string): string;
+export declare function updateWorkspacePackageJson(projectName: string, directory: string): Promise<void>;
 export declare function copyTemplate(templatePath: string, destPath: string, data: TemplateData): Promise<void>;
 export declare function processTemplateFiles(dir: string, data: TemplateData): Promise<void>;
 export declare function processTemplateFile(filePath: string, data: TemplateData): Promise<void>;

package/package.json

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

package/templates/native/.yarnrc.yml

@@ -0,0 +1,19 @@
+nodeLinker: "node-modules"
+
+# Enable network for package downloads
+enableNetwork: true
+
+# Timeout for HTTP requests (in milliseconds)
+httpTimeout: 60000
+
+# Number of retry attempts for HTTP requests
+httpRetry: 3
+
+# Registry configuration
+npmRegistryServer: "https://registry.yarnpkg.com"
+
+# Enable progress bars
+enableProgressBars: true
+
+# Enable colors in output
+enableColors: true 

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/package.json

@@ -12,9 +12,9 @@
     "build:android": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res"
   },
   "dependencies": {
-    "@idealyst/components": "^1.0.1",
-    "@idealyst/navigation": "^1.0.1",
-    "@idealyst/theme": "^1.0.1",
+    "@idealyst/components": "^1.0.3",
+    "@idealyst/navigation": "^1.0.3",
+    "@idealyst/theme": "^1.0.3",
     "@react-native-vector-icons/common": "^12.0.1",
     "@react-native-vector-icons/material-design-icons": "^12.0.1",
     "@react-native/new-app-screen": "0.80.1",
@@ -51,7 +51,6 @@
     "babel-plugin-module-resolver": "^5.0.2",
     "eslint": "^8.19.0",
     "jest": "^29.7.0",
-    "metro-react-native-babel-preset": "^0.80.1",
     "prettier": "^2.8.8",
     "react-test-renderer": "19.1.0",
     "typescript": "^5.0.4"

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/.yarnrc.yml

@@ -0,0 +1,19 @@
+nodeLinker: "node-modules"
+
+# Enable network for package downloads
+enableNetwork: true
+
+# Timeout for HTTP requests (in milliseconds)
+httpTimeout: 60000
+
+# Number of retry attempts for HTTP requests
+httpRetry: 3
+
+# Registry configuration
+npmRegistryServer: "https://registry.yarnpkg.com"
+
+# Enable progress bars
+enableProgressBars: true
+
+# Enable colors in output
+enableColors: true 

package/templates/shared/package.json

@@ -11,7 +11,7 @@
     "prepublishOnly": "yarn build"
   },
   "peerDependencies": {
-    "@idealyst/theme": "^1.0.1",
+    "@idealyst/theme": "^1.0.3",
     "react": "^19.1.0",
     "react-native": "^0.80.1"
   },

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/.yarnrc.yml

@@ -0,0 +1,19 @@
+nodeLinker: "node-modules"
+
+# Enable network for package downloads
+enableNetwork: true
+
+# Timeout for HTTP requests (in milliseconds)
+httpTimeout: 60000
+
+# Number of retry attempts for HTTP requests
+httpRetry: 3
+
+# Registry configuration
+npmRegistryServer: "https://registry.yarnpkg.com"
+
+# Enable progress bars
+enableProgressBars: true
+
+# Enable colors in output
+enableColors: true 

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/package.json

@@ -10,9 +10,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@idealyst/components": "^1.0.1",
-    "@idealyst/navigation": "^1.0.1",
-    "@idealyst/theme": "^1.0.1",
+    "@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",

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>
+); 

package/templates/workspace/.yarnrc.yml

@@ -0,0 +1,26 @@
+nodeLinker: "node-modules"
+
+# Enable transparent workspaces for better workspace dependency resolution
+enableTransparentWorkspaces: true
+
+# Enable network for package downloads
+enableNetwork: true
+
+# Timeout for HTTP requests (in milliseconds)
+httpTimeout: 60000
+
+# Number of retry attempts for HTTP requests
+httpRetry: 3
+
+# Registry configuration
+npmRegistryServer: "https://registry.yarnpkg.com"
+
+# Enable progress bars
+enableProgressBars: true
+
+# Enable colors in output
+enableColors: true
+
+# Prevent hoisting to avoid React Native issues
+# This ensures React Native dependencies stay in their local node_modules
+nmHoistingLimits: workspaces 

package/templates/workspace/README.md

@@ -14,9 +14,9 @@ This workspace contains your Idealyst Framework packages and applications.
 │   ├── theme/         # Theme configuration
 │   ├── components/    # UI components
 │   └── utils/         # Shared utilities
-└── apps/              # Applications
-    ├── mobile/        # React Native app
-    └── web/           # React web app
+├── mobile-app/        # React Native app (generated)
+├── web-app/           # React web app (generated)
+└── shared-lib/        # Shared library (generated)
 ```
 
 ### Development
@@ -53,6 +53,8 @@ Generate a new shared library:
 idealyst create shared-lib --type shared
 ```
 
+**Note:** The CLI will automatically add new projects to the workspace configuration when run from the workspace root.
+
 ### Publishing
 
 Publish all packages:

package/templates/workspace/package.json

@@ -6,7 +6,7 @@
   "workspaces": [
     "packages/*"
   ],
-  "packageManager": "yarn@4.0.2",
+  "packageManager": "yarn@4.1.0",
   "scripts": {
     "publish:all": "yarn workspaces foreach --include '@/*' npm publish",
     "version:patch": "yarn workspaces foreach --include '@/*' version patch",