npm - create-walle - Versions diffs - 0.9.21 → 0.9.23 - Mend

create-walle 0.9.21 → 0.9.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (500) hide show

package/template/claude-task-manager/public/ipad.html ADDED Viewed

@@ -0,0 +1,363 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>CTM iPad Preview</title>
+  <style>
+    :root {
+      color-scheme: dark;
+      --bg: #111827;
+      --panel: #182235;
+      --panel-strong: #202c43;
+      --line: #34435f;
+      --text: #e5edf9;
+      --muted: #94a3b8;
+      --blue: #7aa2ff;
+      --green: #81c784;
+      --shadow: rgba(0, 0, 0, 0.36);
+    }
+    * { box-sizing: border-box; }
+    html,
+    body {
+      min-height: 100%;
+      margin: 0;
+      background: var(--bg);
+      color: var(--text);
+      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
+      letter-spacing: 0;
+    }
+    body {
+      display: grid;
+      grid-template-rows: auto 1fr;
+      overflow: hidden;
+    }
+    button,
+    input,
+    select {
+      font: inherit;
+    }
+    button,
+    input {
+      min-height: 40px;
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      background: #121a2a;
+      color: var(--text);
+    }
+    button {
+      padding: 0 12px;
+      cursor: pointer;
+    }
+    button:hover,
+    button[aria-pressed="true"] {
+      border-color: color-mix(in srgb, var(--blue) 76%, var(--line));
+      background: color-mix(in srgb, var(--blue) 20%, #121a2a);
+      color: #f8fbff;
+    }
+    button:focus-visible,
+    input:focus-visible {
+      outline: 2px solid var(--blue);
+      outline-offset: 2px;
+    }
+    .topbar {
+      display: grid;
+      grid-template-columns: minmax(220px, 1fr) auto;
+      gap: 16px;
+      align-items: center;
+      padding: 14px 18px;
+      border-bottom: 1px solid var(--line);
+      background: color-mix(in srgb, var(--panel) 94%, transparent);
+      box-shadow: 0 14px 40px var(--shadow);
+      z-index: 2;
+    }
+    .title-block h1 {
+      margin: 0;
+      font-size: 18px;
+      line-height: 1.2;
+    }
+    .title-block p {
+      margin: 4px 0 0;
+      color: var(--muted);
+      font-size: 13px;
+    }
+    .controls {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+      align-items: center;
+      gap: 8px;
+    }
+    .device-group {
+      display: flex;
+      gap: 4px;
+      padding: 3px;
+      border: 1px solid var(--line);
+      border-radius: 10px;
+      background: #0f1726;
+    }
+    .device-group button {
+      min-height: 34px;
+      border-color: transparent;
+      white-space: nowrap;
+    }
+    .source-form {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      min-width: min(520px, 100%);
+    }
+    .source-form input {
+      width: min(360px, 38vw);
+      padding: 0 11px;
+    }
+    .stage {
+      position: relative;
+      min-height: 0;
+      display: grid;
+      place-items: center;
+      padding: 18px;
+      overflow: auto;
+    }
+    .preview-meta {
+      position: absolute;
+      left: 18px;
+      bottom: 14px;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      color: var(--muted);
+      font-size: 12px;
+      pointer-events: none;
+    }
+    .status-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 999px;
+      background: var(--green);
+      box-shadow: 0 0 0 4px color-mix(in srgb, var(--green) 16%, transparent);
+    }
+    .device-slot {
+      position: relative;
+    }
+    .device {
+      transform-origin: top left;
+      border-radius: 34px;
+      background:
+        linear-gradient(145deg, #3b465f, #111827 52%, #050812);
+      padding: 16px;
+      box-shadow:
+        0 28px 80px rgba(0, 0, 0, 0.42),
+        inset 0 0 0 1px rgba(255, 255, 255, 0.08),
+        inset 0 0 0 7px rgba(255, 255, 255, 0.04);
+    }
+    .screen-shell {
+      position: relative;
+      overflow: hidden;
+      border-radius: 22px;
+      background: #0b1020;
+      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10);
+    }
+    iframe {
+      display: block;
+      border: 0;
+      background: #101419;
+    }
+    .home-indicator {
+      position: absolute;
+      left: 50%;
+      bottom: 7px;
+      width: 110px;
+      height: 4px;
+      transform: translateX(-50%);
+      border-radius: 999px;
+      background: rgba(255, 255, 255, 0.34);
+      pointer-events: none;
+    }
+    .camera {
+      position: absolute;
+      top: 8px;
+      left: 50%;
+      width: 42px;
+      height: 5px;
+      transform: translateX(-50%);
+      border-radius: 999px;
+      background: rgba(255, 255, 255, 0.22);
+      pointer-events: none;
+    }
+    @media (max-width: 980px) {
+      .topbar {
+        grid-template-columns: 1fr;
+      }
+      .controls {
+        justify-content: flex-start;
+      }
+      .source-form,
+      .source-form input {
+        width: 100%;
+      }
+    }
+  </style>
+</head>
+<body>
+  <header class="topbar">
+    <div class="title-block">
+      <h1 id="preview-title">CTM iPad Preview</h1>
+      <p>Same-origin preview of the mobile CTM app. Use this for quick iPad layout checks before testing on a real iPad.</p>
+    </div>
+    <div class="controls" aria-label="Preview controls">
+      <div class="device-group" role="group" aria-label="Device size">
+        <button type="button" data-device="ipad-test-portrait">Test Portrait</button>
+        <button type="button" data-device="ipad-test-landscape">Test Landscape</button>
+        <button type="button" data-device="ipad-11-portrait">11 Portrait</button>
+        <button type="button" data-device="ipad-11-landscape">11 Landscape</button>
+      </div>
+      <form id="source-form" class="source-form">
+        <label for="preview-src">Source</label>
+        <input id="preview-src" type="text" inputmode="url" autocomplete="off" spellcheck="false" value="/m/">
+        <button id="preview-load" type="submit">Load</button>
+        <button id="preview-reload" type="button">Reload</button>
+        <button id="preview-open" type="button">Open</button>
+      </form>
+    </div>
+  </header>
+  <main id="stage" class="stage">
+    <div id="device-slot" class="device-slot">
+      <section id="device" class="device" aria-label="iPad preview device">
+        <div class="camera" aria-hidden="true"></div>
+        <div id="screen-shell" class="screen-shell">
+          <iframe id="preview-frame" title="CTM mobile app iPad preview" src="/m/"></iframe>
+        </div>
+        <div class="home-indicator" aria-hidden="true"></div>
+      </section>
+    </div>
+    <div class="preview-meta" aria-live="polite">
+      <span class="status-dot" aria-hidden="true"></span>
+      <span id="preview-size">768 x 1024</span>
+      <span id="preview-scale">100%</span>
+    </div>
+  </main>
+  <script>
+  (function initIpadPreview() {
+    var DEVICES = {
+      'ipad-test-portrait': { label: 'Test Portrait', width: 768, height: 1024 },
+      'ipad-test-landscape': { label: 'Test Landscape', width: 1024, height: 768 },
+      'ipad-11-portrait': { label: '11 Portrait', width: 834, height: 1194 },
+      'ipad-11-landscape': { label: '11 Landscape', width: 1194, height: 834 },
+    };
+    var params = new URLSearchParams(window.location.search || '');
+    var stage = document.getElementById('stage');
+    var slot = document.getElementById('device-slot');
+    var device = document.getElementById('device');
+    var screen = document.getElementById('screen-shell');
+    var frame = document.getElementById('preview-frame');
+    var srcInput = document.getElementById('preview-src');
+    var sizeLabel = document.getElementById('preview-size');
+    var scaleLabel = document.getElementById('preview-scale');
+    var currentDevice = DEVICES[params.get('device')] ? params.get('device') : 'ipad-test-portrait';
+    function normalizeSrc(value) {
+      var raw = String(value || '').trim() || '/m/';
+      if (/^https?:\/\//i.test(raw)) return raw;
+      if (raw.charAt(0) !== '/') raw = '/' + raw;
+      return raw;
+    }
+    function setPressed(key) {
+      document.querySelectorAll('[data-device]').forEach(function(btn) {
+        btn.setAttribute('aria-pressed', btn.getAttribute('data-device') === key ? 'true' : 'false');
+      });
+    }
+    function updateUrl() {
+      var next = new URL(window.location.href);
+      next.searchParams.set('device', currentDevice);
+      next.searchParams.set('src', srcInput.value);
+      window.history.replaceState(null, '', next);
+    }
+    function fitDevice() {
+      var spec = DEVICES[currentDevice] || DEVICES['ipad-test-portrait'];
+      var outerW = spec.width + 32;
+      var outerH = spec.height + 32;
+      screen.style.width = spec.width + 'px';
+      screen.style.height = spec.height + 'px';
+      frame.style.width = spec.width + 'px';
+      frame.style.height = spec.height + 'px';
+      device.style.width = outerW + 'px';
+      device.style.height = outerH + 'px';
+      var availableW = Math.max(320, stage.clientWidth - 42);
+      var availableH = Math.max(320, stage.clientHeight - 42);
+      var scale = Math.min(1, availableW / outerW, availableH / outerH);
+      device.style.transform = 'scale(' + scale.toFixed(4) + ')';
+      slot.style.width = Math.ceil(outerW * scale) + 'px';
+      slot.style.height = Math.ceil(outerH * scale) + 'px';
+      sizeLabel.textContent = spec.width + ' x ' + spec.height;
+      scaleLabel.textContent = Math.round(scale * 100) + '%';
+      setPressed(currentDevice);
+    }
+    function loadFrame(value) {
+      var src = normalizeSrc(value);
+      srcInput.value = src;
+      frame.setAttribute('src', src);
+      updateUrl();
+    }
+    document.querySelectorAll('[data-device]').forEach(function(btn) {
+      btn.addEventListener('click', function() {
+        currentDevice = btn.getAttribute('data-device') || currentDevice;
+        fitDevice();
+        updateUrl();
+      });
+    });
+    document.getElementById('source-form').addEventListener('submit', function(event) {
+      event.preventDefault();
+      loadFrame(srcInput.value);
+    });
+    document.getElementById('preview-reload').addEventListener('click', function() {
+      try { frame.contentWindow.location.reload(); } catch (_) { frame.setAttribute('src', frame.getAttribute('src') || '/m/'); }
+    });
+    document.getElementById('preview-open').addEventListener('click', function() {
+      window.open(frame.getAttribute('src') || '/m/', '_blank', 'noopener,noreferrer');
+    });
+    window.addEventListener('resize', fitDevice);
+    srcInput.value = normalizeSrc(params.get('src') || '/m/');
+    frame.setAttribute('src', srcInput.value);
+    fitDevice();
+  })();
+  </script>
+</body>
+</html>

package/template/claude-task-manager/public/js/document-review-links.js ADDED Viewed

@@ -0,0 +1,301 @@
+(function() {
+  'use strict';
+  const DOC_EXT_RE = /\.(?:md|markdown|mdown|txt)$/i;
+  const DOC_TOKEN_RE = /(^|[\s([{<"'`])([^\s<>"'`]*\.(?:md|markdown|mdown|txt)(?::\d+)?)(?=$|[\s)\]}>.,;!?])/gi;
+  const SKIP_SELECTOR = 'a,code,pre,kbd,samp,textarea,input,select,button,script,style';
+  function _state() {
+    return (typeof window !== 'undefined' && (window._ctmState || window.state)) || {};
+  }
+  function _recentSessions() {
+    try {
+      return Array.isArray(window.allRecentSessions) ? window.allRecentSessions : [];
+    } catch {
+      return [];
+    }
+  }
+  function splitReference(raw, fallbackLine) {
+    let value = String(raw || '').trim();
+    while (/[.,;!?]$/.test(value)) value = value.slice(0, -1);
+    const match = value.match(/^(.*):(\d+)$/);
+    const line = match ? Math.max(1, Number(match[2]) || 1) : Math.max(1, Number(fallbackLine) || 1);
+    const path = match ? match[1] : value;
+    return { raw: value, path, line, label: value };
+  }
+  function _looksLikeDocumentReference(raw) {
+    const ref = splitReference(raw);
+    if (!ref.path || !DOC_EXT_RE.test(ref.path)) return false;
+    if (/^[a-z][a-z0-9+.-]*:\/\//i.test(ref.path)) return false;
+    if (/^data:/i.test(ref.path)) return false;
+    return true;
+  }
+  function findReferences(text) {
+    const source = String(text || '');
+    const refs = [];
+    DOC_TOKEN_RE.lastIndex = 0;
+    let match;
+    while ((match = DOC_TOKEN_RE.exec(source))) {
+      const prefix = match[1] || '';
+      const token = match[2] || '';
+      if (!_looksLikeDocumentReference(token)) continue;
+      const start = match.index + prefix.length;
+      const end = start + token.length;
+      refs.push({ ...splitReference(token), start, end });
+    }
+    return refs;
+  }
+  function _rowMatchesSession(row, sessionId) {
+    if (!row || !sessionId) return false;
+    const ids = [
+      row.sessionId, row.session_id, row.id,
+      row.provisionalId, row.provisional_id,
+      row.agentSessionId, row.agent_session_id,
+      row.claudeSessionId, row.claude_session_id,
+    ];
+    if (Array.isArray(row.agentSessionIds)) ids.push(...row.agentSessionIds);
+    if (Array.isArray(row.agent_session_ids)) ids.push(...row.agent_session_ids);
+    return ids.map(String).includes(String(sessionId));
+  }
+  function contextForSession(sessionId) {
+    const state = _state();
+    const id = sessionId || state.reviewingSessionId || state.activeTab || '';
+    const live = id && state.sessions && typeof state.sessions.get === 'function'
+      ? state.sessions.get(id)
+      : null;
+    const meta = live && live.meta || {};
+    const recent = _recentSessions().find(row => _rowMatchesSession(row, id)) || null;
+    const cwd = meta.cwd || live?.cwd || meta.project || live?.project || recent?.cwd || recent?.project || '';
+    return { sessionId: id || '', cwd: cwd || '' };
+  }
+  function defaultContext() {
+    return contextForSession();
+  }
+  function hashForReference(raw, opts) {
+    const ref = splitReference(raw, opts && opts.line);
+    const params = new URLSearchParams();
+    params.set('type', 'doc');
+    params.set('path', ref.path);
+    params.set('line', String(ref.line));
+    if (opts && opts.cwd) params.set('cwd', opts.cwd);
+    if (opts && opts.sessionId) params.set('session', opts.sessionId);
+    return '#review&' + params.toString();
+  }
+  function _isMobileShell() {
+    try { return /^\/m(?:\/|$)/.test(window.location.pathname || ''); }
+    catch { return false; }
+  }
+  function hrefForReference(raw, opts) {
+    const hash = hashForReference(raw, opts);
+    if (_isMobileShell()) return '/index.html?desktop=1' + hash;
+    return hash;
+  }
+  function openReference(raw, opts) {
+    const context = Object.assign({}, opts || {});
+    const ref = splitReference(raw, context.line);
+    if (typeof window.CR !== 'undefined' && typeof window.CR.openDocumentReference === 'function') {
+      window.CR.openDocumentReference(ref.label, context);
+      return;
+    }
+    if (_isMobileShell()) {
+      window.location.href = hrefForReference(ref.label, context);
+      return;
+    }
+    window.location.hash = hashForReference(ref.label, context);
+  }
+  function _makeAnchor(ref, context) {
+    const a = document.createElement('a');
+    a.className = 'ctm-doc-review-link';
+    a.href = hrefForReference(ref.label, context);
+    a.textContent = ref.label;
+    a.title = 'Open document in Review';
+    a.dataset.ctmDocPath = ref.path;
+    a.dataset.ctmDocLine = String(ref.line);
+    if (context && context.cwd) a.dataset.ctmDocCwd = context.cwd;
+    if (context && context.sessionId) a.dataset.ctmDocSessionId = context.sessionId;
+    a.addEventListener('click', (event) => {
+      event.preventDefault();
+      openReference(ref.label, context);
+    });
+    return a;
+  }
+  function _stripHrefDecoration(rawHref) {
+    let value = String(rawHref || '').trim();
+    if (!value || /^#/.test(value)) return '';
+    if (/^(?:javascript|mailto|tel|data):/i.test(value)) return '';
+    if (/^[a-z][a-z0-9+.-]*:\/\//i.test(value)) {
+      try {
+        const parsed = new URL(value);
+        if (parsed.origin !== window.location.origin) return '';
+        value = decodeURIComponent(parsed.pathname || '');
+      } catch {
+        return '';
+      }
+    }
+    const hashIndex = value.indexOf('#');
+    if (hashIndex >= 0) value = value.slice(0, hashIndex);
+    const queryIndex = value.indexOf('?');
+    if (queryIndex >= 0) value = value.slice(0, queryIndex);
+    try { value = decodeURIComponent(value); } catch {}
+    return value.trim();
+  }
+  function _looksLikeAbsoluteUserPath(value) {
+    return /^\/(?:Users|private|tmp|var|Volumes|opt|home)\//.test(String(value || ''));
+  }
+  function _contextualDocumentPath(value, context) {
+    const raw = String(value || '').trim();
+    if (!raw || !context || !context.cwd) return raw;
+    if (/^\/[^/]/.test(raw) && !_looksLikeAbsoluteUserPath(raw)) return raw.slice(1);
+    return raw;
+  }
+  function _anchorReference(anchor, context) {
+    const rawHref = _stripHrefDecoration(anchor.getAttribute('href') || '');
+    const label = String(anchor.textContent || '').trim();
+    const labelRef = _looksLikeDocumentReference(label) ? splitReference(label) : null;
+    let candidate = rawHref;
+    if (!candidate && labelRef) candidate = labelRef.label;
+    if (candidate && /^\/[^/]/.test(candidate) && !_looksLikeAbsoluteUserPath(candidate) && labelRef && !pathIsRootLike(labelRef.path)) {
+      candidate = labelRef.label;
+    }
+    candidate = _contextualDocumentPath(candidate, context);
+    if (!_looksLikeDocumentReference(candidate)) return null;
+    return splitReference(candidate);
+  }
+  function pathIsRootLike(value) {
+    return /^\/|^~(?:\/|$)/.test(String(value || ''));
+  }
+  function _rawReference(ref) {
+    return `${ref.path}:${Math.max(1, Number(ref.line) || 1)}`;
+  }
+  function _rewriteAnchor(anchor, context) {
+    if (!anchor || anchor.closest(SKIP_SELECTOR.replace(/^a,?/, ''))) return false;
+    const ref = _anchorReference(anchor, context);
+    if (!ref) return false;
+    anchor.classList.add('ctm-doc-review-link');
+    anchor.href = hrefForReference(_rawReference(ref), context);
+    anchor.title = 'Open document in Review';
+    anchor.dataset.ctmDocPath = ref.path;
+    anchor.dataset.ctmDocLine = String(ref.line);
+    if (context && context.cwd) anchor.dataset.ctmDocCwd = context.cwd;
+    if (context && context.sessionId) anchor.dataset.ctmDocSessionId = context.sessionId;
+    anchor.removeAttribute('target');
+    if (!anchor.dataset.ctmDocBound) {
+      anchor.addEventListener('click', (event) => {
+        event.preventDefault();
+        const clickContext = {
+          cwd: anchor.dataset.ctmDocCwd || '',
+          sessionId: anchor.dataset.ctmDocSessionId || '',
+        };
+        openReference(_rawReference({
+          path: anchor.dataset.ctmDocPath || ref.path,
+          line: Number(anchor.dataset.ctmDocLine || ref.line) || 1,
+        }), clickContext);
+      });
+      anchor.dataset.ctmDocBound = '1';
+    }
+    return true;
+  }
+  function _rewriteExistingAnchors(root, context) {
+    if (!root || !root.querySelectorAll) return;
+    root.querySelectorAll('a[href]').forEach((anchor) => _rewriteAnchor(anchor, context));
+  }
+  function _replaceTextNode(node, context) {
+    const text = node.nodeValue || '';
+    const refs = findReferences(text);
+    if (!refs.length) return;
+    const frag = document.createDocumentFragment();
+    let offset = 0;
+    for (const ref of refs) {
+      if (ref.start > offset) frag.appendChild(document.createTextNode(text.slice(offset, ref.start)));
+      frag.appendChild(_makeAnchor(ref, context));
+      offset = ref.end;
+    }
+    if (offset < text.length) frag.appendChild(document.createTextNode(text.slice(offset)));
+    node.parentNode.replaceChild(frag, node);
+  }
+  function linkifyElement(root, opts) {
+    if (!root || typeof document === 'undefined') return;
+    const context = Object.assign({}, opts || defaultContext());
+    _rewriteExistingAnchors(root, context);
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
+      acceptNode(node) {
+        const parent = node && node.parentElement;
+        if (!parent || !String(node.nodeValue || '').trim()) return NodeFilter.FILTER_REJECT;
+        if (parent.closest && parent.closest(SKIP_SELECTOR)) return NodeFilter.FILTER_REJECT;
+        return findReferences(node.nodeValue || '').length
+          ? NodeFilter.FILTER_ACCEPT
+          : NodeFilter.FILTER_REJECT;
+      },
+    });
+    const nodes = [];
+    while (walker.nextNode()) nodes.push(walker.currentNode);
+    for (const node of nodes) _replaceTextNode(node, context);
+  }
+  function _bufferLineText(term, y) {
+    try {
+      const line = term && term.buffer && term.buffer.active && term.buffer.active.getLine(y - 1);
+      return line ? line.translateToString(true) : '';
+    } catch {
+      return '';
+    }
+  }
+  function registerTerminalLinkProvider(term, sessionId) {
+    if (!term || typeof term.registerLinkProvider !== 'function') return null;
+    return term.registerLinkProvider({
+      provideLinks(y, callback) {
+        const text = _bufferLineText(term, y);
+        const context = contextForSession(sessionId);
+        const links = findReferences(text).map(ref => ({
+          range: {
+            start: { x: ref.start + 1, y },
+            end: { x: ref.end, y },
+          },
+          text: ref.label,
+          activate() { openReference(ref.label, context); },
+          hover() {},
+          leave() {},
+        }));
+        callback(links.length ? links : undefined);
+      },
+    });
+  }
+  const api = {
+    findReferences,
+    splitReference,
+    contextForSession,
+    defaultContext,
+    hashForReference,
+    hrefForReference,
+    openReference,
+    linkifyElement,
+    registerTerminalLinkProvider,
+  };
+  if (typeof window !== 'undefined') window.CTMDocLinks = api;
+  if (typeof module !== 'undefined' && module.exports) module.exports = api;
+})();