Can create new blogs

frontend/components/editor.tsx

@@ -28,14 +28,32 @@ export function LocalEditor({
 	setTitle,
 }: EditorProps) {
 	const getTitle = (editor: Editor) => {
-		const h1s: string[] = [];
-		editor.state.doc.descendants((node, pos) => {
-			if (node.type.name === "heading" && node.attrs.level === 1) {
-				h1s.push(node.textContent);
-			}
-		});
+		const firstNode = editor.state.doc.firstChild;
 
-		return h1s.length > 0 ? h1s[0] : null;
+		if (!firstNode) {
+			editor.commands.setNode("heading", {
+				level: 1,
+				content: [{ type: "text", text: "Titre" }],
+			});
+		}
+
+		if (
+			firstNode &&
+			!(firstNode.type.name === "heading" && firstNode.attrs.level === 1)
+		) {
+			setFirstLineAsH1(editor);
+		}
+
+		return firstNode?.textContent;
+	};
+
+	const setFirstLineAsH1 = (editor: Editor) => {
+		const firstNode = editor.state.doc.firstChild;
+
+		// Check if the first node is a paragraph and make it h1
+		if (firstNode && firstNode.type.name === "paragraph") {
+			editor.commands.setNode("heading", { level: 1 });
+		}
 	};
 
 	const editor = useEditor({
@@ -70,7 +88,6 @@ export function LocalEditor({
 		},
 		onUpdate: ({ editor }) => {
 			localStorage.setItem("blog_draft", editor.getHTML());
-			// Set the first H1 if it exists
 			const title = getTitle(editor);
 			setTitle?.(title ?? "");
 		},