uhtml/cjs/render/hole.js

A micro HTML/SVG render

'use strict';
const { cache } = require('../literals.js');
const { set } = require('../utils.js');

/** @typedef {import("../rabbit.js").Hole} Hole */

/** @type {WeakMap<Element | DocumentFragment, import("../literals.js").Cache>} */
const known = new WeakMap;

/**
 * Render with smart updates within a generic container.
 * @template T
 * @param {T} where the DOM node where to render content
 * @param {(() => Hole) | Hole} what the hole to render
 * @returns
 */
module.exports = (where, what) => {
  const info = known.get(where) || set(known, where, cache());
  const { b } = info;
  if (b !== (typeof what === 'function' ? what() : what).toDOM(info))
    where.replaceChildren(info.b.valueOf());
  return where;
};