@bettercms-ai/ui 0.8.1 → 0.8.3

package/dist/index.js

@@ -40,6 +40,16 @@ var PT_TYPES = {
   mention: "bcmsMention",
   divider: "bcmsDivider",
   code: "bcmsCode",
+  /**
+   * A video — an uploaded file or a provider URL. DEDICATED rather than another `schemaKey` on
+   * the generic block, because a video is the one media node whose rendition depends on its own
+   * payload: the same field is a `<video>` for an mp4 and a provider `<iframe>` for a YouTube
+   * link (@see resolveVideoSource). The generic block carries a reference this package cannot
+   * resolve; a video carries a URL it can.
+   */
+  video: "video",
+  /** A downloadable document — a PDF, a spec sheet. `<a href download>`, nothing more. */
+  file: "file",
   /**
    * A table. Spelled `table`, unprefixed, because that is what every other Portable Text
    * producer calls one — the Sanity-shaped `{_type:"table", rows}` this platform used to refuse
@@ -62,7 +72,9 @@ var STORABLE_BLOCK_TYPES = /* @__PURE__ */ new Set([
   PT_TYPES.table,
   PT_TYPES.code,
   PT_TYPES.divider,
-  PT_TYPES.mention
+  PT_TYPES.mention,
+  PT_TYPES.video,
+  PT_TYPES.file
 ]);
 
 // ../richtext/src/styled.ts
@@ -430,12 +442,32 @@ function buildComponents() {
     unknownBlockStyle: ({ children }) => /* @__PURE__ */ jsx2("p", { children })
   };
 }
+var isListItem = (node) => node._type === "block" && typeof node.listItem === "string" && !!node.listItem;
+function runsOf(blocks) {
+  const runs = [];
+  for (const node of blocks) {
+    const last = runs.at(-1);
+    if (last && isListItem(node) && isListItem(last[0])) last.push(node);
+    else runs.push([node]);
+  }
+  return runs;
+}
 function PortableText({ value, bindingBase }) {
   const blocks = React.useMemo(() => normalizePortableText(readValue(value)), [value]);
   const components = React.useMemo(buildComponents, []);
+  const listComponents = React.useMemo(() => {
+    if (!bindingBase) return null;
+    const keys = new Set(blocks.map((b) => b._key));
+    return {
+      ...components,
+      listItem: ({ value: item, children }) => keys.has(item._key) ? /* @__PURE__ */ jsx2("li", { "data-bcms-field": `${bindingBase}#${item._key}`, "data-bcms-kind": "richtext", children }) : /* @__PURE__ */ jsx2("li", { children })
+    };
+  }, [bindingBase, blocks, components]);
   if (blocks.length === 0) return null;
-  if (!bindingBase) return /* @__PURE__ */ jsx2(PT, { value: blocks, components });
-  return /* @__PURE__ */ jsx2(Fragment, { children: blocks.map((node) => /* @__PURE__ */ jsx2(Bound, { base: bindingBase, nodeKey: node._key, children: /* @__PURE__ */ jsx2(PT, { value: [node], components }) }, node._key)) });
+  if (!bindingBase || !listComponents) return /* @__PURE__ */ jsx2(PT, { value: blocks, components });
+  return /* @__PURE__ */ jsx2(Fragment, { children: runsOf(blocks).map(
+    (run) => isListItem(run[0]) ? /* @__PURE__ */ jsx2(PT, { value: run, components: listComponents }, run[0]._key) : /* @__PURE__ */ jsx2(Bound, { base: bindingBase, nodeKey: run[0]._key, children: /* @__PURE__ */ jsx2(PT, { value: run, components }) }, run[0]._key)
+  ) });
 }
 function readValue(value) {
   if (Array.isArray(value)) return value;