@industry-theme/repository-composition-panels 0.6.38 → 0.7.1

package/dist/{index-DG8gGHGR.js → index-OydwIwzQ.js}

@@ -10439,135 +10439,152 @@ function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
 var withSelector = { exports: {} };
-var withSelector_production_min = {};
+var withSelector_production = {};
 var shim = { exports: {} };
-var useSyncExternalStoreShim_production_min = {};
+var useSyncExternalStoreShim_production = {};
 /**
  * @license React
- * use-sync-external-store-shim.production.min.js
+ * use-sync-external-store-shim.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredUseSyncExternalStoreShim_production_min;
-function requireUseSyncExternalStoreShim_production_min() {
-  if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
-  hasRequiredUseSyncExternalStoreShim_production_min = 1;
-  var e2 = React2__default;
-  function h2(a2, b2) {
-    return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
-  }
-  var k2 = "function" === typeof Object.is ? Object.is : h2, l2 = e2.useState, m2 = e2.useEffect, n2 = e2.useLayoutEffect, p2 = e2.useDebugValue;
-  function q2(a2, b2) {
-    var d2 = b2(), f2 = l2({ inst: { value: d2, getSnapshot: b2 } }), c2 = f2[0].inst, g2 = f2[1];
-    n2(function() {
-      c2.value = d2;
-      c2.getSnapshot = b2;
-      r2(c2) && g2({ inst: c2 });
-    }, [a2, d2, b2]);
-    m2(function() {
-      r2(c2) && g2({ inst: c2 });
-      return a2(function() {
-        r2(c2) && g2({ inst: c2 });
-      });
-    }, [a2]);
-    p2(d2);
-    return d2;
+var hasRequiredUseSyncExternalStoreShim_production;
+function requireUseSyncExternalStoreShim_production() {
+  if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
+  hasRequiredUseSyncExternalStoreShim_production = 1;
+  var React = React2__default;
+  function is(x2, y2) {
+    return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
+  }
+  var objectIs = "function" === typeof Object.is ? Object.is : is, useState2 = React.useState, useEffect2 = React.useEffect, useLayoutEffect2 = React.useLayoutEffect, useDebugValue2 = React.useDebugValue;
+  function useSyncExternalStore$2(subscribe, getSnapshot) {
+    var value = getSnapshot(), _useState = useState2({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+    useLayoutEffect2(
+      function() {
+        inst.value = value;
+        inst.getSnapshot = getSnapshot;
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+      },
+      [subscribe, value, getSnapshot]
+    );
+    useEffect2(
+      function() {
+        checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        return subscribe(function() {
+          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
+        });
+      },
+      [subscribe]
+    );
+    useDebugValue2(value);
+    return value;
   }
-  function r2(a2) {
-    var b2 = a2.getSnapshot;
-    a2 = a2.value;
+  function checkIfSnapshotChanged(inst) {
+    var latestGetSnapshot = inst.getSnapshot;
+    inst = inst.value;
     try {
-      var d2 = b2();
-      return !k2(a2, d2);
-    } catch (f2) {
+      var nextValue = latestGetSnapshot();
+      return !objectIs(inst, nextValue);
+    } catch (error) {
       return true;
     }
   }
-  function t2(a2, b2) {
-    return b2();
+  function useSyncExternalStore$1(subscribe, getSnapshot) {
+    return getSnapshot();
   }
-  var u2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? t2 : q2;
-  useSyncExternalStoreShim_production_min.useSyncExternalStore = void 0 !== e2.useSyncExternalStore ? e2.useSyncExternalStore : u2;
-  return useSyncExternalStoreShim_production_min;
+  var shim2 = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim2;
+  return useSyncExternalStoreShim_production;
 }
 var hasRequiredShim;
 function requireShim() {
   if (hasRequiredShim) return shim.exports;
   hasRequiredShim = 1;
   {
-    shim.exports = requireUseSyncExternalStoreShim_production_min();
+    shim.exports = requireUseSyncExternalStoreShim_production();
   }
   return shim.exports;
 }
 /**
  * @license React
- * use-sync-external-store-shim/with-selector.production.min.js
+ * use-sync-external-store-shim/with-selector.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredWithSelector_production_min;
-function requireWithSelector_production_min() {
-  if (hasRequiredWithSelector_production_min) return withSelector_production_min;
-  hasRequiredWithSelector_production_min = 1;
-  var h2 = React2__default, n2 = requireShim();
-  function p2(a2, b2) {
-    return a2 === b2 && (0 !== a2 || 1 / a2 === 1 / b2) || a2 !== a2 && b2 !== b2;
-  }
-  var q2 = "function" === typeof Object.is ? Object.is : p2, r2 = n2.useSyncExternalStore, t2 = h2.useRef, u2 = h2.useEffect, v2 = h2.useMemo, w2 = h2.useDebugValue;
-  withSelector_production_min.useSyncExternalStoreWithSelector = function(a2, b2, e2, l2, g2) {
-    var c2 = t2(null);
-    if (null === c2.current) {
-      var f2 = { hasValue: false, value: null };
-      c2.current = f2;
-    } else f2 = c2.current;
-    c2 = v2(function() {
-      function a3(a4) {
-        if (!c3) {
-          c3 = true;
-          d3 = a4;
-          a4 = l2(a4);
-          if (void 0 !== g2 && f2.hasValue) {
-            var b3 = f2.value;
-            if (g2(b3, a4)) return k2 = b3;
+var hasRequiredWithSelector_production;
+function requireWithSelector_production() {
+  if (hasRequiredWithSelector_production) return withSelector_production;
+  hasRequiredWithSelector_production = 1;
+  var React = React2__default, shim2 = requireShim();
+  function is(x2, y2) {
+    return x2 === y2 && (0 !== x2 || 1 / x2 === 1 / y2) || x2 !== x2 && y2 !== y2;
+  }
+  var objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim2.useSyncExternalStore, useRef2 = React.useRef, useEffect2 = React.useEffect, useMemo2 = React.useMemo, useDebugValue2 = React.useDebugValue;
+  withSelector_production.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector2, isEqual) {
+    var instRef = useRef2(null);
+    if (null === instRef.current) {
+      var inst = { hasValue: false, value: null };
+      instRef.current = inst;
+    } else inst = instRef.current;
+    instRef = useMemo2(
+      function() {
+        function memoizedSelector(nextSnapshot) {
+          if (!hasMemo) {
+            hasMemo = true;
+            memoizedSnapshot = nextSnapshot;
+            nextSnapshot = selector2(nextSnapshot);
+            if (void 0 !== isEqual && inst.hasValue) {
+              var currentSelection = inst.value;
+              if (isEqual(currentSelection, nextSnapshot))
+                return memoizedSelection = currentSelection;
+            }
+            return memoizedSelection = nextSnapshot;
+          }
+          currentSelection = memoizedSelection;
+          if (objectIs(memoizedSnapshot, nextSnapshot)) return currentSelection;
+          var nextSelection = selector2(nextSnapshot);
+          if (void 0 !== isEqual && isEqual(currentSelection, nextSelection))
+            return memoizedSnapshot = nextSnapshot, currentSelection;
+          memoizedSnapshot = nextSnapshot;
+          return memoizedSelection = nextSelection;
+        }
+        var hasMemo = false, memoizedSnapshot, memoizedSelection, maybeGetServerSnapshot = void 0 === getServerSnapshot ? null : getServerSnapshot;
+        return [
+          function() {
+            return memoizedSelector(getSnapshot());
+          },
+          null === maybeGetServerSnapshot ? void 0 : function() {
+            return memoizedSelector(maybeGetServerSnapshot());
           }
-          return k2 = a4;
-        }
-        b3 = k2;
-        if (q2(d3, a4)) return b3;
-        var e3 = l2(a4);
-        if (void 0 !== g2 && g2(b3, e3)) return b3;
-        d3 = a4;
-        return k2 = e3;
-      }
-      var c3 = false, d3, k2, m2 = void 0 === e2 ? null : e2;
-      return [function() {
-        return a3(b2());
-      }, null === m2 ? void 0 : function() {
-        return a3(m2());
-      }];
-    }, [b2, e2, l2, g2]);
-    var d2 = r2(a2, c2[0], c2[1]);
-    u2(function() {
-      f2.hasValue = true;
-      f2.value = d2;
-    }, [d2]);
-    w2(d2);
-    return d2;
-  };
-  return withSelector_production_min;
+        ];
+      },
+      [getSnapshot, getServerSnapshot, selector2, isEqual]
+    );
+    var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
+    useEffect2(
+      function() {
+        inst.hasValue = true;
+        inst.value = value;
+      },
+      [value]
+    );
+    useDebugValue2(value);
+    return value;
+  };
+  return withSelector_production;
 }
 var hasRequiredWithSelector;
 function requireWithSelector() {
   if (hasRequiredWithSelector) return withSelector.exports;
   hasRequiredWithSelector = 1;
   {
-    withSelector.exports = requireWithSelector_production_min();
+    withSelector.exports = requireWithSelector_production();
   }
   return withSelector.exports;
 }
@@ -10633,8 +10650,7 @@ function shallow$1(objA, objB) {
     return false;
   }
   if (objA instanceof Map && objB instanceof Map) {
-    if (objA.size !== objB.size)
-      return false;
+    if (objA.size !== objB.size) return false;
     for (const [key, value] of objA) {
       if (!Object.is(value, objB.get(key))) {
         return false;
@@ -10643,8 +10659,7 @@ function shallow$1(objA, objB) {
     return true;
   }
   if (objA instanceof Set && objB instanceof Set) {
-    if (objA.size !== objB.size)
-      return false;
+    if (objA.size !== objB.size) return false;
     for (const value of objA) {
       if (!objB.has(value)) {
         return false;
@@ -10656,8 +10671,8 @@ function shallow$1(objA, objB) {
   if (keysA.length !== Object.keys(objB).length) {
     return false;
   }
-  for (let i2 = 0; i2 < keysA.length; i2++) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i2]) || !Object.is(objA[keysA[i2]], objB[keysA[i2]])) {
+  for (const keyA of keysA) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
       return false;
     }
   }
@@ -105979,7 +105994,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-CtGYvhUO.js");
+    await import("./browserAll-CKPglyL3.js");
   }
 };
 const webworkerExt = {
@@ -105990,7 +106005,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-B5zN9It9.js");
+    await import("./webworkerAll-Cg7mdcVI.js");
   }
 };
 class ObservablePoint {
@@ -118233,19 +118248,19 @@ async function autoDetectRenderer(options) {
   for (let i2 = 0; i2 < preferredOrder.length; i2++) {
     const rendererType = preferredOrder[i2];
     if (rendererType === "webgpu" && await isWebGPUSupported()) {
-      const { WebGPURenderer } = await import("./WebGPURenderer-BEllH4Ei.js");
+      const { WebGPURenderer } = await import("./WebGPURenderer-BZJD_jqI.js");
       RendererClass = WebGPURenderer;
       finalOptions = { ...options, ...options.webgpu };
       break;
     } else if (rendererType === "webgl" && isWebGLSupported(
       options.failIfMajorPerformanceCaveat ?? AbstractRenderer.defaultOptions.failIfMajorPerformanceCaveat
     )) {
-      const { WebGLRenderer } = await import("./WebGLRenderer-p7sX7bkL.js");
+      const { WebGLRenderer } = await import("./WebGLRenderer-BCeLuv-q.js");
       RendererClass = WebGLRenderer;
       finalOptions = { ...options, ...options.webgl };
       break;
     } else if (rendererType === "canvas") {
-      const { CanvasRenderer } = await import("./CanvasRenderer-g8_S9fUR.js");
+      const { CanvasRenderer } = await import("./CanvasRenderer-COO-STVN.js");
       RendererClass = CanvasRenderer;
       finalOptions = { ...options, ...options.canvasOptions };
       break;
@@ -135552,9 +135567,8 @@ const OverworldMapPanelContent = ({
   const pathManagerRef = useRef(null);
   const rendererRef = useRef(null);
   const [isRendering, setIsRendering] = useState(true);
-  const [isResizing, setIsResizing] = useState(false);
   const [initializationComplete, setInitializationComplete] = useState(0);
-  const dimensionsRef = useRef({ width: width || 800, height: height || 600 });
+  const visibleDimensionsRef = useRef({ width: width || 800, height: height || 600 });
   const placeholdersRef = useRef(null);
   const sceneContainersRef = useRef(null);
   const offsetRef = useRef({
@@ -135631,16 +135645,18 @@ const OverworldMapPanelContent = ({
           scale: viewportRef.current.scale.x
         };
       }
-      const containerWidth = ((_a = canvasRef.current) == null ? void 0 : _a.clientWidth) || width || 800;
-      const containerHeight = ((_b = canvasRef.current) == null ? void 0 : _b.clientHeight) || height || 600;
-      dimensionsRef.current = {
-        width: containerWidth,
-        height: containerHeight
+      const canvasWidth = window.innerWidth;
+      const canvasHeight = window.innerHeight;
+      const visibleWidth = ((_a = canvasRef.current) == null ? void 0 : _a.clientWidth) || width || 800;
+      const visibleHeight = ((_b = canvasRef.current) == null ? void 0 : _b.clientHeight) || height || 600;
+      visibleDimensionsRef.current = {
+        width: visibleWidth,
+        height: visibleHeight
       };
       app = new Application();
       await app.init({
-        width: containerWidth,
-        height: containerHeight,
+        width: canvasWidth,
+        height: canvasHeight,
         backgroundColor: 1710618,
         // Dark gray background (matches LayoutEngineTest)
         antialias: false,
@@ -135674,8 +135690,8 @@ const OverworldMapPanelContent = ({
       const worldWidth = mapData.width * ISO_TILE_WIDTH$1;
       const worldHeight = mapData.height * ISO_TILE_HEIGHT$1;
       const viewport = new it({
-        screenWidth: containerWidth,
-        screenHeight: containerHeight,
+        screenWidth: visibleWidth,
+        screenHeight: visibleHeight,
         worldWidth,
         worldHeight,
         events: app.renderer.events
@@ -135772,10 +135788,25 @@ const OverworldMapPanelContent = ({
         viewport.setZoom(savedCameraPosition.current.scale);
       } else if (mapData.regions.length > 0 && !hasInitializedCamera.current) {
         const firstRegion = mapData.regions[0];
-        viewport.moveCenter(
-          gridToScreen(firstRegion.centerX, firstRegion.centerY).screenX,
-          gridToScreen(firstRegion.centerX, firstRegion.centerY).screenY
-        );
+        const bounds = firstRegion.bounds;
+        const topCorner = gridToScreen(bounds.x, bounds.y);
+        const bottomCorner = gridToScreen(bounds.x + bounds.width, bounds.y + bounds.height);
+        const leftCorner = gridToScreen(bounds.x, bounds.y + bounds.height);
+        const rightCorner = gridToScreen(bounds.x + bounds.width, bounds.y);
+        const spriteHeightOffset = 140;
+        const screenMinX = leftCorner.screenX;
+        const screenMaxX = rightCorner.screenX;
+        const screenMinY = topCorner.screenY - spriteHeightOffset;
+        const screenMaxY = bottomCorner.screenY;
+        const screenCenterX = (screenMinX + screenMaxX) / 2;
+        const screenCenterY = (screenMinY + screenMaxY) / 2;
+        viewport.moveCenter(screenCenterX, screenCenterY);
+        const regionScreenWidth = screenMaxX - screenMinX;
+        const regionScreenHeight = screenMaxY - screenMinY;
+        const zoomX = visibleWidth * 0.65 / regionScreenWidth;
+        const zoomY = visibleHeight * 0.65 / regionScreenHeight;
+        const fitZoom = Math.min(zoomX, zoomY, 1);
+        viewport.setZoom(fitZoom);
         hasInitializedCamera.current = true;
       }
       const findAdjacentEmptyPositions = (regions) => {
@@ -135999,26 +136030,17 @@ const OverworldMapPanelContent = ({
       setInitializationComplete((prev) => prev + 1);
     };
     let resizeObserver = null;
-    let resizeTimeout = null;
     const initAndSetupResize = async () => {
       await initPixi();
-      if (canvasRef.current && appRef.current) {
+      if (canvasRef.current) {
         resizeObserver = new ResizeObserver((entries) => {
-          if (!appRef.current || !viewportRef.current) return;
-          setIsResizing(true);
-          if (resizeTimeout) {
-            clearTimeout(resizeTimeout);
-          }
           for (const entry of entries) {
             const { width: newWidth, height: newHeight } = entry.contentRect;
-            dimensionsRef.current = { width: newWidth, height: newHeight };
-            appRef.current.renderer.resize(newWidth, newHeight);
-            viewportRef.current.resize(newWidth, newHeight);
-            appRef.current.stage.hitArea = appRef.current.screen;
+            visibleDimensionsRef.current = { width: newWidth, height: newHeight };
+            if (viewportRef.current) {
+              viewportRef.current.resize(newWidth, newHeight);
+            }
           }
-          resizeTimeout = window.setTimeout(() => {
-            setIsResizing(false);
-          }, 100);
         });
         resizeObserver.observe(canvasRef.current);
       }
@@ -136027,9 +136049,6 @@ const OverworldMapPanelContent = ({
     return () => {
       cleanup = true;
       isInitializedRef.current = false;
-      if (resizeTimeout) {
-        clearTimeout(resizeTimeout);
-      }
       if (resizeObserver) {
         resizeObserver.disconnect();
       }
@@ -136050,7 +136069,7 @@ const OverworldMapPanelContent = ({
       animationRef.current = null;
       rendererRef.current = null;
     };
-  }, [stableCollectionKey, width, height]);
+  }, [stableCollectionKey]);
   useEffect(() => {
     var _a, _b;
     if (!isInitializedRef.current) {
@@ -136185,8 +136204,8 @@ const OverworldMapPanelContent = ({
       return;
     }
     setIsAnimating(true);
-    const targetX = dimensionsRef.current.width / 2 - regionCenter.screenX;
-    const targetY = dimensionsRef.current.height / 2 - regionCenter.screenY;
+    const targetX = visibleDimensionsRef.current.width / 2 - regionCenter.screenX;
+    const targetY = visibleDimensionsRef.current.height / 2 - regionCenter.screenY;
     animationRef.current = {
       startTime: performance.now(),
       startX: viewport.x,
@@ -136214,6 +136233,7 @@ const OverworldMapPanelContent = ({
         width: "100%",
         height: "100%",
         overflow: "hidden"
+        // Container clips the viewport-sized canvas to its actual bounds
       },
       children: [
         (isLoading || isRendering) && /* @__PURE__ */ jsx(
@@ -136241,15 +136261,13 @@ const OverworldMapPanelContent = ({
           {
             ref: canvasRef,
             style: {
-              width: "100%",
-              height: "100%",
+              width: "100dvw",
+              height: "100dvh",
               imageRendering: "pixelated",
               border: "2px solid #1f2937",
               boxSizing: "border-box",
-              backgroundColor: "#1a1a1a",
+              backgroundColor: "#1a1a1a"
               // Match Pixi background to prevent flash
-              opacity: isResizing ? 0.95 : 1,
-              transition: "opacity 0.1s ease-out"
             }
           }
         ),
@@ -136259,8 +136277,7 @@ const OverworldMapPanelContent = ({
             style: {
               position: "absolute",
               top: 8,
-              left: "50%",
-              transform: "translateX(-50%)",
+              left: 8,
               display: "flex",
               alignItems: "center",
               gap: "12px",
@@ -138300,4 +138317,4 @@ export {
   UPDATE_PRIORITY as y,
   removeItems as z
 };
-//# sourceMappingURL=index-DG8gGHGR.js.map
+//# sourceMappingURL=index-OydwIwzQ.js.map