@bettercms-ai/types 1.38.0 → 1.40.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) {
@@ -297,7 +377,8 @@ function splitButtonStyle(style) {
     paint: Object.keys(paint).length ? paint : void 0
   };
 }
-var FIELD_STYLE_KEYS = ["contentWidth", "contentAlign", "marginTop", "marginBottom", "align", "fontSize", "weight"];
+var FIELD_STYLE_KEYS = ["contentWidth", "contentAlign", "marginTop", "marginBottom", "align", "fontSize", "weight", "size"];
+var FIELD_SIZE_ZOOM = { sm: "0.875", lg: "1.125" };
 var FIELD_KEY_SET = new Set(FIELD_STYLE_KEYS);
 function pickFieldStyle(style) {
   const out = {};
@@ -309,6 +390,8 @@ function fieldStyleToCss(style) {
   const picked = pickFieldStyle(style);
   const css = { ...blockStyleToCss(picked) };
   Object.assign(css, blockStyleToColumnCss(picked));
+  const zoom = own(FIELD_SIZE_ZOOM, picked.size);
+  if (zoom) css.zoom = zoom;
   return Object.keys(css).length ? css : void 0;
 }
 function blockStyleToColumnCss(style) {
@@ -346,6 +429,14 @@ var COMPONENT_PROP_TYPES = [
   "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([
@@ -2313,6 +2404,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 = [
@@ -2973,6 +3094,7 @@ function regionOf(regions, el) {
 }
 export {
   BLOCK_BINDINGS,
+  BREAKPOINTS,
   BUTTON_ICONS,
   BUTTON_ICON_NAMES,
   BUTTON_LOOK_KEYS,
@@ -2984,6 +3106,7 @@ export {
   DOCK_BUDGET,
   DOCK_ICON_NAMES,
   DOCK_ICON_NAME_SET,
+  FIELD_SIZE_ZOOM,
   FIELD_STYLE_KEYS,
   FOOTER_SECTION_ID,
   LANDMARK_SELECTOR,
@@ -2993,8 +3116,11 @@ export {
   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,
@@ -3020,19 +3146,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