refactor: move meta to block implementation instead of block config

Author: nperez0111

examples/06-custom-schema/04-pdf-file-block/src/PDF.tsx

@@ -52,11 +52,11 @@ export const PDF = createReactBlockSpec(
       },
     },
     content: "none",
+  },
+  {
     meta: {
       fileBlockAccept: ["application/pdf"],
     },
-  },
-  {
     render: (props) => (
       <ResizableFileBlockWrapper
         {...(props as any)}

packages/core/src/api/clipboard/fromClipboard/handleFileInsertion.ts

@@ -108,8 +108,9 @@ export async function handleFileInsertion<
   for (let i = 0; i < items.length; i++) {
     // Gets file block corresponding to MIME type.
     let fileBlockType = "file";
-    for (const fileBlockConfig of Object.values(editor.schema.blockSchema)) {
-      for (const mimeType of fileBlockConfig.meta?.fileBlockAccept || []) {
+    for (const blockSpec of Object.values(editor.schema.blockSpecs)) {
+      for (const mimeType of blockSpec.implementation.meta?.fileBlockAccept ||
+        []) {
         const isFileExtension = mimeType.startsWith(".");
         const file = items[i].getAsFile();
 
@@ -124,7 +125,7 @@ export async function handleFileInsertion<
                 mimeType,
               ))
           ) {
-            fileBlockType = fileBlockConfig.type;
+            fileBlockType = blockSpec.config.type;
             break;
           }
         }

packages/core/src/blocks/Audio/block.ts

@@ -42,9 +42,6 @@ export const createAudioBlockConfig = createBlockConfig(
         },
       },
       content: "none",
-      meta: {
-        fileBlockAccept: ["audio/*"],
-      },
     }) as const,
 );
 
@@ -157,6 +154,9 @@ export const audioToExternalHTML =
 export const createAudioBlockSpec = createBlockSpec(
   createAudioBlockConfig,
   (config) => ({
+    meta: {
+      fileBlockAccept: ["audio/*"],
+    },
     parse: audioParse(config),
     render: audioRender(config),
     toExternalHTML: audioToExternalHTML(config),

packages/core/src/blocks/Code/block.ts

@@ -61,17 +61,17 @@ export const createCodeBlockConfig = createBlockConfig(
         },
       },
       content: "inline",
-      meta: {
-        code: true,
-        defining: true,
-        isolating: false,
-      },
     }) as const,
 );
 
 export const createCodeBlockSpec = createBlockSpec(
   createCodeBlockConfig,
   (options) => ({
+    meta: {
+      code: true,
+      defining: true,
+      isolating: false,
+    },
     parse: (e) => {
       if (e.tagName !== "PRE") {
         return undefined;

packages/core/src/blocks/File/block.ts

@@ -25,9 +25,6 @@ export const createFileBlockConfig = createBlockConfig(
         },
       },
       content: "none" as const,
-      meta: {
-        fileBlockAccept: ["*/*"],
-      },
     }) as const,
 );
 
@@ -59,6 +56,9 @@ export const fileParse = () => (element: HTMLElement) => {
 };
 
 export const createFileBlockSpec = createBlockSpec(createFileBlockConfig, {
+  meta: {
+    fileBlockAccept: ["*/*"],
+  },
   parse: fileParse(),
   render(block, editor) {
     return createFileBlockWrapper(block, editor);

packages/core/src/blocks/Heading/block.ts

@@ -30,15 +30,15 @@ export const createHeadingBlockConfig = createBlockConfig(
           : {}),
       },
       content: "inline",
-      meta: {
-        isolating: false,
-      },
     }) as const,
 );
 
 export const createHeadingBlockSpec = createBlockSpec(
   createHeadingBlockConfig,
   ({ allowToggleHeadings = true }: HeadingOptions = {}) => ({
+    meta: {
+      isolating: false,
+    },
     parse(e) {
       let level: number;
       switch (e.tagName) {

packages/core/src/blocks/Image/block.ts

@@ -47,9 +47,6 @@ export const createImageBlockConfig = createBlockConfig(
         },
       },
       content: "none" as const,
-      meta: {
-        fileBlockAccept: ["image/*"],
-      },
     }) as const,
 );
 
@@ -172,6 +169,9 @@ export const imageToExternalHTML =
 export const createImageBlockSpec = createBlockSpec(
   createImageBlockConfig,
   (config) => ({
+    meta: {
+      fileBlockAccept: ["image/*"],
+    },
     parse: imageParse(config),
     render: imageRender(config),
     toExternalHTML: imageToExternalHTML(config),

packages/core/src/blocks/ListItem/BulletListItem/block.ts

@@ -14,15 +14,15 @@ export const createBulletListItemBlockConfig = createBlockConfig(
         ...defaultProps,
       },
       content: "inline",
-      meta: {
-        isolating: false,
-      },
     }) as const,
 );
 
 export const createBulletListItemBlockSpec = createBlockSpec(
   createBulletListItemBlockConfig,
   {
+    meta: {
+      isolating: false,
+    },
     parse(element) {
       if (element.tagName !== "LI") {
         return false;

packages/core/src/blocks/ListItem/CheckListItem/block.ts

@@ -15,15 +15,15 @@ export const createCheckListItemConfig = createBlockConfig(
         checked: { default: false, type: "boolean" },
       },
       content: "inline",
-      meta: {
-        isolating: false,
-      },
     }) as const,
 );
 
 export const createCheckListItemBlockSpec = createBlockSpec(
   createCheckListItemConfig,
   {
+    meta: {
+      isolating: false,
+    },
     parse(element) {
       if (element.tagName === "input") {
         // Ignore if we already parsed an ancestor list item to avoid double-parsing.

packages/core/src/blocks/ListItem/NumberedListItem/block.ts

@@ -16,15 +16,15 @@ export const createNumberedListItemBlockConfig = createBlockConfig(
         start: { default: undefined, type: "number" } as const,
       },
       content: "inline",
-      meta: {
-        isolating: false,
-      },
     }) as const,
 );
 
 export const createNumberedListItemBlockSpec = createBlockSpec(
   createNumberedListItemBlockConfig,
   {
+    meta: {
+      isolating: false,
+    },
     parse(element) {
       if (element.tagName !== "LI") {
         return false;