examples/macros/components/example.jsx


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

// 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>
);