create-blocklet 0.3.7 → 0.3.10

package/templates/svelte-static/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "template-svelte",
+  "private": true,
+  "version": "0.1.0",
+  "scripts": {
+    "start": "npm run dev",
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint src --ext .mjs,.js,.svelte",
+    "clean": "rm -rf .blocklet",
+    "bundle": "npm run clean && vite build --base /.blocklet/proxy/<%= did %>/ && blocklet bundle --zip --create-release",
+    "deploy": "npm run bundle && blocklet deploy .blocklet/bundle",
+    "upload": "npm run bundle && blocklet upload .blocklet/release/blocklet.json",
+    "prepare": "husky install"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "1.0.0-next.42",
+    "eslint": "^8.14.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",
+    "prettier": "^2.6.2",
+    "svelte": "^3.47.0",
+    "vite": "^2.9.6",
+    "vite-plugin-blocklet": "^0.1.2",
+    "vite-plugin-html": "^3.2.0"
+  },
+  "lint-staged": {
+    "*.{mjs,js,vue}": [
+      "prettier --write",
+      "eslint --ext .js,.mjs,.svelte"
+    ],
+    "*.{css,less,scss,json,graphql}": [
+      "prettier --write"
+    ]
+  }
+}

package/templates/svelte-static/src/App.svelte

@@ -0,0 +1,64 @@
+<script>
+  import logo from './assets/svelte.png';
+  import Counter from './lib/Counter.svelte';
+</script>
+
+<main>
+  <img src={logo} alt="Svelte Logo" />
+  <h1>Hello world!</h1>
+
+  <Counter />
+
+  <p>
+    Visit <a href="https://svelte.dev">svelte.dev</a> to learn how to build Svelte apps.
+  </p>
+
+  <p>
+    Check out <a href="https://github.com/sveltejs/kit#readme">SvelteKit</a> for the officially supported framework, also
+    powered by Vite!
+  </p>
+</main>
+
+<style>
+  :root {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+      'Helvetica Neue', sans-serif;
+  }
+
+  main {
+    text-align: center;
+    padding: 1em;
+    margin: 0 auto;
+  }
+
+  img {
+    height: 16rem;
+    width: 16rem;
+  }
+
+  h1 {
+    color: #ff3e00;
+    text-transform: uppercase;
+    font-size: 4rem;
+    font-weight: 100;
+    line-height: 1.1;
+    margin: 2rem auto;
+    max-width: 14rem;
+  }
+
+  p {
+    max-width: 14rem;
+    margin: 1rem auto;
+    line-height: 1.35;
+  }
+
+  @media (min-width: 480px) {
+    h1 {
+      max-width: none;
+    }
+
+    p {
+      max-width: none;
+    }
+  }
+</style>

package/templates/svelte-static/src/lib/Counter.svelte

@@ -0,0 +1,34 @@
+<script>
+  let count = 0;
+  const increment = () => {
+    count += 1;
+  };
+</script>
+
+<button on:click={increment}>
+  Clicks: {count}
+</button>
+
+<style>
+  button {
+    font-family: inherit;
+    font-size: inherit;
+    padding: 1em 2em;
+    color: #ff3e00;
+    background-color: rgba(255, 62, 0, 0.1);
+    border-radius: 2em;
+    border: 2px solid rgba(255, 62, 0, 0);
+    outline: none;
+    width: 200px;
+    font-variant-numeric: tabular-nums;
+    cursor: pointer;
+  }
+
+  button:focus {
+    border: 2px solid #ff3e00;
+  }
+
+  button:active {
+    background-color: rgba(255, 62, 0, 0.2);
+  }
+</style>

package/templates/svelte-static/src/main.js

@@ -0,0 +1,7 @@
+import App from './App.svelte';
+
+const app = new App({
+  target: document.getElementById('app'),
+});
+
+export default app;

package/templates/svelte-static/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />

package/templates/svelte-static/vite.config.js

@@ -0,0 +1,29 @@
+import { defineConfig, loadEnv } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { createHtmlPlugin } from 'vite-plugin-html';
+import { createBlockletPlugin } from 'vite-plugin-blocklet';
+
+// https://vitejs.dev/config/
+export default ({ mode }) => {
+  const envMap = loadEnv(mode, process.cwd(), '');
+  const port = process.env.BLOCKLET_PORT || 3000;
+
+  return defineConfig({
+    plugins: [
+      svelte(),
+      createHtmlPlugin({
+        minify: true,
+        inject: {
+          data: {
+            base: process.env.BASE_URL || '/',
+            title: envMap.APP_TITLE,
+          },
+        },
+      }),
+      createBlockletPlugin(),
+    ],
+    server: {
+      port,
+    },
+  });
+};

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

@@ -23,10 +23,6 @@ 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 (isDevelopment) {
-  process.env.BLOCKLET_PORT = 3030;
-}
-
 if (isProduction) {
   app.use(cors());
   app.use(compression());
@@ -47,7 +43,7 @@ if (isProduction) {
   app.use(router);
 }
 
-const port = parseInt(process.env.BLOCKLET_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/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" href="<%- base %>/favicon.ico" />
+    <link rel="icon" href="<%- base %>favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <meta name="theme-color" content="#4F6AF5" />
     <meta name="description" content="Web site created using create-blocklet" />

package/templates/vue-dapp/package.json

@@ -18,35 +18,35 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.0",
+    "@arcblock/did-auth": "^1.16.4",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.6",
-    "@ocap/client": "^1.16.0",
-    "@ocap/mcrypto": "^1.16.0",
-    "@ocap/wallet": "^1.16.0",
-    "axios": "^0.26.1",
+    "@blocklet/sdk": "^1.7.9",
+    "@ocap/client": "^1.16.4",
+    "@ocap/mcrypto": "^1.16.4",
+    "@ocap/wallet": "^1.16.4",
+    "axios": "^0.27.2",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.17.3",
+    "express": "^4.18.0",
     "express-async-errors": "^3.1.1",
     "express-history-api-fallback": "^2.2.1",
     "vite-plugin-html": "^3.2.0",
-    "vue": "^3.2.31"
+    "vue": "^3.2.33"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^2.2.4",
-    "eslint": "^7.32.0",
+    "@vitejs/plugin-vue": "^2.3.1",
+    "eslint": "^8.14.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.5.0",
+    "eslint-plugin-vue": "^8.7.1",
     "husky": "^7.0.4",
-    "lint-staged": "^12.3.7",
-    "nodemon": "^2.0.15",
+    "lint-staged": "^12.4.1",
+    "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.6.0",
-    "vite": "^2.8.6",
+    "prettier": "^2.6.2",
+    "vite": "^2.9.6",
     "vite-plugin-blocklet": "^0.1.2"
   },
   "lint-staged": {

package/templates/vue-dapp/vite.config.js

@@ -5,7 +5,11 @@ import { createBlockletPlugin } from 'vite-plugin-blocklet';
 
 // https://vitejs.dev/config/
 export default ({ mode }) => {
-  const envMap = loadEnv(mode, process.cwd());
+  const port = process.env.BLOCKLET_PORT || 3000;
+
+  const envMap = loadEnv(mode, process.cwd(), '');
+  const apiPort = envMap.API_PORT || 3030;
+
   return defineConfig({
     plugins: [
       vue(),
@@ -14,16 +18,16 @@ export default ({ mode }) => {
         inject: {
           data: {
             base: process.env.BASE_URL || '/',
-            title: envMap.VITE_APP_TITLE,
+            title: envMap.APP_TITLE,
           },
         },
       }),
       createBlockletPlugin(),
     ],
     server: {
-      port: process.env.BLOCKLET_PORT,
+      port,
       proxy: {
-        '/api': 'http://127.0.0.1:3030',
+        '/api': `http://127.0.0.1:${apiPort}`,
       },
     },
   });

package/templates/vue-static/README.md

@@ -13,7 +13,6 @@ This blocklet is a static project, which means this is a frontend application. I
 - 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

package/templates/vue-static/package.json

@@ -14,20 +14,20 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "vite-plugin-html": "^3.2.0",
-    "vue": "^3.2.31"
+    "vue": "^3.2.33"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^2.2.4",
-    "eslint": "^7.32.0",
+    "@vitejs/plugin-vue": "^2.3.1",
+    "eslint": "^8.14.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.5.0",
+    "eslint-plugin-vue": "^8.7.1",
     "husky": "^7.0.4",
-    "lint-staged": "^12.3.7",
-    "prettier": "^2.6.0",
-    "vite": "^2.8.6",
-    "vite-plugin-blocklet": "^0.1.1"
+    "lint-staged": "^12.4.1",
+    "prettier": "^2.6.2",
+    "vite": "^2.9.6",
+    "vite-plugin-blocklet": "^0.1.2",
+    "vite-plugin-html": "^3.2.0"
   },
   "lint-staged": {
     "*.{mjs,js,vue}": [

package/templates/vue-static/vite.config.js

@@ -5,7 +5,9 @@ import { createBlockletPlugin } from 'vite-plugin-blocklet';
 
 // https://vitejs.dev/config/
 export default ({ mode }) => {
-  const envMap = loadEnv(mode, process.cwd());
+  const envMap = loadEnv(mode, process.cwd(), '');
+  const port = process.env.BLOCKLET_PORT || 3000;
+
   return defineConfig({
     plugins: [
       vue(),
@@ -14,14 +16,14 @@ export default ({ mode }) => {
         inject: {
           data: {
             base: process.env.BASE_URL || '/',
-            title: envMap.VITE_APP_TITLE,
+            title: envMap.APP_TITLE,
           },
         },
       }),
       createBlockletPlugin(),
     ],
     server: {
-      port: process.env.BLOCKLET_PORT,
+      port,
     },
   });
 };

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

@@ -23,10 +23,6 @@ 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 (isDevelopment) {
-  process.env.BLOCKLET_PORT = 3030;
-}
-
 if (isProduction) {
   app.use(cors());
   app.use(compression());
@@ -47,7 +43,7 @@ if (isProduction) {
   app.use(router);
 }
 
-const port = parseInt(process.env.BLOCKLET_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,36 +18,36 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.16.0",
+    "@arcblock/did-auth": "^1.16.4",
     "@arcblock/did-auth-storage-nedb": "^1.6.3",
-    "@blocklet/sdk": "^1.7.6",
-    "@ocap/client": "^1.16.0",
-    "@ocap/mcrypto": "^1.16.0",
-    "@ocap/wallet": "^1.16.0",
-    "axios": "^0.26.1",
+    "@blocklet/sdk": "^1.7.9",
+    "@ocap/client": "^1.16.4",
+    "@ocap/mcrypto": "^1.16.4",
+    "@ocap/wallet": "^1.16.4",
+    "axios": "^0.27.2",
     "compression": "^1.7.4",
     "cookie-parser": "^1.4.6",
-    "core-js": "^3.21.1",
+    "core-js": "^3.22.3",
     "cors": "^2.8.5",
     "dotenv-flow": "^3.2.0",
-    "express": "^4.17.3",
+    "express": "^4.18.0",
     "express-async-errors": "^3.1.1",
     "express-history-api-fallback": "^2.2.1",
     "vue": "^2.6.14"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.8",
+    "@babel/core": "^7.17.9",
     "@babel/eslint-parser": "^7.17.0",
-    "@vue/cli-plugin-babel": "~5.0.3",
-    "@vue/cli-plugin-eslint": "~5.0.3",
-    "@vue/cli-service": "~5.0.3",
-    "eslint": "^7.32.0",
+    "@vue/cli-plugin-babel": "~5.0.4",
+    "@vue/cli-plugin-eslint": "~5.0.4",
+    "@vue/cli-service": "~5.0.4",
+    "eslint": "^8.14.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.5.0",
+    "eslint-plugin-vue": "^8.7.1",
     "husky": "^7.0.4",
-    "lint-staged": "^12.3.7",
-    "nodemon": "^2.0.15",
+    "lint-staged": "^12.4.1",
+    "nodemon": "^2.0.16",
     "npm-run-all": "^4.1.5",
     "vue-template-compiler": "^2.6.14"
   },

package/templates/vue2-dapp/vue.config.js

@@ -1,4 +1,7 @@
-const port = process.env.BLOCKLET_PORT || process.env.PORT || 8080;
+require('dotenv-flow').config();
+
+const port = process.env.BLOCKLET_PORT || process.env.PORT || 3000;
+const apiPort = process.env.API_PORT || 3030;
 
 module.exports = {
   publicPath: process.env.PUBLIC_PATH || '/',
@@ -11,7 +14,7 @@ module.exports = {
     },
     proxy: {
       '/api': {
-        target: 'http://127.0.0.1:3030',
+        target: `http://127.0.0.1:${apiPort}`,
       },
     },
   },

package/templates/vue2-static/package.json

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

package/templates/vue2-static/vue.config.js

@@ -1,4 +1,4 @@
-const port = process.env.BLOCKLET_PORT || process.env.PORT || 8080;
+const port = process.env.BLOCKLET_PORT || process.env.PORT || 3000;
 
 module.exports = {
   publicPath: process.env.PUBLIC_PATH || '/',