@miadi/stateloom-web 0.3.3 → 0.3.4

package/server/src/lib/markRequest.ts

@@ -0,0 +1,24 @@
+"use client";
+
+/**
+ * "Open that mark": something outside the board (the Talk dock's list of marks) asks the
+ * board showing `doc` to open the thread of mark `id`. The request waits here until that
+ * board has read its marks — the drawing may still be opening — and is taken once.
+ */
+export const MARK_REQUEST_EVENT = "stateloom:mark-request";
+
+let pending: { doc: string; id: string } | null = null;
+
+export function requestMark(doc: string, id: string): void {
+  pending = { doc, id };
+  window.dispatchEvent(new Event(MARK_REQUEST_EVENT));
+}
+
+/** The mark asked for on `doc`, if any; it stays asked until `clearMarkRequest`. */
+export function markRequested(doc: string | null): string | null {
+  return doc && pending?.doc === doc ? pending.id : null;
+}
+
+export function clearMarkRequest(): void {
+  pending = null;
+}

package/server/src/lib/useNarrow.ts

@@ -0,0 +1,30 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+/**
+ * A phone held upright: below 600 px the stage's caption, a mark's card and the Talk
+ * conversation share one sheet at the bottom of the board (Spec 83, lane U finding U2).
+ */
+export const NARROW_QUERY = "(max-width: 599px)";
+
+function matches(query: string): boolean {
+  try {
+    return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(query).matches;
+  } catch {
+    return false;
+  }
+}
+
+export function useNarrow(query = NARROW_QUERY): boolean {
+  const [narrow, setNarrow] = useState(() => matches(query));
+  useEffect(() => {
+    if (typeof window.matchMedia !== "function") return;
+    const mq = window.matchMedia(query);
+    const update = () => setNarrow(mq.matches);
+    update();
+    mq.addEventListener("change", update);
+    return () => mq.removeEventListener("change", update);
+  }, [query]);
+  return narrow;
+}

package/server/stateloom-web.json

@@ -1,5 +1,5 @@
 {
-  "package": "0.3.3",
-  "designer": "0.3.3",
+  "package": "0.3.4",
+  "designer": "0.3.4",
   "next": "16.1.6"
 }