@bettercms-ai/types 1.37.0 → 1.39.0

package/dist/index.js

@@ -1,4 +1,67 @@
 // src/block.ts
+var WINDOW_INSTANT = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2}(\.\d+)?)?(Z|[+-]\d{2}:\d{2})$/;
+function normalizeWindow(value) {
+  if (value == null) return { window: null };
+  if (typeof value !== "object" || Array.isArray(value)) return { error: "invalid_window" };
+  const out = {};
+  for (const [key, raw] of Object.entries(value)) {
+    if (key !== "from" && key !== "until") return { error: "invalid_window" };
+    if (raw == null) continue;
+    const at = typeof raw === "string" && WINDOW_INSTANT.test(raw) ? Date.parse(raw) : NaN;
+    const day = Number(String(raw).slice(8, 10));
+    if (Number.isNaN(at) || new Date(Date.UTC(Number(String(raw).slice(0, 4)), Number(String(raw).slice(5, 7)) - 1, day)).getUTCDate() !== day) {
+      return { error: "invalid_window" };
+    }
+    out[key] = `${new Date(at).toISOString().slice(0, 19)}Z`;
+  }
+  if (out.from && out.until && out.from >= out.until) return { error: "window_inverted" };
+  return { window: out.from || out.until ? out : null };
+}
+function windowState(item, now) {
+  const w = item && typeof item === "object" ? item.window : void 0;
+  if (!w || typeof w !== "object") return "live";
+  const at = typeof now === "number" ? now : now.getTime();
+  const { from, until } = w;
+  const start = typeof from === "string" ? Date.parse(from) : NaN;
+  const end = typeof until === "string" ? Date.parse(until) : NaN;
+  if (!Number.isNaN(end) && at >= end) return "expired";
+  if (!Number.isNaN(start) && at < start) return "pending";
+  return "live";
+}
+var inWindow = (item, now) => windowState(item, now) === "live";
+function mapSame(list, fn) {
+  let changed = false;
+  const out = list.map((item) => {
+    const next = fn(item);
+    if (next !== item) changed = true;
+    return next;
+  });
+  return changed ? out : list;
+}
+function withVisibleChildren(block, now) {
+  const p = block.props ?? {};
+  const key = block.type === "section" ? "children" : block.type === "columns" ? "columns" : block.type === "slider" ? "slides" : block.type === "tabs" ? "tabs" : null;
+  if (!key || !Array.isArray(p[key])) return block;
+  const held = p[key];
+  const next = key === "children" ? visibleBlocks(held, now) : key === "columns" ? mapSame(held, (column) => visibleBlocks(column, now)) : (
+    // A slide or a tab panel: `{ id, children }`.
+    mapSame(held, (row) => {
+      const children = row?.children;
+      const shown = visibleBlocks(children, now);
+      return shown === children ? row : { ...row, children: shown };
+    })
+  );
+  return next === held ? block : { ...block, props: { ...p, [key]: next } };
+}
+function visibleBlocks(blocks, now) {
+  if (!Array.isArray(blocks)) return blocks;
+  const shown = blocks.filter((block) => inWindow(block, now));
+  const pruned = mapSame(
+    shown,
+    (block) => block && typeof block === "object" ? withVisibleChildren(block, now) : block
+  );
+  return shown.length === blocks.length && pruned === shown ? blocks : pruned;
+}
 function isBlock(value) {
   return typeof value === "object" && value !== null && "type" in value && typeof value["type"] === "string";
 }
@@ -164,6 +227,22 @@ var SHADOW_CSS = {
 };
 var HAIRLINE = "1px solid rgba(0,0,0,.10)";
 var CONTENT_WIDTH_PX = { narrow: "640px", default: "1024px", wide: "1280px" };
+var BREAKPOINTS = { mobile: 767, tablet: 1023 };
+var RESPONSIVE_CSS = `@media(max-width:${BREAKPOINTS.mobile}px){[data-bcms-hide~="mobile"]{display:none!important}}@media(min-width:${BREAKPOINTS.mobile + 1}px) and (max-width:${BREAKPOINTS.tablet}px){[data-bcms-hide~="tablet"]{display:none!important}}@media(min-width:${BREAKPOINTS.tablet + 1}px){[data-bcms-hide~="desktop"]{display:none!important}}`;
+function hideOnAttr(style) {
+  const raw = style && typeof style === "object" ? style.hideOn : void 0;
+  if (!Array.isArray(raw)) return "";
+  const on = ["mobile", "tablet", "desktop"].filter((b) => raw.includes(b));
+  return on.length === 3 ? "" : on.join(" ");
+}
+function usesHideOn(blocks) {
+  let found = false;
+  JSON.stringify(blocks ?? null, (k, v) => {
+    if (k === "hideOn" && hideOnAttr({ hideOn: v })) found = true;
+    return v;
+  });
+  return found;
+}
 var HEX = /^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
 var clamp = (n, lo, hi) => Math.min(hi, Math.max(lo, n));
 var own = (map, key) => typeof key === "string" && Object.prototype.hasOwnProperty.call(map, key) ? map[key] : void 0;
@@ -276,7 +355,8 @@ var BUTTON_PLACEMENT_KEYS = [
   "marginBottom",
   "fullHeight",
   "spaceTop",
-  "spaceBottom"
+  "spaceBottom",
+  "hideOn"
 ];
 var PLACEMENT = new Set(BUTTON_PLACEMENT_KEYS);
 function splitButtonStyle(style) {
@@ -335,8 +415,25 @@ var COMPONENT_PROP_TYPES = [
   "group",
   "table",
   "slot",
-  "form"
+  "form",
+  // The seven below each store what the same-named content-model FIELD stores (`icon` and
+  // `multiselect` have no field twin; see the value notes on ComponentPropDef.type).
+  "link",
+  "button",
+  "date",
+  "color",
+  "file",
+  "icon",
+  "multiselect"
 ];
+var SLOT_MAX_ITEMS = 12;
+var SLOT_ITEMS_CAP = 50;
+function slotItems(value) {
+  const list = Array.isArray(value) ? value : [value];
+  return list.filter(
+    (item) => !!item && typeof item === "object" && !Array.isArray(item) && typeof item.componentId === "string" && item.componentId !== ""
+  );
+}
 
 // src/layout-lucide-icons.ts
 var LAYOUT_SECTION_ICONS = Object.freeze([
@@ -2304,6 +2401,36 @@ var LAYOUT_SECTION_ICON_SET = new Set(LAYOUT_SECTION_ICONS);
 var PAGE_CONTENT_ANCHOR_ID = "page-content";
 var NAVIGATION_SECTION_ID = "navigation";
 var FOOTER_SECTION_ID = "footer";
+function visibleLayoutStructure(structure, now) {
+  const sections = structure?.sections;
+  if (!Array.isArray(sections)) return structure;
+  const hidden = new Set(
+    sections.filter((section) => section && !section.variantOf && !inWindow(section, now)).map((section) => section.id)
+  );
+  if (hidden.size === 0) return structure;
+  return {
+    ...structure,
+    sections: sections.filter((section) => !hidden.has(section?.variantOf ?? section?.id))
+  };
+}
+function visibleDeliveredLayout(layout2, now) {
+  if (!layout2) return layout2;
+  const hiddenIds = /* @__PURE__ */ new Set();
+  const hiddenSlugs = /* @__PURE__ */ new Set();
+  for (const node of layout2.nodes) {
+    if (node.kind !== "section" || inWindow(layout2.sections[node.slug], now)) continue;
+    hiddenIds.add(node.id);
+    hiddenSlugs.add(node.slug);
+  }
+  if (hiddenIds.size === 0) return layout2;
+  return {
+    ...layout2,
+    nodes: layout2.nodes.filter((node) => node.kind !== "section" || !hiddenIds.has(node.id)),
+    sections: Object.fromEntries(
+      Object.entries(layout2.sections).filter(([slug, section]) => !hiddenSlugs.has(slug) && !(section.variantOf && hiddenIds.has(section.variantOf)))
+    )
+  };
+}
 
 // src/dock-icon-names.ts
 var DOCK_ICON_NAMES = [
@@ -2810,6 +2937,11 @@ function buttonIconSvg(name, cls) {
   return iconSvg(name, cls);
 }
 var BUTTON_SIZES = ["sm", "md", "lg"];
+var LINK_RELS = ["nofollow", "sponsored", "ugc"];
+function anchorTargetRel(newTab, rel) {
+  const tokens = [...newTab ? ["noopener", "noreferrer"] : [], ...LINK_RELS.includes(rel) ? [rel] : []];
+  return `${newTab ? ' target="_blank"' : ""}${tokens.length ? ` rel="${tokens.join(" ")}"` : ""}`;
+}
 var hrefOf = (href) => typeof href === "string" ? href : href && typeof href === "object" && typeof href.href === "string" ? href.href : null;
 function readButtonValue(value) {
   const v = value && typeof value === "object" ? value : {};
@@ -2820,7 +2952,8 @@ function readButtonValue(value) {
     size: BUTTON_SIZES.includes(v.size) ? v.size : "md",
     arrow: v.arrow === true,
     icon: buttonIconOf(v.icon),
-    newTab: v.newTab === true
+    newTab: v.newTab === true,
+    ...LINK_RELS.includes(v.rel) ? { rel: v.rel } : {}
   };
 }
 function buttonValueProblem(value) {
@@ -2832,10 +2965,21 @@ function buttonValueProblem(value) {
   if (v.size !== void 0 && !BUTTON_SIZES.includes(v.size)) return `has an unknown size "${String(v.size)}"`;
   if (v.arrow !== void 0 && typeof v.arrow !== "boolean") return "arrow must be true or false";
   if (v.newTab !== void 0 && typeof v.newTab !== "boolean") return "newTab must be true or false";
+  if (v.rel !== void 0 && !LINK_RELS.includes(v.rel)) return `has an unknown rel "${String(v.rel)}" (nofollow, sponsored or ugc)`;
   if (v.icon !== void 0 && v.icon !== null && buttonIconOf(v.icon) === null) return `has an unknown icon "${String(v.icon)}"`;
   return null;
 }
 var BUTTON_LOOK_KEYS = ["variant", "size", "arrow", "icon", "newTab"];
+function buttonBlockProps(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return {};
+  const v = value;
+  const out = {};
+  if (typeof v.label === "string") out.text = v.label;
+  const href = hrefOf(v.href);
+  if (href !== null) out.href = href;
+  for (const key of BUTTON_LOOK_KEYS) if (key in v) out[key] = v[key];
+  return out;
+}
 function soleButtonId(blockJson) {
   const ids = [];
   const walk = (list) => {
@@ -2878,8 +3022,9 @@ function buttonValueOfInstance(def, overrides) {
   walk(def.blockJson);
   const props = { ...found[0]?.props ?? {} };
   for (const p of withButtonLookProps(def)) {
-    if (p.target.blockId !== blockId || !p.target.path.startsWith("props.") || !overrides || !(p.key in overrides)) continue;
-    props[p.target.path.slice("props.".length)] = overrides[p.key];
+    if (p.target.blockId !== blockId || !overrides || !(p.key in overrides)) continue;
+    if (p.type === "button") Object.assign(props, buttonBlockProps(overrides[p.key]));
+    else if (p.target.path.startsWith("props.")) props[p.target.path.slice("props.".length)] = overrides[p.key];
   }
   return readButtonValue({ ...props, label: props.text });
 }
@@ -2946,6 +3091,7 @@ function regionOf(regions, el) {
 }
 export {
   BLOCK_BINDINGS,
+  BREAKPOINTS,
   BUTTON_ICONS,
   BUTTON_ICON_NAMES,
   BUTTON_LOOK_KEYS,
@@ -2962,16 +3108,22 @@ export {
   LANDMARK_SELECTOR,
   LAYOUT_SECTION_ICONS,
   LAYOUT_SECTION_ICON_SET,
+  LINK_RELS,
   MAIN_SELECTOR,
   NAVIGATION_SECTION_ID,
   PAGE_CONTENT_ANCHOR_ID,
+  RESPONSIVE_CSS,
   SECTION_DOCTRINE,
   SECTION_SPACE_TOKENS,
+  SLOT_ITEMS_CAP,
+  SLOT_MAX_ITEMS,
   SPACE_BOTTOM_TOKENS,
   SPACE_STEP_TOKENS,
+  anchorTargetRel,
   blockStyleToColumnCss,
   blockStyleToCss,
   blockStyleToInnerCss,
+  buttonBlockProps,
   buttonIconOf,
   buttonIconSvg,
   buttonLinkPairs,
@@ -2990,19 +3142,28 @@ export {
   formatPropsAttribute,
   getBlockType,
   headingPaintCss,
+  hideOnAttr,
+  inWindow,
   isBlock,
   isChromeLandmark,
   keyWords,
   landmarkRegions,
   locatorFor,
+  normalizeWindow,
   parsePropsAttribute,
   pickFieldStyle,
   readButtonValue,
   readPath,
   regionOf,
   safeCssUrl,
+  slotItems,
   spaceTokenCss,
   splitButtonStyle,
+  usesHideOn,
+  visibleBlocks,
+  visibleDeliveredLayout,
+  visibleLayoutStructure,
+  windowState,
   withButtonLookProps
 };
 //# sourceMappingURL=index.js.map