@morphemecms/cms 0.14.0 → 0.14.2-next-20261107122546

package/src/levelStep.mjs

@@ -1,66 +0,0 @@
-// The second level of the editor's modal main menu (MainMenu.tsx) as a step in the browser's history: while a section's
-// list is shown in the modal drawer, the phone's back gesture (and the browser's back button) goes to the first level
-// instead of to the screen before. The step has the same address and the same place as the screen's (history.state,
-// nav.ts), so going back from it fires no hashchange and nav.ts never sees it. Leaving the level another way (the back
-// row, Escape, the drawer closed) takes the step out again; a link in the drawer is followed once the step is out, so the
-// history never keeps an empty step. Exposes levelStep. A window (the browser's; a fake one in the tests).
-
-/**
- * Watches the window's history for the level's step. `set(active, toFirst)`: whether the level is shown (a step is added
- * while it is), and what the back gesture does on it (shows the first level). `stop()` takes the step out and stops.
- * @param {Pick<Window, 'history' | 'location' | 'addEventListener' | 'removeEventListener' | 'document'>} win
- */
-export function levelStep(win) {
-  let pushed = false;
-  /** @type {string | null} A link's address, followed once the step is out. */
-  let pending = null;
-  let toFirst = () => {};
-
-  const leave = () => {
-    if (!pushed) return;
-    pushed = false;
-    win.history.back();
-  };
-  const onPop = () => {
-    // Back from the step: the first level, on the same screen.
-    if (pushed) {
-      pushed = false;
-      toFirst();
-      return;
-    }
-    // The step taken out for a link: now the link.
-    if (pending !== null) {
-      const href = pending;
-      pending = null;
-      win.location.hash = href;
-    }
-  };
-  /** @param {MouseEvent} e */
-  const onClick = (e) => {
-    if (!pushed || e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
-    const target = /** @type {Element | null} */ (e.target);
-    const a = target?.closest?.('a[href^="#"]');
-    if (!a || a.getAttribute('target')) return;
-    e.preventDefault();
-    pending = a.getAttribute('href');
-    leave();
-  };
-  win.addEventListener('popstate', onPop);
-  win.document.addEventListener('click', onClick, true);
-
-  return {
-    /** @param {boolean} active @param {() => void} back */
-    set(active, back) {
-      toFirst = back;
-      if (active && !pushed) {
-        win.history.pushState({ ...(win.history.state ?? {}), level: true }, '');
-        pushed = true;
-      } else if (!active) leave();
-    },
-    stop() {
-      leave();
-      win.removeEventListener('popstate', onPop);
-      win.document.removeEventListener('click', onClick, true);
-    },
-  };
-}

package/src/levelStep.test.mjs

@@ -1,119 +0,0 @@
-// Tests levelStep.mjs: the modal main menu's second level as a step in the history, with a fake window whose history
-// fires popstate as the browser's does (a step back on the same address: no hashchange).
-// Run: node --test src/levelStep.test.mjs
-import { test } from 'node:test';
-import assert from 'node:assert/strict';
-import { levelStep } from './levelStep.mjs';
-
-function fakeWindow(hash = '#list/pages') {
-  const listeners = { popstate: new Set(), click: new Set() };
-  const entries = [{ state: { at: 3, prev: '' }, hash }];
-  let index = 0;
-  const win = {
-    location: {
-      get hash() {
-        return entries[index].hash;
-      },
-      set hash(next) {
-        entries.splice(index + 1);
-        entries.push({ state: null, hash: next });
-        index += 1;
-      },
-    },
-    history: {
-      get state() {
-        return entries[index].state;
-      },
-      pushState(state) {
-        entries.splice(index + 1);
-        entries.push({ state, hash: entries[index].hash });
-        index += 1;
-      },
-      back() {
-        index -= 1;
-        for (const l of listeners.popstate) l();
-      },
-    },
-    addEventListener: (type, l) => listeners[type].add(l),
-    removeEventListener: (type, l) => listeners[type].delete(l),
-    document: {
-      addEventListener: (type, l) => listeners[type].add(l),
-      removeEventListener: (type, l) => listeners[type].delete(l),
-    },
-  };
-  const click = (href, extra = {}) => {
-    const a = { getAttribute: (name) => (name === 'href' ? href : (extra[name] ?? null)) };
-    const e = {
-      button: 0,
-      defaultPrevented: false,
-      target: { closest: () => a },
-      preventDefault() {
-        this.defaultPrevented = true;
-      },
-    };
-    for (const l of listeners.click) l(e);
-    return e;
-  };
-  return { win, entries: () => entries.slice(0, index + 1), click, listeners };
-}
-
-test('the level shown adds a step with the same address and place', () => {
-  const { win, entries } = fakeWindow();
-  levelStep(win).set(true, () => {});
-  assert.equal(entries().length, 2);
-  assert.equal(entries()[1].hash, '#list/pages');
-  assert.deepEqual(entries()[1].state, { at: 3, prev: '', level: true });
-});
-
-test('the back gesture on the level shows the first level and stays on the screen', () => {
-  const { win, entries } = fakeWindow();
-  let first = 0;
-  levelStep(win).set(true, () => (first += 1));
-  win.history.back();
-  assert.equal(first, 1);
-  assert.equal(entries().length, 1);
-  assert.equal(win.location.hash, '#list/pages');
-});
-
-test('leaving the level another way takes the step out, without the first level called again', () => {
-  const { win, entries } = fakeWindow();
-  let first = 0;
-  const step = levelStep(win);
-  step.set(true, () => (first += 1));
-  step.set(false, () => (first += 1));
-  assert.equal(entries().length, 1);
-  assert.equal(first, 0);
-});
-
-test('a link on the level is followed after the step is out: no empty step', () => {
-  const { win, entries, click } = fakeWindow();
-  const step = levelStep(win);
-  step.set(true, () => {});
-  const e = click('#list/posts');
-  assert.equal(e.defaultPrevented, true);
-  assert.deepEqual(
-    entries().map((s) => s.hash),
-    ['#list/pages', '#list/posts'],
-  );
-  // The drawer closes on the link: nothing more to take out.
-  step.set(false, () => {});
-  assert.equal(entries().length, 2);
-});
-
-test('links are left alone at the first level and in a new tab', () => {
-  const { win, click } = fakeWindow();
-  const step = levelStep(win);
-  assert.equal(click('#list/posts').defaultPrevented, false);
-  step.set(true, () => {});
-  assert.equal(click('#list/posts', { target: '_blank' }).defaultPrevented, false);
-});
-
-test('stop takes the step out and stops listening', () => {
-  const { win, entries, listeners } = fakeWindow();
-  const step = levelStep(win);
-  step.set(true, () => {});
-  step.stop();
-  assert.equal(entries().length, 1);
-  assert.equal(listeners.popstate.size, 0);
-  assert.equal(listeners.click.size, 0);
-});