create-blocklet 0.2.5 → 0.2.9

package/common/.github/workflows/main.yml

@@ -27,10 +27,10 @@ jobs:
           skip-upload: false
           skip-deploy: false
           bundle-command: yarn bundle
-          registry-endpoint: ${{ secrets.STAGING_REGISTRY }}
-          developer-sk: ${{ secrets.ABTNODE_DEV_STAGING_SK }}
-          abtnode-endpoint: ${{ secrets.STAGING_NODE_ENDPOINT }}
-          access-key: ${{ secrets.STAGING_NODE_ACCESS_KEY }}
-          access-secret: ${{ secrets.STAGING_NODE_ACCESS_SECRET }}
+          store-endpoint: ${{ secrets.STORE_ENDPOINT_STAGING }}
+          store-access-token: ${{ secrets.STORE_ACCESS_TOKEN_STAGING }}
+          server-endpoint: ${{ secrets.STAGING_NODE_ENDPOINT }}
+          server-access-key: ${{ secrets.STAGING_NODE_ACCESS_KEY }}
+          server-access-secret: ${{ secrets.STAGING_NODE_ACCESS_SECRET }}
           slack-webhook: ${{ secrets.SLACK_WEBHOOK }}
           github-token: ${{ secrets.GITHUB_TOKEN }}

package/common/.prettierrc

@@ -1,5 +1,6 @@
 {
   "printWidth": 120,
+  "useTabs": false,
   "tabWidth": 2,
   "trailingComma": "es5",
   "jsxBracketSameLine": true,

package/common/Makefile

@@ -3,7 +3,7 @@
 dep:
 	@echo "Install dependencies required for this repo..."
 	@npm install
-	@npm install -g @abtnode/cli
+	@npm install -g @blocklet/cli
 
 test:
 	@echo "Running test suites..."

package/common/_gitignore

@@ -10,6 +10,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store

package/index.js

@@ -40,6 +40,11 @@ const TYPES = [
         display: 'vue3 + vite',
         color: green,
       },
+      {
+        name: 'vue2',
+        display: 'vue2 + @vue/cli',
+        color: green,
+      },
     ],
   },
   {
@@ -56,6 +61,11 @@ const TYPES = [
         display: 'vue3 + vite',
         color: green,
       },
+      {
+        name: 'vue2',
+        display: 'vue2 + @vue/cli',
+        color: green,
+      },
     ],
   },
 ];
@@ -189,43 +199,43 @@ async function init() {
   await echoBrand();
   await echoDocument();
 
-  console.log('Checking abtnode runtime environment...', '\n');
+  console.log('Checking blocklet server runtime environment...', '\n');
 
   const isAbtnodeInstalled = checkAbtnodeInstalled();
   const isSatisfiedVersion = checkSatisfiedVersion();
   const isAbtnodeRunning = checkAbtnodeRunning();
 
   if (!isAbtnodeInstalled) {
-    // 未安装 abtnode
-    console.log(red('To run the blocklet, you need a running abtnode instance on local machine.'), '\n');
+    // 未安装 blocklet server
+    console.log(red('To run the blocklet, you need a running blocklet server instance on local machine.'), '\n');
     console.log(`Checkout ${green('README.md')} for more usage instructions.`);
     console.log('Now you should run:', '\n');
-    console.log(cyan('npm install -g @abtnode/cli'));
-    console.log(cyan('abtnode start -a'));
+    console.log(cyan('npm install -g @blocklet/cli'));
+    console.log(cyan('blocklet server start -a'));
   } else if (!isSatisfiedVersion) {
-    // 已安装 abtnode，但版本不满足
-    console.log(red('Your abtnode version is outdate, please update it to the latest version.'));
+    // 已安装 blocklet server，但版本不满足
+    console.log(red('Your blocklet server version is outdate, please update it to the latest version.'));
     console.log('Now you should run:', '\n');
     if (isAbtnodeRunning) {
-      // abtnode 已经启动
-      const abtnodePath = getAbtnodeDirectory();
-      console.log(cyan(`cd ${abtnodePath}`));
-      console.log(cyan('abtnode stop'));
-      console.log(cyan('npm install -g @abtnode/cli'));
-      console.log(cyan('abtnode start'));
+      // blocklet server 已经启动
+      const serverPath = getAbtnodeDirectory();
+      console.log(cyan(`cd ${serverPath}`));
+      console.log(cyan('blocklet server stop'));
+      console.log(cyan('npm install -g @blocklet/cli'));
+      console.log(cyan('blocklet server start'));
       console.log(cyan(`cd ${cwd}`));
     } else {
-      // abtnode 未启动
-      // TODO: 如何获取未启动的 abtnode 实例目录？
-      console.log(cyan('npm install -g @abtnode/cli'));
-      console.log(cyan('abtnode start -a'));
+      // blocklet server 未启动
+      // TODO: 如何获取未启动的 blocklet server 实例目录？
+      console.log(cyan('npm install -g @blocklet/cli'));
+      console.log(cyan('blocklet server start -a'));
     }
   } else if (!isAbtnodeRunning) {
-    // 已经安装 abtnode，且版本满足，并且 abtnode 未启动
-    console.log(red('You need to start your abtnode before develop this blocklet.'));
+    // 已经安装 blocklet server，且版本满足，并且 blocklet server 未启动
+    console.log(red('You need to start your blocklet server before develop this blocklet.'));
     console.log('Now you should run:', '\n');
-    // TODO: 如何获取未启动的 abtnode 实例目录？
-    console.log(cyan('abtnode start -a'));
+    // TODO: 如何获取未启动的 blocklet server 实例目录？
+    console.log(cyan('blocklet server start -a'));
   }
 
   console.log(`\n\nScaffolding project in ${root}...`);
@@ -238,6 +248,10 @@ async function init() {
     const commonDir = path.join(__dirname, 'common');
     const commonFiles = fs.readdirSync(commonDir);
     for (const file of commonFiles) {
+      if (framework !== 'react' && file === '_eslintrc.js') {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
       const targetPath = renameFiles[file] ? path.join(root, renameFiles[file]) : path.join(root, file);
       copy(path.join(commonDir, file), targetPath);
     }

package/lib/abtnode.js

@@ -2,17 +2,17 @@ import semver from 'semver';
 import { getOutput } from './index.js';
 
 export function checkAbtnodeInstalled() {
-  const output = getOutput('which abtnode');
+  const output = getOutput('which blocklet');
   return !!output;
 }
 
 export function getAbtnodeVersion() {
-  const output = getOutput('abtnode --version');
+  const output = getOutput('blocklet --version');
   return output.trim();
 }
 
 export function getAbtnodeStatus() {
-  const output = getOutput('abtnode status');
+  const output = getOutput('blocklet server status');
   const [matchStr] = output.match(/ABT Node status:[\s\S]*?\n/gm) || [];
   if (!matchStr) {
     return 'stop';
@@ -26,17 +26,17 @@ export function checkAbtnodeRunning() {
 }
 
 export function checkSatisfiedVersion() {
-  const output = getOutput('abtnode --version');
+  const output = getOutput('blocklet --version');
   const version = output.trim();
-  return semver.satisfies(version, '>= 1.5.10');
+  return semver.satisfies(version, '>= 1.6.1');
 }
 
 export function getAbtnodeDirectory() {
-  const output = getOutput('abtnode status');
-  const [matchStr] = output.match(/ABT Node Data Directory:[\s\S]*?\n/gm) || [];
+  const output = getOutput('blocklet server status');
+  const [matchStr] = output.match(/Blocklet Server Data Directory:[\s\S]*?\n/gm) || [];
   if (!matchStr) return null;
 
-  const directory = matchStr.replace(/ABT Node Data Directory:[\s]*([\S]+)\/\.abtnode\n/gm, '$1');
+  const directory = matchStr.replace(/Blocklet Server Data Directory:[\s]*([\S]+)\/\.abtnode\n/gm, '$1');
   return directory;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-blocklet",
-  "version": "0.2.5",
+  "version": "0.2.9",
   "exports": "./index.js",
   "type": "module",
   "repository": "git@github.com:blocklet/create-blocklet.git",

package/template-dapp/react/README.md

@@ -34,17 +34,17 @@ This blocklet is a dapp project, which means this is a full-stack application. I
 
 ## Development
 
-1. Make sure you have [@abtnode/cli](https://www.npmjs.com/package/@abtnode/cli) installed
+1. Make sure you have [@blocklet/cli](https://www.npmjs.com/package/@blocklet/cli) installed
 
-   Blocklet needs abtnode as a dependency. So you need to install it first.  
-   `npm install -g @abtnode/cli`  
+   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 abtnode & start abtnode
+2. Init blocklet server & start blocklet server
 
-   Before starting an abtnode, you need to init abtnode.  
-   `abtnode init --mode=debug`  
-   `abtnode start`  
+   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]`
@@ -57,19 +57,19 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
 
 ## Deploy
 
-- If you want to deploy this blocklet to local abtnode, you can use `blocklet deploy .blocklet/bundle` command(Make sure the blocklet is bundled before deployment).
+- 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 abtnode, you can use the command below.
+- If you want to deploy this blocklet to remote blocklet server, you can use the command below.
 
   ```shell
-  blocklet deploy .blocklet/bundle --endpoint {your abtnode url} --access-key {abtnode access key} --access-secret {abtnode access secret}
+  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 registry
+## Upload to blocklet store
 
-- If you want to upload the blocklet to any registry for other users to download and use, you can following the following instructions.
+- 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.
 
@@ -77,22 +77,22 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
   make bump-version
   ```
 
-  Then config blocklet registry url.
-  You can use those registry url in below.
+  Then config blocklet store url.
+  You can use those store url in below.
 
-  1. [https://registry.arcblock.io/](https://registry.arcblock.io/)
-  2. [https://dev.registry.arcblock.io/](https://dev.registry.arcblock.io/)
-  3. A blocklet registry started by yourself.
-     > Make sure you have installed a `blocklet registry` on your own abtnode. Check it on here: [https://registry.arcblock.io/blocklet/z8ia29UsENBg6tLZUKi2HABj38Cw1LmHZocbQ](https://registry.arcblock.io/blocklet/z8ia29UsENBg6tLZUKi2HABj38Cw1LmHZocbQ)
+  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 registry {registry url}
+  blocklet config set store {store url}
   ```
 
   Get a `accessToken` by using this command.
 
   > Why we need a `accessToken`?  
-  > A `accessToken` is genrate by blocklet registry, which help us upload our blocklet to any registry.
+  > A `accessToken` is genrate by blocklet store, which help us upload our blocklet to any store.
 
   Set `accessToken` to blocklet config
 
@@ -100,7 +100,7 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
   blocklet config set accessToken {accessToken}
   ```
 
-  Upload a new version to a registry.
+  Upload a new version to a store.
 
   > Make sure the blocklet is bundled before upload.
 
@@ -110,7 +110,7 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
 
   Or you can simply use `npm run upload` command.
 
-- You also can upload a new version to a registry by Github CI.  
+- You also can upload a new version to a store by Github CI.  
   Bump version at first.
 
   ```shell
@@ -118,7 +118,7 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
   ```
 
   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 registry.
+  The CI workflow will automatically upload a new version to a store.
 
 ## Q & A
 

package/template-dapp/vue/README.md

@@ -28,17 +28,17 @@ This blocklet is a static project, which means this is a frontend application. I
 
 ## Development
 
-1. Make sure you have [@abtnode/cli](https://www.npmjs.com/package/@abtnode/cli) installed
+1. Make sure you have [@blocklet/cli](https://www.npmjs.com/package/@blocklet/cli) installed
 
-   Blocklet needs abtnode as a dependency. So you need to install it first.  
-   `npm install -g @abtnode/cli`  
+   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 abtnode & start abtnode
+2. Init blocklet server & start blocklet server
 
-   Before starting an abtnode, you need to init abtnode.  
-   `abtnode init --mode=debug`  
-   `abtnode start`  
+   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]`
@@ -51,19 +51,19 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
 
 ## Deploy
 
-- If you want to deploy this blocklet to local abtnode, you can use `blocklet deploy .blocklet/bundle` command(Make sure the blocklet is bundled before deployment.)
+- 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 abtnode, you can use the command below.
+- If you want to deploy this blocklet to remote blocklet server, you can use the command below.
 
   ```shell
-  blocklet deploy .blocklet/bundle --endpoint {your abtnode url} --access-key {abtnode access key} --access-secret {abtnode access secret}
+  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 registry
+## Upload to blocklet store
 
-- If you want to upload the blocklet to any registry for other users to download and use, you can following the following instructions.
+- 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.
 
@@ -71,22 +71,22 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
   make bump-version
   ```
 
-  Then config blocklet registry url.
-  You can use those registry url in below.
+  Then config blocklet store url.
+  You can use those store url in below.
 
-  1. [https://registry.arcblock.io/](https://registry.arcblock.io/)
-  2. [https://dev.registry.arcblock.io/](https://dev.registry.arcblock.io/)
-  3. A blocklet registry started by yourself.
-     > Make sure you have installed a `blocklet registry` on your own abtnode. Check it on here: [https://registry.arcblock.io/blocklet/z8ia29UsENBg6tLZUKi2HABj38Cw1LmHZocbQ](https://registry.arcblock.io/blocklet/z8ia29UsENBg6tLZUKi2HABj38Cw1LmHZocbQ)
+  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 registry {registry url}
+  blocklet config set store {store url}
   ```
 
-  Get a `accessToken` from blocklet registry.
+  Get a `accessToken` from blocklet store.
 
   > Why we need a `accessToken`?  
-  > A `accessToken` is genrate by blocklet registry, which help us upload our blocklet to any registry.
+  > A `accessToken` is genrate by blocklet store, which help us upload our blocklet to any store.
 
   Set `accessToken` to blocklet config
 
@@ -94,7 +94,7 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
   blocklet config set accessToken {accessToken}
   ```
 
-  Upload a new version to a registry.
+  Upload a new version to a store.
 
   > Make sure the blocklet is bundled before upload.
 
@@ -104,7 +104,7 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
 
   Or you can simply use `npm run upload` command.
 
-- You also can upload a new version to blocklet registry by Github CI.  
+- You also can upload a new version to blocklet store by Github CI.  
   Bump version at first.
 
   ```shell
@@ -112,7 +112,7 @@ After developing a blocklet, you may need to bundle it. Use `npm run bundle` com
   ```
 
   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 registry.
+  The CI workflow will automatically upload a new version to a store.
 
 ## Q & A
 

package/template-dapp/vue/blocklet.yml

@@ -46,7 +46,17 @@ requirements:
 scripts:
   preStart: node server/hooks/pre-start.js
   dev: npm run start
-environments: []
+environments:
+  - name: CHAIN_ID
+    description: What's endpoint of the chain id?
+    required: true
+    default: 'beta'
+    secure: false
+  - name: CHAIN_HOST
+    description: What's endpoint of the chain?
+    required: true
+    default: 'https://beta.abtnetwork.io/api/'
+    secure: false
 capabilities: {}
 screenshots: []
 children: []

package/template-dapp/vue2/.env

@@ -0,0 +1 @@
+APP_TITLE=''

package/template-dapp/vue2/README.md

@@ -0,0 +1,147 @@
+# 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
+
+- public/ - static files
+  - favicon.ico - favicon
+  - favicon.svg - favicon
+  - index.html - main html file, template for vue
+- screenshots/ - Screenshots
+- src/ - Client side code (A standard vue app 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_PATH=/.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 AbtNode & 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/template-dapp/vue2/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@vue/cli-plugin-babel/preset'],
+};

package/template-dapp/vue2/blocklet.md

@@ -0,0 +1,3 @@
+# template-vue2
+
+A vue2 template for creating a new blocklet project.

package/template-dapp/vue2/blocklet.yml

@@ -0,0 +1,60 @@
+name: template-vue2
+title: Blocklet Template Vue2
+description: ABT Node blocklet project
+keywords:
+  - blocklet
+  - vue
+group: static
+did: ''
+main: dist
+author:
+  name: zhanghan
+  email: zhanghan@arcblock.io
+repository:
+  type: git
+  url: git+https://github.com/blocklet/create-blocklet.git
+specVersion: 1.1.1
+version: 0.1.0
+logo: logo.png
+files:
+  - logo.png
+  - README.md
+  - blocklet.md
+  - screenshots
+interfaces:
+  - type: web
+    name: publicUrl
+    path: /
+    prefix: '*'
+    port: BLOCKLET_PORT
+    protocol: http
+community: ''
+documentation: ''
+homepage: ''
+license: ''
+charging:
+  price: 0
+  tokens: []
+  shares: []
+timeout:
+  start: 60
+requirements:
+  abtnode: '>=1.4.0'
+  os: '*'
+  cpu: '*'
+scripts:
+  dev: npm run start
+environments:
+  - name: CHAIN_ID
+    description: What's endpoint of the chain id?
+    required: true
+    default: 'beta'
+    secure: false
+  - name: CHAIN_HOST
+    description: What's endpoint of the chain?
+    required: true
+    default: 'https://beta.abtnetwork.io/api/'
+    secure: false
+capabilities: {}
+screenshots: []
+children: []