@seekbuddy/dsh-ui 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/markdown.js

@@ -1,11 +1,17 @@
+import {
+  Button
+} from "./chunks/chunk-ENKPNYOB.js";
 import {
   CodeBlock,
   MarkdownDelegateProvider,
   MarkdownText,
-  parseGfm
-} from "./chunks/chunk-AY44MQMD.js";
-import "./chunks/chunk-OQPH36OI.js";
-import "./chunks/chunk-LA3QDZYN.js";
+  parseGfm,
+  useMarkdownDelegate
+} from "./chunks/chunk-OCAQFVT3.js";
+import {
+  StateDot
+} from "./chunks/chunk-JA3XDLIA.js";
+import "./chunks/chunk-XW4L4ZGL.js";
 import "./chunks/chunk-ZA47FP7C.js";
 
 // src/markdown/JsonBlock.tsx
@@ -16,10 +22,10 @@ var id = "@seekbuddy/dsh-ui/markdown/JsonBlock.module.css";
 if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id + '"]')) {
   const element = document.createElement("style");
   element.setAttribute("data-dsh-ui-primitives", id);
-  element.textContent = ".oWcFJW_root{margin:4px 0}.oWcFJW_toggle{color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:var(--dsw-radius-sm);background:0 0;border:none;padding:2px 6px;font-size:12px;line-height:18px}.oWcFJW_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}.oWcFJW_body{background:var(--dsw-alias-markdown-code-block);border:.5px solid var(--dsw-alias-border-l1);border-radius:var(--dsw-radius-lg);max-height:200px;font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-primary);margin:4px 0 0;padding:8px;font-size:11px;line-height:16px;overflow:auto}";
+  element.textContent = ".oWcFJW_root{margin:4px 0}.oWcFJW_toggle{color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:var(--dsw-radius-sm);background:0 0;border:none;padding:2px 6px;font-size:12px;line-height:18px}@media (hover:hover){.oWcFJW_toggle:hover{background:var(--dsw-alias-interactive-bg-hover)}}.oWcFJW_body{background:var(--dsw-alias-markdown-code-block);border:.5px solid var(--dsw-alias-border-l1);border-radius:var(--dsw-radius-lg);max-height:200px;font-family:var(--ds-font-family-code);color:var(--dsw-alias-label-primary);margin:4px 0 0;padding:8px;font-size:11px;line-height:16px;overflow:auto}";
   document.head.appendChild(element);
 }
-var JsonBlock_module_default = { "root": "oWcFJW_root", "body": "oWcFJW_body", "toggle": "oWcFJW_toggle" };
+var JsonBlock_module_default = { "body": "oWcFJW_body", "toggle": "oWcFJW_toggle", "root": "oWcFJW_root" };
 
 // src/markdown/JsonBlock.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -62,6 +68,72 @@ ${truncatedLabel(s.length)}` : s;
   ] });
 }
 
+// src/DetailDocument.tsx
+import { useMemo as useMemo2 } from "react";
+
+// .build/css/DetailDocument.module.mjs
+var id2 = "@seekbuddy/dsh-ui/DetailDocument.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id2 + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id2);
+  element.textContent = ".LhBPoW_section{flex-direction:column;gap:12px;min-width:0;display:flex}.LhBPoW_document{border-block:.5px solid var(--dsw-alias-border-l1);scrollbar-gutter:stable;overflow-wrap:anywhere;min-width:0;max-height:min(560px,60vh);padding:12px 0;overflow-y:auto}.LhBPoW_document:focus-visible{outline:var(--dsw-focus-ring-width) solid var(--dsw-focus-ring-color,var(--dsw-alias-state-business-primary));outline-offset:3px}.LhBPoW_failure{align-items:center;gap:10px;display:flex}.LhBPoW_error{color:var(--dsw-alias-state-error-primary);align-items:center;gap:6px;margin:0;font-size:13px;line-height:20px;display:inline-flex}.LhBPoW_skeleton{flex-direction:column;gap:10px;display:flex}.LhBPoW_bar{border-radius:var(--dsw-radius-xs);background:var(--dsw-alias-bg-skeleton);height:12px;animation:2s cubic-bezier(.36,0,.64,1) infinite LhBPoW_dsh-plugin-detail-skeleton;display:block}.LhBPoW_long{width:min(480px,90%)}.LhBPoW_short{width:min(240px,50%)}@keyframes LhBPoW_dsh-plugin-detail-skeleton{0%{opacity:1}40%{opacity:.6}80%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.LhBPoW_bar{animation:none}}";
+  document.head.appendChild(element);
+}
+var DetailDocument_module_default = { "bar": "LhBPoW_bar", "document": "LhBPoW_document", "short": "LhBPoW_short", "failure": "LhBPoW_failure", "dsh-plugin-detail-skeleton": "LhBPoW_dsh-plugin-detail-skeleton", "section": "LhBPoW_section", "skeleton": "LhBPoW_skeleton", "long": "LhBPoW_long", "error": "LhBPoW_error" };
+
+// src/DetailDocument.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function detailDocumentState(read) {
+  if (read?.status === "ready")
+    return read.markdown === void 0 ? { status: "none" } : { status: "found", markdown: read.markdown };
+  return read?.status === "error" ? read : { status: "loading" };
+}
+function useDetailDocumentLabels(copy) {
+  const { title, loading, retry, footnotes } = copy;
+  const { copy: copyLabel, copied: copiedLabel, codeBlock: codeLabel, wrap: wrapLabel, unwrap: unwrapLabel } = copy;
+  const markdown = useMemo2(
+    () => ({ code: { copyLabel, copiedLabel, toolbarLabels: { codeLabel, wrapLabel, unwrapLabel } }, footnotes }),
+    [copyLabel, copiedLabel, codeLabel, wrapLabel, unwrapLabel, footnotes]
+  );
+  return useMemo2(() => ({ title, loading, retry, markdown }), [title, loading, retry, markdown]);
+}
+function DetailDocument({
+  state,
+  labels,
+  images,
+  onRetry
+}) {
+  if (state.status === "none") return null;
+  let body;
+  switch (state.status) {
+    case "found":
+      body = /* @__PURE__ */ jsx2("div", { className: DetailDocument_module_default.document, role: "region", "aria-label": labels.title, tabIndex: 0, children: /* @__PURE__ */ jsx2(MarkdownText, { text: state.markdown, labels: labels.markdown, pathImages: images, omitHtml: true }) });
+      break;
+    case "error":
+      body = /* @__PURE__ */ jsxs2("div", { className: DetailDocument_module_default.failure, children: [
+        /* @__PURE__ */ jsxs2("p", { className: DetailDocument_module_default.error, role: "alert", children: [
+          /* @__PURE__ */ jsx2(StateDot, { state: "error" }),
+          state.message
+        ] }),
+        /* @__PURE__ */ jsx2(Button, { variant: "outline", size: "sm", onClick: onRetry, children: labels.retry })
+      ] });
+      break;
+    case "loading":
+      body = /* @__PURE__ */ jsxs2("div", { className: DetailDocument_module_default.skeleton, role: "status", "aria-label": labels.loading, "aria-busy": "true", children: [
+        /* @__PURE__ */ jsx2("span", { className: `${DetailDocument_module_default.bar} ${DetailDocument_module_default.long}` }),
+        /* @__PURE__ */ jsx2("span", { className: `${DetailDocument_module_default.bar} ${DetailDocument_module_default.long}` }),
+        /* @__PURE__ */ jsx2("span", { className: `${DetailDocument_module_default.bar} ${DetailDocument_module_default.short}` })
+      ] });
+      break;
+  }
+  return /* @__PURE__ */ jsx2("section", { className: DetailDocument_module_default.section, "data-detail-document": true, children: body });
+}
+
+// src/markdown/quote-text.ts
+function formatQuoteText(text) {
+  return text.replace(/\r\n?/gu, "\n").split("\n").map((line) => `> ${line}`).join("\n");
+}
+
 // src/markdown/plain-text.ts
 function inlineText(node) {
   switch (node.type) {
@@ -141,8 +213,13 @@ function extractMarkdownPlainText(markdown, options = {}) {
 }
 export {
   CodeBlock,
+  DetailDocument,
   JsonBlock,
   MarkdownDelegateProvider,
   MarkdownText,
-  extractMarkdownPlainText
+  detailDocumentState,
+  extractMarkdownPlainText,
+  formatQuoteText,
+  useDetailDocumentLabels,
+  useMarkdownDelegate
 };