Getting started

Create an instance

import { createRebase } from "rebase";

const rebase = createRebase();

Add a directive

rebase.directive("hello", ({ expression }) => {
  return `<strong>Hello ${expression}</strong>`;
});

Use it in source:

<p>{@hello Rebase}</p>

Transform the source:

const html = await rebase.transform("<p>{@hello Rebase}</p>");

Add a plugin

const hello = rebase => {
  rebase.directive("hello", ({ expression }) =>
    `<strong>Hello ${expression}</strong>`
  );
};

const app = createRebase();
app.use(hello);

For reusable packages, see Plugin development.

Browser mounting

rebase.mount("#app", {
  template: "<p>{@hello Rebase}</p>"
});

Continue with Core concepts.