@claspo/renderer 18.6.0-ctx.3 → 18.6.0-ctx.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/renderer",
-  "version": "18.6.0-ctx.3",
+  "version": "18.6.0-ctx.4",
   "scripts": {
     "dev": " tsc --project tsconfig.json --watch",
     "build": "rm -rf out && tsc --project tsconfig.json && npm run minify",

package/sdk/merge-tags/AbstractMergeTagsProcessor.js

@@ -1 +1 @@
-export default class AbstractMergeTagsProcessor{constructor(e,t){this.context=e,this.configService=t,this.element=null,this.mergeTags=null,this.componentId=null}destroy(){}process(e,t,s){this.element=e,this.mergeTags=t,this.componentId=s,this.mergeTags&&0!==Object.keys(this.mergeTags).length&&this.element.childNodes.forEach(e=>{if(e.nodeType!==Node.TEXT_NODE&&"MERGE_TAG"===e.getAttribute("cl-type")){const t=e.getAttribute("cl-id"),s=this.mergeTags[t];if(!s)return;this.processSingleMergeTag(e,s)}})}processSingleMergeTag(e,t){throw new Error("BaseMergeTagsProcessor: processSingleMergeTag is not implemented")}}
+export default class AbstractMergeTagsProcessor{constructor(e,t){this.context=e,this.configService=t,this.element=null,this.mergeTags=null,this.componentId=null}destroy(){}process(e,t,s){this.element=e,this.mergeTags=t,this.componentId=s,this.mergeTags&&0!==Object.keys(this.mergeTags).length&&this.element.childNodes.forEach(e=>{if(e.nodeType!==Node.TEXT_NODE&&"MERGE_TAG"===e.getAttribute("cl-type")){const t=e.getAttribute("cl-id"),s=this.mergeTags[t];if(!s)return;setTimeout(()=>{this.processSingleMergeTag(e,s)})}})}processSingleMergeTag(e,t){throw new Error("BaseMergeTagsProcessor: processSingleMergeTag is not implemented")}}

package/sdk/merge-tags/StaticMergeTagsProcessor.d.ts

@@ -1,4 +1,5 @@
 import AbstractMergeTagsProcessor, { MergeTagI } from './AbstractMergeTagsProcessor';
 export default class StaticMergeTagsProcessor extends AbstractMergeTagsProcessor {
+    _getRecordId(mergeTag: MergeTagI): string;
     processSingleMergeTag(tagContainerElement: HTMLElement, mergeTag: MergeTagI): void;
 }

package/sdk/merge-tags/StaticMergeTagsProcessor.js

@@ -1 +1 @@
-import AbstractMergeTagsProcessor from"./AbstractMergeTagsProcessor";import getMostNestedNode from"@claspo/common/dom/getMostNestedNode";import{PreviewMode}from"../PreviewMode";export default class StaticMergeTagsProcessor extends AbstractMergeTagsProcessor{processSingleMergeTag(e,t){const o=this.context.getRecord(t.id),s=this.context.getRegistry().getSource(t.sourceId),i=this.context.getKVMap();let r,c;if(!o&&i[t.id]&&(c=i[t.id]),s){const e=s.getValue((null==o?void 0:o.value.id)||t.id);c=(null==e?void 0:e.value)||c,e&&"function"==typeof e.processor&&(r=e.processor(s,t))}const d=this.configService.getConfig(PreviewMode.CABINET_PREVIEW)||this.configService.getConfig(PreviewMode.EDITOR_PREVIEW)||this.configService.getConfig(PreviewMode.DEMO);let g=r||c||(null==o?void 0:o.value.value)||t.fallbackValue||(d?t.exampleValue:"");o||this.context.addRecord(t.id,Object.assign(Object.assign({recordKey:t.id,id:t.id,sourceId:t.sourceId},s?s.getValue(t.id):{}),{value:g})),e.style.fontFamily="inherit",getMostNestedNode(e).textContent=g}}
+import AbstractMergeTagsProcessor from"./AbstractMergeTagsProcessor";import getMostNestedNode from"@claspo/common/dom/getMostNestedNode";import{PreviewMode}from"../PreviewMode";export default class StaticMergeTagsProcessor extends AbstractMergeTagsProcessor{_getRecordId(e){return e.id}processSingleMergeTag(e,t){const o=this._getRecordId(t),s=this.context.getRecord(o),r=this.context.getRegistry().getSource(t.sourceId),i=this.context.getKVMap();let c,g;if(!s&&i[o]&&(g=i[o]),r){const e=r.getValue((null==s?void 0:s.value.id)||o);g=(null==e?void 0:e.value)||g,e&&"function"==typeof e.processor&&(c=e.processor(r,t))}const d=this.configService.getConfig(PreviewMode.CABINET_PREVIEW)||this.configService.getConfig(PreviewMode.EDITOR_PREVIEW)||this.configService.getConfig(PreviewMode.DEMO);let a=c||g||(null==s?void 0:s.value.value)||t.fallbackValue||(d?t.exampleValue:"");s||this.context.addRecord(o,Object.assign(Object.assign({recordKey:o,id:o,sourceId:t.sourceId},r?r.getValue(o):{}),{value:a})),e.style.fontFamily="inherit",getMostNestedNode(e).textContent=a}}

package/sdk/merge-tags/UpdatingMergeTagsProcessor.js

@@ -1 +1 @@
-import{ContextEvents}from"../context/ContextEvents";import AbstractMergeTagsProcessor from"./AbstractMergeTagsProcessor";import getMostNestedNode from"@claspo/common/dom/getMostNestedNode";import DataLayerSource from"../source/sources/DataLayerSource";import UrlQueryParamsSource from"../source/sources/UrlQueryParamsSource";import JSApiVariablesSource from"../source/sources/JSApiVariablesSource";import CookieSource from"../source/sources/CookieSource";import LocalStorageSource from"../source/sources/LocalStorageSource";export default class UpdatingMergeTagsProcessor extends AbstractMergeTagsProcessor{constructor(e,o){super(e,o),this.contextSubscriptions=[this.context.on(ContextEvents.RECORD_ADDED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_UPDATED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_DELETED,this._handleContextEvents.bind(this))]}destroy(){super.destroy(),this.contextSubscriptions&&this.contextSubscriptions.forEach(e=>e.off())}processSingleMergeTag(e,o){if(!e)return;const t=this.context.getRecord(o.id);e.style.fontFamily="inherit",getMostNestedNode(e).textContent=o.exampleValue,this._setMergeTagValidity(t,o,e)}_setMergeTagValidity(e,o,t){let r=!1;if(e||o.sourceId===DataLayerSource.sourceId||o.sourceId===UrlQueryParamsSource.sourceId||o.sourceId===JSApiVariablesSource.sourceId||o.sourceId===CookieSource.sourceId||o.sourceId===LocalStorageSource.sourceId||(r=!0),o.sourceId===DataLayerSource.sourceId){const e=o.arguments.find(e=>"dataLayerPropPath"===e.name);e&&e.value||(r=!0)}else{(!o.exampleValue||o.arguments&&!o.arguments.find(e=>e.value))&&(r=!0)}const s="tag-error";r?t.classList.add(s):t.classList.remove(s)}_handleContextEvents(e){var o;const t=null===(o=this.mergeTags)||void 0===o?void 0:o[e.key];t&&this.processSingleMergeTag(this.element.querySelector(`[cl-id="${t.id}"]`),t)}}
+import{ContextEvents}from"../context/ContextEvents";import AbstractMergeTagsProcessor from"./AbstractMergeTagsProcessor";import getMostNestedNode from"@claspo/common/dom/getMostNestedNode";import DataLayerSource from"../source/sources/DataLayerSource";import UrlQueryParamsSource from"../source/sources/UrlQueryParamsSource";import JSApiVariablesSource from"../source/sources/JSApiVariablesSource";import CookieSource from"../source/sources/CookieSource";import LocalStorageSource from"../source/sources/LocalStorageSource";export default class UpdatingMergeTagsProcessor extends AbstractMergeTagsProcessor{constructor(e,t){super(e,t),this.contextSubscriptions=[this.context.on(ContextEvents.RECORD_ADDED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_UPDATED,this._handleContextEvents.bind(this)),this.context.on(ContextEvents.RECORD_DELETED,this._handleContextEvents.bind(this))]}destroy(){super.destroy(),this.contextSubscriptions&&this.contextSubscriptions.forEach(e=>e.off())}processSingleMergeTag(e,t){if(!e)return;const o=this.context.getRecord(t.id);e.style.fontFamily="inherit",getMostNestedNode(e).textContent=t.exampleValue,this._setMergeTagValidity(o,t,e)}_setMergeTagValidity(e,t,o){let r=!1;if(e||t.sourceId===DataLayerSource.sourceId||t.sourceId===UrlQueryParamsSource.sourceId||t.sourceId===JSApiVariablesSource.sourceId||t.sourceId===CookieSource.sourceId||t.sourceId===LocalStorageSource.sourceId||(r=!0),t.sourceId===DataLayerSource.sourceId){const e=t.arguments.find(e=>"dataLayerPropPath"===e.name);e&&e.value||(r=!0)}else{(!t.exampleValue||t.arguments&&!t.arguments.find(e=>e.value))&&(r=!0)}const s="tag-error";r?o.classList.add(s):o.classList.remove(s)}_handleContextEvents(e){var t;const o=null===(t=this.mergeTags)||void 0===t?void 0:t[e.key];o&&setTimeout(()=>{this.processSingleMergeTag(this.element.querySelector(`[cl-id="${o.id}"]`),o)})}}