@templatical/editor 0.0.3 → 0.0.4

package/dist/cdn/chunks/useMergeTag-DVOz1v9p.js

@@ -1,2 +0,0 @@
-import{F as e,y as t,z as n}from"./draggable-ClUwYCFL.js";import"./icons-vmLJTaJk.js";var r={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 i(e){let t=e.source,n=e.flags.replace(`g`,``);return RegExp(`^${t}$`,n)}function a(e,t){return i(t.value).test(e?.trim()||``)}function o(e,t){let n=t.find(t=>t.value===e);return n?n.label:e}function s(e,t){return i(t.logic).test(e?.trim()||``)}function c(e,t){let n=new RegExp(t.logic.source,t.logic.flags.replace(`g`,``)),r=e.match(n);return r&&r[1]?r[1].toUpperCase():e}var l=Symbol(`translations`),u=Symbol(`editor`),d=Symbol(`fontsManager`),f=Symbol(`themeStyles`),p=Symbol(`tplUiTheme`),m=Symbol(`mergeTags`),h=Symbol(`mergeTagSyntax`),g=Symbol(`onRequestMergeTag`);function _(e,n){let r=t(e,null);if(r==null)throw Error(`${n} requires a provider for ${e.description??`unknown key`}. Ensure it is a descendant of Editor or CloudEditor.`);return r}function v(n){let r=n??t(l,null);if(!r)throw Error(`useI18n() requires a translations provider. Ensure the component is a descendant of Editor or CloudEditor.`);let i=e(r)?r.value:r;function a(e,t){return e.replace(/\{(\w+)\}/g,(e,n)=>n in t?String(t[n]):`{${n}}`)}return{t:i,format:a}}function y(){let e=t(m,[]),i=t(h,r.liquid),s=t(g,null),c=n(!1);function l(e){return a(e,i)}function u(t){return o(t,e)}async function d(){if(!s)return null;c.value=!0;try{return await s()}finally{c.value=!1}}return{mergeTags:e,isRequesting:c,isEnabled:e.length>0||!!s,syntax:i,isMergeTagValue:l,getMergeTagLabel:u,requestMergeTag:d}}export{m as a,f as c,_ as d,r as f,s as h,d as i,l,o as m,v as n,h as o,c as p,u as r,g as s,y as t,p as u};
-//# sourceMappingURL=useMergeTag-DVOz1v9p.js.map

package/dist/cdn/chunks/useMergeTag-DVOz1v9p.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMergeTag-DVOz1v9p.js","names":[],"sources":["../../../../types/src/merge-tags.ts","../../../src/keys.ts","../../../src/composables/useI18n.ts","../../../src/composables/useMergeTag.ts"],"sourcesContent":["import type { MergeTag } from \"./config\";\n\n// --- Syntax Presets ---\n\nexport interface SyntaxPreset {\n  value: RegExp;\n  logic: RegExp;\n}\n\nexport type SyntaxPresetName =\n  | \"liquid\"\n  | \"handlebars\"\n  | \"mailchimp\"\n  | \"ampscript\";\n\nexport const SYNTAX_PRESETS: Record<SyntaxPresetName, SyntaxPreset> = {\n  liquid: { value: /\\{\\{.+?\\}\\}/g, logic: /\\{%-?\\s*(\\w+).*?-?%\\}/g },\n  handlebars: {\n    value: /\\{\\{\\{?.+?\\}?\\}\\}/g,\n    logic: /\\{\\{[#/](\\w+).*?\\}\\}/g,\n  },\n  mailchimp: { value: /\\*\\|\\w+\\|\\*/g, logic: /\\*\\|(\\w+)[:|].*?\\|\\*/g },\n  ampscript: { value: /%%=.+?=%%/g, logic: /%%\\[\\s*(\\w+).*?\\]%%/g },\n};\n\nexport function resolveSyntax(\n  syntax?: SyntaxPresetName | SyntaxPreset,\n): SyntaxPreset {\n  if (!syntax) {\n    return SYNTAX_PRESETS.liquid;\n  }\n\n  if (typeof syntax === \"string\") {\n    return SYNTAX_PRESETS[syntax];\n  }\n\n  return syntax;\n}\n\n// --- Merge Tag Utilities ---\n\nfunction escapeRegExp(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction anchoredRegex(pattern: RegExp): RegExp {\n  const source = pattern.source;\n  const flags = pattern.flags.replace(\"g\", \"\");\n  return new RegExp(`^${source}$`, flags);\n}\n\nexport function isMergeTagValue(value: string, syntax: SyntaxPreset): boolean {\n  return anchoredRegex(syntax.value).test(value?.trim() || \"\");\n}\n\nexport function getMergeTagLabel(value: string, mergeTags: MergeTag[]): string {\n  const found = mergeTags.find((p) => p.value === value);\n  if (found) {\n    return found.label;\n  }\n  return value;\n}\n\nexport function resolveHtmlMergeTagLabels(\n  html: string,\n  mergeTags: MergeTag[],\n): string {\n  return html.replace(\n    /(<span[^>]*\\sdata-merge-tag=\"([^\"]*)\"[^>]*>)(.*?)(<\\/span>)/g,\n    (_match, openTag, value, _oldLabel, closeTag) => {\n      const label = getMergeTagLabel(value, mergeTags);\n      return `${openTag}${label}${closeTag}`;\n    },\n  );\n}\n\nexport function containsMergeTag(value: string, syntax: SyntaxPreset): boolean {\n  if (!value) return false;\n\n  const valueRegex = new RegExp(syntax.value.source, syntax.value.flags);\n  const logicRegex = new RegExp(syntax.logic.source, syntax.logic.flags);\n\n  return valueRegex.test(value) || logicRegex.test(value);\n}\n\nexport function restoreMergeTagMarkup(\n  html: string,\n  mergeTags: MergeTag[],\n  syntax: SyntaxPreset,\n): string {\n  let result = html;\n\n  for (const tag of mergeTags) {\n    const escaped = escapeRegExp(tag.value);\n    const pattern = new RegExp(`(?<!data-merge-tag=\")${escaped}`, \"g\");\n    result = result.replace(pattern, (match) => {\n      const label = getMergeTagLabel(match, mergeTags);\n      return `<span data-merge-tag=\"${match}\">${label}</span>`;\n    });\n  }\n\n  const logicRegex = new RegExp(\n    `(?<!data-logic-merge-tag=\")${syntax.logic.source}`,\n    syntax.logic.flags,\n  );\n  result = result.replace(logicRegex, (match) => {\n    const keyword = getLogicMergeTagKeyword(match, syntax);\n    return `<span data-logic-merge-tag=\"${match}\">${keyword}</span>`;\n  });\n\n  return result;\n}\n\nexport function isLogicMergeTagValue(\n  value: string,\n  syntax: SyntaxPreset,\n): boolean {\n  return anchoredRegex(syntax.logic).test(value?.trim() || \"\");\n}\n\nexport function getLogicMergeTagKeyword(\n  value: string,\n  syntax: SyntaxPreset,\n): string {\n  const regex = new RegExp(\n    syntax.logic.source,\n    syntax.logic.flags.replace(\"g\", \"\"),\n  );\n  const match = value.match(regex);\n  return match && match[1] ? match[1].toUpperCase() : value;\n}\n\nexport function resolveHtmlLogicMergeTagLabels(\n  html: string,\n  syntax: SyntaxPreset,\n): string {\n  return html.replace(\n    /(<span[^>]*\\sdata-logic-merge-tag=\"([^\"]*)\"[^>]*>)(.*?)(<\\/span>)/g,\n    (_match, openTag, value, _oldLabel, closeTag) => {\n      const keyword = getLogicMergeTagKeyword(value, syntax);\n      return `${openTag}${keyword}${closeTag}`;\n    },\n  );\n}\n","import { inject, type InjectionKey, type ComputedRef } from \"vue\";\nimport type {\n  UseHistoryReturn,\n  UseBlockActionsReturn,\n  UseConditionPreviewReturn,\n} from \"@templatical/core\";\nimport type {\n  BlockDefaults,\n  CustomBlockDefinition,\n  DisplayCondition,\n  MergeTag,\n  SyntaxPreset,\n} from \"@templatical/types\";\nimport type { Translations } from \"./i18n\";\nimport type {\n  AuthManager,\n  UseAiConfigReturn,\n  UseCommentsReturn,\n  UseSavedModulesReturn,\n  UseTemplateScoringReturn,\n} from \"@templatical/core/cloud\";\nimport type { BaseEditorReturn } from \"./composables/useEditorCore\";\nimport type { UseFontsReturn } from \"./composables/useFonts\";\nimport type { UseBlockRegistryReturn } from \"./composables/useBlockRegistry\";\nimport type { EditorCapabilities } from \"./types/editor-capabilities\";\nimport type { OnRequestMedia } from \"./index\";\n\n// ---------------------------------------------------------------------------\n// Shared keys (provided by useEditorCore, consumed by all components)\n// ---------------------------------------------------------------------------\n\nexport const TRANSLATIONS_KEY: InjectionKey<Translations> =\n  Symbol(\"translations\");\n\nexport const EDITOR_KEY: InjectionKey<BaseEditorReturn> = Symbol(\"editor\");\n\nexport const HISTORY_KEY: InjectionKey<UseHistoryReturn> = Symbol(\"history\");\n\nexport const BLOCK_ACTIONS_KEY: InjectionKey<UseBlockActionsReturn> =\n  Symbol(\"blockActions\");\n\nexport const CONDITION_PREVIEW_KEY: InjectionKey<UseConditionPreviewReturn> =\n  Symbol(\"conditionPreview\");\n\nexport const FONTS_MANAGER_KEY: InjectionKey<UseFontsReturn> =\n  Symbol(\"fontsManager\");\n\nexport const THEME_STYLES_KEY: InjectionKey<\n  ComputedRef<Record<string, string>>\n> = Symbol(\"themeStyles\");\n\nexport const UI_THEME_KEY: InjectionKey<ComputedRef<string>> =\n  Symbol(\"tplUiTheme\");\n\nexport const BLOCK_DEFAULTS_KEY: InjectionKey<BlockDefaults | undefined> =\n  Symbol(\"blockDefaults\");\n\nexport const BLOCK_REGISTRY_KEY: InjectionKey<UseBlockRegistryReturn> =\n  Symbol(\"blockRegistry\");\n\nexport const CUSTOM_BLOCK_DEFINITIONS_KEY: InjectionKey<\n  CustomBlockDefinition[]\n> = Symbol(\"customBlockDefinitions\");\n\nexport const MERGE_TAGS_KEY: InjectionKey<MergeTag[]> = Symbol(\"mergeTags\");\n\nexport const MERGE_TAG_SYNTAX_KEY: InjectionKey<SyntaxPreset> =\n  Symbol(\"mergeTagSyntax\");\n\nexport const ON_REQUEST_MERGE_TAG_KEY: InjectionKey<\n  (() => Promise<MergeTag | null>) | null\n> = Symbol(\"onRequestMergeTag\");\n\nexport const ON_REQUEST_MEDIA_KEY: InjectionKey<OnRequestMedia | null> =\n  Symbol(\"onRequestMedia\");\n\nexport const DISPLAY_CONDITIONS_KEY: InjectionKey<DisplayCondition[]> =\n  Symbol(\"displayConditions\");\n\nexport const ALLOW_CUSTOM_CONDITIONS_KEY: InjectionKey<boolean> = Symbol(\n  \"allowCustomConditions\",\n);\n\nexport const CAPABILITIES_KEY: InjectionKey<EditorCapabilities> =\n  Symbol(\"capabilities\");\n\n// ---------------------------------------------------------------------------\n// Cloud-only keys (provided by CloudEditor, consumed by cloud components)\n// ---------------------------------------------------------------------------\n\nexport const AUTH_MANAGER_KEY: InjectionKey<AuthManager> =\n  Symbol(\"authManager\");\n\nexport const AI_CONFIG_KEY: InjectionKey<UseAiConfigReturn> =\n  Symbol(\"aiConfig\");\n\nexport const COMMENTS_KEY: InjectionKey<UseCommentsReturn> = Symbol(\"comments\");\n\nexport const SAVED_MODULES_HEADLESS_KEY: InjectionKey<UseSavedModulesReturn> =\n  Symbol(\"savedModulesHeadless\");\n\nexport const SCORING_KEY: InjectionKey<UseTemplateScoringReturn> =\n  Symbol(\"scoring\");\n\n// ---------------------------------------------------------------------------\n// Helper for required injections with explicit null default + throw\n// ---------------------------------------------------------------------------\n\nexport function requireInject<T>(\n  key: InjectionKey<T>,\n  componentName: string,\n): T {\n  const value = inject(key, null) as T | null;\n  if (value === null || value === undefined) {\n    throw new Error(\n      `${componentName} requires a provider for ${key.description ?? \"unknown key\"}. Ensure it is a descendant of Editor or CloudEditor.`,\n    );\n  }\n  return value;\n}\n","import type { Translations } from \"../i18n\";\nimport { type Ref, inject, isRef } from \"vue\";\nimport { TRANSLATIONS_KEY } from \"../keys\";\n\nexport interface UseI18nReturn {\n  /** Current translations object */\n  t: Translations;\n  /** Format a string with placeholders */\n  format: (template: string, values: Record<string, string | number>) => string;\n}\n\n/**\n * Composable for internationalization.\n * Provides access to the current locale's translations.\n *\n * @param translationsOverride - Optional translations to use instead of injected value\n */\nexport function useI18n(translationsOverride?: Translations): UseI18nReturn {\n  const injected =\n    translationsOverride ??\n    (inject(TRANSLATIONS_KEY, null) as Translations | Ref<Translations> | null);\n\n  if (!injected) {\n    throw new Error(\n      \"useI18n() requires a translations provider. Ensure the component is a descendant of Editor or CloudEditor.\",\n    );\n  }\n\n  const t: Translations = isRef(injected) ? injected.value : injected;\n\n  /**\n   * Format a string with placeholders.\n   * e.g., format('{minutes}m ago', { minutes: 5 }) -> '5m ago'\n   */\n  function format(\n    template: string,\n    values: Record<string, string | number>,\n  ): string {\n    return template.replace(/\\{(\\w+)\\}/g, (_, key) => {\n      return key in values ? String(values[key]) : `{${key}}`;\n    });\n  }\n\n  return {\n    t,\n    format,\n  };\n}\n","import type { MergeTag, SyntaxPreset } from \"@templatical/types\";\nimport {\n  isMergeTagValue as checkIsMergeTagValue,\n  getMergeTagLabel as resolveMergeTagLabel,\n  SYNTAX_PRESETS,\n} from \"@templatical/types\";\nimport { inject, ref, type Ref } from \"vue\";\nimport {\n  MERGE_TAGS_KEY,\n  MERGE_TAG_SYNTAX_KEY,\n  ON_REQUEST_MERGE_TAG_KEY,\n} from \"../keys\";\n\nexport interface UseMergeTagReturn {\n  /** Available merge tags from config */\n  mergeTags: MergeTag[];\n  /** Whether a merge tag request is in progress */\n  isRequesting: Ref<boolean>;\n  /** Whether merge tag functionality is enabled (has merge tags and callback) */\n  isEnabled: boolean;\n  /** The resolved syntax preset for merge tags */\n  syntax: SyntaxPreset;\n  /** Check if a value matches the configured merge tag syntax */\n  isMergeTagValue: (value: string) => boolean;\n  /** Get the human-readable label for a merge tag value */\n  getMergeTagLabel: (value: string) => string;\n  /** Request a merge tag from the user via the configured callback */\n  requestMergeTag: () => Promise<MergeTag | null>;\n}\n\n/**\n * Composable for merge tag functionality.\n * Provides utilities for detecting, displaying, and requesting merge tags.\n */\nexport function useMergeTag(): UseMergeTagReturn {\n  const mergeTags = inject(MERGE_TAGS_KEY, []);\n  const syntax = inject(MERGE_TAG_SYNTAX_KEY, SYNTAX_PRESETS.liquid);\n  const onRequestMergeTag = inject(ON_REQUEST_MERGE_TAG_KEY, null);\n\n  const isRequesting = ref(false);\n\n  function isMergeTagValue(value: string): boolean {\n    return checkIsMergeTagValue(value, syntax);\n  }\n\n  function getMergeTagLabel(value: string): string {\n    return resolveMergeTagLabel(value, mergeTags);\n  }\n\n  /**\n   * Request a merge tag from the user via the configured callback.\n   * Returns null if no callback is configured or user cancels.\n   */\n  async function requestMergeTag(): Promise<MergeTag | null> {\n    if (!onRequestMergeTag) {\n      return null;\n    }\n\n    isRequesting.value = true;\n    try {\n      return await onRequestMergeTag();\n    } finally {\n      isRequesting.value = false;\n    }\n  }\n\n  // Merge tag functionality is enabled when either:\n  // 1. There are merge tags configured (non-empty array), OR\n  // 2. The onRequestMergeTag callback is provided\n  const isEnabled = mergeTags.length > 0 || !!onRequestMergeTag;\n\n  return {\n    mergeTags,\n    isRequesting,\n    isEnabled,\n    syntax,\n    isMergeTagValue,\n    getMergeTagLabel,\n    requestMergeTag,\n  };\n}\n"],"mappings":"sFAeA,IAAa,EAAyD,CACpE,OAAQ,CAAE,MAAO,eAAgB,MAAO,yBAA0B,CAClE,WAAY,CACV,MAAO,qBACP,MAAO,wBACR,CACD,UAAW,CAAE,MAAO,eAAgB,MAAO,wBAAyB,CACpE,UAAW,CAAE,MAAO,aAAc,MAAO,uBAAwB,CAClE,CAsBD,SAAS,EAAc,EAAyB,CAC9C,IAAM,EAAS,EAAQ,OACjB,EAAQ,EAAQ,MAAM,QAAQ,IAAK,GAAG,CAC5C,OAAW,OAAO,IAAI,EAAO,GAAI,EAAM,CAGzC,SAAgB,EAAgB,EAAe,EAA+B,CAC5E,OAAO,EAAc,EAAO,MAAM,CAAC,KAAK,GAAO,MAAM,EAAI,GAAG,CAG9D,SAAgB,EAAiB,EAAe,EAA+B,CAC7E,IAAM,EAAQ,EAAU,KAAM,GAAM,EAAE,QAAU,EAAM,CAItD,OAHI,EACK,EAAM,MAER,EAqDT,SAAgB,EACd,EACA,EACS,CACT,OAAO,EAAc,EAAO,MAAM,CAAC,KAAK,GAAO,MAAM,EAAI,GAAG,CAG9D,SAAgB,EACd,EACA,EACQ,CACR,IAAM,EAAQ,IAAI,OAChB,EAAO,MAAM,OACb,EAAO,MAAM,MAAM,QAAQ,IAAK,GAAG,CACpC,CACK,EAAQ,EAAM,MAAM,EAAM,CAChC,OAAO,GAAS,EAAM,GAAK,EAAM,GAAG,aAAa,CAAG,EClGtD,IAAa,EACX,OAAO,eAAe,CAEX,EAA6C,OAAO,SAAS,CAU7D,EACX,OAAO,eAAe,CAEX,EAET,OAAO,cAAc,CAEZ,EACX,OAAO,aAAa,CAYT,EAA2C,OAAO,YAAY,CAE9D,EACX,OAAO,iBAAiB,CAEb,EAET,OAAO,oBAAoB,CAqC/B,SAAgB,EACd,EACA,EACG,CACH,IAAM,EAAQ,EAAO,EAAK,KAAK,CAC/B,GAAI,GAAU,KACZ,MAAU,MACR,GAAG,EAAc,2BAA2B,EAAI,aAAe,cAAc,uDAC9E,CAEH,OAAO,ECrGT,SAAgB,EAAQ,EAAoD,CAC1E,IAAM,EACJ,GACC,EAAO,EAAkB,KAAK,CAEjC,GAAI,CAAC,EACH,MAAU,MACR,6GACD,CAGH,IAAM,EAAkB,EAAM,EAAS,CAAG,EAAS,MAAQ,EAM3D,SAAS,EACP,EACA,EACQ,CACR,OAAO,EAAS,QAAQ,cAAe,EAAG,IACjC,KAAO,EAAS,OAAO,EAAO,GAAK,CAAG,IAAI,EAAI,GACrD,CAGJ,MAAO,CACL,IACA,SACD,CCZH,SAAgB,GAAiC,CAC/C,IAAM,EAAY,EAAO,EAAgB,EAAE,CAAC,CACtC,EAAS,EAAO,EAAsB,EAAe,OAAO,CAC5D,EAAoB,EAAO,EAA0B,KAAK,CAE1D,EAAe,EAAI,GAAM,CAE/B,SAAS,EAAgB,EAAwB,CAC/C,OAAO,EAAqB,EAAO,EAAO,CAG5C,SAAS,EAAiB,EAAuB,CAC/C,OAAO,EAAqB,EAAO,EAAU,CAO/C,eAAe,GAA4C,CACzD,GAAI,CAAC,EACH,OAAO,KAGT,EAAa,MAAQ,GACrB,GAAI,CACF,OAAO,MAAM,GAAmB,QACxB,CACR,EAAa,MAAQ,IASzB,MAAO,CACL,YACA,eACA,UALgB,EAAU,OAAS,GAAK,CAAC,CAAC,EAM1C,SACA,gBAAA,EACA,iBAAA,EACA,kBACD"}

package/dist/i18n-CJsFtdbZ.js

@@ -1,23 +0,0 @@
-import { F as e } from "./useEditorCore-Cc4RCwWq.js";
-//#region \0rolldown_dynamic_import_helper.js
-var t = (e, t, n) => {
-	let r = t.lastIndexOf("?"), i = e[r === -1 || r < t.lastIndexOf("/") ? t : t.slice(0, r)];
-	return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((e, r) => {
-		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + t + (t.split("/").length === n ? "" : ". Note that variables only represent file names one level deep."))));
-	});
-}, n = /* @__PURE__ */ e({
-	getBaseLocale: () => i,
-	loadTranslations: () => a
-}), r = ["en", "de"];
-function i(e) {
-	return e.split("-")[0].toLowerCase();
-}
-async function a(e) {
-	let n = i(e), a = r.includes(n) ? n : "en";
-	return (await t(/* @__PURE__ */ Object.assign({
-		"./locales/de.ts": () => import("./de-B4Ob4vCo.js"),
-		"./locales/en.ts": () => import("./en-YXsspZJG.js")
-	}), `./locales/${a}.ts`, 3)).default;
-}
-//#endregion
-export { a as n, n as t };