@qwickapps/react-framework 1.4.6 → 1.4.8

package/QUICK_START_GUIDE.md

@@ -13,7 +13,7 @@ Customers were getting the error: `'react-scripts' is not recognized as an inter
 Create a new QwickApps project in one command:
 
 ```bash
-npx @qwickapps/react-framework/scripts/create-qwickapps-project my-project-name
+npx @qwickapps/react-framework create my-project-name
 cd my-project-name
 npm start
 ```

package/README.md

@@ -4,7 +4,7 @@ A complete React framework for building modern, responsive applications with int
 
 ## What's New
 
-### September 29, 2025 - Production Ready Release (v1.4.6)
+### September 29, 2025 - Production Ready Release (v1.4.8)
 
 - **NPM Publishing Ready**: Package prepared for official NPM distribution with optimized build configuration and comprehensive exports
 - **Enhanced Build System**: Improved rollup configuration with both development and production builds, automatic CSS bundling, and TypeScript declarations

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwickapps/react-framework",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "type": "module",
   "description": "Complete React framework with responsive navigation, flexible layouts, theming system, and reusable components for building modern applications.",
   "main": "dist/index.js",

package/scripts/create-qwickapps-project.js

@@ -19,14 +19,22 @@ import { fileURLToPath } from 'url';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
-const projectName = process.argv[2];
+// When run as: npx @qwickapps/react-framework create my-project
+// argv[0] = node, argv[1] = script, argv[2] = "create", argv[3] = "my-project"
+const projectName = process.argv[3] || process.argv[2];
 
-if (!projectName) {
+if (!projectName || projectName === 'create') {
   console.error('❌ Error: Please provide a project name');
   console.log('Usage: npx @qwickapps/react-framework create my-app-name');
   process.exit(1);
 }
 
+// Convert project name to title case for display
+const appDisplayName = projectName
+  .split(/[-_\s]+/)
+  .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+  .join(' ');
+
 console.log(`🚀 Creating QwickApps React project: ${projectName}`);
 console.log('This will:');
 console.log('  1. Create a new React app with TypeScript');
@@ -85,7 +93,6 @@ import '@qwickapps/react-framework/index.css';
 import './App.css';
 import {
   QwickApp,
-  Button,
   Section,
   HeroBlock
 } from '@qwickapps/react-framework';
@@ -94,7 +101,7 @@ function App() {
   return (
     <QwickApp
       appId="my-qwickapps-project"
-      appName="${projectName}"
+      appName="${appDisplayName}"
       enableScaffolding={true}
       showThemeSwitcher={true}
       showPaletteSwitcher={true}
@@ -105,22 +112,16 @@ function App() {
         height="medium"
         backgroundGradient="linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
         actions={[
-          <Button
-            key="primary"
-            variant="contained"
-            color="primary"
-            onClick={() => alert('Hello QwickApps!')}
-          >
-            Get Started
-          </Button>,
-          <Button
-            key="secondary"
-            variant="outlined"
-            color="secondary"
-            onClick={() => window.open('https://github.com/raajkumars/qwickapps', '_blank')}
-          >
-            View Documentation
-          </Button>
+          {
+            label: 'Get Started',
+            variant: 'primary'
+          },
+          {
+            label: 'View Documentation',
+            variant: 'secondary',
+            href: 'https://github.com/raajkumars/qwickapps',
+            target: '_blank'
+          }
         ]}
       />