vite-plugin-vanjs/meta/helpers.mjs

An async first mini meta-framework for VanJS powered by Vite

import isServer from "../setup/isServer.mjs";

/** @type {typeof import('./types.d.ts').parseAttributes} */
export const parseAttributes = (attributeString) => {
  /** @type {Record<string, string>} */
  const attributes = {};
  const attributeRegex = /([a-zA-Z0-9_-]+)(?:="([^"]*?)")?/g;
  let match;

  while ((match = attributeRegex.exec(attributeString)) !== null) {
    const name = match[1];
    const value = match[2] || /* istanbul ignore next */ "";
    attributes[name] = value;
  }

  return attributes;
};

/** @type {typeof import('./types.d.ts').getTagAttribute} */
const getTagAttribute = (tag) => {
  const attributes = [
    "id",
    "name",
    "property",
    "charset",
    "viewport",
    "media",
    "http-equiv",
    "rel",
    "src",
    "href",
  ];

  for (const attr of attributes) {
    const value = isServer ? tag[attr] : tag.getAttribute(attr);

    if (value) return value;
  }
  // istanbul ignore next - a value must be provided
  return "";
};

/** @type {typeof import('./types.d.ts').getTagKey} */
export const getTagKey = (tag) => {
  const normalizedTag = isServer
    ? { tagName: tag.name.toUpperCase(), ...parseAttributes(tag.propsStr) }
    : tag;

  return normalizedTag.tagName +
    (normalizedTag.tagName !== "TITLE"
      ? `.${getTagAttribute(normalizedTag)}`
      : "");
};