@qwickapps/react-framework 1.4.6 → 1.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -4,7 +4,7 @@ A complete React framework for building modern, responsive applications with int
4
4
 
5
5
  ## What's New
6
6
 
7
- ### September 29, 2025 - Production Ready Release (v1.4.6)
7
+ ### September 29, 2025 - Production Ready Release (v1.4.7)
8
8
 
9
9
  - **NPM Publishing Ready**: Package prepared for official NPM distribution with optimized build configuration and comprehensive exports
10
10
  - **Enhanced Build System**: Improved rollup configuration with both development and production builds, automatic CSS bundling, and TypeScript declarations
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qwickapps/react-framework",
3
- "version": "1.4.6",
3
+ "version": "1.4.7",
4
4
  "type": "module",
5
5
  "description": "Complete React framework with responsive navigation, flexible layouts, theming system, and reusable components for building modern applications.",
6
6
  "main": "dist/index.js",
@@ -27,6 +27,12 @@ if (!projectName) {
27
27
  process.exit(1);
28
28
  }
29
29
 
30
+ // Convert project name to title case for display
31
+ const appDisplayName = projectName
32
+ .split(/[-_\s]+/)
33
+ .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
34
+ .join(' ');
35
+
30
36
  console.log(`🚀 Creating QwickApps React project: ${projectName}`);
31
37
  console.log('This will:');
32
38
  console.log(' 1. Create a new React app with TypeScript');
@@ -85,7 +91,6 @@ import '@qwickapps/react-framework/index.css';
85
91
  import './App.css';
86
92
  import {
87
93
  QwickApp,
88
- Button,
89
94
  Section,
90
95
  HeroBlock
91
96
  } from '@qwickapps/react-framework';
@@ -94,7 +99,7 @@ function App() {
94
99
  return (
95
100
  <QwickApp
96
101
  appId="my-qwickapps-project"
97
- appName="${projectName}"
102
+ appName="${appDisplayName}"
98
103
  enableScaffolding={true}
99
104
  showThemeSwitcher={true}
100
105
  showPaletteSwitcher={true}
@@ -105,22 +110,16 @@ function App() {
105
110
  height="medium"
106
111
  backgroundGradient="linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
107
112
  actions={[
108
- <Button
109
- key="primary"
110
- variant="contained"
111
- color="primary"
112
- onClick={() => alert('Hello QwickApps!')}
113
- >
114
- Get Started
115
- </Button>,
116
- <Button
117
- key="secondary"
118
- variant="outlined"
119
- color="secondary"
120
- onClick={() => window.open('https://github.com/raajkumars/qwickapps', '_blank')}
121
- >
122
- View Documentation
123
- </Button>
113
+ {
114
+ label: 'Get Started',
115
+ variant: 'primary'
116
+ },
117
+ {
118
+ label: 'View Documentation',
119
+ variant: 'secondary',
120
+ href: 'https://github.com/raajkumars/qwickapps',
121
+ target: '_blank'
122
+ }
124
123
  ]}
125
124
  />
126
125