create-blocklet 0.9.32 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-blocklet",
-  "version": "0.9.32",
+  "version": "0.10.0",
   "exports": "./index.js",
   "type": "module",
   "repository": "git@github.com:blocklet/create-blocklet.git",
@@ -29,9 +29,9 @@
     "test:run": "vitest run"
   },
   "dependencies": {
-    "@arcblock/did": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/util": "^1.19.15",
+    "@arcblock/did": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/util": "^1.20.15",
     "boxen": "^7.1.1",
     "ejs": "^3.1.10",
     "envfile": "^7.1.0",
@@ -48,6 +48,6 @@
     "@arcblock/eslint-config-base": "^0.3.3",
     "eslint": "^8.57.1",
     "prettier": "^3.5.1",
-    "vitest": "^2.1.9"
+    "vitest": "^3.2.4"
   }
 }

package/templates/component-studio/package.json

@@ -50,20 +50,20 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^2.12.42",
-    "@arcblock/ux": "^2.12.42",
-    "@blocklet/pages-kit": "^0.4.74",
-    "@blocklet/pages-kit-block-studio": "^0.4.74",
-    "@blocklet/pages-kit-inner-components": "^0.4.74",
-    "@blocklet/pages-kit-runtime": "^0.4.74",
-    "@blocklet/sdk": "^1.16.40",
-    "@blocklet/studio-ui": "^0.4.254",
-    "@blocklet/ui-react": "^2.12.42",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@arcblock/did-connect": "^3.0.8",
+    "@arcblock/ux": "^3.0.8",
+    "@blocklet/pages-kit": "^0.5.56",
+    "@blocklet/pages-kit-block-studio": "^0.5.56",
+    "@blocklet/pages-kit-inner-components": "^0.5.56",
+    "@blocklet/pages-kit-runtime": "^0.5.56",
+    "@blocklet/sdk": "^1.16.44",
+    "@blocklet/studio-ui": "^0.4.275",
+    "@blocklet/ui-react": "^3.0.8",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -73,7 +73,8 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@blocklet/js-sdk": "^1.16.40",
+    "@blocklet/js-sdk": "^1.16.44",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/cookie-parser": "^1.4.8",
     "@types/cors": "^2.8.17",
     "@types/dotenv-flow": "^3.3.3",
@@ -81,8 +82,7 @@
     "@types/node": "^20.17.12",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.9.3",
     "cross-env": "^7.0.3",
     "get-port": "^5.1.1",
@@ -90,18 +90,18 @@
     "lint-staged": "^15.3.0",
     "nodemon": "^3.1.9",
     "npm-run-all": "^4.1.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-router-dom": "^6.26.1",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "typescript": "^5.7.2",
-    "vite": "^5.4.11",
-    "vite-node": "^2.1.8",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-node": "^3.2.4",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-require": "^1.2.14",
     "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^4.3.2",
+    "vite-tsconfig-paths": "^5.1.4",
     "zx": "^8.3.0"
   },
   "importSort": {

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

@@ -38,14 +38,14 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did": "^1.19.15",
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did": "^1.20.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/util": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/util": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "cookie-parser": "^1.4.7",
     "dotenv-flow": "^4.1.0",
     "express": "^4.21.2",
@@ -53,17 +53,17 @@
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@arcblock/did-connect": "^2.12.17",
+    "@arcblock/did-connect": "^3.0.8",
     "@arcblock/eslint-config": "^0.3.3",
-    "@arcblock/ux": "^2.12.17",
-    "@blocklet/ui-react": "^2.12.17",
+    "@arcblock/ux": "^3.0.8",
+    "@blocklet/ui-react": "^3.0.8",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@iconify-icons/material-symbols": "^1.2.58",
     "@iconify/react": "^5.2.0",
-    "@mui/material": "^5.16.14",
+    "@mui/material": "^7.1.2",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.1",
@@ -72,13 +72,13 @@
     "nodemon": "^3.1.9",
     "prettier": "^3.5.1",
     "prop-types": "^15.8.1",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/did-connect-dapp/src/components/connect-item.jsx

@@ -12,7 +12,9 @@ export default function ConnectItem({ title, description = null, result = null,
         {title}
       </Typography>
       {description ? (
-        <Typography variant="body1" color="text.secondary" gutterBottom>
+        <Typography variant="body1" gutterBottom sx={{
+          color: "text.secondary"
+        }}>
           {description}
         </Typography>
       ) : null}
@@ -20,7 +22,12 @@ export default function ConnectItem({ title, description = null, result = null,
       {result ? (
         <Card sx={{ mt: 2 }} variant="outlined">
           <CardContent>
-            <Typography sx={{ fontSize: 14 }} color="text.secondary" gutterBottom>
+            <Typography
+              gutterBottom
+              sx={{
+                color: "text.secondary",
+                fontSize: 14
+              }}>
               {t('result')}
             </Typography>
             {result}

package/templates/did-connect-dapp/src/components/info-row.jsx

@@ -4,7 +4,14 @@ import PropTypes from 'prop-types';
 
 export default function InfoRow({ icon = null, name, value }) {
   return (
-    <Typography variant="body1" color="text.primary" gutterBottom sx={{ display: 'flex', alignItems: 'center' }}>
+    <Typography
+      variant="body1"
+      gutterBottom
+      sx={{
+        color: "text.primary",
+        display: 'flex',
+        alignItems: 'center'
+      }}>
       <Box
         sx={{
           display: 'inline-flex',
@@ -22,9 +29,9 @@ export default function InfoRow({ icon = null, name, value }) {
       </Box>
       <Typography
         component="span"
-        color="text.secondary"
         sx={{
-          wordBreak: 'break-word',
+          color: "text.secondary",
+          wordBreak: 'break-word'
         }}>
         {value}
       </Typography>

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

@@ -24,7 +24,9 @@ function Main() {
     <Layout>
       <Typography component="h3" variant="h4" color="textPrimary" gutterBottom>
         {t('step1.title')}{' '}
-        <Typography component="small" color="text.secondary">
+        <Typography component="small" sx={{
+          color: "text.secondary"
+        }}>
           {t('step1.prepareDIDWallet')}
         </Typography>
       </Typography>
@@ -64,14 +66,21 @@ function Main() {
           }}
         />
       </Box>
-
-      <Typography component="h3" variant="h4" color="text.primary" gutterBottom sx={{ mt: 2 }}>
+      <Typography
+        component="h3"
+        variant="h4"
+        gutterBottom
+        sx={{
+          color: "text.primary",
+          mt: 2
+        }}>
         {t('step2.title')}{' '}
-        <Typography component="small" color="text.secondary">
+        <Typography component="small" sx={{
+          color: "text.secondary"
+        }}>
           {t('step2.enjoyPlayground')}
         </Typography>
       </Typography>
-
       <Box
         sx={{
           display: 'flex',

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

@@ -19,10 +19,10 @@
     "bump-version": "zx --quiet scripts/bump-version.mjs"
   },
   "dependencies": {
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/util": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/util": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "body-parser": "^1.20.3",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -31,33 +31,33 @@
     "morgan": "^1.10.0"
   },
   "devDependencies": {
-    "@arcblock/did-connect": "^2.12.17",
+    "@arcblock/did-connect": "^3.0.8",
     "@arcblock/eslint-config": "^0.3.3",
-    "@arcblock/ux": "^2.12.17",
-    "@blocklet/js-sdk": "^1.16.39",
-    "@blocklet/ui-react": "^2.12.17",
+    "@arcblock/ux": "^3.0.8",
+    "@blocklet/js-sdk": "^1.16.44",
+    "@blocklet/ui-react": "^3.0.8",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^5.16.14",
-    "@mui/material": "^5.16.14",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.1.2",
+    "@mui/material": "^7.1.2",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.11.1",
+    "cross-env": "^7.0.3",
     "dayjs": "^1.11.13",
     "dotenv-flow": "^4.1.0",
     "flat": "^6.0.1",
     "nodemon": "^3.1.9",
-    "react": "~18.2.0",
-    "react-dom": "18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "19.1.0",
     "react-router-dom": "^6.29.0",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
-    "vite": "^5.4.14",
-    "vite-node": "^2.1.9",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-node": "^3.2.4",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-require": "^1.2.14",
     "vite-plugin-svgr": "^4.3.0",
-    "zx": "^8.3.2",
-    "cross-env": "^7.0.3"
+    "zx": "^8.3.2"
   },
   "lint-staged": {
     "*.{mjs,js,jsx,ts,tsx}": [

package/templates/did-wallet-dapp/src/pages/profile.jsx

@@ -42,7 +42,12 @@ export default function Main() {
 
   const rows = !!user
     ? [
-        { name: t('name'), value: <Box display="flex" alignItems="center" gap={2}><Avatar src={user.avatar}/>{user.fullName}</Box> },
+        { name: t('name'), value: <Box
+          sx={{
+            display: "flex",
+            alignItems: "center",
+            gap: 2
+          }}><Avatar src={user.avatar}/>{user.fullName}</Box> },
         preferences.displayAvatar ? { name: t('avatar'), value: <Avatar alt="" src={user.avatar}></Avatar> } : null,
         { name: t('did'), value: <DID did={user.did} showQrcode locale="zh" /> },
         { name: t('email'), value: user.email },
@@ -92,45 +97,47 @@ export default function Main() {
             </Button>
           </Box>
         )}
-        {!!user && (
-          <Box
-            sx={{
-              display: 'flex',
-              flexDirection: 'column',
-              gap: 2,
-              '&>div': {
-                mb: 0,
-              },
-              '.info-row__name': {
-                fontWeight: 'bold',
-                color: 'grey.800',
-              },
-            }}>
-            <Typography variant="h3" mb={3}>
-              {t('profile')}
-            </Typography>
-            {rows.map((row) => {
-              if (row.name === t('did')) {
-                return (
-                  <InfoRow
-                    valueComponent="div"
-                    key={row.name}
-                    nameWidth={120}
-                    name={row.name}
-                    nameFormatter={() => t('did')}>
-                    {row.value}
-                  </InfoRow>
-                );
-              }
-
+      {!!user && (
+        <Box
+          sx={{
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            '&>div': {
+              mb: 0,
+            },
+            '.info-row__name': {
+              fontWeight: 'bold',
+              color: 'grey.800',
+            },
+          }}>
+          <Typography variant="h3" sx={{
+            mb: 3
+          }}>
+            {t('profile')}
+          </Typography>
+          {rows.map((row) => {
+            if (row.name === t('did')) {
               return (
-                <InfoRow valueComponent="div" key={row.name} nameWidth={120} name={row.name}>
+                <InfoRow
+                  valueComponent="div"
+                  key={row.name}
+                  nameWidth={120}
+                  name={row.name}
+                  nameFormatter={() => t('did')}>
                   {row.value}
                 </InfoRow>
               );
-            })}
-          </Box>
-        )}
+            }
+
+            return (
+              <InfoRow valueComponent="div" key={row.name} nameWidth={120} name={row.name}>
+                {row.value}
+              </InfoRow>
+            );
+          })}
+        </Box>
+      )}
     </Stack>
   );
 }

package/templates/express-api/package.json

@@ -32,8 +32,8 @@
   "license": "ISC",
   "dependencies": {
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
     "dotenv-flow": "^4.1.0",
     "express": "^4.21.2"
   },

package/templates/nestjs-api/package.json

@@ -36,11 +36,11 @@
   },
   "dependencies": {
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
+    "@blocklet/sdk": "^1.16.44",
     "@nestjs/common": "^11.0.10",
     "@nestjs/core": "^11.0.10",
     "@nestjs/platform-express": "^11.0.10",
-    "@ocap/client": "^1.19.15",
+    "@ocap/client": "^1.20.15",
     "dotenv-flow": "^4.1.0",
     "express": "^4.21.2",
     "reflect-metadata": "^0.2.2",

package/templates/nextjs-dapp/package.json

@@ -28,17 +28,17 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "dotenv-flow": "^4.1.0",
     "express": "^4.21.2",
     "next": "14.2.4",
-    "react": "~18.2.0",
-    "react-dom": "18.2.0"
+    "react": "~19.1.0",
+    "react-dom": "19.1.0"
   },
   "devDependencies": {
     "bumpp": "^9.11.1",

package/templates/react-aigne-dapp/api/src/agents/chatbot.ts

@@ -1,8 +1,9 @@
 import { AIAgent } from '@aigne/core';
+import { DefaultMemory } from '@aigne/agent-library/default-memory/index.js';
 
 export const chatbot = AIAgent.from({
   name: 'chatbot',
   instructions:
     'You are a helpful assistant. You can answer questions, provide information, and assist with various tasks.',
-  memory: true,
+  memory: new DefaultMemory(),
 });

package/templates/react-aigne-dapp/api/src/agents/index.ts

@@ -1,5 +1,5 @@
-import { ExecutionEngine } from '@aigne/core';
-import { OpenAIChatModel } from '@aigne/core/models/openai-chat-model';
+import { AIGNE } from '@aigne/core';
+import { OpenAIChatModel } from '@aigne/openai';
 import config from '@blocklet/sdk/lib/config';
 import { Router } from 'express';
 
@@ -10,15 +10,13 @@ const model = new OpenAIChatModel({
   apiKey: config.env.OPENAI_API_KEY || '',
 });
 
-const engine = new ExecutionEngine({
+const aigne = new AIGNE({
   model,
-  agents: [chatbot],
 });
 
 export const router = Router();
 
 router.post('/chat', async (req, res) => {
-  const result = await engine.call(chatbot, req.body);
-
+  const result = await aigne.invoke(chatbot, { message: req.body });
   res.json(result);
 });

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

@@ -38,18 +38,20 @@
     ]
   },
   "dependencies": {
-    "@aigne/core": "^1.5.0",
-    "@arcblock/did-auth": "^1.19.15",
+    "@aigne/core": "^1.25.0",
+    "@aigne/openai": "^0.4.2",
+    "@aigne/agent-library": "^1.17.2",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@arcblock/did-connect": "^2.12.17",
-    "@arcblock/ux": "^2.12.17",
-    "@blocklet/sdk": "^1.16.39",
-    "@blocklet/ui-react": "^2.12.17",
-    "@mui/icons-material": "^5.16.14",
-    "@mui/material": "^6.4.5",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@arcblock/did-connect": "^3.0.8",
+    "@arcblock/ux": "^3.0.8",
+    "@blocklet/sdk": "^1.16.44",
+    "@blocklet/ui-react": "^3.0.8",
+    "@mui/icons-material": "^7.1.2",
+    "@mui/material": "^7.1.2",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -77,7 +79,7 @@
     "@types/react-dom": "^18.3.5",
     "@types/react-scroll-to-bottom": "^4.2.5",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.1",
@@ -87,16 +89,16 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.1",
     "prettier-plugin-import-sort": "^0.0.7",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "react-router-dom": "^6.29.0",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "ts-node": "^10.9.2",
     "tsx": "^4.19.3",
     "typescript": "^5.7.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/react-aigne-dapp/src/components/ScrollView.tsx

@@ -26,7 +26,12 @@ export default function ScrollView({
   // Skip scroll view if we are in a scroll view
   if (ctx) {
     return (
-      <Box component={component} flexGrow={1} {...props}>
+      <Box
+        component={component}
+        {...props}
+        sx={[{
+          flexGrow: 1
+        }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}>
         {children}
       </Box>
     );
@@ -65,11 +70,11 @@ function ScrollViewWithinWindow({
       component={component}
       {...props}
       ref={scroll === 'element' ? setTarget : undefined}
-      flexGrow={1}
-      sx={{
+      sx={[{
+        flexGrow: 1,
         ...(scroll === 'element' ? { flex: 1, height: '100%', overflow: 'auto', overscrollBehavior: 'contain' } : {}),
-        ...props.sx,
-      }}>
+        ...props.sx
+      }, ...(Array.isArray(props.sx) ? props.sx : [props.sx])]}>
       {children}
     </Box>
   );

package/templates/react-aigne-dapp/src/pages/home.tsx

@@ -95,23 +95,31 @@ export default function Home() {
   return (
     <ScrollView scroll="window" sx={{ minHeight: '100vh' }}>
       <Box component={Header} sx={{ position: 'sticky', top: 0, '.header-container': { maxWidth: '100%' } }} />
-
-      <Box textAlign="center">
+      <Box sx={{
+        textAlign: "center"
+      }}>
         <a href="https://www.arcblock.io/docs/blocklet-developer/getting-started" target="_blank" rel="noreferrer">
           <img src={blockletLogo} className="logo blocklet" alt="Blocklet logo" />
         </a>
         <h1>Vite + React + AIGNE Framework SDK</h1>
       </Box>
-
       <Box>
-        <Typography variant="h4" textAlign="center" my={6}>
+        <Typography
+          variant="h4"
+          sx={{
+            textAlign: "center",
+            my: 6
+          }}>
           AIGNE Chatbot
         </Typography>
-        <Typography textAlign="center" my={6}>
+        <Typography
+          sx={{
+            textAlign: "center",
+            my: 6
+          }}>
           This is a simple demo to help you quickly use the AIGNE framework SDK
         </Typography>
       </Box>
-
       <Container sx={{ display: 'flex', flexDirection: 'column', py: 3 }} maxWidth="md">
         <Stack sx={{ flex: 1, height: 0, display: 'flex', flexDirection: 'column', gap: 3, mb: 5 }}>
           {messages.map((message) => (
@@ -150,26 +158,48 @@ export default function Home() {
 
 const MessageView = memo(({ message }: { message: MessageItem }) => {
   return (
-    <Stack gap={2}>
-      <Stack direction="row" gap={2}>
+    <Stack sx={{
+      gap: 2
+    }}>
+      <Stack direction="row" sx={{
+        gap: 2
+      }}>
         <Avatar>🧑</Avatar>
 
-        <Stack flex={1} pt={1} gap={1}>
+        <Stack
+          sx={{
+            flex: 1,
+            pt: 1,
+            gap: 1
+          }}>
           <Typography>{message.question}</Typography>
         </Stack>
       </Stack>
-
-      <Stack direction="row" gap={2}>
+      <Stack direction="row" sx={{
+        gap: 2
+      }}>
         <Avatar>🤖</Avatar>
-        <Stack flex={1} pt={1} gap={2}>
+        <Stack
+          sx={{
+            flex: 1,
+            pt: 1,
+            gap: 2
+          }}>
           {message.$message && (
-            <Stack gap={1}>
+            <Stack sx={{
+              gap: 1
+            }}>
               <MarkdownRenderer citations={[]}>{message.$message}</MarkdownRenderer>
             </Stack>
           )}
 
           {message.loading && (
-            <Stack direction="row" gap={2} alignItems="center">
+            <Stack
+              direction="row"
+              sx={{
+                gap: 2,
+                alignItems: "center"
+              }}>
               <CircularProgress size={16} />
             </Stack>
           )}

package/templates/react-dapp/package.json

@@ -40,12 +40,12 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -55,9 +55,9 @@
   },
   "devDependencies": {
     "@arcblock/eslint-config": "^0.3.3",
-    "@blocklet/js-sdk": "^1.16.39",
+    "@blocklet/js-sdk": "^1.16.44",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.1",
@@ -65,14 +65,14 @@
     "nodemon": "^3.1.9",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.1",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "react-router-dom": "^6.29.0",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

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

@@ -38,12 +38,12 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -54,7 +54,7 @@
   "devDependencies": {
     "@arcblock/eslint-config": "^0.3.3",
     "@arcblock/eslint-config-ts": "^0.3.3",
-    "@blocklet/js-sdk": "^1.16.39",
+    "@blocklet/js-sdk": "^1.16.44",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/cookie-parser": "^1.4.8",
     "@types/cors": "^2.8.17",
@@ -63,7 +63,7 @@
     "@types/node": "^20.17.19",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.1",
@@ -73,16 +73,16 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.1",
     "prettier-plugin-import-sort": "^0.0.7",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "react-router-dom": "^6.29.0",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "ts-node": "^10.9.2",
     "tsx": "^4.19.3",
     "typescript": "^5.7.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

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

@@ -40,12 +40,12 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -57,7 +57,7 @@
   "devDependencies": {
     "@arcblock/eslint-config": "^0.3.3",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.1",
@@ -65,14 +65,14 @@
     "nodemon": "^3.1.9",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.1",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "react-router-dom": "^6.29.0",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/react-static/package.json

@@ -41,18 +41,18 @@
   "devDependencies": {
     "@arcblock/eslint-config": "^0.3.3",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.11.1",
     "eslint": "^8.57.1",
     "lint-staged": "^15.4.3",
     "prettier": "^3.5.1",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "react-router-dom": "^6.29.0",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/solidjs-dapp/package.json

@@ -21,7 +21,7 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@blocklet/js-sdk": "^1.16.39",
+    "@blocklet/js-sdk": "^1.16.44",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
@@ -36,18 +36,18 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
-    "vite-plugin-solid": "^2.11.2",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
+    "vite-plugin-solid": "^2.11.7",
     "zx": "^8.3.2"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",

package/templates/solidjs-static/package.json

@@ -31,9 +31,9 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "solid-js": "^1.9.4",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
-    "vite-plugin-solid": "^2.11.2",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
+    "vite-plugin-solid": "^2.11.7",
     "zx": "^8.3.2"
   },
   "lint-staged": {

package/templates/svelte-dapp/package.json

@@ -17,12 +17,12 @@
     "bump-version": "zx --quiet scripts/bump-version.mjs"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -31,12 +31,13 @@
     "express-async-errors": "^3.1.1"
   },
   "devDependencies": {
-    "@blocklet/js-sdk": "^1.16.39",
-    "@sveltejs/vite-plugin-svelte": "3.1.1",
+    "@blocklet/js-sdk": "^1.16.44",
+    "@sveltejs/vite-plugin-svelte": "5.1.0",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
     "lint-staged": "^15.4.3",
+    "nodemon": "^3.1.9",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.1",
     "prettier-plugin-svelte": "^3.3.3",
@@ -44,10 +45,9 @@
     "simple-git-hooks": "^2.11.1",
     "svelte": "^4.2.19",
     "tsx": "^4.19.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
-    "zx": "^8.3.2",
-    "nodemon": "^3.1.9"
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
+    "zx": "^8.3.2"
   },
   "lint-staged": {
     "*.{mjs,js,svelte}": [

package/templates/svelte-static/package.json

@@ -16,7 +16,7 @@
     "bump-version": "zx --quiet scripts/bump-version.mjs"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.0.1",
+    "@sveltejs/vite-plugin-svelte": "^5.1.0",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "bumpp": "^9.11.1",
     "lint-staged": "^15.4.3",
@@ -25,8 +25,8 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "svelte": "^4.2.19",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "zx": "^8.3.2"
   },
   "lint-staged": {

package/templates/todo-list-example/package.json

@@ -38,14 +38,14 @@
     ]
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/did-space-js": "^0.5.83",
-    "@blocklet/sdk": "^1.16.39",
-    "@did-space/core": "^0.5.83",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/did-space-js": "^1.0.63",
+    "@blocklet/sdk": "^1.16.44",
+    "@did-space/core": "^1.0.63",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -56,16 +56,16 @@
     "nanoid": "^5.1.0"
   },
   "devDependencies": {
-    "@arcblock/did-connect": "^2.12.17",
+    "@arcblock/did-connect": "^3.0.8",
     "@arcblock/eslint-config": "^0.3.3",
     "@arcblock/eslint-config-ts": "^0.3.3",
-    "@arcblock/ux": "^2.12.17",
-    "@blocklet/js-sdk": "^1.16.39",
-    "@blocklet/ui-react": "^2.12.17",
+    "@arcblock/ux": "^3.0.8",
+    "@blocklet/js-sdk": "^1.16.44",
+    "@blocklet/ui-react": "^3.0.8",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^5.16.14",
-    "@mui/material": "^5.16.14",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.1.2",
+    "@mui/material": "^7.1.2",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/cookie-parser": "^1.4.8",
     "@types/cors": "^2.8.17",
@@ -76,7 +76,7 @@
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@types/react-toastify": "^4.1.0",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.6.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.1",
@@ -86,8 +86,8 @@
     "nodemon": "^3.1.9",
     "prettier": "^3.5.1",
     "prettier-plugin-import-sort": "^0.0.7",
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0",
+    "react": "~19.1.0",
+    "react-dom": "~19.1.0",
     "react-icons": "^5.5.0",
     "react-router-dom": "^6.29.0",
     "react-toastify": "^10.0.6",
@@ -96,8 +96,8 @@
     "ts-node": "^10.9.2",
     "tsx": "^4.19.3",
     "typescript": "^5.7.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },

package/templates/todo-list-example/src/pages/required-login.tsx

@@ -28,8 +28,21 @@ function RequiredLogin({ onLogin = () => {}, nextUrl = undefined, ...rest }: Rea
   }, [session.user, navigate, nextUrl]);
 
   return (
-    <Grid container justifyContent="center" {...rest}>
-      <Grid item justifyContent="center" textAlign="center" xl={12} lg={12}>
+    <Grid
+      container
+      {...rest}
+      sx={[{
+        justifyContent: "center"
+      }, ...(Array.isArray(rest.sx) ? rest.sx : [rest.sx])]}>
+      <Grid
+        size={{
+          xl: 12,
+          lg: 12
+        }}
+        sx={{
+          justifyContent: "center",
+          textAlign: "center"
+        }}>
         <Alert severity="warning">Connect to the DID Wallet login to access the website</Alert>
         <Button
           onClick={() => session.login(onLogin)}

package/templates/vue-dapp/package.json

@@ -19,12 +19,12 @@
     "bump-version": "zx --quiet scripts/bump-version.mjs"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -33,9 +33,9 @@
     "express-async-errors": "^3.1.1"
   },
   "devDependencies": {
-    "@blocklet/js-sdk": "^1.16.39",
+    "@blocklet/js-sdk": "^1.16.44",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue": "^6.0.0",
     "bumpp": "^9.11.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.1",
@@ -49,8 +49,8 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vue": "^3.5.13",
     "zx": "^8.3.2"
   },

package/templates/vue-static/package.json

@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@vitejs/plugin-vue": "^6.0.0",
     "bumpp": "^9.11.1",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
@@ -29,8 +29,8 @@
     "prettier": "^3.5.1",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vue": "^3.5.13",
     "zx": "^8.3.2"
   },

package/templates/vue-ts-static/package.json

@@ -28,8 +28,8 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.27.3",
-    "@blocklet/cli": "^1.16.39",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@blocklet/cli": "^1.16.44",
+    "@vitejs/plugin-vue": "^6.0.0",
     "bumpp": "^9.11.1",
     "eslint": "9.5.0",
     "eslint-plugin-format": "^0.1.3",
@@ -38,8 +38,8 @@
     "simple-git-hooks": "^2.11.1",
     "taze": "^0.16.9",
     "typescript": "^5.7.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vue-tsc": "^2.2.2",
     "zx": "^8.3.2"
   },

package/templates/vue2-dapp/package.json

@@ -19,12 +19,12 @@
     "bump-version": "zx --quiet scripts/bump-version.mjs"
   },
   "dependencies": {
-    "@arcblock/did-auth": "^1.19.15",
+    "@arcblock/did-auth": "^1.20.15",
     "@arcblock/did-auth-storage-nedb": "^1.7.1",
-    "@blocklet/sdk": "^1.16.39",
-    "@ocap/client": "^1.19.15",
-    "@ocap/mcrypto": "^1.19.15",
-    "@ocap/wallet": "^1.19.15",
+    "@blocklet/sdk": "^1.16.44",
+    "@ocap/client": "^1.20.15",
+    "@ocap/mcrypto": "^1.20.15",
+    "@ocap/wallet": "^1.20.15",
     "axios": "^1.7.9",
     "cookie-parser": "^1.4.7",
     "cors": "^2.8.5",
@@ -48,8 +48,8 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vue": "^2.7.16",
     "zx": "^8.3.2"
   },

package/templates/vue2-static/package.json

@@ -29,8 +29,8 @@
     "prettier": "^3.5.1",
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
-    "vite": "^5.4.14",
-    "vite-plugin-blocklet": "^0.9.32",
+    "vite": "^7.0.0",
+    "vite-plugin-blocklet": "^0.10.0",
     "vue": "^2.7.16",
     "zx": "^8.3.2"
   },