vite-plugin-blocklet 0.11.0 → 0.11.2

package/dist/index.cjs

@@ -694,6 +694,46 @@ function createEmbedPlugin(options) {
   ];
 }
 
+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 {};
+    },
+  };
+}
+
 const argv = process.argv.slice(2);
 const isProduction = process.env.NODE_ENV === 'production' || process.env.ABT_NODE_SERVICE_ENV === 'production';
 
@@ -836,6 +876,7 @@ function createBlockletPlugin(options = {}) {
     disableLoading = false,
     disableDebug = false,
     disableEmbed = false,
+    disableDynamicAssetHost = true,
     nodePolyfillsOptions,
     ...restOptions
   } = options;
@@ -864,6 +905,9 @@ function createBlockletPlugin(options = {}) {
   if (!disableEmbed) {
     plugins.push(createEmbedPlugin(restOptions));
   }
+  if (!disableDynamicAssetHost) {
+    plugins.push(createAssetHostPlugin());
+  }
 
   return plugins;
 }

package/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;
 }

package/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 {};
+    },
+  };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-blocklet",
   "type": "module",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "",
   "main": "index.js",
   "files": [
@@ -20,6 +20,9 @@
     "build": "rollup -c rollup.config.js",
     "prepublishOnly": "npm run build"
   },
+  "engines": {
+    "node": ">=20.0.0"
+  },
   "keywords": [],
   "author": "",
   "license": "ISC",