@midscene/visualizer 0.26.2-beta-20250812091127.0 → 0.26.3-beta-20250813021342.0

package/dist/lib/component/blackboard.js

@@ -1,322 +1,309 @@
+'use client';
 "use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-var blackboard_exports = {};
-__export(blackboard_exports, {
-  Blackboard: () => Blackboard,
-  default: () => blackboard_default,
-  pointMarkForItem: () => pointMarkForItem,
-  rectMarkForItem: () => rectMarkForItem
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    pointMarkForItem: ()=>pointMarkForItem,
+    default: ()=>blackboard,
+    Blackboard: ()=>Blackboard,
+    rectMarkForItem: ()=>rectMarkForItem
 });
-module.exports = __toCommonJS(blackboard_exports);
-var import_buffer = __toESM(require("buffer"));
-var import_browser = __toESM(require("process/browser"));
-var import_console_browserify = __toESM(require("console-browserify"));
-var buffer = {
-  Buffer: import_buffer.default
-};
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_unsafe_eval = require("pixi.js/unsafe-eval");
-var import_antd = require("antd");
-var PIXI = __toESM(require("pixi.js"));
-var import_react = require("react");
-var import_color = require("./color");
-var import_blackboard = require("./blackboard.css");
-var import_extractor = require("@midscene/shared/extractor");
-var import_pixi_filters = require("pixi-filters");
-var import_store = require("./store/store");
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("pixi.js/unsafe-eval");
+const external_antd_namespaceObject = require("antd");
+const external_pixi_js_namespaceObject = require("pixi.js");
+const external_react_namespaceObject = require("react");
+const external_color_js_namespaceObject = require("./color.js");
+require("./blackboard.css");
+const extractor_namespaceObject = require("@midscene/shared/extractor");
+const external_pixi_filters_namespaceObject = require("pixi-filters");
+const store_js_namespaceObject = require("./store/store.js");
 const itemFillAlpha = 0.4;
 const highlightAlpha = 0.4;
 const pointRadius = 10;
-const pointMarkForItem = (point, type) => {
-  const [x, y] = point;
-  const themeColor = (0, import_color.highlightColorForType)("element");
-  const graphics = new PIXI.Graphics();
-  graphics.beginFill(themeColor, itemFillAlpha);
-  graphics.drawCircle(x, y, pointRadius);
-  graphics.endFill();
-  return graphics;
+const pointMarkForItem = (point, type)=>{
+    const [x, y] = point;
+    const themeColor = (0, external_color_js_namespaceObject.highlightColorForType)('element');
+    const graphics = new external_pixi_js_namespaceObject.Graphics();
+    graphics.beginFill(themeColor, itemFillAlpha);
+    graphics.drawCircle(x, y, pointRadius);
+    graphics.endFill();
+    return graphics;
 };
-const rectMarkForItem = (rect, name, type) => {
-  const { left, top, width, height } = rect;
-  let themeColor;
-  if (type === "element") {
-    themeColor = (0, import_color.colorForName)(name);
-  } else if (type === "searchArea") {
-    themeColor = (0, import_color.highlightColorForType)("searchArea");
-  } else {
-    themeColor = (0, import_color.highlightColorForType)("element");
-  }
-  const alpha = type === "highlight" ? highlightAlpha : itemFillAlpha;
-  const graphics = new PIXI.Graphics();
-  graphics.beginFill(themeColor, alpha);
-  graphics.lineStyle(1, themeColor, 1);
-  graphics.drawRect(left, top, width, height);
-  graphics.endFill();
-  const dropShadowFilter = new import_pixi_filters.DropShadowFilter({
-    blur: 2,
-    quality: 3,
-    alpha: 0.4,
-    offset: { x: 4, y: 4 },
-    color: 3355443
-  });
-  graphics.filters = [dropShadowFilter];
-  const nameFontSize = 18;
-  if (!name) {
-    return [graphics];
-  }
-  const texts = new PIXI.Text(name, {
-    fontSize: nameFontSize,
-    fill: 0
-  });
-  texts.x = left;
-  texts.y = Math.max(top - (nameFontSize + 4), 0);
-  return [graphics, texts];
+const rectMarkForItem = (rect, name, type)=>{
+    const { left, top, width, height } = rect;
+    let themeColor;
+    themeColor = 'element' === type ? (0, external_color_js_namespaceObject.colorForName)(name) : 'searchArea' === type ? (0, external_color_js_namespaceObject.highlightColorForType)('searchArea') : (0, external_color_js_namespaceObject.highlightColorForType)('element');
+    const alpha = 'highlight' === type ? highlightAlpha : itemFillAlpha;
+    const graphics = new external_pixi_js_namespaceObject.Graphics();
+    graphics.beginFill(themeColor, alpha);
+    graphics.lineStyle(1, themeColor, 1);
+    graphics.drawRect(left, top, width, height);
+    graphics.endFill();
+    const dropShadowFilter = new external_pixi_filters_namespaceObject.DropShadowFilter({
+        blur: 2,
+        quality: 3,
+        alpha: 0.4,
+        offset: {
+            x: 4,
+            y: 4
+        },
+        color: 0x333333
+    });
+    graphics.filters = [
+        dropShadowFilter
+    ];
+    const nameFontSize = 18;
+    if (!name) return [
+        graphics
+    ];
+    const texts = new external_pixi_js_namespaceObject.Text(name, {
+        fontSize: nameFontSize,
+        fill: 0x0
+    });
+    texts.x = left;
+    texts.y = Math.max(top - (nameFontSize + 4), 0);
+    return [
+        graphics,
+        texts
+    ];
 };
-const Blackboard = (props) => {
-  const highlightElements = props.highlightElements || [];
-  const highlightIds = highlightElements.map((e) => e.id);
-  const highlightRect = props.highlightRect;
-  const highlightPoints = props.highlightPoints;
-  const context = props.uiContext;
-  const { size, screenshotBase64 } = context;
-  const screenWidth = size.width;
-  const screenHeight = size.height;
-  const domRef = (0, import_react.useRef)(null);
-  const app = (0, import_react.useMemo)(() => new PIXI.Application(), []);
-  const [appInitialed, setAppInitialed] = (0, import_react.useState)(false);
-  const highlightContainer = (0, import_react.useMemo)(() => new PIXI.Container(), []);
-  const elementMarkContainer = (0, import_react.useMemo)(() => new PIXI.Container(), []);
-  const [hoverElement, setHoverElement] = (0, import_react.useState)(null);
-  const pixiBgRef = (0, import_react.useRef)(void 0);
-  const { markerVisible, setMarkerVisible, elementsVisible, setTextsVisible } = (0, import_store.useBlackboardPreference)();
-  (0, import_react.useEffect)(() => {
-    Promise.resolve(
-      (() => __async(void 0, null, function* () {
-        if (!domRef.current || !screenWidth) {
-          return;
+const Blackboard = (props)=>{
+    const highlightElements = props.highlightElements || [];
+    const highlightIds = highlightElements.map((e)=>e.id);
+    const highlightRect = props.highlightRect;
+    const highlightPoints = props.highlightPoints;
+    const context = props.uiContext;
+    const { size, screenshotBase64 } = context;
+    const screenWidth = size.width;
+    const screenHeight = size.height;
+    const domRef = (0, external_react_namespaceObject.useRef)(null);
+    const app = (0, external_react_namespaceObject.useMemo)(()=>new external_pixi_js_namespaceObject.Application(), []);
+    const [appInitialed, setAppInitialed] = (0, external_react_namespaceObject.useState)(false);
+    const highlightContainer = (0, external_react_namespaceObject.useMemo)(()=>new external_pixi_js_namespaceObject.Container(), []);
+    const elementMarkContainer = (0, external_react_namespaceObject.useMemo)(()=>new external_pixi_js_namespaceObject.Container(), []);
+    const [hoverElement, setHoverElement] = (0, external_react_namespaceObject.useState)(null);
+    const pixiBgRef = (0, external_react_namespaceObject.useRef)(void 0);
+    const { markerVisible, setMarkerVisible, elementsVisible, setTextsVisible } = (0, store_js_namespaceObject.useBlackboardPreference)();
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        Promise.resolve((async ()=>{
+            if (!domRef.current || !screenWidth) return;
+            await app.init({
+                width: screenWidth,
+                height: screenHeight,
+                background: 0xffffff
+            });
+            const canvasEl = domRef.current;
+            domRef.current.appendChild(app.canvas);
+            const { clientWidth } = domRef.current.parentElement;
+            const targetHeight = 0.6 * window.innerHeight;
+            const viewportRatio = clientWidth / targetHeight;
+            if (screenWidth / screenHeight <= viewportRatio) {
+                const ratio = targetHeight / screenHeight;
+                canvasEl.style.width = `${Math.floor(screenWidth * ratio)}px`;
+                canvasEl.style.height = `${Math.floor(screenHeight * ratio)}px`;
+            }
+            app.stage.addChild(highlightContainer);
+            app.stage.addChild(elementMarkContainer);
+            setAppInitialed(true);
+        })());
+        return ()=>{
+            console.log('will destroy');
+            try {
+                app.destroy(true, {
+                    children: true,
+                    texture: true
+                });
+            } catch (e) {
+                console.warn('destroy failed', e);
+            }
+        };
+    }, [
+        app,
+        screenWidth,
+        screenHeight
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!appInitialed) return;
+        app.stage.eventMode = 'static';
+        app.stage.hitArea = new external_pixi_js_namespaceObject.Rectangle(0, 0, screenWidth, screenHeight);
+        const clickHandler = (event)=>{
+            var _props_onCanvasClick;
+            console.log('pixi click', event);
+            const { x, y } = event.data.global;
+            null == (_props_onCanvasClick = props.onCanvasClick) || _props_onCanvasClick.call(props, [
+                Math.round(x),
+                Math.round(y)
+            ]);
+        };
+        app.stage.on('click', clickHandler);
+        return ()=>{
+            var _app_stage;
+            null == app || null == (_app_stage = app.stage) || _app_stage.off('click');
+        };
+    }, [
+        appInitialed,
+        props.onCanvasClick,
+        screenWidth,
+        screenHeight
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!appInitialed) return;
+        const img = new Image();
+        img.onload = ()=>{
+            if (!app.stage) return;
+            const screenshotTexture = external_pixi_js_namespaceObject.Texture.from(img);
+            const backgroundSprite = new external_pixi_js_namespaceObject.Sprite(screenshotTexture);
+            backgroundSprite.x = 0;
+            backgroundSprite.y = 0;
+            backgroundSprite.width = screenWidth;
+            backgroundSprite.height = screenHeight;
+            backgroundSprite.eventMode = 'passive';
+            app.stage.addChildAt(backgroundSprite, 0);
+            pixiBgRef.current = backgroundSprite;
+        };
+        img.onerror = (e)=>{
+            console.error('load screenshot failed', e);
+        };
+        img.src = screenshotBase64;
+    }, [
+        app.stage,
+        appInitialed,
+        screenWidth,
+        screenHeight
+    ]);
+    const { highlightElementRects } = (0, external_react_namespaceObject.useMemo)(()=>{
+        const highlightElementRects = [];
+        highlightContainer.removeChildren();
+        elementMarkContainer.removeChildren();
+        highlightContainer.eventMode = 'passive';
+        elementMarkContainer.eventMode = 'passive';
+        if (highlightRect) {
+            const [graphics] = rectMarkForItem(highlightRect, 'Search Area', 'searchArea');
+            highlightContainer.addChild(graphics);
         }
-        yield app.init({
-          width: screenWidth,
-          height: screenHeight,
-          background: 16777215
+        if (highlightElements.length) highlightElements.forEach((element)=>{
+            const { rect, content, id } = element;
+            const [graphics] = rectMarkForItem(rect, content, 'highlight');
+            highlightContainer.addChild(graphics);
         });
-        const canvasEl = domRef.current;
-        domRef.current.appendChild(app.canvas);
-        const { clientWidth } = domRef.current.parentElement;
-        const targetHeight = window.innerHeight * 0.6;
-        const viewportRatio = clientWidth / targetHeight;
-        if (screenWidth / screenHeight <= viewportRatio) {
-          const ratio = targetHeight / screenHeight;
-          canvasEl.style.width = `${Math.floor(screenWidth * ratio)}px`;
-          canvasEl.style.height = `${Math.floor(screenHeight * ratio)}px`;
-        }
-        app.stage.addChild(highlightContainer);
-        app.stage.addChild(elementMarkContainer);
-        setAppInitialed(true);
-      }))()
-    );
-    return () => {
-      import_console_browserify.default.log("will destroy");
-      try {
-        app.destroy(true, { children: true, texture: true });
-      } catch (e) {
-        import_console_browserify.default.warn("destroy failed", e);
-      }
-    };
-  }, [app, screenWidth, screenHeight]);
-  (0, import_react.useEffect)(() => {
-    if (!appInitialed) {
-      return;
-    }
-    app.stage.eventMode = "static";
-    app.stage.hitArea = new PIXI.Rectangle(0, 0, screenWidth, screenHeight);
-    const clickHandler = (event) => {
-      var _a;
-      import_console_browserify.default.log("pixi click", event);
-      const { x, y } = event.data.global;
-      (_a = props.onCanvasClick) == null ? void 0 : _a.call(props, [Math.round(x), Math.round(y)]);
-    };
-    app.stage.on("click", clickHandler);
-    return () => {
-      var _a;
-      (_a = app == null ? void 0 : app.stage) == null ? void 0 : _a.off("click");
-    };
-  }, [appInitialed, props.onCanvasClick, screenWidth, screenHeight]);
-  (0, import_react.useEffect)(() => {
-    if (!appInitialed) {
-      return;
-    }
-    const img = new Image();
-    img.onload = () => {
-      if (!app.stage)
-        return;
-      const screenshotTexture = PIXI.Texture.from(img);
-      const backgroundSprite = new PIXI.Sprite(screenshotTexture);
-      backgroundSprite.x = 0;
-      backgroundSprite.y = 0;
-      backgroundSprite.width = screenWidth;
-      backgroundSprite.height = screenHeight;
-      backgroundSprite.eventMode = "passive";
-      app.stage.addChildAt(backgroundSprite, 0);
-      pixiBgRef.current = backgroundSprite;
-    };
-    img.onerror = (e) => {
-      import_console_browserify.default.error("load screenshot failed", e);
-    };
-    img.src = screenshotBase64;
-  }, [app.stage, appInitialed, screenWidth, screenHeight]);
-  const { highlightElementRects } = (0, import_react.useMemo)(() => {
-    const highlightElementRects2 = [];
-    highlightContainer.removeChildren();
-    elementMarkContainer.removeChildren();
-    highlightContainer.eventMode = "passive";
-    elementMarkContainer.eventMode = "passive";
-    if (highlightRect) {
-      const [graphics] = rectMarkForItem(
+        if (null == highlightPoints ? void 0 : highlightPoints.length) highlightPoints.forEach((point)=>{
+            const graphics = pointMarkForItem(point, 'highlightPoint');
+            highlightContainer.addChild(graphics);
+        });
+        const elements = (0, extractor_namespaceObject.treeToList)(context.tree);
+        elements.forEach((element)=>{
+            const { rect, content, id } = element;
+            const ifHighlight = highlightIds.includes(id) || (null == hoverElement ? void 0 : hoverElement.id) === id;
+            if (ifHighlight) return;
+            const [graphics] = rectMarkForItem(rect, content, 'element');
+            elementMarkContainer.addChild(graphics);
+        });
+        elementMarkContainer.visible = elementsVisible;
+        return {
+            highlightElementRects
+        };
+    }, [
+        app,
+        appInitialed,
+        highlightElements,
+        context.tree,
+        hoverElement,
         highlightRect,
-        "Search Area",
-        "searchArea"
-      );
-      highlightContainer.addChild(graphics);
-    }
-    if (highlightElements.length) {
-      highlightElements.forEach((element) => {
-        const { rect, content, id } = element;
-        const [graphics] = rectMarkForItem(rect, content, "highlight");
-        highlightContainer.addChild(graphics);
-      });
-    }
-    if (highlightPoints == null ? void 0 : highlightPoints.length) {
-      highlightPoints.forEach((point) => {
-        const graphics = pointMarkForItem(point, "highlightPoint");
-        highlightContainer.addChild(graphics);
-      });
-    }
-    const elements = (0, import_extractor.treeToList)(context.tree);
-    elements.forEach((element) => {
-      const { rect, content, id } = element;
-      const ifHighlight = highlightIds.includes(id) || (hoverElement == null ? void 0 : hoverElement.id) === id;
-      if (ifHighlight) {
-        return;
-      }
-      const [graphics] = rectMarkForItem(rect, content, "element");
-      elementMarkContainer.addChild(graphics);
-    });
-    elementMarkContainer.visible = elementsVisible;
-    return {
-      highlightElementRects: highlightElementRects2
+        highlightPoints
+    ]);
+    const onSetElementsVisible = (e)=>{
+        setTextsVisible(e.target.checked);
+        elementMarkContainer.visible = e.target.checked;
     };
-  }, [
-    app,
-    appInitialed,
-    highlightElements,
-    context.tree,
-    hoverElement,
-    highlightRect,
-    highlightPoints
-    // bgVisible,
-    // elementsVisible,
-  ]);
-  const onSetMarkerVisible = (e) => {
-    setMarkerVisible(e.target.checked);
-    if (pixiBgRef.current) {
-      pixiBgRef.current.visible = e.target.checked;
-    }
-  };
-  const onSetElementsVisible = (e) => {
-    setTextsVisible(e.target.checked);
-    elementMarkContainer.visible = e.target.checked;
-  };
-  let bottomTipA = null;
-  if (highlightElementRects.length === 1) {
-    bottomTipA = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bottom-tip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bottom-tip-item", children: [
-      "Element: ",
-      JSON.stringify(highlightElementRects[0])
-    ] }) });
-  } else if (highlightElementRects.length > 1) {
-    bottomTipA = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bottom-tip", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bottom-tip-item", children: [
-      "Element: ",
-      JSON.stringify(highlightElementRects)
-    ] }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "blackboard", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        className: "blackboard-main-content",
-        style: { width: "100%" },
-        ref: domRef
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        className: "blackboard-filter",
-        style: { display: props.hideController ? "none" : "block" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "overlay-control", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Checkbox, { checked: elementsVisible, onChange: onSetElementsVisible, children: "Elements" }) })
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
+    let bottomTipA = null;
+    if (1 === highlightElementRects.length) bottomTipA = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "bottom-tip",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "bottom-tip-item",
+            children: [
+                "Element: ",
+                JSON.stringify(highlightElementRects[0])
+            ]
+        })
+    });
+    else if (highlightElementRects.length > 1) bottomTipA = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "bottom-tip",
-        style: { display: props.hideController ? "none" : "block" },
-        children: bottomTipA
-      }
-    )
-  ] });
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "bottom-tip-item",
+            children: [
+                "Element: ",
+                JSON.stringify(highlightElementRects)
+            ]
+        })
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "blackboard",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "blackboard-main-content",
+                style: {
+                    width: '100%'
+                },
+                ref: domRef
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "blackboard-filter",
+                style: {
+                    display: props.hideController ? 'none' : 'block'
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "overlay-control",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Checkbox, {
+                        checked: elementsVisible,
+                        onChange: onSetElementsVisible,
+                        children: "Elements"
+                    })
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "bottom-tip",
+                style: {
+                    display: props.hideController ? 'none' : 'block'
+                },
+                children: bottomTipA
+            })
+        ]
+    });
 };
-var blackboard_default = Blackboard;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Blackboard,
-  pointMarkForItem,
-  rectMarkForItem
+const blackboard = Blackboard;
+exports.Blackboard = __webpack_exports__.Blackboard;
+exports["default"] = __webpack_exports__["default"];
+exports.pointMarkForItem = __webpack_exports__.pointMarkForItem;
+exports.rectMarkForItem = __webpack_exports__.rectMarkForItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Blackboard",
+    "default",
+    "pointMarkForItem",
+    "rectMarkForItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });