json-canvas-viewer 3.4.2 → 4.0.0

package/dist/types/core/declarations.d.ts

@@ -1,105 +0,0 @@
-import type { GeneralModule, GeneralModuleCtor } from './baseModule';
-import type Controller from './controller';
-import type DataManager from './dataManager';
-import type InteractionHandler from './interactionHandler';
-import type OverlayManager from './overlayManager';
-import type Renderer from './renderer';
-import type StyleManager from './styleManager';
-declare global {
-    interface JSONCanvasGroupNode extends JSONCanvasGenericNode {
-        type: 'group';
-        label?: string;
-        background?: string;
-        backgroundStyle?: 'cover' | 'ratio' | 'repeat';
-    }
-    interface JSONCanvasFileNode extends JSONCanvasGenericNode {
-        type: 'file';
-        file: string;
-        subpath?: string;
-    }
-    interface JSONCanvasTextNode extends JSONCanvasGenericNode {
-        type: 'text';
-        text: string;
-    }
-    interface JSONCanvasLinkNode extends JSONCanvasGenericNode {
-        type: 'link';
-        url: string;
-    }
-    type JSONCanvasNode = JSONCanvasGroupNode | JSONCanvasFileNode | JSONCanvasTextNode | JSONCanvasLinkNode;
-    interface JSONCanvasEdge {
-        id: string;
-        fromNode: string;
-        toNode: string;
-        fromSide: 'right' | 'left' | 'top' | 'bottom';
-        toSide: 'right' | 'left' | 'top' | 'bottom';
-        toEnd?: 'arrow' | 'none';
-        label?: string;
-        styleAttributes?: Record<string, string>;
-        color?: string;
-    }
-    interface JSONCanvas {
-        nodes?: Array<JSONCanvasNode>;
-        edges?: Array<JSONCanvasEdge>;
-    }
-    module '*.canvas' {
-        const content: JSONCanvas;
-        export default content;
-    }
-}
-interface JSONCanvasGenericNode {
-    id: string;
-    type: 'group' | 'file' | 'text' | 'link';
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    styleAttributes?: Record<string, string>;
-    color?: string;
-}
-export type Coordinates = {
-    x: number;
-    y: number;
-};
-export type NodeBounds = {
-    minX: number;
-    minY: number;
-    maxX: number;
-    maxY: number;
-    width: number;
-    height: number;
-    centerX: number;
-    centerY: number;
-};
-export type Box = {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-};
-export type GeneralArguments = Array<any>;
-export type GeneralObject = Record<Indexable, any>;
-export type Indexable = string | number | symbol;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-export type ModuleInputCtor = Array<GeneralModuleCtor>;
-type ModuleInputInstance = Array<GeneralModule>;
-export type ModuleInput = ModuleInputCtor | ModuleInputInstance;
-type Instances<T extends ModuleInput> = T extends ModuleInputCtor ? InstanceType<T[number]> : T[number];
-export interface BaseOptions {
-    container: HTMLElement;
-    loading?: 'normal' | 'lazy' | 'none';
-}
-export type MarkdownParser = (markdown: string) => string | Promise<string>;
-type Orchestratable<T extends ModuleInput, K extends 'options' | '_Augmentation'> = UnionToIntersection<Instances<T>[K]>;
-export type Options<T extends ModuleInput = []> = Orchestratable<T, 'options'>;
-export type Augmentation<T extends ModuleInput = []> = Orchestratable<T, '_Augmentation'>;
-type InternalModules = [
-    DataManager,
-    StyleManager,
-    Controller,
-    OverlayManager,
-    InteractionHandler,
-    Renderer
-];
-export type UserOptions<M extends ModuleInput> = Options<M> & Options<InternalModules>;
-export type UserAugmentation<M extends ModuleInput> = Augmentation<M> & Augmentation<InternalModules>;
-export {};

package/dist/types/core/index.d.ts

@@ -1,25 +0,0 @@
-import type { ModuleInputCtor, UserOptions, UserAugmentation, ModuleInput } from './declarations';
-import { Container } from '@needle-di/core';
-declare class JSONCanvasViewer<M extends ModuleInputCtor> {
-    private allModules;
-    private IO;
-    private onDispose;
-    private onStart;
-    private onRestart;
-    private started;
-    options: UserOptions<M>;
-    container: Container;
-    constructor(options: UserOptions<M>, modules?: M);
-    private onVisibilityCheck;
-    private _augmentSlot;
-    private augment;
-    load: (options?: {
-        canvas?: JSONCanvas;
-        attachmentDir?: string;
-    }) => void;
-    dispose: () => void;
-}
-type JSONCanvasViewerType = new <M extends ModuleInputCtor = []>(...args: ConstructorParameters<typeof JSONCanvasViewer<M>>) => JSONCanvasViewer<M> & UserAugmentation<M>;
-export type JSONCanvasViewerInterface<M extends ModuleInput = []> = JSONCanvasViewer<never> & UserAugmentation<M>;
-declare const _default: JSONCanvasViewerType;
-export default _default;

package/dist/types/core/interactionHandler.d.ts

@@ -1,39 +0,0 @@
-import { type BaseArgs, BaseModule } from './baseModule';
-import type { BaseOptions, Coordinates } from './declarations';
-import { Click, Drag, MultitouchPanZoom, type Options as PointeractOptions, PreventDefault, WheelPanZoom, Lubricator, type PointeractInterface } from 'pointeract';
-type LoadedModules = [Click, Drag, WheelPanZoom, PreventDefault, MultitouchPanZoom, Lubricator];
-interface Options extends BaseOptions {
-    pointeract?: PointeractOptions<LoadedModules>;
-}
-interface Augmentation {
-    pan: InteractionHandler['pan'];
-    panToCoords: InteractionHandler['panToCoords'];
-    zoom: InteractionHandler['zoom'];
-    zoomToScale: InteractionHandler['zoomToScale'];
-}
-export default class InteractionHandler extends BaseModule<Options, Augmentation> {
-    pointeract: PointeractInterface<LoadedModules>;
-    private DM;
-    onClick: {
-        (args_0: string | null): void;
-        subs: Set<(args_0: string | null) => unknown>;
-        subscribe(callback: (args_0: string | null) => unknown): void;
-        unsubscribe(callback: (args_0: string | null) => unknown): void;
-    };
-    constructor(...args: BaseArgs);
-    private start;
-    private onPan;
-    private onZoom;
-    trueZoom: (_factor: number, origin: Coordinates) => void;
-    truePan: ({ x, y }: Coordinates) => void;
-    zoom: (_factor: number, origin: Coordinates) => void;
-    pan: ({ x, y }: Coordinates) => void;
-    zoomToScale: (newScale: number, origin: Coordinates) => void;
-    panToCoords: ({ x, y }: Coordinates) => void;
-    private C2C;
-    private onTrueClick;
-    private isUIControl;
-    private findNodeId;
-    private dispose;
-}
-export {};

package/dist/types/core/overlayManager.d.ts

@@ -1,44 +0,0 @@
-import { type BaseArgs, BaseModule } from './baseModule';
-import type { BaseOptions, MarkdownParser } from './declarations';
-interface Options extends BaseOptions {
-    markdownParser?: MarkdownParser;
-}
-export default class OverlayManager extends BaseModule<Options> {
-    private _overlaysLayer;
-    private overlays;
-    private selectedId;
-    private eventListeners;
-    private DM;
-    private SM;
-    private parse;
-    private get overlaysLayer();
-    hooks: {
-        onInteractionStart: {
-            (): void;
-            subs: Set<() => unknown>;
-            subscribe(callback: () => unknown): void;
-            unsubscribe(callback: () => unknown): void;
-        };
-        onInteractionEnd: {
-            (): void;
-            subs: Set<() => unknown>;
-            subscribe(callback: () => unknown): void;
-            unsubscribe(callback: () => unknown): void;
-        };
-    };
-    constructor(...args: BaseArgs);
-    private start;
-    private restart;
-    private renderOverlays;
-    private themeChanged;
-    private select;
-    private loadMarkdownForNode;
-    private updateOverlays;
-    private createOverlay;
-    private updateOverlay;
-    private constructOverlay;
-    private setOverlayColor;
-    private clearOverlays;
-    private dispose;
-}
-export {};

package/dist/types/core/renderer.d.ts

@@ -1,32 +0,0 @@
-import { type BaseArgs, BaseModule } from './baseModule';
-import type { BaseOptions } from './declarations';
-interface Options extends BaseOptions {
-    zoomInOptimization?: boolean;
-}
-export default class Renderer extends BaseModule<Options> {
-    private _canvas;
-    private ctx;
-    private DM;
-    private SM;
-    private zoomInOptimize;
-    private get canvas();
-    constructor(...args: BaseArgs);
-    private optimizeDPR;
-    private redraw;
-    private trueRedraw;
-    private fakeRedraw;
-    private isInside;
-    private isOutside;
-    private getCurrentViewport;
-    private drawLabelBar;
-    private drawNodeBackground;
-    private drawGroup;
-    private drawFile;
-    private drawEdge;
-    private getControlPoints;
-    private drawGridDots;
-    private drawCurvedPath;
-    private drawArrowhead;
-    private dispose;
-}
-export {};

package/dist/types/core/styleManager.d.ts

@@ -1,49 +0,0 @@
-import { BaseModule, type BaseArgs } from './baseModule';
-import type { BaseOptions } from './declarations';
-export type Color = {
-    border: string;
-    background: string;
-    active: string;
-    text: string;
-    card: string;
-};
-interface Options extends BaseOptions {
-    theme?: 'dark' | 'light';
-}
-interface Augmentation {
-    changeTheme: StyleManager['changeTheme'];
-}
-declare const namedColors: {
-    light: {
-        dots: string;
-        text: string;
-        background: string;
-        'background-secondary': string;
-        shadow: string;
-        border: string;
-    };
-    dark: {
-        dots: string;
-        text: string;
-        background: string;
-        'background-secondary': string;
-        shadow: string;
-        border: string;
-    };
-};
-export default class StyleManager extends BaseModule<Options, Augmentation> {
-    theme: 'dark' | 'light';
-    onChangeTheme: {
-        (args_0: "dark" | "light"): void;
-        subs: Set<(args_0: "dark" | "light") => unknown>;
-        subscribe(callback: (args_0: "dark" | "light") => unknown): void;
-        unsubscribe(callback: (args_0: "dark" | "light") => unknown): void;
-    };
-    private colorCache;
-    constructor(...args: BaseArgs);
-    private hslProcessor;
-    getColor: (colorIndex?: string) => Color;
-    getNamedColor: (name: keyof typeof namedColors.dark) => string;
-    changeTheme: (theme?: "dark" | "light") => void;
-}
-export {};

package/dist/types/core/utilities.d.ts

@@ -1,25 +0,0 @@
-import type { GeneralArguments } from './declarations';
-declare const _default: {
-    round: typeof round;
-    resizeCanvasForDPR: typeof resizeCanvasForDPR;
-    applyStyles: typeof applyStyles;
-    drawRoundRect: typeof drawRoundRect;
-    getAnchorCoord: typeof getAnchorCoord;
-    makeHook: typeof makeHook;
-};
-export default _default;
-export declare const destroyError: Error;
-declare function applyStyles(container: HTMLElement | ShadowRoot, styleString: string): void;
-declare function drawRoundRect(ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, radius: number): void;
-declare function getAnchorCoord(node: JSONCanvasNode, side: 'top' | 'bottom' | 'left' | 'right'): {
-    x: number;
-    y: number;
-};
-declare function resizeCanvasForDPR(canvas: HTMLCanvasElement, width: number, height: number): void;
-declare function round(roundedNum: number, digits: number): number;
-declare function makeHook<Args extends GeneralArguments = []>(reverse?: boolean): {
-    (...args: Args): void;
-    subs: Set<(...args: Args) => unknown>;
-    subscribe(callback: (...args: Args) => unknown): void;
-    unsubscribe(callback: (...args: Args) => unknown): void;
-};

package/dist/types/dev.d.ts

@@ -1,9 +0,0 @@
-export { type GeneralModule, type GeneralModuleCtor, type BaseArgs, BaseModule, } from './core/baseModule';
-export type { BaseOptions } from './core/declarations';
-export { default as Controller } from './core/controller';
-export { default as DataManager } from './core/dataManager';
-export { default as InteractionHandler } from './core/interactionHandler';
-export { default as OverlayManager } from './core/overlayManager';
-export { default as Renderer } from './core/renderer';
-export { default as StyleManager } from './core/styleManager';
-export { default as canvasUtils } from './core/utilities';

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export { default as JSONCanvasViewer, type JSONCanvasViewerInterface } from './core';
-export type { UserOptions as Options } from './core/declarations';

package/dist/types/modules/controls/index.d.ts

@@ -1,38 +0,0 @@
-import { type BaseArgs, BaseModule } from '../../core/baseModule';
-import type { BaseOptions } from '../../core/declarations';
-interface Options extends BaseOptions {
-    controlsCollapsed?: boolean;
-}
-interface Augmentation {
-    toggleControlsCollapse: Controls['toggleCollapse'];
-}
-export default class Controls extends BaseModule<Options, Augmentation> {
-    private _controlsPanel;
-    private _toggleCollapseBtn;
-    private _toggleFullscreenBtn;
-    private _zoomOutBtn;
-    private _zoomSlider;
-    private _zoomInBtn;
-    private _resetViewBtn;
-    private DM;
-    private IH;
-    private collapsed;
-    private get controlsPanel();
-    private get toggleCollapseBtn();
-    private get toggleFullscreenBtn();
-    private get zoomOutBtn();
-    private get zoomSlider();
-    private get zoomInBtn();
-    private get resetViewBtn();
-    constructor(...args: BaseArgs);
-    toggleCollapse: () => void;
-    private zoomIn;
-    private zoomOut;
-    private slide;
-    private updateFullscreenBtn;
-    private toggleFullscreen;
-    private updateSlider;
-    private scaleToSlider;
-    private dispose;
-}
-export {};

package/dist/types/modules/debugPanel/index.d.ts

@@ -1,9 +0,0 @@
-import { type BaseArgs, BaseModule } from '../../core/baseModule';
-export default class DebugPanel extends BaseModule {
-    private _debugPanel;
-    private DM;
-    private get debugPanel();
-    constructor(...args: BaseArgs);
-    private update;
-    private dispose;
-}

package/dist/types/modules/minimap/index.d.ts

@@ -1,32 +0,0 @@
-import { type BaseArgs, BaseModule } from '../../core/baseModule';
-import type { BaseOptions } from '../../core/declarations';
-interface Options extends BaseOptions {
-    minimapCollapsed?: boolean;
-}
-interface Augmentation {
-    toggleMinimapCollapse: Minimap['toggleCollapse'];
-}
-export default class Minimap extends BaseModule<Options, Augmentation> {
-    private _minimapCtx;
-    private _viewportRectangle;
-    private _minimap;
-    private _minimapContainer;
-    private _toggleMinimapBtn;
-    private minimapCache;
-    private DM;
-    private SM;
-    private collapsed;
-    private get minimap();
-    private get minimapCtx();
-    private get viewportRectangle();
-    private get minimapContainer();
-    private get toggleMinimapBtn();
-    constructor(...args: BaseArgs);
-    toggleCollapse: () => void;
-    private start;
-    private drawMinimapNode;
-    private drawMinimapEdge;
-    private updateViewportRectangle;
-    private dispose;
-}
-export {};

package/dist/types/modules/mistouchPreventer/index.d.ts

@@ -1,25 +0,0 @@
-import { type BaseArgs, BaseModule } from '../../core/baseModule';
-import type { BaseOptions } from '../../core/declarations';
-interface Options extends BaseOptions {
-    preventMistouchAtStart?: boolean;
-    mistouchPreventerBannerText?: string;
-}
-interface Augmentation {
-    startMistouchPrevention: MistouchPreventer['startPrevention'];
-    endMistouchPrevention: MistouchPreventer['endPrevention'];
-}
-export default class MistouchPreventer extends BaseModule<Options, Augmentation> {
-    private _preventionContainer;
-    private preventMt;
-    private DM;
-    private preventMistouch;
-    private get preventionContainer();
-    constructor(...args: BaseArgs);
-    private onPointerDown;
-    private onPointerMove;
-    private onPointerUp;
-    startPrevention: () => void;
-    endPrevention: () => void;
-    private dispose;
-}
-export {};

package/dist/types/modules.d.ts

@@ -1,4 +0,0 @@
-export { default as Controls } from './modules/controls';
-export { default as DebugPanel } from './modules/debugPanel';
-export { default as Minimap } from './modules/minimap';
-export { default as MistouchPreventer } from './modules/mistouchPreventer';

package/dist/vue.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("vue"),n=require("./index-BcNvzPvZ.cjs"),t=require("./renderToString-B4iG1OSr.cjs"),a=["innerHTML"],r=e.defineComponent({__name:"vueComponent",props:{modules:{},canvas:{},attachmentDir:{},options:{},isPrerendering:{type:Boolean},theme:{}},async setup(r,{expose:i}){let s,c;const o=r,m=o.isPrerendering??!1,h=e.useTemplateRef("viewerRef");let l=null;const u=m?([s,c]=e.withAsyncContext(()=>t.renderToString({canvas:o.canvas??{},attachmentDir:o.attachmentDir,...o.options})),s=await s,c(),s):"";return e.watch(()=>o.theme,e=>l?.changeTheme(e)),e.watch(()=>({canvas:o.canvas,attachmentDir:o.attachmentDir}),({canvas:e,attachmentDir:n})=>l?.load({canvas:e,attachmentDir:n})),e.onMounted(()=>{h.value&&(l=new n.JSONCanvasViewer(Object.assign(o.options??{},{container:h.value,theme:o.theme,canvas:o.canvas,attachmentDir:o.attachmentDir}),o.modules))}),e.onUnmounted(()=>{l?.dispose(),l=null}),i({viewer:l}),(n,t)=>(e.openBlock(),e.createElementBlock("section",{ref_key:"viewerRef",ref:h,innerHTML:e.unref(u),style:{"max-height":"100vh","max-width":"100vw"}},null,8,a))}});module.exports=r;
-//# sourceMappingURL=vue.cjs.map

package/dist/vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vue.cjs","sources":["../src/bridges/vueComponent.vue"],"sourcesContent":["<script lang=\"ts\" generic=\"T extends ModuleInputCtor\" setup>\nimport { onMounted, onUnmounted, useTemplateRef, watch } from 'vue';\nimport JSONCanvasViewer, { type JSONCanvasViewerInterface } from '$';\nimport type { ModuleInputCtor, UserOptions } from '$/declarations';\nimport renderToString from './renderToString';\n\ntype ComponentOptions<T extends ModuleInputCtor> = {\n\tmodules?: T;\n\tcanvas?: JSONCanvas;\n\tattachmentDir?: string;\n\toptions?: Omit<UserOptions<T>, 'container' | 'theme' | 'canvas' | 'attachmentDir'>;\n\tisPrerendering?: boolean;\n\ttheme?: 'dark' | 'light';\n};\n\nconst props = defineProps<ComponentOptions<T>>();\n\nconst isPrerendering = props.isPrerendering ?? false;\nconst viewerRef = useTemplateRef('viewerRef');\nlet viewer: JSONCanvasViewerInterface<T> | null = null;\nconst prerender = isPrerendering\n\t? await renderToString({\n\t\t\tcanvas: props.canvas ?? {},\n\t\t\tattachmentDir: props.attachmentDir,\n\t\t\t...props.options,\n\t\t})\n\t: '';\nwatch(\n\t() => props.theme,\n\t(theme) => viewer?.changeTheme(theme),\n);\nwatch(\n\t() => {\n\t\treturn {\n\t\t\tcanvas: props.canvas,\n\t\t\tattachmentDir: props.attachmentDir,\n\t\t};\n\t},\n\t({ canvas, attachmentDir }) => viewer?.load({ canvas, attachmentDir }),\n);\n\nonMounted(() => {\n\tif (!viewerRef.value) return;\n\tviewer = new JSONCanvasViewer(\n\t\tObject.assign(props.options ?? {}, {\n\t\t\tcontainer: viewerRef.value,\n\t\t\ttheme: props.theme,\n\t\t\tcanvas: props.canvas,\n\t\t\tattachmentDir: props.attachmentDir,\n\t\t}) as UserOptions<T>,\n\t\tprops.modules,\n\t);\n});\n\nonUnmounted(() => {\n\tviewer?.dispose();\n\tviewer = null;\n});\n\ndefineExpose({ viewer });\n</script>\n\n<template>\n\t<section ref=\"viewerRef\" v-html=\"prerender\" style=\"max-height: 100vh; max-width: 100vw\" />\n</template>\n"],"names":["props","__props","isPrerendering","viewerRef","useTemplateRef","viewer","prerender","__temp","__restore","_withAsyncContext","renderToString","canvas","attachmentDir","options","watch","theme","changeTheme","load","onMounted","value","JSONCanvasViewer","Object","assign","container","modules","onUnmounted","dispose","__expose","_createElementBlock","ref","innerHTML","_unref","style"],"mappings":"8SAeA,MAAMA,EAAQC,EAERC,EAAiBF,EAAME,iBAAkB,EACzCC,EAAYC,EAAAA,eAAe,aACjC,IAAIC,EAA8C,KAClD,MAAMC,EAAYJ,IACfK,EAAAC,GAAAC,EAAAA,iBAAA,IAAMC,iBAAe,CACrBC,OAAQX,EAAMW,QAAU,CAAA,EACxBC,cAAeZ,EAAMY,iBAClBZ,EAAMa,4BAET,UACHC,EAAAA,MACC,IAAMd,EAAMe,MACXA,GAAUV,GAAQW,YAAYD,IAEhCD,EAAAA,MACC,KACQ,CACNH,OAAQX,EAAMW,OACdC,cAAeZ,EAAMY,gBAGvB,EAAGD,SAAQC,mBAAoBP,GAAQY,KAAK,CAAEN,SAAQC,mBAGvDM,EAAAA,UAAU,KACJf,EAAUgB,QACfd,EAAS,IAAIe,EAAAA,iBACZC,OAAOC,OAAOtB,EAAMa,SAAW,CAAA,EAAI,CAClCU,UAAWpB,EAAUgB,MACrBJ,MAAOf,EAAMe,MACbJ,OAAQX,EAAMW,OACdC,cAAeZ,EAAMY,gBAEtBZ,EAAMwB,YAIRC,EAAAA,YAAY,KACXpB,GAAQqB,UACRrB,EAAS,OAGVsB,EAAa,CAAEtB,iCAIduB,EAAAA,mBAA0F,UAAA,SAA7E,YAAJC,IAAI1B,EAAY2B,UAAQC,EAAAA,MAAAzB,GAAW0B,MAAA,CAAA,aAAA,QAAA,YAAA"}

package/dist/vue.js

@@ -1,2 +0,0 @@
-import{defineComponent as e,useTemplateRef as t,withAsyncContext as a,watch as n,onMounted as r,onUnmounted as s,openBlock as i,createElementBlock as o,unref as c}from"vue";import{J as m}from"./index-BPBGNZi4.js";import{r as h}from"./renderToString-Dp8A-Rka.js";const v=["innerHTML"],l=/* @__PURE__ */e({__name:"vueComponent",props:{modules:{},canvas:{},attachmentDir:{},options:{},isPrerendering:{type:Boolean},theme:{}},async setup(e,{expose:l}){let p,u;const d=e,D=d.isPrerendering??!1,f=t("viewerRef");let w=null;const g=D?([p,u]=a(()=>h({canvas:d.canvas??{},attachmentDir:d.attachmentDir,...d.options})),p=await p,u(),p):"";return n(()=>d.theme,e=>w?.changeTheme(e)),n(()=>({canvas:d.canvas,attachmentDir:d.attachmentDir}),({canvas:e,attachmentDir:t})=>w?.load({canvas:e,attachmentDir:t})),r(()=>{f.value&&(w=new m(Object.assign(d.options??{},{container:f.value,theme:d.theme,canvas:d.canvas,attachmentDir:d.attachmentDir}),d.modules))}),s(()=>{w?.dispose(),w=null}),l({viewer:w}),(e,t)=>(i(),o("section",{ref_key:"viewerRef",ref:f,innerHTML:c(g),style:{"max-height":"100vh","max-width":"100vw"}},null,8,v))}});export{l as default};
-//# sourceMappingURL=vue.js.map

package/dist/vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vue.js","sources":["../src/bridges/vueComponent.vue"],"sourcesContent":["<script lang=\"ts\" generic=\"T extends ModuleInputCtor\" setup>\nimport { onMounted, onUnmounted, useTemplateRef, watch } from 'vue';\nimport JSONCanvasViewer, { type JSONCanvasViewerInterface } from '$';\nimport type { ModuleInputCtor, UserOptions } from '$/declarations';\nimport renderToString from './renderToString';\n\ntype ComponentOptions<T extends ModuleInputCtor> = {\n\tmodules?: T;\n\tcanvas?: JSONCanvas;\n\tattachmentDir?: string;\n\toptions?: Omit<UserOptions<T>, 'container' | 'theme' | 'canvas' | 'attachmentDir'>;\n\tisPrerendering?: boolean;\n\ttheme?: 'dark' | 'light';\n};\n\nconst props = defineProps<ComponentOptions<T>>();\n\nconst isPrerendering = props.isPrerendering ?? false;\nconst viewerRef = useTemplateRef('viewerRef');\nlet viewer: JSONCanvasViewerInterface<T> | null = null;\nconst prerender = isPrerendering\n\t? await renderToString({\n\t\t\tcanvas: props.canvas ?? {},\n\t\t\tattachmentDir: props.attachmentDir,\n\t\t\t...props.options,\n\t\t})\n\t: '';\nwatch(\n\t() => props.theme,\n\t(theme) => viewer?.changeTheme(theme),\n);\nwatch(\n\t() => {\n\t\treturn {\n\t\t\tcanvas: props.canvas,\n\t\t\tattachmentDir: props.attachmentDir,\n\t\t};\n\t},\n\t({ canvas, attachmentDir }) => viewer?.load({ canvas, attachmentDir }),\n);\n\nonMounted(() => {\n\tif (!viewerRef.value) return;\n\tviewer = new JSONCanvasViewer(\n\t\tObject.assign(props.options ?? {}, {\n\t\t\tcontainer: viewerRef.value,\n\t\t\ttheme: props.theme,\n\t\t\tcanvas: props.canvas,\n\t\t\tattachmentDir: props.attachmentDir,\n\t\t}) as UserOptions<T>,\n\t\tprops.modules,\n\t);\n});\n\nonUnmounted(() => {\n\tviewer?.dispose();\n\tviewer = null;\n});\n\ndefineExpose({ viewer });\n</script>\n\n<template>\n\t<section ref=\"viewerRef\" v-html=\"prerender\" style=\"max-height: 100vh; max-width: 100vw\" />\n</template>\n"],"names":["props","__props","isPrerendering","viewerRef","useTemplateRef","viewer","prerender","__temp","__restore","_withAsyncContext","renderToString","canvas","attachmentDir","options","watch","theme","changeTheme","load","onMounted","value","JSONCanvasViewer","Object","assign","container","modules","onUnmounted","dispose","__expose","_createElementBlock","ref","innerHTML","_unref","style"],"mappings":"wcAeA,MAAMA,EAAQC,EAERC,EAAiBF,EAAME,iBAAkB,EACzCC,EAAYC,EAAe,aACjC,IAAIC,EAA8C,KAClD,MAAMC,EAAYJ,IACfK,EAAAC,GAAAC,EAAA,IAAMC,EAAe,CACrBC,OAAQX,EAAMW,QAAU,CAAA,EACxBC,cAAeZ,EAAMY,iBAClBZ,EAAMa,4BAET,UACHC,EACC,IAAMd,EAAMe,MACXA,GAAUV,GAAQW,YAAYD,IAEhCD,EACC,KACQ,CACNH,OAAQX,EAAMW,OACdC,cAAeZ,EAAMY,gBAGvB,EAAGD,SAAQC,mBAAoBP,GAAQY,KAAK,CAAEN,SAAQC,mBAGvDM,EAAU,KACJf,EAAUgB,QACfd,EAAS,IAAIe,EACZC,OAAOC,OAAOtB,EAAMa,SAAW,CAAA,EAAI,CAClCU,UAAWpB,EAAUgB,MACrBJ,MAAOf,EAAMe,MACbJ,OAAQX,EAAMW,OACdC,cAAeZ,EAAMY,gBAEtBZ,EAAMwB,YAIRC,EAAY,KACXpB,GAAQqB,UACRrB,EAAS,OAGVsB,EAAa,CAAEtB,uBAIduB,EAA0F,UAAA,SAA7E,YAAJC,IAAI1B,EAAY2B,UAAQC,EAAAzB,GAAW0B,MAAA,CAAA,aAAA,QAAA,YAAA"}

package/dist/webpackLoader.js

@@ -1,33 +0,0 @@
-import { validate } from "schema-utils";
-const schema = {
-  type: "object",
-  properties: {
-    parser: { instanceof: "Function" }
-  }
-};
-async function jsonCanvasLoader(source) {
-  const options = this.getOptions() ?? {};
-  validate(schema, options, { name: "JSON Canvas Loader" });
-  const { parser } = options;
-  this.cacheable(true);
-  try {
-    const json = JSON.parse(source);
-    if (parser && Array.isArray(json.nodes)) {
-      await Promise.all(
-        json.nodes.map(async (node) => {
-          if (node.type === "text") {
-            node.text = await parser(node.text);
-          }
-        })
-      );
-    }
-    return `export default ${JSON.stringify(json)}`;
-  } catch (e) {
-    this.emitError(`[json-canvas] Failed to parse ${this.resourcePath}: ${e.message}`);
-  }
-}
-const raw = true;
-export {
-  jsonCanvasLoader as default,
-  raw
-};