mgcrt

Simple JavaScript SPA router implementation.

Usage

<div class="links">
  <button data-page="/">Page 1</button>
  <button data-page="/page2">Page 2</button>
</div>

<div id="root"></div>

<script type="module" src="..."></script>

import { init as initMgcrt } from "./mgcrt.js";

initMgcrt({
  container: document.getElementById("root"),
  pages: [
    {
      path: "/",
      template: document.createTextNode("Hello World from Page 1!"),
      populate: () => {},
    },
    {
      path: "/page2",
      template: document.createTextNode("Hello World from @!"),
      populate: (element) => {
        element.textContent = element.textContent.replace("@", "Page 2");
      },
    },
  ],
});

Build it yourself

$ pnpm install
$ pnpm build
$ cp dist/mgcrt.js ...

There are also mgcrt.js.map and mgcrt.d.ts available.