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-01-12 12:20:23 +01: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/extensions/task-item/components/task-item-view.tsx
+++ b/web/components/la-editor/extensions/task-item/components/task-item-view.tsx
@@ -0,0 +1,50 @@
+import { NodeViewContent, Editor, NodeViewWrapper } from "@tiptap/react"
+import { Icon } from "../../../components/ui/icon"
+import { useCallback } from "react"
+import { Node as ProseMirrorNode } from "@tiptap/pm/model"
+import { Node } from "@tiptap/core"
+
+interface TaskItemProps {
+	editor: Editor
+	node: ProseMirrorNode
+	updateAttributes: (attrs: Record<string, any>) => void
+	extension: Node
+}
+
+export const TaskItemView: React.FC<TaskItemProps> = ({ node, updateAttributes, editor, extension }) => {
+	const handleChange = useCallback(
+		(event: React.ChangeEvent<HTMLInputElement>) => {
+			const checked = event.target.checked
+
+			if (!editor.isEditable && !extension.options.onReadOnlyChecked) {
+				return
+			}
+
+			if (editor.isEditable) {
+				updateAttributes({ checked })
+			} else if (extension.options.onReadOnlyChecked) {
+				if (!extension.options.onReadOnlyChecked(node, checked)) {
+					event.target.checked = !checked
+				}
+			}
+		},
+		[editor.isEditable, extension.options, node, updateAttributes]
+	)
+
+	return (
+		<NodeViewWrapper as="li" data-type="taskItem" data-checked={node.attrs.checked}>
+			<div className="taskItem-checkbox-container">
+				<Icon name="GripVertical" data-drag-handle className="taskItem-drag-handle" />
+
+				<label>
+					<input type="checkbox" checked={node.attrs.checked} onChange={handleChange} className="taskItem-checkbox" />
+				</label>
+			</div>
+			<div className="taskItem-content">
+				<NodeViewContent />
+			</div>
+		</NodeViewWrapper>
+	)
+}
+
+export default TaskItemView
--- a/web/components/la-editor/extensions/task-item/index.ts
+++ b/web/components/la-editor/extensions/task-item/index.ts
@@ -0,0 +1 @@
+export * from "./task-item"
--- a/web/components/la-editor/extensions/task-item/task-item.ts
+++ b/web/components/la-editor/extensions/task-item/task-item.ts
@@ -0,0 +1,64 @@
+import { ReactNodeViewRenderer } from "@tiptap/react"
+import { mergeAttributes } from "@tiptap/core"
+import { TaskItemView } from "./components/task-item-view"
+import { TaskItem as TiptapTaskItem } from "@tiptap/extension-task-item"
+
+export const TaskItem = TiptapTaskItem.extend({
+	name: "taskItem",
+
+	draggable: true,
+
+	addOptions() {
+		return {
+			...this.parent?.(),
+			nested: true
+		}
+	},
+
+	addAttributes() {
+		return {
+			checked: {
+				default: false,
+				keepOnSplit: false,
+				parseHTML: element => {
+					const dataChecked = element.getAttribute("data-checked")
+					return dataChecked === "" || dataChecked === "true"
+				},
+				renderHTML: attributes => ({
+					"data-checked": attributes.checked
+				})
+			}
+		}
+	},
+
+	renderHTML({ node, HTMLAttributes }) {
+		return [
+			"li",
+			mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+				"data-type": this.name
+			}),
+			[
+				"div",
+				{ class: "taskItem-checkbox-container" },
+				[
+					"label",
+					[
+						"input",
+						{
+							type: "checkbox",
+							checked: node.attrs.checked ? "checked" : null,
+							class: "taskItem-checkbox"
+						}
+					]
+				]
+			],
+			["div", { class: "taskItem-content" }, 0]
+		]
+	},
+
+	addNodeView() {
+		return ReactNodeViewRenderer(TaskItemView, {
+			as: "span"
+		})
+	}
+})