chore: Enhancement + New Feature (#185)

* wip * wip page * chore: style * wip pages * wip pages * chore: toggle * chore: link * feat: topic search * chore: page section * refactor: apply tailwind class ordering * fix: handle loggedIn user for guest route * feat: folder & image schema * chore: move utils to shared * refactor: tailwind class ordering * feat: img ext for editor * refactor: remove qa * fix: tanstack start * fix: wrong import * chore: use toast * chore: schema
2026-01-12 12:20:23 +01:00 · 2024-10-18 21:18:20 +07:00
parent c93c634a77
commit a440828f8c
158 changed files with 2808 additions and 1064 deletions
--- a/web/shared/editor/extensions/slash-command/groups.ts
+++ b/web/shared/editor/extensions/slash-command/groups.ts
@@ -0,0 +1,133 @@
+import { Group } from "./types"
+
+export const GROUPS: Group[] = [
+  {
+    name: "format",
+    title: "Format",
+    commands: [
+      {
+        name: "heading1",
+        label: "Heading 1",
+        iconName: "Heading1",
+        description: "High priority section title",
+        aliases: ["h1"],
+        shortcuts: ["mod", "alt", "1"],
+        action: (editor) => {
+          editor.chain().focus().setHeading({ level: 1 }).run()
+        },
+      },
+      {
+        name: "heading2",
+        label: "Heading 2",
+        iconName: "Heading2",
+        description: "Medium priority section title",
+        aliases: ["h2"],
+        shortcuts: ["mod", "alt", "2"],
+        action: (editor) => {
+          editor.chain().focus().setHeading({ level: 2 }).run()
+        },
+      },
+      {
+        name: "heading3",
+        label: "Heading 3",
+        iconName: "Heading3",
+        description: "Low priority section title",
+        aliases: ["h3"],
+        shortcuts: ["mod", "alt", "3"],
+        action: (editor) => {
+          editor.chain().focus().setHeading({ level: 3 }).run()
+        },
+      },
+    ],
+  },
+  {
+    name: "list",
+    title: "List",
+    commands: [
+      {
+        name: "bulletList",
+        label: "Bullet List",
+        iconName: "List",
+        description: "Unordered list of items",
+        aliases: ["ul"],
+        shortcuts: ["mod", "shift", "8"],
+        action: (editor) => {
+          editor.chain().focus().toggleBulletList().run()
+        },
+      },
+      {
+        name: "numberedList",
+        label: "Numbered List",
+        iconName: "ListOrdered",
+        description: "Ordered list of items",
+        aliases: ["ol"],
+        shortcuts: ["mod", "shift", "7"],
+        action: (editor) => {
+          editor.chain().focus().toggleOrderedList().run()
+        },
+      },
+      {
+        name: "taskList",
+        label: "Task List",
+        iconName: "ListTodo",
+        description: "Task list with todo items",
+        aliases: ["todo"],
+        shortcuts: ["mod", "shift", "8"],
+        action: (editor) => {
+          editor.chain().focus().toggleTaskList().run()
+        },
+      },
+    ],
+  },
+  {
+    name: "insert",
+    title: "Insert",
+    commands: [
+      {
+        name: "image",
+        label: "Image",
+        iconName: "Image",
+        description: "Insert an image",
+        shortcuts: ["mod", "shift", "i"],
+        aliases: ["img"],
+        action: (editor) => {
+          editor.chain().focus().toggleImage().run()
+        },
+      },
+      {
+        name: "codeBlock",
+        label: "Code Block",
+        iconName: "SquareCode",
+        description: "Code block with syntax highlighting",
+        shortcuts: ["mod", "alt", "c"],
+        shouldBeHidden: (editor) => editor.isActive("columns"),
+        action: (editor) => {
+          editor.chain().focus().setCodeBlock().run()
+        },
+      },
+      {
+        name: "horizontalRule",
+        label: "Divider",
+        iconName: "Divide",
+        description: "Insert a horizontal divider",
+        aliases: ["hr"],
+        shortcuts: ["mod", "shift", "-"],
+        action: (editor) => {
+          editor.chain().focus().setHorizontalRule().run()
+        },
+      },
+      {
+        name: "blockquote",
+        label: "Blockquote",
+        iconName: "Quote",
+        description: "Element for quoting",
+        shortcuts: ["mod", "shift", "b"],
+        action: (editor) => {
+          editor.chain().focus().setBlockquote().run()
+        },
+      },
+    ],
+  },
+]
+
+export default GROUPS