npm - @symbo.ls/brender - Versions diffs - 3.14.0 → 3.14.1 - Mend

@symbo.ls/brender 3.14.0 → 3.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/dist/esm/env.js +1 -80
package/dist/esm/hydrate.js +1 -535
package/dist/esm/index.js +1 -53
package/dist/esm/keys.js +1 -43
package/dist/esm/load.js +1 -114
package/dist/esm/metadata.js +1 -7
package/dist/esm/prefetch.js +1 -235
package/dist/esm/render.js +50 -1512
package/dist/esm/scripts/liquidate.js +11 -0
package/dist/esm/scripts/render.js +12 -0
package/dist/esm/sitemap.js +10 -19
package/package.json +25 -15
package/dist/cjs/env.js +0 -99
package/dist/cjs/hydrate.js +0 -554
package/dist/cjs/index.js +0 -72
package/dist/cjs/keys.js +0 -62
package/dist/cjs/load.js +0 -143
package/dist/cjs/metadata.js +0 -26
package/dist/cjs/prefetch.js +0 -264
package/dist/cjs/render.js +0 -1602
package/dist/cjs/sitemap.js +0 -41
package/env.js +0 -76
package/hydrate.js +0 -462
package/index.js +0 -54
package/keys.js +0 -54
package/load.js +0 -141
package/metadata.js +0 -5
package/prefetch.js +0 -363
package/render.js +0 -1887
package/sitemap.js +0 -28

package/dist/esm/env.js CHANGED Viewed

@@ -1,80 +1 @@
-import { parseHTML } from "linkedom";
-const createEnv = (html = "<!DOCTYPE html><html><head></head><body></body></html>") => {
-  const { window, document } = parseHTML(html);
-  if (!window.requestAnimationFrame) {
-    window.requestAnimationFrame = (fn) => {
-      const id = setTimeout(fn, 0);
-      if (id?.unref) id.unref();
-      return id;
-    };
-  }
-  if (!window.cancelAnimationFrame) {
-    window.cancelAnimationFrame = (id) => clearTimeout(id);
-  }
-  if (!window.history) {
-    window.history = {
-      pushState: () => {
-      },
-      replaceState: () => {
-      },
-      state: null
-    };
-  }
-  if (!window.location) {
-    window.location = { pathname: "/", search: "", hash: "", origin: "http://localhost" };
-  }
-  if (!window.URL) {
-    window.URL = URL;
-  }
-  if (!window.scrollTo) {
-    window.scrollTo = () => {
-    };
-  }
-  const createStorage = () => {
-    const store = {};
-    return {
-      getItem: (k) => store[k] ?? null,
-      setItem: (k, v) => {
-        store[k] = String(v);
-      },
-      removeItem: (k) => {
-        delete store[k];
-      },
-      clear: () => {
-        for (const k in store) delete store[k];
-      },
-      get length() {
-        return Object.keys(store).length;
-      },
-      key: (i) => Object.keys(store)[i] ?? null
-    };
-  };
-  if (!window.localStorage) window.localStorage = createStorage();
-  if (!window.sessionStorage) window.sessionStorage = createStorage();
-  if (!globalThis.localStorage) globalThis.localStorage = window.localStorage;
-  if (!globalThis.sessionStorage) globalThis.sessionStorage = window.sessionStorage;
-  if (!window.MutationObserver) {
-    window.MutationObserver = class MutationObserver {
-      constructor() {
-      }
-      observe() {
-      }
-      disconnect() {
-      }
-      takeRecords() {
-        return [];
-      }
-    };
-  }
-  globalThis.window = window;
-  globalThis.document = document;
-  globalThis.Node = window.Node || globalThis.Node;
-  globalThis.Element = window.Element || globalThis.Element;
-  globalThis.HTMLElement = window.HTMLElement || globalThis.HTMLElement;
-  globalThis.MutationObserver = window.MutationObserver;
-  globalThis.Window = window.constructor;
-  return { window, document };
-};
-export {
-  createEnv
-};
+import{parseHTML as i}from"linkedom";const c=(r="<!DOCTYPE html><html><head></head><body></body></html>")=>{const{window:e,document:l}=i(r);e.requestAnimationFrame||(e.requestAnimationFrame=o=>{const t=setTimeout(o,0);return t?.unref&&t.unref(),t}),e.cancelAnimationFrame||(e.cancelAnimationFrame=o=>clearTimeout(o)),e.history||(e.history={pushState:()=>{},replaceState:()=>{},state:null}),e.location||(e.location={pathname:"/",search:"",hash:"",origin:"http://localhost"}),e.URL||(e.URL=URL),e.scrollTo||(e.scrollTo=()=>{});const a=()=>{const o={};return{getItem:t=>o[t]??null,setItem:(t,s)=>{o[t]=String(s)},removeItem:t=>{delete o[t]},clear:()=>{for(const t in o)delete o[t]},get length(){return Object.keys(o).length},key:t=>Object.keys(o)[t]??null}};return e.localStorage||(e.localStorage=a()),e.sessionStorage||(e.sessionStorage=a()),globalThis.localStorage||(globalThis.localStorage=e.localStorage),globalThis.sessionStorage||(globalThis.sessionStorage=e.sessionStorage),e.MutationObserver||(e.MutationObserver=class{constructor(){}observe(){}disconnect(){}takeRecords(){return[]}}),globalThis.window=e,globalThis.document=l,globalThis.Node=e.Node||globalThis.Node,globalThis.Element=e.Element||globalThis.Element,globalThis.HTMLElement=e.HTMLElement||globalThis.HTMLElement,globalThis.MutationObserver=e.MutationObserver,globalThis.Window=e.constructor,{window:e,document:l}};export{c as createEnv};

package/dist/esm/hydrate.js CHANGED Viewed

@@ -1,535 +1 @@
-const collectBrNodes = (root) => {
-  const container = root || document;
-  const nodes = container.querySelectorAll("[data-br]");
-  const map = {};
-  nodes.forEach((node) => {
-    map[node.getAttribute("data-br")] = node;
-  });
-  return map;
-};
-const hydrate = (element, options = {}) => {
-  const {
-    root,
-    events: attachEvents = true,
-    renderEvents: fireRenderEvents = true,
-    emotion,
-    designSystem
-  } = options;
-  const brNodes = collectBrNodes(root);
-  const colorMap = designSystem?.color || {};
-  const mediaMap = designSystem?.media || {};
-  let linked = 0;
-  let unlinked = 0;
-  const walk = (el) => {
-    if (!el || !el.__ref) return;
-    const brKey = el.__ref.__brKey;
-    if (brKey) {
-      const node = brNodes[brKey];
-      if (node) {
-        el.node = node;
-        node.ref = el;
-        if (emotion) {
-          renderCSS(el, emotion, colorMap, mediaMap);
-        }
-        if (attachEvents) {
-          bindEvents(el);
-        }
-        linked++;
-      } else {
-        unlinked++;
-      }
-    }
-    if (el.__ref.__children) {
-      for (const childKey of el.__ref.__children) {
-        const child = el[childKey];
-        if (child && child.__ref) walk(child);
-      }
-    }
-  };
-  walk(element);
-  if (fireRenderEvents) {
-    fireLifecycle(element);
-  }
-  return { element, linked, unlinked };
-};
-const renderCSS = (el, emotion, colorMap, mediaMap) => {
-  const { node } = el;
-  if (!node) return;
-  const css = {};
-  let hasCss = false;
-  for (const key in el) {
-    const val = el[key];
-    if (key.charCodeAt(0) === 64) {
-      const breakpoint = mediaMap[key.slice(1)];
-      if (breakpoint && typeof val === "object") {
-        const mediaCss = resolvePropsToCSS(val, colorMap);
-        if (Object.keys(mediaCss).length) {
-          css[breakpoint] = mediaCss;
-          hasCss = true;
-        }
-      }
-      continue;
-    }
-    if (key.charCodeAt(0) === 58) {
-      if (typeof val === "object") {
-        const pseudoCss = resolvePropsToCSS(val, colorMap);
-        if (Object.keys(pseudoCss).length) {
-          css["&" + key] = pseudoCss;
-          hasCss = true;
-        }
-      }
-      continue;
-    }
-    const expanded = resolveShorthand(key, val);
-    if (expanded) {
-      for (const ek in expanded) {
-        css[ek] = resolveValue(ek, expanded[ek], colorMap);
-      }
-      hasCss = true;
-      continue;
-    }
-    if (!isCSS(key)) continue;
-    css[key] = resolveValue(key, val, colorMap);
-    hasCss = true;
-  }
-  const extsCss = getExtendsCSS(el);
-  if (extsCss) {
-    for (const [k, v] of Object.entries(extsCss)) {
-      if (!css[k]) {
-        css[k] = v;
-        hasCss = true;
-      }
-    }
-  }
-  if (el.style && typeof el.style === "object") {
-    Object.assign(css, el.style);
-    hasCss = true;
-  }
-  if (!hasCss) return;
-  const emotionClass = emotion.css(css);
-  const classes = [];
-  if (emotionClass) classes.push(emotionClass);
-  if (typeof el.key === "string" && el.key.charCodeAt(0) === 95 && el.key.charCodeAt(1) !== 95) {
-    classes.push(el.key.slice(1));
-  }
-  if (el.class) classes.push(el.class);
-  if (el.attr?.class) classes.push(el.attr.class);
-  const classlist = el.classlist;
-  if (classlist) {
-    if (typeof classlist === "string") classes.push(classlist);
-    else if (typeof classlist === "object") {
-      for (const k in classlist) {
-        const v = classlist[k];
-        if (typeof v === "boolean" && v) classes.push(k);
-        else if (typeof v === "string") classes.push(v);
-        else if (typeof v === "object" && v) classes.push(emotion.css(v));
-      }
-    }
-  }
-  if (classes.length) {
-    node.setAttribute("class", classes.join(" "));
-  }
-  for (const key in el) {
-    if (isCSS(key) && node.hasAttribute(key)) {
-      node.removeAttribute(key);
-    }
-  }
-};
-const resolvePropsToCSS = (propsObj, colorMap) => {
-  const css = {};
-  for (const key in propsObj) {
-    const expanded = resolveShorthand(key, propsObj[key]);
-    if (expanded) {
-      for (const ek in expanded) css[ek] = resolveValue(ek, expanded[ek], colorMap);
-      continue;
-    }
-    if (!isCSS(key)) continue;
-    css[key] = resolveValue(key, propsObj[key], colorMap);
-  }
-  return css;
-};
-const COLOR_PROPS = /* @__PURE__ */ new Set([
-  "color",
-  "background",
-  "backgroundColor",
-  "borderColor",
-  "borderTopColor",
-  "borderRightColor",
-  "borderBottomColor",
-  "borderLeftColor",
-  "outlineColor",
-  "fill",
-  "stroke",
-  "caretColor",
-  "columnRuleColor",
-  "textDecorationColor",
-  "boxShadow",
-  "textShadow"
-]);
-const resolveValue = (key, val, colorMap) => {
-  if (typeof val !== "string") return val;
-  if (COLOR_PROPS.has(key) && colorMap[val]) return colorMap[val];
-  return val;
-};
-const NON_CSS_PROPS = /* @__PURE__ */ new Set([
-  "href",
-  "src",
-  "alt",
-  "title",
-  "id",
-  "name",
-  "type",
-  "value",
-  "placeholder",
-  "target",
-  "rel",
-  "loading",
-  "srcset",
-  "sizes",
-  "media",
-  "role",
-  "tabindex",
-  "for",
-  "action",
-  "method",
-  "enctype",
-  "autocomplete",
-  "autofocus",
-  "theme",
-  "__element",
-  "update"
-]);
-const EXTENDS_CSS = {
-  Flex: { display: "flex" },
-  InlineFlex: { display: "inline-flex" },
-  Grid: { display: "grid" },
-  InlineGrid: { display: "inline-grid" },
-  Block: { display: "block" },
-  Inline: { display: "inline" }
-};
-const getExtendsCSS = (el) => {
-  const exts = el.__ref?.__extends;
-  if (!exts || !Array.isArray(exts)) return null;
-  for (const ext of exts) {
-    if (EXTENDS_CSS[ext]) return EXTENDS_CSS[ext];
-  }
-  return null;
-};
-const resolveShorthand = (key, val) => {
-  if (typeof val === "undefined" || val === null) return null;
-  if (key === "flow" && typeof val === "string") {
-    let [direction, wrap] = (val || "row").split(" ");
-    if (val.startsWith("x") || val === "row") direction = "row";
-    if (val.startsWith("y") || val === "column") direction = "column";
-    return { display: "flex", flexFlow: (direction || "") + " " + (wrap || "") };
-  }
-  if (key === "wrap") {
-    return { display: "flex", flexWrap: val };
-  }
-  if ((key === "align" || key === "flexAlign") && typeof val === "string") {
-    const [alignItems, justifyContent] = val.split(" ");
-    return { display: "flex", alignItems, justifyContent };
-  }
-  if (key === "gridAlign" && typeof val === "string") {
-    const [alignItems, justifyContent] = val.split(" ");
-    return { display: "grid", alignItems, justifyContent };
-  }
-  if (key === "flexFlow" && typeof val === "string") {
-    let [direction, wrap] = (val || "row").split(" ");
-    if (val.startsWith("x") || val === "row") direction = "row";
-    if (val.startsWith("y") || val === "column") direction = "column";
-    return { display: "flex", flexFlow: (direction || "") + " " + (wrap || "") };
-  }
-  if (key === "flexWrap") {
-    return { display: "flex", flexWrap: val };
-  }
-  if (key === "round" || key === "borderRadius" && val) {
-    return { borderRadius: typeof val === "number" ? val + "px" : val };
-  }
-  if (key === "boxSize" && typeof val === "string") {
-    const [height, width] = val.split(" ");
-    return { height, width: width || height };
-  }
-  if (key === "widthRange" && typeof val === "string") {
-    const [minWidth, maxWidth] = val.split(" ");
-    return { minWidth, maxWidth: maxWidth || minWidth };
-  }
-  if (key === "heightRange" && typeof val === "string") {
-    const [minHeight, maxHeight] = val.split(" ");
-    return { minHeight, maxHeight: maxHeight || minHeight };
-  }
-  if (key === "column") return { gridColumn: val };
-  if (key === "columns") return { gridTemplateColumns: val };
-  if (key === "templateColumns") return { gridTemplateColumns: val };
-  if (key === "row") return { gridRow: val };
-  if (key === "rows") return { gridTemplateRows: val };
-  if (key === "templateRows") return { gridTemplateRows: val };
-  if (key === "area") return { gridArea: val };
-  if (key === "template") return { gridTemplate: val };
-  if (key === "templateAreas") return { gridTemplateAreas: val };
-  if (key === "autoColumns") return { gridAutoColumns: val };
-  if (key === "autoRows") return { gridAutoRows: val };
-  if (key === "autoFlow") return { gridAutoFlow: val };
-  if (key === "columnStart") return { gridColumnStart: val };
-  if (key === "rowStart") return { gridRowStart: val };
-  return null;
-};
-const isCSS = (key) => {
-  const ch = key.charCodeAt(0);
-  if (ch === 95 || ch === 64 || ch === 58) return false;
-  if (ch >= 65 && ch <= 90) return false;
-  if (NON_CSS_PROPS.has(key)) return false;
-  return CSS_PROPERTIES.has(key);
-};
-const CSS_PROPERTIES = /* @__PURE__ */ new Set([
-  "display",
-  "position",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "width",
-  "height",
-  "minWidth",
-  "maxWidth",
-  "minHeight",
-  "maxHeight",
-  "margin",
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "marginBlock",
-  "marginInline",
-  "padding",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingBlock",
-  "paddingInline",
-  "border",
-  "borderTop",
-  "borderRight",
-  "borderBottom",
-  "borderLeft",
-  "borderRadius",
-  "borderColor",
-  "borderWidth",
-  "borderStyle",
-  "borderTopWidth",
-  "borderRightWidth",
-  "borderBottomWidth",
-  "borderLeftWidth",
-  "borderTopStyle",
-  "borderRightStyle",
-  "borderBottomStyle",
-  "borderLeftStyle",
-  "borderTopColor",
-  "borderRightColor",
-  "borderBottomColor",
-  "borderLeftColor",
-  "borderTopLeftRadius",
-  "borderTopRightRadius",
-  "borderBottomLeftRadius",
-  "borderBottomRightRadius",
-  "background",
-  "backgroundColor",
-  "backgroundImage",
-  "backgroundSize",
-  "backgroundPosition",
-  "backgroundRepeat",
-  "backgroundAttachment",
-  "color",
-  "fontSize",
-  "fontWeight",
-  "fontFamily",
-  "fontStyle",
-  "lineHeight",
-  "letterSpacing",
-  "textAlign",
-  "textDecoration",
-  "textTransform",
-  "textIndent",
-  "textOverflow",
-  "textShadow",
-  "opacity",
-  "overflow",
-  "overflowX",
-  "overflowY",
-  "zIndex",
-  "cursor",
-  "pointerEvents",
-  "userSelect",
-  "flex",
-  "flexDirection",
-  "flexWrap",
-  "flexFlow",
-  "flexGrow",
-  "flexShrink",
-  "flexBasis",
-  "alignItems",
-  "alignContent",
-  "alignSelf",
-  "justifyContent",
-  "justifyItems",
-  "justifySelf",
-  "gap",
-  "rowGap",
-  "columnGap",
-  "gridTemplateColumns",
-  "gridTemplateRows",
-  "gridColumn",
-  "gridRow",
-  "gridArea",
-  "gridAutoFlow",
-  "gridAutoColumns",
-  "gridAutoRows",
-  "inset",
-  "inlineSize",
-  "blockSize",
-  "minInlineSize",
-  "maxInlineSize",
-  "minBlockSize",
-  "maxBlockSize",
-  "paddingBlockStart",
-  "paddingBlockEnd",
-  "paddingInlineStart",
-  "paddingInlineEnd",
-  "marginBlockStart",
-  "marginBlockEnd",
-  "marginInlineStart",
-  "marginInlineEnd",
-  "transform",
-  "transformOrigin",
-  "transition",
-  "animation",
-  "animationName",
-  "animationDuration",
-  "animationDelay",
-  "animationTimingFunction",
-  "animationFillMode",
-  "animationIterationCount",
-  "animationPlayState",
-  "animationDirection",
-  "gridTemplate",
-  "gridTemplateAreas",
-  "gridColumnStart",
-  "gridRowStart",
-  "boxShadow",
-  "outline",
-  "outlineColor",
-  "outlineWidth",
-  "outlineStyle",
-  "outlineOffset",
-  "whiteSpace",
-  "wordBreak",
-  "wordWrap",
-  "overflowWrap",
-  "visibility",
-  "boxSizing",
-  "objectFit",
-  "objectPosition",
-  "filter",
-  "backdropFilter",
-  "mixBlendMode",
-  "fill",
-  "stroke",
-  "strokeWidth",
-  "listStyle",
-  "listStyleType",
-  "listStylePosition",
-  "counterReset",
-  "counterIncrement",
-  "content",
-  "aspectRatio",
-  "resize",
-  "appearance",
-  "scrollBehavior",
-  "scrollMargin",
-  "scrollPadding",
-  "willChange",
-  "contain",
-  "isolation",
-  "caretColor",
-  "accentColor",
-  "columnCount",
-  "columnGap",
-  "columnRuleColor",
-  "columnRuleStyle",
-  "columnRuleWidth",
-  "textDecorationColor",
-  "textDecorationStyle",
-  "textDecorationThickness",
-  "clipPath",
-  "shapeOutside"
-]);
-const DOMQL_LIFECYCLE = /* @__PURE__ */ new Set([
-  "render",
-  "create",
-  "init",
-  "start",
-  "complete",
-  "done",
-  "beforeClassAssign",
-  "attachNode",
-  "stateInit",
-  "stateCreated",
-  "renderRouter",
-  "lazyLoad",
-  "error"
-]);
-const bindEvents = (el) => {
-  const { node } = el;
-  if (!node) return;
-  if (!el.__ref.__eventCleanup) el.__ref.__eventCleanup = [];
-  for (const key in el) {
-    if (key.length <= 2 || key[0] !== "o" || key[1] !== "n") continue;
-    if (typeof el[key] !== "function") continue;
-    const third = key[2];
-    if (third !== third.toUpperCase()) continue;
-    const eventName = third.toLowerCase() + key.slice(3);
-    if (DOMQL_LIFECYCLE.has(eventName)) continue;
-    addListener(node, eventName, el[key], el);
-  }
-};
-const addListener = (node, eventName, handler, el) => {
-  const listener = (event) => {
-    try {
-      handler.call(el, event, el, el.state, el.context);
-    } catch (e) {
-      console.warn("[brender hydrate]", eventName, e.message);
-    }
-  };
-  node.addEventListener(eventName, listener);
-  el.__ref.__eventCleanup.push(() => node.removeEventListener(eventName, listener));
-};
-const fireLifecycle = (el) => {
-  if (!el || !el.__ref || !el.node) return;
-  fireEvent(el.onRender, el);
-  fireEvent(el.onRenderRouter, el);
-  fireEvent(el.onDone, el);
-  fireEvent(el.onCreate, el);
-  if (el.__ref.__children) {
-    for (const childKey of el.__ref.__children) {
-      const child = el[childKey];
-      if (child && child.__ref) fireLifecycle(child);
-    }
-  }
-};
-const fireEvent = (fn, el) => {
-  if (typeof fn !== "function") return;
-  try {
-    const result = fn.call(el, el, el.state, el.context);
-    if (result && typeof result.then === "function") {
-      result.catch(() => {
-      });
-    }
-  } catch (e) {
-    console.warn("[brender hydrate]", el.key, e.message);
-  }
-};
-export {
-  collectBrNodes,
-  hydrate
-};
+const R=t=>{const o=(t||document).querySelectorAll("[data-br]"),r={};return o.forEach(i=>{r[i.getAttribute("data-br")]=i}),r},j=(t,e={})=>{const{root:o,events:r=!0,renderEvents:i=!0,emotion:a,designSystem:c}=e,p=R(o),m=c?.color||{},f=c?.media||{};let u=0,n=0;const s=d=>{if(!d||!d.__ref)return;const l=d.__ref.__brKey;if(l){const g=p[l];g?(d.node=g,g.ref=d,a&&A(d,a,m,f),r&&k(d),u++):n++}if(d.__ref.__children)for(const g of d.__ref.__children){const S=d[g];S&&S.__ref&&s(S)}};return s(t),i&&_(t),{element:t,linked:u,unlinked:n}},A=(t,e,o,r)=>{const{node:i}=t;if(!i)return;const a={};let c=!1;for(const n in t){const s=t[n];if(n.charCodeAt(0)===64){const l=r[n.slice(1)];if(l&&typeof s=="object"){const g=y(s,o);Object.keys(g).length&&(a[l]=g,c=!0)}continue}if(n.charCodeAt(0)===58){if(typeof s=="object"){const l=y(s,o);Object.keys(l).length&&(a["&"+n]=l,c=!0)}continue}const d=w(n,s);if(d){for(const l in d)a[l]=h(l,d[l],o);c=!0;continue}C(n)&&(a[n]=h(n,s,o),c=!0)}const p=B(t);if(p)for(const[n,s]of Object.entries(p))a[n]||(a[n]=s,c=!0);if(t.style&&typeof t.style=="object"&&(Object.assign(a,t.style),c=!0),!c)return;const m=e.css(a),f=[];m&&f.push(m),typeof t.key=="string"&&t.key.charCodeAt(0)===95&&t.key.charCodeAt(1)!==95&&f.push(t.key.slice(1)),t.class&&f.push(t.class),t.attr?.class&&f.push(t.attr.class);const u=t.classlist;if(u){if(typeof u=="string")f.push(u);else if(typeof u=="object")for(const n in u){const s=u[n];typeof s=="boolean"&&s?f.push(n):typeof s=="string"?f.push(s):typeof s=="object"&&s&&f.push(e.css(s))}}f.length&&i.setAttribute("class",f.join(" "));for(const n in t)C(n)&&i.hasAttribute(n)&&i.removeAttribute(n)},y=(t,e)=>{const o={};for(const r in t){const i=w(r,t[r]);if(i){for(const a in i)o[a]=h(a,i[a],e);continue}C(r)&&(o[r]=h(r,t[r],e))}return o},T=new Set(["color","background","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor","fill","stroke","caretColor","columnRuleColor","textDecorationColor","boxShadow","textShadow"]),h=(t,e,o)=>typeof e!="string"?e:T.has(t)&&o[e]?o[e]:e,W=new Set(["href","src","alt","title","id","name","type","value","placeholder","target","rel","loading","srcset","sizes","media","role","tabindex","for","action","method","enctype","autocomplete","autofocus","theme","__element","update"]),x={Flex:{display:"flex"},InlineFlex:{display:"inline-flex"},Grid:{display:"grid"},InlineGrid:{display:"inline-grid"},Block:{display:"block"},Inline:{display:"inline"}},B=t=>{const e=t.__ref?.__extends;if(!e||!Array.isArray(e))return null;for(const o of e)if(x[o])return x[o];return null},w=(t,e)=>{if(typeof e>"u"||e===null)return null;if(t==="flow"&&typeof e=="string"){let[o,r]=(e||"row").split(" ");return(e.startsWith("x")||e==="row")&&(o="row"),(e.startsWith("y")||e==="column")&&(o="column"),{display:"flex",flexFlow:(o||"")+" "+(r||"")}}if(t==="wrap")return{display:"flex",flexWrap:e};if((t==="align"||t==="flexAlign")&&typeof e=="string"){const[o,r]=e.split(" ");return{display:"flex",alignItems:o,justifyContent:r}}if(t==="gridAlign"&&typeof e=="string"){const[o,r]=e.split(" ");return{display:"grid",alignItems:o,justifyContent:r}}if(t==="flexFlow"&&typeof e=="string"){let[o,r]=(e||"row").split(" ");return(e.startsWith("x")||e==="row")&&(o="row"),(e.startsWith("y")||e==="column")&&(o="column"),{display:"flex",flexFlow:(o||"")+" "+(r||"")}}if(t==="flexWrap")return{display:"flex",flexWrap:e};if(t==="round"||t==="borderRadius"&&e)return{borderRadius:typeof e=="number"?e+"px":e};if(t==="boxSize"&&typeof e=="string"){const[o,r]=e.split(" ");return{height:o,width:r||o}}if(t==="widthRange"&&typeof e=="string"){const[o,r]=e.split(" ");return{minWidth:o,maxWidth:r||o}}if(t==="heightRange"&&typeof e=="string"){const[o,r]=e.split(" ");return{minHeight:o,maxHeight:r||o}}return t==="column"?{gridColumn:e}:t==="columns"?{gridTemplateColumns:e}:t==="templateColumns"?{gridTemplateColumns:e}:t==="row"?{gridRow:e}:t==="rows"?{gridTemplateRows:e}:t==="templateRows"?{gridTemplateRows:e}:t==="area"?{gridArea:e}:t==="template"?{gridTemplate:e}:t==="templateAreas"?{gridTemplateAreas:e}:t==="autoColumns"?{gridAutoColumns:e}:t==="autoRows"?{gridAutoRows:e}:t==="autoFlow"?{gridAutoFlow:e}:t==="columnStart"?{gridColumnStart:e}:t==="rowStart"?{gridRowStart:e}:null},C=t=>{const e=t.charCodeAt(0);return e===95||e===64||e===58||e>=65&&e<=90||W.has(t)?!1:I.has(t)},I=new Set(["display","position","top","right","bottom","left","width","height","minWidth","maxWidth","minHeight","maxHeight","margin","marginTop","marginRight","marginBottom","marginLeft","marginBlock","marginInline","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingBlock","paddingInline","border","borderTop","borderRight","borderBottom","borderLeft","borderRadius","borderColor","borderWidth","borderStyle","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderTopStyle","borderRightStyle","borderBottomStyle","borderLeftStyle","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","background","backgroundColor","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","backgroundAttachment","color","fontSize","fontWeight","fontFamily","fontStyle","lineHeight","letterSpacing","textAlign","textDecoration","textTransform","textIndent","textOverflow","textShadow","opacity","overflow","overflowX","overflowY","zIndex","cursor","pointerEvents","userSelect","flex","flexDirection","flexWrap","flexFlow","flexGrow","flexShrink","flexBasis","alignItems","alignContent","alignSelf","justifyContent","justifyItems","justifySelf","gap","rowGap","columnGap","gridTemplateColumns","gridTemplateRows","gridColumn","gridRow","gridArea","gridAutoFlow","gridAutoColumns","gridAutoRows","inset","inlineSize","blockSize","minInlineSize","maxInlineSize","minBlockSize","maxBlockSize","paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd","marginBlockStart","marginBlockEnd","marginInlineStart","marginInlineEnd","transform","transformOrigin","transition","animation","animationName","animationDuration","animationDelay","animationTimingFunction","animationFillMode","animationIterationCount","animationPlayState","animationDirection","gridTemplate","gridTemplateAreas","gridColumnStart","gridRowStart","boxShadow","outline","outlineColor","outlineWidth","outlineStyle","outlineOffset","whiteSpace","wordBreak","wordWrap","overflowWrap","visibility","boxSizing","objectFit","objectPosition","filter","backdropFilter","mixBlendMode","fill","stroke","strokeWidth","listStyle","listStyleType","listStylePosition","counterReset","counterIncrement","content","aspectRatio","resize","appearance","scrollBehavior","scrollMargin","scrollPadding","willChange","contain","isolation","caretColor","accentColor","columnCount","columnGap","columnRuleColor","columnRuleStyle","columnRuleWidth","textDecorationColor","textDecorationStyle","textDecorationThickness","clipPath","shapeOutside"]),E=new Set(["render","create","init","start","complete","done","beforeClassAssign","attachNode","stateInit","stateCreated","renderRouter","lazyLoad","error"]),k=t=>{const{node:e}=t;if(e){t.__ref.__eventCleanup||(t.__ref.__eventCleanup=[]);for(const o in t){if(o.length<=2||o[0]!=="o"||o[1]!=="n"||typeof t[o]!="function")continue;const r=o[2];if(r!==r.toUpperCase())continue;const i=r.toLowerCase()+o.slice(3);E.has(i)||L(e,i,t[o],t)}}},L=(t,e,o,r)=>{const i=a=>{try{o.call(r,a,r,r.state,r.context)}catch(c){console.warn("[brender hydrate]",e,c.message)}};t.addEventListener(e,i),r.__ref.__eventCleanup.push(()=>t.removeEventListener(e,i))},_=t=>{if(!(!t||!t.__ref||!t.node)&&(b(t.onRender,t),b(t.onRenderRouter,t),b(t.onDone,t),b(t.onCreate,t),t.__ref.__children))for(const e of t.__ref.__children){const o=t[e];o&&o.__ref&&_(o)}},b=(t,e)=>{if(typeof t=="function")try{const o=t.call(e,e,e.state,e.context);o&&typeof o.then=="function"&&o.catch(()=>{})}catch(o){console.warn("[brender hydrate]",e.key,o.message)}};export{R as collectBrNodes,j as hydrate};

package/dist/esm/index.js CHANGED Viewed

@@ -1,53 +1 @@
-import { createEnv } from "./env.js";
-import { resetKeys, assignKeys, mapKeysToElements } from "./keys.js";
-import { loadProject, loadAndRenderAll } from "./load.js";
-import { render, renderElement, renderRoute, renderPage, resetGlobalCSSCache, getAccumulatedEmotionCSS, replaceEmotionCSS } from "./render.js";
-import { extractMetadata, generateHeadHtml } from "./metadata.js";
-import { collectBrNodes, hydrate } from "./hydrate.js";
-import { generateSitemap } from "./sitemap.js";
-import { prefetchPageData, injectPrefetchedState } from "./prefetch.js";
-var index_default = {
-  createEnv,
-  resetKeys,
-  assignKeys,
-  mapKeysToElements,
-  loadProject,
-  loadAndRenderAll,
-  render,
-  renderElement,
-  renderRoute,
-  renderPage,
-  resetGlobalCSSCache,
-  getAccumulatedEmotionCSS,
-  replaceEmotionCSS,
-  extractMetadata,
-  generateHeadHtml,
-  collectBrNodes,
-  hydrate,
-  generateSitemap,
-  prefetchPageData,
-  injectPrefetchedState
-};
-export {
-  assignKeys,
-  collectBrNodes,
-  createEnv,
-  index_default as default,
-  extractMetadata,
-  generateHeadHtml,
-  generateSitemap,
-  getAccumulatedEmotionCSS,
-  hydrate,
-  injectPrefetchedState,
-  loadAndRenderAll,
-  loadProject,
-  mapKeysToElements,
-  prefetchPageData,
-  render,
-  renderElement,
-  renderPage,
-  renderRoute,
-  replaceEmotionCSS,
-  resetGlobalCSSCache,
-  resetKeys
-};
+import{createEnv as e}from"./env.js";import{resetKeys as r,assignKeys as t,mapKeysToElements as o}from"./keys.js";import{loadProject as a,loadAndRenderAll as m}from"./load.js";import{render as d,renderElement as n,renderRoute as l,renderPage as p,resetGlobalCSSCache as i,getAccumulatedEmotionCSS as c,replaceEmotionCSS as f}from"./render.js";import{extractMetadata as s,generateHeadHtml as S}from"./metadata.js";import{collectBrNodes as g,hydrate as E}from"./hydrate.js";import{generateSitemap as h}from"./sitemap.js";import{prefetchPageData as u,injectPrefetchedState as y}from"./prefetch.js";var b={createEnv:e,resetKeys:r,assignKeys:t,mapKeysToElements:o,loadProject:a,loadAndRenderAll:m,render:d,renderElement:n,renderRoute:l,renderPage:p,resetGlobalCSSCache:i,getAccumulatedEmotionCSS:c,replaceEmotionCSS:f,extractMetadata:s,generateHeadHtml:S,collectBrNodes:g,hydrate:E,generateSitemap:h,prefetchPageData:u,injectPrefetchedState:y};export{t as assignKeys,g as collectBrNodes,e as createEnv,b as default,s as extractMetadata,S as generateHeadHtml,h as generateSitemap,c as getAccumulatedEmotionCSS,E as hydrate,y as injectPrefetchedState,m as loadAndRenderAll,a as loadProject,o as mapKeysToElements,u as prefetchPageData,d as render,n as renderElement,p as renderPage,l as renderRoute,f as replaceEmotionCSS,i as resetGlobalCSSCache,r as resetKeys};