feat(vite-plugin-blocklet): add dynamic asset host plugin (#415)

donotlb · web-flow · commit 6e8a9ac682d9 · 2025-10-02T12:18:01.000+08:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.11.2 (2025-10-2)
+
+- feat(vite-plugin-blocklet): add dynamic asset host plugin
+
 ## 0.11.1 (2025-9-19)
 
 - fix(create-app): fix react-aigne-dapp d.ts
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "create-blocklet",
   "private": true,
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "",
   "keywords": [],
   "author": "",
diff --git a/packages/create-app/package.json b/packages/create-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-blocklet",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "exports": "./index.js",
   "type": "module",
   "repository": "git@github.com:blocklet/create-blocklet.git",
diff --git a/packages/create-app/templates/component-studio/package.json b/packages/create-app/templates/component-studio/package.json
@@ -97,7 +97,7 @@
     "typescript": "^5.7.2",
     "vite": "^7.0.0",
     "vite-node": "^3.2.4",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-require": "^1.2.14",
     "vite-plugin-svgr": "^4.3.0",
     "vite-tsconfig-paths": "^5.1.4",
diff --git a/packages/create-app/templates/did-connect-dapp/package.json b/packages/create-app/templates/did-connect-dapp/package.json
@@ -77,7 +77,7 @@
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/did-wallet-dapp/package.json b/packages/create-app/templates/did-wallet-dapp/package.json
@@ -54,7 +54,7 @@
     "simple-git-hooks": "^2.11.1",
     "vite": "^7.0.0",
     "vite-node": "^3.2.4",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-require": "^1.2.14",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
diff --git a/packages/create-app/templates/react-aigne-dapp/package.json b/packages/create-app/templates/react-aigne-dapp/package.json
@@ -97,7 +97,7 @@
     "tsx": "^4.19.3",
     "typescript": "^5.7.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/react-dapp-ts/package.json b/packages/create-app/templates/react-dapp-ts/package.json
@@ -81,7 +81,7 @@
     "tsx": "^4.19.3",
     "typescript": "^5.7.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/react-dapp/package.json b/packages/create-app/templates/react-dapp/package.json
@@ -71,7 +71,7 @@
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/react-gun-dapp/package.json b/packages/create-app/templates/react-gun-dapp/package.json
@@ -71,7 +71,7 @@
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/react-static/package.json b/packages/create-app/templates/react-static/package.json
@@ -52,7 +52,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/solidjs-dapp/package.json b/packages/create-app/templates/solidjs-dapp/package.json
@@ -37,7 +37,7 @@
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-solid": "^2.11.7",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/solidjs-static/package.json b/packages/create-app/templates/solidjs-static/package.json
@@ -32,7 +32,7 @@
     "simple-git-hooks": "^2.11.1",
     "solid-js": "^1.9.4",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-solid": "^2.11.7",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/svelte-dapp/package.json b/packages/create-app/templates/svelte-dapp/package.json
@@ -45,7 +45,7 @@
     "svelte": "^4.2.19",
     "tsx": "^4.19.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "zx": "^8.3.2"
   },
   "lint-staged": {
diff --git a/packages/create-app/templates/svelte-static/package.json b/packages/create-app/templates/svelte-static/package.json
@@ -26,7 +26,7 @@
     "simple-git-hooks": "^2.11.1",
     "svelte": "^4.2.19",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "zx": "^8.3.2"
   },
   "lint-staged": {
diff --git a/packages/create-app/templates/todo-list-example/package.json b/packages/create-app/templates/todo-list-example/package.json
@@ -96,7 +96,7 @@
     "tsx": "^4.19.3",
     "typescript": "^5.7.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vite-plugin-svgr": "^4.3.0",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/vue-dapp/package.json b/packages/create-app/templates/vue-dapp/package.json
@@ -49,7 +49,7 @@
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vue": "^3.5.13",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/vue-static/package.json b/packages/create-app/templates/vue-static/package.json
@@ -30,7 +30,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vue": "^3.5.13",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/vue-ts-static/package.json b/packages/create-app/templates/vue-ts-static/package.json
@@ -39,7 +39,7 @@
     "taze": "^0.16.9",
     "typescript": "^5.7.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vue-tsc": "^2.2.2",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/vue2-dapp/package.json b/packages/create-app/templates/vue2-dapp/package.json
@@ -48,7 +48,7 @@
     "simple-git-hooks": "^2.11.1",
     "tsx": "^4.19.3",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vue": "^2.7.16",
     "zx": "^8.3.2"
   },
diff --git a/packages/create-app/templates/vue2-static/package.json b/packages/create-app/templates/vue2-static/package.json
@@ -30,7 +30,7 @@
     "rimraf": "^5.0.10",
     "simple-git-hooks": "^2.11.1",
     "vite": "^7.0.0",
-    "vite-plugin-blocklet": "^0.11.1",
+    "vite-plugin-blocklet": "^0.11.2",
     "vue": "^2.7.16",
     "zx": "^8.3.2"
   },
diff --git a/plugins/vite-plugin-blocklet/index.js b/plugins/vite-plugin-blocklet/index.js
@@ -6,6 +6,7 @@ import createLoadingPlugin from './libs/loading.js';
 import createDebugPlugin from './libs/debug.js';
 import createExpressPlugin from './libs/express.js';
 import createEmbedPlugin from './libs/embed.js';
+import createAssetHostPlugin from './libs/asset-host.js';
 import setupClient from './libs/client.js';
 
 /**
@@ -52,6 +53,7 @@ export function createBlockletPlugin(options = {}) {
     disableLoading = false,
     disableDebug = false,
     disableEmbed = false,
+    disableDynamicAssetHost = true,
     nodePolyfillsOptions,
     ...restOptions
   } = options;
@@ -80,6 +82,9 @@ export function createBlockletPlugin(options = {}) {
   if (!disableEmbed) {
     plugins.push(createEmbedPlugin(restOptions));
   }
+  if (!disableDynamicAssetHost) {
+    plugins.push(createAssetHostPlugin(restOptions));
+  }
 
   return plugins;
 }
diff --git a/plugins/vite-plugin-blocklet/libs/asset-host.js b/plugins/vite-plugin-blocklet/libs/asset-host.js
@@ -0,0 +1,41 @@
+import { getBlockletYAML } from './utils.js';
+
+export default function createAssetHostPlugin() {
+  return {
+    name: 'blocklet:asset-host',
+    async transformIndexHtml(html, ctx) {
+      if (ctx.bundle) {
+        const { did } = await getBlockletYAML();
+        const dynamicBaseAssetsCode = `globalThis.__toCdnUrl = filePath => {
+          const blockletBase = '/.blocklet/proxy/${did}/';
+          return window.blocklet.ASSET_CDN_HOST ? '//' + window.blocklet.ASSET_CDN_HOST + blockletBase + filePath : blockletBase + filePath;
+        }`;
+        return [
+          {
+            tag: 'script',
+            attrs: { type: 'module' },
+            children: dynamicBaseAssetsCode,
+          },
+        ];
+      }
+      return html;
+    },
+    async config(config, { command }) {
+      if (command === 'build') {
+        if (!config.experimental?.renderBuiltUrl) {
+          return {
+            experimental: {
+              renderBuiltUrl: (filename, { hostType }) => {
+                if (hostType === 'js') {
+                  return { runtime: `window.__toCdnUrl(${JSON.stringify(filename)})` };
+                }
+              },
+            },
+          }
+        }
+      }
+
+      return {};
+    },
+  };
+}
diff --git a/plugins/vite-plugin-blocklet/package.json b/plugins/vite-plugin-blocklet/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-blocklet",
   "type": "module",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "",
   "main": "index.js",
   "files": [
diff --git a/plugins/vite-plugin-wss-hmr/package.json b/plugins/vite-plugin-wss-hmr/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-wss-hmr",
   "type": "module",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "",
   "main": "index.js",
   "exports": {
diff --git a/version b/version
@@ -1 +1 @@
-0.11.1
+0.11.2
diff --git a/website/docs/blocklet.yml b/website/docs/blocklet.yml
@@ -13,7 +13,7 @@ repository:
   type: git
   url: git+https://github.com/blocklet/create-blocklet.git
 specVersion: 1.2.8
-version: 0.11.1
+version: 0.11.2
 logo: logo.png
 files:
   - logo.png
diff --git a/website/pages/blocklet.yml b/website/pages/blocklet.yml
@@ -13,7 +13,7 @@ repository:
   type: git
   url: git+https://github.com/blocklet/create-blocklet.git
 specVersion: 1.2.8
-version: 0.11.1
+version: 0.11.2
 logo: logo.png
 files:
   - logo.png

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "create-blocklet",`
`3`	`3`	`"private": true,`
`4`		`- "version": "0.11.1",`
	`4`	`+ "version": "0.11.2",`
`5`	`5`	`"description": "",`
`6`	`6`	`"keywords": [],`
`7`	`7`	`"author": "",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "create-blocklet",`
`3`		`- "version": "0.11.1",`
	`3`	`+ "version": "0.11.2",`
`4`	`4`	`"exports": "./index.js",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"repository": "git@github.com:blocklet/create-blocklet.git",`