@shivaedev/work-board 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.4.1 - 2026-10-05
+
+### Fixed
+
+- Let an explicit Mark seen observation finish through background/live refresh
+  and then reconcile current source. Keep newer clearing or another tab's
+  storage changes authoritative so a cancelled observation cannot restore
+  discarded history. Preserve the existing browser-local retention limits.
+
 ## 0.4.0 - 2026-10-05
 
 ### Added

package/dist/cli.js

@@ -3,7 +3,7 @@ import { NodeRuntime, NodeServices } from "@effect/platform-node";
 import { Effect, Layer, Option, Path } from "effect";
 import { Argument, Command, Flag } from "effect/unstable/cli";
 import { HOST, serveBoard } from "./serve.js";
-const VERSION = "0.4.0";
+const VERSION = "0.4.1";
 const serve = Effect.fn("WorkBoard.serve")(function* (input) {
     const path = yield* Path.Path;
     return yield* Layer.launch(serveBoard({ home: Option.getOrUndefined(input.home), port: input.port, root: path.resolve(input.dir) }));

package/dist/history/script.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../../src/history/script.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,IAAI,MAAM,CA+GtC"}
+{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../../src/history/script.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,IAAI,MAAM,CA2HtC"}

package/dist/history/script.js

@@ -8,6 +8,7 @@ let storageNotice = "";
 let unavailableHtml = "";
 let generation = 0;
 let controller;
+let observing = null;
 const baseline = () => {
  if (memory !== undefined) return memory;
  try { return localStorage.getItem(key); }
@@ -63,6 +64,7 @@ const query = async (action) => {
  return result;
 };
 const refresh = async () => {
+ if (observing !== null) return;
  const visible = document.getElementById("doc")?.dataset.view === "changes";
  try {
   const result = await query(visible ? "compare" : "check");
@@ -81,6 +83,7 @@ const refresh = async () => {
 };
 document.addEventListener("click", async (event) => {
  if (event.target.closest?.("#history-clear")) {
+  observing = null;
   ++generation;
   controller?.abort();
   forget();
@@ -88,6 +91,9 @@ document.addEventListener("click", async (event) => {
   await refresh();
  }
  if (event.target.closest?.("#history-mark")) {
+  if (observing !== null) return;
+  const mine = generation + 1;
+  observing = mine;
   controls(false, true);
   try {
    const result = await query("observe");
@@ -95,16 +101,22 @@ document.addEventListener("click", async (event) => {
    if (result.snapshot === null) { render(result.html); controls(false); return; }
    keep(result.snapshot);
    unavailableHtml = "";
-   await refresh();
   } catch (error) {
    if (error.name !== "AbortError") { render("<p>Could not remember the current observation. Your previous baseline is preserved.</p>"); controls(false); }
-  }
+   return;
+  } finally { if (observing === mine) observing = null; }
+  await refresh();
  }
 });
 document.addEventListener("board-page", refresh);
 document.addEventListener("visibilitychange", () => { if (!document.hidden) refresh(); });
 window.addEventListener("storage", (event) => {
- if (event.key === key || event.key === null) { memory = undefined; storageNotice = ""; unavailableHtml = ""; refresh(); }
+ if (event.key === key || event.key === null) {
+  observing = null;
+  ++generation;
+  controller?.abort();
+  memory = undefined; storageNotice = ""; unavailableHtml = ""; refresh();
+ }
 });
 setInterval(() => { if (baseline() !== null) refresh(); }, 60000);
 refresh();

package/dist/history/script.js.map

@@ -1 +1 @@
-{"version":3,"file":"script.js","sourceRoot":"","sources":["../../src/history/script.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa;IAC5B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GP,CAAC;AACF,CAAC"}
+{"version":3,"file":"script.js","sourceRoot":"","sources":["../../src/history/script.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa;IAC5B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHP,CAAC;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shivaedev/work-board",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Serve a folder of markdown files as a live local page that updates in place when a file changes",
   "homepage": "https://github.com/ShivaeDev/platform/tree/main/packages/work-board#readme",
   "bugs": {
@@ -52,7 +52,7 @@
   "devDependencies": {
     "@effect/platform-node": "4.0.0-rc.112",
     "@effect/platform-node-shared": "4.0.0-rc.112",
-    "@shivaedev/quality": "0.14.0",
+    "@shivaedev/quality": "0.15.0",
     "@types/hast": "3.0.5",
     "@types/mdast": "4.0.4",
     "@types/node": "24.10.1",

package/src/cli.ts

@@ -4,7 +4,7 @@ import { Effect, Layer, Option, Path } from "effect";
 import { Argument, Command, Flag } from "effect/unstable/cli";
 import { HOST, serveBoard } from "./serve.ts";
 
-const VERSION = "0.4.0";
+const VERSION = "0.4.1";
 
 const serve = Effect.fn("WorkBoard.serve")(function* (input: { readonly dir: string; readonly port: number; readonly home: Option.Option<string> }) {
 	const path = yield* Path.Path;

package/src/history/script.ts

@@ -8,6 +8,7 @@ let storageNotice = "";
 let unavailableHtml = "";
 let generation = 0;
 let controller;
+let observing = null;
 const baseline = () => {
  if (memory !== undefined) return memory;
  try { return localStorage.getItem(key); }
@@ -63,6 +64,7 @@ const query = async (action) => {
  return result;
 };
 const refresh = async () => {
+ if (observing !== null) return;
  const visible = document.getElementById("doc")?.dataset.view === "changes";
  try {
   const result = await query(visible ? "compare" : "check");
@@ -81,6 +83,7 @@ const refresh = async () => {
 };
 document.addEventListener("click", async (event) => {
  if (event.target.closest?.("#history-clear")) {
+  observing = null;
   ++generation;
   controller?.abort();
   forget();
@@ -88,6 +91,9 @@ document.addEventListener("click", async (event) => {
   await refresh();
  }
  if (event.target.closest?.("#history-mark")) {
+  if (observing !== null) return;
+  const mine = generation + 1;
+  observing = mine;
   controls(false, true);
   try {
    const result = await query("observe");
@@ -95,16 +101,22 @@ document.addEventListener("click", async (event) => {
    if (result.snapshot === null) { render(result.html); controls(false); return; }
    keep(result.snapshot);
    unavailableHtml = "";
-   await refresh();
   } catch (error) {
    if (error.name !== "AbortError") { render("<p>Could not remember the current observation. Your previous baseline is preserved.</p>"); controls(false); }
-  }
+   return;
+  } finally { if (observing === mine) observing = null; }
+  await refresh();
  }
 });
 document.addEventListener("board-page", refresh);
 document.addEventListener("visibilitychange", () => { if (!document.hidden) refresh(); });
 window.addEventListener("storage", (event) => {
- if (event.key === key || event.key === null) { memory = undefined; storageNotice = ""; unavailableHtml = ""; refresh(); }
+ if (event.key === key || event.key === null) {
+  observing = null;
+  ++generation;
+  controller?.abort();
+  memory = undefined; storageNotice = ""; unavailableHtml = ""; refresh();
+ }
 });
 setInterval(() => { if (baseline() !== null) refresh(); }, 60000);
 refresh();