@adoptai/genui-components 0.1.68 → 0.1.69

package/dist/composites/download-card/resolver.js

@@ -1,5 +1,5 @@
 "use client";
-import React10, { lazy, createContext, useState, useCallback, useEffect, useRef, useContext, Suspense } from 'react';
+import React11, { lazy, createContext, useState, useCallback, useEffect, useRef, useContext, Suspense } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Document, Page, pdfjs } from 'react-pdf';
 import 'react-pdf/dist/Page/AnnotationLayer.css';
@@ -1123,6 +1123,89 @@ var init_DocxViewer = __esm({
   }
 });
 
+// src/shared/viewers/HtmlViewer.tsx
+var HtmlViewer_exports = {};
+__export(HtmlViewer_exports, {
+  HtmlViewer: () => HtmlViewer
+});
+function HtmlViewer({ url, base64, height = 480 }) {
+  const { MUTED: MUTED2 } = useTheme();
+  const [html, setHtml] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    if (base64) {
+      try {
+        if (!cancelled) {
+          setHtml(base64ToText(base64));
+          setLoading(false);
+        }
+      } catch (e) {
+        if (!cancelled) {
+          setError(e instanceof Error ? e.message : "Failed to decode HTML");
+          setLoading(false);
+        }
+      }
+      return () => {
+        cancelled = true;
+      };
+    }
+    if (!url) {
+      setError("No file source provided");
+      setLoading(false);
+      return () => {
+        cancelled = true;
+      };
+    }
+    fetch(url).then((r) => {
+      if (!r.ok) throw new Error(`Failed to fetch: ${r.status}`);
+      return r.text();
+    }).then((t) => {
+      if (cancelled) return;
+      setHtml(t);
+      setLoading(false);
+    }).catch((e) => {
+      if (cancelled) return;
+      setError(e.message);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url, base64]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading\u2026" });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: "#dc2626", fontSize: "13px", textAlign: "center" }, children: error });
+  }
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      title: "HTML preview",
+      sandbox: "",
+      srcDoc: html,
+      style: {
+        width: "100%",
+        height: `${height}px`,
+        border: "none",
+        background: "white",
+        display: "block"
+      }
+    }
+  );
+}
+var init_HtmlViewer = __esm({
+  "src/shared/viewers/HtmlViewer.tsx"() {
+    "use client";
+    init_ThemeContext();
+    init_decode();
+  }
+});
+
 // src/shared/ColumnSettingsPanel.tsx
 init_ThemeContext();
 function ColumnSettingsPanel({ columns, hidden, onToggle, onShowAll, onHideAll }) {
@@ -1328,7 +1411,7 @@ init_theme();
 var FAMILIES = [
   { exts: ["csv", "tsv", "xls", "xlsx", "numbers"], fg: SEMANTIC.success.color, bg: SEMANTIC.success.bg },
   { exts: ["pdf"], fg: SEMANTIC.error.color, bg: SEMANTIC.error.bg },
-  { exts: ["doc", "docx", "txt", "md", "rtf", "pages"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg },
+  { exts: ["doc", "docx", "txt", "md", "rtf", "pages", "html", "htm"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg },
   { exts: ["json", "yaml", "yml", "xml", "toml"], fg: SEMANTIC.purple.color, bg: SEMANTIC.purple.bg },
   { exts: ["zip", "tar", "gz", "rar", "7z"], fg: SEMANTIC.warning.color, bg: SEMANTIC.warning.bg },
   { exts: ["png", "jpg", "jpeg", "gif", "svg", "webp", "bmp"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg }
@@ -1355,7 +1438,9 @@ var PREVIEW_EXTS = {
   txt: "text",
   log: "text",
   text: "text",
-  docx: "docx"
+  docx: "docx",
+  html: "html",
+  htm: "html"
 };
 function extOf(fileType, filename) {
   var _a;
@@ -1366,6 +1451,7 @@ function extOf(fileType, filename) {
     if (mime.includes("csv")) return "csv";
     if (mime.includes("markdown")) return "md";
     if (mime.includes("wordprocessing") || mime.includes("msword")) return "docx";
+    if (mime.includes("html")) return "html";
     if (mime.startsWith("text/")) return "txt";
   } else if (fileType) {
     const t = fileType.toLowerCase().replace(/[^a-z0-9]/g, "");
@@ -1409,6 +1495,7 @@ var ExcelViewer2 = lazy(
 var CsvViewer2 = lazy(() => Promise.resolve().then(() => (init_CsvViewer(), CsvViewer_exports)).then((m) => ({ default: m.CsvViewer })));
 var TextViewer2 = lazy(() => Promise.resolve().then(() => (init_TextViewer(), TextViewer_exports)).then((m) => ({ default: m.TextViewer })));
 var DocxViewer2 = lazy(() => Promise.resolve().then(() => (init_DocxViewer(), DocxViewer_exports)).then((m) => ({ default: m.DocxViewer })));
+var HtmlViewer2 = lazy(() => Promise.resolve().then(() => (init_HtmlViewer(), HtmlViewer_exports)).then((m) => ({ default: m.HtmlViewer })));
 var PEEK_ROWS = 20;
 var PEEK_LINES = 40;
 function GatedPdfViewer({ source }) {
@@ -1448,6 +1535,9 @@ function PreviewHost({ kind, source, mode = "full" }) {
     case "docx":
       viewer = /* @__PURE__ */ jsx(DocxViewer2, { url: source.url, base64: source.base64 });
       break;
+    case "html":
+      viewer = /* @__PURE__ */ jsx(HtmlViewer2, { url: source.url, base64: source.base64, height: peek ? 240 : 480 });
+      break;
     default:
       return null;
   }
@@ -1799,7 +1889,7 @@ function FileCard({
                       whiteSpace: "nowrap"
                     },
                     children: [
-                      metaTokens.map((t, i) => /* @__PURE__ */ jsxs(React10.Fragment, { children: [
+                      metaTokens.map((t, i) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
                         i > 0 && /* @__PURE__ */ jsx("span", { style: { color: MUTED2 }, children: "\xB7" }),
                         /* @__PURE__ */ jsx("span", { children: t })
                       ] }, i)),