collapse game mode

Author: acharneski

experiments/wordsearch/index.html

@@ -219,4 +219,4 @@ <h1>Markov Wordsearch</h1>
 
     <a class="home-link" href="../../index.html" title="Back to home">← Home</a>
   </body>
-</html>
+</html>

experiments/wordsearch/src/fill/filler.js

@@ -234,4 +234,4 @@ export function fillGrid(grid, model, config = {}) {
     grid.set(x, y, ch);
   }
   return grid;
-}
+}

experiments/wordsearch/src/generator.js

@@ -88,4 +88,4 @@ export function preparePuzzle(opts) {
   const grid = new Grid(width, height);
   const placement = placeWords(grid, selectedWords, rng, { lattice, includeBackwards });
   return { grid, placement, model, reverseModel, selectedWords };
-}
+}

experiments/wordsearch/src/pwa/sw.js

@@ -70,4 +70,4 @@ self.addEventListener('fetch', (event) => {
           .catch(() => cached)
     )
   );
-});
+});

experiments/wordsearch/src/ui/app.js

@@ -304,4 +304,4 @@ export async function initApp(root = document) {
   } else {
     persistModeToUrl(mode);
   }
-}
+}

experiments/wordsearch/src/ui/collapseMode.js

@@ -151,9 +151,9 @@ function evaluateSelection(cells) {
 /**
  * Remove the given cells, collapse columns downward, and refill the
  * vacated top cells using the Markov model.
-* Returns a map of cellKey -> drop distance (in rows) for animation:
-*   - survivors that fell: positive number of rows dropped
-*   - freshly spawned top cells: marked with `spawn` set
+ * Returns a map of cellKey -> drop distance (in rows) for animation:
+ *   - survivors that fell: positive number of rows dropped
+ *   - freshly spawned top cells: marked with `spawn` set
  * @param {Array<{x:number,y:number}>} cells
  */
 function collapseAndRefill(cells) {
@@ -302,13 +302,13 @@ function flashCleared(cells, done) {
   setTimeout(done, 260);
 }
 /**
-* Animate dropped + spawned tiles into place. Each affected cell starts
-* offset upward by its fall distance (in cell heights) and transitions back
-* to its final position, giving a "tiles falling" effect.
-* @param {HTMLTableElement} table
-* @param {Map<string, number>} dropRows key -> rows fallen
-* @param {Set<string>} spawned keys of freshly spawned top cells
-*/
+ * Animate dropped + spawned tiles into place. Each affected cell starts
+ * offset upward by its fall distance (in cell heights) and transitions back
+ * to its final position, giving a "tiles falling" effect.
+ * @param {HTMLTableElement} table
+ * @param {Map<string, number>} dropRows key -> rows fallen
+ * @param {Set<string>} spawned keys of freshly spawned top cells
+ */
 function animateDrops(table, dropRows, spawned) {
   if ((!dropRows || dropRows.size === 0) && (!spawned || spawned.size === 0)) return;
   // Determine the cell height (px) from the table's CSS variable plus the
@@ -493,4 +493,4 @@ export function togglePauseCollapse() {
 export function stopCollapse() {
   if (state && state.tick) clearInterval(state.tick);
   state = null;
-}
+}

experiments/wordsearch/src/ui/controls.js

@@ -42,7 +42,6 @@ export function readConfig(root = document) {
   // the goal is to FIND words. Default on.
   const avoidWords = !(root.querySelector('#cfg-no-avoid-words') || {}).checked;
 
-
   const words = val('cfg-words', '')
     .split(/[\n,]+/)
     .map((w) => w.trim())
@@ -138,4 +137,4 @@ export function wireConfigPersistence(root = document, onChange) {
       if (typeof onChange === 'function') onChange();
     });
   }
-}
+}

experiments/wordsearch/src/ui/sidebarResize.js

@@ -1,73 +1,73 @@
 // Make the <aside> sidebar resizable via a draggable handle. The chosen
-    // width is persisted to localStorage so it survives reloads.
+// width is persisted to localStorage so it survives reloads.
 
-    const STORAGE_KEY = 'mws-sidebar-width';
-    const MIN_WIDTH = 220;
-    const MAX_WIDTH = 900;
+const STORAGE_KEY = 'mws-sidebar-width';
+const MIN_WIDTH = 220;
+const MAX_WIDTH = 900;
 
-    /**
-     * Wire a draggable resize handle onto the sidebar.
-     * @param {Document|HTMLElement} root
-     */
-    export function wireSidebarResize(root = document) {
-      const aside = root.querySelector('aside');
-      if (!aside) return;
+/**
+ * Wire a draggable resize handle onto the sidebar.
+ * @param {Document|HTMLElement} root
+ */
+export function wireSidebarResize(root = document) {
+  const aside = root.querySelector('aside');
+  if (!aside) return;
 
-      // Restore any persisted width.
-      try {
-        const saved = parseFloat(localStorage.getItem(STORAGE_KEY));
-        if (Number.isFinite(saved) && saved >= MIN_WIDTH) {
-          aside.style.width = `${saved}px`;
-        }
-      } catch {
-        /* ignore storage errors */
-      }
+  // Restore any persisted width.
+  try {
+    const saved = parseFloat(localStorage.getItem(STORAGE_KEY));
+    if (Number.isFinite(saved) && saved >= MIN_WIDTH) {
+      aside.style.width = `${saved}px`;
+    }
+  } catch {
+    /* ignore storage errors */
+  }
 
-      // Create the handle if it doesn't already exist.
-      let handle = aside.querySelector('.sidebar-resize-handle');
-      if (!handle) {
-        handle = document.createElement('div');
-        handle.className = 'sidebar-resize-handle';
-        handle.title = 'Drag to resize';
-        aside.appendChild(handle);
-      }
+  // Create the handle if it doesn't already exist.
+  let handle = aside.querySelector('.sidebar-resize-handle');
+  if (!handle) {
+    handle = document.createElement('div');
+    handle.className = 'sidebar-resize-handle';
+    handle.title = 'Drag to resize';
+    aside.appendChild(handle);
+  }
 
-      let startX = 0;
-      let startWidth = 0;
+  let startX = 0;
+  let startWidth = 0;
 
-      const onMove = (e) => {
-        const clientX = e.touches ? e.touches[0].clientX : e.clientX;
-        let next = startWidth + (clientX - startX);
-        next = Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, next));
-        aside.style.width = `${next}px`;
-      };
+  const onMove = (e) => {
+    const clientX = e.touches ? e.touches[0].clientX : e.clientX;
+    let next = startWidth + (clientX - startX);
+    next = Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, next));
+    aside.style.width = `${next}px`;
+  };
 
-      const onUp = () => {
-        document.removeEventListener('mousemove', onMove);
-        document.removeEventListener('mouseup', onUp);
-        document.removeEventListener('touchmove', onMove);
-        document.removeEventListener('touchend', onUp);
-        document.body.classList.remove('resizing-sidebar');
-        try {
-          localStorage.setItem(STORAGE_KEY, String(parseFloat(aside.style.width) || MIN_WIDTH));
-        } catch {
-          /* ignore */
-        }
-        // Notify listeners (e.g. grid re-fit) that layout changed.
-        window.dispatchEvent(new Event('resize'));
-      };
+  const onUp = () => {
+    document.removeEventListener('mousemove', onMove);
+    document.removeEventListener('mouseup', onUp);
+    document.removeEventListener('touchmove', onMove);
+    document.removeEventListener('touchend', onUp);
+    document.body.classList.remove('resizing-sidebar');
+    try {
+      localStorage.setItem(STORAGE_KEY, String(parseFloat(aside.style.width) || MIN_WIDTH));
+    } catch {
+      /* ignore */
+    }
+    // Notify listeners (e.g. grid re-fit) that layout changed.
+    window.dispatchEvent(new Event('resize'));
+  };
 
-      const onDown = (e) => {
-        e.preventDefault();
-        startX = e.touches ? e.touches[0].clientX : e.clientX;
-        startWidth = aside.getBoundingClientRect().width;
-        document.body.classList.add('resizing-sidebar');
-        document.addEventListener('mousemove', onMove);
-        document.addEventListener('mouseup', onUp);
-        document.addEventListener('touchmove', onMove, { passive: false });
-        document.addEventListener('touchend', onUp);
-      };
+  const onDown = (e) => {
+    e.preventDefault();
+    startX = e.touches ? e.touches[0].clientX : e.clientX;
+    startWidth = aside.getBoundingClientRect().width;
+    document.body.classList.add('resizing-sidebar');
+    document.addEventListener('mousemove', onMove);
+    document.addEventListener('mouseup', onUp);
+    document.addEventListener('touchmove', onMove, { passive: false });
+    document.addEventListener('touchend', onUp);
+  };
 
-      handle.addEventListener('mousedown', onDown);
-      handle.addEventListener('touchstart', onDown, { passive: false });
-    }
+  handle.addEventListener('mousedown', onDown);
+  handle.addEventListener('touchstart', onDown, { passive: false });
+}

experiments/wordsearch/src/ui/urlState.js

@@ -103,4 +103,4 @@ export function persistConfigToUrl(root = document) {
   const qs = params.toString();
   const newUrl = `${window.location.pathname}${qs ? `?${qs}` : ''}${window.location.hash}`;
   window.history.replaceState(null, '', newUrl);
-}
+}