claude-code-session-manager 0.35.1 → 0.35.3

package/src/preload/browserViewPreload.cjs

@@ -0,0 +1,67 @@
+/**
+ * Preload for embedded Browser-tab WebContentsViews (PRD 408 recorder
+ * engine). Exposes a minimal `window.__smRecorder.setRecording(bool)` toggle
+ * via contextBridge so the main process can arm/disarm step capture without
+ * ever giving page script node/ipcRenderer access. Typed values are never
+ * captured — only the target selector + a `masked` flag — per the tab's
+ * "sandboxed · no filesystem · no passwords" guardrail.
+ */
+const { contextBridge, ipcRenderer } = require('electron');
+
+// Secret handed to us via `additionalArguments` (never touches the DOM or a
+// script tag the embedded page could inspect) — required on every toggle so
+// the page itself can't call the exposeInMainWorld bridge to interfere with
+// a recording session it has no business controlling.
+const TOKEN_PREFIX = '--sm-record-token=';
+const expectedToken = (process.argv.find((a) => a.startsWith(TOKEN_PREFIX)) || '').slice(TOKEN_PREFIX.length) || null;
+
+let capturing = false;
+
+function selectorFor(el) {
+  if (!el || el.nodeType !== 1) return '';
+  if (el.id) return `#${el.id}`;
+  const testId = typeof el.getAttribute === 'function' ? el.getAttribute('data-testid') : null;
+  if (testId) return `[data-testid="${testId}"]`;
+  const tag = el.tagName.toLowerCase();
+  const cls = typeof el.className === 'string' ? el.className.trim().split(/\s+/)[0] : '';
+  return cls ? `${tag}.${cls}` : tag;
+}
+
+function variableSuggestionFor(el) {
+  const name = String(el.name || el.id || '').toLowerCase();
+  if (el.type === 'password' || /pass/.test(name)) return 'password';
+  if (/email/.test(name)) return 'email';
+  if (/user/.test(name)) return 'username';
+  return name || 'value';
+}
+
+document.addEventListener(
+  'click',
+  (e) => {
+    if (!capturing) return;
+    ipcRenderer.send('browser:record-event', { verb: 'click', target: selectorFor(e.target) });
+  },
+  true,
+);
+
+document.addEventListener(
+  'change',
+  (e) => {
+    if (!capturing) return;
+    const el = e.target;
+    if (!el || (el.tagName !== 'INPUT' && el.tagName !== 'TEXTAREA')) return;
+    ipcRenderer.send('browser:record-event', {
+      verb: 'type',
+      target: selectorFor(el),
+      variableSuggestion: variableSuggestionFor(el),
+    });
+  },
+  true,
+);
+
+contextBridge.exposeInMainWorld('__smRecorder', {
+  setRecording: (v, token) => {
+    if (!expectedToken || token !== expectedToken) return;
+    capturing = !!v;
+  },
+});

package/src/preload/index.cjs

@@ -54,6 +54,60 @@ contextBridge.exposeInMainWorld('api', {
       return () => ipcRenderer.removeListener('pty:write-error', listener);
     },
   },
+  browser: {
+    create: (payload) => ipcRenderer.invoke('browser:create', payload),
+    setBounds: (payload) => ipcRenderer.invoke('browser:set-bounds', payload),
+    show: (viewId) => ipcRenderer.invoke('browser:show', { viewId }),
+    hide: (viewId) => ipcRenderer.invoke('browser:hide', { viewId }),
+    destroy: (viewId) => ipcRenderer.invoke('browser:destroy', { viewId }),
+    navigate: (payload) => ipcRenderer.invoke('browser:navigate', payload),
+    back: (viewId) => ipcRenderer.invoke('browser:back', { viewId }),
+    forward: (viewId) => ipcRenderer.invoke('browser:forward', { viewId }),
+    reload: (viewId) => ipcRenderer.invoke('browser:reload', { viewId }),
+    stop: (viewId) => ipcRenderer.invoke('browser:stop', { viewId }),
+    onNavState: (viewId, handler) => {
+      const channel = `browser:nav-state:${viewId}`;
+      const listener = (_e, state) => handler(state);
+      ipcRenderer.on(channel, listener);
+      return () => ipcRenderer.removeListener(channel, listener);
+    },
+    recordStart: (viewId) => ipcRenderer.invoke('browser:record-start', { viewId }),
+    recordStop: (viewId) => ipcRenderer.invoke('browser:record-stop', { viewId }),
+    onRecordStep: (viewId, handler) => {
+      const channel = `browser:record-step:${viewId}`;
+      const listener = (_e, step) => handler(step);
+      ipcRenderer.on(channel, listener);
+      return () => ipcRenderer.removeListener(channel, listener);
+    },
+    captureDom: (payload) => ipcRenderer.invoke('browser:capture-dom', payload),
+    captureShot: (viewId) => ipcRenderer.invoke('browser:capture-shot', { viewId }),
+    saveBinary: (path, base64) => ipcRenderer.invoke('browser:save-binary', { path, base64 }),
+    replay: (payload) => ipcRenderer.invoke('browser:replay', payload),
+    onReplayStep: (viewId, handler) => {
+      const channel = `browser:replay-step:${viewId}`;
+      const listener = (_e, step) => handler(step);
+      ipcRenderer.on(channel, listener);
+      return () => ipcRenderer.removeListener(channel, listener);
+    },
+    setZoom: (payload) => ipcRenderer.invoke('browser:set-zoom', payload),
+    find: (payload) => ipcRenderer.invoke('browser:find', payload),
+    stopFind: (viewId) => ipcRenderer.invoke('browser:stop-find', { viewId }),
+    onFindResult: (viewId, handler) => {
+      const channel = `browser:find-result:${viewId}`;
+      const listener = (_e, result) => handler(result);
+      ipcRenderer.on(channel, listener);
+      return () => ipcRenderer.removeListener(channel, listener);
+    },
+    pickerStart: (viewId) => ipcRenderer.invoke('browser:picker-start', { viewId }),
+    pickerStop: (viewId) => ipcRenderer.invoke('browser:picker-stop', { viewId }),
+    onPickerEvent: (viewId, handler) => {
+      const channel = `browser:picker-event:${viewId}`;
+      const listener = (_e, ev) => handler(ev);
+      ipcRenderer.on(channel, listener);
+      return () => ipcRenderer.removeListener(channel, listener);
+    },
+    capture: (payload) => ipcRenderer.invoke('browser:capture', payload),
+  },
   transcripts: {
     subscribe: (payload) => ipcRenderer.invoke('transcript:subscribe', payload),
     unsubscribe: (tabId) => ipcRenderer.invoke('transcript:unsubscribe', { tabId }),
@@ -225,6 +279,7 @@ contextBridge.exposeInMainWorld('api', {
   },
   clipboard: {
     pasteImage: () => ipcRenderer.invoke('clipboard:paste-image'),
+    copyImage: (dataUrl) => ipcRenderer.invoke('browser:copy-image', { dataUrl }),
   },
   memory: {
     list: (workspace) => ipcRenderer.invoke('memory:list', workspace ? { workspace } : {}),
@@ -252,11 +307,6 @@ contextBridge.exposeInMainWorld('api', {
     },
     delete: (agentId, entryId) => ipcRenderer.invoke('agent-memory:delete', { agentId, entryId }),
   },
-  docEditor: {
-    pickFile: (payload) => ipcRenderer.invoke('doc-editor:pick-file', payload),
-    readFile: (p) => ipcRenderer.invoke('doc-editor:read-file', { path: p }),
-    writeFile: (p, text) => ipcRenderer.invoke('doc-editor:write-file', { path: p, text }),
-  },
   git: {
     // Returns null when cwd is not a git repo, git is missing, or the call
     // times out (5s ceiling). The existing `app.gitBranch` is intentionally