dsh-plugin-lookatstudy 0.12.4 → 0.12.5

package/lib/client.js

@@ -235,6 +235,9 @@ window.__ModuleLoader__.load({
 .lks-zone-h{font-size:14px;color:var(--dsw-alias-label-secondary);margin:0 0 8px;font-weight:600}
 .lks-note{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px 14px;margin-bottom:8px}
 .lks-note .lks-note-src{float:right;font-size:11.5px;color:var(--dsw-alias-label-secondary)}
+.lks-note-del{float:right;clear:right;border:none;background:none;color:var(--dsw-alias-label-tertiary);cursor:pointer;padding:2px;border-radius:5px;line-height:0}
+.lks-note-del:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-2)}
+.lks-note-del.armed{color:#fff;background:var(--dsw-alias-state-error-primary)}
 .lks-note .lks-note-title{font-weight:600;font-size:13px}
 .lks-note .lks-note-text{margin-top:4px;font-size:13px;color:var(--dsw-alias-label-secondary);line-height:1.65}
 .lks-note .lks-note-text p{margin:4px 0}
@@ -715,6 +718,18 @@ window.__ModuleLoader__.load({
 				});
 				this.refresh();
 			}
+			/** Delete one notebook entry from a lesson's Cornell zones. */
+			async deleteNote(lessonId, noteId) {
+				await fetchJson("/lookatstudy/api/note/delete", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({
+						lessonId,
+						noteId
+					})
+				});
+				this.refresh();
+			}
 		};
 		/** The one shared store instance backing every study seat component. */
 		const studyStore = new StudyStore();
@@ -727,6 +742,7 @@ window.__ModuleLoader__.load({
 				setFocus: studyStore.setFocus.bind(studyStore),
 				searchLessons: studyStore.searchLessons.bind(studyStore),
 				deleteCourse: studyStore.deleteCourse.bind(studyStore),
+				deleteNote: studyStore.deleteNote.bind(studyStore),
 				bindLessonSession: studyStore.bindLessonSession.bind(studyStore)
 			};
 		}
@@ -1567,6 +1583,8 @@ window.__ModuleLoader__.load({
 			"rail.delete": "删除本课程",
 			"rail.delete.confirm": "确认删除?",
 			"rail.delete.title.confirm": "再点一次确认删除(含全部进度与笔记)。反悔前可先在设置页备份状态文件",
+			"note.delete": "删除本条笔记",
+			"note.delete.confirm": "确认删除?",
 			"rail.section.collapse": "折叠本章节",
 			"rail.section.expand": "展开本章节({count} 课时)",
 			"rail.section.count": "{count} 课",
@@ -1687,6 +1705,8 @@ window.__ModuleLoader__.load({
 			"rail.delete": "Delete this course",
 			"rail.delete.confirm": "Delete?",
 			"rail.delete.title.confirm": "Click again to confirm (all progress and notes included). Back up via the state file in Settings first",
+			"note.delete": "Delete this note",
+			"note.delete.confirm": "Delete?",
 			"rail.section.collapse": "Collapse this section",
 			"rail.section.expand": "Expand this section ({count} lessons)",
 			"rail.section.count": "{count} lessons",
@@ -2149,7 +2169,7 @@ window.__ModuleLoader__.load({
 		}
 		/** Tab body: the factory-bound ctx carries workspaces/sessions for the per-lesson session jumps. */
 		function StudyTab({ inputActions, ctx, ...standard }) {
-			const { data, activate, setMode, setFocus, searchLessons, deleteCourse, bindLessonSession } = useStudy();
+			const { data, activate, setMode, setFocus, searchLessons, deleteCourse, deleteNote, bindLessonSession } = useStudy();
 			const chatLegacy = standard.useChat?.((s) => s.legacy);
 			const sessionSnapshot = standard.useSession?.((s) => s);
 			const snapshot = pickTranscript(chatLegacy, sessionSnapshot);
@@ -2257,7 +2277,10 @@ window.__ModuleLoader__.load({
 				setMode,
 				send,
 				snapshot
-			}), (0, react.createElement)(BlackboardColumn, { data })));
+			}), (0, react.createElement)(BlackboardColumn, {
+				data,
+				deleteNote
+			})));
 		}
 		/** Left column: course management (pick/delete/search/import), lesson tree, due box. */
 		function CourseRail({ data, activate, setFocus, searchLessons, deleteCourse, bindLessonSession, send, ctx, currentSessionId }) {
@@ -2601,9 +2624,33 @@ window.__ModuleLoader__.load({
 			}, s.label))) : null, (0, react.createElement)(ActionError, { error }));
 		}
 		/** Right column: the blackboard — focus-lesson 讲解/脑图/概念图 plus the Cornell 笔记. */
-		function BlackboardColumn({ data }) {
+		function BlackboardColumn({ data, deleteNote }) {
 			const lesson = data?.lesson ?? null;
 			const [pane, setPane] = (0, react.useState)("teach");
+			const [error, setError] = (0, react.useState)(null);
+			const [armedNote, setArmedNote] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (armedNote === null) return;
+				const disarm = () => {
+					setArmedNote(null);
+				};
+				const onKey = (e) => {
+					if (e.key === "Escape") disarm();
+				};
+				window.addEventListener("click", disarm);
+				window.addEventListener("keydown", onKey);
+				return () => {
+					window.removeEventListener("click", disarm);
+					window.removeEventListener("keydown", onKey);
+				};
+			}, [armedNote]);
+			const fire = (action) => {
+				action.then(() => {
+					setError(null);
+				}, (err) => {
+					setError(err instanceof Error ? err.message : String(err));
+				});
+			};
 			const proseRef = (0, react.useRef)(null);
 			const diagRef = (0, react.useRef)(null);
 			(0, react.useEffect)(() => {
@@ -2659,11 +2706,24 @@ window.__ModuleLoader__.load({
 			}, (0, react.createElement)("div", { className: "lks-zone-h" }, tr(labelKey)), ...lesson.notes.filter((n) => n.zone === zone).map((n) => (0, react.createElement)("div", {
 				key: n.id,
 				className: "lks-note"
-			}, (0, react.createElement)("span", { className: "lks-note-src" }, n.source), (0, react.createElement)("div", { className: "lks-note-title" }, n.title), (0, react.createElement)("div", {
+			}, (0, react.createElement)("span", { className: "lks-note-src" }, n.source), (0, react.createElement)("button", {
+				className: `lks-note-del${armedNote === n.id ? " armed" : ""}`,
+				title: armedNote === n.id ? tr("note.delete.confirm") : tr("note.delete"),
+				"aria-label": armedNote === n.id ? tr("note.delete.confirm") : tr("note.delete"),
+				onClick: (e) => {
+					e.stopPropagation();
+					if (armedNote !== n.id) {
+						setArmedNote(n.id);
+						return;
+					}
+					setArmedNote(null);
+					fire(deleteNote(lesson.lessonId, n.id));
+				}
+			}, (0, react.createElement)(IconTrashOutline16, { size: 12 })), (0, react.createElement)("div", { className: "lks-note-title" }, n.title), (0, react.createElement)("div", {
 				className: "lks-note-text",
 				dangerouslySetInnerHTML: { __html: renderMarkdown(n.text) }
 			}), n.quote !== null ? (0, react.createElement)("div", { className: "lks-note-q" }, `“${n.quote}”`) : null))))));
-			return (0, react.createElement)("div", { className: "lks-col lks-col-bb" }, (0, react.createElement)("div", { className: "lks-colhead" }, tr("col.bb")), body);
+			return (0, react.createElement)("div", { className: "lks-col lks-col-bb" }, (0, react.createElement)("div", { className: "lks-colhead" }, tr("col.bb")), body, (0, react.createElement)(ActionError, { error }));
 		}
 		//#endregion
 		//#region src/client/starter.tsx