add striked text

CHANGES.md

@@ -1,3 +1,9 @@
+# 0.2.0-alpha.3
+
+## 🌟 Features
+
+-   Added striked text
+
 # 0.2.0-alpha.2
 
 ## 🌟 Features

package.json

@@ -1,6 +1,6 @@
 {
   "name": "darkwrite",
-  "version": "0.2.0-alpha.2",
+  "version": "0.2.0-alpha.3",
   "description": "",
   "scripts": {
     "test:all": "yarn workspaces foreach -A run test",

packages/app-desktop/package.json

@@ -7,7 +7,7 @@
     "description": "The eye candy note-taking app for all desktops.",
     "productName": "Darkwrite",
     "private": true,
-    "version": "0.2.0-alpha.2",
+    "version": "0.2.0-alpha.3",
     "type": "module",
     "license": "AGPL-3.0-or-later",
     "main": "dist-electron/main.js",

packages/app-desktop/src/features/editor/bubble-menu/formatting.tsx

@@ -1,48 +1,57 @@
 import { useEditor } from "novel";
-import { Bold, Code, Italic, Underline } from "lucide-react";
+import { Bold, Code, Italic, Strikethrough, Underline } from "lucide-react";
 import { BubbleButton } from "./bubble-button";
 
 export function FormattingButtons() {
-  const { editor } = useEditor();
-  if (!editor) return null;
-  return (
-    <div className="flex h-10">
-      <BubbleButton
-        isActive={(e) => e.editor?.isActive("bold") ?? false}
-        name="bold"
-        icon={Bold}
-        editor={{ editor }}
-        command={(editor) => {
-          editor.chain().focus().toggleBold().run();
-        }}
-      />
-      <BubbleButton
-        isActive={(e) => e.editor?.isActive("italic") ?? false}
-        name="italic"
-        icon={Italic}
-        editor={{ editor }}
-        command={(editor) => {
-          editor.chain().focus().toggleItalic().run();
-        }}
-      />
-      <BubbleButton
-        isActive={(e) => e.editor?.isActive("underline") ?? false}
-        name="underline"
-        icon={Underline}
-        editor={{ editor }}
-        command={(editor) => {
-          editor.chain().focus().toggleUnderline().run();
-        }}
-      />
-      <BubbleButton
-        isActive={(e) => e.editor?.isActive("code") ?? false}
-        name="code"
-        icon={Code}
-        editor={{ editor }}
-        command={(editor) => {
-          editor.chain().focus().toggleCode().run();
-        }}
-      />
-    </div>
-  );
+    const { editor } = useEditor();
+    if (!editor) return null;
+    return (
+        <div className="flex h-10">
+            <BubbleButton
+                isActive={(e) => e.editor?.isActive("bold") ?? false}
+                name="bold"
+                icon={Bold}
+                editor={{ editor }}
+                command={(editor) => {
+                    editor.chain().focus().toggleBold().run();
+                }}
+            />
+            <BubbleButton
+                isActive={(e) => e.editor?.isActive("italic") ?? false}
+                name="italic"
+                icon={Italic}
+                editor={{ editor }}
+                command={(editor) => {
+                    editor.chain().focus().toggleItalic().run();
+                }}
+            />
+            <BubbleButton
+                isActive={(e) => e.editor?.isActive("underline") ?? false}
+                name="underline"
+                icon={Underline}
+                editor={{ editor }}
+                command={(editor) => {
+                    editor.chain().focus().toggleUnderline().run();
+                }}
+            />
+            <BubbleButton
+                isActive={(e) => e.editor?.isActive("strike") ?? false}
+                name="strike"
+                icon={Strikethrough}
+                editor={{ editor }}
+                command={(editor) => {
+                    editor.chain().focus().toggleStrike().run();
+                }}
+            />
+            <BubbleButton
+                isActive={(e) => e.editor?.isActive("code") ?? false}
+                name="code"
+                icon={Code}
+                editor={{ editor }}
+                command={(editor) => {
+                    editor.chain().focus().toggleCode().run();
+                }}
+            />
+        </div>
+    );
 }

packages/common/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darkwrite/common",
-  "version": "0.2.0-alpha.2",
+  "version": "0.2.0-alpha.3",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "scripts": {