@zeus-js/compiler 0.1.0-alpha.1

package/dist/compiler.esm-bundler.js

@@ -0,0 +1,3920 @@
+/**
+* compiler vundefined
+* (c) 2025 baicie
+* Released under the MIT License.
+**/
+import * as SyntaxJSX from '@babel/plugin-syntax-jsx';
+import * as t from '@babel/types';
+import { addNamed } from '@babel/helper-module-imports';
+import { decode } from 'html-entities';
+import { parseFragment, parse, serialize } from 'parse5';
+
+const voidElements = [
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "keygen",
+  "link",
+  "menuitem",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+];
+
+const reservedNameSpaces = /* @__PURE__ */ new Set([
+  "class",
+  "on",
+  "oncapture",
+  "style",
+  "use",
+  "prop",
+  "attr",
+  "bool"
+]);
+const nonSpreadNameSpaces = /* @__PURE__ */ new Set([
+  "class",
+  "style",
+  "use",
+  "prop",
+  "attr",
+  "bool"
+]);
+function getConfig(path) {
+  var _a, _b;
+  return (_b = (_a = path.hub.file) == null ? void 0 : _a.metadata.config) != null ? _b : {};
+}
+const getRendererConfig = (path, renderer) => {
+  var _a, _b;
+  const config = getConfig(path);
+  return (_b = (_a = config == null ? void 0 : config.renderers) == null ? void 0 : _a.find((r) => r.name === renderer)) != null ? _b : config;
+};
+function registerImportMethod(path, name, moduleName) {
+  const program = path.scope.getProgramParent();
+  const imports = program.data.imports || (program.data.imports = /* @__PURE__ */ new Map());
+  moduleName = moduleName || getConfig(path).moduleName;
+  const key = `${moduleName}:${name}`;
+  if (!imports.has(key)) {
+    const id = addNamed(path, name, moduleName, {
+      nameHint: `_$${name}`
+    });
+    imports.set(key, id);
+    return id;
+  } else {
+    const id = imports.get(key);
+    return t.cloneNode(id);
+  }
+}
+function jsxElementNameToString(node) {
+  if (t.isJSXMemberExpression(node)) {
+    return `${jsxElementNameToString(node.object)}.${node.property.name}`;
+  }
+  if (t.isJSXIdentifier(node) || t.isIdentifier(node)) {
+    return node.name;
+  }
+  return `${node.namespace.name}:${node.name.name}`;
+}
+function getTagName(tag) {
+  const jsxName = tag.openingElement.name;
+  return jsxElementNameToString(jsxName);
+}
+function isComponent(tagName) {
+  return tagName[0] && tagName[0].toLowerCase() !== tagName[0] || tagName.includes(".") || /[^a-zA-Z]/.test(tagName[0]);
+}
+function hasStaticMarker(object, path) {
+  if (!object) return false;
+  if (object.leadingComments && object.leadingComments[0] && object.leadingComments[0].value.trim() === getConfig(path).staticMarker)
+    return true;
+  if (object.expression) return hasStaticMarker(object.expression, path);
+}
+function isDynamic(path, {
+  checkMember,
+  checkTags,
+  checkCallExpressions = true,
+  native
+}) {
+  const config = getConfig(path);
+  if (config.generate === "ssr" && native) {
+    checkMember = false;
+    checkCallExpressions = false;
+  }
+  const expr = path.node;
+  if (t.isFunction(expr)) return false;
+  if (expr.leadingComments && expr.leadingComments[0] && expr.leadingComments[0].value.trim() === config.staticMarker) {
+    return false;
+  }
+  if (checkCallExpressions && (t.isCallExpression(expr) || t.isOptionalCallExpression(expr) || t.isTaggedTemplateExpression(expr))) {
+    return true;
+  }
+  if (checkMember && t.isMemberExpression(expr)) {
+    const object = path.get("object").node;
+    if (t.isIdentifier(object) && (!expr.computed || !isDynamic(path.get("property"), {
+      checkMember,
+      checkTags,
+      checkCallExpressions,
+      native
+    }))) {
+      const binding = path.scope.getBinding(object.name);
+      if (binding && binding.path.isImportNamespaceSpecifier()) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (checkMember && (t.isOptionalMemberExpression(expr) || t.isSpreadElement(expr) || t.isBinaryExpression(expr) && expr.operator === "in")) {
+    return true;
+  }
+  if (checkTags && (t.isJSXElement(expr) || t.isJSXFragment(expr) && expr.children.length)) {
+    return true;
+  }
+  let dynamic;
+  path.traverse({
+    Function(p) {
+      if (t.isObjectMethod(p.node) && p.node.computed) {
+        dynamic = isDynamic(p.get("key"), {
+          checkMember,
+          checkTags,
+          checkCallExpressions,
+          native
+        });
+      }
+      p.skip();
+    },
+    CallExpression(p) {
+      checkCallExpressions && (dynamic = true) && p.stop();
+    },
+    OptionalCallExpression(p) {
+      checkCallExpressions && (dynamic = true) && p.stop();
+    },
+    MemberExpression(p) {
+      checkMember && (dynamic = true) && p.stop();
+    },
+    OptionalMemberExpression(p) {
+      checkMember && (dynamic = true) && p.stop();
+    },
+    SpreadElement(p) {
+      checkMember && (dynamic = true) && p.stop();
+    },
+    BinaryExpression(p) {
+      checkMember && p.node.operator === "in" && (dynamic = true) && p.stop();
+    },
+    JSXElement(p) {
+      checkTags ? (dynamic = true) && p.stop() : p.skip();
+    },
+    JSXFragment(p) {
+      checkTags && p.node.children.length ? (dynamic = true) && p.stop() : p.skip();
+    }
+  });
+  return dynamic;
+}
+function getStaticExpression(path) {
+  const node = path.node;
+  let value, type;
+  return t.isJSXExpressionContainer(node) && t.isJSXElement(path.parent) && !isComponent(getTagName(path.parent)) && !t.isSequenceExpression(node.expression) && (value = path.get("expression").evaluate().value) !== void 0 && ((type = typeof value) === "string" || type === "number") && value;
+}
+function filterChildren(children) {
+  return children.filter(
+    ({ node: child }) => !(t.isJSXExpressionContainer(child) && t.isJSXEmptyExpression(child.expression)) && (!t.isJSXText(child) || !/^[\r\n]\s*$/.test(child.extra.raw))
+  );
+}
+function checkLength(children) {
+  let i = 0;
+  children.forEach((path) => {
+    const child = path.node;
+    !(t.isJSXExpressionContainer(child) && t.isJSXEmptyExpression(child.expression)) && (!t.isJSXText(child) || !/^\s*$/.test(child.extra.raw) || /^ *$/.test(child.extra.raw)) && i++;
+  });
+  return i > 1;
+}
+function trimWhitespace(text) {
+  text = text.replace(/\r/g, "");
+  if (/\n/g.test(text)) {
+    text = text.split("\n").map((t2, i) => i ? t2.replace(/^\s*/g, "") : t2).filter((s) => !/^\s*$/.test(s)).join(" ");
+  }
+  return text.replace(/\s+/g, " ");
+}
+function toEventName(name) {
+  return name.slice(2).toLowerCase();
+}
+function toPropertyName(name) {
+  return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
+}
+function wrappedByText(list, startIndex) {
+  let index = startIndex, wrapped;
+  while (--index >= 0) {
+    const node = list[index];
+    if (!node) continue;
+    if (node.text) {
+      wrapped = true;
+      break;
+    }
+    if (node.id) return false;
+  }
+  if (!wrapped) return false;
+  index = startIndex;
+  while (++index < list.length) {
+    const node = list[index];
+    if (!node) continue;
+    if (node.text) return true;
+    if (node.id) return false;
+  }
+  return false;
+}
+function transformCondition(path, inline, deep) {
+  const config = getConfig(path);
+  const expr = path.node;
+  const memo = registerImportMethod(path, config.memoWrapper);
+  let dTest = false;
+  let cond;
+  let id;
+  if (t.isConditionalExpression(expr) && (isDynamic(path.get("consequent"), {
+    checkTags: true,
+    checkMember: true
+  }) || isDynamic(path.get("alternate"), { checkTags: true, checkMember: true }))) {
+    dTest = isDynamic(path.get("test"), { checkMember: true });
+    if (dTest) {
+      cond = expr.test;
+      if (!t.isBinaryExpression(cond)) {
+        cond = t.unaryExpression("!", t.unaryExpression("!", cond, true), true);
+      }
+      id = inline ? t.callExpression(memo, [t.arrowFunctionExpression([], cond)]) : path.scope.generateUidIdentifier("_c$");
+      expr.test = t.callExpression(id, []);
+      if (t.isConditionalExpression(expr.consequent) || t.isLogicalExpression(expr.consequent)) {
+        expr.consequent = transformCondition(
+          path.get("consequent"),
+          true,
+          true
+        );
+      }
+      if (t.isConditionalExpression(expr.alternate) || t.isLogicalExpression(expr.alternate)) {
+        expr.alternate = transformCondition(
+          path.get("alternate"),
+          true,
+          true
+        );
+      }
+    }
+  } else if (t.isLogicalExpression(expr)) {
+    let nextPath = path;
+    while (nextPath.node.operator !== "&&" && t.isLogicalExpression(nextPath.node.left)) {
+      nextPath = nextPath.get("left");
+    }
+    if (nextPath.node.operator === "&&" && isDynamic(nextPath.get("right"), { checkTags: true, checkMember: true })) {
+      dTest = isDynamic(nextPath.get("left"), { checkMember: true });
+      if (dTest) {
+        cond = nextPath.node.left;
+        if (!t.isBinaryExpression(cond)) {
+          cond = t.unaryExpression(
+            "!",
+            t.unaryExpression("!", cond, true),
+            true
+          );
+        }
+        id = inline ? t.callExpression(memo, [t.arrowFunctionExpression([], cond)]) : path.scope.generateUidIdentifier("_c$");
+        nextPath.node.left = t.callExpression(id, []);
+      }
+    }
+  }
+  if (dTest && !inline && cond && id) {
+    const statements = [
+      t.variableDeclaration("var", [
+        t.variableDeclarator(
+          id,
+          config.memoWrapper ? t.callExpression(memo, [t.arrowFunctionExpression([], cond)]) : t.arrowFunctionExpression([], cond)
+        )
+      ]),
+      t.expressionStatement(t.arrowFunctionExpression([], expr))
+    ];
+    return deep ? t.callExpression(
+      t.arrowFunctionExpression(
+        [],
+        t.blockStatement([
+          statements[0],
+          t.returnStatement(
+            statements[1].expression
+          )
+        ])
+      ),
+      []
+    ) : statements;
+  }
+  return deep ? expr : t.arrowFunctionExpression([], expr);
+}
+function escapeHTML(s, attr) {
+  if (typeof s !== "string") return s;
+  const delim = attr ? '"' : "<";
+  const escDelim = attr ? "&quot;" : "&lt;";
+  let iDelim = s.indexOf(delim);
+  let iAmp = s.indexOf("&");
+  if (iDelim < 0 && iAmp < 0) return s;
+  let left = 0, out = "";
+  while (iDelim >= 0 && iAmp >= 0) {
+    if (iDelim < iAmp) {
+      if (left < iDelim) out += s.substring(left, iDelim);
+      out += escDelim;
+      left = iDelim + 1;
+      iDelim = s.indexOf(delim, left);
+    } else {
+      if (left < iAmp) out += s.substring(left, iAmp);
+      out += "&amp;";
+      left = iAmp + 1;
+      iAmp = s.indexOf("&", left);
+    }
+  }
+  if (iDelim >= 0) {
+    do {
+      if (left < iDelim) out += s.substring(left, iDelim);
+      out += escDelim;
+      left = iDelim + 1;
+      iDelim = s.indexOf(delim, left);
+    } while (iDelim >= 0);
+  } else {
+    while (iAmp >= 0) {
+      if (left < iAmp) out += s.substring(left, iAmp);
+      out += "&amp;";
+      left = iAmp + 1;
+      iAmp = s.indexOf("&", left);
+    }
+  }
+  return left < s.length ? out + s.substring(left) : out;
+}
+function convertJSXIdentifier(node) {
+  if (t.isJSXIdentifier(node)) {
+    if (t.isValidIdentifier(node.name)) {
+      node.type = "Identifier";
+    } else {
+      return t.stringLiteral(node.name);
+    }
+  } else if (t.isJSXMemberExpression(node)) {
+    return t.memberExpression(
+      convertJSXIdentifier(node.object),
+      convertJSXIdentifier(node.property)
+    );
+  } else if (t.isJSXNamespacedName(node)) {
+    return t.stringLiteral(`${node.namespace.name}:${node.name.name}`);
+  }
+  return node;
+}
+function canNativeSpread(key, { checkNameSpaces } = {}) {
+  if (checkNameSpaces && key.includes(":") && nonSpreadNameSpaces.has(key.split(":")[0]))
+    return false;
+  if (key === "ref") return false;
+  return true;
+}
+const chars = "etaoinshrdlucwmfygpbTAOISWCBvkxjqzPHFMDRELNGUKVYJQZX_$";
+const base = chars.length;
+function getNumberedId(num) {
+  let out = "";
+  do {
+    const digit = num % base;
+    num = Math.floor(num / base);
+    out = chars[digit] + out;
+  } while (num !== 0);
+  return out;
+}
+function escapeStringForTemplate(str) {
+  return str.replace(
+    /[{\\`\n\t\b\f\v\r\u2028\u2029]/g,
+    (ch) => templateEscapes.get(ch)
+  );
+}
+const templateEscapes = /* @__PURE__ */ new Map([
+  ["{", "\\{"],
+  ["`", "\\`"],
+  ["\\", "\\\\"],
+  ["\n", "\\n"],
+  ["	", "\\t"],
+  ["\b", "\\b"],
+  ["\f", "\\f"],
+  ["\v", "\\v"],
+  ["\r", "\\r"],
+  ["\u2028", "\\u2028"],
+  ["\u2029", "\\u2029"]
+]);
+function isJSXElementPath(path) {
+  return t.isJSXElement(path.node);
+}
+
+const booleans = [
+  "allowfullscreen",
+  "async",
+  "alpha",
+  // HTMLInputElement
+  "autofocus",
+  // HTMLElement prop
+  "autoplay",
+  "checked",
+  "controls",
+  "default",
+  "disabled",
+  "formnovalidate",
+  "hidden",
+  // HTMLElement prop - not a boolean
+  "indeterminate",
+  "inert",
+  // HTMLElement prop
+  "ismap",
+  "loop",
+  "multiple",
+  "muted",
+  "nomodule",
+  "novalidate",
+  "open",
+  "playsinline",
+  "readonly",
+  "required",
+  "reversed",
+  "seamless",
+  // HTMLIframeElement - non-standard
+  "selected",
+  "adauctionheaders",
+  // experimental
+  "browsingtopics",
+  // experimental
+  "credentialless",
+  // experimental
+  "defaultchecked",
+  "defaultmuted",
+  "defaultselected",
+  "defer",
+  "disablepictureinpicture",
+  "disableremoteplayback",
+  "preservespitch",
+  // appears as camelCase property only (not as attribute)
+  "shadowrootclonable",
+  "shadowrootcustomelementregistry",
+  // experimental - doesnt seem to have a prop yet
+  "shadowrootdelegatesfocus",
+  "shadowrootserializable",
+  // experimental
+  "sharedstoragewritable"
+  // experimental
+];
+const InlineElements = [
+  "a",
+  "abbr",
+  "acronym",
+  "b",
+  "bdi",
+  "bdo",
+  "big",
+  "br",
+  "button",
+  "canvas",
+  "cite",
+  "code",
+  "data",
+  "datalist",
+  "del",
+  "dfn",
+  "em",
+  "embed",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "label",
+  "map",
+  "mark",
+  "meter",
+  "noscript",
+  "object",
+  "output",
+  "picture",
+  "progress",
+  "q",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "select",
+  "slot",
+  "small",
+  "span",
+  "strong",
+  "sub",
+  "sup",
+  "svg",
+  "template",
+  "textarea",
+  "time",
+  "u",
+  "tt",
+  "var",
+  "video"
+];
+const BlockElements = [
+  "address",
+  "article",
+  "aside",
+  "blockquote",
+  "dd",
+  "details",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "header",
+  "hgroup",
+  "hr",
+  "li",
+  "main",
+  "menu",
+  "nav",
+  "ol",
+  "p",
+  "pre",
+  "section",
+  "table",
+  "ul"
+];
+const BooleanAttributes = new Set(booleans);
+const Aliases = Object.assign(
+  /* @__PURE__ */ Object.create(null),
+  {
+    className: "class",
+    htmlFor: "for"
+  }
+);
+const ChildProperties = /* @__PURE__ */ new Set([
+  "innerHTML",
+  "textContent",
+  "innerText",
+  "children"
+]);
+const DelegatedEvents = /* @__PURE__ */ new Set([
+  "beforeinput",
+  "click",
+  "dblclick",
+  "contextmenu",
+  "focusin",
+  "focusout",
+  "input",
+  "keydown",
+  "keyup",
+  "mousedown",
+  "mousemove",
+  "mouseout",
+  "mouseover",
+  "mouseup",
+  "pointerdown",
+  "pointermove",
+  "pointerout",
+  "pointerover",
+  "pointerup",
+  "touchend",
+  "touchmove",
+  "touchstart"
+]);
+const Properties = /* @__PURE__ */ new Set([
+  // locked to properties
+  "className",
+  "value",
+  // booleans with camelCase
+  "readOnly",
+  "noValidate",
+  "formNoValidate",
+  "isMap",
+  "noModule",
+  "playsInline",
+  "adAuctionHeaders",
+  // experimental
+  "allowFullscreen",
+  "browsingTopics",
+  // experimental
+  "defaultChecked",
+  "defaultMuted",
+  "defaultSelected",
+  "disablePictureInPicture",
+  "disableRemotePlayback",
+  "preservesPitch",
+  "shadowRootClonable",
+  "shadowRootCustomElementRegistry",
+  // experimental
+  "shadowRootDelegatesFocus",
+  "shadowRootSerializable",
+  // experimental
+  "sharedStorageWritable",
+  // experimental
+  ...booleans
+]);
+const SVGElements = /* @__PURE__ */ new Set([
+  // "a",
+  "altGlyph",
+  "altGlyphDef",
+  "altGlyphItem",
+  "animate",
+  "animateColor",
+  "animateMotion",
+  "animateTransform",
+  "circle",
+  "clipPath",
+  "color-profile",
+  "cursor",
+  "defs",
+  "desc",
+  "ellipse",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "filter",
+  "font",
+  "font-face",
+  "font-face-format",
+  "font-face-name",
+  "font-face-src",
+  "font-face-uri",
+  "foreignObject",
+  "g",
+  "glyph",
+  "glyphRef",
+  "hkern",
+  "image",
+  "line",
+  "linearGradient",
+  "marker",
+  "mask",
+  "metadata",
+  "missing-glyph",
+  "mpath",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  // "script",
+  "set",
+  "stop",
+  // "style",
+  "svg",
+  "switch",
+  "symbol",
+  "text",
+  "textPath",
+  // "title",
+  "tref",
+  "tspan",
+  "use",
+  "view",
+  "vkern"
+]);
+const SVGNamespace = {
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace"
+};
+const PropAliases = Object.assign(/* @__PURE__ */ Object.create(null), {
+  // locked to properties
+  class: "className",
+  // booleans map
+  novalidate: {
+    $: "noValidate",
+    FORM: 1
+  },
+  formnovalidate: {
+    $: "formNoValidate",
+    BUTTON: 1,
+    INPUT: 1
+  },
+  ismap: {
+    $: "isMap",
+    IMG: 1
+  },
+  nomodule: {
+    $: "noModule",
+    SCRIPT: 1
+  },
+  playsinline: {
+    $: "playsInline",
+    VIDEO: 1
+  },
+  readonly: {
+    $: "readOnly",
+    INPUT: 1,
+    TEXTAREA: 1
+  },
+  adauctionheaders: {
+    $: "adAuctionHeaders",
+    IFRAME: 1
+  },
+  allowfullscreen: {
+    $: "allowFullscreen",
+    IFRAME: 1
+  },
+  browsingtopics: {
+    $: "browsingTopics",
+    IMG: 1
+  },
+  defaultchecked: {
+    $: "defaultChecked",
+    INPUT: 1
+  },
+  defaultmuted: {
+    $: "defaultMuted",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  defaultselected: {
+    $: "defaultSelected",
+    OPTION: 1
+  },
+  disablepictureinpicture: {
+    $: "disablePictureInPicture",
+    VIDEO: 1
+  },
+  disableremoteplayback: {
+    $: "disableRemotePlayback",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  preservespitch: {
+    $: "preservesPitch",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  shadowrootclonable: {
+    $: "shadowRootClonable",
+    TEMPLATE: 1
+  },
+  shadowrootdelegatesfocus: {
+    $: "shadowRootDelegatesFocus",
+    TEMPLATE: 1
+  },
+  shadowrootserializable: {
+    $: "shadowRootSerializable",
+    TEMPLATE: 1
+  },
+  sharedstoragewritable: {
+    $: "sharedStorageWritable",
+    IFRAME: 1,
+    IMG: 1
+  }
+});
+function getPropAlias(prop, tagName) {
+  const a = PropAliases[prop];
+  return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
+}
+
+const alwaysClose = [
+  "title",
+  "style",
+  "a",
+  "strong",
+  "small",
+  "b",
+  "u",
+  "i",
+  "em",
+  "s",
+  "code",
+  "object",
+  "table",
+  "button",
+  "textarea",
+  "select",
+  "iframe",
+  "script",
+  "noscript",
+  "template",
+  "fieldset"
+];
+function transformElement$3(path, info) {
+  var _a;
+  let tagName = getTagName(path.node), config = getConfig(path), wrapSVG = info.topLevel && tagName != "svg" && SVGElements.has(tagName), voidTag = voidElements.indexOf(tagName) > -1, isCustomElement = tagName.indexOf("-") > -1 || path.get("openingElement").get("attributes").some(
+    (a) => {
+      var _a2, _b, _c;
+      return t.isJSXAttribute(a.node) && ((_b = (_a2 = a.node) == null ? void 0 : _a2.name) == null ? void 0 : _b.name) === "is" || ((_c = a.name) == null ? void 0 : _c.name) === "is";
+    }
+  ), isImportNode = (tagName === "img" || tagName === "iframe") && path.get("openingElement").get("attributes").some((a) => {
+    var _a2;
+    return t.isJSXAttribute(a.node) && ((_a2 = a.node.name) == null ? void 0 : _a2.name) === "loading";
+  }), results = {
+    template: `<${tagName}`,
+    templateWithClosingTags: `<${tagName}`,
+    declarations: [],
+    exprs: [],
+    dynamics: [],
+    postExprs: [],
+    isSVG: wrapSVG,
+    hasCustomElement: isCustomElement,
+    isImportNode,
+    tagName,
+    renderer: "dom",
+    skipTemplate: false
+  };
+  path.get("openingElement").get("attributes").some((a) => {
+    var _a2, _b, _c;
+    if (t.isJSXAttribute(a.node) && ((_a2 = a.node.name) == null ? void 0 : _a2.name) === "data-hk") {
+      a.remove();
+      let filename = "";
+      try {
+        filename = ((_c = (_b = path.scope.getProgramParent().path.hub.file) == null ? void 0 : _b.opts) == null ? void 0 : _c.filename) || "";
+      } catch (e) {
+      }
+      console.log(
+        "\n" + path.buildCodeFrameError(
+          `"data-hk" attribute found in template, which could potentially cause hydration miss-matches. Usually happens when copying and pasting Solid SSRed code into JSX. Please remove the attribute from the JSX. 
+
+${filename}
+`
+        ).toString()
+      );
+    }
+  });
+  if (config.hydratable && (tagName === "html" || tagName === "head" || tagName === "body")) {
+    results.skipTemplate = true;
+    if (tagName === "head" && info.topLevel) {
+      const createComponent = registerImportMethod(
+        path,
+        "createComponent",
+        getRendererConfig(path, "dom").moduleName
+      );
+      const NoHydration = registerImportMethod(
+        path,
+        "NoHydration",
+        getRendererConfig(path, "dom").moduleName
+      );
+      results.exprs.push(
+        t.expressionStatement(
+          t.callExpression(createComponent, [
+            NoHydration,
+            t.objectExpression([])
+          ])
+        )
+      );
+      return results;
+    }
+  }
+  if (wrapSVG) {
+    results.template = "<svg>" + results.template;
+    results.templateWithClosingTags = "<svg>" + results.templateWithClosingTags;
+  }
+  if (!info.skipId) {
+    results.id = path.scope.generateUidIdentifier("el$");
+  }
+  transformAttributes$2(path, results);
+  if (config.contextToCustomElements && (tagName === "slot" || isCustomElement)) {
+    contextToCustomElement(path, results);
+  }
+  results.template += ">";
+  results.templateWithClosingTags += ">";
+  if (!voidTag) {
+    const toBeClosed = !info.lastElement || !config.omitLastClosingTag || info.toBeClosed && (!config.omitNestedClosingTags || info.toBeClosed.has(tagName));
+    if (toBeClosed) {
+      results.toBeClosed = new Set(info.toBeClosed || alwaysClose);
+      results.toBeClosed.add(tagName);
+      if (InlineElements.includes(tagName))
+        BlockElements.forEach((i) => {
+          var _a2;
+          return (_a2 = results.toBeClosed) == null ? void 0 : _a2.add(i);
+        });
+    } else results.toBeClosed = info.toBeClosed;
+    if (tagName !== "noscript") transformChildren$2(path, results, config);
+    if (toBeClosed) results.template += `</${tagName}>`;
+    results.templateWithClosingTags += `</${tagName}>`;
+  }
+  if (info.topLevel && config.hydratable && results.hasHydratableEvent) {
+    let runHydrationEvents = registerImportMethod(
+      path,
+      "runHydrationEvents",
+      getRendererConfig(path, "dom").moduleName
+    );
+    (_a = results.postExprs) == null ? void 0 : _a.push(
+      t.expressionStatement(t.callExpression(runHydrationEvents, []))
+    );
+  }
+  if (wrapSVG) {
+    results.template += "</svg>";
+    results.templateWithClosingTags += "</svg>";
+  }
+  return results;
+}
+function setAttr$2(path, elem, name, value, {
+  isSVG = false,
+  dynamic = false,
+  prevId,
+  isCE = false,
+  tagName
+}) {
+  const config = getConfig(path);
+  let parts, namespace;
+  if ((parts = name.split(":")) && parts[1] && reservedNameSpaces.has(parts[0])) {
+    name = parts[1];
+    namespace = parts[0];
+  }
+  if (namespace === "style") {
+    const setStyleProperty = registerImportMethod(
+      path,
+      "setStyleProperty",
+      getRendererConfig(path, "dom").moduleName
+    );
+    return t.callExpression(setStyleProperty, [
+      elem,
+      t.stringLiteral(name),
+      t.isAssignmentExpression(value) && t.isIdentifier(value.left) ? value.right : value
+    ]);
+  }
+  if (namespace === "class") {
+    return t.callExpression(
+      t.memberExpression(
+        t.memberExpression(elem, t.identifier("classList")),
+        t.identifier("toggle")
+      ),
+      [
+        t.stringLiteral(name),
+        dynamic ? value : t.unaryExpression("!", t.unaryExpression("!", value))
+      ]
+    );
+  }
+  if (name === "style") {
+    return t.callExpression(
+      registerImportMethod(
+        path,
+        "style",
+        getRendererConfig(path, "dom").moduleName
+      ),
+      prevId ? [elem, value, prevId] : [elem, value]
+    );
+  }
+  if (!isSVG && name === "class") {
+    return t.callExpression(
+      registerImportMethod(
+        path,
+        "className",
+        getRendererConfig(path, "dom").moduleName
+      ),
+      [elem, value]
+    );
+  }
+  if (name === "classList") {
+    return t.callExpression(
+      registerImportMethod(
+        path,
+        "classList",
+        getRendererConfig(path, "dom").moduleName
+      ),
+      prevId ? [elem, value, prevId] : [elem, value]
+    );
+  }
+  if (dynamic && name === "textContent") {
+    if (config.hydratable) {
+      return t.callExpression(registerImportMethod(path, "setProperty"), [
+        elem,
+        t.stringLiteral("data"),
+        value
+      ]);
+    }
+    return t.assignmentExpression(
+      "=",
+      t.memberExpression(elem, t.identifier("data")),
+      value
+    );
+  }
+  if (namespace === "bool") {
+    return t.callExpression(
+      registerImportMethod(
+        path,
+        "setBoolAttribute",
+        getRendererConfig(path, "dom").moduleName
+      ),
+      [elem, t.stringLiteral(name), value]
+    );
+  }
+  const isChildProp = ChildProperties.has(name);
+  const isProp = Properties.has(name);
+  const alias = getPropAlias(name, tagName.toUpperCase());
+  if (namespace !== "attr" && (isChildProp || !isSVG && isProp || isCE || namespace === "prop")) {
+    if (isCE && !isChildProp && !isProp && namespace !== "prop")
+      name = toPropertyName(name);
+    if (config.hydratable && namespace !== "prop") {
+      return t.callExpression(registerImportMethod(path, "setProperty"), [
+        elem,
+        t.stringLiteral(alias || name),
+        value
+      ]);
+    }
+    return t.assignmentExpression(
+      "=",
+      t.memberExpression(elem, t.identifier(alias || name)),
+      value
+    );
+  }
+  let isNameSpaced = name.indexOf(":") > -1;
+  name = Aliases[name] || name;
+  !isSVG && (name = name.toLowerCase());
+  const ns = isNameSpaced && SVGNamespace[name.split(":")[0]];
+  if (ns) {
+    return t.callExpression(
+      registerImportMethod(
+        path,
+        "setAttributeNS",
+        getRendererConfig(path, "dom").moduleName
+      ),
+      [elem, t.stringLiteral(ns), t.stringLiteral(name), value]
+    );
+  } else {
+    return t.callExpression(
+      registerImportMethod(
+        path,
+        "setAttribute",
+        getRendererConfig(path, "dom").moduleName
+      ),
+      [elem, t.stringLiteral(name), value]
+    );
+  }
+}
+function detectResolvableEventHandler(attribute, handler) {
+  while (t.isIdentifier(handler)) {
+    const lookup = attribute.scope.getBinding(handler.name);
+    if (lookup) {
+      if (t.isVariableDeclarator(lookup.path.node)) {
+        handler = lookup.path.node.init;
+      } else if (t.isFunctionDeclaration(lookup.path.node)) {
+        return true;
+      } else return false;
+    } else return false;
+  }
+  return t.isFunction(handler);
+}
+function transformAttributes$2(path, results) {
+  let elem = results.id, hasHydratableEvent = false, children, spreadExpr, attributes = path.get("openingElement").get("attributes");
+  const tagName = getTagName(path.node), isSVG = SVGElements.has(tagName), isCE = tagName.includes("-") || attributes.some(
+    (a) => {
+      var _a;
+      return t.isJSXAttribute(a.node) && ((_a = a.node.name) == null ? void 0 : _a.name) === "is";
+    }
+  ), hasChildren = path.node.children.length > 0, config = getConfig(path);
+  if (attributes.some((attribute) => t.isJSXSpreadAttribute(attribute.node))) {
+    [attributes, spreadExpr] = processSpreads$1(path, attributes, {
+      elem,
+      isSVG,
+      hasChildren,
+      wrapConditionals: config.wrapConditionals
+    });
+    path.get("openingElement").set(
+      "attributes",
+      attributes.map((a) => a.node)
+    );
+    hasHydratableEvent = true;
+  }
+  attributes = path.get("openingElement").get("attributes");
+  const styleAttributes = attributes.filter(
+    (a) => a.node.name && a.node.name.name === "style"
+  );
+  if (styleAttributes.length > 0) {
+    let inlinedStyle = "";
+    for (let i = 0; i < styleAttributes.length; i++) {
+      const attr = styleAttributes[i];
+      let value = attr.node.value;
+      if (t.isJSXExpressionContainer(value)) {
+        value = value.expression;
+      }
+      if (t.isStringLiteral(value)) {
+        inlinedStyle += `${value.value.replace(/;$/, "")};`;
+        attr.remove();
+      } else if (t.isObjectExpression(value)) {
+        const properties = value.properties;
+        const toRemoveProperty = [];
+        for (const property of properties) {
+          if (t.isObjectProperty(property)) {
+            if (t.isStringLiteral(property.key) && (t.isStringLiteral(property.value) || t.isNumericLiteral(property.value))) {
+              inlinedStyle += `${property.key.value}:${property.value.value};`;
+              toRemoveProperty.push(property);
+            } else if (t.isIdentifier(property.value) && property.value.name === "undefined" || t.isNullLiteral(property.value)) {
+              toRemoveProperty.push(property);
+            }
+          }
+        }
+        for (const remove of toRemoveProperty) {
+          value.properties.splice(value.properties.indexOf(remove), 1);
+        }
+        if (value.properties.length === 0) {
+          attr.remove();
+        }
+      }
+    }
+    if (inlinedStyle !== "") {
+      const styleAttribute2 = t.jsxAttribute(
+        t.jsxIdentifier("style"),
+        t.stringLiteral(inlinedStyle.replace(/;$/, ""))
+      );
+      path.get("openingElement").node.attributes.push(styleAttribute2);
+    }
+  }
+  const styleAttribute = path.get("openingElement").get("attributes").find(
+    (a) => t.isJSXAttribute(a.node) && a.node.name.name === "style" && t.isJSXExpressionContainer(a.node.value) && t.isObjectExpression(a.node.value.expression) && !a.node.value.expression.properties.some((p) => t.isSpreadElement(p))
+  );
+  if (styleAttribute) {
+    let i = 0, leading = styleAttribute.node.value.expression.leadingComments(styleAttribute.node).value.expression.properties.slice().forEach((p, index) => {
+      if (!p.computed) {
+        if (leading) p.value.leadingComments = leading;
+        path.get("openingElement").node.attributes.splice(
+          styleAttribute.key + ++i,
+          0,
+          t.jsxAttribute(
+            t.jsxNamespacedName(
+              t.jsxIdentifier("style"),
+              t.jsxIdentifier(
+                t.isIdentifier(p.key) ? p.key.name : p.key.value
+              )
+            ),
+            t.jsxExpressionContainer(p.value)
+          )
+        );
+        styleAttribute.node.value.expression.properties.splice(
+          index - i - 1,
+          1
+        );
+      }
+    });
+    if (!styleAttribute.node.value.expression.properties.length)
+      path.get("openingElement").node.attributes.splice(styleAttribute.key, 1);
+  }
+  attributes = path.get("openingElement").get("attributes");
+  const classListAttribute = attributes.find(
+    (a) => t.isJSXAttribute(a.node) && a.node.name.name === "classList" && t.isJSXExpressionContainer(a.node.value) && t.isObjectExpression(a.node.value.expression) && !a.node.value.expression.properties.some(
+      (p) => t.isSpreadElement(p) || p.computed || t.isStringLiteral(p.key) && (p.key.value.includes(" ") || p.key.value.includes(":"))
+    )
+  );
+  if (classListAttribute) {
+    let i = 0, leading = classListAttribute.node.value.expression.leadingComments, classListProperties = classListAttribute.get("value").get("expression").get("properties");
+    classListProperties.slice().forEach((propPath, index) => {
+      const p = propPath.node;
+      const { confident, value: computed } = propPath.get("value").evaluate();
+      if (leading) p.value.leadingComments = leading;
+      if (!confident) {
+        path.get("openingElement").node.attributes.splice(
+          classListAttribute.key + ++i,
+          0,
+          t.jsxAttribute(
+            t.jsxNamespacedName(
+              t.jsxIdentifier("class"),
+              t.jsxIdentifier(
+                t.isIdentifier(p.key) ? p.key.name : p.key.value
+              )
+            ),
+            t.jsxExpressionContainer(p.value)
+          )
+        );
+      } else if (computed) {
+        path.get("openingElement").node.attributes.splice(
+          classListAttribute.key + ++i,
+          0,
+          t.jsxAttribute(
+            t.jsxIdentifier("class"),
+            t.stringLiteral(t.isIdentifier(p.key) ? p.key.name : p.key.value)
+          )
+        );
+      }
+      classListProperties.splice(index - i - 1, 1);
+    });
+    if (!classListProperties.length)
+      path.get("openingElement").node.attributes.splice(classListAttribute.key, 1);
+  }
+  attributes = path.get("openingElement").get("attributes");
+  const classAttributes = attributes.filter(
+    (a) => t.isJSXAttribute(a.node) && (a.node.name.name === "class" || a.node.name.name === "className")
+  );
+  if (classAttributes.length > 1) {
+    const first = classAttributes[0].node, values = [], quasis = [t.templateElement({ raw: "" })];
+    for (let i = 0; i < classAttributes.length; i++) {
+      const attr = classAttributes[i].node, isLast = i === classAttributes.length - 1;
+      if (!t.isJSXExpressionContainer(attr.value)) {
+        const prev = quasis.pop();
+        quasis.push(
+          t.templateElement({
+            raw: (prev ? prev.value.raw : "") + `${attr.value.value}` + (isLast ? "" : " ")
+          })
+        );
+      } else {
+        values.push(
+          t.logicalExpression(
+            "||",
+            attr.value.expression,
+            t.stringLiteral("")
+          )
+        );
+        quasis.push(t.templateElement({ raw: isLast ? "" : " " }));
+      }
+      i && attributes.splice(attributes.indexOf(classAttributes[i]), 1);
+    }
+    if (values.length)
+      first.value = t.jsxExpressionContainer(
+        t.templateLiteral(quasis, values)
+      );
+    else first.value = t.stringLiteral(quasis[0].value.raw);
+  }
+  path.get("openingElement").set(
+    "attributes",
+    attributes.map((a) => a.node)
+  );
+  let needsSpacing = true;
+  function inlineAttributeOnTemplate(isSVG2, key, results2, value) {
+    !isSVG2 && (key = key.toLowerCase());
+    results2.template += `${needsSpacing ? " " : ""}${key}`;
+    if (!value) {
+      needsSpacing = true;
+      return;
+    }
+    let text = value.value;
+    if (typeof text === "number") text = String(text);
+    let needsQuoting = !config.omitQuotes;
+    if (key === "style" || key === "class") {
+      text = trimWhitespace(text);
+      if (key === "style") {
+        text = text.replace(/; /g, ";").replace(/: /g, ":");
+      }
+    }
+    if (!text.length) {
+      needsSpacing = true;
+      results2.template += ``;
+      return;
+    }
+    for (let i = 0, len = text.length; i < len; i++) {
+      let char = text[i];
+      if (char === "'" || char === '"' || char === " " || char === "	" || char === "\n" || char === "\r" || char === "`" || char === "=" || char === "<" || char === ">") {
+        needsQuoting = true;
+      }
+    }
+    if (needsQuoting) {
+      needsSpacing = false;
+      results2.template += `="${escapeHTML(text, true)}"`;
+    } else {
+      needsSpacing = true;
+      results2.template += `=${escapeHTML(text, true)}`;
+    }
+  }
+  path.get("openingElement").get("attributes").forEach((attribute) => {
+    var _a, _b, _c;
+    const node = attribute.node;
+    let value = node.value, key = t.isJSXNamespacedName(node.name) ? `${node.name.namespace.name}:${node.name.name.name}` : node.name.name, reservedNameSpace = t.isJSXNamespacedName(node.name) && reservedNameSpaces.has(node.name.namespace.name);
+    if (t.isJSXExpressionContainer(value) && !key.startsWith("use:")) {
+      const evaluated = attribute.get("value").get("expression").evaluate().value;
+      let type;
+      if (evaluated !== void 0 && ((type = typeof evaluated) === "string" || type === "number")) {
+        if (type === "number" && (Properties.has(key) || key.startsWith("prop:"))) {
+          value = t.jsxExpressionContainer(t.numericLiteral(evaluated));
+        } else value = t.stringLiteral(String(evaluated));
+      }
+    }
+    if (t.isJSXNamespacedName(node.name) && reservedNameSpace && !t.isJSXExpressionContainer(value)) {
+      node.value = value = t.jsxExpressionContainer(
+        value || t.jsxEmptyExpression()
+      );
+    }
+    if (t.isJSXExpressionContainer(value) && (reservedNameSpace || !(t.isStringLiteral(value.expression) || t.isNumericLiteral(value.expression)))) {
+      if (key === "ref") {
+        while (t.isTSNonNullExpression(value.expression) || t.isTSAsExpression(value.expression)) {
+          value.expression = value.expression.expression;
+        }
+        let binding, isConstant = t.isIdentifier(value.expression) && (binding = path.scope.getBinding(value.expression.name)) && (binding.kind === "const" || binding.kind === "module");
+        if (!isConstant && t.isLVal(value.expression)) {
+          const refIdentifier = path.scope.generateUidIdentifier("_ref$");
+          results.exprs.unshift(
+            t.variableDeclaration("var", [
+              t.variableDeclarator(refIdentifier, value.expression)
+            ]),
+            t.expressionStatement(
+              t.conditionalExpression(
+                t.binaryExpression(
+                  "===",
+                  t.unaryExpression("typeof", refIdentifier),
+                  t.stringLiteral("function")
+                ),
+                t.callExpression(
+                  registerImportMethod(
+                    path,
+                    "use",
+                    getRendererConfig(path, "dom").moduleName
+                  ),
+                  [refIdentifier, elem]
+                ),
+                t.assignmentExpression("=", value.expression, elem)
+              )
+            )
+          );
+        } else if (isConstant || t.isFunction(value.expression)) {
+          results.exprs.unshift(
+            t.expressionStatement(
+              t.callExpression(
+                registerImportMethod(
+                  path,
+                  "use",
+                  getRendererConfig(path, "dom").moduleName
+                ),
+                [value.expression, elem]
+              )
+            )
+          );
+        } else {
+          const refIdentifier = path.scope.generateUidIdentifier("_ref$");
+          results.exprs.unshift(
+            t.variableDeclaration("var", [
+              t.variableDeclarator(refIdentifier, value.expression)
+            ]),
+            t.expressionStatement(
+              t.logicalExpression(
+                "&&",
+                t.binaryExpression(
+                  "===",
+                  t.unaryExpression("typeof", refIdentifier),
+                  t.stringLiteral("function")
+                ),
+                t.callExpression(
+                  registerImportMethod(
+                    path,
+                    "use",
+                    getRendererConfig(path, "dom").moduleName
+                  ),
+                  [refIdentifier, elem]
+                )
+              )
+            )
+          );
+        }
+      } else if (key.startsWith("use:")) {
+        node.name.name.type = "Identifier";
+        results.exprs.unshift(
+          t.expressionStatement(
+            t.callExpression(
+              registerImportMethod(
+                path,
+                "use",
+                getRendererConfig(path, "dom").moduleName
+              ),
+              [
+                node.name.name,
+                elem,
+                t.arrowFunctionExpression(
+                  [],
+                  t.isJSXEmptyExpression(value.expression) ? t.booleanLiteral(true) : value.expression
+                )
+              ]
+            )
+          )
+        );
+      } else if (key === "children") {
+        children = value;
+      } else if (key.startsWith("on")) {
+        const ev = toEventName(key);
+        if (key.startsWith("on:")) {
+          const args = [
+            elem,
+            t.stringLiteral(key.split(":")[1]),
+            value.expression
+          ];
+          results.exprs.unshift(
+            t.expressionStatement(
+              t.callExpression(
+                registerImportMethod(
+                  path,
+                  "addEventListener",
+                  getRendererConfig(path, "dom").moduleName
+                ),
+                args
+              )
+            )
+          );
+        } else if (key.startsWith("oncapture:")) {
+          const args = [
+            t.stringLiteral(key.split(":")[1]),
+            value.expression,
+            t.booleanLiteral(true)
+          ];
+          results.exprs.push(
+            t.expressionStatement(
+              t.callExpression(
+                t.memberExpression(elem, t.identifier("addEventListener")),
+                args
+              )
+            )
+          );
+        } else if (config.delegateEvents && (DelegatedEvents.has(ev) || config.delegatedEvents.indexOf(ev) !== -1)) {
+          hasHydratableEvent = true;
+          const events = attribute.scope.getProgramParent().data.events || (attribute.scope.getProgramParent().data.events = /* @__PURE__ */ new Set());
+          events.add(ev);
+          let handler = value.expression;
+          const resolveable = detectResolvableEventHandler(attribute, handler);
+          if (t.isArrayExpression(handler)) {
+            if (handler.elements.length > 1) {
+              results.exprs.unshift(
+                t.expressionStatement(
+                  t.assignmentExpression(
+                    "=",
+                    t.memberExpression(elem, t.identifier(`$$${ev}Data`)),
+                    handler.elements[1]
+                  )
+                )
+              );
+            }
+            handler = handler.elements[0];
+            results.exprs.unshift(
+              t.expressionStatement(
+                t.assignmentExpression(
+                  "=",
+                  t.memberExpression(elem, t.identifier(`$$${ev}`)),
+                  handler
+                )
+              )
+            );
+          } else if (t.isFunction(handler) || resolveable) {
+            results.exprs.unshift(
+              t.expressionStatement(
+                t.assignmentExpression(
+                  "=",
+                  t.memberExpression(elem, t.identifier(`$$${ev}`)),
+                  handler
+                )
+              )
+            );
+          } else {
+            results.exprs.unshift(
+              t.expressionStatement(
+                t.callExpression(
+                  registerImportMethod(
+                    path,
+                    "addEventListener",
+                    getRendererConfig(path, "dom").moduleName
+                  ),
+                  [
+                    elem,
+                    t.stringLiteral(ev),
+                    handler,
+                    t.booleanLiteral(true)
+                  ]
+                )
+              )
+            );
+          }
+        } else {
+          let handler = value.expression;
+          const resolveable = detectResolvableEventHandler(attribute, handler);
+          if (t.isArrayExpression(handler)) {
+            if (handler.elements.length > 1) {
+              handler = t.arrowFunctionExpression(
+                [t.identifier("e")],
+                t.callExpression(handler.elements[0], [
+                  handler.elements[1],
+                  t.identifier("e")
+                ])
+              );
+            } else handler = handler.elements[0];
+            results.exprs.unshift(
+              t.expressionStatement(
+                t.callExpression(
+                  t.memberExpression(elem, t.identifier("addEventListener")),
+                  [t.stringLiteral(ev), handler]
+                )
+              )
+            );
+          } else if (t.isFunction(handler) || resolveable) {
+            results.exprs.unshift(
+              t.expressionStatement(
+                t.callExpression(
+                  t.memberExpression(elem, t.identifier("addEventListener")),
+                  [t.stringLiteral(ev), handler]
+                )
+              )
+            );
+          } else {
+            results.exprs.unshift(
+              t.expressionStatement(
+                t.callExpression(
+                  registerImportMethod(
+                    path,
+                    "addEventListener",
+                    getRendererConfig(path, "dom").moduleName
+                  ),
+                  [elem, t.stringLiteral(ev), handler]
+                )
+              )
+            );
+          }
+        }
+      } else if (config.effectWrapper && (isDynamic(attribute.get("value").get("expression"), {
+        checkMember: true
+      }) || (key === "classList" || key === "style") && !attribute.get("value").get("expression").evaluate().confident && !hasStaticMarker(value, path))) {
+        let nextElem = elem;
+        if (key === "value" || key === "checked") {
+          const effectWrapperId = registerImportMethod(
+            path,
+            config.effectWrapper
+          );
+          (_a = results.postExprs) == null ? void 0 : _a.push(
+            t.expressionStatement(
+              t.callExpression(effectWrapperId, [
+                t.arrowFunctionExpression(
+                  [],
+                  setAttr$2(path, elem, key, value.expression, {
+                    tagName,
+                    isSVG,
+                    isCE
+                  })
+                )
+              ])
+            )
+          );
+          return;
+        }
+        if (key === "textContent") {
+          nextElem = attribute.scope.generateUidIdentifier("el$");
+          children = t.jsxText(" ");
+          children.extra = { raw: " ", rawValue: " " };
+          (_b = results.declarations) == null ? void 0 : _b.push(
+            t.variableDeclarator(
+              nextElem,
+              t.memberExpression(elem, t.identifier("firstChild"))
+            )
+          );
+        }
+        (_c = results.dynamics) == null ? void 0 : _c.push({
+          elem: nextElem,
+          key,
+          value: value.expression,
+          isSVG,
+          isCE,
+          tagName
+        });
+      } else if (key.slice(0, 5) === "attr:") {
+        if (t.isJSXExpressionContainer(value)) value = value.expression;
+        if (t.isStringLiteral(value) || t.isNumericLiteral(value)) {
+          inlineAttributeOnTemplate(isSVG, key.slice(5), results, value);
+        } else {
+          results.exprs.push(
+            t.expressionStatement(
+              setAttr$2(attribute, elem, key, value, { isSVG, isCE, tagName })
+            )
+          );
+        }
+      } else if (key.slice(0, 5) === "bool:") {
+        let addBoolAttribute2 = function() {
+          results.template += `${needsSpacing ? " " : ""}${key.slice(5)}`;
+          needsSpacing = true;
+        };
+        let content = value;
+        if (t.isJSXExpressionContainer(content)) content = content.expression;
+        switch (content.type) {
+          case "StringLiteral": {
+            if (content.value.length && content.value !== "0") {
+              addBoolAttribute2();
+            }
+            return;
+          }
+          case "NullLiteral": {
+            return;
+          }
+          case "BooleanLiteral": {
+            if (content.value) {
+              addBoolAttribute2();
+            }
+            return;
+          }
+          case "Identifier": {
+            if (content.name === "undefined") {
+              return;
+            }
+            break;
+          }
+        }
+        results.exprs.push(
+          t.expressionStatement(
+            setAttr$2(
+              attribute,
+              elem,
+              key,
+              t.isJSXExpressionContainer(value) ? value.expression : value,
+              { isSVG, isCE, tagName }
+            )
+          )
+        );
+      } else {
+        results.exprs.push(
+          t.expressionStatement(
+            setAttr$2(attribute, elem, key, value.expression, {
+              isSVG,
+              isCE,
+              tagName
+            })
+          )
+        );
+      }
+    } else {
+      if (config.hydratable && key === "$ServerOnly") {
+        results.skipTemplate = true;
+        return;
+      }
+      if (t.isJSXExpressionContainer(value)) value = value.expression;
+      key = Aliases[key] || key;
+      if (value && ChildProperties.has(key)) {
+        results.exprs.push(
+          t.expressionStatement(
+            setAttr$2(attribute, elem, key, value, { isSVG, isCE, tagName })
+          )
+        );
+      } else {
+        inlineAttributeOnTemplate(isSVG, key, results, value);
+      }
+    }
+  });
+  if (!hasChildren && children) {
+    path.node.children.push(children);
+  }
+  if (spreadExpr) results.exprs.push(spreadExpr);
+  results.hasHydratableEvent = results.hasHydratableEvent || hasHydratableEvent;
+}
+function findLastElement(children, hydratable) {
+  let lastElement = -1, tagName;
+  for (let i = children.length - 1; i >= 0; i--) {
+    const node = children[i].node;
+    if (hydratable || t.isJSXText(node) || getStaticExpression(children[i]) !== false || t.isJSXElement(node) && (tagName = getTagName(node)) && !isComponent(tagName)) {
+      lastElement = i;
+      break;
+    }
+  }
+  return lastElement;
+}
+function transformChildren$2(path, results, config) {
+  var _a;
+  let tempPath = results.id && results.id.name, tagName = getTagName(path.node), nextPlaceholder, childPostExprs = [], i = 0;
+  const filteredChildren = filterChildren(path.get("children")), lastElement = findLastElement(filteredChildren, config.hydratable), childNodes = filteredChildren.reduce((memo, child, index) => {
+    if (child.isJSXFragment()) {
+      throw new Error(
+        `Fragments can only be used top level in JSX. Not used under a <${tagName}>.`
+      );
+    }
+    const transformed = transformNode(child, {
+      toBeClosed: results.toBeClosed,
+      lastElement: index === lastElement,
+      skipId: !results.id || !detectExpressions(filteredChildren, index, config)
+    });
+    if (!transformed) return memo;
+    const i2 = memo.length;
+    if (transformed.text && i2 && memo[i2 - 1].text) {
+      memo[i2 - 1].template += transformed.template(
+        memo[i2 - 1]
+      ).templateWithClosingTags += transformed.templateWithClosingTags || transformed.template;
+    } else memo.push(transformed);
+    return memo;
+  }, []);
+  childNodes.forEach((child, index) => {
+    var _a2, _b, _c;
+    if (!child) return;
+    if (child.tagName && child.renderer !== "dom") {
+      throw new Error(`<${child.tagName}> is not supported in <${tagName}>.
+      Wrap the usage with a component that would render this element, eg. Canvas`);
+    }
+    results.template += child.template;
+    results.templateWithClosingTags += child.templateWithClosingTags || child.template;
+    results.isImportNode = results.isImportNode || child.isImportNode;
+    if (child.id) {
+      if (child.tagName === "head") {
+        if (config.hydratable) {
+          const createComponent = registerImportMethod(
+            path,
+            "createComponent",
+            getRendererConfig(path, "dom").moduleName
+          );
+          const NoHydration = registerImportMethod(
+            path,
+            "NoHydration",
+            getRendererConfig(path, "dom").moduleName
+          );
+          results.exprs.push(
+            t.expressionStatement(
+              t.callExpression(createComponent, [
+                NoHydration,
+                t.objectExpression([])
+              ])
+            )
+          );
+        }
+        return;
+      }
+      let getNextMatch;
+      if (config.hydratable && tagName === "html") {
+        getNextMatch = registerImportMethod(
+          path,
+          "getNextMatch",
+          getRendererConfig(path, "dom").moduleName
+        );
+      }
+      const walk = t.memberExpression(
+        t.identifier(tempPath),
+        t.identifier(i === 0 ? "firstChild" : "nextSibling")
+      );
+      (_a2 = results.declarations) == null ? void 0 : _a2.push(
+        t.variableDeclarator(
+          child.id,
+          config.hydratable && tagName === "html" ? t.callExpression(getNextMatch, [
+            walk,
+            t.stringLiteral(child.tagName)
+          ]) : walk
+        )
+      );
+      (_b = results.declarations) == null ? void 0 : _b.push(...child.declarations);
+      results.exprs.push(...child.exprs);
+      (_c = results.dynamics) == null ? void 0 : _c.push(...child.dynamics);
+      childPostExprs.push(...child.postExprs);
+      results.hasHydratableEvent = results.hasHydratableEvent || child.hasHydratableEvent;
+      results.hasCustomElement = results.hasCustomElement || child.hasCustomElement;
+      results.isImportNode = results.isImportNode || child.isImportNode;
+      tempPath = child.id.name;
+      nextPlaceholder = null;
+      i++;
+    } else if (child.exprs.length) {
+      let insert = registerImportMethod(
+        path,
+        "insert",
+        getRendererConfig(path, "dom").moduleName
+      );
+      const multi = checkLength(filteredChildren), markers = config.hydratable && multi;
+      if (markers || wrappedByText(childNodes, index)) {
+        let exprId, contentId;
+        if (markers)
+          tempPath = createPlaceholder(path, results, tempPath, i++, "$")[0].name;
+        if (nextPlaceholder) {
+          exprId = nextPlaceholder;
+        } else {
+          [exprId, contentId] = createPlaceholder(
+            path,
+            results,
+            tempPath,
+            i++,
+            markers ? "/" : ""
+          );
+        }
+        if (!markers) nextPlaceholder = exprId;
+        results.exprs.push(
+          t.expressionStatement(
+            t.callExpression(
+              insert,
+              contentId ? [results.id, child.exprs[0], exprId, contentId] : [results.id, child.exprs[0], exprId]
+            )
+          )
+        );
+        tempPath = exprId.name;
+      } else if (multi) {
+        results.exprs.push(
+          t.expressionStatement(
+            t.callExpression(insert, [
+              results.id,
+              child.exprs[0],
+              nextChild$1(childNodes, index) || t.nullLiteral()
+            ])
+          )
+        );
+      } else {
+        results.exprs.push(
+          t.expressionStatement(
+            t.callExpression(insert, [results.id, child.exprs[0]])
+          )
+        );
+      }
+    } else nextPlaceholder = null;
+  });
+  (_a = results.postExprs) == null ? void 0 : _a.unshift(...childPostExprs);
+}
+function createPlaceholder(path, results, tempPath, i, char) {
+  var _a, _b;
+  const exprId = path.scope.generateUidIdentifier("el$"), config = getConfig(path);
+  let contentId;
+  results.template += `<!${char}>`;
+  results.templateWithClosingTags += `<!${char}>`;
+  if (config.hydratable && char === "/") {
+    contentId = path.scope.generateUidIdentifier("co$");
+    (_a = results.declarations) == null ? void 0 : _a.push(
+      t.variableDeclarator(
+        t.arrayPattern([exprId, contentId]),
+        t.callExpression(
+          registerImportMethod(
+            path,
+            "getNextMarker",
+            getRendererConfig(path, "dom").moduleName
+          ),
+          [
+            t.memberExpression(
+              t.identifier(tempPath),
+              t.identifier("nextSibling")
+            )
+          ]
+        )
+      )
+    );
+  } else
+    (_b = results.declarations) == null ? void 0 : _b.push(
+      t.variableDeclarator(
+        exprId,
+        t.memberExpression(
+          t.identifier(tempPath),
+          t.identifier(i === 0 ? "firstChild" : "nextSibling")
+        )
+      )
+    );
+  return [exprId, contentId];
+}
+function nextChild$1(children, index) {
+  return children[index + 1] && (children[index + 1].id || nextChild$1(children, index + 1));
+}
+function detectExpressions(children, index, config) {
+  if (children[index - 1]) {
+    const node = children[index - 1].node;
+    if (t.isJSXExpressionContainer(node) && !t.isJSXEmptyExpression(node.expression) && getStaticExpression(children[index - 1]) === false)
+      return true;
+    let tagName;
+    if (t.isJSXElement(node) && (tagName = getTagName(node)) && isComponent(tagName))
+      return true;
+  }
+  for (let i = index; i < children.length; i++) {
+    const child = children[i].node;
+    if (t.isJSXExpressionContainer(child)) {
+      if (!t.isJSXEmptyExpression(child.expression) && getStaticExpression(children[i]) === false)
+        return true;
+    } else if (t.isJSXElement(child)) {
+      const tagName = getTagName(child);
+      if (isComponent(tagName)) return true;
+      if (config.contextToCustomElements && (tagName === "slot" || tagName.indexOf("-") > -1 || child.openingElement.attributes.some(
+        (a) => {
+          var _a;
+          return ((_a = a.name) == null ? void 0 : _a.name) === "is";
+        }
+      )))
+        return true;
+      if (child.openingElement.attributes.some(
+        (attr) => t.isJSXSpreadAttribute(attr) || ["textContent", "innerHTML", "innerText"].includes(
+          attr.name.name
+        ) || attr.name.namespace && (attr.name.namespace.name === "use" || attr.name.namespace.name === "prop") || t.isJSXExpressionContainer(attr.value) && !(t.isStringLiteral(attr.value.expression) || t.isNumericLiteral(attr.value.expression))
+      ))
+        return true;
+      const nextChildren = filterChildren(children[i].get("children"));
+      if (nextChildren.length) {
+        if (detectExpressions(nextChildren, 0, config)) return true;
+      }
+    }
+  }
+}
+function contextToCustomElement(path, results) {
+  results.exprs.push(
+    t.expressionStatement(
+      t.assignmentExpression(
+        "=",
+        t.memberExpression(results.id, t.identifier("_$owner")),
+        t.callExpression(
+          registerImportMethod(
+            path,
+            "getOwner",
+            getRendererConfig(path, "dom").moduleName
+          ),
+          []
+        )
+      )
+    )
+  );
+}
+function processSpreads$1(path, attributes, { elem, isSVG, hasChildren, wrapConditionals }) {
+  const config = getConfig(path);
+  const filteredAttributes = [];
+  const spreadArgs = [];
+  let runningObject = [];
+  let dynamicSpread = false;
+  let firstSpread = false;
+  attributes.forEach((attribute) => {
+    const node = attribute.node;
+    const key = !t.isJSXSpreadAttribute(node) && (t.isJSXNamespacedName(node.name) ? `${node.name.namespace.name}:${node.name.name.name}` : node.name.name);
+    if (t.isJSXSpreadAttribute(node)) {
+      const isStatic = node.innerComments && node.innerComments[0] && node.innerComments[0].value.trim() === config.staticMarker;
+      firstSpread = true;
+      if (runningObject.length) {
+        spreadArgs.push(t.objectExpression(runningObject));
+        runningObject = [];
+      }
+      const s = isDynamic(attribute.get("argument"), {
+        checkMember: true
+      }) && (dynamicSpread = true) ? t.isCallExpression(node.argument) && !node.argument.arguments.length && !t.isCallExpression(node.argument.callee) && !t.isMemberExpression(node.argument.callee) ? node.argument.callee : t.arrowFunctionExpression([], node.argument) : node.argument;
+      spreadArgs.push(
+        isStatic ? t.objectExpression([t.spreadElement(s)]) : s
+      );
+    } else if ((firstSpread || t.isJSXExpressionContainer(node.value) && isDynamic(attribute.get("value").get("expression"), {
+      checkMember: true
+    })) && canNativeSpread(key, { checkNameSpaces: true })) {
+      const isContainer = t.isJSXExpressionContainer(node.value);
+      const dynamic = isContainer && isDynamic(attribute.get("value").get("expression"), {
+        checkMember: true
+      });
+      if (dynamic) {
+        const id = convertJSXIdentifier(node.name);
+        let expr = wrapConditionals && (t.isLogicalExpression(node.value.expression) || t.isConditionalExpression(node.value.expression)) ? transformCondition(attribute.get("value").get("expression"), true) : t.arrowFunctionExpression([], node.value.expression);
+        runningObject.push(
+          t.objectMethod(
+            "get",
+            id,
+            [],
+            t.blockStatement([t.returnStatement(expr.body)]),
+            !t.isValidIdentifier(key)
+          )
+        );
+      } else {
+        runningObject.push(
+          t.objectProperty(
+            t.stringLiteral(key),
+            isContainer ? node.value.expression : node.value || (Properties.has(key) ? t.booleanLiteral(true) : t.stringLiteral(""))
+          )
+        );
+      }
+    } else filteredAttributes.push(attribute);
+  });
+  if (runningObject.length) {
+    spreadArgs.push(t.objectExpression(runningObject));
+  }
+  const props = spreadArgs.length === 1 && !dynamicSpread ? spreadArgs[0] : t.callExpression(registerImportMethod(path, "mergeProps"), spreadArgs);
+  return [
+    filteredAttributes,
+    t.expressionStatement(
+      t.callExpression(
+        registerImportMethod(
+          path,
+          "spread",
+          getRendererConfig(path, "dom").moduleName
+        ),
+        [
+          elem,
+          props,
+          t.booleanLiteral(isSVG),
+          t.booleanLiteral(hasChildren)
+        ]
+      )
+    )
+  ];
+}
+
+function createTemplate$2(path, result, wrap) {
+  var _a, _b, _c;
+  const config = getConfig(path);
+  if (result.id) {
+    registerTemplate(path, result);
+    if (!(result.exprs.length || ((_a = result.dynamics) == null ? void 0 : _a.length) || ((_b = result.postExprs) == null ? void 0 : _b.length)) && ((_c = result.decl) == null ? void 0 : _c.declarations.length) === 1) {
+      return result.decl.declarations[0].init;
+    } else {
+      return t.callExpression(
+        t.arrowFunctionExpression(
+          [],
+          t.blockStatement([
+            result.decl,
+            ...result.exprs.concat(
+              wrapDynamics$1(path, result.dynamics) || [],
+              result.postExprs || []
+            ),
+            t.returnStatement(result.id)
+          ])
+        ),
+        []
+      );
+    }
+  }
+  if (wrap && result.dynamic && config.memoWrapper) {
+    return t.callExpression(registerImportMethod(path, config.memoWrapper), [
+      result.exprs[0]
+    ]);
+  }
+  return result.exprs[0];
+}
+function appendTemplates$1(path, templates) {
+  const declarators = templates.map((template) => {
+    const tmpl = {
+      cooked: template.template,
+      raw: escapeStringForTemplate(template.template)
+    };
+    const shouldUseImportNode = template.isCE || template.isImportNode;
+    const isMathML = /^<(math|annotation|annotation-xml|maction|math|merror|mfrac|mi|mmultiscripts|mn|mo|mover|mpadded|mphantom|mprescripts|mroot|mrow|ms|mspace|msqrt|mstyle|msub|msubsup|msup|mtable|mtd|mtext|mtr|munder|munderover|semantics|menclose|mfenced)(\s|>)/.test(
+      template.template
+    );
+    return t.variableDeclarator(
+      template.id,
+      t.addComment(
+        t.callExpression(
+          registerImportMethod(
+            path,
+            "template",
+            getRendererConfig(path, "dom").moduleName
+          ),
+          [t.templateLiteral([t.templateElement(tmpl, true)], [])].concat(
+            template.isSVG || shouldUseImportNode || isMathML ? [
+              t.booleanLiteral(!!shouldUseImportNode),
+              t.booleanLiteral(template.isSVG),
+              t.booleanLiteral(isMathML)
+            ] : []
+          )
+        ),
+        "leading",
+        "#__PURE__"
+      )
+    );
+  });
+  path.node.body.unshift(t.variableDeclaration("var", declarators));
+}
+function registerTemplate(path, results) {
+  var _a;
+  const { hydratable } = getConfig(path);
+  let decl;
+  if (results.template.length) {
+    let templateDef, templateId;
+    if (!results.skipTemplate) {
+      const templates = path.scope.getProgramParent().data.templates || (path.scope.getProgramParent().data.templates = []);
+      if (templateDef = templates.find((t2) => t2.template === results.template)) {
+        templateId = templateDef.id;
+      } else {
+        templateId = path.scope.generateUidIdentifier("tmpl$");
+        templates.push({
+          id: templateId,
+          template: results.template,
+          templateWithClosingTags: results.templateWithClosingTags,
+          isSVG: results.isSVG,
+          isCE: results.hasCustomElement,
+          isImportNode: results.isImportNode,
+          renderer: "dom"
+        });
+      }
+    }
+    decl = t.variableDeclarator(
+      results.id,
+      hydratable ? t.callExpression(
+        registerImportMethod(
+          path,
+          "getNextElement",
+          getRendererConfig(path, "dom").moduleName
+        ),
+        templateId ? [templateId] : []
+      ) : t.callExpression(templateId, [])
+    );
+  }
+  (_a = results.declarations) == null ? void 0 : _a.unshift(decl);
+  results.decl = t.variableDeclaration("var", results.declarations);
+}
+function wrapDynamics$1(path, dynamics) {
+  if (!(dynamics == null ? void 0 : dynamics.length)) return;
+  const config = getConfig(path);
+  const effectWrapperId = registerImportMethod(path, config.effectWrapper);
+  if (dynamics.length === 1) {
+    let dynamicStyle;
+    const prevValue = dynamics[0].key === "classList" || dynamics[0].key === "style" || (dynamicStyle = dynamics[0].key.startsWith("style:")) ? t.identifier("_$p") : void 0;
+    if (dynamicStyle) {
+      dynamics[0].value = t.assignmentExpression(
+        "=",
+        prevValue,
+        dynamics[0].value
+      );
+    } else if (dynamics[0].key.startsWith("class:") && !t.isBooleanLiteral(dynamics[0].value) && !t.isUnaryExpression(dynamics[0].value)) {
+      dynamics[0].value = t.unaryExpression(
+        "!",
+        t.unaryExpression("!", dynamics[0].value)
+      );
+    }
+    return t.expressionStatement(
+      t.callExpression(effectWrapperId, [
+        t.arrowFunctionExpression(
+          prevValue ? [prevValue] : [],
+          setAttr$2(path, dynamics[0].elem, dynamics[0].key, dynamics[0].value, {
+            isSVG: dynamics[0].isSVG,
+            isCE: dynamics[0].isCE,
+            tagName: dynamics[0].tagName,
+            dynamic: true,
+            prevId: prevValue
+          })
+        )
+      ])
+    );
+  }
+  const prevId = t.identifier("_p$");
+  const declarations = [];
+  const statements = [];
+  const properties = [];
+  dynamics.forEach(({ elem, key, value, isSVG, isCE, tagName }, index) => {
+    const varIdent = path.scope.generateUidIdentifier("v$");
+    const propIdent = t.identifier(getNumberedId(index));
+    const propMember = t.memberExpression(prevId, propIdent);
+    if (key.startsWith("class:") && !t.isBooleanLiteral(value) && !t.isUnaryExpression(value)) {
+      value = t.unaryExpression("!", t.unaryExpression("!", value));
+    }
+    properties.push(propIdent);
+    declarations.push(t.variableDeclarator(varIdent, value));
+    if (key === "classList" || key === "style") {
+      statements.push(
+        t.expressionStatement(
+          t.assignmentExpression(
+            "=",
+            propMember,
+            setAttr$2(path, elem, key, varIdent, {
+              isSVG,
+              isCE,
+              tagName,
+              dynamic: true,
+              prevId: propMember
+            })
+          )
+        )
+      );
+    } else {
+      const prev = key.startsWith("style:") ? varIdent : void 0;
+      statements.push(
+        t.expressionStatement(
+          t.logicalExpression(
+            "&&",
+            t.binaryExpression("!==", varIdent, propMember),
+            setAttr$2(
+              path,
+              elem,
+              key,
+              t.assignmentExpression("=", propMember, varIdent),
+              {
+                isSVG,
+                isCE,
+                tagName,
+                dynamic: true,
+                prevId: prev
+              }
+            )
+          )
+        )
+      );
+    }
+  });
+  return t.expressionStatement(
+    t.callExpression(effectWrapperId, [
+      t.arrowFunctionExpression(
+        [prevId],
+        t.blockStatement([
+          t.variableDeclaration("var", declarations),
+          ...statements,
+          t.returnStatement(prevId)
+        ])
+      ),
+      t.objectExpression(
+        properties.map((id) => t.objectProperty(id, t.identifier("undefined")))
+      )
+    ])
+  );
+}
+
+function createTemplate$1(path, result) {
+  var _a, _b, _c, _d, _e, _f;
+  if (!result.template) {
+    return result.exprs[0];
+  }
+  let template, id;
+  if (!Array.isArray(result.template)) {
+    template = t.stringLiteral(result.template);
+  } else if (result.template.length === 1) {
+    template = t.stringLiteral(result.template[0]);
+  } else {
+    const strings = result.template.map((tmpl) => t.stringLiteral(tmpl));
+    template = t.arrayExpression(strings);
+  }
+  const templates = path.scope.getProgramParent().data.templates || (path.scope.getProgramParent().data.templates = []);
+  const found = templates.find((tmp) => {
+    if (t.isArrayExpression(tmp.template) && t.isArrayExpression(template)) {
+      return tmp.template.elements.every(
+        (el, i) => template.elements[i] && el.value === template.elements[i].value
+      );
+    }
+    return tmp.template.value === template.value;
+  });
+  if (!found) {
+    id = path.scope.generateUidIdentifier("tmpl$");
+    templates.push({
+      id,
+      template,
+      templateWithClosingTags: template,
+      renderer: "ssr"
+    });
+  } else id = found.id;
+  if (result.wontEscape) {
+    if (!Array.isArray(result.template) || result.template.length === 1)
+      return id;
+    else if (Array.isArray(result.template) && result.template.length === 2 && ((_b = (_a = result.templateValues) == null ? void 0 : _a[0]) == null ? void 0 : _b.type) === "CallExpression" && ((_e = (_d = (_c = result.templateValues) == null ? void 0 : _c[0]) == null ? void 0 : _d.callee) == null ? void 0 : _e.name) === "_$ssrHydrationKey") {
+      return t.binaryExpression(
+        "+",
+        t.binaryExpression(
+          "+",
+          t.memberExpression(id, t.numericLiteral(0), true),
+          result.templateValues[0]
+        ),
+        t.memberExpression(id, t.numericLiteral(1), true)
+      );
+    }
+  }
+  return t.callExpression(
+    registerImportMethod(path, "ssr"),
+    Array.isArray(result.template) && result.template.length > 1 ? [id, ...(_f = result.templateValues) != null ? _f : []] : [id]
+  );
+}
+function appendTemplates(path, templates) {
+  const declarators = templates.map((template) => {
+    return t.variableDeclarator(template.id, template.template);
+  });
+  path.node.body.unshift(t.variableDeclaration("var", declarators));
+}
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function appendToTemplate(template, value) {
+  let array;
+  if (Array.isArray(value)) {
+    [value, ...array] = value;
+  }
+  template[template.length - 1] += value;
+  if (array && array.length) template.push.apply(template, array);
+}
+function transformElement$2(path, info) {
+  var _a, _b;
+  const config = getConfig(path);
+  const tagName = getTagName(path.node);
+  if (tagName === "script" || tagName === "style")
+    path.doNotEscape = true;
+  if (path.node.openingElement.attributes.some(
+    (a) => t.isJSXSpreadAttribute(a)
+  ))
+    return createElement(path, __spreadValues(__spreadValues({}, info), config));
+  const voidTag = voidElements.indexOf(tagName) > -1, results = {
+    template: [`<${tagName}`],
+    templateValues: [],
+    declarations: [],
+    exprs: [],
+    dynamics: [],
+    tagName,
+    wontEscape: path.node.wontEscape,
+    renderer: "ssr"
+  };
+  if (info.topLevel && config.hydratable) {
+    if (tagName === "head") {
+      registerImportMethod(path, "NoHydration");
+      registerImportMethod(path, "createComponent");
+      const child = transformElement$2(path, __spreadProps(__spreadValues({}, info), { topLevel: false }));
+      results.template = "";
+      results.templateWithClosingTags = "";
+      results.exprs.push(
+        t.callExpression(t.identifier("_$createComponent"), [
+          t.identifier("_$NoHydration"),
+          t.objectExpression([
+            t.objectMethod(
+              "get",
+              t.identifier("children"),
+              [],
+              t.blockStatement([
+                t.returnStatement(createTemplate$1(path, child))
+              ])
+            )
+          ])
+        ])
+      );
+      return results;
+    }
+    (_a = results.template) == null ? void 0 : _a.push("");
+    (_b = results.templateValues) == null ? void 0 : _b.push(
+      t.callExpression(registerImportMethod(path, "ssrHydrationKey"), [])
+    );
+  }
+  transformAttributes$1(path, results, __spreadValues(__spreadValues({}, config), info));
+  appendToTemplate(results.template, ">");
+  if (!voidTag) {
+    transformChildren$1(path, results, __spreadValues(__spreadValues({}, config), info));
+    appendToTemplate(results.template, `</${tagName}>`);
+  }
+  return results;
+}
+function toAttribute(key, isSVG) {
+  key = Aliases[key] || key;
+  !isSVG && (key = key.toLowerCase());
+  return key;
+}
+function setAttr$1(attribute, results, name, value, isSVG) {
+  var _a, _b, _c;
+  let parts;
+  if ((parts = name.split(":")) && parts[1] && reservedNameSpaces.has(parts[0])) {
+    name = parts[1];
+  }
+  name = toAttribute(name, isSVG);
+  const attr = t.callExpression(
+    registerImportMethod(attribute, "ssrAttribute"),
+    [t.stringLiteral(name), value, t.booleanLiteral(false)]
+  );
+  if (results.template[results.template.length - 1].length) {
+    (_a = results.template) == null ? void 0 : _a.push("");
+    (_b = results.templateValues) == null ? void 0 : _b.push(attr);
+  } else {
+    const last = results.templateValues.length - 1;
+    results.templateValues[last] = t.binaryExpression(
+      "+",
+      (_c = results.templateValues) == null ? void 0 : _c[last],
+      attr
+    );
+  }
+}
+function escapeExpression(path, expression, attr, escapeLiterals) {
+  if (t.isStringLiteral(expression) || t.isNumericLiteral(expression) || t.isTemplateLiteral(expression) && expression.expressions.length === 0) {
+    if (escapeLiterals) {
+      if (t.isStringLiteral(expression))
+        return t.stringLiteral(escapeHTML(expression.value, attr));
+      else if (t.isTemplateLiteral(expression))
+        return t.stringLiteral(escapeHTML(expression.quasis[0].value.raw, attr));
+    }
+    return expression;
+  } else if (t.isFunction(expression)) {
+    if (t.isBlockStatement(expression.body)) {
+      expression.body.body = expression.body.body.map((e) => {
+        if (t.isReturnStatement(e))
+          e.argument = escapeExpression(
+            path,
+            e.argument,
+            attr,
+            escapeLiterals
+          );
+        return e;
+      });
+    } else
+      expression.body = escapeExpression(
+        path,
+        expression.body,
+        attr,
+        escapeLiterals
+      );
+    return expression;
+  } else if (t.isTemplateLiteral(expression)) {
+    expression.expressions = expression.expressions.map(
+      (e) => escapeExpression(path, e, attr, escapeLiterals)
+    );
+    return expression;
+  } else if (t.isUnaryExpression(expression)) {
+    return expression;
+  } else if (t.isBinaryExpression(expression)) {
+    expression.left = escapeExpression(
+      path,
+      expression.left,
+      attr,
+      escapeLiterals
+    );
+    expression.right = escapeExpression(
+      path,
+      expression.right,
+      attr,
+      escapeLiterals
+    );
+    return expression;
+  } else if (t.isConditionalExpression(expression)) {
+    expression.consequent = escapeExpression(
+      path,
+      expression.consequent,
+      attr,
+      escapeLiterals
+    );
+    expression.alternate = escapeExpression(
+      path,
+      expression.alternate,
+      attr,
+      escapeLiterals
+    );
+    return expression;
+  } else if (t.isLogicalExpression(expression)) {
+    expression.right = escapeExpression(
+      path,
+      expression.right,
+      attr,
+      escapeLiterals
+    );
+    if (expression.operator !== "&&") {
+      expression.left = escapeExpression(
+        path,
+        expression.left,
+        attr,
+        escapeLiterals
+      );
+    }
+    return expression;
+  } else if (t.isCallExpression(expression) && t.isFunction(expression.callee)) {
+    if (t.isBlockStatement(expression.callee.body)) {
+      expression.callee.body.body = expression.callee.body.body.map((e) => {
+        if (t.isReturnStatement(e))
+          e.argument = escapeExpression(
+            path,
+            e.argument,
+            attr,
+            escapeLiterals
+          );
+        return e;
+      });
+    } else
+      expression.callee.body = escapeExpression(
+        path,
+        expression.callee.body,
+        attr,
+        escapeLiterals
+      );
+    return expression;
+  } else if (t.isJSXElement(expression) && !isComponent(getTagName(expression))) {
+    expression.wontEscape = true;
+    return expression;
+  }
+  return t.callExpression(
+    registerImportMethod(path, "escape"),
+    [expression].concat(attr ? [t.booleanLiteral(true)] : [])
+  );
+}
+function transformToObject(attrName, attributes, selectedAttributes) {
+  const properties = [];
+  const existingAttribute = attributes.find((a) => a.node.name.name === attrName);
+  for (let i = 0; i < selectedAttributes.length; i++) {
+    const attr = selectedAttributes[i].node;
+    const computed = !t.isValidIdentifier(attr.name.name.name);
+    if (!computed) {
+      attr.name.name.type = "Identifier";
+    }
+    properties.push(
+      t.objectProperty(
+        computed ? t.stringLiteral(attr.name.name.name) : attr.name.name,
+        t.isJSXExpressionContainer(attr.value) ? attr.value.expression : attr.value
+      )
+    );
+    (existingAttribute || i) && attributes.splice(selectedAttributes[i].key, 1);
+  }
+  if (existingAttribute && t.isJSXExpressionContainer(existingAttribute.node.value) && t.isObjectExpression(existingAttribute.node.value.expression)) {
+    existingAttribute.node.value.expression.properties.push(...properties);
+  } else {
+    selectedAttributes[0].node = t.jsxAttribute(
+      t.jsxIdentifier(attrName),
+      t.jsxExpressionContainer(t.objectExpression(properties))
+    );
+  }
+}
+function normalizeAttributes(path) {
+  const attributes = path.get("openingElement").get("attributes"), styleAttributes = attributes.filter(
+    (a) => t.isJSXNamespacedName(a.node.name) && a.node.name.namespace.name === "style"
+  ), classNamespaceAttributes = attributes.filter(
+    (a) => t.isJSXNamespacedName(a.node.name) && a.node.name.namespace.name === "class"
+  );
+  if (classNamespaceAttributes.length)
+    transformToObject("classList", attributes, classNamespaceAttributes);
+  const classAttributes = attributes.filter(
+    (a) => a.node.name && (a.node.name.name === "class" || a.node.name.name === "className" || a.node.name.name === "classList")
+  );
+  if (classAttributes.length > 1) {
+    const first = classAttributes[0].node, values = [], quasis = [t.templateElement({ raw: "" })];
+    for (let i = 0; i < classAttributes.length; i++) {
+      const attr = classAttributes[i].node, isLast = i === classAttributes.length - 1;
+      if (!t.isJSXExpressionContainer(attr.value)) {
+        const prev = quasis.pop();
+        quasis.push(
+          t.templateElement({
+            raw: (prev ? prev.value.raw : "") + `${attr.value.value}` + (isLast ? "" : " ")
+          })
+        );
+      } else {
+        let expr = attr.value.expression;
+        if (attr.name.name === "classList") {
+          if (t.isObjectExpression(expr) && !expr.properties.some((p) => t.isSpreadElement(p))) {
+            transformClasslistObject(path, expr, values, quasis);
+            if (!isLast) quasis[quasis.length - 1].value.raw += " ";
+            i && attributes.splice(attributes.indexOf(classAttributes[i]), 1);
+            continue;
+          }
+          expr = t.callExpression(registerImportMethod(path, "ssrClassList"), [
+            expr
+          ]);
+        }
+        values.push(t.logicalExpression("||", expr, t.stringLiteral("")));
+        quasis.push(t.templateElement({ raw: isLast ? "" : " " }));
+      }
+      i && attributes.splice(attributes.indexOf(classAttributes[i]), 1);
+    }
+    first.name = t.jsxIdentifier("class");
+    first.value = t.jsxExpressionContainer(t.templateLiteral(quasis, values));
+  }
+  if (styleAttributes.length)
+    transformToObject("style", attributes, styleAttributes);
+  return attributes;
+}
+function transformAttributes$1(path, results, info) {
+  const tagName = getTagName(path.node), isSVG = SVGElements.has(tagName), hasChildren = path.node.children.length > 0, attributes = normalizeAttributes(path);
+  let children;
+  attributes.forEach((attribute) => {
+    var _a, _b;
+    const node = attribute.node;
+    let value = node.value, key = t.isJSXNamespacedName(node.name) ? `${node.name.namespace.name}:${node.name.name.name}` : node.name.name, reservedNameSpace = t.isJSXNamespacedName(node.name) && reservedNameSpaces.has(node.name.namespace.name);
+    if ((t.isJSXNamespacedName(node.name) && reservedNameSpace || ChildProperties.has(key)) && !t.isJSXExpressionContainer(value)) {
+      node.value = value = t.jsxExpressionContainer(
+        value || t.jsxEmptyExpression()
+      );
+    }
+    if (t.isJSXExpressionContainer(value) && (reservedNameSpace || ChildProperties.has(key) || !(t.isStringLiteral(value.expression) || t.isNumericLiteral(value.expression) || t.isBooleanLiteral(value.expression)))) {
+      if (key === "ref" || key.startsWith("use:") || key.startsWith("prop:") || key.startsWith("on"))
+        return;
+      else if (ChildProperties.has(key)) {
+        if (info.hydratable && key === "textContent" && value && value.expression) {
+          value.expression = t.logicalExpression(
+            "||",
+            value.expression,
+            t.stringLiteral(" ")
+          );
+        }
+        if (key === "innerHTML") path.doNotEscape = true;
+        children = value;
+      } else {
+        let doEscape = true;
+        if (key.startsWith("attr:")) key = key.replace("attr:", "");
+        if (BooleanAttributes.has(key)) {
+          results.template.push("");
+          const fn = t.callExpression(
+            registerImportMethod(attribute, "ssrAttribute"),
+            [
+              t.stringLiteral(key),
+              value.expression,
+              t.booleanLiteral(true)
+            ]
+          );
+          (_a = results.templateValues) == null ? void 0 : _a.push(fn);
+          return;
+        }
+        if (key === "style") {
+          if (t.isJSXExpressionContainer(value) && t.isObjectExpression(value.expression) && !value.expression.properties.some((p) => t.isSpreadElement(p))) {
+            const props = value.expression.properties.map(
+              (p, i) => t.callExpression(registerImportMethod(path, "ssrStyleProperty"), [
+                t.stringLiteral(
+                  (i ? ";" : "") + (t.isIdentifier(p.key) ? p.key.name : p.key.value) + ":"
+                ),
+                escapeExpression(path, p.value, true, true)
+              ])
+            );
+            let res = props[0];
+            for (let i = 1; i < props.length; i++) {
+              res = t.binaryExpression("+", res, props[i]);
+            }
+            value.expression = res;
+          } else {
+            value.expression = t.callExpression(
+              registerImportMethod(path, "ssrStyle"),
+              [value.expression]
+            );
+          }
+          doEscape = false;
+        }
+        if (key === "classList") {
+          if (t.isObjectExpression(value.expression) && !value.expression.properties.some((p) => t.isSpreadElement(p))) {
+            const values = [], quasis = [t.templateElement({ raw: "" })];
+            transformClasslistObject(path, value.expression, values, quasis);
+            if (!values.length)
+              value.expression = t.stringLiteral(quasis[0].value.raw);
+            else if (values.length === 1 && !quasis[0].value.raw && !quasis[1].value.raw) {
+              value.expression = values[0];
+            } else value.expression = t.templateLiteral(quasis, values);
+          } else {
+            value.expression = t.callExpression(
+              registerImportMethod(path, "ssrClassList"),
+              [value.expression]
+            );
+          }
+          key = "class";
+          doEscape = false;
+        }
+        if (doEscape)
+          value.expression = escapeExpression(
+            path,
+            value.expression,
+            true
+          );
+        if (!doEscape || t.isLiteral(value.expression)) {
+          key = toAttribute(key, isSVG);
+          appendToTemplate(results.template, ` ${key}="`);
+          results.template.push(`"`);
+          (_b = results.templateValues) == null ? void 0 : _b.push(value.expression);
+        } else setAttr$1(attribute, results, key, value.expression, isSVG);
+      }
+    } else {
+      if (key === "$ServerOnly") return;
+      if (t.isJSXExpressionContainer(value)) value = value.expression;
+      key = toAttribute(key, isSVG);
+      const isBoolean = BooleanAttributes.has(key);
+      if (isBoolean && value && value.value !== "" && !value.value) return;
+      appendToTemplate(results.template, ` ${key}`);
+      if (!value) return;
+      let text = isBoolean ? "" : value.value;
+      if (key === "style" || key === "class") {
+        text = trimWhitespace(String(text));
+        if (key === "style") {
+          text = text.replace(/; /g, ";").replace(/: /g, ":");
+        }
+      }
+      appendToTemplate(
+        results.template,
+        // `String(text)` is needed, as text.length will mess up `attr=10>` becomes `attr>` without it
+        String(text) === "" ? `` : `="${escapeHTML(text, true)}"`
+      );
+    }
+  });
+  if (!hasChildren && children) {
+    path.node.children.push(children);
+  }
+}
+function transformClasslistObject(path, expr, values, quasis) {
+  expr.properties.forEach((prop, i) => {
+    const isLast = expr.properties.length - 1 === i;
+    let key = prop.key;
+    if (t.isIdentifier(prop.key) && !prop.computed)
+      key = t.stringLiteral(key.name);
+    else if (prop.computed) {
+      key = t.callExpression(registerImportMethod(path, "escape"), [
+        prop.key,
+        t.booleanLiteral(true)
+      ]);
+    } else key = t.stringLiteral(escapeHTML(prop.key.value));
+    if (t.isBooleanLiteral(prop.value)) {
+      if (prop.value.value === true) {
+        if (!prop.computed) {
+          const prev = quasis.pop();
+          quasis.push(
+            t.templateElement({
+              raw: (prev ? prev.value.raw : "") + (i ? " " : "") + `${key.value}` + (isLast ? "" : " ")
+            })
+          );
+        } else {
+          values.push(key);
+          quasis.push(t.templateElement({ raw: isLast ? "" : " " }));
+        }
+      }
+    } else {
+      values.push(t.conditionalExpression(prop.value, key, t.stringLiteral("")));
+      quasis.push(t.templateElement({ raw: isLast ? "" : " " }));
+    }
+  });
+}
+function transformChildren$1(path, results, { hydratable }) {
+  const doNotEscape = path.doNotEscape;
+  const filteredChildren = filterChildren(path.get("children"));
+  const multi = checkLength(filteredChildren), markers = hydratable && multi;
+  filteredChildren.forEach((node) => {
+    var _a, _b, _c, _d;
+    if (t.isJSXElement(node.node) && getTagName(node.node) === "head") {
+      const child2 = transformNode(node, {
+        doNotEscape,
+        hydratable: false
+      });
+      registerImportMethod(path, "NoHydration");
+      registerImportMethod(path, "createComponent");
+      results.template.push("");
+      (_a = results.templateValues) == null ? void 0 : _a.push(
+        t.callExpression(t.identifier("_$createComponent"), [
+          t.identifier("_$NoHydration"),
+          t.objectExpression([
+            t.objectMethod(
+              "get",
+              t.identifier("children"),
+              [],
+              t.blockStatement([
+                t.returnStatement(createTemplate$1(path, child2))
+              ])
+            )
+          ])
+        ])
+      );
+      return;
+    }
+    const child = transformNode(node, { doNotEscape });
+    if (!child) return;
+    appendToTemplate(results.template, child.template);
+    (_b = results.templateValues) == null ? void 0 : _b.push.apply(
+      results.templateValues,
+      child.templateValues || []
+    );
+    if (child.exprs.length) {
+      if (!doNotEscape && !child.spreadElement)
+        child.exprs[0] = escapeExpression(path, child.exprs[0]);
+      if (markers && !child.spreadElement) {
+        appendToTemplate(results.template, `<!--$-->`);
+        results.template.push("");
+        (_c = results.templateValues) == null ? void 0 : _c.push(child.exprs[0]);
+        appendToTemplate(results.template, `<!--/-->`);
+      } else {
+        results.template.push("");
+        (_d = results.templateValues) == null ? void 0 : _d.push(child.exprs[0]);
+      }
+    }
+  });
+}
+function createElement(path, { topLevel, hydratable }) {
+  const tagName = getTagName(path.node), config = getConfig(path), attributes = normalizeAttributes(path), doNotEscape = path.doNotEscape;
+  const filteredChildren = filterChildren(path.get("children")), multi = checkLength(filteredChildren), markers = hydratable && multi, childNodes = filteredChildren.reduce((memo, path2) => {
+    var _a;
+    if (t.isJSXText(path2.node)) {
+      const v = decode(trimWhitespace((_a = path2.node.extra) == null ? void 0 : _a.raw));
+      if (v.length) memo.push(t.stringLiteral(v));
+    } else {
+      const child = transformNode(path2);
+      if (markers && child.exprs.length && !child.spreadElement)
+        memo.push(t.stringLiteral("<!--$-->"));
+      if (child.exprs.length && !doNotEscape && !child.spreadElement)
+        child.exprs[0] = escapeExpression(path2, child.exprs[0]);
+      memo.push(getCreateTemplate(config, path2, child)(path2, child, true));
+      if (markers && child.exprs.length && !child.spreadElement)
+        memo.push(t.stringLiteral("<!--/-->"));
+    }
+    return memo;
+  }, []);
+  let props;
+  if (attributes.length === 1) {
+    props = [attributes[0].node.argument];
+  } else {
+    props = [];
+    let runningObject = [], dynamicSpread = false, hasChildren = path.node.children.length > 0;
+    attributes.forEach((attribute) => {
+      const node = attribute.node;
+      if (t.isJSXSpreadAttribute(node)) {
+        if (runningObject.length) {
+          props.push(t.objectExpression(runningObject));
+          runningObject = [];
+        }
+        props.push(
+          isDynamic(attribute.get("argument"), {
+            checkMember: true
+          }) && (dynamicSpread = true) ? t.isCallExpression(node.argument) && !node.argument.arguments.length && !t.isCallExpression(node.argument.callee) && !t.isMemberExpression(node.argument.callee) ? node.argument.callee : t.arrowFunctionExpression([], node.argument) : node.argument
+        );
+      } else {
+        const value = node.value || t.booleanLiteral(true), id = convertJSXIdentifier(node.name), key = t.isJSXNamespacedName(node.name) ? `${node.name.namespace.name}:${node.name.name.name}` : node.name.name;
+        if (hasChildren && key === "children") return;
+        if (key === "ref" || key.startsWith("use:") || key.startsWith("prop:") || key.startsWith("on"))
+          return;
+        if (t.isJSXExpressionContainer(value))
+          if (isDynamic(attribute.get("value").get("expression"), {
+            checkMember: true,
+            checkTags: true
+          })) {
+            let expr = t.arrowFunctionExpression([], value.expression);
+            runningObject.push(
+              t.objectMethod(
+                "get",
+                id,
+                [],
+                t.blockStatement([t.returnStatement(expr.body)]),
+                !t.isValidIdentifier(key)
+              )
+            );
+          } else
+            runningObject.push(t.objectProperty(id, value.expression));
+        else runningObject.push(t.objectProperty(id, value));
+      }
+    });
+    if (runningObject.length || !props.length)
+      props.push(t.objectExpression(runningObject));
+    if (props.length > 1 || dynamicSpread) {
+      props = [
+        t.callExpression(registerImportMethod(path, "mergeProps"), props)
+      ];
+    }
+  }
+  const exprs = [
+    t.callExpression(registerImportMethod(path, "ssrElement"), [
+      t.stringLiteral(tagName),
+      props[0],
+      childNodes.length ? hydratable ? t.arrowFunctionExpression(
+        [],
+        childNodes.length === 1 ? childNodes[0] : t.arrayExpression(childNodes)
+      ) : childNodes.length === 1 ? childNodes[0] : t.arrayExpression(childNodes) : t.identifier("undefined"),
+      t.booleanLiteral(Boolean(topLevel && config.hydratable))
+    ])
+  ];
+  return { exprs, template: "", spreadElement: true };
+}
+
+function transformElement$1(path, _info) {
+  var _a;
+  let tagName = getTagName(path.node), results = {
+    id: path.scope.generateUidIdentifier("el$"),
+    declarations: [],
+    exprs: [],
+    dynamics: [],
+    postExprs: [],
+    tagName,
+    renderer: "universal",
+    template: ""
+  };
+  (_a = results.declarations) == null ? void 0 : _a.push(
+    t.variableDeclarator(
+      results.id,
+      t.callExpression(
+        registerImportMethod(
+          path,
+          "createElement",
+          getRendererConfig(path, "universal").moduleName
+        ),
+        [t.stringLiteral(tagName)]
+      )
+    )
+  );
+  transformAttributes(path, results);
+  transformChildren(path, results);
+  return results;
+}
+function transformAttributes(path, results) {
+  let children, spreadExpr;
+  let attributes = path.get("openingElement").get("attributes");
+  const elem = results.id, hasChildren = path.node.children.length > 0, config = getConfig(path);
+  if (attributes.some((attribute) => t.isJSXSpreadAttribute(attribute.node))) {
+    [attributes, spreadExpr] = processSpreads(path, attributes, {
+      elem,
+      hasChildren,
+      wrapConditionals: config.wrapConditionals
+    });
+    path.get("openingElement").set(
+      "attributes",
+      attributes.map((a) => a.node)
+    );
+  }
+  path.get("openingElement").get("attributes").forEach((attribute) => {
+    var _a;
+    const node = attribute.node;
+    let value = node.value, key = t.isJSXNamespacedName(node.name) ? `${node.name.namespace.name}:${node.name.name.name}` : node.name.name, reservedNameSpace = t.isJSXNamespacedName(node.name) && node.name.namespace.name === "use";
+    if (t.isJSXNamespacedName(node.name) && reservedNameSpace && !t.isJSXExpressionContainer(value)) {
+      node.value = value = t.jsxExpressionContainer(
+        value || t.jsxEmptyExpression()
+      );
+    }
+    if (t.isJSXExpressionContainer(value)) {
+      if (key === "ref") {
+        while (t.isTSNonNullExpression(value.expression) || t.isTSAsExpression(value.expression)) {
+          value.expression = value.expression.expression;
+        }
+        let binding, isConstant = t.isIdentifier(value.expression) && (binding = path.scope.getBinding(value.expression.name)) && (binding.kind === "const" || binding.kind === "module");
+        if (!isConstant && t.isLVal(value.expression)) {
+          const refIdentifier = path.scope.generateUidIdentifier("_ref$");
+          results.exprs.unshift(
+            t.variableDeclaration("var", [
+              t.variableDeclarator(refIdentifier, value.expression)
+            ]),
+            t.expressionStatement(
+              t.conditionalExpression(
+                t.binaryExpression(
+                  "===",
+                  t.unaryExpression("typeof", refIdentifier),
+                  t.stringLiteral("function")
+                ),
+                t.callExpression(
+                  registerImportMethod(
+                    path,
+                    "use",
+                    getRendererConfig(path, "universal").moduleName
+                  ),
+                  [refIdentifier, elem]
+                ),
+                t.assignmentExpression("=", value.expression, elem)
+              )
+            )
+          );
+        } else if (isConstant || t.isFunction(value.expression)) {
+          results.exprs.unshift(
+            t.expressionStatement(
+              t.callExpression(
+                registerImportMethod(
+                  path,
+                  "use",
+                  getRendererConfig(path, "universal").moduleName
+                ),
+                [value.expression, elem]
+              )
+            )
+          );
+        } else {
+          const refIdentifier = path.scope.generateUidIdentifier("_ref$");
+          results.exprs.unshift(
+            t.variableDeclaration("var", [
+              t.variableDeclarator(refIdentifier, value.expression)
+            ]),
+            t.expressionStatement(
+              t.logicalExpression(
+                "&&",
+                t.binaryExpression(
+                  "===",
+                  t.unaryExpression("typeof", refIdentifier),
+                  t.stringLiteral("function")
+                ),
+                t.callExpression(
+                  registerImportMethod(
+                    path,
+                    "use",
+                    getRendererConfig(path, "universal").moduleName
+                  ),
+                  [refIdentifier, elem]
+                )
+              )
+            )
+          );
+        }
+      } else if (key.startsWith("use:")) {
+        node.name.name.type = "Identifier";
+        results.exprs.unshift(
+          t.expressionStatement(
+            t.callExpression(
+              registerImportMethod(
+                path,
+                "use",
+                getRendererConfig(path, "universal").moduleName
+              ),
+              [
+                node.name.name,
+                elem,
+                t.arrowFunctionExpression(
+                  [],
+                  t.isJSXEmptyExpression(value.expression) ? t.booleanLiteral(true) : value.expression
+                )
+              ]
+            )
+          )
+        );
+      } else if (key === "children") {
+        children = value;
+      } else if (config.effectWrapper && isDynamic(attribute.get("value").get("expression"), {
+        checkMember: true
+      })) {
+        (_a = results.dynamics) == null ? void 0 : _a.push({
+          elem,
+          key,
+          value: value.expression
+        });
+      } else {
+        results.exprs.push(
+          t.expressionStatement(
+            setAttr(attribute, elem, key, value.expression)
+          )
+        );
+      }
+    } else {
+      results.exprs.push(
+        t.expressionStatement(setAttr(attribute, elem, key, value))
+      );
+    }
+  });
+  if (spreadExpr) results.exprs.push(spreadExpr);
+  if (!hasChildren && children) {
+    path.node.children.push(children);
+  }
+}
+function setAttr(path, elem, name, value, { prevId } = {}) {
+  if (!value) value = t.booleanLiteral(true);
+  return t.callExpression(
+    registerImportMethod(
+      path,
+      "setProp",
+      getRendererConfig(path, "universal").moduleName
+    ),
+    prevId ? [elem, t.stringLiteral(name), value, prevId] : [elem, t.stringLiteral(name), value]
+  );
+}
+function transformChildren(path, results) {
+  const filteredChildren = filterChildren(path.get("children")), multi = checkLength(filteredChildren), childNodes = filteredChildren.map(transformNode).reduce((memo, child) => {
+    if (!child) return memo;
+    const i = memo.length;
+    if (child.text && i && memo[i - 1].text) {
+      memo[i - 1].template += child.template;
+      memo[i - 1].templateWithClosingTags += child.templateWithClosingTags || child.template;
+    } else memo.push(child);
+    return memo;
+  }, []);
+  const appends = [];
+  childNodes.forEach((child, index) => {
+    var _a, _b, _c;
+    if (!child) return;
+    if (child.tagName && child.renderer !== "universal") {
+      throw new Error(`<${child.tagName}> is not supported in <${getTagName(path.node)}>.
+        Wrap the usage with a component that would render this element, eg. Canvas`);
+    }
+    if (child.id) {
+      let insertNode = registerImportMethod(
+        path,
+        "insertNode",
+        getRendererConfig(path, "universal").moduleName
+      );
+      let insert = child.id;
+      if (child.text) {
+        let createTextNode = registerImportMethod(
+          path,
+          "createTextNode",
+          getRendererConfig(path, "universal").moduleName
+        );
+        if (multi) {
+          (_a = results.declarations) == null ? void 0 : _a.push(
+            t.variableDeclarator(
+              child.id,
+              t.callExpression(createTextNode, [
+                t.templateLiteral(
+                  [
+                    t.templateElement({
+                      raw: escapeStringForTemplate(child.template)
+                    })
+                  ],
+                  []
+                )
+              ])
+            )
+          );
+        } else
+          insert = t.callExpression(createTextNode, [
+            t.templateLiteral(
+              [
+                t.templateElement({
+                  raw: escapeStringForTemplate(child.template)
+                })
+              ],
+              []
+            )
+          ]);
+      }
+      appends.push(
+        t.expressionStatement(
+          t.callExpression(insertNode, [results.id, insert])
+        )
+      );
+      (_b = results.declarations) == null ? void 0 : _b.push(...child.declarations);
+      results.exprs.push(...child.exprs);
+      (_c = results.dynamics) == null ? void 0 : _c.push(...child.dynamics);
+    } else if (child.exprs.length) {
+      let insert = registerImportMethod(
+        path,
+        "insert",
+        getRendererConfig(path, "universal").moduleName
+      );
+      if (multi) {
+        results.exprs.push(
+          t.expressionStatement(
+            t.callExpression(insert, [
+              results.id,
+              child.exprs[0],
+              nextChild(childNodes, index) || t.nullLiteral()
+            ])
+          )
+        );
+      } else {
+        results.exprs.push(
+          t.expressionStatement(
+            t.callExpression(insert, [results.id, child.exprs[0]])
+          )
+        );
+      }
+    }
+  });
+  results.exprs.unshift(...appends);
+}
+function nextChild(children, index) {
+  return children[index + 1] && (children[index + 1].id || nextChild(children, index + 1));
+}
+function processSpreads(path, attributes, { elem, hasChildren, wrapConditionals }) {
+  const filteredAttributes = [];
+  const spreadArgs = [];
+  let runningObject = [];
+  let dynamicSpread = false;
+  let firstSpread = false;
+  attributes.forEach((attribute) => {
+    const node = attribute.node;
+    const key = !t.isJSXSpreadAttribute(node) && (t.isJSXNamespacedName(node.name) ? `${node.name.namespace.name}:${node.name.name.name}` : node.name.name);
+    if (t.isJSXSpreadAttribute(node)) {
+      firstSpread = true;
+      if (runningObject.length) {
+        spreadArgs.push(t.objectExpression(runningObject));
+        runningObject = [];
+      }
+      spreadArgs.push(
+        isDynamic(attribute.get("argument"), {
+          checkMember: true
+        }) && (dynamicSpread = true) ? t.isCallExpression(node.argument) && !node.argument.arguments.length && !t.isCallExpression(node.argument.callee) && !t.isMemberExpression(node.argument.callee) ? node.argument.callee : t.arrowFunctionExpression([], node.argument) : node.argument
+      );
+    } else if ((firstSpread || t.isJSXExpressionContainer(node.value) && isDynamic(attribute.get("value").get("expression"), {
+      checkMember: true
+    })) && canNativeSpread(key, { checkNameSpaces: true })) {
+      const isContainer = t.isJSXExpressionContainer(node.value);
+      const dynamic = isContainer && isDynamic(attribute.get("value").get("expression"), {
+        checkMember: true
+      });
+      if (dynamic) {
+        const id = convertJSXIdentifier(node.name);
+        let expr = wrapConditionals && (t.isLogicalExpression(node.value.expression) || t.isConditionalExpression(node.value.expression)) ? transformCondition(attribute.get("value").get("expression"), true) : t.arrowFunctionExpression([], node.value.expression);
+        runningObject.push(
+          t.objectMethod(
+            "get",
+            id,
+            [],
+            t.blockStatement([t.returnStatement(expr.body)]),
+            !t.isValidIdentifier(key)
+          )
+        );
+      } else {
+        runningObject.push(
+          t.objectProperty(
+            t.stringLiteral(key),
+            isContainer ? node.value.expression : node.value || t.booleanLiteral(true)
+          )
+        );
+      }
+    } else filteredAttributes.push(attribute);
+  });
+  if (runningObject.length) {
+    spreadArgs.push(t.objectExpression(runningObject));
+  }
+  const props = spreadArgs.length === 1 && !dynamicSpread ? spreadArgs[0] : t.callExpression(registerImportMethod(path, "mergeProps"), spreadArgs);
+  return [
+    filteredAttributes,
+    t.expressionStatement(
+      t.callExpression(
+        registerImportMethod(
+          path,
+          "spread",
+          getRendererConfig(path, "universal").moduleName
+        ),
+        [elem, props, t.booleanLiteral(hasChildren)]
+      )
+    )
+  ];
+}
+
+function createTemplate(path, result, wrap) {
+  var _a, _b;
+  const config = getConfig(path);
+  if (result.id) {
+    result.decl = t.variableDeclaration("var", result.declarations);
+    if (!(result.exprs.length || ((_a = result.dynamics) == null ? void 0 : _a.length) || ((_b = result.postExprs) == null ? void 0 : _b.length)) && result.decl.declarations.length === 1) {
+      return result.decl.declarations[0].init;
+    } else {
+      return t.callExpression(
+        t.arrowFunctionExpression(
+          [],
+          t.blockStatement([
+            result.decl,
+            ...result.exprs.concat(
+              wrapDynamics(path, result.dynamics) || [],
+              result.postExprs || []
+            ),
+            t.returnStatement(result.id)
+          ])
+        ),
+        []
+      );
+    }
+  }
+  if (wrap && result.dynamic && config.memoWrapper) {
+    return t.callExpression(registerImportMethod(path, config.memoWrapper), [
+      result.exprs[0]
+    ]);
+  }
+  return result.exprs[0];
+}
+function wrapDynamics(path, dynamics) {
+  if (!dynamics.length) return;
+  const config = getConfig(path);
+  const effectWrapperId = registerImportMethod(path, config.effectWrapper);
+  if (dynamics.length === 1) {
+    const prevValue = t.identifier("_$p");
+    const firstDynamic = dynamics[0];
+    return t.expressionStatement(
+      t.callExpression(effectWrapperId, [
+        t.arrowFunctionExpression(
+          [prevValue],
+          setAttr(
+            path,
+            firstDynamic.elem,
+            firstDynamic.key,
+            firstDynamic.value,
+            {
+              prevId: prevValue
+            }
+          )
+        )
+      ])
+    );
+  }
+  const prevId = t.identifier("_p$");
+  const declarations = [];
+  const statements = [];
+  const properties = [];
+  dynamics.forEach(({ elem, key, value }, index) => {
+    const varIdent = path.scope.generateUidIdentifier("v$");
+    const propIdent = t.identifier(getNumberedId(index));
+    const propMember = t.memberExpression(prevId, propIdent);
+    properties.push(propIdent);
+    declarations.push(t.variableDeclarator(varIdent, value));
+    statements.push(
+      t.expressionStatement(
+        t.logicalExpression(
+          "&&",
+          t.binaryExpression("!==", varIdent, propMember),
+          t.assignmentExpression(
+            "=",
+            propMember,
+            setAttr(path, elem, key, varIdent, {
+              prevId: propMember
+            })
+          )
+        )
+      )
+    );
+  });
+  return t.expressionStatement(
+    t.callExpression(effectWrapperId, [
+      t.arrowFunctionExpression(
+        [prevId],
+        t.blockStatement([
+          t.variableDeclaration("var", declarations),
+          ...statements,
+          t.returnStatement(prevId)
+        ])
+      ),
+      t.objectExpression(
+        properties.map((id) => t.objectProperty(id, t.identifier("undefined")))
+      )
+    ])
+  );
+}
+
+function convertComponentIdentifier(node) {
+  if (t.isJSXIdentifier(node)) {
+    if (node.name === "this") return t.thisExpression();
+    if (t.isValidIdentifier(node.name)) {
+      node.type = "Identifier";
+    } else return t.stringLiteral(node.name);
+  } else if (t.isJSXMemberExpression(node)) {
+    const prop = convertComponentIdentifier(node.property);
+    const computed = t.isStringLiteral(prop);
+    return t.memberExpression(
+      convertComponentIdentifier(node.object),
+      prop,
+      computed
+    );
+  }
+  return node;
+}
+function transformComponent(path) {
+  let exprs = [], config = getConfig(path), tagId = convertComponentIdentifier(path.node.openingElement.name), props = [], runningObject = [], dynamicSpread = false, hasChildren = path.node.children.length > 0;
+  if (config.builtIns.indexOf(tagId.name) > -1 && !path.scope.hasBinding(tagId.name)) {
+    const newTagId = registerImportMethod(path, tagId.name);
+    tagId.name = newTagId.name;
+  }
+  path.get("openingElement").get("attributes").forEach((attribute) => {
+    const node = attribute.node;
+    if (t.isJSXSpreadAttribute(node)) {
+      if (runningObject.length) {
+        props.push(t.objectExpression(runningObject));
+        runningObject = [];
+      }
+      props.push(
+        isDynamic(attribute.get("argument"), {
+          checkMember: true
+        }) && (dynamicSpread = true) ? t.isCallExpression(node.argument) && !node.argument.arguments.length && !t.isCallExpression(node.argument.callee) && !t.isMemberExpression(node.argument.callee) ? node.argument.callee : t.arrowFunctionExpression([], node.argument) : node.argument
+      );
+    } else {
+      const value = (t.isStringLiteral(node.value) ? t.stringLiteral(node.value.value) : node.value) || t.booleanLiteral(true), id = convertJSXIdentifier(node.name), key = id.name;
+      if (hasChildren && key === "children") return;
+      if (t.isJSXExpressionContainer(value))
+        if (key === "ref") {
+          if (config.generate === "ssr") return;
+          while (t.isTSNonNullExpression(value.expression) || t.isTSAsExpression(value.expression) || t.isTSSatisfiesExpression(value.expression)) {
+            value.expression = value.expression.expression;
+          }
+          let binding, isConstant = t.isIdentifier(value.expression) && (binding = path.scope.getBinding(value.expression.name)) && (binding.kind === "const" || binding.kind === "module");
+          if (!isConstant && t.isLVal(value.expression)) {
+            const refIdentifier = path.scope.generateUidIdentifier("_ref$");
+            runningObject.push(
+              t.objectMethod(
+                "method",
+                t.identifier("ref"),
+                [t.identifier("r$")],
+                t.blockStatement([
+                  t.variableDeclaration("var", [
+                    t.variableDeclarator(refIdentifier, value.expression)
+                  ]),
+                  t.expressionStatement(
+                    t.conditionalExpression(
+                      t.binaryExpression(
+                        "===",
+                        t.unaryExpression("typeof", refIdentifier),
+                        t.stringLiteral("function")
+                      ),
+                      t.callExpression(refIdentifier, [t.identifier("r$")]),
+                      t.assignmentExpression(
+                        "=",
+                        value.expression,
+                        t.identifier("r$")
+                      )
+                    )
+                  )
+                ])
+              )
+            );
+          } else if (!isConstant && t.isOptionalMemberExpression(value.expression) && t.isIdentifier(value.expression.object) && t.isIdentifier(value.expression.property)) {
+            const refIdentifier = path.scope.generateUidIdentifier("_ref$");
+            runningObject.push(
+              t.objectMethod(
+                "method",
+                t.identifier("ref"),
+                [t.identifier("r$")],
+                t.blockStatement([
+                  t.variableDeclaration("var", [
+                    t.variableDeclarator(refIdentifier, value.expression)
+                  ]),
+                  t.expressionStatement(
+                    t.conditionalExpression(
+                      t.binaryExpression(
+                        "===",
+                        t.unaryExpression("typeof", refIdentifier),
+                        t.stringLiteral("function")
+                      ),
+                      t.callExpression(refIdentifier, [t.identifier("r$")]),
+                      t.logicalExpression(
+                        "&&",
+                        t.unaryExpression(
+                          "!",
+                          t.unaryExpression(
+                            "!",
+                            t.identifier(value.expression.object.name)
+                          )
+                        ),
+                        t.assignmentExpression(
+                          "=",
+                          t.memberExpression(
+                            t.identifier(value.expression.object.name),
+                            t.identifier(value.expression.property.name)
+                          ),
+                          t.identifier("r$")
+                        )
+                      )
+                    )
+                  )
+                ])
+              )
+            );
+          } else if (isConstant || t.isFunction(value.expression)) {
+            runningObject.push(
+              t.objectProperty(
+                t.identifier("ref"),
+                value.expression
+              )
+            );
+          } else if (t.isCallExpression(value.expression)) {
+            const refIdentifier = path.scope.generateUidIdentifier("_ref$");
+            runningObject.push(
+              t.objectMethod(
+                "method",
+                t.identifier("ref"),
+                [t.identifier("r$")],
+                t.blockStatement([
+                  t.variableDeclaration("var", [
+                    t.variableDeclarator(refIdentifier, value.expression)
+                  ]),
+                  t.expressionStatement(
+                    t.logicalExpression(
+                      "&&",
+                      t.binaryExpression(
+                        "===",
+                        t.unaryExpression("typeof", refIdentifier),
+                        t.stringLiteral("function")
+                      ),
+                      t.callExpression(refIdentifier, [t.identifier("r$")])
+                    )
+                  )
+                ])
+              )
+            );
+          }
+        } else if (isDynamic(attribute.get("value").get("expression"), {
+          checkMember: true,
+          checkTags: true
+        })) {
+          if (config.wrapConditionals && config.generate !== "ssr" && (t.isLogicalExpression(value.expression) || t.isConditionalExpression(value.expression))) {
+            const expr = transformCondition(
+              attribute.get("value").get("expression"),
+              true
+            );
+            runningObject.push(
+              t.objectMethod(
+                "get",
+                id,
+                [],
+                t.blockStatement([t.returnStatement(expr.body)]),
+                !t.isValidIdentifier(key)
+              )
+            );
+          } else if (t.isCallExpression(value.expression) && t.isArrowFunctionExpression(value.expression.callee) && value.expression.callee.params.length === 0) {
+            const callee = value.expression.callee;
+            const body = t.isBlockStatement(callee.body) ? callee.body : t.blockStatement([t.returnStatement(callee.body)]);
+            runningObject.push(
+              t.objectMethod("get", id, [], body, !t.isValidIdentifier(key))
+            );
+          } else {
+            runningObject.push(
+              t.objectMethod(
+                "get",
+                id,
+                [],
+                t.blockStatement([
+                  t.returnStatement(value.expression)
+                ]),
+                !t.isValidIdentifier(key)
+              )
+            );
+          }
+        } else
+          runningObject.push(t.objectProperty(id, value.expression));
+      else runningObject.push(t.objectProperty(id, value));
+    }
+  });
+  const childResult = transformComponentChildren(path.get("children"), config);
+  if (childResult && childResult[0]) {
+    if (childResult[1]) {
+      const body = t.isCallExpression(childResult[0]) && t.isFunction(childResult[0].arguments[0]) ? childResult[0].arguments[0].body : childResult[0].body ? childResult[0].body : childResult[0];
+      runningObject.push(
+        t.objectMethod(
+          "get",
+          t.identifier("children"),
+          [],
+          t.isExpression(body) ? t.blockStatement([t.returnStatement(body)]) : body
+        )
+      );
+    } else
+      runningObject.push(
+        t.objectProperty(t.identifier("children"), childResult[0])
+      );
+  }
+  if (runningObject.length || !props.length)
+    props.push(t.objectExpression(runningObject));
+  if (props.length > 1 || dynamicSpread) {
+    props = [t.callExpression(registerImportMethod(path, "mergeProps"), props)];
+  }
+  const componentArgs = [tagId, props[0]];
+  exprs.push(
+    t.callExpression(
+      registerImportMethod(path, "createComponent"),
+      componentArgs
+    )
+  );
+  if (exprs.length > 1) {
+    const ret = exprs.pop();
+    exprs = [
+      t.callExpression(
+        t.arrowFunctionExpression(
+          [],
+          t.blockStatement([...exprs, t.returnStatement(ret)])
+        ),
+        []
+      )
+    ];
+  }
+  return { exprs, template: "", component: true };
+}
+function transformComponentChildren(children, config) {
+  const filteredChildren = filterChildren(children);
+  if (!filteredChildren.length) return;
+  let dynamic = false;
+  let pathNodes = [];
+  let transformedChildren = filteredChildren.reduce((memo, path) => {
+    if (t.isJSXText(path.node)) {
+      const v = decode(trimWhitespace(path.node.extra.raw));
+      if (v.length) {
+        pathNodes.push(path.node);
+        memo.push(t.stringLiteral(v));
+      }
+    } else {
+      const child = transformNode(path, {
+        topLevel: true,
+        componentChild: true,
+        lastElement: true
+      });
+      dynamic = dynamic || (child == null ? void 0 : child.dynamic) || false;
+      if (config.generate === "ssr" && filteredChildren.length > 1 && (child == null ? void 0 : child.dynamic) && t.isFunction(child == null ? void 0 : child.exprs[0])) {
+        child.exprs[0] = child.exprs[0].body;
+      }
+      pathNodes.push(path.node);
+      memo.push(
+        getCreateTemplate(config, path, child)(
+          path,
+          child,
+          filteredChildren.length > 1
+        )
+      );
+    }
+    return memo;
+  }, []);
+  if (transformedChildren.length === 1) {
+    transformedChildren = transformedChildren[0];
+    if (!t.isJSXExpressionContainer(pathNodes[0]) && !t.isJSXSpreadChild(pathNodes[0]) && !t.isJSXText(pathNodes[0])) {
+      transformedChildren = t.isCallExpression(transformedChildren) && !transformedChildren.arguments.length && !t.isIdentifier(transformedChildren.callee) ? transformedChildren.callee : t.arrowFunctionExpression([], transformedChildren);
+      dynamic = true;
+    }
+  } else {
+    transformedChildren = t.arrowFunctionExpression(
+      [],
+      t.arrayExpression(transformedChildren)
+    );
+    dynamic = true;
+  }
+  return [transformedChildren, dynamic];
+}
+
+function transformFragmentChildren(children, results, config) {
+  const filteredChildren = filterChildren(children), childNodes = filteredChildren.reduce((memo, path) => {
+    if (t.isJSXText(path.node)) {
+      const v = decode(trimWhitespace(path.node.extra.raw));
+      if (v.length) memo.push(t.stringLiteral(v));
+    } else {
+      const child = transformNode(path, {
+        topLevel: true,
+        fragmentChild: true,
+        lastElement: true
+      });
+      memo.push(
+        getCreateTemplate(config, path, child)(
+          path,
+          child,
+          true
+        )
+      );
+    }
+    return memo;
+  }, []);
+  results.exprs.push(
+    childNodes.length === 1 ? childNodes[0] : t.arrayExpression(childNodes)
+  );
+}
+
+function transformJSX(path, state) {
+  const s = state;
+  if (s.skip) return;
+  const config = getConfig(path);
+  const replace = transformThis(path);
+  const result = transformNode(
+    path,
+    t.isJSXFragment(path.node) ? {} : {
+      topLevel: true,
+      lastElement: true
+    }
+  );
+  const template = getCreateTemplate(config, path, result);
+  path.replaceWith(replace(template(path, result, false)));
+  path.traverse({
+    enter(path2) {
+      if (path2.node.leadingComments && path2.node.leadingComments[0] && path2.node.leadingComments[0].value.trim() === config.staticMarker) {
+        path2.node.leadingComments.shift();
+      }
+    }
+  });
+}
+function getTargetFunctionParent(path, parent) {
+  let current = path.scope.getFunctionParent();
+  while (current !== parent && (current == null ? void 0 : current.path.isArrowFunctionExpression())) {
+    current = current.path.parentPath.scope.getFunctionParent();
+  }
+  return current;
+}
+function transformThis(path) {
+  const parent = path.scope.getFunctionParent();
+  let thisId;
+  path.traverse({
+    ThisExpression(path2) {
+      const current = getTargetFunctionParent(path2, parent);
+      if (current === parent) {
+        thisId || (thisId = path2.scope.generateUidIdentifier("self$"));
+        path2.replaceWith(thisId);
+      }
+    },
+    JSXElement(path2) {
+      let source = path2.get("openingElement").get("name");
+      while (source.isJSXMemberExpression()) {
+        source = source.get("object");
+      }
+      if (source.isJSXIdentifier() && source.node.name === "this") {
+        const current = getTargetFunctionParent(path2, parent);
+        if (current === parent) {
+          thisId || (thisId = path2.scope.generateUidIdentifier("self$"));
+          source.replaceWith(t.jsxIdentifier(thisId.name));
+          if (path2.node.closingElement) {
+            path2.node.closingElement.name = path2.node.openingElement.name;
+          }
+        }
+      }
+    }
+  });
+  return (node) => {
+    if (thisId) {
+      if (!parent || parent.block.type === "ClassMethod") {
+        const decl = t.variableDeclaration("const", [
+          t.variableDeclarator(thisId, t.thisExpression())
+        ]);
+        if (parent) {
+          const stmt = path.getStatementParent();
+          stmt == null ? void 0 : stmt.insertBefore(decl);
+        } else {
+          return t.callExpression(
+            t.arrowFunctionExpression(
+              [],
+              t.blockStatement([decl, t.returnStatement(node)])
+            ),
+            []
+          );
+        }
+      } else {
+        parent.push({
+          id: thisId,
+          init: t.thisExpression(),
+          kind: "const"
+        });
+      }
+    }
+    return node;
+  };
+}
+function transformNode(path, info = {}) {
+  const config = getConfig(path);
+  const node = path.node;
+  let staticValue;
+  if (t.isJSXElement(node) && isJSXElementPath(path)) {
+    return transformElement(config, path, info);
+  } else if (t.isJSXFragment(node)) {
+    let results = { template: "", declarations: [], exprs: [], dynamics: [] };
+    transformFragmentChildren(path.get("children"), results, config);
+    return results;
+  } else if (t.isJSXText(node) || (staticValue = getStaticExpression(path)) !== false) {
+    const text = staticValue !== void 0 ? info.doNotEscape ? staticValue.toString() : escapeHTML(staticValue.toString()) : trimWhitespace(node.extra.raw);
+    if (!text.length) return null;
+    const results = {
+      template: text,
+      declarations: [],
+      exprs: [],
+      dynamics: [],
+      postExprs: [],
+      text: true
+    };
+    if (!info.skipId && config.generate !== "ssr")
+      results.id = path.scope.generateUidIdentifier("el$");
+    return results;
+  } else if (t.isJSXExpressionContainer(node)) {
+    if (t.isJSXEmptyExpression(node.expression)) return null;
+    if (!isDynamic(path.get("expression"), {
+      checkMember: true,
+      checkTags: !!info.componentChild,
+      native: !info.componentChild
+    })) {
+      return { exprs: [node.expression], template: "" };
+    }
+    const expr = config.wrapConditionals && config.generate !== "ssr" && (t.isLogicalExpression(node.expression) || t.isConditionalExpression(node.expression)) ? transformCondition(
+      path.get("expression"),
+      info.componentChild || info.fragmentChild
+    ) : !info.componentChild && (config.generate !== "ssr" || info.fragmentChild) && t.isCallExpression(node.expression) && !t.isCallExpression(node.expression.callee) && !t.isMemberExpression(node.expression.callee) && node.expression.arguments.length === 0 ? node.expression.callee : t.arrowFunctionExpression([], node.expression);
+    return {
+      exprs: Array.isArray(expr) ? [
+        t.callExpression(
+          t.arrowFunctionExpression(
+            [],
+            t.blockStatement([expr[0], t.returnStatement(expr[1])])
+          ),
+          []
+        )
+      ] : [expr],
+      template: "",
+      dynamic: true
+    };
+  } else if (t.isJSXSpreadChild(node)) {
+    if (!isDynamic(path.get("expression"), {
+      checkMember: true,
+      native: !info.componentChild
+    }))
+      return { exprs: [node.expression], template: "" };
+    const expr = t.arrowFunctionExpression([], node.expression);
+    return {
+      exprs: [expr],
+      template: "",
+      dynamic: true
+    };
+  }
+}
+function getCreateTemplate(config, _path, result) {
+  if (result.tagName && result.renderer === "dom" || config.generate === "dom") {
+    return createTemplate$2;
+  }
+  if (result.renderer === "ssr" || config.generate === "ssr") {
+    return createTemplate$1;
+  }
+  return createTemplate;
+}
+function transformElement(config, path, info = {}) {
+  var _a;
+  const node = path.node;
+  let tagName = getTagName(node);
+  if (isComponent(tagName)) return transformComponent(path);
+  const tagRenderer = ((_a = config.renderers) != null ? _a : []).find(
+    (renderer) => renderer.elements.includes(tagName)
+  );
+  if ((tagRenderer == null ? void 0 : tagRenderer.name) === "dom" || getConfig(path).generate === "dom") {
+    return transformElement$3(path, info);
+  }
+  if (getConfig(path).generate === "ssr") {
+    return transformElement$2(path, info);
+  }
+  return transformElement$1(path);
+}
+
+const bodyElement = parse(`<!DOCTYPE html><html><head></head><body></body></html>`).childNodes[1].childNodes[1];
+function innerHTML(htmlFragment) {
+  const parsedFragment = parseFragment(bodyElement, htmlFragment);
+  return serialize(parsedFragment);
+}
+function isInvalidMarkup(html) {
+  html = html.replace(/<!>/g, "<!---->").replace(/<!\$>/g, "<!--$-->").replace(/<!\/>/g, "<!--/-->").replace(/^[^<]+/, "#text").replace(/[^>]+$/, "#text").replace(/>[^<]+</gi, ">#text<").replace(/&lt;([^>]+)>/gi, "&lt;$1&gt;");
+  if (/^<(td|th)>/.test(html)) {
+    html = `<table><tbody><tr>${html}</tr></tbody></table>`;
+  }
+  if (/^<tr>/.test(html)) {
+    html = `<table><tbody>${html}</tbody></table>`;
+  }
+  if (/^<col>/.test(html)) {
+    html = `<table><colgroup>${html}</colgroup></table>`;
+  }
+  if (/^<(thead|tbody|tfoot|colgroup|caption)>/.test(html)) {
+    html = `<table>${html}</table>`;
+  }
+  switch (html) {
+    // empty table components
+    case "<table></table>":
+    case "<table><thead></thead></table>":
+    case "<table><tbody></tbody></table>":
+    case "<table><thead></thead><tbody></tbody></table>": {
+      return;
+    }
+  }
+  const browser = innerHTML(html);
+  if (html.toLowerCase() !== browser.toLowerCase()) {
+    return {
+      html,
+      browser
+    };
+  }
+}
+
+var postprocess = (path, state) => {
+  var _a, _b;
+  const s = state;
+  if (s.skip) return;
+  if (path.scope.data.events && t.isProgram(path.node)) {
+    path.node.body.push(
+      t.expressionStatement(
+        t.callExpression(
+          registerImportMethod(
+            path,
+            "delegateEvents",
+            getRendererConfig(path, "dom").moduleName
+          ),
+          [
+            t.arrayExpression(
+              Array.from(path.scope.data.events).map(
+                (e) => t.stringLiteral(e)
+              )
+            )
+          ]
+        )
+      )
+    );
+  }
+  if ((_a = path.scope.data.templates) == null ? void 0 : _a.length) {
+    if ((_b = path.hub.file) == null ? void 0 : _b.metadata.config.validate) {
+      for (const template of path.scope.data.templates) {
+        const html = template.templateWithClosingTags;
+        if (typeof html === "string") {
+          const result = isInvalidMarkup(html);
+          if (result) {
+            const message = "\nThe HTML provided is malformed and will yield unexpected output when evaluated by a browser.\n";
+            console.warn(message);
+            console.warn("User HTML:\n", result.html);
+            console.warn("Browser HTML:\n", result.browser);
+            console.warn("Original HTML:\n", html);
+          }
+        }
+      }
+    }
+    let domTemplates = path.scope.data.templates.filter(
+      (temp) => temp.renderer === "dom"
+    );
+    let ssrTemplates = path.scope.data.templates.filter(
+      (temp) => temp.renderer === "ssr"
+    );
+    domTemplates.length > 0 && appendTemplates$1(path, domTemplates);
+    ssrTemplates.length > 0 && appendTemplates(path, ssrTemplates);
+  }
+};
+
+const defaultConfig = {
+  moduleName: "dom",
+  generate: "dom",
+  hydratable: false,
+  delegateEvents: true,
+  delegatedEvents: [],
+  builtIns: [],
+  requireImportSource: false,
+  wrapConditionals: true,
+  omitNestedClosingTags: false,
+  omitLastClosingTag: true,
+  omitQuotes: true,
+  contextToCustomElements: false,
+  staticMarker: "@once",
+  effectWrapper: "effect",
+  memoWrapper: "memo",
+  validate: true
+};
+
+var preprocess = (path, state) => {
+  var _a, _b;
+  const s = state;
+  const merged = path.hub.file.metadata.config = Object.assign(
+    {},
+    defaultConfig,
+    s.opts
+  );
+  const lib = merged.requireImportSource;
+  if (lib) {
+    const comments = (_b = (_a = path.hub.file) == null ? void 0 : _a.ast.comments) != null ? _b : [];
+    let process = false;
+    for (let i = 0; i < comments.length; i++) {
+      const comment = comments[i];
+      const pieces = comment.value.split("@jsxImportSource");
+      if (pieces.length === 2 && pieces[1].trim() === lib) {
+        process = true;
+        break;
+      }
+    }
+    if (!process) {
+      s.skip = true;
+      return;
+    }
+  }
+};
+
+var index = () => {
+  return {
+    name: "@zeus-js/compiler",
+    inherits: SyntaxJSX.default,
+    visitor: {
+      JSXElement: transformJSX,
+      JSXFragment: transformJSX,
+      Program: {
+        enter: preprocess,
+        exit: postprocess
+      }
+    }
+  };
+};
+
+export { index as default };