@templatical/types 0.0.1

package/dist/index.cjs

@@ -0,0 +1,697 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BUTTON_BLOCK_DEFAULTS: () => BUTTON_BLOCK_DEFAULTS,
+  COUNTDOWN_BLOCK_DEFAULTS: () => COUNTDOWN_BLOCK_DEFAULTS,
+  DEFAULT_BLOCK_DEFAULTS: () => DEFAULT_BLOCK_DEFAULTS,
+  DEFAULT_TEMPLATE_DEFAULTS: () => DEFAULT_TEMPLATE_DEFAULTS,
+  DIVIDER_BLOCK_DEFAULTS: () => DIVIDER_BLOCK_DEFAULTS,
+  EventEmitter: () => EventEmitter,
+  HTML_BLOCK_DEFAULTS: () => HTML_BLOCK_DEFAULTS,
+  IMAGE_BLOCK_DEFAULTS: () => IMAGE_BLOCK_DEFAULTS,
+  MENU_BLOCK_DEFAULTS: () => MENU_BLOCK_DEFAULTS,
+  SECTION_BLOCK_DEFAULTS: () => SECTION_BLOCK_DEFAULTS,
+  SOCIAL_ICONS_BLOCK_DEFAULTS: () => SOCIAL_ICONS_BLOCK_DEFAULTS,
+  SPACER_BLOCK_DEFAULTS: () => SPACER_BLOCK_DEFAULTS,
+  SYNTAX_PRESETS: () => SYNTAX_PRESETS,
+  SdkError: () => SdkError,
+  TABLE_BLOCK_DEFAULTS: () => TABLE_BLOCK_DEFAULTS,
+  TEXT_BLOCK_DEFAULTS: () => TEXT_BLOCK_DEFAULTS,
+  VIDEO_BLOCK_DEFAULTS: () => VIDEO_BLOCK_DEFAULTS,
+  cloneBlock: () => cloneBlock,
+  containsMergeTag: () => containsMergeTag,
+  createBlock: () => createBlock,
+  createButtonBlock: () => createButtonBlock,
+  createCountdownBlock: () => createCountdownBlock,
+  createCustomBlock: () => createCustomBlock,
+  createDefaultTemplateContent: () => createDefaultTemplateContent,
+  createDividerBlock: () => createDividerBlock,
+  createHtmlBlock: () => createHtmlBlock,
+  createImageBlock: () => createImageBlock,
+  createMenuBlock: () => createMenuBlock,
+  createSectionBlock: () => createSectionBlock,
+  createSocialIconsBlock: () => createSocialIconsBlock,
+  createSpacerBlock: () => createSpacerBlock,
+  createTableBlock: () => createTableBlock,
+  createTextBlock: () => createTextBlock,
+  createVideoBlock: () => createVideoBlock,
+  deepMergeDefaults: () => deepMergeDefaults,
+  generateId: () => generateId,
+  getLogicMergeTagKeyword: () => getLogicMergeTagKeyword,
+  getMergeTagLabel: () => getMergeTagLabel,
+  isButton: () => isButton,
+  isCountdown: () => isCountdown,
+  isCustomBlock: () => isCustomBlock,
+  isDivider: () => isDivider,
+  isHtml: () => isHtml,
+  isImage: () => isImage,
+  isLogicMergeTagValue: () => isLogicMergeTagValue,
+  isMenu: () => isMenu,
+  isMergeTagValue: () => isMergeTagValue,
+  isSection: () => isSection,
+  isSocialIcons: () => isSocialIcons,
+  isSpacer: () => isSpacer,
+  isTable: () => isTable,
+  isText: () => isText,
+  isVideo: () => isVideo,
+  resolveHtmlLogicMergeTagLabels: () => resolveHtmlLogicMergeTagLabels,
+  resolveHtmlMergeTagLabels: () => resolveHtmlMergeTagLabels,
+  resolveSyntax: () => resolveSyntax,
+  restoreMergeTagMarkup: () => restoreMergeTagMarkup
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/guards.ts
+function isSection(block) {
+  return block.type === "section";
+}
+function isText(block) {
+  return block.type === "text";
+}
+function isImage(block) {
+  return block.type === "image";
+}
+function isButton(block) {
+  return block.type === "button";
+}
+function isDivider(block) {
+  return block.type === "divider";
+}
+function isVideo(block) {
+  return block.type === "video";
+}
+function isSocialIcons(block) {
+  return block.type === "social";
+}
+function isSpacer(block) {
+  return block.type === "spacer";
+}
+function isHtml(block) {
+  return block.type === "html";
+}
+function isMenu(block) {
+  return block.type === "menu";
+}
+function isTable(block) {
+  return block.type === "table";
+}
+function isCountdown(block) {
+  return block.type === "countdown";
+}
+function isCustomBlock(block) {
+  return block.type === "custom";
+}
+
+// src/defaults.ts
+var TEXT_BLOCK_DEFAULTS = {
+  content: "<p>Enter your text here</p>",
+  fontSize: 16,
+  color: "#1a1a1a",
+  textAlign: "left",
+  fontWeight: "normal"
+};
+var IMAGE_BLOCK_DEFAULTS = {
+  src: "",
+  alt: "",
+  width: "full",
+  align: "center"
+};
+var BUTTON_BLOCK_DEFAULTS = {
+  text: "Click Here",
+  url: "",
+  backgroundColor: "#333333",
+  textColor: "#ffffff",
+  borderRadius: 6,
+  fontSize: 15,
+  buttonPadding: { top: 12, right: 24, bottom: 12, left: 24 }
+};
+var DIVIDER_BLOCK_DEFAULTS = {
+  lineStyle: "solid",
+  color: "#e0e0e0",
+  thickness: 1,
+  width: "full"
+};
+var SECTION_BLOCK_DEFAULTS = {
+  columns: "1"
+};
+var VIDEO_BLOCK_DEFAULTS = {
+  url: "",
+  thumbnailUrl: "",
+  alt: "Video",
+  width: "full",
+  align: "center"
+};
+var SOCIAL_ICONS_BLOCK_DEFAULTS = {
+  iconStyle: "solid",
+  iconSize: "medium",
+  spacing: 10,
+  align: "center"
+};
+var SPACER_BLOCK_DEFAULTS = {
+  height: 24
+};
+var HTML_BLOCK_DEFAULTS = {
+  content: ""
+};
+var MENU_BLOCK_DEFAULTS = {
+  fontSize: 15,
+  color: "#1a1a1a",
+  textAlign: "center",
+  separator: "|",
+  separatorColor: "#e0e0e0",
+  spacing: 10
+};
+var TABLE_BLOCK_DEFAULTS = {
+  hasHeaderRow: true,
+  borderColor: "#e0e0e0",
+  borderWidth: 1,
+  cellPadding: 8,
+  fontSize: 15,
+  color: "#1a1a1a",
+  textAlign: "left"
+};
+var COUNTDOWN_BLOCK_DEFAULTS = {
+  targetDate: "",
+  timezone: "UTC",
+  showDays: true,
+  showHours: true,
+  showMinutes: true,
+  showSeconds: true,
+  separator: ":",
+  digitFontSize: 32,
+  digitColor: "#1a1a1a",
+  labelColor: "#6b7280",
+  labelFontSize: 12,
+  backgroundColor: "#ffffff",
+  labelDays: "Days",
+  labelHours: "Hours",
+  labelMinutes: "Minutes",
+  labelSeconds: "Seconds",
+  expiredMessage: "This offer has expired",
+  expiredImageUrl: "",
+  hideOnExpiry: false
+};
+var DEFAULT_BLOCK_DEFAULTS = {
+  text: TEXT_BLOCK_DEFAULTS,
+  image: IMAGE_BLOCK_DEFAULTS,
+  button: BUTTON_BLOCK_DEFAULTS,
+  divider: DIVIDER_BLOCK_DEFAULTS,
+  section: SECTION_BLOCK_DEFAULTS,
+  video: VIDEO_BLOCK_DEFAULTS,
+  social: SOCIAL_ICONS_BLOCK_DEFAULTS,
+  spacer: SPACER_BLOCK_DEFAULTS,
+  html: HTML_BLOCK_DEFAULTS,
+  menu: MENU_BLOCK_DEFAULTS,
+  table: TABLE_BLOCK_DEFAULTS,
+  countdown: COUNTDOWN_BLOCK_DEFAULTS
+};
+var DEFAULT_TEMPLATE_DEFAULTS = {
+  width: 600,
+  backgroundColor: "#ffffff",
+  fontFamily: "Arial, sans-serif"
+};
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && Object.getPrototypeOf(value) === Object.prototype;
+}
+function deepMergeDefaults(base, overrides) {
+  const result = { ...base };
+  for (const key of Object.keys(overrides)) {
+    const baseVal = base[key];
+    const overrideVal = overrides[key];
+    if (overrideVal === void 0) {
+      continue;
+    }
+    if (isPlainObject(baseVal) && isPlainObject(overrideVal)) {
+      result[key] = deepMergeDefaults(
+        baseVal,
+        overrideVal
+      );
+    } else {
+      result[key] = overrideVal;
+    }
+  }
+  return result;
+}
+
+// src/template.ts
+function createDefaultTemplateContent(defaultFontFamily = "Arial, sans-serif", templateDefaults) {
+  return {
+    blocks: [],
+    settings: {
+      ...DEFAULT_TEMPLATE_DEFAULTS,
+      fontFamily: defaultFontFamily,
+      ...templateDefaults
+    }
+  };
+}
+
+// src/factory.ts
+function applyDefaults(base, partial) {
+  if (!partial || Object.keys(partial).length === 0) return base;
+  return deepMergeDefaults(
+    base,
+    partial
+  );
+}
+function generateId() {
+  return crypto.randomUUID();
+}
+function createDefaultSpacing(value = 0) {
+  return { top: value, right: value, bottom: value, left: value };
+}
+function createDefaultStyles(padding = 10) {
+  return {
+    padding: createDefaultSpacing(padding),
+    margin: createDefaultSpacing(0)
+  };
+}
+function createTextBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "text",
+    ...TEXT_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function createImageBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "image",
+    ...IMAGE_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function createButtonBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "button",
+    ...BUTTON_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function createDividerBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "divider",
+    ...DIVIDER_BLOCK_DEFAULTS,
+    styles: createDefaultStyles(20)
+  };
+  return applyDefaults(base, partial);
+}
+function createSectionBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "section",
+    ...SECTION_BLOCK_DEFAULTS,
+    children: [[]],
+    styles: createDefaultStyles(20)
+  };
+  return applyDefaults(base, partial);
+}
+function createVideoBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "video",
+    ...VIDEO_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function createSocialIconsBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "social",
+    icons: [],
+    ...SOCIAL_ICONS_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function createSpacerBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "spacer",
+    ...SPACER_BLOCK_DEFAULTS,
+    styles: createDefaultStyles(0)
+  };
+  return applyDefaults(base, partial);
+}
+function createHtmlBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "html",
+    ...HTML_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function createMenuBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "menu",
+    items: [],
+    ...MENU_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function createDefaultTableRows(columns, rows) {
+  return Array.from({ length: rows }, () => ({
+    id: generateId(),
+    cells: Array.from(
+      { length: columns },
+      () => ({
+        id: generateId(),
+        content: ""
+      })
+    )
+  }));
+}
+function createTableBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "table",
+    rows: createDefaultTableRows(3, 3),
+    ...TABLE_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function createCountdownBlock(partial = {}) {
+  const base = {
+    id: generateId(),
+    type: "countdown",
+    ...COUNTDOWN_BLOCK_DEFAULTS,
+    styles: createDefaultStyles()
+  };
+  return applyDefaults(base, partial);
+}
+function getFieldDefault(field) {
+  if (field.type === "repeatable") {
+    return field.default ?? [];
+  }
+  if (field.type === "boolean") {
+    return field.default ?? false;
+  }
+  if (field.type === "number") {
+    return field.default ?? 0;
+  }
+  return field.default ?? "";
+}
+function createCustomBlock(definition) {
+  const fieldValues = {};
+  for (const field of definition.fields) {
+    fieldValues[field.key] = getFieldDefault(field);
+  }
+  return {
+    id: generateId(),
+    type: "custom",
+    customType: definition.type,
+    fieldValues,
+    styles: createDefaultStyles(),
+    ...definition.dataSource ? { dataSourceFetched: false } : {}
+  };
+}
+function createBlock(type, blockDefaults) {
+  switch (type) {
+    case "section":
+      return createSectionBlock(blockDefaults?.section);
+    case "text":
+      return createTextBlock(blockDefaults?.text);
+    case "image":
+      return createImageBlock(blockDefaults?.image);
+    case "button":
+      return createButtonBlock(blockDefaults?.button);
+    case "divider":
+      return createDividerBlock(blockDefaults?.divider);
+    case "video":
+      return createVideoBlock(blockDefaults?.video);
+    case "social":
+      return createSocialIconsBlock(blockDefaults?.social);
+    case "spacer":
+      return createSpacerBlock(blockDefaults?.spacer);
+    case "html":
+      return createHtmlBlock(blockDefaults?.html);
+    case "menu":
+      return createMenuBlock(blockDefaults?.menu);
+    case "table":
+      return createTableBlock(blockDefaults?.table);
+    case "countdown":
+      return createCountdownBlock(blockDefaults?.countdown);
+    default:
+      throw new Error(`Unknown block type: ${type}`);
+  }
+}
+function cloneBlock(block) {
+  const cloned = JSON.parse(JSON.stringify(block));
+  cloned.id = generateId();
+  if (cloned.type === "section") {
+    cloned.children = cloned.children.map(
+      (column) => column.map((child) => cloneBlock(child))
+    );
+  }
+  return cloned;
+}
+
+// src/events.ts
+var EventEmitter = class {
+  constructor() {
+    this.handlers = /* @__PURE__ */ new Map();
+  }
+  on(event, handler) {
+    if (!this.handlers.has(event)) {
+      this.handlers.set(event, /* @__PURE__ */ new Set());
+    }
+    const set = this.handlers.get(event);
+    set.add(handler);
+    return () => {
+      set.delete(handler);
+      if (set.size === 0) {
+        this.handlers.delete(event);
+      }
+    };
+  }
+  off(event, handler) {
+    const set = this.handlers.get(event);
+    if (!set) {
+      return;
+    }
+    set.delete(handler);
+    if (set.size === 0) {
+      this.handlers.delete(event);
+    }
+  }
+  emit(event, data) {
+    const set = this.handlers.get(event);
+    if (!set) {
+      return;
+    }
+    for (const handler of [...set]) {
+      handler(data);
+    }
+  }
+  removeAllListeners(event) {
+    if (event) {
+      this.handlers.delete(event);
+    } else {
+      this.handlers.clear();
+    }
+  }
+  listenerCount(event) {
+    return this.handlers.get(event)?.size ?? 0;
+  }
+};
+
+// src/merge-tags.ts
+var SYNTAX_PRESETS = {
+  liquid: { value: /\{\{.+?\}\}/g, logic: /\{%-?\s*(\w+).*?-?%\}/g },
+  handlebars: {
+    value: /\{\{\{?.+?\}?\}\}/g,
+    logic: /\{\{[#/](\w+).*?\}\}/g
+  },
+  mailchimp: { value: /\*\|\w+\|\*/g, logic: /\*\|(\w+)[:|].*?\|\*/g },
+  ampscript: { value: /%%=.+?=%%/g, logic: /%%\[\s*(\w+).*?\]%%/g }
+};
+function resolveSyntax(syntax) {
+  if (!syntax) {
+    return SYNTAX_PRESETS.liquid;
+  }
+  if (typeof syntax === "string") {
+    return SYNTAX_PRESETS[syntax];
+  }
+  return syntax;
+}
+function escapeRegExp(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function anchoredRegex(pattern) {
+  const source = pattern.source;
+  const flags = pattern.flags.replace("g", "");
+  return new RegExp(`^${source}$`, flags);
+}
+function isMergeTagValue(value, syntax) {
+  return anchoredRegex(syntax.value).test(value?.trim() || "");
+}
+function getMergeTagLabel(value, mergeTags) {
+  const found = mergeTags.find((p) => p.value === value);
+  if (found) {
+    return found.label;
+  }
+  return value;
+}
+function resolveHtmlMergeTagLabels(html, mergeTags) {
+  return html.replace(
+    /(<span[^>]*\sdata-merge-tag="([^"]*)"[^>]*>)(.*?)(<\/span>)/g,
+    (_match, openTag, value, _oldLabel, closeTag) => {
+      const label = getMergeTagLabel(value, mergeTags);
+      return `${openTag}${label}${closeTag}`;
+    }
+  );
+}
+function containsMergeTag(value, syntax) {
+  if (!value) return false;
+  const valueRegex = new RegExp(syntax.value.source, syntax.value.flags);
+  const logicRegex = new RegExp(syntax.logic.source, syntax.logic.flags);
+  return valueRegex.test(value) || logicRegex.test(value);
+}
+function restoreMergeTagMarkup(html, mergeTags, syntax) {
+  let result = html;
+  for (const tag of mergeTags) {
+    const escaped = escapeRegExp(tag.value);
+    const pattern = new RegExp(`(?<!data-merge-tag=")${escaped}`, "g");
+    result = result.replace(pattern, (match) => {
+      const label = getMergeTagLabel(match, mergeTags);
+      return `<span data-merge-tag="${match}">${label}</span>`;
+    });
+  }
+  const logicRegex = new RegExp(
+    `(?<!data-logic-merge-tag=")${syntax.logic.source}`,
+    syntax.logic.flags
+  );
+  result = result.replace(logicRegex, (match) => {
+    const keyword = getLogicMergeTagKeyword(match, syntax);
+    return `<span data-logic-merge-tag="${match}">${keyword}</span>`;
+  });
+  return result;
+}
+function isLogicMergeTagValue(value, syntax) {
+  return anchoredRegex(syntax.logic).test(value?.trim() || "");
+}
+function getLogicMergeTagKeyword(value, syntax) {
+  const regex = new RegExp(
+    syntax.logic.source,
+    syntax.logic.flags.replace("g", "")
+  );
+  const match = value.match(regex);
+  return match && match[1] ? match[1].toUpperCase() : value;
+}
+function resolveHtmlLogicMergeTagLabels(html, syntax) {
+  return html.replace(
+    /(<span[^>]*\sdata-logic-merge-tag="([^"]*)"[^>]*>)(.*?)(<\/span>)/g,
+    (_match, openTag, value, _oldLabel, closeTag) => {
+      const keyword = getLogicMergeTagKeyword(value, syntax);
+      return `${openTag}${keyword}${closeTag}`;
+    }
+  );
+}
+
+// src/config.ts
+var SdkError = class extends Error {
+  constructor(message, statusCode) {
+    super(message);
+    this.statusCode = statusCode;
+    this.name = "SdkError";
+  }
+  get isNotFound() {
+    return this.statusCode === 404;
+  }
+  get isUnauthorized() {
+    return this.statusCode === 401;
+  }
+  get isServerError() {
+    return this.statusCode !== void 0 && this.statusCode >= 500;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BUTTON_BLOCK_DEFAULTS,
+  COUNTDOWN_BLOCK_DEFAULTS,
+  DEFAULT_BLOCK_DEFAULTS,
+  DEFAULT_TEMPLATE_DEFAULTS,
+  DIVIDER_BLOCK_DEFAULTS,
+  EventEmitter,
+  HTML_BLOCK_DEFAULTS,
+  IMAGE_BLOCK_DEFAULTS,
+  MENU_BLOCK_DEFAULTS,
+  SECTION_BLOCK_DEFAULTS,
+  SOCIAL_ICONS_BLOCK_DEFAULTS,
+  SPACER_BLOCK_DEFAULTS,
+  SYNTAX_PRESETS,
+  SdkError,
+  TABLE_BLOCK_DEFAULTS,
+  TEXT_BLOCK_DEFAULTS,
+  VIDEO_BLOCK_DEFAULTS,
+  cloneBlock,
+  containsMergeTag,
+  createBlock,
+  createButtonBlock,
+  createCountdownBlock,
+  createCustomBlock,
+  createDefaultTemplateContent,
+  createDividerBlock,
+  createHtmlBlock,
+  createImageBlock,
+  createMenuBlock,
+  createSectionBlock,
+  createSocialIconsBlock,
+  createSpacerBlock,
+  createTableBlock,
+  createTextBlock,
+  createVideoBlock,
+  deepMergeDefaults,
+  generateId,
+  getLogicMergeTagKeyword,
+  getMergeTagLabel,
+  isButton,
+  isCountdown,
+  isCustomBlock,
+  isDivider,
+  isHtml,
+  isImage,
+  isLogicMergeTagValue,
+  isMenu,
+  isMergeTagValue,
+  isSection,
+  isSocialIcons,
+  isSpacer,
+  isTable,
+  isText,
+  isVideo,
+  resolveHtmlLogicMergeTagLabels,
+  resolveHtmlMergeTagLabels,
+  resolveSyntax,
+  restoreMergeTagMarkup
+});
+//# sourceMappingURL=index.cjs.map