@pipelex/mthds-form 0.35.1 → 0.36.1

package/dist/{chunk-TD62R3P6.js → chunk-TPHIENRU.js}

@@ -237,6 +237,9 @@ var EN_FIELD_STRINGS = {
   previewUnavailablePdf: "Preview unavailable - open to view.",
   pdfViewerUnavailable: "This browser cannot show the PDF here.",
   openInNewTab: "Open in a new tab",
+  documentPdfPreparing: "Preparing the preview\u2026",
+  documentPdfFailed: "Couldn\u2019t prepare a preview.",
+  documentPdfUnavailable: "No preview for this file.",
   // U+002D HYPHEN-MINUS, deliberately: not an en dash, not an em dash.
   resultAbsent: "-",
   resultAbsentDescription: "Not provided",
@@ -423,6 +426,9 @@ var FR_FIELD_STRINGS = {
   previewUnavailablePdf: "Aper\xE7u indisponible - ouvrez le fichier pour le consulter.",
   pdfViewerUnavailable: "Ce navigateur ne peut pas afficher le PDF ici.",
   openInNewTab: "Ouvrir dans un nouvel onglet",
+  documentPdfPreparing: "Pr\xE9paration de l\u2019aper\xE7u\u2026",
+  documentPdfFailed: "Impossible de pr\xE9parer un aper\xE7u.",
+  documentPdfUnavailable: "Aucun aper\xE7u pour ce fichier.",
   // U+002D HYPHEN-MINUS, as in the English defaults.
   resultAbsent: "-",
   resultAbsentDescription: "Non renseign\xE9",
@@ -4441,6 +4447,7 @@ function ResultEnvProvider({
   resolveUrl,
   resolveUrls,
   resolveRendition,
+  resolveDocumentPdf,
   resolveShareUrl,
   proseImages,
   tableColumns,
@@ -4456,6 +4463,7 @@ function ResultEnvProvider({
       resolveUrl,
       resolveUrls,
       resolveRendition,
+      resolveDocumentPdf,
       resolveShareUrl,
       proseImages,
       tableColumns,
@@ -4469,6 +4477,7 @@ function ResultEnvProvider({
       resolveUrl,
       resolveUrls,
       resolveRendition,
+      resolveDocumentPdf,
       resolveShareUrl,
       proseImages,
       tableColumns,
@@ -4524,6 +4533,9 @@ function useMarkupResolvers() {
 function useResolveRendition() {
   return use(ResultEnvContext).resolveRendition;
 }
+function useResolveDocumentPdf() {
+  return use(ResultEnvContext).resolveDocumentPdf;
+}
 function useResolveShareUrl() {
   return use(ResultEnvContext).resolveShareUrl;
 }
@@ -4631,6 +4643,74 @@ function ResultAt({ segment, children }) {
   );
   return /* @__PURE__ */ jsx(ResultLocationContext, { value: location, children });
 }
+var DOCUMENT_PDF_ASK_TIMEOUT_MS = 3e4;
+var DOCUMENT_PDF_PREPARING_LIMIT_MS = 18e4;
+var FIRST_WAIT_MS = 1500;
+var WAIT_GROWTH = 1.5;
+var LONGEST_WAIT_MS = 1e4;
+var PREPARING = { state: "preparing" };
+var FAILED = { state: "failed" };
+var isNonEmptyString = (value) => typeof value === "string" && value !== "";
+async function askOnce(ask) {
+  let timer;
+  const timeout = new Promise((resolve) => {
+    timer = setTimeout(() => resolve(FAILED), DOCUMENT_PDF_ASK_TIMEOUT_MS);
+  });
+  try {
+    const answer = await Promise.race([ask(), timeout]);
+    switch (answer?.state) {
+      case "ready":
+        return isNonEmptyString(answer.url) ? answer : FAILED;
+      case "failed":
+        return isNonEmptyString(answer.message) ? answer : FAILED;
+      case "preparing":
+      case "unavailable":
+        return answer;
+      default:
+        return FAILED;
+    }
+  } catch {
+    return FAILED;
+  } finally {
+    clearTimeout(timer);
+  }
+}
+function useDocumentPdf(ask) {
+  const [answer, setAnswer] = useState(PREPARING);
+  const [attempt, setAttempt] = useState(0);
+  const latestAsk = useRef(ask);
+  useEffect(() => {
+    latestAsk.current = ask;
+  });
+  useEffect(() => {
+    let stale = false;
+    let timer;
+    const started = Date.now();
+    const askAgain = async (wait) => {
+      const asked = await askOnce(latestAsk.current);
+      if (stale) return;
+      if (asked.state !== "preparing") {
+        setAnswer(asked);
+        return;
+      }
+      if (Date.now() + wait - started > DOCUMENT_PDF_PREPARING_LIMIT_MS) {
+        setAnswer(FAILED);
+        return;
+      }
+      timer = setTimeout(() => void askAgain(Math.min(wait * WAIT_GROWTH, LONGEST_WAIT_MS)), wait);
+    };
+    void askAgain(FIRST_WAIT_MS);
+    return () => {
+      stale = true;
+      clearTimeout(timer);
+    };
+  }, [attempt]);
+  const retry = useCallback(() => {
+    setAnswer(PREPARING);
+    setAttempt((current) => current + 1);
+  }, []);
+  return { answer, retry };
+}
 function FocusFrame({ ref, className, ...props }) {
   const [frame, setFrame] = useState(null);
   const focused = useFrameFocus(frame);
@@ -7088,11 +7168,12 @@ function FileRef({
   storageUrl,
   mimeType,
   filename,
+  label: named,
   file
 }) {
   const s = useFieldStrings();
   const encoded = encodedFileSummary(url, s);
-  const label = filename ? filename : encoded ?? pathLabel(url);
+  const label = named ?? (filename ? filename : encoded ?? pathLabel(url));
   const reference = encoded ?? url;
   const title = mimeType ? `${reference} \xB7 ${mimeType}` : reference;
   const href = viewableUrl(url);
@@ -7114,7 +7195,7 @@ function FileRef({
       "span",
       {
         title,
-        className: "min-w-0 truncate font-mono text-[12px] text-muted-foreground",
+        className: "min-w-0 truncate font-mono text-[12px] text-muted-foreground max-sm:leading-11",
         children: label
       }
     ),
@@ -7221,12 +7302,12 @@ function frameableUrl(candidate) {
   if (/^https?:/.test(candidate.url)) return candidate.url;
   return candidate.fromResolver && candidate.url.startsWith("/") ? candidate.url : void 0;
 }
+function browserRenders(content, url) {
+  return content.mimeType ? PREVIEWABLE_MIME_RE.test(content.mimeType) : PREVIEWABLE_EXT_RE.test(content.filename ?? url);
+}
 function previewableUrl(content, resolve) {
   const url = frameableUrl(paintable(content, resolve));
-  if (!url) return void 0;
-  const named = content.filename ?? url;
-  const renderable = content.mimeType ? PREVIEWABLE_MIME_RE.test(content.mimeType) : PREVIEWABLE_EXT_RE.test(named);
-  return renderable ? url : void 0;
+  return url && browserRenders(content, url) ? url : void 0;
 }
 function isPdfDocument(content, url) {
   return content.mimeType ? /^application\/pdf\s*(;|$)/i.test(content.mimeType) : /\.pdf(\?|#|$)/i.test(content.filename ?? url);
@@ -7299,27 +7380,116 @@ function PdfUnavailable({
     ] })
   ] });
 }
+function ConvertedDocumentPreview({
+  ask,
+  name,
+  file
+}) {
+  const s = useFieldStrings();
+  const { answer, retry } = useDocumentPdf(ask);
+  const preparing = useRef(null);
+  const retried = useRef(false);
+  useEffect(() => {
+    if (!retried.current) return;
+    retried.current = false;
+    preparing.current?.focus();
+  });
+  if (answer.state === "preparing") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: preparing,
+        role: "status",
+        tabIndex: -1,
+        className: cn(
+          NESTED_FRAME,
+          "flex items-center justify-center gap-2 rounded-lg border border-border bg-card/40 text-[12px] text-muted-foreground outline-none"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Loader2, { "aria-hidden": true, className: "size-4 animate-spin" }),
+          /* @__PURE__ */ jsx("span", { children: s.documentPdfPreparing })
+        ]
+      }
+    );
+  }
+  if (answer.state === "failed") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card/40 px-3.5 py-3 sm:flex-row sm:items-center", children: [
+      /* @__PURE__ */ jsxs(
+        "p",
+        {
+          role: "alert",
+          className: "flex min-w-0 flex-1 items-start gap-2 text-[12.5px] leading-relaxed text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": true, className: "mt-0.5 size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: answer.message ?? s.documentPdfFailed })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            retried.current = true;
+            retry();
+          },
+          className: cn(CARD_ACTION, "text-foreground", focusOutlineClass),
+          children: s.tryAgain
+        }
+      )
+    ] });
+  }
+  const gated = answer.state === "ready" ? viewableUrl(answer.url) : void 0;
+  const url = gated && frameableUrl({ url: gated, fromResolver: true });
+  if (url) return /* @__PURE__ */ jsx(DocumentPreview, { url, name, pdf: true, file, whole: false });
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      role: "status",
+      className: "rounded-lg border border-border bg-card/40 px-3.5 py-3 text-[12.5px] leading-relaxed text-muted-foreground",
+      children: s.documentPdfUnavailable
+    }
+  );
+}
 function DocumentValue({ value, whole = false }) {
   const s = useFieldStrings();
   const resolve = useResolveUrl();
+  const resolveDocumentPdf = useResolveDocumentPdf();
   const isApp = useFieldPresentation() === "app";
   const [open, setOpen] = useState(false);
   const file = useStuffFile("document", value);
   const content = readDocumentContent(value);
   if (!content) return /* @__PURE__ */ jsx(Absent, {});
-  const name = content.title ?? content.filename ?? fileLabel(content.url, content.filename, s);
+  const label = fileLabel(content.url, content.filename, s);
+  const title = content.title?.trim();
+  const heading = title && title !== label ? title : void 0;
+  const name = title || label;
   const preview = previewableUrl(content, resolve);
   const pdf = preview !== void 0 && isPdfDocument(content, preview);
   const opened = whole && isApp && pdf;
+  const askPdf = preview === void 0 && !browserRenders(content, content.url) ? resolveDocumentPdf?.(content.url, {
+    filename: content.filename,
+    mimeType: content.mimeType
+  }) : void 0;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-      /* @__PURE__ */ jsx(FileText, { "aria-hidden": true, className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        FileText,
+        {
+          "aria-hidden": true,
+          className: cn(
+            "mt-0.5 size-4 shrink-0 text-muted-foreground",
+            !heading && "max-sm:mt-3.5"
+          )
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-0.5", children: [
-        name && /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] text-foreground", children: name }),
+        heading && /* @__PURE__ */ jsx("span", { className: "block truncate text-[13px] text-foreground", children: heading }),
         /* @__PURE__ */ jsx(
           FileRef,
           {
             url: paintableUrl(content, resolve) ?? content.url,
+            label,
             storageUrl: content.url,
             mimeType: content.mimeType,
             ...content.filename ? { filename: content.filename } : {},
@@ -7328,7 +7498,7 @@ function DocumentValue({ value, whole = false }) {
         ),
         content.snippet && /* @__PURE__ */ jsx("p", { className: "line-clamp-2 text-[12px] leading-relaxed text-muted-foreground", children: content.snippet })
       ] }),
-      preview && !opened && /* @__PURE__ */ jsxs(
+      (preview || askPdf) && !opened && /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
@@ -7345,7 +7515,8 @@ function DocumentValue({ value, whole = false }) {
         }
       )
     ] }),
-    preview && (opened || open) && /* @__PURE__ */ jsx(DocumentPreview, { url: preview, name, pdf, file, whole: opened })
+    preview && (opened || open) && /* @__PURE__ */ jsx(DocumentPreview, { url: preview, name, pdf, file, whole: opened }),
+    askPdf && open && /* @__PURE__ */ jsx(ConvertedDocumentPreview, { ask: askPdf, name, file }, content.url)
   ] });
 }
 var TILE_RENDITION_SIDE = 576;
@@ -8969,6 +9140,6 @@ function pdfFileName(field, value, baseName) {
   return name === void 0 ? "" : name.replace(/\.[^.]+$/, "");
 }
 
-export { BooleanField, ConceptPill, DEFAULT_FIELD_STRINGS, DateField, DocumentField, EN_FIELD_STRINGS, EnumField, FIELD_STRINGS_BY_LOCALE, FR_FIELD_STRINGS, FieldDomIdProvider, FieldPresentationProvider, FieldRenderer, FieldShell, FieldStringsProvider, FilePicker, FilePickerEntry, FillWithExample, HtmlPreview, ImageField, JsonView, ListField, Markdown, MethodForm, NumberField, ObjectField, OptionalToggle, PdfDownloadButton, ProseField, ResultEnvProvider, ResultField, ResultRoot, SUPPORTED_LOCALES, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, StuffViewer, Switch, TextField, ToggleGroup, ToggleGroupItem, UnknownField, actionShadowClass, checkedAccentClass, cn, enumLabeler, fieldControlClass, fieldLabel, fieldStringsFor, focusOutlineClass, headingClass, isThenable, linkTextClass, panelFlatShadowClass, panelRaisedShadowClass, panelSurfaceClass, renderHtmlPdf, resolveHtmlStorageUrls, saveInBrowser, selectedBorderClass, selectedFillClass, selectedFillStrongClass, useFieldDomId, useFieldPresentation, useFieldStrings, useMethodForm, useProseImages, useResolveRendition, useResolveShareUrl, useResolveUrl, useResolvedUrl };
-//# sourceMappingURL=chunk-TD62R3P6.js.map
-//# sourceMappingURL=chunk-TD62R3P6.js.map
+export { BooleanField, ConceptPill, DEFAULT_FIELD_STRINGS, DateField, DocumentField, EN_FIELD_STRINGS, EnumField, FIELD_STRINGS_BY_LOCALE, FR_FIELD_STRINGS, FieldDomIdProvider, FieldPresentationProvider, FieldRenderer, FieldShell, FieldStringsProvider, FilePicker, FilePickerEntry, FillWithExample, HtmlPreview, ImageField, JsonView, ListField, Markdown, MethodForm, NumberField, ObjectField, OptionalToggle, PdfDownloadButton, ProseField, ResultEnvProvider, ResultField, ResultRoot, SUPPORTED_LOCALES, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, StuffViewer, Switch, TextField, ToggleGroup, ToggleGroupItem, UnknownField, actionShadowClass, checkedAccentClass, cn, enumLabeler, fieldControlClass, fieldLabel, fieldStringsFor, focusOutlineClass, headingClass, isThenable, linkTextClass, panelFlatShadowClass, panelRaisedShadowClass, panelSurfaceClass, renderHtmlPdf, resolveHtmlStorageUrls, saveInBrowser, selectedBorderClass, selectedFillClass, selectedFillStrongClass, useFieldDomId, useFieldPresentation, useFieldStrings, useMethodForm, useProseImages, useResolveDocumentPdf, useResolveRendition, useResolveShareUrl, useResolveUrl, useResolvedUrl };
+//# sourceMappingURL=chunk-TPHIENRU.js.map
+//# sourceMappingURL=chunk-TPHIENRU.js.map