3dviewer-sdk 1.0.1 → 1.0.3

package/dist/viewer.js

@@ -0,0 +1,277 @@
+// sdk/src/viewer.ts
+import { Emitter } from "./core/emitter";
+import { CameraModule } from "./modules/camera.module";
+import { InteractionModule } from "./modules/interaction.module";
+import { NodeModule } from "./modules/node.module";
+import { FilesModule } from "./modules/files.module";
+import { ToolbarModule } from "./modules/toolbar.module";
+import { ModelTreeModule } from "./modules/model-tree.module";
+import { MarkupModule } from "./modules/markup.module";
+import { LanguageModule } from "./modules/language.module";
+import { ViewerMessageType, ViewerMessageSource, } from "./contracts/messages";
+export class Viewer3D {
+    constructor(options) {
+        this.options = options;
+        this.containerEl = null;
+        this.iframeEl = null;
+        this.initialized = false;
+        this.emitter = new Emitter();
+        this.handleMessage = (event) => {
+            var _a, _b, _c, _d;
+            const data = event.data;
+            if (!data || typeof data !== "object")
+                return;
+            switch (data.type) {
+                case ViewerMessageType.HOME_CLICK:
+                    this._emit("camera:home", { timestamp: Date.now() });
+                    break;
+                case ViewerMessageType.NODE_SELECT:
+                    this._emit("node:select", { nodeId: String((_b = (_a = data.payload) === null || _a === void 0 ? void 0 : _a.nodeId) !== null && _b !== void 0 ? _b : ""), timestamp: Date.now() });
+                    break;
+                case ViewerMessageType.PAN_CHANGE:
+                    this._emit("interaction:pan-change", { enabled: Boolean((_c = data.payload) === null || _c === void 0 ? void 0 : _c.enabled) });
+                    break;
+                case ViewerMessageType.PDF_PLAN_MODE: {
+                    const payload = data.payload;
+                    this._emit("toolbar:pdf-plan-mode", {
+                        mode: "plan",
+                        timestamp: Number(payload === null || payload === void 0 ? void 0 : payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.PDF_DOCUMENT_MODE: {
+                    const payload = data.payload;
+                    this._emit("toolbar:pdf-document-mode", {
+                        mode: "document",
+                        timestamp: Number(payload === null || payload === void 0 ? void 0 : payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.PDF_FIRST_PAGE: {
+                    const payload = data.payload;
+                    this._emit("toolbar:pdf-first-page", {
+                        timestamp: Number(payload === null || payload === void 0 ? void 0 : payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.PDF_PREVIOUS_PAGE: {
+                    const payload = data.payload;
+                    this._emit("toolbar:pdf-previous-page", {
+                        timestamp: Number(payload === null || payload === void 0 ? void 0 : payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.PDF_NEXT_PAGE: {
+                    const payload = data.payload;
+                    this._emit("toolbar:pdf-next-page", {
+                        timestamp: Number(payload === null || payload === void 0 ? void 0 : payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.PDF_LAST_PAGE: {
+                    const payload = data.payload;
+                    this._emit("toolbar:pdf-last-page", {
+                        timestamp: Number(payload === null || payload === void 0 ? void 0 : payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.PDF_CURRENT_PAGE: {
+                    const payload = data.payload;
+                    if (!payload)
+                        break;
+                    this._emit("toolbar:pdf-current-page", {
+                        pageIndex: Number(payload.pageIndex) || 0,
+                        pageNumber: Number(payload.pageNumber) || 1,
+                        timestamp: Number(payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.TREE_NODE_IDS: {
+                    const payload = data.payload;
+                    if (!payload || !payload.requestId || !Array.isArray(payload.nodeIds))
+                        break;
+                    this._emit("modelTree:node-ids", {
+                        requestId: String(payload.requestId),
+                        nodeIds: payload.nodeIds.map(String),
+                        timestamp: Number(payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.SHEETS_LIST: {
+                    const payload = data.payload;
+                    if (!payload || !payload.requestId || !Array.isArray(payload.sheets))
+                        break;
+                    this._emit("sheets:list", {
+                        requestId: String(payload.requestId),
+                        sheets: payload.sheets.map((sheet) => {
+                            var _a;
+                            return ({
+                                id: sheet.id,
+                                name: String((_a = sheet.name) !== null && _a !== void 0 ? _a : ""),
+                                is3D: Boolean(sheet.is3D),
+                                viewId: sheet.viewId ? String(sheet.viewId) : undefined,
+                            });
+                        }),
+                        activeSheetId: (_d = payload.activeSheetId) !== null && _d !== void 0 ? _d : null,
+                        timestamp: Number(payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.MARKUP_LIST: {
+                    const payload = data.payload;
+                    if (!payload || !payload.requestId || !Array.isArray(payload.markups))
+                        break;
+                    this._emit("markup:list", {
+                        requestId: String(payload.requestId),
+                        markups: payload.markups.map((markup) => {
+                            var _a, _b;
+                            return ({
+                                id: String(markup.id),
+                                viewId: String(markup.viewId),
+                                viewName: markup.viewName ? String(markup.viewName) : undefined,
+                                title: String((_a = markup.title) !== null && _a !== void 0 ? _a : ""),
+                                type: String((_b = markup.type) !== null && _b !== void 0 ? _b : ""),
+                                shapeName: markup.shapeName ? String(markup.shapeName) : undefined,
+                                createdDate: markup.createdDate ? String(markup.createdDate) : undefined,
+                                modifiedDate: markup.modifiedDate ? String(markup.modifiedDate) : undefined,
+                                createdBy: markup.createdBy ? String(markup.createdBy) : undefined,
+                                lastModifiedBy: markup.lastModifiedBy ? String(markup.lastModifiedBy) : undefined,
+                            });
+                        }),
+                        timestamp: Number(payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.MARKUP_SAVE_RESULT: {
+                    const payload = data.payload;
+                    if (!payload || !payload.requestId)
+                        break;
+                    this._emit("markup:save", {
+                        requestId: String(payload.requestId),
+                        success: Boolean(payload.success),
+                        error: payload.error ? String(payload.error) : undefined,
+                        timestamp: Number(payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                case ViewerMessageType.MARKUP_CANCEL_RESULT: {
+                    const payload = data.payload;
+                    if (!payload || !payload.requestId)
+                        break;
+                    this._emit("markup:cancel", {
+                        requestId: String(payload.requestId),
+                        success: Boolean(payload.success),
+                        error: payload.error ? String(payload.error) : undefined,
+                        timestamp: Number(payload.timestamp) || Date.now(),
+                    });
+                    break;
+                }
+                default:
+                    break;
+            }
+        };
+        this.camera = new CameraModule(this);
+        this.interaction = new InteractionModule(this);
+        this.node = new NodeModule(this);
+        this.files = new FilesModule(this);
+        this.toolbar = new ToolbarModule(this);
+        this.modelTree = new ModelTreeModule(this);
+        this.markup = new MarkupModule(this);
+        this.language = new LanguageModule(this);
+    }
+    // ===== options helpers =====
+    getOptions() {
+        return this.options;
+    }
+    patchOptions(next) {
+        this.options = { ...this.options, ...next };
+    }
+    getUrl() {
+        var _a;
+        return (_a = this.options.url) !== null && _a !== void 0 ? _a : null;
+    }
+    // ===== lifecycle =====
+    init() {
+        if (this.initialized)
+            return;
+        this.containerEl =
+            typeof this.options.container === "string"
+                ? document.querySelector(this.options.container)
+                : this.options.container;
+        if (!this.containerEl)
+            throw new Error("Container element not found");
+        window.addEventListener("message", this.handleMessage);
+        this.initialized = true;
+    }
+    async render(file) {
+        this.ensureInit();
+        if (this.iframeEl)
+            return;
+        // If URL is missing, render falls back to files pipeline.
+        if (!this.options.url)
+            return this.files.render(file);
+        const iframe = document.createElement("iframe");
+        iframe.src = this.options.url;
+        iframe.style.border = "none";
+        iframe.style.width = this.options.width || "100%";
+        iframe.style.height = this.options.height || "100%";
+        iframe.width = this.options.width || "100%";
+        iframe.height = this.options.height || "100%";
+        if (this.options.sandbox)
+            iframe.setAttribute("sandbox", this.options.sandbox);
+        this.containerEl.appendChild(iframe);
+        this.iframeEl = iframe;
+    }
+    open(url) {
+        this.ensureInit();
+        this.options.url = url;
+        if (!this.iframeEl) {
+            this.render();
+            return;
+        }
+        this.iframeEl.src = url;
+    }
+    destroy() {
+        // remove listener using the same function reference
+        window.removeEventListener("message", this.handleMessage);
+        // remove iframe
+        if (this.iframeEl && this.containerEl) {
+            try {
+                this.containerEl.removeChild(this.iframeEl);
+            }
+            catch {
+                // ignore
+            }
+        }
+        this.iframeEl = null;
+        this.containerEl = null;
+        this.initialized = false;
+    }
+    ensureInit() {
+        if (!this.initialized)
+            throw new Error("Call viewer.init() before using viewer");
+    }
+    // ===== typed internal events used by modules =====
+    _on(event, cb) {
+        return this.emitter.on(event, cb);
+    }
+    _off(event, cb) {
+        this.emitter.off(event, cb);
+    }
+    _emit(event, payload) {
+        this.emitter.emit(event, payload);
+    }
+    // ===== postMessage bridge =====
+    postToViewer(type, payload) {
+        var _a;
+        if (!((_a = this.iframeEl) === null || _a === void 0 ? void 0 : _a.contentWindow))
+            return;
+        const message = {
+            source: ViewerMessageSource.SDK,
+            type,
+            payload,
+        };
+        const targetOrigin = this.options.allowedOrigin || "*";
+        this.iframeEl.contentWindow.postMessage(message, targetOrigin);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3dviewer-sdk",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [