@medialane/ui 0.271.0 → 0.273.0

package/dist/utils/ipfs-gateway-fallback.cjs

@@ -0,0 +1,47 @@
+"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);
+var ipfs_gateway_fallback_exports = {};
+__export(ipfs_gateway_fallback_exports, {
+  gatewayFallbackSrc: () => gatewayFallbackSrc,
+  installIpfsGatewayFallback: () => installIpfsGatewayFallback
+});
+module.exports = __toCommonJS(ipfs_gateway_fallback_exports);
+function gatewayFallbackSrc(src, primary, fallback) {
+  if (primary === fallback || !src.startsWith(primary)) return null;
+  return fallback + src.slice(primary.length).split("?")[0];
+}
+function installIpfsGatewayFallback(primary, fallback, root = document) {
+  const onError = (event) => {
+    const img = event.target;
+    if (!(img instanceof HTMLImageElement)) return;
+    const next = gatewayFallbackSrc(img.getAttribute("src") ?? "", primary, fallback);
+    if (!next) return;
+    event.stopPropagation();
+    img.removeAttribute("srcset");
+    img.setAttribute("src", next);
+  };
+  root.addEventListener("error", onError, true);
+  return () => root.removeEventListener("error", onError, true);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  gatewayFallbackSrc,
+  installIpfsGatewayFallback
+});
+//# sourceMappingURL=ipfs-gateway-fallback.cjs.map

package/dist/utils/ipfs-gateway-fallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/ipfs-gateway-fallback.ts"],"sourcesContent":["/**\n * The same IPFS path on the fallback gateway, or null when `src` is not served by `primary`.\n * The query is dropped: resize options are specific to the primary gateway.\n */\nexport function gatewayFallbackSrc(src: string, primary: string, fallback: string): string | null {\n  if (primary === fallback || !src.startsWith(primary)) return null;\n  return fallback + src.slice(primary.length).split(\"?\")[0];\n}\n\n/**\n * When an image from `primary` fails to load, loads the same file from `fallback` instead.\n *\n * Listens for image errors on the whole document (they reach it in the capture phase), so it\n * covers every image whichever component renders it. The switched image's own error handlers\n * do not run; if the fallback fails as well, they do. Returns a function that uninstalls it.\n */\nexport function installIpfsGatewayFallback(primary: string, fallback: string, root: Document = document): () => void {\n  const onError = (event: Event) => {\n    const img = event.target;\n    if (!(img instanceof HTMLImageElement)) return;\n    const next = gatewayFallbackSrc(img.getAttribute(\"src\") ?? \"\", primary, fallback);\n    if (!next) return;\n    event.stopPropagation();\n    img.removeAttribute(\"srcset\");\n    img.setAttribute(\"src\", next);\n  };\n  root.addEventListener(\"error\", onError, true);\n  return () => root.removeEventListener(\"error\", onError, true);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,SAAS,mBAAmB,KAAa,SAAiB,UAAiC;AAChG,MAAI,YAAY,YAAY,CAAC,IAAI,WAAW,OAAO,EAAG,QAAO;AAC7D,SAAO,WAAW,IAAI,MAAM,QAAQ,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC;AAC1D;AASO,SAAS,2BAA2B,SAAiB,UAAkB,OAAiB,UAAsB;AACnH,QAAM,UAAU,CAAC,UAAiB;AAChC,UAAM,MAAM,MAAM;AAClB,QAAI,EAAE,eAAe,kBAAmB;AACxC,UAAM,OAAO,mBAAmB,IAAI,aAAa,KAAK,KAAK,IAAI,SAAS,QAAQ;AAChF,QAAI,CAAC,KAAM;AACX,UAAM,gBAAgB;AACtB,QAAI,gBAAgB,QAAQ;AAC5B,QAAI,aAAa,OAAO,IAAI;AAAA,EAC9B;AACA,OAAK,iBAAiB,SAAS,SAAS,IAAI;AAC5C,SAAO,MAAM,KAAK,oBAAoB,SAAS,SAAS,IAAI;AAC9D;","names":[]}

package/dist/utils/ipfs-gateway-fallback.d.cts

@@ -0,0 +1,15 @@
+/**
+ * The same IPFS path on the fallback gateway, or null when `src` is not served by `primary`.
+ * The query is dropped: resize options are specific to the primary gateway.
+ */
+declare function gatewayFallbackSrc(src: string, primary: string, fallback: string): string | null;
+/**
+ * When an image from `primary` fails to load, loads the same file from `fallback` instead.
+ *
+ * Listens for image errors on the whole document (they reach it in the capture phase), so it
+ * covers every image whichever component renders it. The switched image's own error handlers
+ * do not run; if the fallback fails as well, they do. Returns a function that uninstalls it.
+ */
+declare function installIpfsGatewayFallback(primary: string, fallback: string, root?: Document): () => void;
+
+export { gatewayFallbackSrc, installIpfsGatewayFallback };

package/dist/utils/ipfs-gateway-fallback.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The same IPFS path on the fallback gateway, or null when `src` is not served by `primary`.
+ * The query is dropped: resize options are specific to the primary gateway.
+ */
+declare function gatewayFallbackSrc(src: string, primary: string, fallback: string): string | null;
+/**
+ * When an image from `primary` fails to load, loads the same file from `fallback` instead.
+ *
+ * Listens for image errors on the whole document (they reach it in the capture phase), so it
+ * covers every image whichever component renders it. The switched image's own error handlers
+ * do not run; if the fallback fails as well, they do. Returns a function that uninstalls it.
+ */
+declare function installIpfsGatewayFallback(primary: string, fallback: string, root?: Document): () => void;
+
+export { gatewayFallbackSrc, installIpfsGatewayFallback };

package/dist/utils/ipfs-gateway-fallback.js

@@ -0,0 +1,22 @@
+function gatewayFallbackSrc(src, primary, fallback) {
+  if (primary === fallback || !src.startsWith(primary)) return null;
+  return fallback + src.slice(primary.length).split("?")[0];
+}
+function installIpfsGatewayFallback(primary, fallback, root = document) {
+  const onError = (event) => {
+    const img = event.target;
+    if (!(img instanceof HTMLImageElement)) return;
+    const next = gatewayFallbackSrc(img.getAttribute("src") ?? "", primary, fallback);
+    if (!next) return;
+    event.stopPropagation();
+    img.removeAttribute("srcset");
+    img.setAttribute("src", next);
+  };
+  root.addEventListener("error", onError, true);
+  return () => root.removeEventListener("error", onError, true);
+}
+export {
+  gatewayFallbackSrc,
+  installIpfsGatewayFallback
+};
+//# sourceMappingURL=ipfs-gateway-fallback.js.map

package/dist/utils/ipfs-gateway-fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/ipfs-gateway-fallback.ts"],"sourcesContent":["/**\n * The same IPFS path on the fallback gateway, or null when `src` is not served by `primary`.\n * The query is dropped: resize options are specific to the primary gateway.\n */\nexport function gatewayFallbackSrc(src: string, primary: string, fallback: string): string | null {\n  if (primary === fallback || !src.startsWith(primary)) return null;\n  return fallback + src.slice(primary.length).split(\"?\")[0];\n}\n\n/**\n * When an image from `primary` fails to load, loads the same file from `fallback` instead.\n *\n * Listens for image errors on the whole document (they reach it in the capture phase), so it\n * covers every image whichever component renders it. The switched image's own error handlers\n * do not run; if the fallback fails as well, they do. Returns a function that uninstalls it.\n */\nexport function installIpfsGatewayFallback(primary: string, fallback: string, root: Document = document): () => void {\n  const onError = (event: Event) => {\n    const img = event.target;\n    if (!(img instanceof HTMLImageElement)) return;\n    const next = gatewayFallbackSrc(img.getAttribute(\"src\") ?? \"\", primary, fallback);\n    if (!next) return;\n    event.stopPropagation();\n    img.removeAttribute(\"srcset\");\n    img.setAttribute(\"src\", next);\n  };\n  root.addEventListener(\"error\", onError, true);\n  return () => root.removeEventListener(\"error\", onError, true);\n}\n"],"mappings":"AAIO,SAAS,mBAAmB,KAAa,SAAiB,UAAiC;AAChG,MAAI,YAAY,YAAY,CAAC,IAAI,WAAW,OAAO,EAAG,QAAO;AAC7D,SAAO,WAAW,IAAI,MAAM,QAAQ,MAAM,EAAE,MAAM,GAAG,EAAE,CAAC;AAC1D;AASO,SAAS,2BAA2B,SAAiB,UAAkB,OAAiB,UAAsB;AACnH,QAAM,UAAU,CAAC,UAAiB;AAChC,UAAM,MAAM,MAAM;AAClB,QAAI,EAAE,eAAe,kBAAmB;AACxC,UAAM,OAAO,mBAAmB,IAAI,aAAa,KAAK,KAAK,IAAI,SAAS,QAAQ;AAChF,QAAI,CAAC,KAAM;AACX,UAAM,gBAAgB;AACtB,QAAI,gBAAgB,QAAQ;AAC5B,QAAI,aAAa,OAAO,IAAI;AAAA,EAC9B;AACA,OAAK,iBAAiB,SAAS,SAAS,IAAI;AAC5C,SAAO,MAAM,KAAK,oBAAoB,SAAS,SAAS,IAAI;AAC9D;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.271.0",
+  "version": "0.273.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,

package/dist/components/asset-lightbox.cjs

@@ -1,65 +0,0 @@
-"use strict";
-"use client";
-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);
-var asset_lightbox_exports = {};
-__export(asset_lightbox_exports, {
-  AssetLightbox: () => AssetLightbox
-});
-module.exports = __toCommonJS(asset_lightbox_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_lucide_react = require("lucide-react");
-var import_dialog = require("./dialog.js");
-function AssetLightbox({ open, onOpenChange, image, alt }) {
-  if (!image) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_dialog.DialogContent,
-    {
-      hideClose: true,
-      className: "max-w-[96vw] sm:max-w-[96vw] w-fit max-h-none overflow-visible border-0 bg-transparent p-0 shadow-none",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { className: "sr-only", children: alt }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "img",
-            {
-              src: image,
-              alt,
-              style: { maxHeight: "92svh", maxWidth: "96vw" },
-              className: "block h-auto w-auto object-contain rounded-2xl"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "button",
-            {
-              onClick: () => onOpenChange(false),
-              "aria-label": "Close",
-              className: "absolute top-3 right-3 h-8 w-8 rounded-full bg-black/55 backdrop-blur-sm border border-white/10 flex items-center justify-center text-white/75 hover:text-white hover:bg-black/80 transition-all",
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "h-4 w-4" })
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AssetLightbox
-});
-//# sourceMappingURL=asset-lightbox.cjs.map

package/dist/components/asset-lightbox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/asset-lightbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { X } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\n\nexport interface AssetLightboxProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  image: string | null;\n  alt: string;\n}\n\nexport function AssetLightbox({ open, onOpenChange, image, alt }: AssetLightboxProps) {\n  if (!image) return null;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        hideClose\n        className=\"max-w-[96vw] sm:max-w-[96vw] w-fit max-h-none overflow-visible border-0 bg-transparent p-0 shadow-none\"\n      >\n        <DialogTitle className=\"sr-only\">{alt}</DialogTitle>\n        <div className=\"relative\">\n\n          <img\n            src={image}\n            alt={alt}\n            style={{ maxHeight: \"92svh\", maxWidth: \"96vw\" }}\n            className=\"block h-auto w-auto object-contain rounded-2xl\"\n          />\n          <button\n            onClick={() => onOpenChange(false)}\n            aria-label=\"Close\"\n            className=\"absolute top-3 right-3 h-8 w-8 rounded-full bg-black/55 backdrop-blur-sm border border-white/10 flex items-center justify-center text-white/75 hover:text-white hover:bg-black/80 transition-all\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBQ;AAnBR,0BAAkB;AAClB,oBAAmD;AAS5C,SAAS,cAAc,EAAE,MAAM,cAAc,OAAO,IAAI,GAAuB;AACpF,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,4CAAC,wBAAO,MAAY,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,WAAS;AAAA,MACT,WAAU;AAAA,MAEV;AAAA,oDAAC,6BAAY,WAAU,WAAW,eAAI;AAAA,QACtC,6CAAC,SAAI,WAAU,YAEb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,OAAO,EAAE,WAAW,SAAS,UAAU,OAAO;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM,aAAa,KAAK;AAAA,cACjC,cAAW;AAAA,cACX,WAAU;AAAA,cAEV,sDAAC,yBAAE,WAAU,WAAU;AAAA;AAAA,UACzB;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/asset-lightbox.d.cts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface AssetLightboxProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    image: string | null;
-    alt: string;
-}
-declare function AssetLightbox({ open, onOpenChange, image, alt }: AssetLightboxProps): react_jsx_runtime.JSX.Element | null;
-
-export { AssetLightbox, type AssetLightboxProps };

package/dist/components/asset-lightbox.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface AssetLightboxProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    image: string | null;
-    alt: string;
-}
-declare function AssetLightbox({ open, onOpenChange, image, alt }: AssetLightboxProps): react_jsx_runtime.JSX.Element | null;
-
-export { AssetLightbox, type AssetLightboxProps };

package/dist/components/asset-lightbox.js

@@ -1,41 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import { Dialog, DialogContent, DialogTitle } from "./dialog.js";
-function AssetLightbox({ open, onOpenChange, image, alt }) {
-  if (!image) return null;
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
-    DialogContent,
-    {
-      hideClose: true,
-      className: "max-w-[96vw] sm:max-w-[96vw] w-fit max-h-none overflow-visible border-0 bg-transparent p-0 shadow-none",
-      children: [
-        /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: alt }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: image,
-              alt,
-              style: { maxHeight: "92svh", maxWidth: "96vw" },
-              className: "block h-auto w-auto object-contain rounded-2xl"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: () => onOpenChange(false),
-              "aria-label": "Close",
-              className: "absolute top-3 right-3 h-8 w-8 rounded-full bg-black/55 backdrop-blur-sm border border-white/10 flex items-center justify-center text-white/75 hover:text-white hover:bg-black/80 transition-all",
-              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
-}
-export {
-  AssetLightbox
-};
-//# sourceMappingURL=asset-lightbox.js.map

package/dist/components/asset-lightbox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/asset-lightbox.tsx"],"sourcesContent":["\"use client\";\n\nimport { X } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\n\nexport interface AssetLightboxProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  image: string | null;\n  alt: string;\n}\n\nexport function AssetLightbox({ open, onOpenChange, image, alt }: AssetLightboxProps) {\n  if (!image) return null;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        hideClose\n        className=\"max-w-[96vw] sm:max-w-[96vw] w-fit max-h-none overflow-visible border-0 bg-transparent p-0 shadow-none\"\n      >\n        <DialogTitle className=\"sr-only\">{alt}</DialogTitle>\n        <div className=\"relative\">\n\n          <img\n            src={image}\n            alt={alt}\n            style={{ maxHeight: \"92svh\", maxWidth: \"96vw\" }}\n            className=\"block h-auto w-auto object-contain rounded-2xl\"\n          />\n          <button\n            onClick={() => onOpenChange(false)}\n            aria-label=\"Close\"\n            className=\"absolute top-3 right-3 h-8 w-8 rounded-full bg-black/55 backdrop-blur-sm border border-white/10 flex items-center justify-center text-white/75 hover:text-white hover:bg-black/80 transition-all\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAqBQ,cACA,YADA;AAnBR,SAAS,SAAS;AAClB,SAAS,QAAQ,eAAe,mBAAmB;AAS5C,SAAS,cAAc,EAAE,MAAM,cAAc,OAAO,IAAI,GAAuB;AACpF,MAAI,CAAC,MAAO,QAAO;AAEnB,SACE,oBAAC,UAAO,MAAY,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,WAAS;AAAA,MACT,WAAU;AAAA,MAEV;AAAA,4BAAC,eAAY,WAAU,WAAW,eAAI;AAAA,QACtC,qBAAC,SAAI,WAAU,YAEb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL;AAAA,cACA,OAAO,EAAE,WAAW,SAAS,UAAU,OAAO;AAAA,cAC9C,WAAU;AAAA;AAAA,UACZ;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM,aAAa,KAAK;AAAA,cACjC,cAAW;AAAA,cACX,WAAU;AAAA,cAEV,8BAAC,KAAE,WAAU,WAAU;AAAA;AAAA,UACzB;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}