@aiou/chrome-extenstion-template - npm Package Compare versions

Comparing version 1.1.7 to 1.2.0

package.json

 {
   "name": "@aiou/chrome-extenstion-template",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "description": "chrome-extenstion-template",
   "main": "index.js",
   "scripts": {
-    "start": "npm ci",
-    "dev": "npm run clean && webpack --config webpack/webpack.dev.js --watch",
-    "build": "npm run clean && webpack --config webpack/webpack.prod.js",
-    "package": "npm run build && zip -r chrome-extenstion-template dist",
-    "package:force": "rimraf chrome-extenstion-template.zip && npm run build && zip -r chrome-extenstion-template.zip dist",
+    "start": "yarn ci",
+    "dev": "yarn run clean && webpack --config webpack/webpack.dev.js --watch",
+    "build": "yarn run clean && webpack --config webpack/webpack.prod.js",
+    "package": "yarn run build && zip -r chrome-extenstion-template dist",
+    "package:force": "rimraf chrome-extenstion-template.zip && yarn run build && zip -r chrome-extenstion-template.zip dist",
     "clean": "rimraf dist",
     "prettier": "prettier --config .prettierrc --write '**/*'",
-    "update": "npm update && npm update --save-dev",
-    "check": "npm outdated && npm outdated --save-dev",
+    "update": "yarn update && yarn update --save-dev",
+    "check": "yarn outdated && yarn outdated --save-dev",
     "release": "np --no-cleanup --yolo --no-publish --any-branch"
   },
-  "author": "JW",
+  "author": "JW <[e-mail]> (https://twitter.com/jiangweixian)",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/JiangWeixian/templates/tree/master/packages/chrome-extenstion-template"
+    "url": "https://github.com/JiangWeixian/templates",
+    "directory": "packages/chrome-extenstion-template"
   },
   "dependencies": {
     "axios": "0.21.1",
-    "jquery": "3.5.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "rxjs": "6.5.2",
-    "rxjs-hooks": "0.6.2"
+    "jquery": "3.6.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "rxjs": "7.1.0",
+    "rxjs-hooks": "0.7.0"
   },
   "devDependencies": {
-    "@babel/core": "7.10.2",
-    "@babel/plugin-transform-typescript": "7.10.1",
-    "@babel/preset-env": "7.10.2",
-    "@babel/preset-react": "7.10.1",
-    "@types/chrome": "0.0.86",
-    "@types/jquery": "3.3.30",
-    "@types/node": "12.6.8",
-    "@types/react": "16.8.23",
-    "@types/react-dom": "16.8.5",
-    "babel-plugin-import": "1.13.0",
-    "cache-loader": "4.1.0",
-    "copy-webpack-plugin": "5.0.3",
+    "@babel/core": "7.14.6",
+    "@babel/plugin-transform-typescript": "7.14.6",
+    "@babel/preset-env": "7.14.7",
+    "@babel/preset-react": "7.14.5",
+    "@types/chrome": "^0.0.145",
+    "@types/jquery": "3.5.5",
+    "@types/node": "16.0.0",
+    "@types/react": "17.0.13",
+    "@types/react-dom": "17.0.8",
+    "babel-loader": "^8.2.2",
+    "babel-plugin-import": "1.13.3",
+    "cache-loader": "^4.1.0",
+    "copy-webpack-plugin": "^9.0.1",
     "crx-hotreload": "1.0.6",
-    "fork-ts-checker-webpack-plugin": "4.1.6",
+    "cz-emoji": "^1.3.1",
+    "fork-ts-checker-webpack-plugin": "^6.2.12",
     "husky": "3.0.1",
-    "np": "5.0.3",
-    "prettier": "2.2.1",
+    "np": "7.5.0",
+    "prettier": "2.3.2",
     "prettier-quick": "0.0.5",
-    "pretty-quick": "3.1.0",
-    "rimraf": "2.6.3",
-    "terser-webpack-plugin": "^3.0.3",
-    "thread-loader": "2.1.3",
-    "ts-loader": "5.4.5",
-    "typescript": "3.9.3",
-    "webpack": "~4.17.2",
-    "webpack-cli": "~3.1.0",
-    "webpack-merge": "~4.2.1"
+    "pretty-quick": "3.1.1",
+    "rimraf": "3.0.2",
+    "terser-webpack-plugin": "^5.1.4",
+    "thread-loader": "^3.0.4",
+    "ts-loader": "^9.2.3",
+    "typescript": "^4.3.5",
+    "webpack": "^5.42.0",
+    "webpack-cli": "^4.7.2",
+    "webpack-merge": "^5.8.0"
   },
@@ -66,3 +69,13 @@ "husky": {
   },
-  "gitHead": "f044af09d4c6558ac64d4d7c77d4333e594b3786"
+  "config": {
+    "commitizen": {
+      "path": "cz-emoji"
+    }
+  },
+  "gitHead": "8d1f23440ab011812cba747468cd2e4c5c36a9e4",
+  "homepage": "https://github.com/JiangWeixian/templates#readme",
+  "bugs": {
+    "url": "https://github.com/JiangWeixian/templates/issues",
+    "email": "[e-mail]"
+  }
 }

README.md

@@ -1,38 +0,36 @@
-<div align="center">
-
 # @aiou/chrome-extenstion-template
+*build chrome crx application*
 
-[![npm](https://img.shields.io/npm/v/@aiou/chrome-extenstion-template?style=for-the-badge)](https://github.com/JiangWeixian/templates/tree/master/packages/chrome-extenstion-template) [![GitHub](https://img.shields.io/github/license/jiangweixian/templates?style=for-the-badge)](https://github.com/JiangWeixian/templates/tree/master/packages/chrome-extenstion-template)
+[![npm](https://img.shields.io/npm/v/@aiou/chrome-extenstion-template)](https://github.com/JiangWeixian/templates/tree/master/packages/chrome-extenstion-template) [![GitHub](https://img.shields.io/npm/l/@aiou/chrome-extenstion-template)](https://github.com/JiangWeixian/templates/tree/master/packages/chrome-extenstion-template)
 
-</div>
+## features
 
-- [@aiou/chrome-extenstion-template](#aiouchrome-extenstion-template)
-  - [custom](#custom)
-    - [basic](#basic)
-    - [different ctx type](#different-ctx-type)
-  - [features](#features)
-  - [stacks](#stacks)
-  - [folder structure](#folder-structure)
-  - [development](#development)
-    - [setup & install](#setup--install)
-    - [build](#build)
-  - [Q&A](#qa)
+* Support hot reload
+* Build with `webpack`, and to `.zip`
+* Build UI interface with `react`
+* Process page element with `JQuery`
+* Process multiple dom event with `rxjs`
 
-## custom
+## usage
 
-### basic
-
 - custom package info in `package.json & publick/manifest.json`
 
-### different ctx type
+## development
 
-1. content mode - in default, this template work on any live webpage
+- **Setup** - `yarn && yarn dev`
+- **Build** - `yarn build`
 
-2. newtab mode 
+## different crx type
 
-    create `src/tab.tsx`
+### content mode
 
+active when click crx icon, in default, this template work on any live webpage
 
-    create `public/tab.html`
+### newtab mode 
 
+active when open new tab
+
+1. create `src/tab.tsx`
+2. create `public/tab.html`
+
     ```html
@@ -73,43 +71,4 @@ <!DOCTYPE html>
 
-## features
 
-* support hot reload
 
-## stacks
-
-* TypeScript
-* React
-* axios
-* Webpack
-* jQuery
-* Example Code
-    * Chrome Storage
-    * Options Version 2
-    * content script
-    * count up badge number
-    * background
-
-## folder structure
-
-* src/assets: static files
-* dist: Chrome Extension directory
-* dist/js: Generated JavaScript files
-
-## development
-
-### setup & install
-
-```
-npm install
-npm run dev
-```
-
-> see how load extension to chrome in Guide part
-
-### build
-
-```
-npm run build
-```
-
 ## Q&A
@@ -116,0 +75,0 @@

webpack/webpack.common.js

@@ -71,8 +71,10 @@ const webpack = require('webpack')
     new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
-    new CopyPlugin([{ from: '.', to: '../' }], { context: 'public' }),
+    new CopyPlugin({ patterns: [{ from: '.', to: '../', context: 'public' }] }),
     new ForkTsCheckerWebpackPlugin({
-      tsconfig: path.join(__dirname, '../tsconfig.json'),
-      checkSyntacticErrors: true,
+      typescript: {
+        configFile: path.join(__dirname, '../tsconfig.json'),
+      },
+      async: true,
     }),
   ],
 }

webpack/webpack.dev.js

@@ -1,2 +0,2 @@
-const merge = require('webpack-merge')
+const { merge } = require('webpack-merge')
 const common = require('./webpack.common.js')
@@ -3,0 +3,0 @@ const ThreadLoader = require('thread-loader')

webpack/webpack.prod.js

@@ -1,2 +0,2 @@
-const merge = require('webpack-merge')
+const { merge } = require('webpack-merge')
 const common = require('./webpack.common.js')
@@ -3,0 +3,0 @@

Fixed alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

22880

increased by0.52%

Number of package files

33

increased by3.13%

Lines of code

276

increased by0.73%

Number of low maintenance alerts

0

decreased by-100%

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

29

increased by7.41%

Number of lines in readme file

118

decreased by-25.79%

Dependency changes

• + Addedjquery@3.6.0(transitive)

• + Addedreact@17.0.117.0.2(transitive)

• + Addedreact-dom@17.0.2(transitive)

• + Addedrxjs@6.6.77.1.0(transitive)

• + Addedrxjs-hooks@0.7.0(transitive)

• + Addedscheduler@0.20.2(transitive)

• + Addedtslib@2.1.0(transitive)

• - Removedjquery@3.5.0(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact@16.8.6(transitive)

• - Removedreact-dom@16.8.6(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedrxjs@6.5.2(transitive)

• - Removedrxjs-hooks@0.6.2(transitive)

• - Removedscheduler@0.13.6(transitive)

• Updatedjquery@3.6.0

• Updatedreact@17.0.2

• Updatedreact-dom@17.0.2

• Updatedrxjs@7.1.0

• Updatedrxjs-hooks@0.7.0