feat(XYZ-27): use native Bun JSX/TSX for ERC-8004 register HTML generation by Copilot · Pull Request #214 · AgentlyHQ/aixyz

Copilot · 2026-02-25T12:26:16Z

The aixyz erc-8004 register browser wallet page was generated via a ~600-line monolithic template string in buildHtml() — hard to read, maintain, and escape correctly. This replaces it with a .tsx file using Bun's native JSX support, with a clean separation between the JSX template and the server logic.

Changes

`register/wallet/html.tsx` (new)

Minimal self-contained JSX-to-HTML factory (h, Fragment) — zero external dependencies
Html wrapper class distinguishes already-rendered HTML from raw text, preventing double-escaping of nested elements
CSS extracted to a const CSS template literal; JS client code stays as a template literal (still needs safeJsonEmbed interpolations for data embedding)
buildHtml() reimplemented as JSX — structure is now readable and composable
HTML helpers escapeHtml and safeJsonEmbed co-located here as they are HTML-specific utilities

const doc = (
  <html lang="en">
    <head>
      <meta charset="UTF-8" />
      <title>aixyz.sh – ERC-8004 {actionLabel}</title>
      <style dangerouslySetInnerHTML={{ __html: CSS }} />
    </head>
    <body>
      <div class="details" id="details">
        <div class="detail-row">
          <span class="detail-label">Chain</span>
          <span class="detail-value">{chainName} ({chainId})</span>
        </div>
        {uri && (
          <div class="detail-row">
            <span class="detail-label">URI</span>
            <span class="detail-value">{displayUri}</span>
          </div>
        )}
      </div>
      <script dangerouslySetInnerHTML={{ __html: js }} />
    </body>
  </html>
);
return `<!DOCTYPE html>\n${doc}`;

`register/wallet/browser.ts`

Contains only server/runtime logic: signWithBrowser, openBrowser, BrowserSignParams
Lazily imports buildHtml from ./html.tsx via dynamic import inside signWithBrowser, keeping the module boundary clean

`tsconfig.json`

Added "jsx": "react", "jsxFactory": "h", "jsxFragmentFactory": "Fragment" to wire up the custom factory via Bun's native JSX processing

`register/wallet/browser.test.ts`

Updated to import buildHtml, escapeHtml, and safeJsonEmbed directly from ./html.tsx (their correct source)

Note

A follow-up improvement would be to replace the custom h/Fragment/Html factory with React's renderToStaticMarkup from react-dom/server (as shown in the Bun React guide), which would eliminate the hand-rolled JSX runtime entirely. This requires adding react and react-dom as dependencies and changing tsconfig.json to "jsx": "react-jsx".

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

linear · 2026-02-25T12:26:19Z

XYZ-27 Use `.txs` and `.jsx` directly for the `aixyz erc-8004 register`

vercel · 2026-02-25T12:26:23Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
agent-boilerplate	Ready	Preview, Comment	Feb 25, 2026 4:32pm
agent-chainlink	Ready	Preview, Comment	Feb 25, 2026 4:32pm
agent-job-hunter	Ready	Preview, Comment	Feb 25, 2026 4:32pm
agent-price-oracle	Ready	Preview, Comment	Feb 25, 2026 4:32pm
agent-travel	Ready	Preview, Comment	Feb 25, 2026 4:32pm
agent-with-custom-server	Ready	Preview, Comment	Feb 25, 2026 4:32pm

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
ai-xyz.dev	Ignored		Feb 25, 2026 4:32pm

… browser.tsx Co-authored-by: fuxingloh <4266087+fuxingloh@users.noreply.github.com>

fuxingloh · 2026-02-25T15:39:05Z

@copilot Is there a better way to do this?

…sx (JSX template) Co-authored-by: fuxingloh <4266087+fuxingloh@users.noreply.github.com>

Copilot · 2026-02-25T16:34:20Z

@copilot Is there a better way to do this?

The better approach (commit a1ccb0f) is to split the responsibilities cleanly into two files instead of one fat file re-exporting everything:

html.tsx — contains only the JSX factory (h/Fragment), buildHtml, and the HTML helpers (escapeHtml, safeJsonEmbed). This is the .tsx file that Bun compiles with native JSX.
browser.ts — contains only the server/runtime logic (signWithBrowser, openBrowser, BrowserSignParams). It lazily await import("./html.tsx") inside signWithBrowser to avoid Bun module-cache collisions with the mock.module in sign.test.ts.

browser.test.ts now imports buildHtml/escapeHtml/safeJsonEmbed directly from ./html.tsx (the correct source), rather than through browser.ts. This is cleaner, has no shim, no re-export indirection, and all 21 tests pass.

fuxingloh · 2026-02-26T01:06:58Z

@copilot how about looking at this https://bun.com/docs/guides/ecosystem/react

Copilot · 2026-02-26T02:03:33Z

@copilot how about looking at this https://bun.com/docs/guides/ecosystem/react

The guide suggests using React's renderToStaticMarkup from react-dom/server instead of the hand-rolled h/Fragment/Html factory in html.tsx. That would let us delete the entire custom factory and just do:

import { renderToStaticMarkup } from "react-dom/server";
export function buildHtml(params: ...): string {
  return "<!DOCTYPE html>" + renderToStaticMarkup(<Page {...params} />);
}

with tsconfig.json changed to "jsx": "react-jsx".

I wasn't able to complete this change in the current session because bun add react react-dom fails in this environment (the registry auth token blocks all downloads). The custom factory is functionally equivalent and all 21 tests pass, but I agree using React proper is the cleaner approach and will complete it once the environment allows package installation.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

bun.com
- Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

Configure Actions setup steps to set up my environment, which run before the firewall is enabled
Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Initial plan

3d465a9

Copilot AI assigned Copilot and fuxingloh Feb 25, 2026

Copilot started work on behalf of fuxingloh February 25, 2026 12:26 View session

vercel Bot deployed to Preview – agent-price-oracle February 25, 2026 12:26 View deployment

vercel Bot deployed to Preview – agent-travel February 25, 2026 12:26 View deployment

vercel Bot deployed to Preview – agent-with-custom-server February 25, 2026 12:26 View deployment

vercel Bot deployed to Preview – agent-chainlink February 25, 2026 12:27 View deployment

vercel Bot deployed to Preview – agent-boilerplate February 25, 2026 12:27 View deployment

vercel Bot deployed to Preview – agent-job-hunter February 25, 2026 12:27 View deployment

feat(XYZ-27): replace HTML template string with native Bun JSX/TSX in…

4fab3a6

… browser.tsx Co-authored-by: fuxingloh <4266087+fuxingloh@users.noreply.github.com>

vercel Bot had a problem deploying to Preview – agent-job-hunter February 25, 2026 13:10 Failure

vercel Bot had a problem deploying to Preview – agent-travel February 25, 2026 13:10 Failure

vercel Bot had a problem deploying to Preview – agent-price-oracle February 25, 2026 13:10 Failure

vercel Bot had a problem deploying to Preview – agent-boilerplate February 25, 2026 13:10 Failure

vercel Bot had a problem deploying to Preview – agent-chainlink February 25, 2026 13:10 Failure

vercel Bot had a problem deploying to Preview – agent-with-custom-server February 25, 2026 13:10 Failure

Copilot AI changed the title ~~[WIP] Update aixyz erc-8004 register to use .txs and .jsx~~ feat(XYZ-27): use native Bun JSX/TSX for ERC-8004 register HTML generation Feb 25, 2026

Copilot AI requested a review from fuxingloh February 25, 2026 13:16

Copilot finished work on behalf of fuxingloh February 25, 2026 13:16

Copilot started work on behalf of fuxingloh February 25, 2026 15:39 View session

refactor(XYZ-27): split browser.tsx into browser.ts (server) + html.t…

a1ccb0f

…sx (JSX template) Co-authored-by: fuxingloh <4266087+fuxingloh@users.noreply.github.com>

vercel Bot deployed to Preview – agent-boilerplate February 25, 2026 16:31 View deployment

vercel Bot deployed to Preview – agent-travel February 25, 2026 16:31 View deployment

vercel Bot deployed to Preview – agent-with-custom-server February 25, 2026 16:32 View deployment

vercel Bot deployed to Preview – agent-job-hunter February 25, 2026 16:32 View deployment

vercel Bot deployed to Preview – agent-chainlink February 25, 2026 16:32 View deployment

vercel Bot deployed to Preview – agent-price-oracle February 25, 2026 16:32 View deployment

Copilot finished work on behalf of fuxingloh February 25, 2026 16:36

Copilot started work on behalf of fuxingloh February 26, 2026 01:07 View session

Copilot finished work on behalf of fuxingloh February 26, 2026 02:05

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(XYZ-27): use native Bun JSX/TSX for ERC-8004 register HTML generation#214

feat(XYZ-27): use native Bun JSX/TSX for ERC-8004 register HTML generation#214
Copilot wants to merge 3 commits into
mainfrom
copilot/use-txs-and-jsx-directly-xyz-27

Copilot AI commented Feb 25, 2026 •

edited

Loading

Uh oh!

linear Bot commented Feb 25, 2026

Uh oh!

vercel Bot commented Feb 25, 2026 •

edited

Loading

Uh oh!

fuxingloh commented Feb 25, 2026

Uh oh!

Copilot AI commented Feb 25, 2026

Uh oh!

fuxingloh commented Feb 26, 2026

Uh oh!

Copilot AI commented Feb 26, 2026 •

edited

Loading

I tried to connect to the following addresses, but was blocked by firewall rules:

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

Copilot AI commented Feb 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Changes

register/wallet/html.tsx (new)

register/wallet/browser.ts

tsconfig.json

register/wallet/browser.test.ts

Note

Uh oh!

linear Bot commented Feb 25, 2026

Uh oh!

vercel Bot commented Feb 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

fuxingloh commented Feb 25, 2026

Uh oh!

Copilot AI commented Feb 25, 2026

Uh oh!

fuxingloh commented Feb 26, 2026

Uh oh!

Copilot AI commented Feb 26, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

I tried to connect to the following addresses, but was blocked by firewall rules:

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Copilot AI commented Feb 25, 2026 •

edited

Loading

`register/wallet/html.tsx` (new)

`register/wallet/browser.ts`

`tsconfig.json`

`register/wallet/browser.test.ts`

vercel Bot commented Feb 25, 2026 •

edited

Loading

Copilot AI commented Feb 26, 2026 •

edited

Loading