3dviewer-sdk 1.0.6 → 1.0.8

package/dist/contracts/messages.d.ts

@@ -20,6 +20,7 @@ export declare enum ViewerMessageType {
     ZOOM_WINDOW = "viewer-zoom-window",
     ZOOM_FIT = "viewer-zoom-fit",
     TOOLBAR_CONFIG = "viewer-toolbar-config",
+    TOOLBAR_VISIBILITY = "viewer-toolbar-visibility",
     PANEL_OPEN = "viewer-panel-open",
     PANEL_CLOSE = "viewer-panel-close",
     CUTTING_PLANE_ACTION = "viewer-cutting-plane-action",
@@ -63,6 +64,11 @@ export declare type DrawModeValue = "shaded" | "wireframe" | "hidden-line" | "sh
 export declare type DrawModePayload = {
     mode: DrawModeValue;
 };
+export declare type ToolbarVisibilityTarget = "all" | "left" | "center" | "right";
+export declare type ToolbarVisibilityPayload = {
+    visible: boolean;
+    target?: ToolbarVisibilityTarget;
+};
 export declare type ExplodePayload = {
     magnitude: number;
 };

package/dist/contracts/messages.js

@@ -22,6 +22,7 @@ export var ViewerMessageType;
     ViewerMessageType["ZOOM_WINDOW"] = "viewer-zoom-window";
     ViewerMessageType["ZOOM_FIT"] = "viewer-zoom-fit";
     ViewerMessageType["TOOLBAR_CONFIG"] = "viewer-toolbar-config";
+    ViewerMessageType["TOOLBAR_VISIBILITY"] = "viewer-toolbar-visibility";
     ViewerMessageType["PANEL_OPEN"] = "viewer-panel-open";
     ViewerMessageType["PANEL_CLOSE"] = "viewer-panel-close";
     ViewerMessageType["CUTTING_PLANE_ACTION"] = "viewer-cutting-plane-action";

package/dist/index.d.mts

@@ -20,6 +20,7 @@ declare enum ViewerMessageType {
     ZOOM_WINDOW = "viewer-zoom-window",
     ZOOM_FIT = "viewer-zoom-fit",
     TOOLBAR_CONFIG = "viewer-toolbar-config",
+    TOOLBAR_VISIBILITY = "viewer-toolbar-visibility",
     PANEL_OPEN = "viewer-panel-open",
     PANEL_CLOSE = "viewer-panel-close",
     CUTTING_PLANE_ACTION = "viewer-cutting-plane-action",
@@ -41,6 +42,7 @@ declare enum ViewerMessageType {
     PAN_CHANGE = "viewer-pan-change"
 }
 type LanguageCode = "en" | "vn";
+type ToolbarVisibilityTarget = "all" | "left" | "center" | "right";
 type MarkupAction = "line" | "arrow" | "circle" | "ellipse" | "rectangle" | "polygon" | "polyline" | "textbox" | "note" | "callout" | "cloud" | "freehand";
 type MarkupOperationResultPayload = {
     requestId: string;
@@ -315,7 +317,6 @@ declare class FilesModule {
     private resolveViewerPath;
     private resolveViewerOrigin;
     private resolveHostConversion;
-    private resolveApiRoot;
     private getUploadPath;
     private fileSignature;
     private createBaseFileId;
@@ -374,6 +375,15 @@ declare class ToolbarModule {
     disableAllPdf(): void;
     enableAll3D(): void;
     enableAllPdf(): void;
+    hideToolbar(): void;
+    showToolbar(): void;
+    setToolbarVisible(visible: boolean, target?: ToolbarVisibilityTarget): void;
+    hideLeftToolbar(): void;
+    showLeftToolbar(): void;
+    hideCenterToolbar(): void;
+    showCenterToolbar(): void;
+    hideRightToolbar(): void;
+    showRightToolbar(): void;
     openClippingPlanes(): void;
     closeClippingPlanes(): void;
     openSetting(): void;
@@ -407,6 +417,7 @@ declare class ToolbarModule {
     cuttingReversePlaneY(): void;
     cuttingReversePlaneZ(): void;
     private postConfig;
+    private postToolbarVisibility;
     private postPanelOpen;
     private postPanelClose;
     private postCuttingAction;

package/dist/index.d.ts

@@ -20,6 +20,7 @@ declare enum ViewerMessageType {
     ZOOM_WINDOW = "viewer-zoom-window",
     ZOOM_FIT = "viewer-zoom-fit",
     TOOLBAR_CONFIG = "viewer-toolbar-config",
+    TOOLBAR_VISIBILITY = "viewer-toolbar-visibility",
     PANEL_OPEN = "viewer-panel-open",
     PANEL_CLOSE = "viewer-panel-close",
     CUTTING_PLANE_ACTION = "viewer-cutting-plane-action",
@@ -41,6 +42,7 @@ declare enum ViewerMessageType {
     PAN_CHANGE = "viewer-pan-change"
 }
 type LanguageCode = "en" | "vn";
+type ToolbarVisibilityTarget = "all" | "left" | "center" | "right";
 type MarkupAction = "line" | "arrow" | "circle" | "ellipse" | "rectangle" | "polygon" | "polyline" | "textbox" | "note" | "callout" | "cloud" | "freehand";
 type MarkupOperationResultPayload = {
     requestId: string;
@@ -315,7 +317,6 @@ declare class FilesModule {
     private resolveViewerPath;
     private resolveViewerOrigin;
     private resolveHostConversion;
-    private resolveApiRoot;
     private getUploadPath;
     private fileSignature;
     private createBaseFileId;
@@ -374,6 +375,15 @@ declare class ToolbarModule {
     disableAllPdf(): void;
     enableAll3D(): void;
     enableAllPdf(): void;
+    hideToolbar(): void;
+    showToolbar(): void;
+    setToolbarVisible(visible: boolean, target?: ToolbarVisibilityTarget): void;
+    hideLeftToolbar(): void;
+    showLeftToolbar(): void;
+    hideCenterToolbar(): void;
+    showCenterToolbar(): void;
+    hideRightToolbar(): void;
+    showRightToolbar(): void;
     openClippingPlanes(): void;
     closeClippingPlanes(): void;
     openSetting(): void;
@@ -407,6 +417,7 @@ declare class ToolbarModule {
     cuttingReversePlaneY(): void;
     cuttingReversePlaneZ(): void;
     private postConfig;
+    private postToolbarVisibility;
     private postPanelOpen;
     private postPanelClose;
     private postCuttingAction;

package/dist/index.js

@@ -274,12 +274,30 @@ var FilesModule = class {
   }
   // Resolve viewer route path (e.g. /mainviewer).
   resolveViewerPath() {
-    const p = (this.config.viewerPath || this.viewer.getOptions().viewerPath || "/mainviewer").trim();
+    const configuredPath = this.config.viewerPath || this.viewer.getOptions().viewerPath;
+    if (!configuredPath) {
+      const viewerUrl = this.viewer.getOptions().url;
+      if (viewerUrl) {
+        try {
+          const pathname = new URL(viewerUrl, window.location.href).pathname;
+          if (pathname && pathname !== "/") return pathname;
+        } catch {
+        }
+      }
+    }
+    const p = (configuredPath || "/mainviewer").trim();
     if (!p) return "/mainviewer";
     return p.startsWith("/") ? p : `/${p}`;
   }
   // Viewer host used to open iframe after conversion completes.
   resolveViewerOrigin() {
+    const viewerUrl = this.viewer.getOptions().url;
+    if (viewerUrl) {
+      try {
+        return this.normalizeBaseUrl(new URL(viewerUrl, window.location.href).origin);
+      } catch {
+      }
+    }
     return this.normalizeBaseUrl(DEFAULT_VIEWER_ORIGIN);
   }
   // Build conversion service root from API base URL.
@@ -287,10 +305,6 @@ var FilesModule = class {
     const baseUrl = this.resolveBaseUrl();
     return baseUrl.endsWith("/service/conversion") ? baseUrl : `${baseUrl}/service/conversion`;
   }
-  // Newer convert endpoint is served from the API root, not /service/conversion.
-  resolveApiRoot() {
-    return this.resolveBaseUrl();
-  }
   // Resolve upload path sent to conversion APIs.
   getUploadPath() {
     return this.config.uploadPath || this.viewer.getOptions().uploadPath || ".";
@@ -434,7 +448,7 @@ var FilesModule = class {
   }
   // Submit conversion request to the newer downloadUrl-based endpoint.
   async cacheFileV2(options) {
-    const apiRoot = await this.resolveApiRoot();
+    const hostConversion = await this.resolveHostConversion();
     const params = new URLSearchParams();
     if (typeof options.overwrite === "boolean") {
       params.set("overwrite", String(options.overwrite));
@@ -443,7 +457,7 @@ var FilesModule = class {
       params.set("project", options.project);
     }
     const query = params.toString();
-    const url = `${apiRoot}/api/StreamFile/convert${query ? `?${query}` : ""}`;
+    const url = `${hostConversion}/api/StreamFile/convert${query ? `?${query}` : ""}`;
     const payload = this.buildConvertV2Payload(options);
     const response = await fetch(url, {
       method: "POST",
@@ -618,6 +632,33 @@ var ToolbarModule = class {
   enableAllPdf() {
     this.clearDisabledPdf();
   }
+  hideToolbar() {
+    this.setToolbarVisible(false);
+  }
+  showToolbar() {
+    this.setToolbarVisible(true);
+  }
+  setToolbarVisible(visible, target = "all") {
+    this.postToolbarVisibility({ visible, target });
+  }
+  hideLeftToolbar() {
+    this.setToolbarVisible(false, "left");
+  }
+  showLeftToolbar() {
+    this.setToolbarVisible(true, "left");
+  }
+  hideCenterToolbar() {
+    this.setToolbarVisible(false, "center");
+  }
+  showCenterToolbar() {
+    this.setToolbarVisible(true, "center");
+  }
+  hideRightToolbar() {
+    this.setToolbarVisible(false, "right");
+  }
+  showRightToolbar() {
+    this.setToolbarVisible(true, "right");
+  }
   openClippingPlanes() {
     this.postPanelOpen({ panel: "clipping-commands", format: "3d" });
   }
@@ -732,6 +773,9 @@ var ToolbarModule = class {
   postConfig(payload) {
     this.viewer.postToViewer("viewer-toolbar-config" /* TOOLBAR_CONFIG */, payload);
   }
+  postToolbarVisibility(payload) {
+    this.viewer.postToViewer("viewer-toolbar-visibility" /* TOOLBAR_VISIBILITY */, payload);
+  }
   postPanelOpen(payload) {
     this.viewer.postToViewer("viewer-panel-open" /* PANEL_OPEN */, payload);
   }

package/dist/index.mjs

@@ -248,12 +248,30 @@ var FilesModule = class {
   }
   // Resolve viewer route path (e.g. /mainviewer).
   resolveViewerPath() {
-    const p = (this.config.viewerPath || this.viewer.getOptions().viewerPath || "/mainviewer").trim();
+    const configuredPath = this.config.viewerPath || this.viewer.getOptions().viewerPath;
+    if (!configuredPath) {
+      const viewerUrl = this.viewer.getOptions().url;
+      if (viewerUrl) {
+        try {
+          const pathname = new URL(viewerUrl, window.location.href).pathname;
+          if (pathname && pathname !== "/") return pathname;
+        } catch {
+        }
+      }
+    }
+    const p = (configuredPath || "/mainviewer").trim();
     if (!p) return "/mainviewer";
     return p.startsWith("/") ? p : `/${p}`;
   }
   // Viewer host used to open iframe after conversion completes.
   resolveViewerOrigin() {
+    const viewerUrl = this.viewer.getOptions().url;
+    if (viewerUrl) {
+      try {
+        return this.normalizeBaseUrl(new URL(viewerUrl, window.location.href).origin);
+      } catch {
+      }
+    }
     return this.normalizeBaseUrl(DEFAULT_VIEWER_ORIGIN);
   }
   // Build conversion service root from API base URL.
@@ -261,10 +279,6 @@ var FilesModule = class {
     const baseUrl = this.resolveBaseUrl();
     return baseUrl.endsWith("/service/conversion") ? baseUrl : `${baseUrl}/service/conversion`;
   }
-  // Newer convert endpoint is served from the API root, not /service/conversion.
-  resolveApiRoot() {
-    return this.resolveBaseUrl();
-  }
   // Resolve upload path sent to conversion APIs.
   getUploadPath() {
     return this.config.uploadPath || this.viewer.getOptions().uploadPath || ".";
@@ -408,7 +422,7 @@ var FilesModule = class {
   }
   // Submit conversion request to the newer downloadUrl-based endpoint.
   async cacheFileV2(options) {
-    const apiRoot = await this.resolveApiRoot();
+    const hostConversion = await this.resolveHostConversion();
     const params = new URLSearchParams();
     if (typeof options.overwrite === "boolean") {
       params.set("overwrite", String(options.overwrite));
@@ -417,7 +431,7 @@ var FilesModule = class {
       params.set("project", options.project);
     }
     const query = params.toString();
-    const url = `${apiRoot}/api/StreamFile/convert${query ? `?${query}` : ""}`;
+    const url = `${hostConversion}/api/StreamFile/convert${query ? `?${query}` : ""}`;
     const payload = this.buildConvertV2Payload(options);
     const response = await fetch(url, {
       method: "POST",
@@ -592,6 +606,33 @@ var ToolbarModule = class {
   enableAllPdf() {
     this.clearDisabledPdf();
   }
+  hideToolbar() {
+    this.setToolbarVisible(false);
+  }
+  showToolbar() {
+    this.setToolbarVisible(true);
+  }
+  setToolbarVisible(visible, target = "all") {
+    this.postToolbarVisibility({ visible, target });
+  }
+  hideLeftToolbar() {
+    this.setToolbarVisible(false, "left");
+  }
+  showLeftToolbar() {
+    this.setToolbarVisible(true, "left");
+  }
+  hideCenterToolbar() {
+    this.setToolbarVisible(false, "center");
+  }
+  showCenterToolbar() {
+    this.setToolbarVisible(true, "center");
+  }
+  hideRightToolbar() {
+    this.setToolbarVisible(false, "right");
+  }
+  showRightToolbar() {
+    this.setToolbarVisible(true, "right");
+  }
   openClippingPlanes() {
     this.postPanelOpen({ panel: "clipping-commands", format: "3d" });
   }
@@ -706,6 +747,9 @@ var ToolbarModule = class {
   postConfig(payload) {
     this.viewer.postToViewer("viewer-toolbar-config" /* TOOLBAR_CONFIG */, payload);
   }
+  postToolbarVisibility(payload) {
+    this.viewer.postToViewer("viewer-toolbar-visibility" /* TOOLBAR_VISIBILITY */, payload);
+  }
   postPanelOpen(payload) {
     this.viewer.postToViewer("viewer-panel-open" /* PANEL_OPEN */, payload);
   }

package/dist/modules/files.module.d.ts

@@ -87,7 +87,6 @@ export declare class FilesModule {
     private resolveViewerPath;
     private resolveViewerOrigin;
     private resolveHostConversion;
-    private resolveApiRoot;
     private getUploadPath;
     private fileSignature;
     private createBaseFileId;

package/dist/modules/files.module.js

@@ -134,13 +134,36 @@ export class FilesModule {
     }
     // Resolve viewer route path (e.g. /mainviewer).
     resolveViewerPath() {
-        const p = (this.config.viewerPath || this.viewer.getOptions().viewerPath || "/mainviewer").trim();
+        const configuredPath = this.config.viewerPath || this.viewer.getOptions().viewerPath;
+        if (!configuredPath) {
+            const viewerUrl = this.viewer.getOptions().url;
+            if (viewerUrl) {
+                try {
+                    const pathname = new URL(viewerUrl, window.location.href).pathname;
+                    if (pathname && pathname !== "/")
+                        return pathname;
+                }
+                catch {
+                    // Fallback to default path below.
+                }
+            }
+        }
+        const p = (configuredPath || "/mainviewer").trim();
         if (!p)
             return "/mainviewer";
         return p.startsWith("/") ? p : `/${p}`;
     }
     // Viewer host used to open iframe after conversion completes.
     resolveViewerOrigin() {
+        const viewerUrl = this.viewer.getOptions().url;
+        if (viewerUrl) {
+            try {
+                return this.normalizeBaseUrl(new URL(viewerUrl, window.location.href).origin);
+            }
+            catch {
+                // Fallback to default origin below.
+            }
+        }
         return this.normalizeBaseUrl(DEFAULT_VIEWER_ORIGIN);
     }
     // Build conversion service root from API base URL.
@@ -148,10 +171,6 @@ export class FilesModule {
         const baseUrl = this.resolveBaseUrl();
         return baseUrl.endsWith("/service/conversion") ? baseUrl : `${baseUrl}/service/conversion`;
     }
-    // Newer convert endpoint is served from the API root, not /service/conversion.
-    resolveApiRoot() {
-        return this.resolveBaseUrl();
-    }
     // Resolve upload path sent to conversion APIs.
     getUploadPath() {
         return this.config.uploadPath || this.viewer.getOptions().uploadPath || ".";
@@ -298,7 +317,7 @@ export class FilesModule {
     }
     // Submit conversion request to the newer downloadUrl-based endpoint.
     async cacheFileV2(options) {
-        const apiRoot = await this.resolveApiRoot();
+        const hostConversion = await this.resolveHostConversion();
         const params = new URLSearchParams();
         if (typeof options.overwrite === "boolean") {
             params.set("overwrite", String(options.overwrite));
@@ -307,7 +326,7 @@ export class FilesModule {
             params.set("project", options.project);
         }
         const query = params.toString();
-        const url = `${apiRoot}/api/StreamFile/convert${query ? `?${query}` : ""}`;
+        const url = `${hostConversion}/api/StreamFile/convert${query ? `?${query}` : ""}`;
         const payload = this.buildConvertV2Payload(options);
         const response = await fetch(url, {
             method: "POST",

package/dist/modules/toolbar.module.d.ts

@@ -1,5 +1,5 @@
 import { Viewer3D } from "../viewer";
-import { type SheetListItem } from "../contracts/messages";
+import { type SheetListItem, type ToolbarVisibilityTarget } from "../contracts/messages";
 export declare type ToolbarFormat = "3d" | "pdf";
 export declare type GetSheetsOptions = {
     timeoutMs?: number;
@@ -42,6 +42,15 @@ export declare class ToolbarModule {
     disableAllPdf(): void;
     enableAll3D(): void;
     enableAllPdf(): void;
+    hideToolbar(): void;
+    showToolbar(): void;
+    setToolbarVisible(visible: boolean, target?: ToolbarVisibilityTarget): void;
+    hideLeftToolbar(): void;
+    showLeftToolbar(): void;
+    hideCenterToolbar(): void;
+    showCenterToolbar(): void;
+    hideRightToolbar(): void;
+    showRightToolbar(): void;
     openClippingPlanes(): void;
     closeClippingPlanes(): void;
     openSetting(): void;
@@ -75,6 +84,7 @@ export declare class ToolbarModule {
     cuttingReversePlaneY(): void;
     cuttingReversePlaneZ(): void;
     private postConfig;
+    private postToolbarVisibility;
     private postPanelOpen;
     private postPanelClose;
     private postCuttingAction;

package/dist/modules/toolbar.module.js

@@ -86,6 +86,33 @@ export class ToolbarModule {
     enableAllPdf() {
         this.clearDisabledPdf();
     }
+    hideToolbar() {
+        this.setToolbarVisible(false);
+    }
+    showToolbar() {
+        this.setToolbarVisible(true);
+    }
+    setToolbarVisible(visible, target = "all") {
+        this.postToolbarVisibility({ visible, target });
+    }
+    hideLeftToolbar() {
+        this.setToolbarVisible(false, "left");
+    }
+    showLeftToolbar() {
+        this.setToolbarVisible(true, "left");
+    }
+    hideCenterToolbar() {
+        this.setToolbarVisible(false, "center");
+    }
+    showCenterToolbar() {
+        this.setToolbarVisible(true, "center");
+    }
+    hideRightToolbar() {
+        this.setToolbarVisible(false, "right");
+    }
+    showRightToolbar() {
+        this.setToolbarVisible(true, "right");
+    }
     openClippingPlanes() {
         this.postPanelOpen({ panel: "clipping-commands", format: "3d" });
     }
@@ -201,6 +228,9 @@ export class ToolbarModule {
     postConfig(payload) {
         this.viewer.postToViewer(ViewerMessageType.TOOLBAR_CONFIG, payload);
     }
+    postToolbarVisibility(payload) {
+        this.viewer.postToViewer(ViewerMessageType.TOOLBAR_VISIBILITY, payload);
+    }
     postPanelOpen(payload) {
         this.viewer.postToViewer(ViewerMessageType.PANEL_OPEN, payload);
     }

package/package.json

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