request-wallet-sign 0.1.2 → 0.2.1

package/bin/index.js

@@ -474,6 +474,9 @@ export function buildHtml(req, port, networkUrl, opts = {}) {
     .network-info.tunnel { background: #0d1e16; border-color: #1e5f3a; }
     .network-info.tunnel a { color: #4ade80; }
     .cross-device { margin-top: 1.25rem; }
+    .cd-link { display: inline-block; margin-top: 0.75rem; color: #64748b; font-size: 0.8rem;
+               text-decoration: underline; cursor: pointer; }
+    .cd-link:hover { color: #94a3b8; }
     .net-caveat { margin-top: 0.5rem; padding: 0.5rem 0.75rem; border-radius: 8px;
                   background: #2a1e08; border: 1px solid #5f4a1e; color: #fbbf24;
                   font-size: 0.75rem; line-height: 1.4; }
@@ -534,10 +537,13 @@ export function buildHtml(req, port, networkUrl, opts = {}) {
       </div>
       <button class="icon-btn" id="cd-check-btn" style="display:none">Check reachability</button>
       <div id="cd-status" class="net-caveat" style="display:none"></div>
-      ${networkUrl ? `<div class="network-info">
-        <span>📱 Same network:</span>
-        <a href="${escHtml(networkUrl)}" target="_blank">${escHtml(networkUrl)}</a>
-        <button class="icon-btn" id="copy-url-btn">⧉ Copy</button>
+      ${networkUrl ? `<a href="#" id="cd-lan-toggle" class="cd-link">Or use a local-network address instead</a>
+      <div id="cd-lan" style="display:none">
+        <div class="network-info">
+          <span>📱 Same network:</span>
+          <a href="${escHtml(networkUrl)}" target="_blank">${escHtml(networkUrl)}</a>
+          <button class="icon-btn" id="copy-url-btn">⧉ Copy</button>
+        </div>
       </div>` : ''}
     </div>
   </div>
@@ -600,6 +606,7 @@ function txDataText() {
     out.valueEth = formatEther(REQUEST.value) + ' ' + (meta.symbol || 'ETH');
     if (REQUEST.data) out.data = REQUEST.data;
     if (REQUEST.gas) out.gas = REQUEST.gas;
+    if (REQUEST.authorizationList) out.authorizationList = REQUEST.authorizationList;
   } else if (REQUEST._type === 'signTypedData') {
     out.typedData = REQUEST.typedData;
   } else {
@@ -681,14 +688,19 @@ async function switchChain(account) {
 }
 
 async function buildTx(account) {
+  // An EIP-7702 authorizationList (e.g. relaying someone else's signed
+  // authorization) makes this a type-4 transaction; otherwise plain EIP-1559.
+  const authList = Array.isArray(REQUEST.authorizationList) && REQUEST.authorizationList.length
+    ? REQUEST.authorizationList : null;
   const tx = {
-    type: '0x2',
+    type: authList ? '0x4' : '0x2',
     from: account,
     chainId: hex(REQUEST.chainId),
     value: REQUEST.value || '0x0',
   };
   if (REQUEST.to)   tx.to   = REQUEST.to;
   if (REQUEST.data) tx.data = REQUEST.data;
+  if (authList)     tx.authorizationList = authList;
 
   // Gas limit
   if (REQUEST.gas) {
@@ -913,6 +925,19 @@ async function renderWhatThisDoes() {
 
   const { to, data, value } = REQUEST;
 
+  // EIP-7702: this tx also installs account delegation(s) — the highest-impact
+  // part, so surface each delegate target up front (Details shows the full tx).
+  if (Array.isArray(REQUEST.authorizationList) && REQUEST.authorizationList.length) {
+    const fields = REQUEST.authorizationList.map((a, i) => ({
+      label: 'Delegate #' + (i + 1),
+      value: (a && a.address) ? a.address : '(unknown target)',
+      danger: true,
+    }));
+    if (to) fields.push({ label: 'Then calls', value: to });
+    showWhat('Authorize account delegation (EIP-7702)', fields);
+    return;
+  }
+
   // Contract deployment
   if (!to && data && data.length > 2) {
     const bytes = Math.floor((data.length - 2) / 2);
@@ -973,7 +998,7 @@ async function startTunnel() {
   const btn = document.getElementById('cross-device-btn');
   document.getElementById('cd-panel').style.display = 'block';
   btn.disabled = true;
-  btn.innerHTML = '<span class="spinner"></span>Starting secure tunnel…';
+  btn.innerHTML = '<span class="spinner"></span>Opening tunnel…';
   try {
     const res = await fetch('/tunnel/start', { method: 'POST' }).then(r => r.json());
     if (res.url) {
@@ -1006,6 +1031,12 @@ const cdBtn = document.getElementById('cross-device-btn');
 if (cdBtn) cdBtn.addEventListener('click', startTunnel);
 const cdCheck = document.getElementById('cd-check-btn');
 if (cdCheck) cdCheck.addEventListener('click', checkTunnel);
+const cdLanToggle = document.getElementById('cd-lan-toggle');
+if (cdLanToggle) cdLanToggle.addEventListener('click', e => {
+  e.preventDefault();
+  document.getElementById('cd-lan').style.display = 'block';
+  cdLanToggle.style.display = 'none';
+});
 const copyTunnelBtn = document.getElementById('copy-tunnel-btn');
 if (copyTunnelBtn) copyTunnelBtn.addEventListener('click', e =>
   copyText(document.getElementById('cd-tunnel-link').href, e.currentTarget));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "request-wallet-sign",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "description": "Let AI agents surface wallet signing requests to users via a local browser page",
   "type": "module",
   "engines": {