@pixldocs/canvas-renderer 0.5.300 → 0.5.302

package/dist/{index-DSa_E6-5.js → index-ZeWTxoUj.js}

@@ -191,6 +191,26 @@ function removeNodeFromTree(children, id) {
     return node;
   });
 }
+function pruneEmptyGroups(children) {
+  const prunedGroupIds = /* @__PURE__ */ new Set();
+  const walk = (nodes) => {
+    const next = [];
+    for (const node of nodes) {
+      if (isGroup(node)) {
+        const prunedChildren = walk(node.children);
+        if (prunedChildren.length === 0) {
+          prunedGroupIds.add(node.id);
+          continue;
+        }
+        next.push({ ...node, children: prunedChildren });
+      } else {
+        next.push(node);
+      }
+    }
+    return next;
+  };
+  return { children: walk(children), prunedGroupIds };
+}
 function addNodeToTree(children, node, parentId, index) {
   if (!parentId) {
     if (index !== void 0) {
@@ -1504,8 +1524,16 @@ const useEditorStore = create((set, get) => ({
       if (rootLevelIds.has(id)) ;
       nextChildren = removeNodeFromTree(nextChildren, id);
     }
+    const { children: prunedChildren, prunedGroupIds } = pruneEmptyGroups(nextChildren);
+    nextChildren = prunedChildren;
+    for (const gid of prunedGroupIds) {
+      allDeletedIds.add(gid);
+      if (rootLevelIds.has(gid)) ;
+    }
     let nextCanvas = updateCurrentPageChildren(state.canvas, () => nextChildren);
-    nextCanvas.selectedIds = state.canvas.selectedIds.filter((id) => !ids.includes(id));
+    nextCanvas.selectedIds = state.canvas.selectedIds.filter(
+      (id) => !allDeletedIds.has(id) && !prunedGroupIds.has(id)
+    );
     if (nextCanvas.themeConfig) {
       const remainingProps = nextCanvas.themeConfig.properties.filter((p) => !allDeletedIds.has(p.elementId));
       if (remainingProps.length !== nextCanvas.themeConfig.properties.length) {
@@ -11259,6 +11287,41 @@ const PageCanvas = forwardRef(
     const [groupResizeState, setGroupResizeState] = useState(null);
     const [groupOverlayLiveBounds, setGroupOverlayLiveBounds] = useState(null);
     const setGroupOverlayLiveBoundsRef = useRef(setGroupOverlayLiveBounds);
+    const restoreSuppressedGroupMemberVisuals = useCallback(() => {
+      const list = suppressGroupMemberBordersRef.current;
+      if (!list || list.length === 0) return;
+      for (const member of list) {
+        const origBorders = member.__pixldocsOrigHasBorders;
+        const origControls = member.__pixldocsOrigHasControls;
+        const origLockX = member.__pixldocsOrigLockScalingX;
+        if (origBorders !== void 0) member.hasBorders = origBorders;
+        else member.hasBorders = true;
+        if (origControls !== void 0) member.hasControls = origControls;
+        else member.hasControls = true;
+        if (origLockX !== void 0) {
+          member.lockScalingX = origLockX;
+          member.lockScalingY = member.__pixldocsOrigLockScalingY;
+        }
+        delete member.__pixldocsOrigHasBorders;
+        delete member.__pixldocsOrigHasControls;
+        delete member.__pixldocsOrigLockScalingX;
+        delete member.__pixldocsOrigLockScalingY;
+      }
+      suppressGroupMemberBordersRef.current = [];
+    }, []);
+    const clearCanvasActiveVisuals = useCallback((fc) => {
+      setGroupOverlayLiveBoundsRef.current(null);
+      restoreSuppressedGroupMemberVisuals();
+      try {
+        fc.discardActiveObject();
+        const topContext = fc.contextTop;
+        if (topContext && typeof fc.clearContext === "function") {
+          fc.clearContext(topContext);
+        }
+        fc.requestRenderAll();
+      } catch {
+      }
+    }, [restoreSuppressedGroupMemberVisuals]);
     const skipSelectionClearOnDiscardRef = useRef(false);
     const skipActiveSelectionBakeOnClearRef = useRef(false);
     const preserveEditingScopeOnSelectionClearRef = useRef(false);
@@ -11347,6 +11410,34 @@ const PageCanvas = forwardRef(
     useEffect(() => {
       selectedIdsRef.current = selectedIds;
     }, [selectedIds]);
+    useEffect(() => {
+      const fc = fabricRef.current;
+      if (!fc || !isActive || !currentPage) return;
+      const pageChildren2 = currentPage.children ?? [];
+      const hasMissingSelection = selectedIds.some((id) => !findNodeById(pageChildren2, id));
+      const activeEditingGroupId = fc.__activeEditingGroupId ?? null;
+      const activeEditingGroupMissing = !!activeEditingGroupId && !findNodeById(pageChildren2, activeEditingGroupId);
+      const drilledGroupMissing = !!drilledGroupIdRef.current && !findNodeById(pageChildren2, drilledGroupIdRef.current);
+      const hasGroupEditContext = !!activeEditingGroupId || !!drilledGroupIdRef.current;
+      if (selectedIds.length === 0 && !hasGroupEditContext || hasMissingSelection || activeEditingGroupMissing || drilledGroupMissing) {
+        fc.__activeEditingGroupId = null;
+        drilledGroupIdRef.current = null;
+        setDrilledGroupBounds(null);
+        preserveActiveSelectionAfterTransformRef.current = null;
+        recentGroupSelectionRestoreRef.current = null;
+        clearCanvasActiveVisuals(fc);
+      } else if (hasGroupEditContext) {
+        requestAnimationFrame(() => {
+          var _a2;
+          if (fabricRef.current !== fc) return;
+          try {
+            (_a2 = fc.__updateDrilledGroupOutline) == null ? void 0 : _a2.call(fc);
+          } catch {
+          }
+          fc.requestRenderAll();
+        });
+      }
+    }, [selectedIds, currentPage, isActive, clearCanvasActiveVisuals]);
     useEffect(() => {
       isActiveRef.current = isActive;
       if (isEditorMode && isActive && fabricRef.current) ;
@@ -15248,7 +15339,7 @@ const PageCanvas = forwardRef(
         visibilityUpdateInProgressRef.current = false;
       }
       doSyncRef.current = () => {
-        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
+        var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k;
         const shouldSkipUpdates2 = syncLockedRef.current || editLockRef.current;
         const state = useEditorStore.getState();
         const elementsToSync = elements;
@@ -15273,10 +15364,20 @@ const PageCanvas = forwardRef(
         const activeBeforeSync = fc.getActiveObject();
         const transformSelectionId = preserveSelectionAfterTransformIdRef.current;
         const isTransforming2 = !!fc._currentTransform;
-        const activeSelectionSnapshot = activeBeforeSync instanceof fabric.ActiveSelection ? {
+        const rawActiveSelectionSnapshot = activeBeforeSync instanceof fabric.ActiveSelection ? {
           memberIds: activeBeforeSync.getObjects().map((o) => getObjectId(o)).filter((id) => !!id && id !== "__background__"),
           groupSelectionId: activeBeforeSync.__pixldocsGroupSelection
         } : preserveActiveSelectionAfterTransformRef.current;
+        const activeSelectionSnapshot = rawActiveSelectionSnapshot ? (() => {
+          let memberIds = rawActiveSelectionSnapshot.memberIds.filter((id) => allElementIds.has(id));
+          const groupSelectionId = rawActiveSelectionSnapshot.groupSelectionId;
+          if (groupSelectionId) {
+            const groupNode = findNodeById(pageTree, groupSelectionId);
+            if (!groupNode || !isGroup(groupNode)) return null;
+            memberIds = getAllElementIds(groupNode.children ?? []).filter((id) => allElementIds.has(id));
+          }
+          return memberIds.length > 0 ? { ...rawActiveSelectionSnapshot, memberIds, groupSelectionId } : null;
+        })() : null;
         if (syncTriggeredByPanelRef.current && !transformSelectionId && !shouldSkipUpdates2 && !isTransforming2) {
           const activeObj = fc.getActiveObject();
           const activeObjId = activeObj ? getObjectId(activeObj) : null;
@@ -16070,6 +16171,12 @@ const PageCanvas = forwardRef(
             }
           }
         }
+        if (fc.__activeEditingGroupId) {
+          try {
+            (_k = fc.__updateDrilledGroupOutline) == null ? void 0 : _k.call(fc);
+          } catch {
+          }
+        }
         const recentGroupRestore = recentGroupSelectionRestoreRef.current;
         if ((recentGroupRestore == null ? void 0 : recentGroupRestore.groupSelectionId) && recentGroupRestore.expiresAt > Date.now()) {
           restoreGroupSelectionSnapshot(recentGroupRestore);
@@ -23997,9 +24104,9 @@ function captureFabricCanvasSvgForPdf(fabricInstance, canvasWidth, canvasHeight)
   }
   return svgString;
 }
-const resolvedPackageVersion = "0.5.300";
+const resolvedPackageVersion = "0.5.302";
 const PACKAGE_VERSION = resolvedPackageVersion;
-const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.300";
+const DEPLOYMENT_VERSION_MARKER = "__PIXLDOCS_CANVAS_RENDERER_VERSION__:0.5.302";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -24813,7 +24920,7 @@ class PixldocsRenderer {
         await this.waitForCanvasScene(container, cloned, i);
       }
       console.log(`[canvas-renderer][pdf-unified] mounted ${cloned.pages.length} page(s), handing off to client exportMultiPagePdf`);
-      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-Bgb4ctNH.js");
+      const { exportMultiPagePdf, preparePagesForExport } = await import("./vectorPdfExport-Bje676YF.js");
       const prepared = preparePagesForExport(
         cloned.pages,
         canvasWidth,
@@ -27133,7 +27240,7 @@ async function prepareLiveCanvasSvgForPdf(rawSvg, pageWidth, pageHeight, pageKey
     if (options == null ? void 0 : options.stripPageBackground) stripRootPageBackgroundFromSvg(svgToDraw);
     sanitizeSvgTreeForPdf(svgToDraw);
     try {
-      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-Bgb4ctNH.js");
+      const { bakeTextAnchorPositionsFromLiveSvg, logTextMeasurementDiagnostic } = await import("./vectorPdfExport-Bje676YF.js");
       try {
         await logTextMeasurementDiagnostic(svgToDraw);
       } catch {
@@ -27533,4 +27640,4 @@ export {
   buildTeaserBlurFlatKeys as y,
   collectFontDescriptorsFromConfig as z
 };
-//# sourceMappingURL=index-DSa_E6-5.js.map
+//# sourceMappingURL=index-ZeWTxoUj.js.map