@musnows/scriverse 1.1.0 → 1.1.2

package/dist/public/styles.css

@@ -1452,9 +1452,12 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .chapter-add-button { flex: none; }
 .volume-chapters { display: block; }
 .volume-node.is-collapsed .volume-chapters { display: none; }
-.chapter-node { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 8px; width: calc(100% + 6px); padding: 9px 8px 9px 24px; border: 0; background: transparent; border-radius: 4px; text-align: left; font-size: 12px; }
+.chapter-node { display: grid; grid-template-columns: minmax(0, 1fr) max-content; gap: 8px; width: calc(100% + 6px); padding: 9px 8px 9px 24px; border: 0; background: transparent; border-radius: 4px; text-align: left; font-size: 12px; position: relative; cursor: pointer; user-select: none; }
 .chapter-node:hover, .chapter-node.active { background: var(--row-active); }
-.chapter-node[draggable="true"] { cursor: grab; }
+.chapter-drag-handle { position: absolute; inset: 0 auto 0 0; display: grid; place-items: center; width: 24px; color: var(--muted); cursor: grab; opacity: .5; }
+.chapter-drag-handle svg { width: 12px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; pointer-events: none; }
+.chapter-node:hover .chapter-drag-handle, .chapter-node:focus-visible .chapter-drag-handle { opacity: 1; }
+.chapter-node.is-dragging .chapter-drag-handle { cursor: grabbing; }
 .chapter-node.is-dragging { opacity: .42; cursor: grabbing; }
 .chapter-node.is-drag-over { box-shadow: inset 0 2px 0 var(--accent); }
 .chapter-node.is-drag-over.drop-after { box-shadow: inset 0 -2px 0 var(--accent); }
@@ -1580,7 +1583,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .editor-body { display: flex; grid-row: 3; min-height: 0; flex-direction: column; }
 .chapter-editor-frame { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; min-height: 0; margin: 0; overflow: hidden; }
 .chapter-editor-scroll { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); flex: 1 1 auto; width: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
-.chapter-line-numbers { position: relative; z-index: 2; grid-column: 1; grid-row: 1; min-height: 0; overflow: hidden; border-right: 1px solid var(--line); background: linear-gradient(to right, transparent, rgba(143,132,116,.04)); color: var(--muted); font-family: var(--font-latin), monospace; font-size: clamp(11px, calc(var(--editor-font-size) * .72), 14px); line-height: 1.2; user-select: none; }
+.chapter-line-numbers { position: relative; z-index: 2; grid-column: 1; grid-row: 1; min-height: 0; overflow: clip; overflow-clip-margin: 12px; border-right: 1px solid var(--line); background: linear-gradient(to right, transparent, rgba(143,132,116,.04)); color: var(--muted); font-family: var(--font-latin), monospace; font-size: clamp(11px, calc(var(--editor-font-size) * .72), 14px); line-height: 1.2; user-select: none; }
 #chapter-line-numbers-inner { position: absolute; top: 32px; left: 0; right: 0; }
 .chapter-line-number { position: absolute; left: 0; box-sizing: border-box; display: flex; width: 100%; align-items: flex-start; justify-content: center; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-variant-numeric: tabular-nums; text-align: center; }
 .chapter-line-number-select { position: relative; display: flex; width: 100%; height: 100%; align-items: flex-start; justify-content: center; padding-inline: 3px; border: 0; background: transparent; color: inherit; font: inherit; font-variant-numeric: tabular-nums; cursor: pointer; }

package/dist/store.js

@@ -2571,25 +2571,32 @@ export class Store {
             this.assertExpectedRevision("chapter", chapterId, expectedVersionNo, "章节", Number(lockedChapter.versionNo));
             const sourceVolumeId = String(lockedChapter.volumeId);
             const targetVolumeId = input.volumeId;
-            const sourceChapterIds = this.db.all("SELECT id FROM chapters WHERE volume_id = ? AND deleted_at IS NULL ORDER BY sort_order, created_at, id", sourceVolumeId).map((row) => requiredString(row, "id")).filter((idValue) => idValue !== chapterId);
+            const sourceChapters = this.db.all("SELECT id, sort_order FROM chapters WHERE volume_id = ? AND deleted_at IS NULL ORDER BY sort_order, created_at, id", sourceVolumeId);
+            const sourceChapterIds = sourceChapters.map((row) => requiredString(row, "id")).filter((idValue) => idValue !== chapterId);
+            const targetChapters = sourceVolumeId === targetVolumeId
+                ? sourceChapters
+                : this.db.all("SELECT id, sort_order FROM chapters WHERE volume_id = ? AND deleted_at IS NULL ORDER BY sort_order, created_at, id", targetVolumeId);
+            const previousSortOrders = new Map([...sourceChapters, ...targetChapters].map((row) => [requiredString(row, "id"), numberValue(row, "sort_order")]));
             const targetChapterIds = sourceVolumeId === targetVolumeId
                 ? sourceChapterIds
-                : this.db.all("SELECT id FROM chapters WHERE volume_id = ? AND deleted_at IS NULL ORDER BY sort_order, created_at, id", targetVolumeId).map((row) => requiredString(row, "id")).filter((idValue) => idValue !== chapterId);
+                : targetChapters.map((row) => requiredString(row, "id")).filter((idValue) => idValue !== chapterId);
             const targetIndex = Math.min(input.sortOrder, targetChapterIds.length);
             targetChapterIds.splice(targetIndex, 0, chapterId);
             const timestamp = now();
-            sourceChapterIds.forEach((idValue, sortOrder) => {
+            const updateSortOrder = (idValue, sortOrder) => {
+                if (idValue === chapterId || previousSortOrders.get(idValue) === sortOrder)
+                    return;
                 this.db.run("UPDATE chapters SET sort_order = ?, updated_at = ? WHERE id = ?", sortOrder, timestamp, idValue);
-            });
-            targetChapterIds.forEach((idValue, sortOrder) => {
-                this.db.run("UPDATE chapters SET volume_id = ?, sort_order = ?, updated_at = ? WHERE id = ?", targetVolumeId, sortOrder, timestamp, idValue);
-            });
+            };
+            if (sourceVolumeId !== targetVolumeId)
+                sourceChapterIds.forEach(updateSortOrder);
+            targetChapterIds.forEach(updateSortOrder);
             const versionNo = Number(lockedChapter.versionNo) + 1;
             this.db.run(`UPDATE analysis_tasks SET status = 'expired', updated_at = ?
          WHERE work_id = ? AND status IN ('pending', 'running', 'completed', 'partial', 'review')
          AND json_extract(scope_json, '$.type') = 'volume'
          AND json_extract(scope_json, '$.volumeId') IN (?, ?)`, timestamp, String(lockedChapter.workId), sourceVolumeId, targetVolumeId);
-            this.db.run("UPDATE chapters SET version_no = ?, analysis_status = 'expired', updated_at = ? WHERE id = ?", versionNo, timestamp, chapterId);
+            this.db.run("UPDATE chapters SET volume_id = ?, sort_order = ?, version_no = ?, analysis_status = 'expired', updated_at = ? WHERE id = ?", targetVolumeId, targetIndex, versionNo, timestamp, chapterId);
             this.syncChapterParagraphSearchVersion(chapterId, versionNo);
             this.insertChapterVersionRow({
                 workId: String(lockedChapter.workId),