@zavx0z/template

Шаблонизатор для MetaFor. Извлекает структуру, пути к данным и выражения из tagged template literals без их выполнения

@zavx0z/template статически парсит исходный код render-функции, достаёт блок html...`` и строит нормализованное дерево элементов, текстов, атрибутов, условий, итераций и meta‑элементов акторов (в рамках MetaFor).

• Работает в Node, Bun, браузерах и воркерах
• Поддерживает условия, циклы, логические выражения, meta‑теги акторов
• Формирует пути к данным и унифицированные выражения
• Ничего не исполняет, только анализирует

Установка

bun i @zavx0z/template
Copy

🛠 Пример

import { parse } from "@zavx0z/template"
import { Context } from "@zavx0z/context"

const { context, update, onUpdate } = new Context((t) => ({
  cups: t.number.required(0)({ title: "orders" }),
  last: t.string.optional()({ title: "last ordered drink" }),
}))

const core = {
  menu: [
    { label: "Espresso", size: "30ml" },
    { label: "Cappuccino", size: "200ml" },
    { label: "Latte", size: "250ml" },
  ],
}

let state = "open"

const nodes = parse<typeof context, typeof core, "open" | "closed">(
  ({ html, context, update, core, state }) => html`
    <h1>☕ Quick Coffee Order</h1>

    <p>
      Status: ${state === "open" ? "🟢 Open" : "🔴 Closed"} · Orders: ${context.cups}${context.last &&
      ` · last: ${context.last}`}
    </p>

    ${state === "open" &&
    html`
      <ul>
        ${core.menu.map(
          (product) =>
            html`<li>
              ${product.label} (${product.size})
              <button onclick=${() => update({ cups: context.cups + 1, last: product.label })}>Add</button>
            </li>`
        )}
      </ul>
    `} ${state === "closed" && html`<p>Come back later — we’ll brew something tasty ☺️</p>`}
  `
)
Copy

Документация

Полная документация с описанием и примерами доступна здесь: https://zavx0z.github.io/template/

Лицензия

MIT © zavx0z