feat: Add Progressive Web App (PWA) support and modular architecture to React CLI generator #1
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…d CSS framework handling; enhance user input collection and streamline project initialization process.
|
Move directory name array inside a constant file. Later it can be extended without making a change on |
Owner
@sameerkali
Give Project Name -> Selected Tailwind -> Selected PWA (y)
-> Your code refactor is appreciated but currently please make all update within index.js file. |
Owner
|
@sameerkali We are good to go with directory structure, but error still needs to be resolved. |
Owner
There was a problem hiding this comment.
Conflict doesn't exist anymore. Merging the PR.
Thanks @sameerkali , to make it more contributor friendly ✨
Commented statement can be done later for beginner first issues.
Comment on lines
+100
to
+101
| console.log(`\n📱 To test PWA:\n npm run build\n npm run preview\n Open http://localhost:4173 and test install/offline features`); | ||
| } |
Owner
There was a problem hiding this comment.
Update the port number from 4173 to 5173
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
PWA Features
New PWA option in CLI prompts
Automatic vite-plugin-pwa setup with service worker
Install button and online/offline status indicators
Working PWA with caching strategies out of the box
Code Structure
Split large index.js into organized modules (lib/utils.js, lib/pwa.js, lib/css-frameworks.js, lib/templates.js)
Reduced main file from 300+ lines to under 100 lines
Better error handling with automatic directory creation
Generated Projects
Clean App component with PWA indicators when enabled
Comprehensive README with PWA testing and deployment guide
Automatic boilerplate cleanup
Placeholder icons with replacement instructions
Bug Fixes
Fixed ENOENT error when creating hook files
Proper folder structure creation before writing files
Enhanced file writing with directory checks
Testing
Tested PWA generation with all CSS frameworks
Verified service worker and install functionality
Confirmed offline capabilities work correctly
README generation includes proper PWA instructions