examples/macros/components/example.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// source code
import { matchInFile } from "macro:matchInFile";

export const IPAddresses = () => (
  <div>
    <h2>recent ip addresses</h2>
    <div className="Lines">
      {matchInFile("access.log", /^(?:[0-9]{1,3}\.){3}[0-9]{1,3}/).map((ipAddress, index) => (
        <div className="Line" key={index}>
          {ipAddress}
        </div>
      ))}
    </div>
  </div>
);