Merge pull request #5 from guocaoyi/feat/v0.6

merge(feat/0.6): merge feat/0.6 to main

Author: guocaoyi

CHANGELOG.md

@@ -9,6 +9,12 @@ Summary
   5. version timestamp follow the yyyy.MM.dd format
 ```
 
+## 0.6.0 [2022.07.16]
+
+- feat: add qwik framework templates
+- fix: fix lit framework boilerplate, start error
+- update: docs preview code image
+
 ## 0.5.0 [2022.07.07]
 
 - feat: add alpine framework templates

README.md

@@ -6,13 +6,15 @@
 ![GitHub Language Count](https://img.shields.io/github/languages/count/guocaoyi/create-chrome-ext)
 [![npm publish](https://github.com/guocaoyi/create-chrome-ext/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/guocaoyi/create-chrome-ext/actions/workflows/npm-publish.yml)
 
-> Generating your chrome extension, multiple boilerplates supported!
+> Scaffolding your chrome extension, multiple boilerplates supported!
 
 - 🚀 Lightning Fast HMR(use [Vite2](https://vitejs.dev))
 - 🥡 Out of Box
-- 🌈 Multiple Frontend Framework Supported(8+)
-- 🥢 Multiple Language Supported(TypeScript & JavaScript)
+- 🌈 Multiple Frontend Framework Supported (9+)
+- 🥢 Multiple Language Supported (TypeScript & JavaScript)
 - 🧶 Optimized Builds
+- 💅 UI & Design
+- 🌗 Light & Dark Mode
 
 ## Installing
 
@@ -26,7 +28,7 @@
 λ npx create-chrome-ext
 
 # or use npm-init command
-λ npm init create-chrome-ext
+λ npm init chrome-ext
 ```
 
 ## Usage
@@ -72,9 +74,10 @@ framework presets include:
 - [Alpine](https://alpinejs.dev)
 - [Lit](https://lit.dev)
 - [Inferno](https://www.infernojs.org)
+- [Qwik](https://qwik.builder.io)
 - [Vanilla](http://vanilla-js.com)
 
-languages presets include:
+languages supported:
 
 - [JavaScript](https://www.javascript.com/)
 - [TypeScript](https://www.typescriptlang.org/)

docs/crx-build.png

@@ -299,7 +299,7 @@ async function init() {
   // determine template
   template = variant || framework || template
 
-  console.log(`\nGenerating project in ${root}...`)
+  console.log(`\nScaffolding project in ${root}...`)
 
   // template boilerplate
   const templateDir = path.resolve(fileURLToPath(import.meta.url), '..', `template-${template}`)

docs/crx-install.png

@@ -77,7 +77,7 @@ test('successfully scaffolds a project based on vue starter template', () => {
   const generatedFiles = readdirSync(genPath).sort()
 
   // Assertions
-  expect(stdout).toContain(`Generating project in ${genPath}`)
+  expect(stdout).toContain(`Scaffolding project in ${genPath}`)
   expect(templateFiles).toEqual(generatedFiles)
 })
 
@@ -88,6 +88,6 @@ test('works with the -t alias', () => {
   const generatedFiles = readdirSync(genPath).sort()
 
   // Assertions
-  expect(stdout).toContain(`Generating project in ${genPath}`)
+  expect(stdout).toContain(`Scaffolding project in ${genPath}`)
   expect(templateFiles).toEqual(generatedFiles)
 })

docs/crx-run.png

@@ -1,8 +1,8 @@
 {
   "name": "create-chrome-ext",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
-  "description": "Generating your chrome extension, multiple boilerplates supported!",
+  "description": "Scaffolding your chrome extension, multiple boilerplates supported!",
   "author": "yalda",
   "license": "MIT",
   "main": "index.js",
@@ -26,18 +26,22 @@
     "url": "git+https://github.com/guocaoyi/create-chrome-ext.git"
   },
   "keywords": [
-    "chrome",
     "chrome-extension",
-    "template",
-    "boilerplate",
-    "create-chrome-ext",
+    "crx",
+    "crx-packages",
+    "chrome-extension-starter",
+    "chrome-extension-boilerplate",
     "create-chrome-extension",
+    "create-crx",
+    "vite-starter",
+    "vite-template",
     "react",
     "vue",
     "svelte",
     "preact",
-    "solid",
+    "solidjs",
     "alpinejs",
+    "inferno",
     "lit",
     "qwik",
     "vanilla"