fix: add contaxt,nestingLevel to toExternalHTML

Author: YousefED

packages/core/src/api/exporters/html/util/serializeBlocksExternalHTML.ts

@@ -207,6 +207,9 @@ function serializeBlock<
       {},
       { ...block, props } as any,
       editor as any,
+      {
+        nestingLevel,
+      },
     ) ||
     blockImplementation.render.call(
       {},

packages/core/src/schema/blocks/createSpec.ts

@@ -242,7 +242,7 @@ export function addNodeAndExtensionsToSpec<
       },
       // TODO: this should not have wrapInBlockStructure and generally be a lot simpler
       // post-processing in externalHTMLExporter should not be necessary
-      toExternalHTML: (block, editor) => {
+      toExternalHTML: (block, editor, context) => {
         const blockContentDOMAttributes =
           node.options.domAttributes?.blockContent || {};
 
@@ -251,6 +251,7 @@ export function addNodeAndExtensionsToSpec<
             { blockContentDOMAttributes },
             block as any,
             editor as any,
+            context,
           ) ??
           blockImplementation.render.call(
             { blockContentDOMAttributes, renderType: "dom", props: undefined },
@@ -393,11 +394,12 @@ export function createBlockSpec<
         ...blockImplementation,
         // TODO: this should not have wrapInBlockStructure and generally be a lot simpler
         // post-processing in externalHTMLExporter should not be necessary
-        toExternalHTML(block, editor) {
+        toExternalHTML(block, editor, context) {
           const output = blockImplementation.toExternalHTML?.call(
             { blockContentDOMAttributes: this.blockContentDOMAttributes },
             block as any,
             editor as any,
+            context,
           );
 
           if (output === undefined) {

packages/core/src/schema/blocks/types.ts

@@ -139,6 +139,9 @@ export type LooseBlockSpec<
     toExternalHTML?: (
       block: any,
       editor: BlockNoteEditor<any>,
+      context: {
+        nestingLevel: number;
+      },
     ) =>
       | {
           dom: HTMLElement | DocumentFragment;
@@ -193,6 +196,9 @@ export type BlockSpecs = {
       toExternalHTML?: (
         block: any,
         editor: BlockNoteEditor<any>,
+        context: {
+          nestingLevel: number;
+        },
       ) =>
         | {
             dom: HTMLElement | DocumentFragment;
@@ -463,6 +469,9 @@ export type BlockImplementation<
     editor: BlockNoteEditor<
       Record<TName, BlockConfig<TName, TProps, TContent>>
     >,
+    context: {
+      nestingLevel: number;
+    },
   ) =>
     | {
         dom: HTMLElement | DocumentFragment;

packages/react/src/schema/ReactBlockSpec.tsx

@@ -3,10 +3,10 @@ import {
   BlockImplementation,
   BlockNoDefaults,
   BlockNoteEditor,
-  Extension,
   BlockSpec,
   camelToDataKebab,
   CustomBlockImplementation,
+  Extension,
   getBlockFromPos,
   mergeCSSClasses,
   Props,
@@ -51,7 +51,13 @@ export type ReactCustomBlockImplementation<
   "render" | "toExternalHTML"
 > & {
   render: FC<ReactCustomBlockRenderProps<TName, TProps, TContent>>;
-  toExternalHTML?: FC<ReactCustomBlockRenderProps<TName, TProps, TContent>>;
+  toExternalHTML?: FC<
+    ReactCustomBlockRenderProps<TName, TProps, TContent> & {
+      context: {
+        nestingLevel: number;
+      };
+    }
+  >;
 };
 
 export type ReactCustomBlockSpec<
@@ -224,7 +230,7 @@ export function createReactBlockSpec<
       config: blockConfig,
       implementation: {
         ...blockImplementation,
-        toExternalHTML(block, editor) {
+        toExternalHTML(block, editor, context) {
           const BlockContent =
             blockImplementation.toExternalHTML || blockImplementation.render;
           const output = renderToDOMSpec((refCB) => {
@@ -247,6 +253,7 @@ export function createReactBlockSpec<
                       );
                     }
                   }}
+                  context={context}
                 />
               </BlockContentWrapper>
             );