@monoes/monomindcli 2.15.6 → 2.16.0

package/.claude/skills/monodesign/scripts/live-browser-dom.js

@@ -1,147 +0,0 @@
-/**
- * Browser-side DOM helpers for Monodesign live mode.
- *
- * Kept separate from live-browser.js so future browser script parts can share
- * chrome mounting, lookup, focus, and picker helpers without depending on the
- * full overlay UI bundle.
- */
-((root) => {
-  // biome-ignore lint/suspicious/noRedundantUseStrict: served to the page as a classic <script> (not an ES module despite package type=module), so this directive is what enables strict mode
-  'use strict';
-  if (!root) return;
-
-  function createLiveBrowserDomHelpers({
-    prefix,
-    skipTags,
-    document: doc = root.document,
-    css = root.CSS,
-    crypto = root.crypto,
-  } = {}) {
-    if (!prefix) throw new Error('prefix required');
-    if (!doc) throw new Error('document required');
-    const tagsToSkip = skipTags || new Set();
-
-    function own(el) {
-      return el && (el.id?.startsWith(prefix) || el.closest?.(`[id^="${prefix}"]`));
-    }
-
-    function pickable(el) {
-      if (el?.nodeType !== 1) return false;
-      if (tagsToSkip.has(String(el.tagName || '').toLowerCase())) return false;
-      if (own(el)) return false;
-      const r = el.getBoundingClientRect();
-      return r.width >= 20 && r.height >= 20;
-    }
-
-    function desc(el) {
-      if (!el) return '';
-      let s = el.tagName.toLowerCase();
-      if (el.id) s += `#${el.id}`;
-      else if (el.classList.length) s += `.${[...el.classList].slice(0, 2).join('.')}`;
-      return s;
-    }
-
-    function rectIsUsableAnchor(rect) {
-      return !!rect && rect.width > 0.5 && rect.height > 0.5;
-    }
-
-    function makeFrozenAnchor(el) {
-      if (!el?.getBoundingClientRect) return null;
-      const r = el.getBoundingClientRect();
-      if (!rectIsUsableAnchor(r)) return null;
-      const rect = {
-        x: r.x, y: r.y,
-        top: r.top, left: r.left,
-        right: r.right, bottom: r.bottom,
-        width: r.width, height: r.height,
-      };
-      return {
-        __monodesignFrozenAnchor: true,
-        tagName: el.tagName || 'DIV',
-        id: el.id || '',
-        classList: el.classList ? [...el.classList] : [],
-        hasAttribute: () => false,
-        getBoundingClientRect: () => rect,
-      };
-    }
-
-    function id8() {
-      if (crypto?.randomUUID) return crypto.randomUUID().replace(/-/g, '').slice(0, 8);
-      return (Math.random().toString(16).slice(2) + Date.now().toString(16)).slice(0, 8);
-    }
-
-    function cssId(id) {
-      if (css?.escape) return css.escape(id);
-      return String(id).replace(/([ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~])/g, '\\$1');
-    }
-
-    function liveUiRoot() {
-      const uiRoot = root.__MONODESIGN_LIVE_UI_ROOT__;
-      if (uiRoot && typeof uiRoot.appendChild === 'function') return uiRoot;
-      return doc.body;
-    }
-
-    function uiAppend(el) {
-      liveUiRoot().appendChild(el);
-      return el;
-    }
-
-    function uiAppendStyle(styleEl) {
-      const uiRoot = liveUiRoot();
-      if (uiRoot && uiRoot !== doc.body) uiRoot.appendChild(styleEl);
-      else doc.head.appendChild(styleEl);
-      return styleEl;
-    }
-
-    function uiGetById(id) {
-      const uiRoot = liveUiRoot();
-      if (uiRoot?.getElementById) {
-        const found = uiRoot.getElementById(id);
-        if (found) return found;
-      }
-      if (uiRoot?.querySelector) {
-        const found = uiRoot.querySelector(`#${cssId(id)}`);
-        if (found) return found;
-      }
-      return doc.getElementById(id);
-    }
-
-    function activeElementDeep() {
-      let active = doc.activeElement;
-      while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
-      return active;
-    }
-
-    function defangOutsideHandlers(rootEl, { setPointerEvents = true } = {}) {
-      if (!rootEl) return;
-      if (setPointerEvents) {
-        rootEl.style.setProperty('pointer-events', 'auto', 'important');
-      }
-      const stop = (e) => e.stopPropagation();
-      rootEl.addEventListener('pointerdown', stop);
-      rootEl.addEventListener('mousedown', stop);
-      rootEl.addEventListener('focusin', stop);
-    }
-
-    return {
-      own,
-      pickable,
-      desc,
-      rectIsUsableAnchor,
-      makeFrozenAnchor,
-      id8,
-      cssId,
-      liveUiRoot,
-      uiAppend,
-      uiAppendStyle,
-      uiGetById,
-      activeElementDeep,
-      defangOutsideHandlers,
-    };
-  }
-
-  root.__MONODESIGN_LIVE_DOM__ = {
-    version: 1,
-    createLiveBrowserDomHelpers,
-  };
-})(typeof window !== 'undefined' ? window : globalThis);

package/.claude/skills/monodesign/scripts/live-browser-session.js

@@ -1,124 +0,0 @@
-/**
- * Browser-side durable session helpers for Monodesign live mode.
- *
- * Kept separate from live-browser.js so recovery state can be tested without
- * booting the full overlay UI. Served before live-browser.js and attached to
- * window.__MONODESIGN_LIVE_SESSION__.
- */
-((root) => {
-  // biome-ignore lint/suspicious/noRedundantUseStrict: served to the page as a classic <script> (not an ES module despite package type=module), so this directive is what enables strict mode
-  'use strict';
-
-  function createLiveBrowserSessionState({ prefix, storage, idFactory }) {
-    if (!prefix) throw new Error('prefix required');
-    const store = storage || root.localStorage;
-    const makeId = idFactory || (() => Math.random().toString(16).slice(2, 10));
-    const sessionKey = `${prefix}-session`;
-    const handledKey = `${sessionKey}-handled`;
-    const scrollKey = `${sessionKey}-scroll`;
-    let checkpointRevision = 0;
-    const owner = makeId();
-
-    function safeRead(key) {
-      try { return store.getItem(key); } catch { return null; }
-    }
-
-    function safeWrite(key, value) {
-      try { store.setItem(key, value); } catch { /* quota exceeded or private mode */ }
-    }
-
-    function safeRemove(key) {
-      try { store.removeItem(key); } catch { /* unavailable storage */ }
-    }
-
-    function loadSession() {
-      try {
-        const raw = safeRead(sessionKey);
-        if (!raw) return null;
-        const parsed = JSON.parse(raw);
-        if (Number.isInteger(parsed.checkpointRevision)) {
-          checkpointRevision = Math.max(checkpointRevision, parsed.checkpointRevision);
-        }
-        return parsed;
-      } catch { return null; }
-    }
-
-    function saveSession(session) {
-      if (!session?.id) return;
-      const payload = {
-        ...session,
-        checkpointRevision,
-      };
-      safeWrite(sessionKey, JSON.stringify(payload));
-    }
-
-    function clearSession() {
-      safeRemove(sessionKey);
-    }
-
-    function nextCheckpointRevision() {
-      checkpointRevision += 1;
-      const existing = loadSession();
-      if (existing?.id) saveSession(existing);
-      return checkpointRevision;
-    }
-
-    function seedCheckpointRevision(value) {
-      if (Number.isInteger(value)) checkpointRevision = Math.max(checkpointRevision, value);
-      return checkpointRevision;
-    }
-
-    function currentCheckpointRevision() {
-      return checkpointRevision;
-    }
-
-    function markHandled(id) {
-      if (!id) return;
-      safeWrite(handledKey, id);
-    }
-
-    function isHandled(id) {
-      return !!id && safeRead(handledKey) === id;
-    }
-
-    function clearHandled() {
-      safeRemove(handledKey);
-    }
-
-    function writeScrollY(y) {
-      safeWrite(scrollKey, String(y));
-    }
-
-    function readScrollY() {
-      const raw = safeRead(scrollKey);
-      if (raw == null) return null;
-      const n = parseFloat(raw);
-      return Number.isFinite(n) ? n : null;
-    }
-
-    function clearScrollY() {
-      safeRemove(scrollKey);
-    }
-
-    return {
-      owner,
-      sessionKey,
-      handledKey,
-      scrollKey,
-      saveSession,
-      loadSession,
-      clearSession,
-      nextCheckpointRevision,
-      seedCheckpointRevision,
-      currentCheckpointRevision,
-      markHandled,
-      isHandled,
-      clearHandled,
-      writeScrollY,
-      readScrollY,
-      clearScrollY,
-    };
-  }
-
-  root.__MONODESIGN_LIVE_SESSION__ = { createLiveBrowserSessionState };
-})(typeof window !== 'undefined' ? window : globalThis);