@vonaffenfels/slate-editor 1.1.41 → 1.1.43

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/slate-editor",
-    "version": "1.1.41",
+    "version": "1.1.43",
     "description": "",
     "main": "dist/index.js",
     "scripts": {
@@ -72,7 +72,7 @@
         "cssnano": "^5.0.1",
         "escape-html": "^1.0.3"
     },
-    "gitHead": "baf1a0542e3c05c1454d26de09910d01e69bd38b",
+    "gitHead": "d3645e92a4ccd3e5033de4e79de4d9b7d03af4a9",
     "publishConfig": {
         "access": "public"
     }

package/src/BlockEditor.js

@@ -128,6 +128,21 @@ export default function BlockEditor({
                         isInline: undefined,
                     };
                 }
+            } else if (node?.type === "heading") {
+                if (!node?.attributes) {
+                    node.attributes = {};
+                }
+
+                // set an id for linking directly to headlines
+                if (!node.attributes.id) {
+                    return {
+                        ...node,
+                        attributes: {
+                            ...node.attributes,
+                            id: ObjectId(),
+                        },
+                    };
+                }
             }
 
             return node;

package/src/Nodes/StorybookDisplay.js

@@ -149,5 +149,5 @@ const BlockComponent = ({
         return <LoadedComponent {...loadedAttributes} />;
     }
 
-    return <WrapperTag id={loadedAttributes?.id} className={wrapperClassName}><LoadedComponent {...loadedAttributes} /></WrapperTag>;
+    return <WrapperTag className={wrapperClassName}><LoadedComponent {...loadedAttributes} /></WrapperTag>;
 };

package/src/Serializer/Serializer.js

@@ -124,7 +124,7 @@ export function Serializer({
                     storybookComponentDataLoader: storybookComponentDataLoader,
                 };
 
-                return <Wrapper type={props.type} block={props.block}><StorybookDisplay {...storyProps} /></Wrapper>;
+                return <Wrapper id={props?.attributes?.id} type={props.type} block={props.block}><StorybookDisplay {...storyProps} /></Wrapper>;
             }
             case 'layout': {
                 let isGrid = true;