/** @jsxImportSource xastscript */
import { toXml } from "xast-util-to-xml";

const feed = toXml(
  <feed xmlns="http://www.w3.org/2005/Atom">
    <title>My blog feed</title>
  </feed>
);

const { js } = compile(
  `<ul>
    {#each Array(5), i}
      <li>{i}</li>
    {/each}
  </ul>`,
  { generate: "server" },
);

await postject.inject(
  "node",
  "NODE_SEA_BLOB",
  readFileSync("./bundle.blob"),
  { sentinelFuse: "NODE_SEA_FUSE​_fce680ab2cc467b6e072b8b5df1996b2" },
);

try {
  fetch("https://example.com").then((response) => {
    console.log(response.ok);
  });
} catch (error) {
  console.error(error); // Never called!
}

const schema = fg.form({
  title: fg.text({ required: true, maxlength: 255 }),
  picture: fg.file({ accept: ["image/*"] }),
  draft: fg.checkbox(),
});

http.Post, "/post" -> {
  let message = request.body
  process.send(pubsub, Publish(message))
  new_response(200, "Submitted: " <> message)
}

[
  {
    "original": "This is a heading",
    "normalized": "this is a heading",
    "weight": 2
  }
]

<img
  src="https://example.com/login?next=/favicon.ico"
  onload="alert('Logged in')"
  onerror="alert('Logged out')"
/>

SELECT
  id,
  PERCENTILE_CONT(0.5) WITHIN GROUP (ORDER BY duration) AS p50
FROM (SELECT id, UNNEST(durations) AS duration FROM websites) t
GROUP BY id

interface Automaton {
  state: string
  states: Record<string, {
    enter: () => void
    next: string
  }>
}

.card {
  position: relative;
}
.card a::before {
  content: '';
  position: absolute;
  inset: 0;
}

button {
  all: unset;
  outline: revert;
}