@media-quest/builder 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@media-quest/builder",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Builder library for Media-quest schemas",
   "main": "dist/public-api.js",
   "module": "dist/public-api.mjs",
@@ -13,6 +13,6 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@media-quest/engine": "0.0.5"
+    "@media-quest/engine": "0.0.7"
   }
 }

package/src/theme/IDefaultTheme.ts

@@ -122,11 +122,11 @@ export const DefaultTheme: IDefaultTheme = {
       text: {
         css: {
           w: 80,
-          y: 27,
+          y: 65,
           x: 10,
           textAlign: "center",
           textColor: "black",
-          fontSize: { _unit: "px", value: 30 },
+          fontSize: { _unit: "px", value: 40 },
         },
         cssDisabled: {},
         cssEnabled: {},

package/src/theme/default-theme-compiler.ts

@@ -56,6 +56,8 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
   compile(source: BuilderSchemaDto): SchemaDto {
     const pages = source.pages.map((p) => this.compilePage(p, source.prefix));
     const rules = this.compileRules(source);
+    console.log(pages.map((p) => p.tags));
+
     const dto: SchemaDto = {
       backgroundColor: source.backgroundColor,
       baseHeight: source.baseHeight,
@@ -119,6 +121,7 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
   private compilePage(page: BuilderPageDto, modulePrefix: string): PageDto {
     // console.log(_moduleId);
     // const textElement
+    const tags = page.tags ?? [];
     const { nextButton, mainText, id, mainMedia, _type } = page;
     const elements: DElementDto[] = [];
     const audioResourcesDto: DAudioDto[] = [];
@@ -145,11 +148,12 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
       const nextBtnElement: DElementDto = this.compileButton(id, nextButton, {
         kind: "next-button",
       });
+      const textStyle = mainMedia ? DefaultTheme.mainText.withMedia.text.css : DefaultTheme.mainText.noMedia.text.css;
       const element: DElementDto = {
         text: infoText,
         _tag: "p",
         id: generateElementId(),
-        style: DefaultTheme.mainText.withMedia.text.css,
+        style: textStyle,
       };
       elements.push(element);
       elements.push(nextBtnElement);
@@ -158,6 +162,7 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
       const mainImageElement = this.compileImage(mainMedia);
       elements.push(mainImageElement);
     }
+
     if (mainMedia && mainMedia.kind === "main-video") {
       const videoOutput = this.compileVideo(mainMedia);
       mainVideo = videoOutput.videoDto;
@@ -200,7 +205,7 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
       elements,
       id,
       mainVideoId,
-      tags: [],
+      tags: [...tags],
       video: videoResources,
     };
     return pageDto;
@@ -340,7 +345,9 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
     // console.log(page);
     const q = page.defaultQuestion;
     const text = page.mainText.text;
-
+    const questionStyle = page.mainMedia
+      ? DefaultTheme.mainText.withMedia.text.css
+      : DefaultTheme.mainText.noMedia.text.css;
     const question: DTextDto = {
       _tag: "p",
       text,
@@ -348,7 +355,7 @@ export class DefaultThemeCompiler extends AbstractThemeCompiler<IDefaultTheme> {
       id: U.randomString(30),
       onClick: [],
       onStateChange: [],
-      style: DefaultTheme.mainText.withMedia.text.css,
+      style: questionStyle,
     };
     const buttons = q.options.map((o) => {
       const btns = this.compileButton(pageId, o, {