retrowin32/web/code.tsx

import * as preact from 'preact';
import { Fragment, h } from 'preact';
import { Instruction } from './glue/pkg/glue';
import { Labels } from './labels';
import { MemoryView, Number } from './memory';
import { hex } from './util';

namespace Code {
  export interface Props extends MemoryView {
    labels: Labels;
    runTo: (addr: number) => void;
    instrs: Instruction[];
  }
}
export class Code extends preact.Component<Code.Props> {
  render() {
    const instrs = this.props.instrs.map(instr => {
      let code = instr.code.map(({ kind, text }) => {
        switch (kind) {
          case 'FunctionAddress':
          case 'LabelAddress':
          case 'Number': {
            const addr = parseInt(text, 16);
            let label = this.props.labels.get(addr);
            if (label) {
              label = ` ${label}`;
            }
            return (
              <>
                <Number text={text} {...this.props}>{addr}</Number>
                {label}
              </>
            );
          }
          default:
            return text;
        }
      });
      return (
        <tr>
          <td style={{ width: '10ch' }}>
            <span
              class='clicky'
              title='run to this address'
              onClick={(event) => {
                this.props.runTo(instr.addr);
              }}
            >
              {hex(instr.addr, 8)}
            </span>
          </td>
          <td title={`${instr.bytes} (${instr.ops.join(',')})`}>{code}</td>
        </tr>
      );
    });
    return (
      <section class='code'>
        <code class='disassembly'>
          <table>
            {instrs}
          </table>
        </code>
      </section>
    );
  }
}