@media-quest/builder 0.0.22 → 0.0.23

package/src/rulebuilder/tag-action-manager.spec.ts

@@ -1,44 +1,44 @@
-import type { ExcludeByTagAction } from "./RuleAction";
-import { TagActionManager } from "./tag-action-manager";
-
-const opt = (tag: string): ExcludeByTagAction => {
-    return { kind: "exclude-by-tag", tag, pageCount: 2, description: "" };
-};
-
-const t1 = opt("tag1");
-const t2 = opt("tag2");
-const t3 = opt("tag3");
-const t4 = opt("tag4");
-const t5 = opt("tag5");
-const t6 = opt("tag6");
-const allOptions = [t1, t2, t3, t4, t5, t6];
-describe("Builder Rule Tag ", () => {
-    test("Can initialize ExcludeByTagCollection, and filter invalid tags.", () => {
-        const collection = new TagActionManager(allOptions, [t1.tag, "__invalid__tag"]);
-
-        expect(collection).toBeInstanceOf(TagActionManager);
-        const initialTags = collection.getCurrentSelection();
-        const initialTag0 = initialTags[0];
-        expect(initialTag0).toBe(t1.tag);
-        expect(collection.getCurrentSelection().length).toBe(1);
-    });
-
-    test("Will remove duplicate selections.", () => {
-        const initialSelection = [t1.tag, t1.tag, t6.tag];
-        const collection = new TagActionManager(allOptions, initialSelection);
-
-        const initialTags = collection.getCurrentSelection();
-        expect(initialTags[0]).toBe(t1.tag);
-        expect(collection.getCurrentSelection().length).toBe(2);
-    });
-    test("Can update selection.", () => {
-        const initialSelection = [t1.tag, t6.tag];
-        const collection = new TagActionManager(allOptions, initialSelection);
-
-        const initialTags = collection.getCurrentSelection();
-        expect(initialTags[0]).toBe(t1.tag);
-        expect(collection.getCurrentSelection().length).toBe(2);
-        // collection.setTags([t1.tag, t2.tag, t3.tag]);
-        // expect(collection.getTags().length).toBe(3);
-    });
-});
+import type { ExcludeByTagAction } from "./RuleAction";
+import { TagActionManager } from "./tag-action-manager";
+
+const opt = (tag: string): ExcludeByTagAction => {
+    return { kind: "exclude-by-tag", tag, pageCount: 2, description: "" };
+};
+
+const t1 = opt("tag1");
+const t2 = opt("tag2");
+const t3 = opt("tag3");
+const t4 = opt("tag4");
+const t5 = opt("tag5");
+const t6 = opt("tag6");
+const allOptions = [t1, t2, t3, t4, t5, t6];
+describe("Builder Rule Tag ", () => {
+    test("Can initialize ExcludeByTagCollection, and filter invalid tags.", () => {
+        const collection = new TagActionManager(allOptions, [t1.tag, "__invalid__tag"]);
+
+        expect(collection).toBeInstanceOf(TagActionManager);
+        const initialTags = collection.getCurrentSelection();
+        const initialTag0 = initialTags[0];
+        expect(initialTag0).toBe(t1.tag);
+        expect(collection.getCurrentSelection().length).toBe(1);
+    });
+
+    test("Will remove duplicate selections.", () => {
+        const initialSelection = [t1.tag, t1.tag, t6.tag];
+        const collection = new TagActionManager(allOptions, initialSelection);
+
+        const initialTags = collection.getCurrentSelection();
+        expect(initialTags[0]).toBe(t1.tag);
+        expect(collection.getCurrentSelection().length).toBe(2);
+    });
+    test("Can update selection.", () => {
+        const initialSelection = [t1.tag, t6.tag];
+        const collection = new TagActionManager(allOptions, initialSelection);
+
+        const initialTags = collection.getCurrentSelection();
+        expect(initialTags[0]).toBe(t1.tag);
+        expect(collection.getCurrentSelection().length).toBe(2);
+        // collection.setTags([t1.tag, t2.tag, t3.tag]);
+        // expect(collection.getTags().length).toBe(3);
+    });
+});

package/src/rulebuilder/tag-action-manager.ts

@@ -1,28 +1,28 @@
-import type { RuleInput } from "./RuleInput";
-import { ExcludeByTagSelectItem } from "./multi-select-item";
-import { ExcludeByTagAction } from "./RuleAction";
-
-export class TagActionManager {
-  private readonly _initialSelection: Set<string>;
-  readonly selectItems: ReadonlyArray<ExcludeByTagSelectItem>;
-  constructor(
-    readonly validOptions: RuleInput["_tagActions"],
-    readonly initialSelection: ReadonlyArray<string>,
-  ) {
-    this._initialSelection = new Set([...initialSelection]);
-    this.selectItems = validOptions.map((opt) => {
-      const isSelected = this._initialSelection.has(opt.tag);
-      return ExcludeByTagSelectItem.create(opt, isSelected);
-    });
-  }
-  getCurrentSelection(): ReadonlyArray<string> {
-    const selected = this.selectItems.filter((item) => item.isSelected).map((itm) => itm.data.tag);
-    return selected;
-  }
-
-  getEngineActions(): ReadonlyArray<ExcludeByTagAction> {
-    const selected = this.selectItems.filter((item) => item.isSelected);
-    const tagActions = selected.map((s) => s.data);
-    return [...tagActions];
-  }
-}
+import type { RuleInput } from "./RuleInput";
+import { ExcludeByTagSelectItem } from "./multi-select-item";
+import { ExcludeByTagAction } from "./RuleAction";
+
+export class TagActionManager {
+  private readonly _initialSelection: Set<string>;
+  readonly selectItems: ReadonlyArray<ExcludeByTagSelectItem>;
+  constructor(
+    readonly validOptions: RuleInput["_tagActions"],
+    readonly initialSelection: ReadonlyArray<string>,
+  ) {
+    this._initialSelection = new Set([...initialSelection]);
+    this.selectItems = validOptions.map((opt) => {
+      const isSelected = this._initialSelection.has(opt.tag);
+      return ExcludeByTagSelectItem.create(opt, isSelected);
+    });
+  }
+  getCurrentSelection(): ReadonlyArray<string> {
+    const selected = this.selectItems.filter((item) => item.isSelected).map((itm) => itm.data.tag);
+    return selected;
+  }
+
+  getEngineActions(): ReadonlyArray<ExcludeByTagAction> {
+    const selected = this.selectItems.filter((item) => item.isSelected);
+    const tagActions = selected.map((s) => s.data);
+    return [...tagActions];
+  }
+}

package/src/schema-config.ts

@@ -1,25 +1,25 @@
-import { PredefinedVariable } from "./mq-variable";
-import { BuilderSchemaDto } from "./Builder-schema";
-
-/**
- * This interface is ment to define all information that a schema-admin app
- * needs to generate a dynamic form for setting values for predefined variables.
- */
-export interface SchemaConfig {
-  readonly schemaName: string;
-  readonly schemaId: string;
-  readonly schemaPrefix: string;
-  readonly variables: ReadonlyArray<Readonly<PredefinedVariable>>;
-}
-
-export const SchemaConfig = {
-  fromSchema: (schema: BuilderSchemaDto): SchemaConfig => {
-    const variables = schema.predefinedVariables ?? [];
-    return {
-      schemaId: schema.id,
-      schemaName: schema.name,
-      schemaPrefix: schema.prefix,
-      variables,
-    };
-  },
-} as const;
+import { PredefinedVariable } from "./variable/mq-variable";
+import { BuilderSchemaDto } from "./Builder-schema";
+
+/**
+ * This interface is ment to define all information that a schema-admin app
+ * needs to generate a dynamic form for setting values for predefined variables.
+ */
+export interface SchemaConfig {
+  readonly schemaName: string;
+  readonly schemaId: string;
+  readonly schemaPrefix: string;
+  readonly variables: ReadonlyArray<Readonly<PredefinedVariable>>;
+}
+
+export const SchemaConfig = {
+  fromSchema: (schema: BuilderSchemaDto): SchemaConfig => {
+    const variables = schema.predefinedVariables ?? [];
+    return {
+      schemaId: schema.id,
+      schemaName: schema.name,
+      schemaPrefix: schema.prefix,
+      variables,
+    };
+  },
+} as const;

package/src/theme/AbstractThemeCompiler.ts

@@ -1,7 +1,7 @@
-import type { BuilderSchemaDto } from "../Builder-schema";
-import { SchemaDto } from "@media-quest/engine";
-
-export abstract class AbstractThemeCompiler<ThemeSchema> {
-  protected constructor(protected readonly theme: ThemeSchema) {}
-  abstract compile(schema: BuilderSchemaDto): SchemaDto;
-}
+import type { BuilderSchemaDto } from "../Builder-schema";
+import { SchemaDto } from "@media-quest/engine";
+
+export abstract class AbstractThemeCompiler<ThemeSchema> {
+  protected constructor(protected readonly theme: ThemeSchema) {}
+  abstract compile(schema: BuilderSchemaDto): SchemaDto;
+}

package/src/theme/IDefaultTheme.ts

@@ -1,226 +1,226 @@
-import type { CssTheme } from "./css-theme";
-import { DStyle, DCss } from "@media-quest/engine";
-import { IconUrls } from "./icon-urls";
-
-type PStyle = Partial<DStyle>;
-export interface IDefaultTheme {
-  name: string;
-  image: { style: PStyle };
-  videoPlayer: {
-    playButton: {
-      iconUrl: string;
-      css: PStyle;
-      cssDisabled: PStyle;
-      cssEnabled: PStyle;
-    };
-    pauseButton: {
-      iconUrl: string;
-      css: PStyle;
-      cssDisabled: PStyle;
-      cssEnabled: PStyle;
-    };
-    videoElement: {
-      css: PStyle;
-    };
-  };
-  mainText: {
-    noMedia: {
-      text: { css: PStyle; cssDisabled: PStyle; cssEnabled: PStyle };
-      audio: { css: PStyle; cssDisabled: PStyle; cssEnabled: PStyle };
-    };
-    withMedia: {
-      text: { css: PStyle; cssDisabled: PStyle; cssEnabled: PStyle };
-      audio: { css: PStyle; cssDisabled: PStyle; cssEnabled: PStyle };
-    };
-  };
-  // mainTextTheme: BuilderTextTheme;
-  responseButtons: BuilderOptionTheme;
-  nextButtonTheme: BuilderOptionTheme;
-  // mainQuestionText: BuilderTextTheme;
-  // dontKnowButtonTheme: BuilderOptionTheme;
-  buttonThemes?: Array<BuilderOptionTheme>;
-}
-
-export interface BuilderOptionTheme {
-  name: string;
-  normal: ButtonTheme;
-  dontKnow: ButtonTheme;
-}
-
-interface ButtonTheme {
-  btn: CssTheme;
-  divider: PStyle;
-  text1: PStyle;
-  text2: PStyle;
-}
-
-namespace BuilderOptionTheme {
-  const GREEN = "#70AD47";
-  const YELLOW = "#FFC000";
-  const ORANGE = "#F4902C";
-  const RED = "#FF0000";
-  const LIGHT_BLUE = "#42719C";
-  const WHITE = "#ffffff";
-  const BLUE = "#2F5597";
-  const BTN_WIDTH = 18.5;
-  const BTN_BORDER_WIDTH = 3;
-  const BTN_BORDER_RADIUS = 10;
-  const BTN_BORDER_STYLE: DStyle["borderStyle"] = "solid";
-  const BTN_HEIGHT = 9.2;
-  const BTN_SHORT_WIDTH = 13.7;
-  const FONT_WEIGHT: DStyle["fontWeight"] = 600;
-  const FONT_SIZE: DCss.Px["value"] = 35;
-
-  export const blueButton = (): BuilderOptionTheme => {
-    const optionTheme: BuilderOptionTheme = {
-      name: "blue-button-theme",
-      normal: {
-        btn: {
-          css: {
-            backgroundColor: BLUE,
-            borderColor: BLUE,
-            textColor: WHITE,
-            fontSize: { _unit: "px", value: FONT_SIZE },
-            borderWidth: { _unit: "px", value: BTN_BORDER_WIDTH },
-            borderStyle: BTN_BORDER_STYLE,
-            borderRadius: { value: BTN_BORDER_RADIUS, _unit: "px" },
-            padding: { _unit: "px", value: 40 },
-            h: BTN_HEIGHT,
-            w: BTN_WIDTH,
-            x: 10,
-            y: 8,
-            textAlign: "center",
-          },
-          cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
-          cssEnabled: { opacity: 1, cursor: "pointer" },
-        },
-        divider: {},
-        text1: {
-          y: 50,
-          transform: "translate(0%, 50%)",
-          textColor: WHITE,
-          fontSize: { _unit: "px", value: FONT_SIZE },
-          w: 84,
-          x: 8,
-          fontWeight: FONT_WEIGHT,
-          textAlign: "center",
-        },
-        text2: {},
-      },
-
-      dontKnow: {
-        btn: {
-          css: {
-            backgroundColor: WHITE,
-            borderColor: LIGHT_BLUE,
-            textColor: BLUE,
-            fontSize: { _unit: "px", value: FONT_SIZE },
-            borderWidth: { _unit: "px", value: BTN_BORDER_WIDTH },
-            borderStyle: BTN_BORDER_STYLE,
-            borderRadius: { value: BTN_BORDER_RADIUS, _unit: "px" },
-            padding: { _unit: "px", value: 40 },
-            h: BTN_HEIGHT,
-            w: BTN_SHORT_WIDTH,
-            x: 10,
-            y: 8,
-            textAlign: "center",
-          },
-          cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
-          cssEnabled: { opacity: 1, cursor: "pointer" },
-        },
-        text1: {
-          y: 50,
-          transform: "translate(0%, 50%)",
-          textColor: BLUE,
-          fontSize: { _unit: "px", value: FONT_SIZE },
-          w: 84,
-          x: 8,
-          fontWeight: FONT_WEIGHT,
-          textAlign: "center",
-        },
-        text2: {},
-        divider: {},
-      },
-    };
-
-    return optionTheme;
-  };
-}
-
-export const DefaultTheme: IDefaultTheme = {
-  name: "default-theme",
-  videoPlayer: {
-    playButton: {
-      iconUrl: IconUrls.playCircleRegular,
-      css: { w: 5, h: 5, y: 48, x: 4 },
-      cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
-      cssEnabled: { opacity: 0.8, cursor: "pointer" },
-    },
-    pauseButton: {
-      iconUrl: IconUrls.pauseSvg,
-      css: { w: 5, h: 5, y: 48, x: 4 },
-      cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
-      cssEnabled: { opacity: 0.8, cursor: "pointer" },
-    },
-    videoElement: { css: { w: 100, h: 45, y: 55, x: 0 } },
-  },
-  image: { style: { h: 50, w: 100, x: 0 } },
-  mainText: {
-    noMedia: {
-      text: {
-        css: {
-          w: 80,
-          y: 65,
-          x: 10,
-          textAlign: "center",
-          textColor: "black",
-          fontSize: { _unit: "px", value: 40 },
-        },
-        cssDisabled: {},
-        cssEnabled: {},
-      },
-      audio: {
-        css: {
-          h: 6,
-          w: 6,
-          x: 4,
-          y: 32,
-          cursor: "pointer",
-          opacity: 0.8,
-          visibility: "visible",
-        },
-        cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
-        cssEnabled: { opacity: 0.8, cursor: "pointer" },
-      },
-    },
-    withMedia: {
-      text: {
-        css: {
-          w: 80,
-          y: 27,
-          x: 10,
-          textAlign: "center",
-          textColor: "black",
-          fontSize: { _unit: "px", value: 30 },
-        },
-        cssDisabled: {},
-        cssEnabled: {},
-      },
-      audio: {
-        css: {
-          h: 6,
-          w: 6,
-          x: 4,
-          y: 32,
-          cursor: "pointer",
-          opacity: 0.8,
-          visibility: "visible",
-        },
-        cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
-        cssEnabled: { opacity: 0.8, cursor: "pointer" },
-      },
-    },
-  },
-  nextButtonTheme: BuilderOptionTheme.blueButton(),
-  responseButtons: BuilderOptionTheme.blueButton(),
-};
+import type { CssTheme } from "./css-theme";
+import { DStyle, DCss } from "@media-quest/engine";
+import { IconUrls } from "./icon-urls";
+
+type PStyle = Partial<DStyle>;
+export interface IDefaultTheme {
+  name: string;
+  image: { style: PStyle };
+  videoPlayer: {
+    playButton: {
+      iconUrl: string;
+      css: PStyle;
+      cssDisabled: PStyle;
+      cssEnabled: PStyle;
+    };
+    pauseButton: {
+      iconUrl: string;
+      css: PStyle;
+      cssDisabled: PStyle;
+      cssEnabled: PStyle;
+    };
+    videoElement: {
+      css: PStyle;
+    };
+  };
+  mainText: {
+    noMedia: {
+      text: { css: PStyle; cssDisabled: PStyle; cssEnabled: PStyle };
+      audio: { css: PStyle; cssDisabled: PStyle; cssEnabled: PStyle };
+    };
+    withMedia: {
+      text: { css: PStyle; cssDisabled: PStyle; cssEnabled: PStyle };
+      audio: { css: PStyle; cssDisabled: PStyle; cssEnabled: PStyle };
+    };
+  };
+  // mainTextTheme: BuilderTextTheme;
+  responseButtons: BuilderOptionTheme;
+  nextButtonTheme: BuilderOptionTheme;
+  // mainQuestionText: BuilderTextTheme;
+  // dontKnowButtonTheme: BuilderOptionTheme;
+  buttonThemes?: Array<BuilderOptionTheme>;
+}
+
+export interface BuilderOptionTheme {
+  name: string;
+  normal: ButtonTheme;
+  dontKnow: ButtonTheme;
+}
+
+interface ButtonTheme {
+  btn: CssTheme;
+  divider: PStyle;
+  text1: PStyle;
+  text2: PStyle;
+}
+
+namespace BuilderOptionTheme {
+  const GREEN = "#70AD47";
+  const YELLOW = "#FFC000";
+  const ORANGE = "#F4902C";
+  const RED = "#FF0000";
+  const LIGHT_BLUE = "#42719C";
+  const WHITE = "#ffffff";
+  const BLUE = "#2F5597";
+  const BTN_WIDTH = 18.5;
+  const BTN_BORDER_WIDTH = 3;
+  const BTN_BORDER_RADIUS = 10;
+  const BTN_BORDER_STYLE: DStyle["borderStyle"] = "solid";
+  const BTN_HEIGHT = 9.2;
+  const BTN_SHORT_WIDTH = 13.7;
+  const FONT_WEIGHT: DStyle["fontWeight"] = 600;
+  const FONT_SIZE: DCss.Px["value"] = 35;
+
+  export const blueButton = (): BuilderOptionTheme => {
+    const optionTheme: BuilderOptionTheme = {
+      name: "blue-button-theme",
+      normal: {
+        btn: {
+          css: {
+            backgroundColor: BLUE,
+            borderColor: BLUE,
+            textColor: WHITE,
+            fontSize: { _unit: "px", value: FONT_SIZE },
+            borderWidth: { _unit: "px", value: BTN_BORDER_WIDTH },
+            borderStyle: BTN_BORDER_STYLE,
+            borderRadius: { value: BTN_BORDER_RADIUS, _unit: "px" },
+            padding: { _unit: "px", value: 40 },
+            h: BTN_HEIGHT,
+            w: BTN_WIDTH,
+            x: 10,
+            y: 8,
+            textAlign: "center",
+          },
+          cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
+          cssEnabled: { opacity: 1, cursor: "pointer" },
+        },
+        divider: {},
+        text1: {
+          y: 50,
+          transform: "translate(0%, 50%)",
+          textColor: WHITE,
+          fontSize: { _unit: "px", value: FONT_SIZE },
+          w: 84,
+          x: 8,
+          fontWeight: FONT_WEIGHT,
+          textAlign: "center",
+        },
+        text2: {},
+      },
+
+      dontKnow: {
+        btn: {
+          css: {
+            backgroundColor: WHITE,
+            borderColor: LIGHT_BLUE,
+            textColor: BLUE,
+            fontSize: { _unit: "px", value: FONT_SIZE },
+            borderWidth: { _unit: "px", value: BTN_BORDER_WIDTH },
+            borderStyle: BTN_BORDER_STYLE,
+            borderRadius: { value: BTN_BORDER_RADIUS, _unit: "px" },
+            padding: { _unit: "px", value: 40 },
+            h: BTN_HEIGHT,
+            w: BTN_SHORT_WIDTH,
+            x: 10,
+            y: 8,
+            textAlign: "center",
+          },
+          cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
+          cssEnabled: { opacity: 1, cursor: "pointer" },
+        },
+        text1: {
+          y: 50,
+          transform: "translate(0%, 50%)",
+          textColor: BLUE,
+          fontSize: { _unit: "px", value: FONT_SIZE },
+          w: 84,
+          x: 8,
+          fontWeight: FONT_WEIGHT,
+          textAlign: "center",
+        },
+        text2: {},
+        divider: {},
+      },
+    };
+
+    return optionTheme;
+  };
+}
+
+export const DefaultTheme: IDefaultTheme = {
+  name: "default-theme",
+  videoPlayer: {
+    playButton: {
+      iconUrl: IconUrls.playCircleRegular,
+      css: { w: 5, h: 5, y: 48, x: 4 },
+      cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
+      cssEnabled: { opacity: 0.8, cursor: "pointer" },
+    },
+    pauseButton: {
+      iconUrl: IconUrls.pauseSvg,
+      css: { w: 5, h: 5, y: 48, x: 4 },
+      cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
+      cssEnabled: { opacity: 0.8, cursor: "pointer" },
+    },
+    videoElement: { css: { w: 100, h: 45, y: 55, x: 0 } },
+  },
+  image: { style: { h: 50, w: 100, x: 0 } },
+  mainText: {
+    noMedia: {
+      text: {
+        css: {
+          w: 80,
+          y: 65,
+          x: 10,
+          textAlign: "center",
+          textColor: "black",
+          fontSize: { _unit: "px", value: 40 },
+        },
+        cssDisabled: {},
+        cssEnabled: {},
+      },
+      audio: {
+        css: {
+          h: 6,
+          w: 6,
+          x: 4,
+          y: 32,
+          cursor: "pointer",
+          opacity: 0.8,
+          visibility: "visible",
+        },
+        cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
+        cssEnabled: { opacity: 0.8, cursor: "pointer" },
+      },
+    },
+    withMedia: {
+      text: {
+        css: {
+          w: 80,
+          y: 27,
+          x: 10,
+          textAlign: "center",
+          textColor: "black",
+          fontSize: { _unit: "px", value: 30 },
+        },
+        cssDisabled: {},
+        cssEnabled: {},
+      },
+      audio: {
+        css: {
+          h: 6,
+          w: 6,
+          x: 4,
+          y: 32,
+          cursor: "pointer",
+          opacity: 0.8,
+          visibility: "visible",
+        },
+        cssDisabled: { opacity: 0.3, cursor: "not-allowed" },
+        cssEnabled: { opacity: 0.8, cursor: "pointer" },
+      },
+    },
+  },
+  nextButtonTheme: BuilderOptionTheme.blueButton(),
+  responseButtons: BuilderOptionTheme.blueButton(),
+};