@claspo/templates 16.0.2 → 16.0.4

package/InlineBackground.interface.d.ts

@@ -0,0 +1,5 @@
+type InlineBackgroundI = {
+    path: number[];
+    props: Record<string, any>;
+}[];
+export default InlineBackgroundI;

package/InlineBackground.interface.js

@@ -0,0 +1 @@
+export{};

package/Template.interface.d.ts

@@ -6,6 +6,7 @@ import SortableRecordI from "./SortableRecord.interface";
 import { PrizePoolModelI } from '@claspo/common/PrizePool.interface';
 import { WidgetType } from '@claspo/common/WidgetType';
 import { ThemeI } from "@claspo/common/document/Document.interface";
+import InlineBackgroundI from './InlineBackground.interface';
 export default interface TemplateI<RuleT, LayoutT, DocumentT = Record<string, any>, SyncT = Record<string, any> | null> extends SortableRecordI {
     id: number;
     name: string;
@@ -22,10 +23,7 @@ export default interface TemplateI<RuleT, LayoutT, DocumentT = Record<string, an
             [key: string]: string;
         };
         theme?: ThemeI;
-        backgroundInline: {
-            path: number[];
-            props: Record<string, any>;
-        }[];
+        backgroundInline: InlineBackgroundI;
     };
     launchers: TemplateLauncherItemI[];
     layouts: LayoutT[];

package/TemplateMapper.d.ts

@@ -1,4 +1,8 @@
 import TemplateBriefI from "./TemplateBrief.interface";
 export default class TemplateMapper {
     static mapTemplates(rawItems: TemplateBriefI[]): TemplateBriefI[];
+    private static migrateCssVarsToTheme;
+    private static applyThemeToDocument;
+    private static applyInlineBackgroundToDocument;
+    private static cleanupTemplateIfItWasChangedFromDynamicToStatic;
 }

package/TemplateMapper.js

@@ -1 +1 @@
-import{TemplateType}from"./TemplateType.enum";import DocumentCssVarsReplace from"@claspo/common/document/DocumentCssVarsReplace";import DocumentUtils from"@claspo/common/document/DocumentUtils";import{prepareKeys}from"@claspo/common/element/ThemeCssVars";export default class TemplateMapper{static mapTemplates(e){return e.map(e=>{var s,a,o;if(e.type===TemplateType.STATIC){if(e.dynamicParams){delete e.dynamicParams.theme,delete e.dynamicParams.cssVars;const s=e.json.document;(null==s?void 0:s.shared)&&(delete s.shared.theme,delete s.shared.cssVars)}return e}let m=null===(s=e.dynamicParams)||void 0===s?void 0:s.cssVars;const t=null===(a=e.dynamicParams)||void 0===a?void 0:a.backgroundInline;if(m){let s=e.json.document;e.json.document=DocumentCssVarsReplace.replaceValues(s,m),e.json.document.shared.cssVars=m}if(null===(o=e.dynamicParams)||void 0===o?void 0:o.theme){const s=e.json.document,a=e.dynamicParams.theme,o=prepareKeys((null==a?void 0:a.schema)||{});e.json.document=DocumentCssVarsReplace.replaceValues(s,o),e.json.document.shared||(e.json.document.shared={}),e.json.document.shared.theme=a}return t&&(null==t||t.forEach(({path:s,props:a})=>{const o=DocumentUtils.getNodeByPath(e.json.document.views,s);o&&(o.props=Object.assign(Object.assign({},o.props),a))})),e})}}
+import{TemplateType}from"./TemplateType.enum";import DocumentCssVarsReplace from"@claspo/common/document/DocumentCssVarsReplace";import DocumentUtils from"@claspo/common/document/DocumentUtils";import{DefaultSchemaTokens}from"@claspo/common/document/Document.interface";import{prepareKeys}from"@claspo/common/element/ThemeCssVars";import{createTheme,toCssVarToken}from"@claspo/common/theme/theme.utils";export default class TemplateMapper{static mapTemplates(e){return e.map(e=>{var a;if(e.type===TemplateType.STATIC)return TemplateMapper.cleanupTemplateIfItWasChangedFromDynamicToStatic(e),e;const t=TemplateMapper.migrateCssVarsToTheme(e);t&&TemplateMapper.applyThemeToDocument(e,t);const o=null===(a=e.dynamicParams)||void 0===a?void 0:a.backgroundInline;return o&&TemplateMapper.applyInlineBackgroundToDocument(e,o),e})}static migrateCssVarsToTheme(e){var a,t;const o=null===(a=e.dynamicParams)||void 0===a?void 0:a.cssVars;let m=null===(t=e.dynamicParams)||void 0===t?void 0:t.theme;if(!m&&o){const e=o[toCssVarToken(DefaultSchemaTokens.ACCENT)];e&&(m=createTheme({[DefaultSchemaTokens.ACCENT]:e}))}return m||null}static applyThemeToDocument(e,a){const t=e.json.document,o=prepareKeys((null==a?void 0:a.schema)||{});e.json.document=DocumentCssVarsReplace.replaceValues(t,o),e.json.document.shared||(e.json.document.shared={}),e.json.document.shared.theme=a}static applyInlineBackgroundToDocument(e,a){null==a||a.forEach(({path:a,props:t})=>{const o=DocumentUtils.getNodeByPath(e.json.document.views,a);o&&(o.props=Object.assign(Object.assign({},o.props),t))})}static cleanupTemplateIfItWasChangedFromDynamicToStatic(e){if(e.dynamicParams){delete e.dynamicParams.theme,delete e.dynamicParams.cssVars;const a=e.json.document;(null==a?void 0:a.shared)&&(delete a.shared.theme,delete a.shared.cssVars)}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@claspo/templates",
-  "version": "16.0.2",
+  "version": "16.0.4",
   "engines": {
     "node": ">=18.16.0"
   },
@@ -12,9 +12,9 @@
     "package": "npm i && npm run test && npm run build && cp package.json out && cd out && npm publish --access=public && cd .."
   },
   "dependencies": {
-    "@claspo/common": "7.0.0",
-    "@claspo/document-connector": "16.0.1",
-    "@claspo/renderer": "18.0.1",
+    "@claspo/common": "7.0.2",
+    "@claspo/document-connector": "16.0.3",
+    "@claspo/renderer": "18.0.2",
     "@claspo/components": "1.2.0"
   },
   "devDependencies": {