English
See more
StackBlitz Extension
Latest Version
Version
1.0.0
Update
July 30, 2023
Size
141KiB
Developer
Category
Users
51 
Rating
0 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Tabs
See more
Blitzify - StackBlitz Extension Extension
Supercharge your development workflow with Blitzify and say goodbye to tedious setup processes. Focus on what matters most—building amazing web projects!
Blitzify is a powerful Chrome extension that simplifies the development process by providing a seamless and efficient way to create and manage development environments. Whether you're a seasoned developer or just getting started, this extension has got you covered with its user-friendly prompts and support for premade project starters.
Features:
Web Container API Integration :
Blitzify seamlessly integrates with StackBlitz's Web Container API to create development environments based on user prompts. You can easily set up your project's template, title, description, dependencies, files, and start script without any hassle.
‘-t’ for template currently only supports ‘node’
Ex Usage- ‘-t node’
‘-ti’ for Title
Ex Usage- ‘-ti myExpressApp’
‘-des’ for Description of the development environment project
Ex Usage- ‘-des my first express app’
‘-d’ for dependencies you want to install on your development environment container
Ex Usage- ‘-d express nodemon mongoose morgan’
‘-f’ for any files you want in you container
Ex Usage- ‘-f server.js app.js’
‘-s’ for start script of your project
Ex Usage- ‘nodemon server.js’
Example-
-t node -ti myexpress -des firstExpressApp -d express nodemon slugs lodash -f server.js app.js -s nodemon server.js
Premade Project Starters:
Blitzify comes with built-in support for popular premade project starters for both frontend and backend development. Choose from a wide range of options, including Next.js, Nuxt.js, React, Angular, Vue.js, JavaScript, TypeScript, RxJS, Web Container API, and more. Whether you're building a full-stack application or focusing on mobile development, there's a starter environment for you.
Available Premade Project Starter Categories:
Frontend
Backend
Fullstack
Vite
Slides
Creative
Mobile
Vanilla
GitHub Integration with \"Launch\" Button:
Blitzify enhances your GitHub experience by adding a convenient \"Launch\" button to GitHub repository pages. With a single click, you can instantly view, review, and run code from the repository on a running online development environment, without the need to download it to your local machine. This feature streamlines the collaboration process and makes it easier to evaluate projects on the go.
I personally use it for testing npm packages or libraries, instead of starting IDE and downloading packages on local machine, I just use this extension.
Read more
Blitzify is a powerful Chrome extension that simplifies the development process by providing a seamless and efficient way to create and manage development environments. Whether you're a seasoned developer or just getting started, this extension has got you covered with its user-friendly prompts and support for premade project starters.
Features:
Web Container API Integration :
Blitzify seamlessly integrates with StackBlitz's Web Container API to create development environments based on user prompts. You can easily set up your project's template, title, description, dependencies, files, and start script without any hassle.
‘-t’ for template currently only supports ‘node’
Ex Usage- ‘-t node’
‘-ti’ for Title
Ex Usage- ‘-ti myExpressApp’
‘-des’ for Description of the development environment project
Ex Usage- ‘-des my first express app’
‘-d’ for dependencies you want to install on your development environment container
Ex Usage- ‘-d express nodemon mongoose morgan’
‘-f’ for any files you want in you container
Ex Usage- ‘-f server.js app.js’
‘-s’ for start script of your project
Ex Usage- ‘nodemon server.js’
Example-
-t node -ti myexpress -des firstExpressApp -d express nodemon slugs lodash -f server.js app.js -s nodemon server.js
Premade Project Starters:
Blitzify comes with built-in support for popular premade project starters for both frontend and backend development. Choose from a wide range of options, including Next.js, Nuxt.js, React, Angular, Vue.js, JavaScript, TypeScript, RxJS, Web Container API, and more. Whether you're building a full-stack application or focusing on mobile development, there's a starter environment for you.
Available Premade Project Starter Categories:
Frontend
Backend
Fullstack
Vite
Slides
Creative
Mobile
Vanilla
GitHub Integration with \"Launch\" Button:
Blitzify enhances your GitHub experience by adding a convenient \"Launch\" button to GitHub repository pages. With a single click, you can instantly view, review, and run code from the repository on a running online development environment, without the need to download it to your local machine. This feature streamlines the collaboration process and makes it easier to evaluate projects on the go.
I personally use it for testing npm packages or libraries, instead of starting IDE and downloading packages on local machine, I just use this extension.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Blitzify - StackBlitz Extension", "version": "1.0.0", "description": "StackBlitz Extension", "permissions": ["tabs"], "host_permissions": ["https://github.com/*"], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": ["https://github.com/*"], "js": ["contentScript.js"], "css": ["contentScript.css"] } ], "action": { "default_icon": { "16": "assets/extensionlogo.png", "24": "assets/extensionlogo.png", "32": "assets/extensionlogo.png" }, "default_title": "StackBlitz Extension", "default_popup": "popup.html" }, "content_security_policy": { "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self';", "sandbox": "sandbox allow-scripts allow-forms allow-popups allow-modals; script-src 'self' 'unsafe-inline' 'unsafe-eval'; child-src 'self';" }, "manifest_version": 3}
Read more
