create-blocklet 0.3.9 → 0.3.12

package/lib/server.js

@@ -4,7 +4,7 @@ import semver from 'semver';
 $.verbose = false;
 
 function trimServerOutputVersion(output = '') {
-  return output?.replace(/blocklet \S+ v\d+\.\d+\.\d\n+/g, '');
+  return output?.replace(/blocklet \S+ v\d+\.\d+\.\d+\n+/g, '');
 }
 
 export async function checkServerInstalled() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-blocklet",
-  "version": "0.3.9",
+  "version": "0.3.12",
   "exports": "./index.js",
   "type": "module",
   "repository": "git@github.com:blocklet/create-blocklet.git",
@@ -24,40 +24,31 @@
   "homepage": "https://github.com/blocklet/create-blocklet/tree/main#readme",
   "scripts": {
     "lint": "eslint .",
-    "test": "vitest",
+    "test": "NODE_ENV=development vitest",
     "test:ui": "vitest --ui",
     "test:run": "vitest run"
   },
   "dependencies": {
-    "@arcblock/did": "^1.16.0",
-    "@ocap/mcrypto": "^1.16.0",
-    "@ocap/util": "^1.16.0",
+    "@arcblock/did": "^1.16.15",
+    "@ocap/mcrypto": "^1.16.15",
+    "@ocap/util": "^1.16.15",
     "boxen": "^6.2.1",
-    "ejs": "^3.1.6",
+    "ejs": "^3.1.8",
     "envfile": "^6.17.0",
     "figlet": "^1.5.2",
     "get-port": "^6.1.2",
-    "gradient-string": "^2.0.0",
+    "gradient-string": "^2.0.1",
     "jdenticon": "^3.1.1",
     "ora": "^6.1.0",
     "prompts": "^2.4.2",
-    "semver": "^7.3.6",
+    "semver": "^7.3.7",
     "terminal-link": "^3.0.0",
-    "zx": "^6.0.7"
+    "zx": "^6.2.0"
   },
   "devDependencies": {
-    "@arcblock/eslint-config": "0.1.8",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^7.31.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-unicorn": "^34.0.1",
-    "prettier": "^2.3.2",
-    "vitest": "^0.9.0"
+    "@arcblock/eslint-config": "0.2.1",
+    "eslint": "^8.16.0",
+    "prettier": "^2.6.2",
+    "vitest": "^0.13.1"
   }
 }

package/templates/blocklet-page-static/package.json

@@ -11,6 +11,6 @@
     "upload": "npm run bundle && blocklet upload .blocklet/release/blocklet.json"
   },
   "dependencies": {
-    "@xmark/cli": "^2.0.37"
+    "@xmark/cli": "^2.0.44"
   }
 }

package/templates/express-api/package.json

@@ -15,10 +15,10 @@
   "license": "ISC",
   "dependencies": {
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.9",
-    "@ocap/client": "^1.16.4",
+    "@blocklet/sdk": "^1.7.20",
+    "@ocap/client": "^1.16.15",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.18.0"
+    "express": "^4.18.1"
   },
   "devDependencies": {
     "nodemon": "^2.0.16"

package/templates/html-static/README.md

@@ -0,0 +1,142 @@
+# Getting Started with Create Blocklet
+
+This project was bootstrapped with [Create Blocklet](https://github.com/blocklet/create-blocklet).
+
+This blocklet is a static project, which means this is a frontend application. It's contained `client` code.
+
+## File Structure
+
+- app/ - Client side code (A static html project structure)
+- .env - Environment variables
+- .env.local - Local environment variables
+- .eslintrc.js - ESLint configuration
+- .gitignore - Git ignore file
+- .prettierrc - Prettier configuration
+- blocklet.md - Blocklet README
+- blocklet.yml - Blocklet configuration
+- LICENSE - License file
+- logo.png - Blocklet logo file
+- Makefile - Makefile
+- package.json - Npm package file
+- README.md - A guide for this blocklet
+- version - Version file
+
+## Development
+
+1. Make sure you have [@blocklet/cli](https://www.npmjs.com/package/@blocklet/cli) installed
+
+   Blocklet needs blocklet server as a dependency. So you need to install it first.  
+   `npm install -g @blocklet/cli`  
+   See details in [https://docs.arcblock.io/abtnode/en/introduction/abtnode-setup#use-the-binary-distribution](https://docs.arcblock.io/abtnode/en/introduction/abtnode-setup#use-the-binary-distribution)
+
+2. Init blocklet server & start blocklet server
+
+   Before starting an blocklet server, you need to init blocklet server.  
+   `blocklet server init --mode=debug`  
+   `blocklet server start`  
+   See details in [https://docs.arcblock.io/abtnode/en/introduction/abtnode-setup#configure-abt-node](https://docs.arcblock.io/abtnode/en/introduction/abtnode-setup#configure-abt-node)
+
+3. Go to the project directory `cd [name]`
+4. Install dependencies: `npm install` or `yarn`
+5. Start development server: `blocklet dev`
+
+## Bundle
+
+After developing a blocklet, you may need to bundle it. Use `npm run bundle` command.
+
+## Deploy
+
+- If you want to deploy this blocklet to local blocklet server, you can use `blocklet deploy .blocklet/bundle` command(Make sure the blocklet is bundled before deployment.)
+  > Or you can simply use `npm run deploy` command.
+- If you want to deploy this blocklet to remote blocklet server, you can use the command below.
+
+  ```shell
+  blocklet deploy .blocklet/bundle --endpoint {your blocklet server url} --access-key {blocklet server access key} --access-secret {blocklet server access secret}
+  ```
+
+  > Make sure the blocklet is bundled before deployment.
+
+## Upload to blocklet store
+
+- If you want to upload the blocklet to any store for other users to download and use, you can following the following instructions.
+
+  Bump version at first.
+
+  ```shell
+  make bump-version
+  ```
+
+  Then config blocklet store url.
+  You can use those store url in below.
+
+  1. [https://store.blocklet.dev/](https://store.blocklet.dev/)
+  2. [https://dev.store.blocklet.dev/](https://dev.store.blocklet.dev/)
+  3. A blocklet store started by yourself.
+     > Make sure you have installed a `blocklet store` on your own blocklet server. Check it on here: [https://store.blocklet.dev/blocklet/z8ia29UsENBg6tLZUKi2HABj38Cw1LmHZocbQ](https://store.blocklet.dev/blocklet/z8ia29UsENBg6tLZUKi2HABj38Cw1LmHZocbQ)
+
+  ```shell
+  blocklet config set store {store url}
+  ```
+
+  Get a `accessToken` from blocklet store.
+
+  > Why we need a `accessToken`?  
+  > A `accessToken` is genrate by blocklet store, which help us upload our blocklet to any store.
+
+  Set `accessToken` to blocklet config
+
+  ```shell
+  blocklet config set accessToken {accessToken}
+  ```
+
+  Upload a new version to a store.
+
+  > Make sure the blocklet is bundled before upload.
+
+  ```shell
+  blocklet upload
+  ```
+
+  Or you can simply use `npm run upload` command.
+
+- You also can upload a new version to blocklet store by Github CI.  
+  Bump version at first.
+
+  ```shell
+  make bump-version
+  ```
+
+  Push your code to Github main/master branch, or make a pull request to the main/master branch.  
+  The CI workflow will automatically upload a new version to a store.
+
+## Q & A
+
+1. Q: How to change a blocklet's name?
+
+   A: Change the `name` field in the `package.json` file, change the `name` field in the `blocklet.yml` file.
+
+   You can also change the `title` field and `description` field in the `blocklet.yml` file.
+
+   Run `blocklet meta` command, you will get a `did` config, copy the `did` value.
+
+   Replace this command `"bundle": "PUBLIC_URL='/.blocklet/proxy/{did}' npm run build",` in `package.json`
+
+   Replace `did` field in the `blocklet.yml`
+
+2. Q: How to change a blocklet's logo?
+
+   Change the `logo.png` file root folder.
+
+   Or you can change the `logo` field in the `blocklet.yml` file.
+
+   > Make sure you have added the logo path to the `blocklet.yml` file `files` field.
+
+## Learn More
+
+- Full specification of `blocklet.yml`: [https://github.com/blocklet/blocklet-specification/blob/main/docs/meta.md](https://github.com/blocklet/blocklet-specification/blob/main/docs/meta.md)
+- Full document of Blocklet Server & blocklet development: [https://docs.arcblock.io/abtnode/en/introduction](https://docs.arcblock.io/abtnode/en/introduction)
+
+## License
+
+The code is licensed under the Apache 2.0 license found in the
+[LICENSE](LICENSE) file.

package/templates/html-static/package.json

@@ -3,9 +3,9 @@
   "version": "0.1.0",
   "scripts": {
     "clean": "rm -rf .blocklet",
-    "release": "npm run clean && blocklet bundle --create-release",
-    "deploy": "npm run release && blocklet deploy .blocklet/bundle --skip-hooks",
-    "upload": "npm run release && blocklet upload .blocklet/release/blocklet.json"
+    "bundle": "npm run clean && blocklet bundle --create-release",
+    "deploy": "npm run bundle && blocklet deploy .blocklet/bundle --skip-hooks",
+    "upload": "npm run bundle && blocklet upload .blocklet/release/blocklet.json"
   },
   "keywords": [],
   "author": "",

package/templates/nextjs-dapp/package.json

@@ -25,23 +25,23 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.4",
+    "@arcblock/did-auth": "^1.16.15",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.9",
-    "@ocap/client": "^1.16.4",
-    "@ocap/mcrypto": "^1.16.4",
-    "@ocap/wallet": "^1.16.4",
+    "@blocklet/sdk": "^1.7.20",
+    "@ocap/client": "^1.16.15",
+    "@ocap/mcrypto": "^1.16.15",
+    "@ocap/wallet": "^1.16.15",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.18.0",
-    "next": "12.1.5",
+    "express": "^4.18.1",
+    "next": "12.1.6",
     "react": "18.1.0",
     "react-dom": "18.1.0"
   },
   "devDependencies": {
-    "eslint": "8.14.0",
-    "eslint-config-next": "12.1.5",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint": "8.16.0",
+    "eslint-config-next": "12.1.6",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5"
   }

package/templates/react-dapp/api/index.js

@@ -20,6 +20,7 @@ app.use(express.urlencoded({ extended: true, limit: '1 mb' }));
 const router = express.Router();
 router.use('/api', require('./routes'));
 
+const isDevelopment = process.env.NODE_ENV === 'development';
 const isProduction = process.env.NODE_ENV === 'production' || process.env.ABT_NODE_SERVICE_ENV === 'production';
 
 if (isProduction) {
@@ -42,7 +43,7 @@ if (isProduction) {
   app.use(router);
 }
 
-const port = parseInt(process.env.API_PORT, 10) || 3030;
+const port = (isDevelopment ? parseInt(process.env.API_PORT, 10) : parseInt(process.env.BLOCKLET_PORT, 10)) || 3030;
 
 app.listen(port, (err) => {
   if (err) throw err;

package/templates/react-dapp/package.json

@@ -39,42 +39,34 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.4",
+    "@arcblock/did-auth": "^1.16.15",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.9",
-    "@craco/craco": "^6.4.3",
-    "@ocap/client": "^1.16.4",
-    "@ocap/mcrypto": "^1.16.4",
-    "@ocap/wallet": "^1.16.4",
+    "@blocklet/sdk": "^1.7.20",
+    "@ocap/client": "^1.16.15",
+    "@ocap/mcrypto": "^1.16.15",
+    "@ocap/wallet": "^1.16.15",
     "axios": "^0.27.2",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.18.0",
+    "express": "^4.18.1",
     "express-async-errors": "^3.1.1",
     "express-history-api-fallback": "^2.2.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^6.3.0",
-    "react-scripts": "5.0.1"
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@arcblock/eslint-config": "^0.1.8",
+    "@arcblock/eslint-config": "^0.2.1",
+    "@craco/craco": "^6.4.3",
     "babel-eslint": "^10.1.0",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-unicorn": "^34.0.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint": "^8.16.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.6.0"
+    "prettier": "^2.6.2",
+    "react-scripts": "5.0.1"
   }
 }

package/templates/react-dapp/src/index.js

@@ -1,5 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import App from './app';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

package/templates/react-gun-dapp/api/index.js

@@ -25,6 +25,7 @@ app.use(Gun.serve);
 const router = express.Router();
 router.use('/api', require('./routes'));
 
+const isDevelopment = process.env.NODE_ENV === 'development';
 const isProduction = process.env.NODE_ENV === 'production' || process.env.ABT_NODE_SERVICE_ENV === 'production';
 
 if (isProduction) {
@@ -47,7 +48,7 @@ if (isProduction) {
   app.use(router);
 }
 
-const port = parseInt(process.env.API_PORT, 10) || 3030;
+const port = (isDevelopment ? parseInt(process.env.API_PORT, 10) : parseInt(process.env.BLOCKLET_PORT, 10)) || 3030;
 
 const server = app.listen(port, (err) => {
   if (err) throw err;

package/templates/react-gun-dapp/package.json

@@ -39,43 +39,34 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.4",
+    "@arcblock/did-auth": "^1.16.15",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.9",
-    "@craco/craco": "^6.4.3",
-    "@ocap/client": "^1.16.4",
-    "@ocap/mcrypto": "^1.16.4",
-    "@ocap/wallet": "^1.16.4",
+    "@blocklet/sdk": "^1.7.20",
+    "@ocap/client": "^1.16.15",
+    "@ocap/mcrypto": "^1.16.15",
+    "@ocap/wallet": "^1.16.15",
     "axios": "^0.27.2",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.18.0",
+    "express": "^4.18.1",
     "express-async-errors": "^3.1.1",
     "express-history-api-fallback": "^2.2.1",
     "gun": "^0.2020.1237",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^6.3.0",
-    "react-scripts": "5.0.1"
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@arcblock/eslint-config": "^0.1.8",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-unicorn": "^34.0.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "@arcblock/eslint-config": "^0.2.1",
+    "@craco/craco": "^6.4.3",
+    "eslint": "^8.16.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.6.2"
+    "prettier": "^2.6.2",
+    "react-scripts": "5.0.1"
   }
 }

package/templates/react-gun-dapp/src/index.js

@@ -1,5 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import App from './app';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

package/templates/react-static/package.json

@@ -35,26 +35,17 @@
     ]
   },
   "dependencies": {
-    "@craco/craco": "^6.4.3",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
-    "react-router-dom": "^6.3.0",
-    "react-scripts": "5.0.1"
+    "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@arcblock/eslint-config": "^0.1.8",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-unicorn": "^34.0.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
-    "prettier": "^2.6.2"
+    "@arcblock/eslint-config": "^0.2.1",
+    "@craco/craco": "^6.4.3",
+    "eslint": "^8.16.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
+    "prettier": "^2.6.2",
+    "react-scripts": "5.0.1"
   }
 }

package/templates/react-static/src/index.js

@@ -1,5 +1,10 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import App from './app';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

package/templates/solidjs-dapp/api/index.js

@@ -20,6 +20,7 @@ app.use(express.urlencoded({ extended: true, limit: '1 mb' }));
 const router = express.Router();
 router.use('/api', require('./routes'));
 
+const isDevelopment = process.env.NODE_ENV === 'development';
 const isProduction = process.env.NODE_ENV === 'production' || process.env.ABT_NODE_SERVICE_ENV === 'production';
 
 if (isProduction) {
@@ -42,7 +43,7 @@ if (isProduction) {
   app.use(router);
 }
 
-const port = parseInt(process.env.API_PORT, 10) || 3030;
+const port = (isDevelopment ? parseInt(process.env.API_PORT, 10) : parseInt(process.env.BLOCKLET_PORT, 10)) || 3030;
 
 app.listen(port, (err) => {
   if (err) throw err;

package/templates/solidjs-dapp/package.json

@@ -20,36 +20,36 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "eslint": "^8.14.0",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-solid": "0.4.7",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint-plugin-solid": "0.6.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.6.2",
-    "vite": "^2.9.6",
+    "vite": "^2.9.9",
     "vite-plugin-solid": "^2.2.6",
     "vite-plugin-blocklet": "^0.1.2",
     "vite-plugin-html": "^3.2.0"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.4",
+    "@arcblock/did-auth": "^1.16.15",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.9",
-    "@ocap/client": "^1.16.4",
-    "@ocap/mcrypto": "^1.16.4",
-    "@ocap/wallet": "^1.16.4",
+    "@blocklet/sdk": "^1.7.20",
+    "@ocap/client": "^1.16.15",
+    "@ocap/mcrypto": "^1.16.15",
+    "@ocap/wallet": "^1.16.15",
     "axios": "^0.27.2",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.18.0",
+    "express": "^4.18.1",
     "express-async-errors": "^3.1.1",
     "express-history-api-fallback": "^2.2.1",
-    "solid-js": "^1.3.17"
+    "solid-js": "^1.4.3"
   },
   "lint-staged": {
     "*.{mjs,js,vue}": [

package/templates/solidjs-static/package.json

@@ -16,20 +16,20 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "eslint": "^8.14.0",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-solid": "0.4.7",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint-plugin-solid": "0.6.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "prettier": "^2.6.2",
-    "vite": "^2.9.6",
+    "vite": "^2.9.9",
     "vite-plugin-solid": "^2.2.6",
     "vite-plugin-blocklet": "^0.1.2",
     "vite-plugin-html": "^3.2.0"
   },
   "dependencies": {
-    "solid-js": "^1.3.17"
+    "solid-js": "^1.4.3"
   },
   "lint-staged": {
     "*.{mjs,js,vue}": [

package/templates/svelte-dapp/api/index.js

@@ -20,6 +20,7 @@ app.use(express.urlencoded({ extended: true, limit: '1 mb' }));
 const router = express.Router();
 router.use('/api', require('./routes'));
 
+const isDevelopment = process.env.NODE_ENV === 'development';
 const isProduction = process.env.NODE_ENV === 'production' || process.env.ABT_NODE_SERVICE_ENV === 'production';
 
 if (isProduction) {
@@ -42,7 +43,7 @@ if (isProduction) {
   app.use(router);
 }
 
-const port = parseInt(process.env.API_PORT, 10) || 3030;
+const port = (isDevelopment ? parseInt(process.env.API_PORT, 10) : parseInt(process.env.BLOCKLET_PORT, 10)) || 3030;
 
 app.listen(port, (err) => {
   if (err) throw err;

package/templates/svelte-dapp/package.json

@@ -18,32 +18,32 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.4",
+    "@arcblock/did-auth": "^1.16.15",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.9",
-    "@ocap/client": "^1.16.4",
-    "@ocap/mcrypto": "^1.16.4",
-    "@ocap/wallet": "^1.16.4",
+    "@blocklet/sdk": "^1.7.20",
+    "@ocap/client": "^1.16.15",
+    "@ocap/mcrypto": "^1.16.15",
+    "@ocap/wallet": "^1.16.15",
     "axios": "^0.27.2",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.18.0",
+    "express": "^4.18.1",
     "express-async-errors": "^3.1.1",
     "express-history-api-fallback": "^2.2.1"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "1.0.0-next.42",
-    "eslint": "^8.14.0",
+    "@sveltejs/vite-plugin-svelte": "1.0.0-next.47",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-svelte3": "^3.4.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "prettier": "^2.6.2",
-    "svelte": "^3.47.0",
-    "vite": "^2.9.6",
+    "svelte": "^3.48.0",
+    "vite": "^2.9.9",
     "vite-plugin-blocklet": "^0.1.2",
     "vite-plugin-html": "^3.2.0"
   },

package/templates/svelte-static/package.json

@@ -15,16 +15,16 @@
     "prepare": "husky install"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "1.0.0-next.42",
-    "eslint": "^8.14.0",
+    "@sveltejs/vite-plugin-svelte": "1.0.0-next.47",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-svelte3": "^3.4.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "prettier": "^2.6.2",
-    "svelte": "^3.47.0",
-    "vite": "^2.9.6",
+    "svelte": "^3.48.0",
+    "vite": "^2.9.9",
     "vite-plugin-blocklet": "^0.1.2",
     "vite-plugin-html": "^3.2.0"
   },

package/templates/vue-dapp/api/index.js

@@ -20,6 +20,7 @@ app.use(express.urlencoded({ extended: true, limit: '1 mb' }));
 const router = express.Router();
 router.use('/api', require('./routes'));
 
+const isDevelopment = process.env.NODE_ENV === 'development';
 const isProduction = process.env.NODE_ENV === 'production' || process.env.ABT_NODE_SERVICE_ENV === 'production';
 
 if (isProduction) {
@@ -42,7 +43,7 @@ if (isProduction) {
   app.use(router);
 }
 
-const port = parseInt(process.env.API_PORT, 10) || 3030;
+const port = (isDevelopment ? parseInt(process.env.API_PORT, 10) : parseInt(process.env.BLOCKLET_PORT, 10)) || 3030;
 
 app.listen(port, (err) => {
   if (err) throw err;

package/templates/vue-dapp/package.json

@@ -18,35 +18,35 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.4",
+    "@arcblock/did-auth": "^1.16.15",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.9",
-    "@ocap/client": "^1.16.4",
-    "@ocap/mcrypto": "^1.16.4",
-    "@ocap/wallet": "^1.16.4",
+    "@blocklet/sdk": "^1.7.20",
+    "@ocap/client": "^1.16.15",
+    "@ocap/mcrypto": "^1.16.15",
+    "@ocap/wallet": "^1.16.15",
     "axios": "^0.27.2",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.18.0",
+    "express": "^4.18.1",
     "express-async-errors": "^3.1.1",
     "express-history-api-fallback": "^2.2.1",
     "vite-plugin-html": "^3.2.0",
-    "vue": "^3.2.33"
+    "vue": "^3.2.36"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^2.3.1",
-    "eslint": "^8.14.0",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint-plugin-vue": "^9.1.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.6.2",
-    "vite": "^2.9.6",
+    "vite": "^2.9.9",
     "vite-plugin-blocklet": "^0.1.2"
   },
   "lint-staged": {

package/templates/vue-static/package.json

@@ -14,18 +14,18 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "vue": "^3.2.33"
+    "vue": "^3.2.36"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^2.3.1",
-    "eslint": "^8.14.0",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint-plugin-vue": "^9.1.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "prettier": "^2.6.2",
-    "vite": "^2.9.6",
+    "vite": "^2.9.9",
     "vite-plugin-blocklet": "^0.1.2",
     "vite-plugin-html": "^3.2.0"
   },

package/templates/vue2-dapp/api/index.js

@@ -20,6 +20,7 @@ app.use(express.urlencoded({ extended: true, limit: '1 mb' }));
 const router = express.Router();
 router.use('/api', require('./routes'));
 
+const isDevelopment = process.env.NODE_ENV === 'development';
 const isProduction = process.env.NODE_ENV === 'production' || process.env.ABT_NODE_SERVICE_ENV === 'production';
 
 if (isProduction) {
@@ -42,7 +43,7 @@ if (isProduction) {
   app.use(router);
 }
 
-const port = parseInt(process.env.API_PORT, 10) || 3030;
+const port = (isDevelopment ? parseInt(process.env.API_PORT, 10) : parseInt(process.env.BLOCKLET_PORT, 10)) || 3030;
 
 app.listen(port, (err) => {
   if (err) throw err;

package/templates/vue2-dapp/package.json

@@ -18,35 +18,35 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.4",
+    "@arcblock/did-auth": "^1.16.15",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.9",
-    "@ocap/client": "^1.16.4",
-    "@ocap/mcrypto": "^1.16.4",
-    "@ocap/wallet": "^1.16.4",
+    "@blocklet/sdk": "^1.7.20",
+    "@ocap/client": "^1.16.15",
+    "@ocap/mcrypto": "^1.16.15",
+    "@ocap/wallet": "^1.16.15",
     "axios": "^0.27.2",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
-    "core-js": "^3.22.3",
     "cors": "^2.8.5",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.18.0",
+    "express": "^4.18.1",
     "express-async-errors": "^3.1.1",
     "express-history-api-fallback": "^2.2.1",
     "vue": "^2.6.14"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/eslint-parser": "^7.17.0",
+    "@babel/core": "^7.18.2",
+    "@babel/eslint-parser": "^7.18.2",
     "@vue/cli-plugin-babel": "~5.0.4",
     "@vue/cli-plugin-eslint": "~5.0.4",
     "@vue/cli-service": "~5.0.4",
-    "eslint": "^8.14.0",
+    "core-js": "^3.22.8",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint-plugin-vue": "^9.1.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5",
     "vue-template-compiler": "^2.6.14"

package/templates/vue2-static/package.json

@@ -14,21 +14,21 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "core-js": "^3.22.3",
     "vue": "^2.6.14"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/eslint-parser": "^7.17.0",
+    "@babel/core": "^7.18.2",
+    "@babel/eslint-parser": "^7.18.2",
     "@vue/cli-plugin-babel": "~5.0.4",
     "@vue/cli-plugin-eslint": "~5.0.4",
     "@vue/cli-service": "~5.0.4",
-    "eslint": "^8.14.0",
+    "core-js": "^3.22.8",
+    "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.4.1",
+    "eslint-plugin-vue": "^9.1.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^12.5.0",
     "vue-template-compiler": "^2.6.14"
   },
   "lint-staged": {