@taboo-avalanche/andesite-compiler 1.0.1 → 1.0.2

package/dist/compile.js

@@ -53,6 +53,8 @@ async function rasterizeAllInBrowser(browser, pageUrl, outputDir, options) {
     const kind = await page.$eval("[data-andesite-canvas]", (node) => {
       return node.getAttribute("data-andesite-page-kind") === "hud" ? "hud" : "menu";
     });
+    const mask = await page.$eval("[data-andesite-canvas]", (node) => node.getAttribute("data-andesite-mask"));
+    await page.$$eval("[data-andesite-screen-touch-mask]", (nodes) => nodes.forEach((node) => node.style.display = "none"));
     const pageBox = await page.$eval("[data-andesite-content-root]", (node) => {
       const rect = node.getBoundingClientRect();
       return { width: Math.round(rect.width), height: Math.round(rect.height) };
@@ -167,7 +169,7 @@ async function rasterizeAllInBrowser(browser, pageUrl, outputDir, options) {
         }
       }
     }
-    return { kind, width: pageBox.width, height: pageBox.height, mounts, viewStacks, panels: [...backgroundPanels, ...panels], buttons, labels, inputs, slots, progresses, sprites, scrollViews };
+    return { kind, mask, width: pageBox.width, height: pageBox.height, mounts, viewStacks, panels: [...backgroundPanels, ...panels], buttons, labels, inputs, slots, progresses, sprites, scrollViews };
   } finally {
     await page.close();
   }
@@ -2092,6 +2094,7 @@ async function compilePage(pageUrl, pageId, outputZipPath, options) {
     width: rasterResult.width,
     height: rasterResult.height,
     anchor: "center",
+    mask: rasterResult.mask,
     ...pageControls,
     slots: rasterResult.slots,
     progresses: rasterResult.progresses,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taboo-avalanche/andesite-compiler",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Rasterize Andesite React pages to Bedrock chest UI zip",
   "type": "module",
   "exports": {
@@ -18,7 +18,7 @@
   "dependencies": {
     "archiver": "^7.0.1",
     "puppeteer": "^23.0.0",
-    "@taboo-avalanche/andesite": "1.0.1"
+    "@taboo-avalanche/andesite": "1.0.3"
   },
   "devDependencies": {
     "@types/node": "^26.6.2",

package/src/compile.ts

@@ -89,7 +89,8 @@ export async function compilePage(
       // 页面整体尺寸与锚点：anchor=center 时运行时按屏幕把整体包围盒居中，解决左上锚定导致的偏移
       width: rasterResult.width,
       height: rasterResult.height,
-      anchor: 'center',
+      anchor: 'center',
+      mask: rasterResult.mask,
       ...pageControls,
       slots: rasterResult.slots,
       progresses: rasterResult.progresses,

package/src/rasterize/puppeteer.ts

@@ -68,8 +68,9 @@ interface RepeaterCellBox extends DomBox {
   index: number
 }
 
-export interface AndesiteRasterResult {
-  kind: 'menu' | 'hud'
+export interface AndesiteRasterResult {
+  kind: 'menu' | 'hud'
+  mask: string | null
   // 页面整体包围盒（内容根 px），供运行时居中摆放
   width: number
   height: number
@@ -143,7 +144,10 @@ export async function rasterizeAllInBrowser(
     const kind: AndesiteRasterResult['kind'] = await page.$eval('[data-andesite-canvas]', node => {
       return (node as HTMLElement).getAttribute('data-andesite-page-kind') === 'hud' ? 'hud' : 'menu'
     })
-    // 页面整体包围盒：菜单以内容根居中；HUD 控件另按最近 mount 作为局部坐标基准。
+    const mask = await page.$eval('[data-andesite-canvas]', node => node.getAttribute('data-andesite-mask'))
+    // 全屏遮罩由导入器单独创建，采集内容贴图时移除其像素，避免半透明背景重复叠色。
+    await page.$$eval('[data-andesite-screen-touch-mask]', nodes => nodes.forEach(node => (node as HTMLElement).style.display = 'none'))
+    // 页面整体包围盒：菜单以内容根居中；HUD 控件另按最近 mount 作为局部坐标基准。
     const pageBox = await page.$eval('[data-andesite-content-root]', node => {
       const rect = (node as HTMLElement).getBoundingClientRect()
       return { width: Math.round(rect.width), height: Math.round(rect.height) }
@@ -286,7 +290,7 @@ export async function rasterizeAllInBrowser(
         }
       }
     }
-    return { kind, width: pageBox.width, height: pageBox.height, mounts, viewStacks, panels: [...backgroundPanels, ...panels], buttons, labels, inputs, slots, progresses, sprites, scrollViews }
+    return { kind, mask, width: pageBox.width, height: pageBox.height, mounts, viewStacks, panels: [...backgroundPanels, ...panels], buttons, labels, inputs, slots, progresses, sprites, scrollViews }
   } finally {
     await page.close()
   }