@okam/directus-flexible-content 1.3.2 → 1.3.8

package/CHANGELOG.md

@@ -1,3 +1,41 @@
+## 1.3.8 (2026-01-21)
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.44.4
+- Updated directus-block to 1.7.8
+
+## 1.3.6 (2026-01-19)
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.44.2
+- Updated directus-block to 1.7.5
+
+## 1.3.4 (2026-01-19)
+
+### 🩹 Fixes
+
+- cross-lib type imports are always absolute ([#392](https://github.com/OKAMca/stack/pull/392))
+
+### ❤️ Thank You
+
+- Pierre-Olivier Clerson @poclerson
+
+## 1.3.3 (2026-01-19)
+
+### 🩹 Fixes
+
+- cross-lib type imports are always absolute ([#392](https://github.com/OKAMca/stack/pull/392))
+
+### 🧱 Updated Dependencies
+
+- Updated directus-block to 1.7.3
+
+### ❤️ Thank You
+
+- Pierre-Olivier Clerson @poclerson
+
 ## 1.3.2 (2026-01-16)
 
 ### 🧱 Updated Dependencies
@@ -11,6 +49,7 @@
 
 - ⚠️  React 19 + Next.js 15 upgrade for all @okam/* packages ([#369](https://github.com/OKAMca/stack/pull/369))
 - bump ([ab924b9](https://github.com/OKAMca/stack/commit/ab924b9))
+- Consumers must now have react and react-dom in their own
 
 ### 🩹 Fixes
 
@@ -23,10 +62,6 @@
 - search field icon ([0850fde](https://github.com/OKAMca/stack/commit/0850fde))
 - select controlled ([#280](https://github.com/OKAMca/stack/pull/280))
 
-### ⚠️  Breaking Changes
-
-- Consumers must now have react and react-dom in their own
-
 ### ❤️ Thank You
 
 - Marie-Maxime Tanguay @marie-maxime

package/README.md

@@ -17,7 +17,7 @@
 | nodes              | TRenderingNodes \| undefined        | This takes in a config object for remapping default HTML semantic tags to React Components.                                                                                                          |
 | remappedAttributes | Record<string, string> \| undefined | This allows to remap HTML attributes to fix warnings or errors made by tiptap.                                                                                                                       |
 
-### Configuring the flexible editor inside directus : 
+### Configuring the flexible editor inside directus :
 
 - [Basic usage](https://github.com/formfcw/directus-extension-flexible-editor?tab=readme-ov-file#basic-usage)
 - [With relation nodes](https://github.com/formfcw/directus-extension-flexible-editor?tab=readme-ov-file#usage-with-relation-nodes)
@@ -25,20 +25,16 @@
 
 Adding blocks to the flexible editor options : the related blocks are handled in the Editor Nodes field beside the flexible editor field. You can add more collections by going in the relationship menu of the editor nodes and selecting additional collections in the associated collections section.
 
-
 https://github.com/user-attachments/assets/576bdb52-f9bc-4835-ab2a-4c59995ae77f
 
-
-
 Most of the time, if you want to insert blocks inside the flexible editor, you will need to follow the `With relation nodes and exisiting items` tutorial. Note that it is important to prefix related blocks for selection with `related_` so that a related block would look like `related_{block-collection}` so if you have a `block_faqs` your related collection key should be `related_block_faqs`.
 
 IMPORTANT: when configuring the many to many relation inside your `related_{block-collection}` collection. The key of the field should always be `blocks`.
 ![image](https://github.com/user-attachments/assets/716ef0e9-cf9c-4320-8d7f-6557e8946972)
 
+### Querying
 
-### Querying 
-
-Here is an example of what querying should look like : 
+Here is an example of what querying should look like :
 
 ```graphql
 flexible_editor
@@ -76,5 +72,3 @@ editor_nodes {
   }
 }
 ```
-
-

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),A=require("@okam/directus-block/server"),x=require("@tiptap/core"),E=require("@okam/stack-ui"),J=require("@tiptap/extension-blockquote"),D=require("@tiptap/extension-bold"),_=require("@tiptap/extension-bullet-list"),j=require("@tiptap/extension-code"),F=require("@tiptap/extension-code-block"),K=require("@tiptap/extension-document"),P=require("@tiptap/extension-hard-break"),U=require("@tiptap/extension-heading"),V=require("@tiptap/extension-horizontal-rule"),W=require("@tiptap/extension-italic"),$=require("@tiptap/extension-link"),G=require("@tiptap/extension-list-item"),Q=require("@tiptap/extension-ordered-list"),X=require("@tiptap/extension-paragraph"),Y=require("@tiptap/extension-strike"),Z=require("@tiptap/extension-subscript"),C=require("@tiptap/extension-superscript"),ee=require("@tiptap/extension-table"),re=require("@tiptap/extension-table-cell"),te=require("@tiptap/extension-table-header"),ne=require("@tiptap/extension-table-row"),oe=require("@tiptap/extension-text"),ie=require("@tiptap/extension-text-align"),ce=(e,n,o="id",t="item")=>{const i=r=>{var a,s,l,f,m,d;if(!e&&r)return r;if(!r||!e)return null;if(r.type==="relation-mark"&&((a=r.attrs)!=null&&a.id)||r.type==="relation-block"&&((s=r.attrs)!=null&&s.id)||r.type==="relation-inline-block"&&((l=r.attrs)!=null&&l.id)){const b=(f=e.find(u=>{var k;return(u==null?void 0:u[o])===((k=r.attrs)==null?void 0:k.id)}))==null?void 0:f[t];r.attrs.data=b}return(m=r.content)==null||m.map(i),(d=r.marks)==null||d.map(i),r};return i(n)},se=(e,n)=>{const o=n.map(r=>(r.type==="mark"?x.Mark:x.Node).create({name:r.name,renderHTML({HTMLAttributes:s}){return r.render?[...r.render(s),0]:[r.component??(r.type==="mark"?"span":"div"),s,0]}})),t=o.map(({name:r})=>r);return[...e.filter(r=>t.indexOf(r.name)<0),...o]},v=(e,n,o)=>{const t=o.find(i=>i.type===n&&i.name===e);if(t)return{...t.config,options:t.options}},ae=(e,n)=>{var t;const o=(t=n.addAttributes)==null?void 0:t.call(n);return!o||!e?e:Object.fromEntries(Object.entries(e).filter(([i])=>{var r;return((r=o[i])==null?void 0:r.rendered)!==!1}))},N=(e,n,o="node")=>{const t=v(e.type,o,n);if(!(t!=null&&t.renderHTML))return[];const i=ae(e.attrs,t);return t.render?t.render(e):t.renderHTML({node:e,HTMLAttributes:i})},h=(e,n,o)=>{if(e!=null&&e.content&&(e.content=e.content.map(a=>h(a,n,o))),e.type==="text"){if(e.marks){let a;return e.marks.reverse().forEach(s=>{var f;const l=N({...s,attrs:{...s.attrs,data:{...(f=s==null?void 0:s.attrs)==null?void 0:f.data,markText:e.text}}},n,"mark");if(Array.isArray(l)){const[m="span",d=s.attrs]=l,b={...d,data:void 0};a=o(m,b,a||e.text)}else a={...l,text:e.text}}),a}return e.text??""}const t=v(e.type,"node",n);if(t!=null&&t.render)return N(e,n);const[i="div",r=e.attrs]=N(e,n);return o(i,r,e.content)},le=(e,n,o)=>h(e,n,o),B={colspan:"colSpan",rowspan:"rowSpan",textAlign:"textalign"},ue=(e,n)=>({...Object.fromEntries(Object.entries(n).map(([o,t])=>[(e==null?void 0:e[o])??(B==null?void 0:B[o])??o,t]))}),H={},I=e=>{const{content:n,serializers:o=[],componentSerializers:t=[],renderingNodes:i,remappedAttributes:r,themeName:a,tokens:s,customTheme:l}=e,f=JSON.parse(JSON.stringify(n)),m=se(o,t);return le(f,m,(d,b,u)=>{const k={...b,style:void 0},S=ue(r,k),T=d,p=(i==null?void 0:i[T])??(H==null?void 0:H[T]);return p?p({children:u,attrs:S,themeName:a,tokens:s,customTheme:l}):y.jsx(E.Box,{as:d,...S,themeName:a,tokens:s,customTheme:l,children:u},JSON.stringify(u))})},de=[K,oe,X,P,U,F,_,Q,G,J,V,$,D,W,Y,j,ee.Table,te.TableHeader,ne.TableRow,re.TableCell,ie,Z,C],pe=e=>{const{jsonContent:n,editorNodes:o,serializers:t,nodes:i,config:r,relationMarksConfig:a,themeName:s,tokens:l,customTheme:f,remappedAttributes:m}=e,d=ce(o,n),b=t??[...de]??[],u=(p,M)=>{var O,L,z;const{attrs:c}=p,R=`${(O=c==null?void 0:c.collection)==null?void 0:O.replace("related_","")}_id`;if(c!=null&&c.data){if(!((L=c==null?void 0:c.data)!=null&&L.blocks)){const q={collection:c.collection,item:{...c==null?void 0:c.data}};return y.jsx(A.BlockDispatcher,{block:q,config:M},JSON.stringify(q))}const g=(z=c==null?void 0:c.data)==null?void 0:z.blocks,w=g==null?void 0:g.map(q=>({item:q==null?void 0:q[R],collection:c==null?void 0:c.collection}));return y.jsx(A.BlockDispatcher,{blocks:w,config:M},JSON.stringify(g))}return null},k=x.Node.create({name:"relation-block",renderHTML:()=>["relation-block"],render:p=>u(p,r)}),S=x.Node.create({name:"relation-inline-block",renderHTML:()=>["relation-inline-block"],render:p=>u(p,r)}),T=x.Mark.create({name:"relation-mark",type:"relation-mark",renderHTML:()=>["relation-mark"],render:p=>u(p,a)});return b.push(k,S,T),d?y.jsx(I,{content:d,serializers:b,renderingNodes:i,themeName:s,tokens:l,customTheme:f,remappedAttributes:m}):null};exports.FlexibleEditorContent=pe;exports.RenderNodes=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),q=require("@okam/directus-block/server"),b=require("@tiptap/core"),B=require("@okam/stack-ui"),L=require("@tiptap/extension-subscript"),R=require("@tiptap/extension-superscript"),w=require("@tiptap/extension-table"),E=require("@tiptap/extension-table-cell"),I=require("@tiptap/extension-table-header"),J=require("@tiptap/extension-table-row"),j=require("@tiptap/extension-text-align"),D=require("@tiptap/starter-kit");function K(e,n,r="id",i="item"){const o=t=>{if(t==null)return null;if(e==null)return t;if(t.type==="relation-mark"&&t.attrs?.id||t.type==="relation-block"&&t.attrs?.id||t.type==="relation-inline-block"&&t.attrs?.id){const s=e.find(a=>a?.[r]===t.attrs?.id)?.[i];t.attrs.data=s}return t.content?.map(o),t.marks?.map(o),t};return o(n)}function _(e,n){const r=n.map(t=>(t.type==="mark"?b.Mark:b.Node).create({name:t.name,renderHTML({HTMLAttributes:a}){return t.render!=null?[...t.render(a),0]:[t.component??(t.type==="mark"?"span":"div"),a,0]}})),i=r.map(({name:t})=>t);return[...e.filter(t=>!i.includes(t.name)),...r]}function M(e,n,r){const i=r.find(o=>o.type===n&&o.name===e);if(i)return{...i.config,options:i.options}}function F(e,n){const r=n.addAttributes?.();return!r||!e?e:Object.fromEntries(Object.entries(e).filter(([i])=>r[i]?.rendered!==!1))}function y(e,n,r="node"){const i=M(e.type,r,n);if(!i?.renderHTML)return[];const o=F(e.attrs,i);return i.render?i.render(e):i.renderHTML({node:e,HTMLAttributes:o})}function O(e,n,r){if(e?.content&&(e.content=e.content.map(async s=>O(s,n,r))),e.type==="text"){if(e.marks){let s;return e.marks.reverse().forEach(a=>{const l=y({...a,attrs:{...a.attrs,data:{...a?.attrs?.data,markText:e.text}}},n,"mark");if(Array.isArray(l)){const[f="span",m=a.attrs]=l,u={...m,data:void 0};s=r(f,u,s??e.text)}else s=[{...l,text:e.text}]}),s}return e.text??""}if(M(e.type,"node",n)?.render)return y(e,n);const[o="div",t=e.attrs]=y(e,n);return r(o,t,e.content)}function P(e,n,r){return O(e,n,r)}const U={colspan:"colSpan",rowspan:"rowSpan",textAlign:"textalign"};function V(e,n){return{...Object.fromEntries(Object.entries(n).map(([r,i])=>[e?.[r]??U?.[r]??r,i]))}}const W={};function v(e){const{content:n,serializers:r=[],componentSerializers:i=[],renderingNodes:o,remappedAttributes:t,themeName:s,tokens:a,customTheme:l}=e,f=JSON.parse(JSON.stringify(n)),m=_(r,i);return P(f,m,(u,k,d)=>{const T={...k,style:void 0},g=V(t,T),S=u,c=o?.[S]??W?.[S];return c!=null?c({children:d,attrs:g,themeName:s,tokens:a,customTheme:l}):N.jsx(B.Box,{as:u,...g,themeName:s,tokens:a,customTheme:l,children:d},JSON.stringify(d))})}const $=[D.configure({dropcursor:!1,gapcursor:!1,undoRedo:!1,underline:!1}),w.Table,I.TableHeader,J.TableRow,E.TableCell,j,L,R];function G(e){const{jsonContent:n,editorNodes:r,serializers:i,nodes:o,config:t,relationMarksConfig:s,themeName:a,tokens:l,customTheme:f,remappedAttributes:m}=e,u=K(r,n),k=i??[...$],d=(c,z)=>{const{attrs:p}=c,H=`${p?.collection?.replace("related_","")}_id`;if(p?.data!=null){if(p.data.blocks==null){const x={collection:p.collection,item:{...p?.data}};return N.jsx(q.BlockDispatcher,{block:x,config:z},JSON.stringify(x))}const A=p?.data?.blocks,h=A?.map(x=>({item:x?.[H],collection:p?.collection}));return N.jsx(q.BlockDispatcher,{blocks:h,config:z},JSON.stringify(A))}return null},T=b.Node.create({name:"relation-block",renderHTML:()=>["relation-block"],render:c=>d(c,t)}),g=b.Node.create({name:"relation-inline-block",renderHTML:()=>["relation-inline-block"],render:c=>d(c,t)}),S=b.Mark.create({name:"relation-mark",renderHTML:()=>["relation-mark"],render:c=>d(c,s)});return k.push(T,g,S),u==null?null:N.jsx(v,{content:u,serializers:k,renderingNodes:o,themeName:a,tokens:l,customTheme:f,remappedAttributes:m})}exports.FlexibleEditorContent=G;exports.RenderNodes=v;

package/index.mjs

@@ -1,219 +1,202 @@
-import { jsx as x } from "react/jsx-runtime";
-import { BlockDispatcher as h } from "@okam/directus-block/server";
-import { Mark as v, Node as L } from "@tiptap/core";
-import { Box as R } from "@okam/stack-ui";
-import D from "@tiptap/extension-blockquote";
-import _ from "@tiptap/extension-bold";
-import K from "@tiptap/extension-bullet-list";
-import q from "@tiptap/extension-code";
-import F from "@tiptap/extension-code-block";
-import P from "@tiptap/extension-document";
-import V from "@tiptap/extension-hard-break";
-import W from "@tiptap/extension-heading";
-import $ from "@tiptap/extension-horizontal-rule";
-import G from "@tiptap/extension-italic";
-import Q from "@tiptap/extension-link";
-import U from "@tiptap/extension-list-item";
-import X from "@tiptap/extension-ordered-list";
-import Y from "@tiptap/extension-paragraph";
-import Z from "@tiptap/extension-strike";
-import j from "@tiptap/extension-subscript";
-import C from "@tiptap/extension-superscript";
-import { Table as rr } from "@tiptap/extension-table";
-import { TableCell as tr } from "@tiptap/extension-table-cell";
-import { TableHeader as er } from "@tiptap/extension-table-header";
-import { TableRow as or } from "@tiptap/extension-table-row";
-import nr from "@tiptap/extension-text";
-import ir from "@tiptap/extension-text-align";
-const cr = (r, o, n = "id", e = "item") => {
-  const i = (t) => {
-    var s, a, m, u, d, p;
-    if (!r && t) return t;
-    if (!t || !r) return null;
-    if (t.type === "relation-mark" && ((s = t.attrs) != null && s.id) || t.type === "relation-block" && ((a = t.attrs) != null && a.id) || t.type === "relation-inline-block" && ((m = t.attrs) != null && m.id)) {
-      const k = (u = r.find((l) => {
-        var b;
-        return (l == null ? void 0 : l[n]) === ((b = t.attrs) == null ? void 0 : b.id);
-      })) == null ? void 0 : u[e];
-      t.attrs.data = k;
+import { jsx as y } from "react/jsx-runtime";
+import { BlockDispatcher as M } from "@okam/directus-block/server";
+import { Mark as O, Node as T } from "@tiptap/core";
+import { Box as B } from "@okam/stack-ui";
+import I from "@tiptap/extension-subscript";
+import J from "@tiptap/extension-superscript";
+import { Table as w } from "@tiptap/extension-table";
+import { TableCell as E } from "@tiptap/extension-table-cell";
+import { TableHeader as R } from "@tiptap/extension-table-header";
+import { TableRow as K } from "@tiptap/extension-table-row";
+import _ from "@tiptap/extension-text-align";
+import D from "@tiptap/starter-kit";
+function F(e, n, r = "id", i = "item") {
+  const o = (t) => {
+    if (t == null)
+      return null;
+    if (e == null)
+      return t;
+    if (t.type === "relation-mark" && t.attrs?.id || t.type === "relation-block" && t.attrs?.id || t.type === "relation-inline-block" && t.attrs?.id) {
+      const a = e.find((s) => s?.[r] === t.attrs?.id)?.[i];
+      t.attrs.data = a;
     }
-    return (d = t.content) == null || d.map(i), (p = t.marks) == null || p.map(i), t;
+    return t.content?.map(o), t.marks?.map(o), t;
   };
-  return i(o);
-}, ar = (r, o) => {
-  const n = o.map((t) => (t.type === "mark" ? v : L).create({
+  return o(n);
+}
+function V(e, n) {
+  const r = n.map((t) => (t.type === "mark" ? O : T).create({
     name: t.name,
-    // eslint-disable-next-line
-    renderHTML({ HTMLAttributes: a }) {
-      return t.render ? [...t.render(a), 0] : [t.component ?? (t.type === "mark" ? "span" : "div"), a, 0];
+    renderHTML({ HTMLAttributes: s }) {
+      return t.render != null ? [...t.render(s), 0] : [t.component ?? (t.type === "mark" ? "span" : "div"), s, 0];
     }
-  })), e = n.map(({ name: t }) => t);
-  return [...r.filter((t) => e.indexOf(t.name) < 0), ...n];
-}, I = (r, o, n) => {
-  const e = n.find((i) => i.type === o && i.name === r);
-  if (e)
+  })), i = r.map(({ name: t }) => t);
+  return [...e.filter((t) => !i.includes(t.name)), ...r];
+}
+function H(e, n, r) {
+  const i = r.find((o) => o.type === n && o.name === e);
+  if (i)
     return {
-      ...e.config,
-      options: e.options
+      ...i.config,
+      options: i.options
     };
-}, sr = (r, o) => {
-  var e;
-  const n = (e = o.addAttributes) == null ? void 0 : e.call(o);
-  return !n || !r ? r : Object.fromEntries(Object.entries(r).filter(([i]) => {
-    var t;
-    return ((t = n[i]) == null ? void 0 : t.rendered) !== !1;
-  }));
-}, N = (r, o, n = "node") => {
-  const e = I(r.type, n, o);
-  if (!(e != null && e.renderHTML)) return [];
-  const i = sr(r.attrs, e);
-  return e.render ? e.render(r) : e.renderHTML({
-    node: r,
-    HTMLAttributes: i
+}
+function W(e, n) {
+  const r = n.addAttributes?.();
+  return !r || !e ? e : Object.fromEntries(Object.entries(e).filter(([i]) => r[i]?.rendered !== !1));
+}
+function z(e, n, r = "node") {
+  const i = H(e.type, r, n);
+  if (!i?.renderHTML)
+    return [];
+  const o = W(e.attrs, i);
+  return i.render ? i.render(e) : i.renderHTML({
+    node: e,
+    HTMLAttributes: o
   });
-}, J = (r, o, n) => {
-  if (r != null && r.content && (r.content = r.content.map((s) => J(s, o, n))), r.type === "text") {
-    if (r.marks) {
-      let s;
-      return r.marks.reverse().forEach((a) => {
-        var u;
-        const m = N(
-          { ...a, attrs: { ...a.attrs, data: { ...(u = a == null ? void 0 : a.attrs) == null ? void 0 : u.data, markText: r.text } } },
-          o,
+}
+function v(e, n, r) {
+  if (e?.content && (e.content = e.content.map(async (a) => v(a, n, r))), e.type === "text") {
+    if (e.marks) {
+      let a;
+      return e.marks.reverse().forEach((s) => {
+        const l = z(
+          { ...s, attrs: { ...s.attrs, data: { ...s?.attrs?.data, markText: e.text } } },
+          n,
           "mark"
         );
-        if (Array.isArray(m)) {
-          const [d = "span", p = a.attrs] = m, k = { ...p, data: void 0 };
-          s = n(d, k, s || r.text);
+        if (Array.isArray(l)) {
+          const [d = "span", f = s.attrs] = l, u = { ...f, data: void 0 };
+          a = r(d, u, a ?? e.text);
         } else
-          s = { ...m, text: r.text };
-      }), s;
+          a = [{ ...l, text: e.text }];
+      }), a;
     }
-    return r.text ?? "";
+    return e.text ?? "";
   }
-  const e = I(r.type, "node", o);
-  if (e != null && e.render)
-    return N(r, o);
-  const [i = "div", t = r.attrs] = N(r, o);
-  return n(i, t, r.content);
-}, mr = (r, o, n) => J(r, o, n), B = {
+  if (H(e.type, "node", n)?.render)
+    return z(e, n);
+  const [o = "div", t = e.attrs] = z(e, n);
+  return r(o, t, e.content);
+}
+function $(e, n, r) {
+  return v(e, n, r);
+}
+const q = {
   colspan: "colSpan",
   rowspan: "rowSpan",
   textAlign: "textalign"
-}, lr = (r, o) => ({
-  ...Object.fromEntries(
-    Object.entries(o).map(([n, e]) => [(r == null ? void 0 : r[n]) ?? (B == null ? void 0 : B[n]) ?? n, e])
-  )
-}), H = {}, pr = (r) => {
+};
+function G(e, n) {
+  return {
+    ...Object.fromEntries(
+      Object.entries(n).map(([r, i]) => [e?.[r] ?? q?.[r] ?? r, i])
+    )
+  };
+}
+const P = {};
+function Q(e) {
   const {
-    content: o,
-    serializers: n = [],
-    componentSerializers: e = [],
-    renderingNodes: i,
+    content: n,
+    serializers: r = [],
+    componentSerializers: i = [],
+    renderingNodes: o,
     remappedAttributes: t,
-    themeName: s,
-    tokens: a,
-    customTheme: m
-  } = r, u = JSON.parse(JSON.stringify(o)), d = ar(n, e);
-  return mr(
-    u,
+    themeName: a,
+    tokens: s,
+    customTheme: l
+  } = e, d = JSON.parse(JSON.stringify(n)), f = V(r, i);
+  return $(
     d,
+    f,
     // @ts-expect-error Expects ReactNode
-    (p, k, l) => {
-      const b = {
-        ...k,
+    (u, b, m) => {
+      const N = {
+        ...b,
         style: void 0
-      }, g = lr(t, b), y = p, f = (i == null ? void 0 : i[y]) ?? (H == null ? void 0 : H[y]);
-      return f ? f({ children: l, attrs: g, themeName: s, tokens: a, customTheme: m }) : /* @__PURE__ */ x(
-        R,
+      }, k = G(t, N), g = u, c = o?.[g] ?? P?.[g];
+      return c != null ? c({ children: m, attrs: k, themeName: a, tokens: s, customTheme: l }) : /* @__PURE__ */ y(
+        B,
         {
-          as: p,
-          ...g,
-          themeName: s,
-          tokens: a,
-          customTheme: m,
-          children: l
+          as: u,
+          ...k,
+          themeName: a,
+          tokens: s,
+          customTheme: l,
+          children: m
         },
-        JSON.stringify(l)
+        JSON.stringify(m)
       );
     }
   );
-}, fr = [
-  P,
-  nr,
-  Y,
-  V,
-  W,
-  F,
+}
+const U = [
+  D.configure({
+    // Disable extensions we don't need for read-only rendering
+    dropcursor: !1,
+    gapcursor: !1,
+    undoRedo: !1,
+    underline: !1
+  }),
+  // Extensions not included in StarterKit
+  w,
+  R,
   K,
-  X,
-  U,
-  D,
-  $,
-  Q,
+  E,
   _,
-  G,
-  Z,
-  q,
-  rr,
-  er,
-  or,
-  tr,
-  ir,
-  j,
-  C
-], Fr = (r) => {
+  I,
+  J
+];
+function ce(e) {
   const {
-    jsonContent: o,
-    editorNodes: n,
-    serializers: e,
-    nodes: i,
+    jsonContent: n,
+    editorNodes: r,
+    serializers: i,
+    nodes: o,
     config: t,
-    relationMarksConfig: s,
-    themeName: a,
-    tokens: m,
-    customTheme: u,
-    remappedAttributes: d
-  } = r, p = cr(n, o), k = e ?? [...fr] ?? [], l = (f, O) => {
-    var z, A, M;
-    const { attrs: c } = f, w = `${(z = c == null ? void 0 : c.collection) == null ? void 0 : z.replace("related_", "")}_id`;
-    if (c != null && c.data) {
-      if (!((A = c == null ? void 0 : c.data) != null && A.blocks)) {
-        const S = { collection: c.collection, item: { ...c == null ? void 0 : c.data } };
-        return /* @__PURE__ */ x(h, { block: S, config: O }, JSON.stringify(S));
+    relationMarksConfig: a,
+    themeName: s,
+    tokens: l,
+    customTheme: d,
+    remappedAttributes: f
+  } = e, u = F(r, n), b = i ?? [...U], m = (c, x) => {
+    const { attrs: p } = c, L = `${p?.collection?.replace("related_", "")}_id`;
+    if (p?.data != null) {
+      if (p.data.blocks == null) {
+        const S = { collection: p.collection, item: { ...p?.data } };
+        return /* @__PURE__ */ y(M, { block: S, config: x }, JSON.stringify(S));
       }
-      const T = (M = c == null ? void 0 : c.data) == null ? void 0 : M.blocks, E = T == null ? void 0 : T.map((S) => ({ item: S == null ? void 0 : S[w], collection: c == null ? void 0 : c.collection }));
-      return /* @__PURE__ */ x(h, { blocks: E, config: O }, JSON.stringify(T));
+      const A = p?.data?.blocks, h = A?.map((S) => ({ item: S?.[L], collection: p?.collection }));
+      return /* @__PURE__ */ y(M, { blocks: h, config: x }, JSON.stringify(A));
     }
     return null;
-  }, b = L.create({
+  }, N = T.create({
     name: "relation-block",
     renderHTML: () => ["relation-block"],
-    render: (f) => l(f, t)
-  }), g = L.create({
+    render: (c) => m(c, t)
+  }), k = T.create({
     name: "relation-inline-block",
     renderHTML: () => ["relation-inline-block"],
-    render: (f) => l(f, t)
-  }), y = v.create({
+    render: (c) => m(c, t)
+  }), g = O.create({
     name: "relation-mark",
-    type: "relation-mark",
     renderHTML: () => ["relation-mark"],
-    render: (f) => l(f, s)
+    render: (c) => m(c, a)
   });
-  return k.push(b, g, y), p ? /* @__PURE__ */ x(
-    pr,
+  return b.push(N, k, g), u == null ? null : /* @__PURE__ */ y(
+    Q,
     {
-      content: p,
-      serializers: k,
-      renderingNodes: i,
-      themeName: a,
-      tokens: m,
-      customTheme: u,
-      remappedAttributes: d
+      content: u,
+      serializers: b,
+      renderingNodes: o,
+      themeName: s,
+      tokens: l,
+      customTheme: d,
+      remappedAttributes: f
     }
-  ) : null;
-};
+  );
+}
 export {
-  Fr as FlexibleEditorContent,
-  pr as RenderNodes
+  ce as FlexibleEditorContent,
+  Q as RenderNodes
 };

package/lib/components/FlexibleEditorContent/extensions.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Mark<import('@tiptap/extension-bold').BoldOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-align').TextAlignOptions, any>)[];
+declare const _default: (import('@tiptap/core').Extension<import('@tiptap/starter-kit').StarterKitOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-table').TableOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-table').TableHeaderOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-align').TextAlignOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-subscript').SubscriptExtensionOptions, any>)[];
 export default _default;

package/lib/components/FlexibleEditorContent/index.d.ts

@@ -1,8 +1,7 @@
-import { TBlockSerializerConfig } from '../../../../../directus-block/src/index.ts';
-import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
-import { JSONContent, Extensions, EditorNodes } from '../../functions/types';
+import { TBlockSerializerConfig } from '@okam/directus-block';
+import { TDefaultComponent } from '@okam/stack-ui';
+import { EditorNodes, Extensions, JSONContent } from '../../functions/types';
 import { TRenderingNodes } from '../nodes/types';
-
 interface FlexibleEditorContentProps extends TDefaultComponent {
     jsonContent: JSONContent;
     editorNodes?: EditorNodes[] | undefined | null;
@@ -12,5 +11,5 @@ interface FlexibleEditorContentProps extends TDefaultComponent {
     nodes?: TRenderingNodes;
     remappedAttributes?: Record<string, string>;
 }
-declare const FlexibleEditorContent: (props: FlexibleEditorContentProps) => import("react/jsx-runtime").JSX.Element | null;
+declare function FlexibleEditorContent(props: FlexibleEditorContentProps): import("react/jsx-runtime").JSX.Element | null;
 export default FlexibleEditorContent;

package/lib/components/RenderNodes/index.d.ts

@@ -1,8 +1,7 @@
-import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
+import { TDefaultComponent } from '@okam/stack-ui';
 import { ReactNode } from 'react';
-import { JSONContent, Extensions, ReactComponentSerializers } from '../../functions/types';
+import { Extensions, JSONContent, ReactComponentSerializers } from '../../functions/types';
 import { TRenderingNodes } from '../nodes/types';
-
 interface RenderNodesProps extends TDefaultComponent {
     content: JSONContent;
     serializers?: Extensions;
@@ -10,5 +9,5 @@ interface RenderNodesProps extends TDefaultComponent {
     renderingNodes?: TRenderingNodes;
     remappedAttributes?: Record<string, string>;
 }
-declare const RenderNodes: (props: RenderNodesProps) => ReactNode;
+declare function RenderNodes(props: RenderNodesProps): ReactNode;
 export default RenderNodes;

package/lib/components/attributes/remapAttributes.d.ts

@@ -1,4 +1,4 @@
-declare const remapAttributes: (mappedAttributes: Record<string, string> | undefined, attrs: Record<string, number | string | undefined>) => {
-    [x: string]: string | number | undefined;
+declare function remapAttributes(mappedAttributes: Record<string, string> | undefined, attrs: Record<string, number | string | undefined>): {
+    [k: string]: string | number | undefined;
 };
 export default remapAttributes;

package/lib/components/index.d.ts

@@ -1,3 +1,3 @@
 export { default as FlexibleEditorContent } from './FlexibleEditorContent';
+export type * from './nodes/types';
 export { default as RenderNodes } from './RenderNodes';
-export * from './nodes/types';

package/lib/components/nodes/index.d.ts

@@ -1,4 +1,3 @@
 import { TRenderingNodes } from './types';
-
 declare const nodes: TRenderingNodes;
 export default nodes;

package/lib/components/nodes/types.d.ts

@@ -1,10 +1,9 @@
-import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
-import { default as React } from 'react';
-
+import { TDefaultComponent } from '@okam/stack-ui';
+import type * as React from 'react';
 export interface TBaseRenderingNode extends TDefaultComponent {
     children: React.ReactNode;
     attrs?: Record<string, number | string | boolean | undefined>;
 }
 export type TRenderingNodes = {
-    [key in keyof React.JSX.IntrinsicElements]?: (props: TBaseRenderingNode) => React.JSX.Element;
+    [_key in keyof React.JSX.IntrinsicElements]?: (_props: TBaseRenderingNode) => React.JSX.Element;
 };

package/lib/functions/index.d.ts

@@ -1,4 +1,4 @@
 export { default as injectDataIntoContent } from './injectDataIntoContent';
 export { default as mergeSerializers } from './mergeSerializers';
 export { default as renderView } from './renderView';
-export * from './types';
+export type * from './types';

package/lib/functions/injectDataIntoContent.d.ts

@@ -1,5 +1,4 @@
 import { JSONContent } from '@tiptap/core';
 import { EditorNodes } from './types';
-
-declare const injectDataIntoContent: (data: EditorNodes[] | undefined | null, content: JSONContent, primaryKeyField?: string, itemField?: string) => JSONContent | null;
+declare function injectDataIntoContent(data: EditorNodes[] | undefined | null, content: JSONContent, primaryKeyField?: string, itemField?: string): JSONContent | null;
 export default injectDataIntoContent;

package/lib/functions/mergeSerializers.d.ts

@@ -1,4 +1,3 @@
-import { Extensions, ComponentSerializers } from './types';
-
-declare const mergeSerializers: <T>(serializers: Extensions, componentSerializers: ComponentSerializers<T>) => Extensions;
+import { ComponentSerializers, Extensions } from './types';
+declare function mergeSerializers<T>(serializers: Extensions, componentSerializers: ComponentSerializers<T>): Extensions;
 export default mergeSerializers;

package/lib/functions/renderView.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { JSONContent, Extensions, RenderedNode, RenderCallback } from './types';
-
-declare const renderView: <T>(node: JSONContent, serializers: Extensions, renderCallback: RenderCallback<ReactNode | JSONContent[]>) => RenderedNode<T>;
+import { Extensions, JSONContent, RenderCallback, RenderedNode } from './types';
+declare function renderView<T>(node: JSONContent, serializers: Extensions, renderCallback: RenderCallback<ReactNode | JSONContent[]>): RenderedNode<T>;
 export default renderView;

package/lib/functions/types.d.ts

@@ -1,24 +1,33 @@
-import { TBlock } from '../../../../directus-block/src/index.ts';
-import { JSONContent, Extensions, AnyExtension } from '@tiptap/core';
+import { TBlock } from '@okam/directus-block';
+import { AnyExtension, Extensions, JSONContent } from '@tiptap/core';
 import { ElementType, FunctionComponent, ReactNode } from 'react';
-
-export type { JSONContent, Extensions };
+export type { Extensions, JSONContent };
 export type RenderedNode<T> = T | string | (T | string)[];
 export type Tag = ElementType;
 export type Attrs = JSONContent['attrs'];
 export type NodeType = 'mark' | 'node';
-export type RenderCallback<T> = (tag: Tag, attrs: Attrs, content?: T) => RenderedNode<T>;
+export type RenderCallback<T> = (_tag: Tag, _attrs: Attrs, _content?: T) => RenderedNode<T>;
 export type SerializedNode = [tag?: Tag, attrs?: Attrs];
-export type Serializer = AnyExtension & {
+/**
+ * Custom serializer config type that includes the custom `render` property
+ * added via module augmentation in tiptap.d.ts
+ */
+export interface SerializerConfig {
     options?: unknown;
-    renderHTML?: (attributes: Record<string, unknown>) => SerializedNode;
-    render?: (props: TBlock['item']) => ReactNode;
-    addAttributes: () => unknown;
+    renderHTML?: (_attributes: Record<string, unknown>) => SerializedNode;
+    render?: (_props: TBlock['item']) => ReactNode;
+    addAttributes?: () => Record<string, {
+        rendered?: boolean;
+        default?: unknown;
+    }>;
+}
+export type Serializer = AnyExtension & {
+    config: SerializerConfig;
 };
 export type ComponentSerializers<T> = {
     name: string;
     component?: T;
-    render?: (attrs: Attrs) => [Tag | T, Attrs];
+    render?: (_attrs: Attrs) => [Tag | T, Attrs];
     type?: NodeType;
 }[];
 export type RelationBlockSerializers<T> = {

package/lib/types.d.ts

@@ -1,5 +1,4 @@
-import { TCommonBlockFragment } from '../../../directus-block/src/index.ts';
-
+import { TCommonBlockFragment } from '@okam/directus-block';
 export type RelationBlockSerializers<T> = {
     collection: string;
     component: T;
@@ -12,8 +11,8 @@ export type RelationBlockProps = RelationBlockAttrs & {
         };
     };
 };
-export type RelationBlockAttrs = {
+export interface RelationBlockAttrs {
     id: string | null;
     junction: string | null;
     collection: string | null;
-};
+}

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@okam/directus-flexible-content",
-  "version": "1.3.2",
-  "main": "./index.js",
-  "types": "./index.d.ts",
+  "version": "1.3.8",
+  "repository": {
+    "url": "https://github.com/OKAMca/stack.git"
+  },
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": {
@@ -15,46 +17,33 @@
       }
     }
   },
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "engines": {
+    "node": ">=20.19.0"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "url": "https://github.com/OKAMca/stack.git"
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
     "@nx/vite": "20.2.2",
-    "@okam/directus-block": "1.7.2",
-    "@okam/stack-ui": "1.44.1",
+    "@okam/directus-block": "1.7.8",
+    "@okam/stack-ui": "1.44.4",
+    "@tiptap/core": "^3.15.3",
+    "@tiptap/extension-subscript": "^3.15.3",
+    "@tiptap/extension-superscript": "^3.15.3",
+    "@tiptap/extension-table": "^3.15.3",
+    "@tiptap/extension-table-cell": "^3.15.3",
+    "@tiptap/extension-table-header": "^3.15.3",
+    "@tiptap/extension-table-row": "^3.15.3",
+    "@tiptap/extension-text-align": "^3.15.3",
+    "@tiptap/starter-kit": "^3.15.3",
     "@vitejs/plugin-react": "4.3.4",
     "vite": "^5.0.13",
-    "vite-plugin-dts": "~2.3.0",
-    "@tiptap/extension-blockquote": "^2.10.3",
-    "@tiptap/extension-bold": "^2.10.3",
-    "@tiptap/extension-bullet-list": "^2.10.3",
-    "@tiptap/extension-code": "^2.10.3",
-    "@tiptap/extension-code-block": "^2.10.3",
-    "@tiptap/extension-document": "^2.10.3",
-    "@tiptap/extension-hard-break": "^2.10.3",
-    "@tiptap/extension-heading": "^2.10.3",
-    "@tiptap/extension-horizontal-rule": "^2.10.3",
-    "@tiptap/extension-italic": "^2.10.3",
-    "@tiptap/extension-link": "^2.10.3",
-    "@tiptap/extension-list-item": "^2.10.3",
-    "@tiptap/extension-ordered-list": "^2.10.3",
-    "@tiptap/extension-paragraph": "^2.10.3",
-    "@tiptap/extension-strike": "^2.10.3",
-    "@tiptap/extension-subscript": "^2.10.3",
-    "@tiptap/extension-superscript": "^2.10.3",
-    "@tiptap/extension-table": "^2.10.3",
-    "@tiptap/extension-table-cell": "^2.10.3",
-    "@tiptap/extension-table-header": "^2.10.3",
-    "@tiptap/extension-table-row": "^2.10.3",
-    "@tiptap/extension-text": "^2.10.3",
-    "@tiptap/extension-text-align": "^2.10.3",
-    "@tiptap/core": "^2.10.3"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0"
+    "vite-plugin-dts": "~2.3.0"
   },
   "devDependencies": {
     "react": "^19.0.0"