create-blocklet 0.9.6 → 0.9.8

package/templates/did-connect-dapp/src/pages/main.jsx

@@ -0,0 +1,95 @@
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import iconOpenInNewRounded from '@iconify-icons/material-symbols/open-in-new-rounded';
+import { Icon } from '@iconify/react';
+import { Box, Link, Typography } from '@mui/material';
+
+import getWalletEnImg from '../assets/get_wallet_en.png';
+import getWalletZhImg from '../assets/get_wallet_zh.png';
+import RequestDigestSignature from '../components/connects/request-digest-signature';
+import RequestMultipleClaims from '../components/connects/request-multiple-claims';
+import RequestMultipleSteps from '../components/connects/request-multiple-steps';
+import RequestNFT from '../components/connects/request-nft';
+import RequestPayment from '../components/connects/request-payment';
+import RequestProfile from '../components/connects/request-profile';
+import RequestTextSignature from '../components/connects/request-text-signature';
+import RequestTransactionSignature from '../components/connects/request-transaction-signature';
+import Layout from '../components/layout';
+
+function Main() {
+  const { locale, t } = useLocaleContext();
+  const getWalletImgUrl = locale === 'zh' ? getWalletZhImg : getWalletEnImg;
+  const getWalletUrl = `https://www.didwallet.io/${locale === 'zh' ? 'zh' : 'en'}`;
+
+  return (
+    <Layout>
+      <Typography component="h3" variant="h4" color="textPrimary" gutterBottom>
+        {t('step1.title')}{' '}
+        <Typography component="small" color="text.secondary">
+          {t('step1.prepareDIDWallet')}
+        </Typography>
+      </Typography>
+      <Typography variant="body1">
+        {t('step1.getWalletFromHere')}{' '}
+        <Link
+          href={getWalletUrl}
+          target="_blank"
+          underline="hover"
+          sx={{
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 0.5,
+          }}>
+          DID Wallet <Icon icon={iconOpenInNewRounded} />
+        </Link>
+      </Typography>
+      <Box
+        component="a"
+        href={getWalletUrl}
+        target="_blank"
+        rel="noreferrer"
+        sx={{
+          display: 'block',
+          px: {
+            sm: 0,
+            md: 8,
+            lg: 16,
+          },
+        }}>
+        <Box
+          component="img"
+          src={getWalletImgUrl}
+          alt="Prepare DID Wallet"
+          sx={{
+            width: '100%',
+          }}
+        />
+      </Box>
+
+      <Typography component="h3" variant="h4" color="text.primary" gutterBottom sx={{ mt: 2 }}>
+        {t('step2.title')}{' '}
+        <Typography component="small" color="text.secondary">
+          {t('step2.enjoyPlayground')}
+        </Typography>
+      </Typography>
+
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: 5,
+          mb: 10,
+        }}>
+        <RequestProfile />
+        <RequestNFT />
+        <RequestTextSignature />
+        <RequestDigestSignature />
+        <RequestTransactionSignature />
+        <RequestPayment />
+        <RequestMultipleClaims />
+        <RequestMultipleSteps />
+      </Box>
+    </Layout>
+  );
+}
+
+export default Main;

package/templates/did-connect-dapp/template-info.json

@@ -0,0 +1,12 @@
+{
+  "name": "did-connect-dapp",
+  "desc": {
+    "en": "Showcase various use cases of DID Connect, help you get started with DID Connect quickly",
+    "zh": "展示 DID Connect 各种用法， 帮助你快速上手 DID Connect"
+  },
+  "blockletType": "dapp",
+  "composable": true,
+  "languages": "JavaScript",
+  "useCase": "Starter",
+  "author": "Blocklet"
+}

package/templates/did-connect-dapp/vite.config.mjs

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { createBlockletPlugin } from 'vite-plugin-blocklet';
+import svgr from 'vite-plugin-svgr';
+
+// https://vitejs.dev/config/
+export default defineConfig(() => {
+  return {
+    plugins: [react(), createBlockletPlugin(), svgr()],
+  };
+});

package/templates/did-wallet-dapp/blocklet.yml

@@ -1,4 +1,3 @@
-name: template-did-wallet-dapp
 title: Blocklet Template DID Wallet Dapp
 description: A Blocklet DAPP blocklet
 keywords:
@@ -56,4 +55,4 @@ navigation:
     title:
       en: Profile page
       zh: Profile 页面
-    link: /profile
+    link: /profile

package/templates/did-wallet-dapp/package.json

@@ -22,40 +22,40 @@
     "@ocap/mcrypto": "^1.18.135",
     "@ocap/util": "^1.18.135",
     "@ocap/wallet": "^1.18.135",
-    "body-parser": "^1.20.2",
+    "body-parser": "^1.20.3",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
-    "express": "^4.19.2",
+    "express": "^4.21.0",
     "express-async-errors": "^3.1.1",
     "morgan": "^1.10.0"
   },
   "devDependencies": {
+    "@arcblock/did-connect": "^2.10.38",
     "@arcblock/eslint-config": "^0.3.2",
-    "@arcblock/did-connect": "^2.10.32",
-    "@arcblock/ux": "^2.10.32",
+    "@arcblock/ux": "^2.10.38",
     "@blocklet/js-sdk": "^1.16.31",
-    "@blocklet/ui-react": "^2.10.32",
-    "bumpp": "^9.4.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
-    "@mui/icons-material": "^5.16.0",
-    "@mui/material": "^5.16.0",
+    "@blocklet/ui-react": "^2.10.38",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
     "@vitejs/plugin-react": "^4.3.1",
-    "dayjs": "^1.11.11",
+    "bumpp": "^9.5.2",
+    "dayjs": "^1.11.13",
     "dotenv-flow": "^4.1.0",
     "flat": "^6.0.1",
-    "nodemon": "^3.1.4",
+    "nodemon": "^3.1.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router-dom": "^6.24.1",
-    "rimraf": "^5.0.7",
+    "react-router-dom": "^6.26.2",
+    "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
-    "vite": "^5.3.3",
-    "vite-node": "^2.0.2",
-    "vite-plugin-blocklet": "^0.9.6",
+    "vite": "^5.4.8",
+    "vite-node": "^2.1.1",
+    "vite-plugin-blocklet": "^0.9.8",
     "vite-plugin-require": "^1.2.14",
     "vite-plugin-svgr": "^4.2.0",
-    "zx": "^8.1.4"
+    "zx": "^8.1.8"
   },
   "lint-staged": {
     "*.{mjs,js,jsx,ts,tsx}": [

package/templates/express-api/blocklet.yml

@@ -1,4 +1,3 @@
-name: template-express
 title: Blocklet Template Express
 description: A Blocklet Api blocklet
 keywords:

package/templates/express-api/package.json

@@ -32,21 +32,22 @@
   "license": "ISC",
   "dependencies": {
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.30",
+    "@blocklet/sdk": "^1.16.31",
     "@ocap/client": "^1.18.135",
     "dotenv-flow": "^4.1.0",
-    "express": "^4.19.2"
+    "express": "^4.21.0"
   },
   "devDependencies": {
     "@arcblock/eslint-config-base": "^0.3.2",
-    "bumpp": "^9.4.1",
-    "eslint": "^8.57.0",
-    "lint-staged": "^15.2.7",
-    "nodemon": "^3.1.4",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "bumpp": "^9.5.2",
+    "eslint": "^8.57.1",
+    "lint-staged": "^15.2.10",
+    "nodemon": "^3.1.7",
     "prettier": "^3.3.3",
-    "rimraf": "^5.0.7",
+    "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
-    "zx": "^8.1.4"
+    "zx": "^8.1.8"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"

package/templates/html-static/blocklet.yml

@@ -1,4 +1,3 @@
-name: template-html
 title: Blocklet Template HTML
 description: A Blocklet Server blocklet
 keywords:

package/templates/html-static/package.json

@@ -16,9 +16,10 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "bumpp": "^9.4.1",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "bumpp": "^9.5.2",
     "prettier": "^3.3.3",
-    "rimraf": "^5.0.7",
-    "zx": "^8.1.4"
+    "rimraf": "^5.0.10",
+    "zx": "^8.1.8"
   }
 }

package/templates/monorepo/package.json

@@ -20,11 +20,12 @@
   "license": "ISC",
   "devDependencies": {
     "@arcblock/eslint-config": "^0.3.2",
-    "bumpp": "^9.4.1",
-    "eslint": "^8.57.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "bumpp": "^9.5.2",
+    "eslint": "^8.57.1",
     "prettier": "^3.3.3",
     "simple-git-hooks": "^2.11.1",
-    "zx": "^8.1.4"
+    "zx": "^8.1.8"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"

package/templates/monorepo/scripts/bump-version.mjs

@@ -2,46 +2,50 @@
 import { execSync } from 'child_process';
 import { $, chalk, fs, path } from 'zx';
 
-const cwd = process.cwd(); // 获取脚本执行目录
+async function main() {
+  const cwd = process.cwd(); // 获取脚本执行目录
 
-// or use pnpm to bump version: `pnpm -r --filter {packages/*, themes/*} -- pnpm version`
-execSync('bumpp --no-tag --no-commit --no-push package.json blocklets/*/package.json', { stdio: 'inherit' });
+  // or use pnpm to bump version: `pnpm -r --filter {packages/*, themes/*} -- pnpm version`
+  execSync('bumpp --no-tag --no-commit --no-push package.json blocklets/*/package.json', { stdio: 'inherit' });
 
-const { version } = await fs.readJSON('package.json');
-await fs.writeFileSync('version', version);
+  const { version } = await fs.readJSON('package.json');
+  await fs.writeFileSync('version', version);
 
-console.log(chalk.greenBright(`[info]: start to modify blocklets version to ${version}`));
-const dirPath = path.join(__dirname, '../blocklets');
-let pathList = await fs.readdirSync(dirPath);
-pathList = pathList.map((item) => `${dirPath}/${item}`);
-for (const ymlDir of pathList) {
-  await $`cd ${ymlDir} && blocklet version ${version}`;
-}
-console.log(chalk.greenBright('[info]: all blocklets version modified.'));
+  console.log(chalk.greenBright(`[info]: start to modify blocklets version to ${version}`));
+  const dirPath = path.join(__dirname, '../blocklets');
+  let pathList = await fs.readdirSync(dirPath);
+  pathList = pathList.map((item) => `${dirPath}/${item}`);
+  for (const ymlDir of pathList) {
+    await $`cd ${ymlDir} && blocklet version ${version}`;
+  }
+  console.log(chalk.greenBright('[info]: all blocklets version modified.'));
 
-await $`cd ${cwd}`;
+  await $`cd ${cwd}`;
 
-let newChangelog = '';
+  let newChangelog = '';
 
-try {
-  const gitRes = await $`git log --pretty=format:"- %s" "main"...HEAD`;
-  newChangelog = gitRes.stdout.trim();
-} catch {
-  console.error(chalk.redBright('Could not get git log, please write changelog manually.'));
-}
+  try {
+    const gitRes = await $`git log --pretty=format:"- %s" "main"...HEAD`;
+    newChangelog = gitRes.stdout.trim();
+  } catch {
+    console.error(chalk.redBright('Could not get git log, please write changelog manually.'));
+  }
 
-const now = new Date();
-const currentDate = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;
-const title = `## ${version} (${currentDate})`;
+  const now = new Date();
+  const currentDate = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;
+  const title = `## ${version} (${currentDate})`;
 
-await fs.ensureFile('CHANGELOG.md');
-const oldChangelog = await fs.readFile('CHANGELOG.md', 'utf8');
-const changelog = [title, newChangelog, oldChangelog].filter((item) => !!item).join('\n\n');
+  await fs.ensureFile('CHANGELOG.md');
+  const oldChangelog = await fs.readFile('CHANGELOG.md', 'utf8');
+  const changelog = [title, newChangelog, oldChangelog].filter((item) => !!item).join('\n\n');
 
-await fs.writeFile('CHANGELOG.md', changelog);
+  await fs.writeFile('CHANGELOG.md', changelog);
 
-console.log(`\nNow you can make adjustments to ${chalk.cyan('CHANGELOG.md')}. Then press enter to continue.`);
+  console.log(`\nNow you can make adjustments to ${chalk.cyan('CHANGELOG.md')}. Then press enter to continue.`);
+
+  process.stdin.setRawMode(true);
+  process.stdin.resume();
+  process.stdin.on('data', process.exit.bind(process, 0));
+}
 
-process.stdin.setRawMode(true);
-process.stdin.resume();
-process.stdin.on('data', process.exit.bind(process, 0));
+main();

package/templates/nestjs-api/blocklet.yml

@@ -1,4 +1,3 @@
-name: template-nestjs
 title: Blocklet Template NestJS
 description: A Blocklet Api blocklet
 keywords:

package/templates/nestjs-api/package.json

@@ -36,36 +36,37 @@
   },
   "dependencies": {
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.30",
-    "@nestjs/common": "^10.3.9",
-    "@nestjs/core": "^10.3.9",
-    "@nestjs/platform-express": "^10.3.9",
+    "@blocklet/sdk": "^1.16.31",
+    "@nestjs/common": "^10.4.4",
+    "@nestjs/core": "^10.4.4",
+    "@nestjs/platform-express": "^10.4.4",
     "@ocap/client": "^1.18.135",
     "dotenv-flow": "^4.1.0",
-    "express": "^4.19.2",
+    "express": "^4.21.0",
     "reflect-metadata": "^0.2.2",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
     "@arcblock/eslint-config-base": "^0.3.2",
-    "@nestjs/cli": "^10.3.2",
-    "@nestjs/schematics": "^10.1.1",
+    "@nestjs/cli": "^10.4.5",
+    "@nestjs/schematics": "^10.1.4",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/express": "^4.17.21",
-    "@types/node": "^20.14.13",
+    "@types/node": "^20.16.9",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "bumpp": "^9.4.1",
-    "eslint": "^8.57.0",
-    "lint-staged": "^15.2.7",
-    "nodemon": "^3.1.4",
+    "bumpp": "^9.5.2",
+    "eslint": "^8.57.1",
+    "lint-staged": "^15.2.10",
+    "nodemon": "^3.1.7",
     "prettier": "^3.3.3",
-    "rimraf": "^5.0.7",
+    "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "source-map-support": "^0.5.21",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.5.2",
-    "zx": "^8.1.4"
+    "typescript": "^5.6.2",
+    "zx": "^8.1.8"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"

package/templates/nextjs-dapp/blocklet.yml

@@ -1,4 +1,3 @@
-name: template-nextjs
 title: Blocklet Template Next.js
 description: A Blocklet DAPP blocklet
 keywords:

package/templates/nextjs-dapp/package.json

@@ -30,26 +30,26 @@
   "dependencies": {
     "@arcblock/did-auth": "^1.18.135",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.30",
+    "@blocklet/sdk": "^1.16.31",
     "@ocap/client": "^1.18.135",
     "@ocap/mcrypto": "^1.18.135",
     "@ocap/wallet": "^1.18.135",
     "dotenv-flow": "^4.1.0",
-    "express": "^4.19.2",
+    "express": "^4.21.0",
     "next": "14.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "bumpp": "^9.4.1",
+    "bumpp": "^9.5.2",
     "eslint": "8.57.0",
     "eslint-config-next": "14.2.4",
-    "lint-staged": "^15.2.7",
-    "nodemon": "^3.1.4",
+    "lint-staged": "^15.2.10",
+    "nodemon": "^3.1.7",
     "npm-run-all": "^4.1.5",
-    "rimraf": "^5.0.7",
+    "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
-    "zx": "^8.1.4"
+    "zx": "^8.1.8"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"

package/templates/react-dapp/blocklet.yml

@@ -1,4 +1,3 @@
-name: template-react-dapp
 title: Blocklet Template React
 description: A Blocklet DAPP blocklet
 keywords:

package/templates/react-dapp/package.json

@@ -42,37 +42,38 @@
   "dependencies": {
     "@arcblock/did-auth": "^1.18.135",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.30",
+    "@blocklet/sdk": "^1.16.31",
     "@ocap/client": "^1.18.135",
     "@ocap/mcrypto": "^1.18.135",
     "@ocap/wallet": "^1.18.135",
-    "axios": "^1.7.2",
+    "axios": "^1.7.7",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv-flow": "^4.1.0",
-    "express": "^4.19.2",
+    "express": "^4.21.0",
     "express-async-errors": "^3.1.1"
   },
   "devDependencies": {
     "@arcblock/eslint-config": "^0.3.2",
-    "@blocklet/js-sdk": "^1.16.30",
+    "@blocklet/js-sdk": "^1.16.31",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "bumpp": "^9.4.1",
+    "bumpp": "^9.5.2",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
-    "lint-staged": "^15.2.7",
-    "nodemon": "^3.1.4",
+    "eslint": "^8.57.1",
+    "lint-staged": "^15.2.10",
+    "nodemon": "^3.1.7",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.3.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.24.0",
-    "rimraf": "^5.0.7",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "react-router-dom": "^6.26.2",
+    "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
-    "vite": "^5.3.5",
-    "vite-plugin-blocklet": "^0.9.6",
+    "vite": "^5.4.8",
+    "vite-plugin-blocklet": "^0.9.8",
     "vite-plugin-svgr": "^4.2.0",
-    "zx": "^8.1.4"
+    "zx": "^8.1.8"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"

package/templates/react-dapp-ts/blocklet.yml

@@ -1,4 +1,3 @@
-name: template-react-dapp-ts
 title: Blocklet Template React
 description: A Blocklet DAPP blocklet
 keywords:

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

@@ -40,49 +40,50 @@
   "dependencies": {
     "@arcblock/did-auth": "^1.18.135",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.30",
+    "@blocklet/sdk": "^1.16.31",
     "@ocap/client": "^1.18.135",
     "@ocap/mcrypto": "^1.18.135",
     "@ocap/wallet": "^1.18.135",
-    "axios": "^1.7.2",
+    "axios": "^1.7.7",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "dotenv-flow": "^4.1.0",
-    "express": "^4.19.2",
+    "express": "^4.21.0",
     "express-async-errors": "^3.1.1"
   },
   "devDependencies": {
     "@arcblock/eslint-config": "^0.3.2",
     "@arcblock/eslint-config-ts": "^0.3.2",
-    "@blocklet/js-sdk": "^1.16.30",
+    "@blocklet/js-sdk": "^1.16.31",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/cookie-parser": "^1.4.7",
     "@types/cors": "^2.8.17",
     "@types/dotenv-flow": "^3.3.3",
     "@types/express": "^4.17.21",
-    "@types/node": "^20.14.13",
-    "@types/react": "^18.3.3",
+    "@types/node": "^20.16.9",
+    "@types/react": "^18.3.9",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
-    "bumpp": "^9.4.1",
+    "bumpp": "^9.5.2",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "import-sort-style-module": "^6.0.0",
-    "lint-staged": "^15.2.7",
-    "nodemon": "^3.1.4",
+    "lint-staged": "^15.2.10",
+    "nodemon": "^3.1.7",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.3.3",
     "prettier-plugin-import-sort": "^0.0.7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.24.0",
-    "rimraf": "^5.0.7",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "react-router-dom": "^6.26.2",
+    "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "ts-node": "^10.9.2",
-    "typescript": "^5.5.2",
-    "vite": "^5.3.5",
-    "vite-plugin-blocklet": "^0.9.6",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.8",
+    "vite-plugin-blocklet": "^0.9.8",
     "vite-plugin-svgr": "^4.2.0",
-    "zx": "^8.1.4"
+    "zx": "^8.1.8"
   },
   "importSort": {
     ".js, .jsx, .mjs": {

package/templates/react-gun-dapp/blocklet.yml

@@ -1,4 +1,3 @@
-name: template-react-gunjs
 title: Blocklet Template React
 description: A Blocklet DAPP blocklet
 keywords: