@dtducas/wh-forge-viewer 3.0.0-beta.2 → 3.0.0-beta.4

package/dist/index.js

@@ -94820,7 +94820,9 @@ function MinimapPanel(_ref) {
     totalPages = _ref$totalPages === void 0 ? 1 : _ref$totalPages,
     viewableGuid = _ref.viewableGuid,
     filePath = _ref.filePath,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    _ref$sidebarOffset = _ref.sidebarOffset,
+    sidebarOffset = _ref$sidebarOffset === void 0 ? 56 : _ref$sidebarOffset;
   var _useMinimapThumbnail = useMinimapThumbnail({
       filePath: filePath,
       viewableGuid: viewableGuid,
@@ -95041,7 +95043,9 @@ function MinimapPanel(_ref) {
   var panelStyle = position ? {
     left: position.x,
     top: position.y
-  } : {};
+  } : {
+    left: sidebarOffset
+  };
   return jsxRuntime.jsxs("div", {
     ref: panelRef,
     className: "wh-minimap-panel".concat(shouldShow ? ' wh-minimap-panel--visible' : ''),
@@ -95698,7 +95702,9 @@ function ViewerSidebar(_ref3) {
     _ref3$hidePanels = _ref3.hidePanels,
     hidePanels = _ref3$hidePanels === void 0 ? [] : _ref3$hidePanels,
     _ref3$className = _ref3.className,
-    className = _ref3$className === void 0 ? '' : _ref3$className;
+    className = _ref3$className === void 0 ? '' : _ref3$className,
+    isDraftShared = _ref3.isDraftShared,
+    onToggleDraftShared = _ref3.onToggleDraftShared;
   var handleClick = function handleClick(panel) {
     // Toggle off if already active
     onPanelChange === null || onPanelChange === void 0 || onPanelChange(activePanel === panel ? null : panel);
@@ -95743,6 +95749,62 @@ function ViewerSidebar(_ref3) {
       children: jsxRuntime.jsx(IconSubmit, {})
     }), jsxRuntime.jsx("div", {
       className: 'wh-sidebar-spacer'
+    }), onToggleDraftShared !== undefined && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx("hr", {
+        className: 'wh-sidebar-divider'
+      }), jsxRuntime.jsx("button", {
+        type: 'button',
+        className: 'wh-sidebar-btn',
+        "data-tooltip": isDraftShared ? 'Stop sharing draft' : 'Share draft',
+        "aria-pressed": isDraftShared,
+        onClick: function onClick() {
+          return onToggleDraftShared(!isDraftShared);
+        },
+        style: {
+          width: 36,
+          height: 36,
+          borderRadius: 6,
+          border: isDraftShared ? '1.5px solid #6366f1' : '1.5px solid transparent',
+          background: isDraftShared ? '#ede9fe' : undefined,
+          color: isDraftShared ? '#6366f1' : '#6b7280',
+          flexShrink: 0,
+          transition: 'border-color 0.15s, background 0.15s, color 0.15s'
+        },
+        children: jsxRuntime.jsxs("svg", {
+          width: '18',
+          height: '18',
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: '2',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          "aria-hidden": 'true',
+          children: [jsxRuntime.jsx("circle", {
+            cx: '18',
+            cy: '5',
+            r: '3'
+          }), jsxRuntime.jsx("circle", {
+            cx: '6',
+            cy: '12',
+            r: '3'
+          }), jsxRuntime.jsx("circle", {
+            cx: '18',
+            cy: '19',
+            r: '3'
+          }), jsxRuntime.jsx("line", {
+            x1: '8.59',
+            y1: '13.51',
+            x2: '15.42',
+            y2: '17.49'
+          }), jsxRuntime.jsx("line", {
+            x1: '15.41',
+            y1: '6.51',
+            x2: '8.59',
+            y2: '10.49'
+          })]
+        })
+      })]
     }), jsxRuntime.jsx("hr", {
       className: 'wh-sidebar-divider'
     }), jsxRuntime.jsx(PresenceIndicator, {
@@ -95815,6 +95877,9 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
     checkSubmitHasMarkup = _ref.checkSubmitHasMarkup,
     _ref$defaultActiveSid = _ref.defaultActiveSidebarPanel,
     defaultActiveSidebarPanel = _ref$defaultActiveSid === void 0 ? null : _ref$defaultActiveSid,
+    onSidebarWidthChange = _ref.onSidebarWidthChange,
+    isDraftShared = _ref.isDraftShared,
+    onToggleDraftShared = _ref.onToggleDraftShared,
     collabAdapter = _ref.collabAdapter,
     collabActorId = _ref.collabActorId,
     collabDrawingId = _ref.collabDrawingId,
@@ -95929,6 +95994,7 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
   }, [onPublish]);
   var collabSessionRef = React.useRef(null);
   var canvasExportServiceRef = React.useRef(null);
+  var cursorCleanupRef = React.useRef(null);
   var getExportViewablePagesRef = React.useRef(getExportViewablePages);
   React.useEffect(function () {
     getExportViewablePagesRef.current = getExportViewablePages;
@@ -96041,7 +96107,7 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
                         onSuccess: function () {
                           var _onSuccess = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
                             var _sceneBuilderService$, _sceneBuilderService;
-                            var engine, _engine$stamps, _engine$stamps2, _engine$stamps3, capabilities, enhancedViewer, _engine$markup;
+                            var engine, _engine$stamps, _engine$stamps2, _engine$stamps3, capabilities, enhancedViewer, _engine$markup, _cursorCallbacks, _cursorContainer, _onPointerMove;
                             return _regenerator().w(function (_context) {
                               while (1) switch (_context.n) {
                                 case 0:
@@ -96113,6 +96179,41 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
 
                                     // Viewer presets
                                     enhancedViewer.presetManager = presetManager;
+
+                                    // ─── World-space cursor tracking ──────────────────────────
+                                    // Emit pointer-move events in Forge world space so remote cursors
+                                    // are zoom-invariant and screen-size-invariant on all receivers.
+                                    _cursorCallbacks = new Set();
+                                    enhancedViewer.onLocalCursorMove = function (cb) {
+                                      _cursorCallbacks.add(cb);
+                                      return function () {
+                                        return _cursorCallbacks["delete"](cb);
+                                      };
+                                    };
+                                    _cursorContainer = viewer.container;
+                                    _onPointerMove = function _onPointerMove(e) {
+                                      if (!_cursorCallbacks.size) return;
+                                      var rect = _cursorContainer.getBoundingClientRect();
+                                      var hit = viewer.clientToWorld(e.clientX - rect.left, e.clientY - rect.top, true);
+                                      if (!(hit !== null && hit !== void 0 && hit.point)) return;
+                                      var payload = {
+                                        position: {
+                                          x: hit.point.x,
+                                          y: hit.point.y
+                                        },
+                                        coordSystem: 'markup'
+                                      };
+                                      _cursorCallbacks.forEach(function (cb) {
+                                        return cb(payload);
+                                      });
+                                    };
+                                    _cursorContainer.addEventListener('pointermove', _onPointerMove, {
+                                      passive: true
+                                    });
+                                    cursorCleanupRef.current = function () {
+                                      _cursorContainer.removeEventListener('pointermove', _onPointerMove);
+                                      delete enhancedViewer.onLocalCursorMove;
+                                    };
                                     setViewer(enhancedViewer);
                                   }
                                 case 4:
@@ -96153,7 +96254,9 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
     }();
     initializeViewer();
     return function () {
-      var _canvasExportServiceR, _markupMgrRef$current, _overlayManagerRef$cu, _sceneBuilderRef$curr;
+      var _cursorCleanupRef$cur, _canvasExportServiceR, _markupMgrRef$current, _overlayManagerRef$cu, _sceneBuilderRef$curr;
+      (_cursorCleanupRef$cur = cursorCleanupRef.current) === null || _cursorCleanupRef$cur === void 0 || _cursorCleanupRef$cur.call(cursorCleanupRef);
+      cursorCleanupRef.current = null;
       (_canvasExportServiceR = canvasExportServiceRef.current) === null || _canvasExportServiceR === void 0 || _canvasExportServiceR.destroy();
       canvasExportServiceRef.current = null;
       (_markupMgrRef$current = markupMgrRef.current) === null || _markupMgrRef$current === void 0 || _markupMgrRef$current.destroy();
@@ -96579,6 +96682,11 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
     viewerInstance === null || viewerInstance === void 0 || (_viewerInstance$resiz = viewerInstance.resize) === null || _viewerInstance$resiz === void 0 || _viewerInstance$resiz.call(viewerInstance);
   }, [viewerInstance, activeSidebarPanel, panelWidth, showDrawer, drawerWidth]);
 
+  // Notify host app of total sidebar width so it can adjust external layout.
+  React.useEffect(function () {
+    onSidebarWidthChange === null || onSidebarWidthChange === void 0 || onSidebarWidthChange(activeSidebarPanel ? 44 + panelWidth : 0);
+  }, [activeSidebarPanel, panelWidth, onSidebarWidthChange]);
+
   // ─── Callbacks ────────────────────────────────────────────────────────────
   var handleDrawerPropertyChange = React.useCallback(function (key, value) {
     var _markupMgrRef$current4;
@@ -96680,7 +96788,9 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
       onPanelChange: setActiveSidebarPanel,
       onlineUsers: onlineUsers,
       showSubmitPanel: !!submitConfig,
-      hidePanels: hidePanels
+      hidePanels: hidePanels,
+      isDraftShared: onToggleDraftShared !== undefined ? isDraftShared !== null && isDraftShared !== void 0 ? isDraftShared : false : undefined,
+      onToggleDraftShared: onToggleDraftShared
     }), activeSidebarPanel === 'sheets' && /*#__PURE__*/jsxRuntime.jsx(SheetsPanel, {
       viewables: viewables,
       currentIndex: currentPageIndex,
@@ -96747,7 +96857,8 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
       filePath: filePath,
       onClose: function onClose() {
         return setShowMinimap(false);
-      }
+      },
+      sidebarOffset: activeSidebarPanel ? 44 + panelWidth + 8 : 52
     }), showMarkupToolbar && markupEngineInstance && /*#__PURE__*/jsxRuntime.jsx(SelectionActionToolbar, {
       engine: markupEngineInstance,
       viewerContainer: viewerContainerRef.current,