vite-plugin-blocklet 0.9.22 → 0.9.24

package/dist/index.cjs

@@ -406,6 +406,8 @@ function createLoadingPlugin({ loadingElementId = 'app', loadingColor = '#8abaf0
  * @param {object} options - The options for the plugin.
  * @param {'all'|'mobile'|'desktop'} [options.debugPlatform='mobile'] - The platforms to enable debug mode for.
  * @param {string} [options.debugScript] - The initialization code for the debug script.
+ * @param {number} [options.positionX = 0] - The initialization positionX for entry button.
+ * @param {number} [options.positionY = 0] - The initialization positionY for entry button.
  * @return {object} The Vite config plugin.
  */
 function createConfigPlugin(options) {
@@ -457,8 +459,27 @@ function createConfigPlugin(options) {
      * @returns {import('vite').IndexHtmlTransformResult}
      */
     transformIndexHtml(html, ctx) {
+      const entryButtonWidth = 50;
+      const entryButtonHeight = 50 + 50; // Avoid bottom occlusion in ArcSphere
       const debugScript =
-        options.debugScript || "import('https://esm.run/vconsole').then(({ default: vConsole }) => new vConsole())";
+        options.debugScript ||
+        `import('https://esm.run/eruda').then(({ default: eruda }) => {
+  const positionX = Number(${options.positionX});
+  const positionY = Number(${options.positionY});
+  const entryButtonWidth = ${entryButtonWidth};
+  const entryButtonHeight = ${entryButtonHeight};
+
+  const initialized = !!localStorage.getItem('eruda-entry-button');
+  eruda.init();
+  const position = eruda.position();
+
+  if (!Number.isNaN(positionX)) position.x = positionX;
+  if (!Number.isNaN(positionY)) position.y = positionY;
+  if (position.x >= window.innerWidth - entryButtonWidth) position.x = window.innerWidth - entryButtonWidth;
+  if (position.y >= window.innerHeight - entryButtonHeight) position.y = window.innerHeight - entryButtonHeight;
+
+  if (!initialized) eruda.position(position);
+});`;
       try {
         const url = new URL(ctx.originalUrl, 'http://localhost');
         if (url.searchParams.has('debug')) {
@@ -782,6 +803,8 @@ async function setupClient(app, options = {}) {
  * @property {string} [loadingImage]
  * @property {'all'|'mobile'|'desktop'} [debugPlatform='mobile']
  * @property {string} [debugScript]
+ * @property {number} [positionX]
+ * @property {number} [positionY]
  * @param {object} [embeds={}] - The embeds to be built.
  * @param {array} [embedExternals=['react', '@arcblock/ux/lib/Locale/context', '@arcblock/did-connect/lib/Session']] - The external modules to be used in the embeds.
  * @param {array} [embedPlugins=[]] - The plugins to be used in the embeds.

package/index.js

@@ -26,6 +26,8 @@ import setupClient from './libs/client.js';
  * @property {string} [loadingImage]
  * @property {'all'|'mobile'|'desktop'} [debugPlatform='mobile']
  * @property {string} [debugScript]
+ * @property {number} [positionX]
+ * @property {number} [positionY]
  * @param {object} [embeds={}] - The embeds to be built.
  * @param {array} [embedExternals=['react', '@arcblock/ux/lib/Locale/context', '@arcblock/did-connect/lib/Session']] - The external modules to be used in the embeds.
  * @param {array} [embedPlugins=[]] - The plugins to be used in the embeds.

package/libs/debug.js

@@ -7,6 +7,8 @@ import { isInBlocklet } from './utils.js';
  * @param {object} options - The options for the plugin.
  * @param {'all'|'mobile'|'desktop'} [options.debugPlatform='mobile'] - The platforms to enable debug mode for.
  * @param {string} [options.debugScript] - The initialization code for the debug script.
+ * @param {number} [options.positionX = 0] - The initialization positionX for entry button.
+ * @param {number} [options.positionY = 0] - The initialization positionY for entry button.
  * @return {object} The Vite config plugin.
  */
 export default function createConfigPlugin(options) {
@@ -58,8 +60,27 @@ export default function createConfigPlugin(options) {
      * @returns {import('vite').IndexHtmlTransformResult}
      */
     transformIndexHtml(html, ctx) {
+      const entryButtonWidth = 50;
+      const entryButtonHeight = 50 + 50; // Avoid bottom occlusion in ArcSphere
       const debugScript =
-        options.debugScript || "import('https://esm.run/vconsole').then(({ default: vConsole }) => new vConsole())";
+        options.debugScript ||
+        `import('https://esm.run/eruda').then(({ default: eruda }) => {
+  const positionX = Number(${options.positionX});
+  const positionY = Number(${options.positionY});
+  const entryButtonWidth = ${entryButtonWidth};
+  const entryButtonHeight = ${entryButtonHeight};
+
+  const initialized = !!localStorage.getItem('eruda-entry-button');
+  eruda.init();
+  const position = eruda.position();
+
+  if (!Number.isNaN(positionX)) position.x = positionX;
+  if (!Number.isNaN(positionY)) position.y = positionY;
+  if (position.x >= window.innerWidth - entryButtonWidth) position.x = window.innerWidth - entryButtonWidth;
+  if (position.y >= window.innerHeight - entryButtonHeight) position.y = window.innerHeight - entryButtonHeight;
+
+  if (!initialized) eruda.position(position);
+});`;
       try {
         const url = new URL(ctx.originalUrl, 'http://localhost');
         if (url.searchParams.has('debug')) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-blocklet",
   "type": "module",
-  "version": "0.9.22",
+  "version": "0.9.24",
   "description": "",
   "main": "index.js",
   "files": [
@@ -27,9 +27,9 @@
     "rollup": "^4.34.8"
   },
   "dependencies": {
-    "@arcblock/did": "^1.19.9",
-    "@ocap/mcrypto": "^1.19.9",
-    "@ocap/util": "^1.19.9",
+    "@arcblock/did": "^1.19.15",
+    "@ocap/mcrypto": "^1.19.15",
+    "@ocap/util": "^1.19.15",
     "get-port": "^5.1.1",
     "http-proxy-middleware": "^3.0.3",
     "ismobilejs": "^1.1.1",