@epic-web/workshop-app 4.6.6 → 4.7.0

package/node_modules/@radix-ui/rect/dist/index.js

@@ -1,70 +1,73 @@
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/core/rect/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  observeElementRect: () => observeElementRect
+});
+module.exports = __toCommonJS(src_exports);
 
-$parcel$export(module.exports, "observeElementRect", () => $f98399f7d3345a24$export$5a50ff2cde8c3802);
-/**
- * Observes an element's rectangle on screen (getBoundingClientRect)
- * This is useful to track elements on the screen and attach other elements
- * that might be in different layers, etc.
- */ function $f98399f7d3345a24$export$5a50ff2cde8c3802(/** The element whose rect to observe */ elementToObserve, /** The callback which will be called when the rect changes */ callback) {
-    const observedData1 = $f98399f7d3345a24$var$observedElements.get(elementToObserve);
-    if (observedData1 === undefined) {
-        // add the element to the map of observed elements with its first callback
-        // because this is the first time this element is observed
-        $f98399f7d3345a24$var$observedElements.set(elementToObserve, {
-            rect: {},
-            callbacks: [
-                callback
-            ]
-        });
-        if ($f98399f7d3345a24$var$observedElements.size === 1) // start the internal loop once at least 1 element is observed
-        $f98399f7d3345a24$var$rafId = requestAnimationFrame($f98399f7d3345a24$var$runLoop);
-    } else {
-        // only add a callback for this element as it's already observed
-        observedData1.callbacks.push(callback);
-        callback(elementToObserve.getBoundingClientRect());
+// packages/core/rect/src/observeElementRect.ts
+function observeElementRect(elementToObserve, callback) {
+  const observedData = observedElements.get(elementToObserve);
+  if (observedData === void 0) {
+    observedElements.set(elementToObserve, { rect: {}, callbacks: [callback] });
+    if (observedElements.size === 1) {
+      rafId = requestAnimationFrame(runLoop);
+    }
+  } else {
+    observedData.callbacks.push(callback);
+    callback(elementToObserve.getBoundingClientRect());
+  }
+  return () => {
+    const observedData2 = observedElements.get(elementToObserve);
+    if (observedData2 === void 0) return;
+    const index = observedData2.callbacks.indexOf(callback);
+    if (index > -1) {
+      observedData2.callbacks.splice(index, 1);
     }
-    return ()=>{
-        const observedData = $f98399f7d3345a24$var$observedElements.get(elementToObserve);
-        if (observedData === undefined) return; // start by removing the callback
-        const index = observedData.callbacks.indexOf(callback);
-        if (index > -1) observedData.callbacks.splice(index, 1);
-        if (observedData.callbacks.length === 0) {
-            // stop observing this element because there are no
-            // callbacks registered for it anymore
-            $f98399f7d3345a24$var$observedElements.delete(elementToObserve);
-            if ($f98399f7d3345a24$var$observedElements.size === 0) // stop the internal loop once no elements are observed anymore
-            cancelAnimationFrame($f98399f7d3345a24$var$rafId);
-        }
-    };
-} // ========================================================================
-// module internals
-let $f98399f7d3345a24$var$rafId;
-const $f98399f7d3345a24$var$observedElements = new Map();
-function $f98399f7d3345a24$var$runLoop() {
-    const changedRectsData = []; // process all DOM reads first (getBoundingClientRect)
-    $f98399f7d3345a24$var$observedElements.forEach((data, element)=>{
-        const newRect = element.getBoundingClientRect(); // gather all the data for elements whose rects have changed
-        if (!$f98399f7d3345a24$var$rectEquals(data.rect, newRect)) {
-            data.rect = newRect;
-            changedRectsData.push(data);
-        }
-    }); // group DOM writes here after the DOM reads (getBoundingClientRect)
-    // as DOM writes will most likely happen with the callbacks
-    changedRectsData.forEach((data)=>{
-        data.callbacks.forEach((callback)=>callback(data.rect)
-        );
-    });
-    $f98399f7d3345a24$var$rafId = requestAnimationFrame($f98399f7d3345a24$var$runLoop);
-} // ========================================================================
-/**
- * Returns whether 2 rects are equal in values
- */ function $f98399f7d3345a24$var$rectEquals(rect1, rect2) {
-    return rect1.width === rect2.width && rect1.height === rect2.height && rect1.top === rect2.top && rect1.right === rect2.right && rect1.bottom === rect2.bottom && rect1.left === rect2.left;
+    if (observedData2.callbacks.length === 0) {
+      observedElements.delete(elementToObserve);
+      if (observedElements.size === 0) {
+        cancelAnimationFrame(rafId);
+      }
+    }
+  };
+}
+var rafId;
+var observedElements = /* @__PURE__ */ new Map();
+function runLoop() {
+  const changedRectsData = [];
+  observedElements.forEach((data, element) => {
+    const newRect = element.getBoundingClientRect();
+    if (!rectEquals(data.rect, newRect)) {
+      data.rect = newRect;
+      changedRectsData.push(data);
+    }
+  });
+  changedRectsData.forEach((data) => {
+    data.callbacks.forEach((callback) => callback(data.rect));
+  });
+  rafId = requestAnimationFrame(runLoop);
+}
+function rectEquals(rect1, rect2) {
+  return rect1.width === rect2.width && rect1.height === rect2.height && rect1.top === rect2.top && rect1.right === rect2.right && rect1.bottom === rect2.bottom && rect1.left === rect2.left;
 }
-
-
-
-
 //# sourceMappingURL=index.js.map

package/node_modules/@radix-ui/rect/dist/index.js.map

@@ -1 +1,7 @@
-{"mappings":"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","sources":["packages/core/rect/src/index.ts","packages/core/rect/src/observeElementRect.ts"],"sourcesContent":["export { observeElementRect } from './observeElementRect';\nexport type { Measurable } from './observeElementRect';\n","type Measurable = { getBoundingClientRect(): ClientRect };\n\n/**\n * Observes an element's rectangle on screen (getBoundingClientRect)\n * This is useful to track elements on the screen and attach other elements\n * that might be in different layers, etc.\n */\nfunction observeElementRect(\n  /** The element whose rect to observe */\n  elementToObserve: Measurable,\n  /** The callback which will be called when the rect changes */\n  callback: CallbackFn\n) {\n  const observedData = observedElements.get(elementToObserve);\n\n  if (observedData === undefined) {\n    // add the element to the map of observed elements with its first callback\n    // because this is the first time this element is observed\n    observedElements.set(elementToObserve, { rect: {} as ClientRect, callbacks: [callback] });\n\n    if (observedElements.size === 1) {\n      // start the internal loop once at least 1 element is observed\n      rafId = requestAnimationFrame(runLoop);\n    }\n  } else {\n    // only add a callback for this element as it's already observed\n    observedData.callbacks.push(callback);\n    callback(elementToObserve.getBoundingClientRect());\n  }\n\n  return () => {\n    const observedData = observedElements.get(elementToObserve);\n    if (observedData === undefined) return;\n\n    // start by removing the callback\n    const index = observedData.callbacks.indexOf(callback);\n    if (index > -1) {\n      observedData.callbacks.splice(index, 1);\n    }\n\n    if (observedData.callbacks.length === 0) {\n      // stop observing this element because there are no\n      // callbacks registered for it anymore\n      observedElements.delete(elementToObserve);\n\n      if (observedElements.size === 0) {\n        // stop the internal loop once no elements are observed anymore\n        cancelAnimationFrame(rafId);\n      }\n    }\n  };\n}\n\n// ========================================================================\n// module internals\n\ntype CallbackFn = (rect: ClientRect) => void;\n\ntype ObservedData = {\n  rect: ClientRect;\n  callbacks: Array<CallbackFn>;\n};\n\nlet rafId: number;\nconst observedElements: Map<Measurable, ObservedData> = new Map();\n\nfunction runLoop() {\n  const changedRectsData: Array<ObservedData> = [];\n\n  // process all DOM reads first (getBoundingClientRect)\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect();\n\n    // gather all the data for elements whose rects have changed\n    if (!rectEquals(data.rect, newRect)) {\n      data.rect = newRect;\n      changedRectsData.push(data);\n    }\n  });\n\n  // group DOM writes here after the DOM reads (getBoundingClientRect)\n  // as DOM writes will most likely happen with the callbacks\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect));\n  });\n\n  rafId = requestAnimationFrame(runLoop);\n}\n// ========================================================================\n\n/**\n * Returns whether 2 rects are equal in values\n */\nfunction rectEquals(rect1: ClientRect, rect2: ClientRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  );\n}\n\nexport { observeElementRect };\nexport type { Measurable };\n"],"names":["observeElementRect","elementToObserve","callback","observedData","observedElements","get","undefined","set","rect","callbacks","size","rafId","requestAnimationFrame","runLoop","push","getBoundingClientRect","index","indexOf","splice","length","delete","cancelAnimationFrame","Map","changedRectsData","forEach","data","element","newRect","rectEquals","rect1","rect2","width","height","top","right","bottom","left"],"version":3,"file":"index.js.map"}
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/observeElementRect.ts"],
+  "sourcesContent": ["export { observeElementRect } from './observeElementRect';\nexport type { Measurable } from './observeElementRect';\n", "type Measurable = { getBoundingClientRect(): ClientRect };\n\n/**\n * Observes an element's rectangle on screen (getBoundingClientRect)\n * This is useful to track elements on the screen and attach other elements\n * that might be in different layers, etc.\n */\nfunction observeElementRect(\n  /** The element whose rect to observe */\n  elementToObserve: Measurable,\n  /** The callback which will be called when the rect changes */\n  callback: CallbackFn\n) {\n  const observedData = observedElements.get(elementToObserve);\n\n  if (observedData === undefined) {\n    // add the element to the map of observed elements with its first callback\n    // because this is the first time this element is observed\n    observedElements.set(elementToObserve, { rect: {} as ClientRect, callbacks: [callback] });\n\n    if (observedElements.size === 1) {\n      // start the internal loop once at least 1 element is observed\n      rafId = requestAnimationFrame(runLoop);\n    }\n  } else {\n    // only add a callback for this element as it's already observed\n    observedData.callbacks.push(callback);\n    callback(elementToObserve.getBoundingClientRect());\n  }\n\n  return () => {\n    const observedData = observedElements.get(elementToObserve);\n    if (observedData === undefined) return;\n\n    // start by removing the callback\n    const index = observedData.callbacks.indexOf(callback);\n    if (index > -1) {\n      observedData.callbacks.splice(index, 1);\n    }\n\n    if (observedData.callbacks.length === 0) {\n      // stop observing this element because there are no\n      // callbacks registered for it anymore\n      observedElements.delete(elementToObserve);\n\n      if (observedElements.size === 0) {\n        // stop the internal loop once no elements are observed anymore\n        cancelAnimationFrame(rafId);\n      }\n    }\n  };\n}\n\n// ========================================================================\n// module internals\n\ntype CallbackFn = (rect: ClientRect) => void;\n\ntype ObservedData = {\n  rect: ClientRect;\n  callbacks: Array<CallbackFn>;\n};\n\nlet rafId: number;\nconst observedElements: Map<Measurable, ObservedData> = new Map();\n\nfunction runLoop() {\n  const changedRectsData: Array<ObservedData> = [];\n\n  // process all DOM reads first (getBoundingClientRect)\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect();\n\n    // gather all the data for elements whose rects have changed\n    if (!rectEquals(data.rect, newRect)) {\n      data.rect = newRect;\n      changedRectsData.push(data);\n    }\n  });\n\n  // group DOM writes here after the DOM reads (getBoundingClientRect)\n  // as DOM writes will most likely happen with the callbacks\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect));\n  });\n\n  rafId = requestAnimationFrame(runLoop);\n}\n// ========================================================================\n\n/**\n * Returns whether 2 rects are equal in values\n */\nfunction rectEquals(rect1: ClientRect, rect2: ClientRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  );\n}\n\nexport { observeElementRect };\nexport type { Measurable };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACOA,SAAS,mBAEP,kBAEA,UACA;AACA,QAAM,eAAe,iBAAiB,IAAI,gBAAgB;AAE1D,MAAI,iBAAiB,QAAW;AAG9B,qBAAiB,IAAI,kBAAkB,EAAE,MAAM,CAAC,GAAiB,WAAW,CAAC,QAAQ,EAAE,CAAC;AAExF,QAAI,iBAAiB,SAAS,GAAG;AAE/B,cAAQ,sBAAsB,OAAO;AAAA,IACvC;AAAA,EACF,OAAO;AAEL,iBAAa,UAAU,KAAK,QAAQ;AACpC,aAAS,iBAAiB,sBAAsB,CAAC;AAAA,EACnD;AAEA,SAAO,MAAM;AACX,UAAMA,gBAAe,iBAAiB,IAAI,gBAAgB;AAC1D,QAAIA,kBAAiB,OAAW;AAGhC,UAAM,QAAQA,cAAa,UAAU,QAAQ,QAAQ;AACrD,QAAI,QAAQ,IAAI;AACd,MAAAA,cAAa,UAAU,OAAO,OAAO,CAAC;AAAA,IACxC;AAEA,QAAIA,cAAa,UAAU,WAAW,GAAG;AAGvC,uBAAiB,OAAO,gBAAgB;AAExC,UAAI,iBAAiB,SAAS,GAAG;AAE/B,6BAAqB,KAAK;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF;AAYA,IAAI;AACJ,IAAM,mBAAkD,oBAAI,IAAI;AAEhE,SAAS,UAAU;AACjB,QAAM,mBAAwC,CAAC;AAG/C,mBAAiB,QAAQ,CAAC,MAAM,YAAY;AAC1C,UAAM,UAAU,QAAQ,sBAAsB;AAG9C,QAAI,CAAC,WAAW,KAAK,MAAM,OAAO,GAAG;AACnC,WAAK,OAAO;AACZ,uBAAiB,KAAK,IAAI;AAAA,IAC5B;AAAA,EACF,CAAC;AAID,mBAAiB,QAAQ,CAAC,SAAS;AACjC,SAAK,UAAU,QAAQ,CAAC,aAAa,SAAS,KAAK,IAAI,CAAC;AAAA,EAC1D,CAAC;AAED,UAAQ,sBAAsB,OAAO;AACvC;AAMA,SAAS,WAAW,OAAmB,OAAmB;AACxD,SACE,MAAM,UAAU,MAAM,SACtB,MAAM,WAAW,MAAM,UACvB,MAAM,QAAQ,MAAM,OACpB,MAAM,UAAU,MAAM,SACtB,MAAM,WAAW,MAAM,UACvB,MAAM,SAAS,MAAM;AAEzB;",
+  "names": ["observedData"]
+}

package/node_modules/@radix-ui/rect/dist/index.mjs

@@ -1,66 +1,50 @@
-/**
- * Observes an element's rectangle on screen (getBoundingClientRect)
- * This is useful to track elements on the screen and attach other elements
- * that might be in different layers, etc.
- */ function $0f3bbd680c63c15c$export$5a50ff2cde8c3802(/** The element whose rect to observe */ elementToObserve, /** The callback which will be called when the rect changes */ callback) {
-    const observedData1 = $0f3bbd680c63c15c$var$observedElements.get(elementToObserve);
-    if (observedData1 === undefined) {
-        // add the element to the map of observed elements with its first callback
-        // because this is the first time this element is observed
-        $0f3bbd680c63c15c$var$observedElements.set(elementToObserve, {
-            rect: {},
-            callbacks: [
-                callback
-            ]
-        });
-        if ($0f3bbd680c63c15c$var$observedElements.size === 1) // start the internal loop once at least 1 element is observed
-        $0f3bbd680c63c15c$var$rafId = requestAnimationFrame($0f3bbd680c63c15c$var$runLoop);
-    } else {
-        // only add a callback for this element as it's already observed
-        observedData1.callbacks.push(callback);
-        callback(elementToObserve.getBoundingClientRect());
+// packages/core/rect/src/observeElementRect.ts
+function observeElementRect(elementToObserve, callback) {
+  const observedData = observedElements.get(elementToObserve);
+  if (observedData === void 0) {
+    observedElements.set(elementToObserve, { rect: {}, callbacks: [callback] });
+    if (observedElements.size === 1) {
+      rafId = requestAnimationFrame(runLoop);
     }
-    return ()=>{
-        const observedData = $0f3bbd680c63c15c$var$observedElements.get(elementToObserve);
-        if (observedData === undefined) return; // start by removing the callback
-        const index = observedData.callbacks.indexOf(callback);
-        if (index > -1) observedData.callbacks.splice(index, 1);
-        if (observedData.callbacks.length === 0) {
-            // stop observing this element because there are no
-            // callbacks registered for it anymore
-            $0f3bbd680c63c15c$var$observedElements.delete(elementToObserve);
-            if ($0f3bbd680c63c15c$var$observedElements.size === 0) // stop the internal loop once no elements are observed anymore
-            cancelAnimationFrame($0f3bbd680c63c15c$var$rafId);
-        }
-    };
-} // ========================================================================
-// module internals
-let $0f3bbd680c63c15c$var$rafId;
-const $0f3bbd680c63c15c$var$observedElements = new Map();
-function $0f3bbd680c63c15c$var$runLoop() {
-    const changedRectsData = []; // process all DOM reads first (getBoundingClientRect)
-    $0f3bbd680c63c15c$var$observedElements.forEach((data, element)=>{
-        const newRect = element.getBoundingClientRect(); // gather all the data for elements whose rects have changed
-        if (!$0f3bbd680c63c15c$var$rectEquals(data.rect, newRect)) {
-            data.rect = newRect;
-            changedRectsData.push(data);
-        }
-    }); // group DOM writes here after the DOM reads (getBoundingClientRect)
-    // as DOM writes will most likely happen with the callbacks
-    changedRectsData.forEach((data)=>{
-        data.callbacks.forEach((callback)=>callback(data.rect)
-        );
-    });
-    $0f3bbd680c63c15c$var$rafId = requestAnimationFrame($0f3bbd680c63c15c$var$runLoop);
-} // ========================================================================
-/**
- * Returns whether 2 rects are equal in values
- */ function $0f3bbd680c63c15c$var$rectEquals(rect1, rect2) {
-    return rect1.width === rect2.width && rect1.height === rect2.height && rect1.top === rect2.top && rect1.right === rect2.right && rect1.bottom === rect2.bottom && rect1.left === rect2.left;
+  } else {
+    observedData.callbacks.push(callback);
+    callback(elementToObserve.getBoundingClientRect());
+  }
+  return () => {
+    const observedData2 = observedElements.get(elementToObserve);
+    if (observedData2 === void 0) return;
+    const index = observedData2.callbacks.indexOf(callback);
+    if (index > -1) {
+      observedData2.callbacks.splice(index, 1);
+    }
+    if (observedData2.callbacks.length === 0) {
+      observedElements.delete(elementToObserve);
+      if (observedElements.size === 0) {
+        cancelAnimationFrame(rafId);
+      }
+    }
+  };
+}
+var rafId;
+var observedElements = /* @__PURE__ */ new Map();
+function runLoop() {
+  const changedRectsData = [];
+  observedElements.forEach((data, element) => {
+    const newRect = element.getBoundingClientRect();
+    if (!rectEquals(data.rect, newRect)) {
+      data.rect = newRect;
+      changedRectsData.push(data);
+    }
+  });
+  changedRectsData.forEach((data) => {
+    data.callbacks.forEach((callback) => callback(data.rect));
+  });
+  rafId = requestAnimationFrame(runLoop);
+}
+function rectEquals(rect1, rect2) {
+  return rect1.width === rect2.width && rect1.height === rect2.height && rect1.top === rect2.top && rect1.right === rect2.right && rect1.bottom === rect2.bottom && rect1.left === rect2.left;
 }
-
-
-
-
-export {$0f3bbd680c63c15c$export$5a50ff2cde8c3802 as observeElementRect};
+export {
+  observeElementRect
+};
 //# sourceMappingURL=index.mjs.map

package/node_modules/@radix-ui/rect/dist/index.mjs.map

@@ -1 +1,7 @@
-{"mappings":"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","sources":["packages/core/rect/src/index.ts","packages/core/rect/src/observeElementRect.ts"],"sourcesContent":["export { observeElementRect } from './observeElementRect';\nexport type { Measurable } from './observeElementRect';\n","type Measurable = { getBoundingClientRect(): ClientRect };\n\n/**\n * Observes an element's rectangle on screen (getBoundingClientRect)\n * This is useful to track elements on the screen and attach other elements\n * that might be in different layers, etc.\n */\nfunction observeElementRect(\n  /** The element whose rect to observe */\n  elementToObserve: Measurable,\n  /** The callback which will be called when the rect changes */\n  callback: CallbackFn\n) {\n  const observedData = observedElements.get(elementToObserve);\n\n  if (observedData === undefined) {\n    // add the element to the map of observed elements with its first callback\n    // because this is the first time this element is observed\n    observedElements.set(elementToObserve, { rect: {} as ClientRect, callbacks: [callback] });\n\n    if (observedElements.size === 1) {\n      // start the internal loop once at least 1 element is observed\n      rafId = requestAnimationFrame(runLoop);\n    }\n  } else {\n    // only add a callback for this element as it's already observed\n    observedData.callbacks.push(callback);\n    callback(elementToObserve.getBoundingClientRect());\n  }\n\n  return () => {\n    const observedData = observedElements.get(elementToObserve);\n    if (observedData === undefined) return;\n\n    // start by removing the callback\n    const index = observedData.callbacks.indexOf(callback);\n    if (index > -1) {\n      observedData.callbacks.splice(index, 1);\n    }\n\n    if (observedData.callbacks.length === 0) {\n      // stop observing this element because there are no\n      // callbacks registered for it anymore\n      observedElements.delete(elementToObserve);\n\n      if (observedElements.size === 0) {\n        // stop the internal loop once no elements are observed anymore\n        cancelAnimationFrame(rafId);\n      }\n    }\n  };\n}\n\n// ========================================================================\n// module internals\n\ntype CallbackFn = (rect: ClientRect) => void;\n\ntype ObservedData = {\n  rect: ClientRect;\n  callbacks: Array<CallbackFn>;\n};\n\nlet rafId: number;\nconst observedElements: Map<Measurable, ObservedData> = new Map();\n\nfunction runLoop() {\n  const changedRectsData: Array<ObservedData> = [];\n\n  // process all DOM reads first (getBoundingClientRect)\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect();\n\n    // gather all the data for elements whose rects have changed\n    if (!rectEquals(data.rect, newRect)) {\n      data.rect = newRect;\n      changedRectsData.push(data);\n    }\n  });\n\n  // group DOM writes here after the DOM reads (getBoundingClientRect)\n  // as DOM writes will most likely happen with the callbacks\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect));\n  });\n\n  rafId = requestAnimationFrame(runLoop);\n}\n// ========================================================================\n\n/**\n * Returns whether 2 rects are equal in values\n */\nfunction rectEquals(rect1: ClientRect, rect2: ClientRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  );\n}\n\nexport { observeElementRect };\nexport type { Measurable };\n"],"names":["observeElementRect","elementToObserve","callback","observedData","observedElements","get","undefined","set","rect","callbacks","size","rafId","requestAnimationFrame","runLoop","push","getBoundingClientRect","index","indexOf","splice","length","delete","cancelAnimationFrame","Map","changedRectsData","forEach","data","element","newRect","rectEquals","rect1","rect2","width","height","top","right","bottom","left"],"version":3,"file":"index.mjs.map"}
+{
+  "version": 3,
+  "sources": ["../src/observeElementRect.ts"],
+  "sourcesContent": ["type Measurable = { getBoundingClientRect(): ClientRect };\n\n/**\n * Observes an element's rectangle on screen (getBoundingClientRect)\n * This is useful to track elements on the screen and attach other elements\n * that might be in different layers, etc.\n */\nfunction observeElementRect(\n  /** The element whose rect to observe */\n  elementToObserve: Measurable,\n  /** The callback which will be called when the rect changes */\n  callback: CallbackFn\n) {\n  const observedData = observedElements.get(elementToObserve);\n\n  if (observedData === undefined) {\n    // add the element to the map of observed elements with its first callback\n    // because this is the first time this element is observed\n    observedElements.set(elementToObserve, { rect: {} as ClientRect, callbacks: [callback] });\n\n    if (observedElements.size === 1) {\n      // start the internal loop once at least 1 element is observed\n      rafId = requestAnimationFrame(runLoop);\n    }\n  } else {\n    // only add a callback for this element as it's already observed\n    observedData.callbacks.push(callback);\n    callback(elementToObserve.getBoundingClientRect());\n  }\n\n  return () => {\n    const observedData = observedElements.get(elementToObserve);\n    if (observedData === undefined) return;\n\n    // start by removing the callback\n    const index = observedData.callbacks.indexOf(callback);\n    if (index > -1) {\n      observedData.callbacks.splice(index, 1);\n    }\n\n    if (observedData.callbacks.length === 0) {\n      // stop observing this element because there are no\n      // callbacks registered for it anymore\n      observedElements.delete(elementToObserve);\n\n      if (observedElements.size === 0) {\n        // stop the internal loop once no elements are observed anymore\n        cancelAnimationFrame(rafId);\n      }\n    }\n  };\n}\n\n// ========================================================================\n// module internals\n\ntype CallbackFn = (rect: ClientRect) => void;\n\ntype ObservedData = {\n  rect: ClientRect;\n  callbacks: Array<CallbackFn>;\n};\n\nlet rafId: number;\nconst observedElements: Map<Measurable, ObservedData> = new Map();\n\nfunction runLoop() {\n  const changedRectsData: Array<ObservedData> = [];\n\n  // process all DOM reads first (getBoundingClientRect)\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect();\n\n    // gather all the data for elements whose rects have changed\n    if (!rectEquals(data.rect, newRect)) {\n      data.rect = newRect;\n      changedRectsData.push(data);\n    }\n  });\n\n  // group DOM writes here after the DOM reads (getBoundingClientRect)\n  // as DOM writes will most likely happen with the callbacks\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect));\n  });\n\n  rafId = requestAnimationFrame(runLoop);\n}\n// ========================================================================\n\n/**\n * Returns whether 2 rects are equal in values\n */\nfunction rectEquals(rect1: ClientRect, rect2: ClientRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  );\n}\n\nexport { observeElementRect };\nexport type { Measurable };\n"],
+  "mappings": ";AAOA,SAAS,mBAEP,kBAEA,UACA;AACA,QAAM,eAAe,iBAAiB,IAAI,gBAAgB;AAE1D,MAAI,iBAAiB,QAAW;AAG9B,qBAAiB,IAAI,kBAAkB,EAAE,MAAM,CAAC,GAAiB,WAAW,CAAC,QAAQ,EAAE,CAAC;AAExF,QAAI,iBAAiB,SAAS,GAAG;AAE/B,cAAQ,sBAAsB,OAAO;AAAA,IACvC;AAAA,EACF,OAAO;AAEL,iBAAa,UAAU,KAAK,QAAQ;AACpC,aAAS,iBAAiB,sBAAsB,CAAC;AAAA,EACnD;AAEA,SAAO,MAAM;AACX,UAAMA,gBAAe,iBAAiB,IAAI,gBAAgB;AAC1D,QAAIA,kBAAiB,OAAW;AAGhC,UAAM,QAAQA,cAAa,UAAU,QAAQ,QAAQ;AACrD,QAAI,QAAQ,IAAI;AACd,MAAAA,cAAa,UAAU,OAAO,OAAO,CAAC;AAAA,IACxC;AAEA,QAAIA,cAAa,UAAU,WAAW,GAAG;AAGvC,uBAAiB,OAAO,gBAAgB;AAExC,UAAI,iBAAiB,SAAS,GAAG;AAE/B,6BAAqB,KAAK;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF;AAYA,IAAI;AACJ,IAAM,mBAAkD,oBAAI,IAAI;AAEhE,SAAS,UAAU;AACjB,QAAM,mBAAwC,CAAC;AAG/C,mBAAiB,QAAQ,CAAC,MAAM,YAAY;AAC1C,UAAM,UAAU,QAAQ,sBAAsB;AAG9C,QAAI,CAAC,WAAW,KAAK,MAAM,OAAO,GAAG;AACnC,WAAK,OAAO;AACZ,uBAAiB,KAAK,IAAI;AAAA,IAC5B;AAAA,EACF,CAAC;AAID,mBAAiB,QAAQ,CAAC,SAAS;AACjC,SAAK,UAAU,QAAQ,CAAC,aAAa,SAAS,KAAK,IAAI,CAAC;AAAA,EAC1D,CAAC;AAED,UAAQ,sBAAsB,OAAO;AACvC;AAMA,SAAS,WAAW,OAAmB,OAAmB;AACxD,SACE,MAAM,UAAU,MAAM,SACtB,MAAM,WAAW,MAAM,UACvB,MAAM,QAAQ,MAAM,OACpB,MAAM,UAAU,MAAM,SACtB,MAAM,WAAW,MAAM,UACvB,MAAM,SAAS,MAAM;AAEzB;",
+  "names": ["observedData"]
+}

package/node_modules/@radix-ui/rect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/rect",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "exports": {
     ".": {
@@ -34,8 +34,5 @@
   },
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.13.10"
   }
 }

package/node_modules/@remix-run/react/CHANGELOG.md

@@ -1,5 +1,23 @@
 # `@remix-run/react`
 
+## 2.10.0
+
+### Minor Changes
+
+- Add support for Lazy Route Discovery (a.k.a. Fog of War) ([#9600](https://github.com/remix-run/remix/pull/9600))
+
+  - RFC: <https://github.com/remix-run/react-router/discussions/11113>
+  - Docs: <https://remix.run/docs/guides/fog-of-war>
+
+### Patch Changes
+
+- Don't prefetch server `loader` data when `clientLoader` exists ([#9580](https://github.com/remix-run/remix/pull/9580))
+- Avoid hydration loops when `Layout` `ErrorBoundary` renders also throw ([#9566](https://github.com/remix-run/remix/pull/9566))
+- Fix a bug where hydration wouldn't work right when using child routes and hydrate fallbacks with a `basename` ([#9584](https://github.com/remix-run/remix/pull/9584))
+- Update to `turbo-stream@2.2.0` for single fetch ([#9562](https://github.com/remix-run/remix/pull/9562))
+- Updated dependencies:
+  - `@remix-run/server-runtime@2.10.0`
+
 ## 2.9.2
 
 ### Patch Changes

package/node_modules/@remix-run/react/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/browser.js

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -22,6 +22,7 @@ var errors = require('./errors.js');
 var routes = require('./routes.js');
 var singleFetch = require('./single-fetch.js');
 var invariant = require('./invariant.js');
+var fogOfWar = require('./fog-of-war.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -128,7 +129,7 @@ function RemixBrowser(_props) {
           ...window.__remixContext.state.loaderData
         }
       };
-      let initialMatches = reactRouterDom.matchRoutes(routes$1, window.location);
+      let initialMatches = reactRouterDom.matchRoutes(routes$1, window.location, window.__remixContext.basename);
       if (initialMatches) {
         for (let match of initialMatches) {
           let routeId = match.route.id;
@@ -154,6 +155,10 @@ function RemixBrowser(_props) {
         hydrationData.errors = errors.deserializeErrors(hydrationData.errors);
       }
     }
+    let {
+      enabled: isFogOfWarEnabled,
+      patchRoutesOnMiss
+    } = fogOfWar.initFogOfWar(window.__remixManifest, window.__remixRouteModules, window.__remixContext.future, window.__remixContext.isSpaMode, window.__remixContext.basename);
 
     // We don't use createBrowserRouter here because we need fine-grained control
     // over initialization to support synchronous `clientLoader` flows.
@@ -172,7 +177,10 @@ function RemixBrowser(_props) {
       },
       hydrationData,
       mapRouteProperties: reactRouter.UNSAFE_mapRouteProperties,
-      unstable_dataStrategy: window.__remixContext.future.unstable_singleFetch ? singleFetch.getSingleFetchDataStrategy(window.__remixManifest, window.__remixRouteModules) : undefined
+      unstable_dataStrategy: window.__remixContext.future.unstable_singleFetch ? singleFetch.getSingleFetchDataStrategy(window.__remixManifest, window.__remixRouteModules) : undefined,
+      ...(isFogOfWarEnabled ? {
+        unstable_patchRoutesOnMiss: patchRoutesOnMiss
+      } : {})
     });
 
     // We can call initialize() immediately if the router doesn't have any
@@ -226,6 +234,9 @@ function RemixBrowser(_props) {
     });
   }, [location]);
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  fogOfWar.useFogOFWarDiscovery(router, window.__remixManifest, window.__remixRouteModules, window.__remixContext.future, window.__remixContext.isSpaMode);
+
   // We need to include a wrapper RemixErrorBoundary here in case the root error
   // boundary also throws and we need to bubble up outside of the router entirely.
   // Then we need a stateful location here so the user can back-button navigate

package/node_modules/@remix-run/react/dist/components.d.ts

@@ -9,6 +9,13 @@ import type { PrefetchPageDescriptor } from "./links";
 import type { RouteHandle } from "./routeModules";
 export declare const RemixContext: React.Context<RemixContextObject | undefined>;
 export declare function useRemixContext(): RemixContextObject;
+/**
+ * Defines the discovery behavior of the link:
+ *
+ * - "render": Eagerly discover when the link is rendered (default)
+ * - "none": No eager discovery - discover when the link is clicked
+ */
+export type DiscoverBehavior = "render" | "none";
 /**
  * Defines the prefetching behavior of the link:
  *
@@ -19,9 +26,11 @@ export declare function useRemixContext(): RemixContextObject;
  */
 type PrefetchBehavior = "intent" | "render" | "none" | "viewport";
 export interface RemixLinkProps extends LinkProps {
+    discover?: DiscoverBehavior;
     prefetch?: PrefetchBehavior;
 }
 export interface RemixNavLinkProps extends NavLinkProps {
+    discover?: DiscoverBehavior;
     prefetch?: PrefetchBehavior;
 }
 /**

package/node_modules/@remix-run/react/dist/components.js

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -19,6 +19,7 @@ var invariant = require('./invariant.js');
 var links = require('./links.js');
 var markup = require('./markup.js');
 var singleFetch = require('./single-fetch.js');
+var fogOfWar = require('./fog-of-war.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -65,6 +66,13 @@ function useRemixContext() {
 ////////////////////////////////////////////////////////////////////////////////
 // Public API
 
+/**
+ * Defines the discovery behavior of the link:
+ *
+ * - "render": Eagerly discover when the link is rendered (default)
+ * - "none": No eager discovery - discover when the link is clicked
+ */
+
 /**
  * Defines the prefetching behavior of the link:
  *
@@ -143,6 +151,7 @@ const ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
 let NavLink = /*#__PURE__*/React__namespace.forwardRef(({
   to,
   prefetch = "none",
+  discover = "render",
   ...props
 }, forwardedRef) => {
   let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX.test(to);
@@ -150,7 +159,8 @@ let NavLink = /*#__PURE__*/React__namespace.forwardRef(({
   let [shouldPrefetch, ref, prefetchHandlers] = usePrefetchBehavior(prefetch, props);
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(reactRouterDom.NavLink, _rollupPluginBabelHelpers["extends"]({}, props, prefetchHandlers, {
     ref: mergeRefs(forwardedRef, ref),
-    to: to
+    to: to,
+    "data-discover": !isAbsolute && discover === "render" ? "true" : undefined
   })), shouldPrefetch && !isAbsolute ? /*#__PURE__*/React__namespace.createElement(PrefetchPageLinks, {
     page: href
   }) : null);
@@ -166,6 +176,7 @@ NavLink.displayName = "NavLink";
 let Link = /*#__PURE__*/React__namespace.forwardRef(({
   to,
   prefetch = "none",
+  discover = "render",
   ...props
 }, forwardedRef) => {
   let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX.test(to);
@@ -173,7 +184,8 @@ let Link = /*#__PURE__*/React__namespace.forwardRef(({
   let [shouldPrefetch, ref, prefetchHandlers] = usePrefetchBehavior(prefetch, props);
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(reactRouterDom.Link, _rollupPluginBabelHelpers["extends"]({}, props, prefetchHandlers, {
     ref: mergeRefs(forwardedRef, ref),
-    to: to
+    to: to,
+    "data-discover": !isAbsolute && discover === "render" ? "true" : undefined
   })), shouldPrefetch && !isAbsolute ? /*#__PURE__*/React__namespace.createElement(PrefetchPageLinks, {
     page: href
   }) : null);
@@ -496,7 +508,7 @@ function Scripts(props) {
   let {
     matches: routerMatches
   } = useDataRouterStateContext();
-  let navigation = reactRouterDom.useNavigation();
+  let enableFogOfWar = fogOfWar.isFogOfWarEnabled(future, isSpaMode);
 
   // Let <RemixServer> know that we hydrated and we should render the single
   // fetch streaming scripts
@@ -591,8 +603,11 @@ function Scripts(props) {
       }).join(",\n");
       return `Object.assign(__remixContext.state.loaderData[${JSON.stringify(routeId)}], {${promiseKeyValues}});`;
     }).join("\n") + (deferredScripts.length > 0 ? `__remixContext.a=${deferredScripts.length};` : "");
-    let routeModulesScript = !isStatic ? " " : `${(_manifest$hmr = manifest.hmr) !== null && _manifest$hmr !== void 0 && _manifest$hmr.runtime ? `import ${JSON.stringify(manifest.hmr.runtime)};` : ""}import ${JSON.stringify(manifest.url)};
+    let routeModulesScript = !isStatic ? " " : `${(_manifest$hmr = manifest.hmr) !== null && _manifest$hmr !== void 0 && _manifest$hmr.runtime ? `import ${JSON.stringify(manifest.hmr.runtime)};` : ""}${enableFogOfWar ? "" : `import ${JSON.stringify(manifest.url)}`};
 ${matches.map((match, index) => `import * as route${index} from ${JSON.stringify(manifest.routes[match.route.id].module)};`).join("\n")}
+${enableFogOfWar ?
+    // Inline a minimal manifest with the SSR matches
+    `window.__remixManifest = ${JSON.stringify(fogOfWar.getPartialManifest(manifest, router), null, 2)};` : ""}
 window.__remixRouteModules = {${matches.map((match, index) => `${JSON.stringify(match.route.id)}:route${index}`).join(",")}};
 
 import(${JSON.stringify(manifest.entry.module)});`;
@@ -621,27 +636,16 @@ import(${JSON.stringify(manifest.entry.module)});`;
       }));
     }
   }
-
-  // avoid waterfall when importing the next route module
-  let nextMatches = React__namespace.useMemo(() => {
-    if (navigation.location) {
-      // FIXME: can probably use transitionManager `nextMatches`
-      let matches = reactRouterDom.matchRoutes(router.routes, navigation.location, router.basename);
-      invariant(matches, `No routes match path "${navigation.location.pathname}"`);
-      return matches;
-    }
-    return [];
-  }, [navigation.location, router.routes, router.basename]);
-  let routePreloads = matches.concat(nextMatches).map(match => {
+  let routePreloads = matches.map(match => {
     let route = manifest.routes[match.route.id];
     return (route.imports || []).concat([route.module]);
   }).flat(1);
   let preloads = isHydrated ? [] : manifest.entry.imports.concat(routePreloads);
-  return isHydrated ? null : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("link", {
+  return isHydrated ? null : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, !enableFogOfWar ? /*#__PURE__*/React__namespace.createElement("link", {
     rel: "modulepreload",
     href: manifest.url,
     crossOrigin: props.crossOrigin
-  }), /*#__PURE__*/React__namespace.createElement("link", {
+  }) : null, /*#__PURE__*/React__namespace.createElement("link", {
     rel: "modulepreload",
     href: manifest.entry.module,
     crossOrigin: props.crossOrigin

package/node_modules/@remix-run/react/dist/data.js

@@ -1,5 +1,5 @@
 /**
- * @remix-run/react v2.9.2
+ * @remix-run/react v2.10.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/node_modules/@remix-run/react/dist/entry.d.ts

@@ -32,6 +32,7 @@ export interface EntryContext extends RemixContextObject {
 export interface FutureConfig {
     v3_fetcherPersist: boolean;
     v3_relativeSplatPath: boolean;
+    unstable_fogOfWar: boolean;
     unstable_singleFetch: boolean;
 }
 export interface AssetsManifest {

package/node_modules/@remix-run/react/dist/errorBoundaries.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 import type { Location } from "@remix-run/router";
 type RemixErrorBoundaryProps = React.PropsWithChildren<{
     location: Location;
+    isOutsideRemixApp?: boolean;
     error?: Error;
 }>;
 type RemixErrorBoundaryState = {
@@ -22,12 +23,14 @@ export declare class RemixErrorBoundary extends React.Component<RemixErrorBounda
 /**
  * When app's don't provide a root level ErrorBoundary, we default to this.
  */
-export declare function RemixRootDefaultErrorBoundary({ error }: {
+export declare function RemixRootDefaultErrorBoundary({ error, isOutsideRemixApp, }: {
     error: unknown;
+    isOutsideRemixApp?: boolean;
 }): React.JSX.Element;
-export declare function BoundaryShell({ title, renderScripts, children, }: {
+export declare function BoundaryShell({ title, renderScripts, isOutsideRemixApp, children, }: {
     title: string;
     renderScripts?: boolean;
+    isOutsideRemixApp?: boolean;
     children: React.ReactNode | React.ReactNode[];
 }): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 export {};