@eclipse-docks/extension-canvas 0.0.0-stage → 0.8.0

package/dist/_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+export { __decorate as default };

package/dist/active-canvas.d.ts

@@ -0,0 +1,13 @@
+export interface ActiveCanvas {
+    kind: 'workspace' | 'registered';
+    canvasName?: string;
+    editor: boolean;
+    getContent?: () => string | null;
+    getFilePath?: () => string | null;
+    setSource?: (source: string) => void;
+    reload?: () => Promise<string>;
+    getState?: (key: string) => unknown;
+    setState?: (key: string, value: unknown) => void;
+}
+export declare function readActiveCanvas(): ActiveCanvas | null;
+//# sourceMappingURL=active-canvas.d.ts.map

package/dist/active-canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"active-canvas.d.ts","sourceRoot":"","sources":["../src/active-canvas.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,WAAW,GAAG,YAAY,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,gBAAgB,IAAI,YAAY,GAAG,IAAI,CAgBtD"}

package/dist/active-canvas.js

@@ -0,0 +1,23 @@
+import { activeEditorSignal } from "@eclipse-docks/core";
+//#region src/active-canvas.ts
+function readActiveCanvas() {
+	const active = activeEditorSignal.get();
+	if (!active) return null;
+	const localName = active.localName;
+	if (localName !== "docks-canvas-editor" && localName !== "docks-canvas-surface") return null;
+	return {
+		kind: active.kind === "registered" ? "registered" : "workspace",
+		canvasName: active.canvasName,
+		editor: localName === "docks-canvas-editor",
+		getContent: active.getContent?.bind(active),
+		getFilePath: active.getFilePath?.bind(active),
+		setSource: active.setSource?.bind(active),
+		reload: active.reload?.bind(active),
+		getState: active.getState?.bind(active),
+		setState: active.setState?.bind(active)
+	};
+}
+//#endregion
+export { readActiveCanvas };
+
+//# sourceMappingURL=active-canvas.js.map

package/dist/active-canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"active-canvas.js","names":[],"sources":["../src/active-canvas.ts"],"sourcesContent":["import { activeEditorSignal } from '@eclipse-docks/core';\n\nexport interface ActiveCanvas {\n    kind: 'workspace' | 'registered';\n    canvasName?: string;\n    editor: boolean;\n    getContent?: () => string | null;\n    getFilePath?: () => string | null;\n    setSource?: (source: string) => void;\n    reload?: () => Promise<string>;\n    getState?: (key: string) => unknown;\n    setState?: (key: string, value: unknown) => void;\n}\n\nexport function readActiveCanvas(): ActiveCanvas | null {\n    const active = activeEditorSignal.get() as unknown as (ActiveCanvas & { localName?: string }) | null;\n    if (!active) return null;\n    const localName = active.localName;\n    if (localName !== 'docks-canvas-editor' && localName !== 'docks-canvas-surface') return null;\n    return {\n        kind: active.kind === 'registered' ? 'registered' : 'workspace',\n        canvasName: active.canvasName,\n        editor: localName === 'docks-canvas-editor',\n        getContent: active.getContent?.bind(active),\n        getFilePath: active.getFilePath?.bind(active),\n        setSource: active.setSource?.bind(active),\n        reload: active.reload?.bind(active),\n        getState: active.getState?.bind(active),\n        setState: active.setState?.bind(active),\n    };\n}\n"],"mappings":";;AAcA,SAAgB,mBAAwC;CACpD,MAAM,SAAS,mBAAmB,IAAI;CACtC,IAAI,CAAC,QAAQ,OAAO;CACpB,MAAM,YAAY,OAAO;CACzB,IAAI,cAAc,yBAAyB,cAAc,wBAAwB,OAAO;CACxF,OAAO;EACH,MAAM,OAAO,SAAS,eAAe,eAAe;EACpD,YAAY,OAAO;EACnB,QAAQ,cAAc;EACtB,YAAY,OAAO,YAAY,KAAK,MAAM;EAC1C,aAAa,OAAO,aAAa,KAAK,MAAM;EAC5C,WAAW,OAAO,WAAW,KAAK,MAAM;EACxC,QAAQ,OAAO,QAAQ,KAAK,MAAM;EAClC,UAAU,OAAO,UAAU,KAAK,MAAM;EACtC,UAAU,OAAO,UAAU,KAAK,MAAM;CAC1C;AACJ"}

package/dist/bridges/core.d.ts

@@ -0,0 +1,2 @@
+export declare const canvasBridgeHref: string;
+//# sourceMappingURL=core.d.ts.map

package/dist/bridges/core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../src/bridges/core.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAAkB,CAAC"}

package/dist/bridges/core.js

@@ -0,0 +1,9 @@
+import { registerCanvasBridge } from "./register.js";
+import * as core from "@eclipse-docks/core";
+//#region src/bridges/core.ts
+registerCanvasBridge("core", core);
+var canvasBridgeHref = import.meta.url;
+//#endregion
+export { canvasBridgeHref };
+
+//# sourceMappingURL=core.js.map

package/dist/bridges/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","names":[],"sources":["../../src/bridges/core.ts"],"sourcesContent":["import * as core from '@eclipse-docks/core';\nimport { registerCanvasBridge } from './register';\n\nregisterCanvasBridge('core', core);\nexport const canvasBridgeHref = import.meta.url;\n"],"mappings":";;;AAGA,qBAAqB,QAAQ,IAAI;AACjC,IAAa,mBAAmB,YAAY"}

package/dist/bridges/events.d.ts

@@ -0,0 +1,2 @@
+export declare const canvasBridgeHref: string;
+//# sourceMappingURL=events.d.ts.map

package/dist/bridges/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/bridges/events.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAAkB,CAAC"}

package/dist/bridges/events.js

@@ -0,0 +1,9 @@
+import { registerCanvasSubpath } from "./register.js";
+import * as events from "@eclipse-docks/core/core/events";
+//#region src/bridges/events.ts
+registerCanvasSubpath("./core/events", events);
+var canvasBridgeHref = import.meta.url;
+//#endregion
+export { canvasBridgeHref };
+
+//# sourceMappingURL=events.js.map

package/dist/bridges/events.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.js","names":[],"sources":["../../src/bridges/events.ts"],"sourcesContent":["import * as events from '@eclipse-docks/core/core/events';\nimport { registerCanvasSubpath } from './register';\n\nregisterCanvasSubpath('./core/events', events);\nexport const canvasBridgeHref = import.meta.url;\n"],"mappings":";;;AAGA,sBAAsB,iBAAiB,MAAM;AAC7C,IAAa,mBAAmB,YAAY"}

package/dist/bridges/lit.d.ts

@@ -0,0 +1,2 @@
+export declare const canvasBridgeHref: string;
+//# sourceMappingURL=lit.d.ts.map

package/dist/bridges/lit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit.d.ts","sourceRoot":"","sources":["../../src/bridges/lit.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAAkB,CAAC"}

package/dist/bridges/lit.js

@@ -0,0 +1,9 @@
+import { registerCanvasBridge } from "./register.js";
+import * as lit from "@eclipse-docks/core/externals/lit";
+//#region src/bridges/lit.ts
+registerCanvasBridge("lit", lit, "./externals/lit");
+var canvasBridgeHref = import.meta.url;
+//#endregion
+export { canvasBridgeHref };
+
+//# sourceMappingURL=lit.js.map

package/dist/bridges/lit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit.js","names":[],"sources":["../../src/bridges/lit.ts"],"sourcesContent":["import * as lit from '@eclipse-docks/core/externals/lit';\nimport { registerCanvasBridge } from './register';\n\nregisterCanvasBridge('lit', lit, './externals/lit');\nexport const canvasBridgeHref = import.meta.url;\n"],"mappings":";;;AAGA,qBAAqB,OAAO,KAAK,iBAAiB;AAClD,IAAa,mBAAmB,YAAY"}

package/dist/bridges/parts.d.ts

@@ -0,0 +1,2 @@
+export declare const canvasBridgeHref: string;
+//# sourceMappingURL=parts.d.ts.map

package/dist/bridges/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/bridges/parts.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAInC,eAAO,MAAM,gBAAgB,QAAkB,CAAC"}

package/dist/bridges/parts.js

@@ -0,0 +1,9 @@
+import { registerCanvasSubpath } from "./register.js";
+import "@eclipse-docks/core/parts";
+//#region src/bridges/parts.ts
+registerCanvasSubpath("./parts", {});
+var canvasBridgeHref = import.meta.url;
+//#endregion
+export { canvasBridgeHref };
+
+//# sourceMappingURL=parts.js.map

package/dist/bridges/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","names":[],"sources":["../../src/bridges/parts.ts"],"sourcesContent":["import '@eclipse-docks/core/parts';\nimport { registerCanvasSubpath } from './register';\n\nregisterCanvasSubpath('./parts', {});\nexport const canvasBridgeHref = import.meta.url;\n"],"mappings":";;;AAGA,sBAAsB,WAAW,CAAC,CAAC;AACnC,IAAa,mBAAmB,YAAY"}

package/dist/bridges/register.d.ts

@@ -0,0 +1,9 @@
+export interface CanvasRuntime {
+    lit?: object;
+    webawesome?: object;
+    core?: object;
+    subpaths: Record<string, object>;
+}
+export declare function registerCanvasBridge(key: 'lit' | 'webawesome' | 'core', namespace: object, subpath?: string): void;
+export declare function registerCanvasSubpath(subpath: string, namespace: object): void;
+//# sourceMappingURL=register.d.ts.map

package/dist/bridges/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../src/bridges/register.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC;AAID,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,GAAG,YAAY,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAGlH;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAE9E"}

package/dist/bridges/register.js

@@ -0,0 +1,13 @@
+//#region src/bridges/register.ts
+var runtime = globalThis.__docksCanvas ??= { subpaths: {} };
+function registerCanvasBridge(key, namespace, subpath) {
+	runtime[key] = namespace;
+	if (subpath) runtime.subpaths[subpath] = namespace;
+}
+function registerCanvasSubpath(subpath, namespace) {
+	runtime.subpaths[subpath] = namespace;
+}
+//#endregion
+export { registerCanvasBridge, registerCanvasSubpath };
+
+//# sourceMappingURL=register.js.map

package/dist/bridges/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../src/bridges/register.ts"],"sourcesContent":["export interface CanvasRuntime {\n    lit?: object;\n    webawesome?: object;\n    core?: object;\n    subpaths: Record<string, object>;\n}\n\nconst runtime = ((globalThis as { __docksCanvas?: CanvasRuntime }).__docksCanvas ??= { subpaths: {} });\n\nexport function registerCanvasBridge(key: 'lit' | 'webawesome' | 'core', namespace: object, subpath?: string): void {\n    runtime[key] = namespace;\n    if (subpath) runtime.subpaths[subpath] = namespace;\n}\n\nexport function registerCanvasSubpath(subpath: string, namespace: object): void {\n    runtime.subpaths[subpath] = namespace;\n}\n"],"mappings":";AAOA,IAAM,UAAW,WAAkD,kBAAkB,EAAE,UAAU,CAAC,EAAE;AAEpG,SAAgB,qBAAqB,KAAoC,WAAmB,SAAwB;CAChH,QAAQ,OAAO;CACf,IAAI,SAAS,QAAQ,SAAS,WAAW;AAC7C;AAEA,SAAgB,sBAAsB,SAAiB,WAAyB;CAC5E,QAAQ,SAAS,WAAW;AAChC"}

package/dist/bridges/third-party.d.ts

@@ -0,0 +1,2 @@
+export declare const canvasBridgeHref: string;
+//# sourceMappingURL=third-party.d.ts.map

package/dist/bridges/third-party.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"third-party.d.ts","sourceRoot":"","sources":["../../src/bridges/third-party.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAAkB,CAAC"}

package/dist/bridges/third-party.js

@@ -0,0 +1,9 @@
+import { registerCanvasSubpath } from "./register.js";
+import * as thirdParty from "@eclipse-docks/core/externals/third-party";
+//#region src/bridges/third-party.ts
+registerCanvasSubpath("./externals/third-party", thirdParty);
+var canvasBridgeHref = import.meta.url;
+//#endregion
+export { canvasBridgeHref };
+
+//# sourceMappingURL=third-party.js.map

package/dist/bridges/third-party.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"third-party.js","names":[],"sources":["../../src/bridges/third-party.ts"],"sourcesContent":["import * as thirdParty from '@eclipse-docks/core/externals/third-party';\nimport { registerCanvasSubpath } from './register';\n\nregisterCanvasSubpath('./externals/third-party', thirdParty);\nexport const canvasBridgeHref = import.meta.url;\n"],"mappings":";;;AAGA,sBAAsB,2BAA2B,UAAU;AAC3D,IAAa,mBAAmB,YAAY"}

package/dist/bridges/urls.d.ts

@@ -0,0 +1,3 @@
+import { CanvasBridges } from '../compile';
+export declare function canvasBridges(): CanvasBridges;
+//# sourceMappingURL=urls.d.ts.map

package/dist/bridges/urls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"urls.d.ts","sourceRoot":"","sources":["../../src/bridges/urls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAShD,wBAAgB,aAAa,IAAI,aAAa,CAc7C"}

package/dist/bridges/urls.js

@@ -0,0 +1,27 @@
+import { canvasBridgeHref } from "./core.js";
+import { canvasBridgeHref as canvasBridgeHref$1 } from "./events.js";
+import { canvasBridgeHref as canvasBridgeHref$2 } from "./lit.js";
+import { canvasBridgeHref as canvasBridgeHref$3 } from "./parts.js";
+import { canvasBridgeHref as canvasBridgeHref$4 } from "./third-party.js";
+import { canvasBridgeHref as canvasBridgeHref$5 } from "./webawesome.js";
+import { canvasBridgeHref as canvasBridgeHref$6 } from "./widgets.js";
+//#region src/bridges/urls.ts
+function canvasBridges() {
+	return {
+		lit: canvasBridgeHref$2,
+		webawesome: canvasBridgeHref$5,
+		core: canvasBridgeHref,
+		coreSubpaths: {
+			"./externals/lit": canvasBridgeHref$2,
+			"./externals/webawesome": canvasBridgeHref$5,
+			"./externals/third-party": canvasBridgeHref$4,
+			"./parts": canvasBridgeHref$3,
+			"./widgets": canvasBridgeHref$6,
+			"./core/events": canvasBridgeHref$1
+		}
+	};
+}
+//#endregion
+export { canvasBridges };
+
+//# sourceMappingURL=urls.js.map

package/dist/bridges/urls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urls.js","names":["lit","webawesome","thirdParty","parts","widgets","events"],"sources":["../../src/bridges/urls.ts"],"sourcesContent":["import type { CanvasBridges } from '../compile';\nimport { canvasBridgeHref as core } from './core';\nimport { canvasBridgeHref as events } from './events';\nimport { canvasBridgeHref as lit } from './lit';\nimport { canvasBridgeHref as parts } from './parts';\nimport { canvasBridgeHref as thirdParty } from './third-party';\nimport { canvasBridgeHref as webawesome } from './webawesome';\nimport { canvasBridgeHref as widgets } from './widgets';\n\nexport function canvasBridges(): CanvasBridges {\n    return {\n        lit,\n        webawesome,\n        core,\n        coreSubpaths: {\n            './externals/lit': lit,\n            './externals/webawesome': webawesome,\n            './externals/third-party': thirdParty,\n            './parts': parts,\n            './widgets': widgets,\n            './core/events': events,\n        },\n    };\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,gBAA+B;CAC3C,OAAO;EACH,KAAA;EACA,YAAA;EACA,MAAA;EACA,cAAc;GACV,mBAAmBA;GACnB,0BAA0BC;GAC1B,2BAA2BC;GAC3B,WAAWC;GACX,aAAaC;GACb,iBAAiBC;EACrB;CACJ;AACJ"}

package/dist/bridges/webawesome.d.ts

@@ -0,0 +1,2 @@
+export declare const canvasBridgeHref: string;
+//# sourceMappingURL=webawesome.d.ts.map

package/dist/bridges/webawesome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webawesome.d.ts","sourceRoot":"","sources":["../../src/bridges/webawesome.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAAkB,CAAC"}

package/dist/bridges/webawesome.js

@@ -0,0 +1,9 @@
+import { registerCanvasBridge } from "./register.js";
+import * as webawesome from "@eclipse-docks/core/externals/webawesome";
+//#region src/bridges/webawesome.ts
+registerCanvasBridge("webawesome", webawesome, "./externals/webawesome");
+var canvasBridgeHref = import.meta.url;
+//#endregion
+export { canvasBridgeHref };
+
+//# sourceMappingURL=webawesome.js.map

package/dist/bridges/webawesome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webawesome.js","names":[],"sources":["../../src/bridges/webawesome.ts"],"sourcesContent":["import * as webawesome from '@eclipse-docks/core/externals/webawesome';\nimport { registerCanvasBridge } from './register';\n\nregisterCanvasBridge('webawesome', webawesome, './externals/webawesome');\nexport const canvasBridgeHref = import.meta.url;\n"],"mappings":";;;AAGA,qBAAqB,cAAc,YAAY,wBAAwB;AACvE,IAAa,mBAAmB,YAAY"}

package/dist/bridges/widgets.d.ts

@@ -0,0 +1,2 @@
+export declare const canvasBridgeHref: string;
+//# sourceMappingURL=widgets.d.ts.map

package/dist/bridges/widgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets.d.ts","sourceRoot":"","sources":["../../src/bridges/widgets.ts"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAIrC,eAAO,MAAM,gBAAgB,QAAkB,CAAC"}

package/dist/bridges/widgets.js

@@ -0,0 +1,9 @@
+import { registerCanvasSubpath } from "./register.js";
+import "@eclipse-docks/core/widgets";
+//#region src/bridges/widgets.ts
+registerCanvasSubpath("./widgets", {});
+var canvasBridgeHref = import.meta.url;
+//#endregion
+export { canvasBridgeHref };
+
+//# sourceMappingURL=widgets.js.map

package/dist/bridges/widgets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets.js","names":[],"sources":["../../src/bridges/widgets.ts"],"sourcesContent":["import '@eclipse-docks/core/widgets';\nimport { registerCanvasSubpath } from './register';\n\nregisterCanvasSubpath('./widgets', {});\nexport const canvasBridgeHref = import.meta.url;\n"],"mappings":";;;AAGA,sBAAsB,aAAa,CAAC,CAAC;AACrC,IAAa,mBAAmB,YAAY"}

package/dist/canvas-editor.d.ts

@@ -0,0 +1,61 @@
+import { DocksPart, EditorContentProvider, EditorInput } from '@eclipse-docks/core';
+import { nothing, PropertyValues } from '@eclipse-docks/core/externals/lit';
+import { DocksMonacoWidget } from '@eclipse-docks/extension-monaco-editor/widget';
+import { CanvasHost } from './host';
+import { CanvasViewElement } from './mount';
+export declare class DocksCanvasSurface extends DocksPart implements EditorContentProvider {
+    input?: EditorInput;
+    kind: 'workspace' | 'registered';
+    canvasName?: string;
+    entryPath: string;
+    source: string;
+    showSource: boolean;
+    protected sourceText: string;
+    protected mode: 'preview' | 'source';
+    protected previewError?: string;
+    protected previewElement?: CanvasViewElement;
+    protected widget?: DocksMonacoWidget;
+    protected scrollMode: 'scroller' | 'native' | 'none';
+    protected host: CanvasHost;
+    private previewDispose?;
+    private contribution?;
+    private ready;
+    private reloadGeneration;
+    private compiledSource;
+    protected previewStale: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected doInitUI(): Promise<void>;
+    protected doClose(): void;
+    getContent(): string | null;
+    getSelection(): string | null;
+    getSnippet(lines?: number): {
+        snippet: string;
+        cursorLine: number;
+    } | null;
+    getLanguage(): string | null;
+    isLanguage(lang: string): boolean;
+    getFilePath(): string | null;
+    getState(key: string): unknown;
+    setState(key: string, value: unknown): void;
+    setSource(source: string): void;
+    reload(): Promise<string>;
+    private replacePreview;
+    private onDirty;
+    protected updated(changed: PropertyValues): void;
+    private onContentChange;
+    private toggleMode;
+    protected renderToolbar(): typeof nothing | import('lit-html').TemplateResult<1>;
+    protected renderContent(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+export declare class DocksCanvasEditor extends DocksCanvasSurface {
+    save(): Promise<void>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'docks-canvas-surface': DocksCanvasSurface;
+        'docks-canvas-editor': DocksCanvasEditor;
+    }
+}
+//# sourceMappingURL=canvas-editor.d.ts.map

package/dist/canvas-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-editor.d.ts","sourceRoot":"","sources":["../src/canvas-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EAGT,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAa,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAG5F,OAAO,+CAA+C,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAGvF,OAAO,EAA0C,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AACjF,OAAO,EAAyC,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAUxF,qBACa,kBAAmB,SAAQ,SAAU,YAAW,qBAAqB;IAC9C,KAAK,CAAC,EAAE,WAAW,CAAC;IACxC,IAAI,EAAE,WAAW,GAAG,YAAY,CAAe;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,SAAM;IACf,MAAM,SAAM;IACK,UAAU,UAAS;IAEvC,SAAS,CAAC,UAAU,SAAM;IAC1B,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAa;IACjD,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAChC,SAAS,CAAC,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACxB,SAAS,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAEnE,SAAS,CAAC,UAAU,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAU;IAC9D,SAAS,CAAC,IAAI,EAAE,UAAU,CAAoG;IAC9H,OAAO,CAAC,cAAc,CAAC,CAAa;IACpC,OAAO,CAAC,YAAY,CAAC,CAAqB;IAC1C,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,cAAc,CAAM;IAC5B,SAAS,CAAC,YAAY,UAAS;IAEtB,iBAAiB;IAKjB,oBAAoB;cAMb,QAAQ;IA8BxB,SAAS,CAAC,OAAO;IAOjB,UAAU,IAAI,MAAM,GAAG,IAAI;IAI3B,YAAY,IAAI,MAAM,GAAG,IAAI;IAI7B,UAAU,CAAC,KAAK,SAAI,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAIrE,WAAW,IAAI,MAAM,GAAG,IAAI;IAI5B,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAIjC,WAAW,IAAI,MAAM,GAAG,IAAI;IAM5B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI9B,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAI3C,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAQzB,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;IAsD/B,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,OAAO,CAMb;IAEF,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc;IAKzC,OAAO,CAAC,eAAe,CAKrB;IAEF,OAAO,CAAC,UAAU;IAQlB,SAAS,CAAC,aAAa;IAYvB,SAAS,CAAC,aAAa;IAsBvB,MAAM,CAAC,MAAM,0BAaX;CACL;AAED,qBACa,iBAAkB,SAAQ,kBAAkB;IACtC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAOvC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,qBAAqB,EAAE,iBAAiB,CAAC;KAC5C;CACJ"}

package/dist/canvas-editor.js

@@ -0,0 +1,276 @@
+import { compileCanvas } from "./compile.js";
+import { createContributionHost, createFileHost } from "./host.js";
+import { elementFromConstructor, mountCompiled } from "./mount.js";
+import { canvasBridges } from "./bridges/urls.js";
+import { readWorkspaceFile } from "./workspace-file.js";
+import __decorate from "./_virtual/_@oxc-project_runtime@0.152.0/helpers/esm/decorate.js";
+import { DocksPart, File, icon } from "@eclipse-docks/core";
+import { css, customElement, html, nothing, property, query, state } from "@eclipse-docks/core/externals/lit";
+import { Directive, directive } from "lit/directive.js";
+import "@eclipse-docks/extension-monaco-editor/widget";
+//#region src/canvas-editor.ts
+var heldNode = directive(class extends Directive {
+	render(node) {
+		return node ?? nothing;
+	}
+});
+var DocksCanvasSurface = class DocksCanvasSurface extends DocksPart {
+	constructor(..._args) {
+		super(..._args);
+		this.kind = "workspace";
+		this.entryPath = "";
+		this.source = "";
+		this.showSource = false;
+		this.sourceText = "";
+		this.mode = "preview";
+		this.scrollMode = "none";
+		this.host = {
+			getState: (_key, fallback) => fallback,
+			setState: () => void 0,
+			openFile: () => void 0
+		};
+		this.ready = false;
+		this.reloadGeneration = 0;
+		this.compiledSource = "";
+		this.previewStale = false;
+		this.onDirty = (event) => {
+			if (!this.ready || event.detail !== true) return;
+			if ((this.getContent() ?? "") === this.compiledSource && this.previewElement) return;
+			this.previewStale = true;
+			if (this.mode === "preview" || !this.showSource) this.reload();
+		};
+		this.onContentChange = () => {
+			const next = this.widget?.getContent() ?? this.sourceText;
+			this.previewStale = next !== this.compiledSource;
+			this.sourceText = next;
+			this.markDirty(true);
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		this.addEventListener("dirty", this.onDirty);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("dirty", this.onDirty);
+		this.reloadGeneration++;
+		super.disconnectedCallback();
+	}
+	async doInitUI() {
+		const data = this.input?.data;
+		if (data instanceof File) {
+			this.kind = "workspace";
+			this.entryPath = data.getWorkspacePath();
+			this.showSource = true;
+			this.sourceText = String(await data.getContents() ?? "");
+			this.host = await createFileHost(data);
+		} else if (data && typeof data === "object" && "contribution" in data) {
+			this.contribution = data.contribution;
+			this.kind = "registered";
+			this.canvasName = this.contribution.name;
+			this.showSource = this.contribution.source !== void 0;
+			if (typeof this.contribution.source === "function") this.sourceText = await this.contribution.source();
+			else this.sourceText = this.contribution.source ?? "";
+			this.host = await createContributionHost(this.contribution);
+		} else if (this.entryPath || this.source) {
+			this.kind = "workspace";
+			this.showSource = false;
+			this.sourceText = this.source;
+			const workspaceFile = await readWorkspaceFile(this.entryPath);
+			if (workspaceFile?.text !== void 0 && !this.sourceText) this.sourceText = workspaceFile.text;
+			this.host = {
+				getState: (_key, fallback) => fallback,
+				setState: () => void 0,
+				openFile: () => void 0
+			};
+		}
+		this.mode = this.input?.state?.mode === "source" ? "source" : "preview";
+		this.ready = true;
+		this.requestUpdate();
+		if (this.mode === "preview" || !this.showSource) await this.reload();
+	}
+	doClose() {
+		this.reloadGeneration++;
+		this.previewDispose?.();
+		this.previewDispose = void 0;
+		this.widget?.dispose();
+	}
+	getContent() {
+		return this.widget?.getContent() ?? this.sourceText;
+	}
+	getSelection() {
+		return this.widget?.getSelection() ?? null;
+	}
+	getSnippet(lines = 5) {
+		return this.widget?.getSnippet(lines) ?? null;
+	}
+	getLanguage() {
+		return "javascript";
+	}
+	isLanguage(lang) {
+		return lang.toLowerCase() === "javascript";
+	}
+	getFilePath() {
+		const data = this.input?.data;
+		if (data instanceof File) return data.getWorkspacePath();
+		return this.entryPath || null;
+	}
+	getState(key) {
+		return this.host.getState(key);
+	}
+	setState(key, value) {
+		this.host.setState(key, value);
+	}
+	setSource(source) {
+		this.previewStale = source !== this.compiledSource;
+		this.sourceText = source;
+		const model = this.widget?.getModel();
+		if (model && model.getValue() !== source) model.setValue(source);
+		this.requestUpdate();
+	}
+	async reload() {
+		const source = this.getContent() ?? "";
+		if (this.previewElement && !this.previewStale && source === this.compiledSource && !this.previewError) return "ready";
+		const generation = ++this.reloadGeneration;
+		if (this.kind === "registered" && this.contribution) try {
+			const mod = await this.contribution.load();
+			if (generation !== this.reloadGeneration) return "ready";
+			const Ctor = mod.default;
+			if (typeof Ctor !== "function" || !(Ctor.prototype instanceof HTMLElement)) {
+				this.previewError = "Canvas default export must be an HTMLElement subclass";
+				this.requestUpdate();
+				return this.previewError;
+			}
+			const element = elementFromConstructor(Ctor);
+			element.canvasHost = this.host;
+			this.replacePreview(element);
+			return "ready";
+		} catch (err) {
+			if (generation !== this.reloadGeneration) return "ready";
+			this.previewError = err instanceof Error ? err.message : String(err);
+			this.requestUpdate();
+			return this.previewError;
+		}
+		const compiled = await compileCanvas({
+			entryPath: this.entryPath || "canvas.js",
+			entrySource: source,
+			read: readWorkspaceFile,
+			bridges: canvasBridges()
+		});
+		if (generation !== this.reloadGeneration) return "ready";
+		if (!compiled.ok) {
+			this.previewError = compiled.error;
+			this.requestUpdate();
+			return compiled.error;
+		}
+		const mounted = await mountCompiled(compiled.code);
+		if (generation !== this.reloadGeneration) {
+			if (mounted.ok) mounted.dispose();
+			return "ready";
+		}
+		if (!mounted.ok) {
+			this.previewError = mounted.error;
+			this.requestUpdate();
+			return mounted.error;
+		}
+		mounted.element.canvasHost = this.host;
+		this.compiledSource = source;
+		this.previewStale = false;
+		this.replacePreview(mounted.element, mounted.dispose);
+		return "ready";
+	}
+	replacePreview(element, dispose) {
+		const previous = this.previewDispose;
+		this.previewDispose = dispose ?? (() => element.remove());
+		this.previewElement = element;
+		this.previewError = void 0;
+		this.compiledSource = this.getContent() ?? this.compiledSource;
+		this.previewStale = false;
+		this.requestUpdate();
+		previous?.();
+	}
+	updated(changed) {
+		super.updated(changed);
+		if (this.mode === "source") this.widget?.layout();
+	}
+	toggleMode() {
+		if (this.widget) this.sourceText = this.widget.getContent() ?? this.sourceText;
+		const next = this.mode === "preview" ? "source" : "preview";
+		this.mode = next;
+		if (this.input) this.input.state.mode = next;
+		if (next === "preview" && (this.previewStale || !this.previewElement)) this.reload();
+	}
+	renderToolbar() {
+		if (!this.ready || !this.showSource) return nothing;
+		const toSource = this.mode === "preview";
+		const label = toSource ? "Source" : "Preview";
+		return html`
+            <wa-button appearance="plain" size="s" title=${label} @click=${() => this.toggleMode()}>
+                ${icon(toSource ? "code" : "eye", { slot: "start" })}
+                ${label}
+            </wa-button>
+        `;
+	}
+	renderContent() {
+		if (!this.ready) return html``;
+		const showPreview = !this.showSource || this.mode === "preview";
+		return html`
+            <div class="canvas-preview ${showPreview ? "" : "canvas-hidden"}">
+                ${this.previewError ? html`<pre class="canvas-error">${this.previewError}</pre>` : nothing}
+                <wa-scroller class="canvas-scroll" orientation="vertical">
+                    <div class="canvas-mount">${heldNode(this.previewElement)}</div>
+                </wa-scroller>
+            </div>
+            ${this.showSource ? html`
+                <docks-monaco-widget
+                    class=${this.mode === "source" ? "" : "canvas-hidden"}
+                    .value=${this.sourceText}
+                    .language=${"javascript"}
+                    .uri=${this.entryPath || this.canvasName || "canvas.js"}
+                    @content-change=${this.onContentChange}>
+                </docks-monaco-widget>
+            ` : nothing}
+        `;
+	}
+	static {
+		this.styles = css`
+        :host { display: flex; flex-direction: column; height: 100%; min-height: 0; }
+        .canvas-preview { display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }
+        .canvas-preview.canvas-hidden, docks-monaco-widget.canvas-hidden { display: none; }
+        wa-scroller.canvas-scroll { flex: 1 1 0; min-height: 0; height: 100%; }
+        .canvas-mount > * { display: block; }
+        docks-monaco-widget { display: block; height: 100%; min-height: 0; }
+        .canvas-error {
+            margin: 0;
+            padding: var(--wa-space-s, 8px);
+            white-space: pre-wrap;
+            color: var(--wa-color-danger-on-quiet, #b42318);
+        }
+    `;
+	}
+};
+__decorate([property({ attribute: false })], DocksCanvasSurface.prototype, "input", void 0);
+__decorate([property()], DocksCanvasSurface.prototype, "kind", void 0);
+__decorate([property()], DocksCanvasSurface.prototype, "canvasName", void 0);
+__decorate([property()], DocksCanvasSurface.prototype, "entryPath", void 0);
+__decorate([property()], DocksCanvasSurface.prototype, "source", void 0);
+__decorate([property({ type: Boolean })], DocksCanvasSurface.prototype, "showSource", void 0);
+__decorate([state()], DocksCanvasSurface.prototype, "sourceText", void 0);
+__decorate([state()], DocksCanvasSurface.prototype, "mode", void 0);
+__decorate([state()], DocksCanvasSurface.prototype, "previewError", void 0);
+__decorate([state()], DocksCanvasSurface.prototype, "previewElement", void 0);
+__decorate([query("docks-monaco-widget")], DocksCanvasSurface.prototype, "widget", void 0);
+DocksCanvasSurface = __decorate([customElement("docks-canvas-surface")], DocksCanvasSurface);
+var DocksCanvasEditor = class DocksCanvasEditor extends DocksCanvasSurface {
+	async save() {
+		const value = this.getContent() ?? "";
+		const data = this.input?.data;
+		if (data instanceof File) await data.saveContents(value);
+		this.markDirty(false);
+		if (this.mode === "preview" && this.previewStale) await this.reload();
+	}
+};
+DocksCanvasEditor = __decorate([customElement("docks-canvas-editor")], DocksCanvasEditor);
+//#endregion
+export { DocksCanvasEditor, DocksCanvasSurface };
+
+//# sourceMappingURL=canvas-editor.js.map