Setup (#112)

* wip * wip * wip3 * chore: utils * feat: add command * wip * fix: key duplicate * fix: move and check * fix: use react-use instead * fix: sidebar * chore: make dynamic * chore: tablet mode * chore: fix padding * chore: link instead of inbox * fix: use dnd kit * feat: add select component * chore: use atom * refactor: remove dnd provider * feat: disabled drag when sort is not manual * search route * . * feat: accessibility * fix: search * . * . * . * fix: sidebar collapsed * ai search layout * . * . * . * . * ai responsible content * . * . * . * . * . * global topic route * global topic correct route * topic buttons * sidebar search navigation * ai * Update jazz * . * . * . * . * . * learning status * . * . * chore: content header * fix: pointer none when dragging. prevent auto click after drag end * fix: confirm * fix: prevent drag when editing * chore: remove unused fn * fix: check propagation * chore: list * chore: tweak sonner * chore: update stuff * feat: add badge * chore: close edit when create * chore: escape on manage form * refactor: remove learn path * css: responsive item * chore: separate pages and topic * reafactor: remove new-schema * feat(types): extend jazz type so it can be nullable * chore: use new types * fix: missing deps * fix: link * fix: sidebar in layout * fix: quotes * css: use medium instead semi * Actual streaming and rendering markdown response * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * . * chore: metadata * feat: la-editor * . * fix: editor and page * . * . * . * . * . * . * fix: remove link * chore: page sidebar * fix: remove 'replace with learning status' * fix: link * fix: link * chore: update schema * chore: use new schema * fix: instead of showing error, just do unique slug * feat: create slug * refactor apply * update package json * fix: schema personal page * chore: editor * feat: pages * fix: metadata * fix: jazz provider * feat: handling data * feat: page detail * chore: server page to id * chore: use id instead of slug * chore: update content header * chore: update link header implementation * refactor: global.css * fix: la editor use animation frame * fix: editor export ref * refactor: page detail * chore: tidy up schema * chore: adapt to new schema * fix: wrap using settimeout * fix: wrap using settimeout * . * . --------- Co-authored-by: marshennikovaolga <marshennikova@gmail.com> Co-authored-by: Nikita <github@nikiv.dev> Co-authored-by: Anselm <anselm.eickhoff@gmail.com> Co-authored-by: Damian Tarnawski <gthetarnav@gmail.com>
2026-04-24 01:08:36 +02:00 · 2024-08-08 00:57:22 +07:00
parent 228faf226a
commit 36e0e19212
143 changed files with 6967 additions and 101 deletions
--- a/web/components/la-editor/hooks/use-text-menu-commands.ts
+++ b/web/components/la-editor/hooks/use-text-menu-commands.ts
@@ -0,0 +1,30 @@
+import { Editor } from "@tiptap/react"
+import { useCallback } from "react"
+
+export const useTextmenuCommands = (editor: Editor) => {
+	const onBold = useCallback(() => editor.chain().focus().toggleBold().run(), [editor])
+	const onItalic = useCallback(() => editor.chain().focus().toggleItalic().run(), [editor])
+	const onStrike = useCallback(() => editor.chain().focus().toggleStrike().run(), [editor])
+	const onCode = useCallback(() => editor.chain().focus().toggleCode().run(), [editor])
+	const onCodeBlock = useCallback(() => editor.chain().focus().toggleCodeBlock().run(), [editor])
+	const onQuote = useCallback(() => editor.chain().focus().toggleBlockquote().run(), [editor])
+	const onLink = useCallback(
+		(url: string, inNewTab?: boolean) =>
+			editor
+				.chain()
+				.focus()
+				.setLink({ href: url, target: inNewTab ? "_blank" : "" })
+				.run(),
+		[editor]
+	)
+
+	return {
+		onBold,
+		onItalic,
+		onStrike,
+		onCode,
+		onCodeBlock,
+		onQuote,
+		onLink
+	}
+}
--- a/web/components/la-editor/hooks/use-text-menu-states.ts
+++ b/web/components/la-editor/hooks/use-text-menu-states.ts
@@ -0,0 +1,34 @@
+import { Editor } from "@tiptap/react"
+import { useCallback } from "react"
+import { ShouldShowProps } from "../types"
+import { isCustomNodeSelected, isTextSelected } from "../lib/utils"
+
+export const useTextmenuStates = (editor: Editor) => {
+	const shouldShow = useCallback(
+		({ view, from }: ShouldShowProps) => {
+			if (!view) {
+				return false
+			}
+
+			const domAtPos = view.domAtPos(from || 0).node as HTMLElement
+			const nodeDOM = view.nodeDOM(from || 0) as HTMLElement
+			const node = nodeDOM || domAtPos
+
+			if (isCustomNodeSelected(editor, node)) {
+				return false
+			}
+
+			return isTextSelected({ editor })
+		},
+		[editor]
+	)
+
+	return {
+		isBold: editor.isActive("bold"),
+		isItalic: editor.isActive("italic"),
+		isStrike: editor.isActive("strike"),
+		isUnderline: editor.isActive("underline"),
+		isCode: editor.isActive("code"),
+		shouldShow
+	}
+}