@idraw/core 0.4.0-beta.4 → 0.4.0-beta.41

package/dist/esm/board/index.d.ts

@@ -0,0 +1,44 @@
+import { Renderer, Calculator } from '@idraw/renderer';
+import { EventEmitter } from '@idraw/util';
+import type { Data, BoardOptions, BoardMiddleware, ViewSizeInfo, PointSize, BoardExtendEventMap } from '@idraw/types';
+import { Sharer } from './sharer';
+import { Viewer } from './viewer';
+export declare class Board<T extends BoardExtendEventMap = BoardExtendEventMap> {
+    #private;
+    constructor(opts: BoardOptions);
+    isDestroyed(): boolean;
+    destroy(): void;
+    getSharer(): Sharer;
+    getViewer(): Viewer;
+    getRenderer(): Renderer;
+    setData(data: Data): {
+        viewSizeInfo: ViewSizeInfo;
+    };
+    getData(): Data | null;
+    use<C extends any = any>(middleware: BoardMiddleware<any, any, any>, config?: Partial<C>): void;
+    disuse(middleware: BoardMiddleware<any, any>): void;
+    resetMiddlewareConfig<C extends any = any>(middleware: BoardMiddleware<any, any, any>, config?: Partial<C>): void;
+    scale(opts: {
+        scale: number;
+        point: PointSize;
+        ignoreUpdateVisibleStatus?: boolean;
+    }): void;
+    scroll(opts: {
+        moveX: number;
+        moveY: number;
+        ignoreUpdateVisibleStatus?: boolean;
+    }): import("@idraw/types").ViewScaleInfo;
+    updateViewScaleInfo(opts: {
+        scale: number;
+        offsetX: number;
+        offsetY: number;
+    }): import("@idraw/types").ViewScaleInfo;
+    resize(newViewSize: ViewSizeInfo, opts?: {
+        ignoreUpdateVisibleStatus?: boolean;
+    }): void;
+    clear(): void;
+    getEventHub(): EventEmitter<T>;
+    onWatcherEvents(): void;
+    offWatcherEvents(): void;
+}
+export { Sharer, Calculator };

package/dist/esm/board/index.js

@@ -0,0 +1,358 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Board_instances, _Board_opts, _Board_middlewareMap, _Board_activeMiddlewareObjs, _Board_watcher, _Board_renderer, _Board_sharer, _Board_viewer, _Board_calculator, _Board_eventHub, _Board_hasDestroyed, _Board_init, _Board_handlePointStart, _Board_handlePointEnd, _Board_handlePointMove, _Board_handlePointLeave, _Board_handleHover, _Board_handleDoubleClick, _Board_handleContextMenu, _Board_handleWheel, _Board_handleWheelScale, _Board_handleScrollX, _Board_handleScrollY, _Board_handleResize, _Board_handleClear, _Board_handleBeforeDrawFrame, _Board_handleAfterDrawFrame, _Board_resetActiveMiddlewareObjs;
+import { Renderer, Calculator } from '@idraw/renderer';
+import { calcElementsContextSize, EventEmitter } from '@idraw/util';
+import { BoardWatcher } from './watcher';
+import { Sharer } from './sharer';
+import { Viewer } from './viewer';
+export class Board {
+    constructor(opts) {
+        _Board_instances.add(this);
+        _Board_opts.set(this, void 0);
+        _Board_middlewareMap.set(this, new Map());
+        _Board_activeMiddlewareObjs.set(this, []);
+        _Board_watcher.set(this, void 0);
+        _Board_renderer.set(this, void 0);
+        _Board_sharer.set(this, void 0);
+        _Board_viewer.set(this, void 0);
+        _Board_calculator.set(this, void 0);
+        _Board_eventHub.set(this, new EventEmitter());
+        _Board_hasDestroyed.set(this, false);
+        const { boardContent } = opts;
+        const sharer = new Sharer();
+        const watcher = new BoardWatcher({
+            boardContent,
+            sharer
+        });
+        const renderer = new Renderer({
+            viewContext: boardContent.viewContext,
+            tempContext: boardContent.tempContext,
+            sharer
+        });
+        const calculator = renderer.getCalculator();
+        __classPrivateFieldSet(this, _Board_opts, opts, "f");
+        __classPrivateFieldSet(this, _Board_sharer, sharer, "f");
+        __classPrivateFieldSet(this, _Board_watcher, watcher, "f");
+        __classPrivateFieldSet(this, _Board_renderer, renderer, "f");
+        __classPrivateFieldSet(this, _Board_calculator, calculator, "f");
+        __classPrivateFieldSet(this, _Board_viewer, new Viewer({
+            boardContent: opts.boardContent,
+            sharer,
+            renderer,
+            calculator: __classPrivateFieldGet(this, _Board_calculator, "f"),
+            beforeDrawFrame: (e) => {
+                __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleBeforeDrawFrame).call(this, e);
+            },
+            afterDrawFrame: (e) => {
+                __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleAfterDrawFrame).call(this, e);
+            }
+        }), "f");
+        __classPrivateFieldGet(this, _Board_instances, "m", _Board_init).call(this);
+        __classPrivateFieldGet(this, _Board_instances, "m", _Board_resetActiveMiddlewareObjs).call(this);
+    }
+    isDestroyed() {
+        return __classPrivateFieldGet(this, _Board_hasDestroyed, "f");
+    }
+    destroy() {
+        __classPrivateFieldGet(this, _Board_watcher, "f").destroy();
+        __classPrivateFieldGet(this, _Board_renderer, "f").destroy();
+        __classPrivateFieldGet(this, _Board_calculator, "f").destroy();
+        __classPrivateFieldGet(this, _Board_eventHub, "f").destroy();
+        __classPrivateFieldSet(this, _Board_hasDestroyed, true, "f");
+    }
+    getSharer() {
+        return __classPrivateFieldGet(this, _Board_sharer, "f");
+    }
+    getViewer() {
+        return __classPrivateFieldGet(this, _Board_viewer, "f");
+    }
+    getRenderer() {
+        return __classPrivateFieldGet(this, _Board_renderer, "f");
+    }
+    setData(data) {
+        const sharer = __classPrivateFieldGet(this, _Board_sharer, "f");
+        __classPrivateFieldGet(this, _Board_sharer, "f").setActiveStorage('data', data);
+        const viewSizeInfo = sharer.getActiveViewSizeInfo();
+        const viewScaleInfo = sharer.getActiveViewScaleInfo();
+        const newViewContextSize = calcElementsContextSize(data.elements, {
+            viewWidth: viewSizeInfo.width,
+            viewHeight: viewSizeInfo.height,
+            extend: true
+        });
+        __classPrivateFieldGet(this, _Board_viewer, "f").resetVirtualFlatItemMap(data, {
+            viewSizeInfo,
+            viewScaleInfo
+        });
+        __classPrivateFieldGet(this, _Board_viewer, "f").drawFrame();
+        const newViewSizeInfo = Object.assign(Object.assign({}, viewSizeInfo), newViewContextSize);
+        __classPrivateFieldGet(this, _Board_sharer, "f").setActiveViewSizeInfo(newViewSizeInfo);
+        return { viewSizeInfo: newViewSizeInfo };
+    }
+    getData() {
+        const { data } = __classPrivateFieldGet(this, _Board_sharer, "f").getActiveStoreSnapshot();
+        return data;
+    }
+    use(middleware, config) {
+        var _a, _b, _c;
+        if (__classPrivateFieldGet(this, _Board_middlewareMap, "f").has(middleware)) {
+            const item = __classPrivateFieldGet(this, _Board_middlewareMap, "f").get(middleware);
+            if (item && item.status !== 'enable') {
+                item.status = 'enable';
+                (_b = (_a = item.middlewareObject).use) === null || _b === void 0 ? void 0 : _b.call(_a);
+                __classPrivateFieldGet(this, _Board_instances, "m", _Board_resetActiveMiddlewareObjs).call(this);
+            }
+            return;
+        }
+        const { boardContent, container } = __classPrivateFieldGet(this, _Board_opts, "f");
+        const sharer = __classPrivateFieldGet(this, _Board_sharer, "f");
+        const viewer = __classPrivateFieldGet(this, _Board_viewer, "f");
+        const calculator = __classPrivateFieldGet(this, _Board_calculator, "f");
+        const eventHub = __classPrivateFieldGet(this, _Board_eventHub, "f");
+        const obj = middleware({ boardContent, sharer, viewer, calculator, eventHub: eventHub, container }, config);
+        (_c = obj.use) === null || _c === void 0 ? void 0 : _c.call(obj);
+        __classPrivateFieldGet(this, _Board_middlewareMap, "f").set(middleware, {
+            status: 'enable',
+            middlewareObject: obj,
+            config
+        });
+        __classPrivateFieldGet(this, _Board_instances, "m", _Board_resetActiveMiddlewareObjs).call(this);
+    }
+    disuse(middleware) {
+        var _a, _b;
+        if (__classPrivateFieldGet(this, _Board_middlewareMap, "f").has(middleware)) {
+            const item = __classPrivateFieldGet(this, _Board_middlewareMap, "f").get(middleware);
+            if (item) {
+                (_b = (_a = item.middlewareObject).disuse) === null || _b === void 0 ? void 0 : _b.call(_a);
+                item.status = 'disable';
+            }
+            __classPrivateFieldGet(this, _Board_middlewareMap, "f").delete(middleware);
+            __classPrivateFieldGet(this, _Board_instances, "m", _Board_resetActiveMiddlewareObjs).call(this);
+        }
+    }
+    resetMiddlewareConfig(middleware, config) {
+        var _a, _b;
+        if (__classPrivateFieldGet(this, _Board_middlewareMap, "f").has(middleware)) {
+            const item = __classPrivateFieldGet(this, _Board_middlewareMap, "f").get(middleware);
+            if (item) {
+                (_b = (_a = item.middlewareObject).resetConfig) === null || _b === void 0 ? void 0 : _b.call(_a, config);
+            }
+        }
+    }
+    scale(opts) {
+        const viewer = __classPrivateFieldGet(this, _Board_viewer, "f");
+        const { ignoreUpdateVisibleStatus } = opts;
+        const { moveX, moveY } = viewer.scale(Object.assign(Object.assign({}, opts), {
+            ignoreUpdateVisibleStatus: true
+        }));
+        viewer.scroll({ moveX, moveY, ignoreUpdateVisibleStatus });
+    }
+    scroll(opts) {
+        const result = __classPrivateFieldGet(this, _Board_viewer, "f").scroll(opts);
+        return result;
+    }
+    updateViewScaleInfo(opts) {
+        const result = __classPrivateFieldGet(this, _Board_viewer, "f").updateViewScaleInfo(opts);
+        return result;
+    }
+    resize(newViewSize, opts) {
+        const viewSize = __classPrivateFieldGet(this, _Board_viewer, "f").resize(newViewSize, opts);
+        const { width, height, devicePixelRatio } = newViewSize;
+        const { boardContent } = __classPrivateFieldGet(this, _Board_opts, "f");
+        boardContent.viewContext.$resize({ width, height, devicePixelRatio });
+        boardContent.overlayContext.$resize({ width, height, devicePixelRatio });
+        boardContent.boardContext.$resize({ width, height, devicePixelRatio });
+        boardContent.underlayContext.$resize({ width, height, devicePixelRatio });
+        __classPrivateFieldGet(this, _Board_viewer, "f").drawFrame();
+        __classPrivateFieldGet(this, _Board_watcher, "f").trigger('resize', viewSize);
+        __classPrivateFieldGet(this, _Board_sharer, "f").setActiveViewSizeInfo(newViewSize);
+    }
+    clear() {
+        const { boardContent } = __classPrivateFieldGet(this, _Board_opts, "f");
+        const { underlayContext, overlayContext, viewContext, boardContext } = boardContent;
+        underlayContext.clearRect(0, 0, underlayContext.canvas.width, underlayContext.canvas.height);
+        overlayContext.clearRect(0, 0, overlayContext.canvas.width, overlayContext.canvas.height);
+        viewContext.clearRect(0, 0, viewContext.canvas.width, viewContext.canvas.height);
+        boardContext.clearRect(0, 0, boardContext.canvas.width, boardContext.canvas.height);
+        __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleClear).call(this);
+    }
+    getEventHub() {
+        return __classPrivateFieldGet(this, _Board_eventHub, "f");
+    }
+    onWatcherEvents() {
+        __classPrivateFieldGet(this, _Board_watcher, "f").onEvents();
+    }
+    offWatcherEvents() {
+        __classPrivateFieldGet(this, _Board_watcher, "f").offEvents();
+    }
+}
+_Board_opts = new WeakMap(), _Board_middlewareMap = new WeakMap(), _Board_activeMiddlewareObjs = new WeakMap(), _Board_watcher = new WeakMap(), _Board_renderer = new WeakMap(), _Board_sharer = new WeakMap(), _Board_viewer = new WeakMap(), _Board_calculator = new WeakMap(), _Board_eventHub = new WeakMap(), _Board_hasDestroyed = new WeakMap(), _Board_instances = new WeakSet(), _Board_init = function _Board_init() {
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('pointStart', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handlePointStart).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('pointEnd', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handlePointEnd).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('pointMove', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handlePointMove).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('pointLeave', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handlePointLeave).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('hover', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleHover).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('wheel', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleWheel).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('wheelScale', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleWheelScale).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('scrollX', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleScrollX).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('scrollY', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleScrollY).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('resize', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleResize).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('doubleClick', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleDoubleClick).bind(this));
+    __classPrivateFieldGet(this, _Board_watcher, "f").on('contextMenu', __classPrivateFieldGet(this, _Board_instances, "m", _Board_handleContextMenu).bind(this));
+    __classPrivateFieldGet(this, _Board_renderer, "f").on('load', () => {
+        __classPrivateFieldGet(this, _Board_eventHub, "f").trigger('loadResource');
+    });
+}, _Board_handlePointStart = function _Board_handlePointStart(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.pointStart) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handlePointEnd = function _Board_handlePointEnd(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.pointEnd) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handlePointMove = function _Board_handlePointMove(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.pointMove) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handlePointLeave = function _Board_handlePointLeave(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.pointLeave) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleHover = function _Board_handleHover(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.hover) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleDoubleClick = function _Board_handleDoubleClick(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.doubleClick) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleContextMenu = function _Board_handleContextMenu(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.contextMenu) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleWheel = function _Board_handleWheel(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.wheel) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleWheelScale = function _Board_handleWheelScale(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.wheelScale) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleScrollX = function _Board_handleScrollX(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.scrollX) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleScrollY = function _Board_handleScrollY(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.scrollY) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleResize = function _Board_handleResize(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.resize) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleClear = function _Board_handleClear(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.clear) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleBeforeDrawFrame = function _Board_handleBeforeDrawFrame(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.beforeDrawFrame) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_handleAfterDrawFrame = function _Board_handleAfterDrawFrame(e) {
+    var _a;
+    for (let i = 0; i < __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f").length; i++) {
+        const obj = __classPrivateFieldGet(this, _Board_activeMiddlewareObjs, "f")[i];
+        const result = (_a = obj === null || obj === void 0 ? void 0 : obj.afterDrawFrame) === null || _a === void 0 ? void 0 : _a.call(obj, e);
+        if (result === false) {
+            return;
+        }
+    }
+}, _Board_resetActiveMiddlewareObjs = function _Board_resetActiveMiddlewareObjs() {
+    const activeMiddlewareObjs = [];
+    for (const [_, item] of __classPrivateFieldGet(this, _Board_middlewareMap, "f")) {
+        if ((item === null || item === void 0 ? void 0 : item.status) === 'enable' && (item === null || item === void 0 ? void 0 : item.middlewareObject)) {
+            activeMiddlewareObjs.push(item.middlewareObject);
+        }
+    }
+    __classPrivateFieldSet(this, _Board_activeMiddlewareObjs, activeMiddlewareObjs, "f");
+};
+export { Sharer, Calculator };

package/dist/esm/board/sharer.d.ts

@@ -0,0 +1,21 @@
+import type { ActiveStore, Element, ElementDetailMap, RecursivePartial, StoreSharer, ViewScaleInfo, ViewSizeInfo } from '@idraw/types';
+export declare class Sharer implements StoreSharer<Record<string | number | symbol | any, any>> {
+    #private;
+    constructor();
+    getActiveStorage<T extends keyof ActiveStore>(key: T): ActiveStore[T];
+    setActiveStorage<T extends keyof ActiveStore>(key: T, storage: ActiveStore[T]): void;
+    getActiveStoreSnapshot(opts?: {
+        deepClone?: boolean;
+    }): ActiveStore;
+    getSharedStorage(key: string | number | symbol): any;
+    setSharedStorage(key: string | number | symbol, storage: any): void;
+    getSharedStoreSnapshot(opts?: {
+        deepClone?: boolean;
+    }): Record<string, any>;
+    getActiveViewScaleInfo(): ViewScaleInfo;
+    setActiveViewScaleInfo(viewScaleInfo: ViewScaleInfo): void;
+    setActiveViewSizeInfo(size: ViewSizeInfo): void;
+    getActiveViewSizeInfo(): ViewSizeInfo;
+    getActiveOverrideElemenentMap(): Record<string, RecursivePartial<Element<keyof ElementDetailMap, Record<string, any>>>> | null;
+    setActiveOverrideElemenentMap(map: Record<string, RecursivePartial<Element<keyof ElementDetailMap, Record<string, any>>>> | null): void;
+}

package/dist/esm/board/sharer.js

@@ -0,0 +1,101 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Sharer_activeStore, _Sharer_sharedStore;
+import { Store } from '@idraw/util';
+const defaultActiveStorage = {
+    width: 0,
+    height: 0,
+    devicePixelRatio: 1,
+    contextWidth: 0,
+    contextHeight: 0,
+    data: null,
+    scale: 1,
+    offsetLeft: 0,
+    offsetRight: 0,
+    offsetTop: 0,
+    offsetBottom: 0,
+    overrideElementMap: null
+};
+export class Sharer {
+    constructor() {
+        _Sharer_activeStore.set(this, void 0);
+        _Sharer_sharedStore.set(this, void 0);
+        const activeStore = new Store({
+            defaultStorage: defaultActiveStorage
+        });
+        const sharedStore = new Store({
+            defaultStorage: {}
+        });
+        __classPrivateFieldSet(this, _Sharer_activeStore, activeStore, "f");
+        __classPrivateFieldSet(this, _Sharer_sharedStore, sharedStore, "f");
+    }
+    getActiveStorage(key) {
+        return __classPrivateFieldGet(this, _Sharer_activeStore, "f").get(key);
+    }
+    setActiveStorage(key, storage) {
+        return __classPrivateFieldGet(this, _Sharer_activeStore, "f").set(key, storage);
+    }
+    getActiveStoreSnapshot(opts) {
+        return __classPrivateFieldGet(this, _Sharer_activeStore, "f").getSnapshot(opts);
+    }
+    getSharedStorage(key) {
+        return __classPrivateFieldGet(this, _Sharer_sharedStore, "f").get(key);
+    }
+    setSharedStorage(key, storage) {
+        return __classPrivateFieldGet(this, _Sharer_sharedStore, "f").set(key, storage);
+    }
+    getSharedStoreSnapshot(opts) {
+        return __classPrivateFieldGet(this, _Sharer_sharedStore, "f").getSnapshot(opts);
+    }
+    getActiveViewScaleInfo() {
+        const viewScaleInfo = {
+            scale: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('scale'),
+            offsetTop: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('offsetTop'),
+            offsetBottom: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('offsetBottom'),
+            offsetLeft: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('offsetLeft'),
+            offsetRight: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('offsetRight')
+        };
+        return viewScaleInfo;
+    }
+    setActiveViewScaleInfo(viewScaleInfo) {
+        const { scale, offsetTop, offsetBottom, offsetLeft, offsetRight } = viewScaleInfo;
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('scale', scale);
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('offsetTop', offsetTop);
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('offsetBottom', offsetBottom);
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('offsetLeft', offsetLeft);
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('offsetRight', offsetRight);
+    }
+    setActiveViewSizeInfo(size) {
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('width', size.width);
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('height', size.height);
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('devicePixelRatio', size.devicePixelRatio);
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('contextWidth', size.contextWidth);
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('contextHeight', size.contextHeight);
+    }
+    getActiveViewSizeInfo() {
+        const sizeInfo = {
+            width: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('width'),
+            height: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('height'),
+            devicePixelRatio: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('devicePixelRatio'),
+            contextWidth: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('contextWidth'),
+            contextHeight: __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('contextHeight')
+        };
+        return sizeInfo;
+    }
+    getActiveOverrideElemenentMap() {
+        return __classPrivateFieldGet(this, _Sharer_activeStore, "f").get('overrideElementMap');
+    }
+    setActiveOverrideElemenentMap(map) {
+        __classPrivateFieldGet(this, _Sharer_activeStore, "f").set('overrideElementMap', map);
+    }
+}
+_Sharer_activeStore = new WeakMap(), _Sharer_sharedStore = new WeakMap();

package/dist/esm/board/viewer.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@idraw/util';
+import type { PointSize, BoardViewer, BoardViewerEventMap, BoardViewerOptions, ViewScaleInfo, ViewSizeInfo, Data } from '@idraw/types';
+export declare class Viewer extends EventEmitter<BoardViewerEventMap> implements BoardViewer {
+    #private;
+    constructor(opts: BoardViewerOptions);
+    resetVirtualFlatItemMap(data: Data, opts: {
+        viewScaleInfo: ViewScaleInfo;
+        viewSizeInfo: ViewSizeInfo;
+    }): void;
+    drawFrame(): void;
+    scale(opts: {
+        scale: number;
+        point: PointSize;
+        ignoreUpdateVisibleStatus?: boolean;
+    }): {
+        moveX: number;
+        moveY: number;
+    };
+    scroll(opts: {
+        moveX: number;
+        moveY: number;
+        ignoreUpdateVisibleStatus?: boolean;
+    }): ViewScaleInfo;
+    updateViewScaleInfo(opts: {
+        scale: number;
+        offsetX: number;
+        offsetY: number;
+    }): ViewScaleInfo;
+    resize(viewSize?: Partial<ViewSizeInfo>, opts?: {
+        ignoreUpdateVisibleStatus?: boolean;
+    }): ViewSizeInfo;
+}