@media-quest/builder 0.0.34 → 0.0.36

package/dist/public-api.d.ts

@@ -17,29 +17,33 @@ declare abstract class BuilderObject<T extends BuilderObjectType, Dto extends {}
 interface AudioFile {
     readonly kind: "audio-file";
     readonly id: string;
-    readonly downloadUrl: string;
+    downloadUrl: string;
     readonly duration: number;
     readonly originalFileName: string;
     readonly name: string;
     readonly size: number;
+    readonly relativePath?: string;
 }
 interface VideoFile {
     readonly kind: "video-file";
     readonly id: string;
-    readonly downloadUrl: string;
+    downloadUrl: string;
     readonly duration: number;
     readonly name: string;
     readonly size: number;
     readonly type: string;
     readonly originalFileName: string;
+    readonly relativePath?: string;
 }
 interface ImageFile {
     readonly kind: "image-file";
     readonly id: string;
-    readonly downloadUrl: string;
+    downloadUrl: string;
     readonly name: string;
     readonly size: number;
     readonly type: string;
+    readonly originalFileName?: string;
+    readonly relativePath?: string;
 }
 
 type ID<B extends string> = string & {
@@ -595,6 +599,89 @@ declare class BuilderTag extends BuilderObject<"builder-tag", BuilderTagDto> {
     toJson(): BuilderTagDto;
 }
 
+interface SumScoreVariableDto {
+    id: SumScoreVariableID;
+    name: string;
+    description: string;
+    useAvg: boolean;
+}
+declare class SumScoreVariable extends BuilderObject<"builder-sum-score-variable", SumScoreVariableDto> {
+    readonly objectType = "builder-sum-score-variable";
+    readonly id: SumScoreVariableID;
+    private _useAvg;
+    private _name;
+    private _description;
+    private _error;
+    private _usedIn;
+    get usedIn(): BuilderPage[];
+    static readonly create: (data: {
+        name: string;
+        description: string;
+        useAvg: boolean;
+    }) => SumScoreVariable;
+    get hasErrors(): boolean;
+    static fromDto: (dto: SumScoreVariableDto) => SumScoreVariable;
+    private constructor();
+    toJson(): SumScoreVariableDto;
+    clone(): SumScoreVariableDto;
+    get name(): string;
+    get description(): string;
+    get useAvg(): boolean;
+}
+
+/**
+ * Interface representing a code book question sum-score.
+ *
+ * @interface
+ */
+interface CodeBookQuestionVariable {
+    readonly kind: "codebook-question-variable";
+    readonly label: string;
+    readonly varId: string;
+    readonly pageId: PageID;
+    readonly pagePrefix: string;
+    readonly modulePrefix: string;
+    readonly pagePosition: number;
+    readonly options: ReadonlyArray<{
+        label: string;
+        value: number;
+    }>;
+    readonly includedInSumScores: ReadonlyArray<SumScoreVariableDto>;
+}
+interface CodebookPredefinedVariable {
+    readonly kind: "codebook-predefined-variable";
+    readonly modulePrefix: string;
+    readonly moduleID: string;
+    defaultValue: number;
+    options: Array<{
+        label: string;
+        value: number;
+    }>;
+}
+
+interface BuilderSchemaDto {
+    readonly id: SchemaID;
+    readonly prefix: SchemaPrefixValue;
+    readonly mainImage: ImageFile | false;
+    readonly backgroundColor: string;
+    readonly name: string;
+    readonly pages: ReadonlyArray<BuilderPageDto>;
+    readonly baseHeight: number;
+    readonly baseWidth: number;
+    readonly predefinedVariables?: Array<CodebookPredefinedVariable>;
+    readonly sumScoreVariables?: ReadonlyArray<SumScoreVariableDto>;
+    readonly rules: ReadonlyArray<BuilderRuleDto>;
+    readonly tags: ReadonlyArray<BuilderTagDto>;
+}
+declare const BuilderSchemaDto: {
+    blockAutoplayVideo: (dto: BuilderPageDto) => BuilderPageDto;
+    overrideAllMediaUrls: (schema: BuilderSchemaDto, options: {
+        videoFilesBaseUrl: string;
+        audioFilesBaseUrl: string;
+        imageFilesBaseUrl: string;
+    }) => BuilderSchemaDto;
+};
+
 interface ThemeCompiler<ThemeSchema> {
     currentTheme: ThemeSchema;
     allThemes: ThemeSchema[];
@@ -768,66 +855,6 @@ declare class DefaultThemeCompiler implements ThemeCompiler<IDefaultTheme> {
     private compileButton;
 }
 
-interface SumScoreVariableDto {
-    id: SumScoreVariableID;
-    name: string;
-    description: string;
-    useAvg: boolean;
-}
-declare class SumScoreVariable extends BuilderObject<"builder-sum-score-variable", SumScoreVariableDto> {
-    readonly objectType = "builder-sum-score-variable";
-    readonly id: SumScoreVariableID;
-    private _useAvg;
-    private _name;
-    private _description;
-    private _error;
-    private _usedIn;
-    get usedIn(): BuilderPage[];
-    static readonly create: (data: {
-        name: string;
-        description: string;
-        useAvg: boolean;
-    }) => SumScoreVariable;
-    get hasErrors(): boolean;
-    static fromDto: (dto: SumScoreVariableDto) => SumScoreVariable;
-    private constructor();
-    toJson(): SumScoreVariableDto;
-    clone(): SumScoreVariableDto;
-    get name(): string;
-    get description(): string;
-    get useAvg(): boolean;
-}
-
-/**
- * Interface representing a code book question sum-score.
- *
- * @interface
- */
-interface CodeBookQuestionVariable {
-    readonly kind: "codebook-question-variable";
-    readonly label: string;
-    readonly varId: string;
-    readonly pageId: PageID;
-    readonly pagePrefix: string;
-    readonly modulePrefix: string;
-    readonly pagePosition: number;
-    readonly options: ReadonlyArray<{
-        label: string;
-        value: number;
-    }>;
-    readonly includedInSumScores: ReadonlyArray<SumScoreVariableDto>;
-}
-interface CodebookPredefinedVariable {
-    readonly kind: "codebook-predefined-variable";
-    readonly modulePrefix: string;
-    readonly moduleID: string;
-    defaultValue: number;
-    options: Array<{
-        label: string;
-        value: number;
-    }>;
-}
-
 interface Codebook {
     readonly predefinedVariables: ReadonlyArray<CodebookPredefinedVariable>;
     readonly pageVariables: ReadonlyArray<CodeBookQuestionVariable>;
@@ -861,22 +888,14 @@ interface CompilerOutput {
 interface CompilerOption {
     blockAutoplayQuestion: boolean;
     blockAutoplayVideo: boolean;
+    mediaAssets: {
+        audioFilesBaseUrl: string;
+        videoFilesBaseUrl: string;
+        imageFilesBaseUrl: string;
+        fileNameStrategy: "id" | "newFileName" | "originalFileName" | "relativePath";
+    } | null;
 }
 
-interface BuilderSchemaDto {
-    readonly id: SchemaID;
-    readonly prefix: SchemaPrefixValue;
-    readonly mainImage: ImageFile | false;
-    readonly backgroundColor: string;
-    readonly name: string;
-    readonly pages: ReadonlyArray<BuilderPageDto>;
-    readonly baseHeight: number;
-    readonly baseWidth: number;
-    readonly predefinedVariables?: Array<CodebookPredefinedVariable>;
-    readonly sumScoreVariables?: ReadonlyArray<SumScoreVariableDto>;
-    readonly rules: ReadonlyArray<BuilderRuleDto>;
-    readonly tags: ReadonlyArray<BuilderTagDto>;
-}
 declare class BuilderSchema {
     readonly id: SchemaID;
     name: string;
@@ -996,4 +1015,4 @@ declare class TagCollection implements Iterable<BuilderTag> {
 
 declare const DefaultTheme: IDefaultTheme;
 
-export { type AudioFile, BuilderCondition, type BuilderConditionDto, BuilderConditionGroup, type BuilderConditionGroupDto, type BuilderMainImageDto, BuilderMainText, type BuilderMainTextDto, type BuilderMainVideoDto, BuilderOperator, BuilderOption, type BuilderOptionDto, BuilderPage, type BuilderPageDto, type BuilderPageType, BuilderQuestion, type BuilderQuestionDto, type BuilderQuestionType, BuilderRule, type BuilderRuleDto, BuilderSchema, type BuilderSchemaDto, BuilderTag, type BuilderTagDto, BuilderText, type BuilderTextDto, CodeBook, type CodeBookQuestionVariable, type Codebook, type CodebookPredefinedVariable, type CompilerOption, type CompilerOutput, ConditionGroupType, DefaultTheme, type ExcludeByPageAction, ExcludeByPageIdSelectItem, type ExcludeByTagAction, ExcludeByTagSelectItem, type ID, type ImageFile, JumpToActionManager, type JumpToPageAction, JumpToPageSelectItem, MultiSelectItem, OperatorSelectItem, OptionID, PageActionManager, PageID, PagePrefix, type PagePrefixValue, QuestionID, RuleCustomVariable, RuleInput, RuleOptionSelectItem, RuleQuestionVariable, type RuleVariable, RuleVariableOption, RuleVariableSelectItem, SchemaConfig, SchemaID, SchemaPrefix, type SchemaPrefixValue, SingleSelectItem, SumScore, type SumScoreAnswer, SumScoreVariable, type SumScoreVariableDto, SumScoreVariableID, TagActionManager, TagCollection, TagID, TextID, VarID, type VideoFile, _CodeBook, createTypedIdSingleton };
+export { type AudioFile, BuilderCondition, type BuilderConditionDto, BuilderConditionGroup, type BuilderConditionGroupDto, type BuilderMainImageDto, BuilderMainText, type BuilderMainTextDto, type BuilderMainVideoDto, BuilderOperator, BuilderOption, type BuilderOptionDto, BuilderPage, type BuilderPageDto, type BuilderPageType, BuilderQuestion, type BuilderQuestionDto, type BuilderQuestionType, BuilderRule, type BuilderRuleDto, BuilderSchema, BuilderSchemaDto, BuilderTag, type BuilderTagDto, BuilderText, type BuilderTextDto, CodeBook, type CodeBookQuestionVariable, type Codebook, type CodebookPredefinedVariable, type CompilerOption, type CompilerOutput, ConditionGroupType, DefaultTheme, type ExcludeByPageAction, ExcludeByPageIdSelectItem, type ExcludeByTagAction, ExcludeByTagSelectItem, type ID, type ImageFile, JumpToActionManager, type JumpToPageAction, JumpToPageSelectItem, MultiSelectItem, OperatorSelectItem, OptionID, PageActionManager, PageID, PagePrefix, type PagePrefixValue, QuestionID, RuleCustomVariable, RuleInput, RuleOptionSelectItem, RuleQuestionVariable, type RuleVariable, RuleVariableOption, RuleVariableSelectItem, SchemaConfig, SchemaID, SchemaPrefix, type SchemaPrefixValue, SingleSelectItem, SumScore, type SumScoreAnswer, SumScoreVariable, type SumScoreVariableDto, SumScoreVariableID, TagActionManager, TagCollection, TagID, TextID, VarID, type VideoFile, _CodeBook, createTypedIdSingleton };

package/dist/public-api.js

@@ -29,6 +29,7 @@ __export(public_api_exports, {
   BuilderQuestion: () => BuilderQuestion,
   BuilderRule: () => BuilderRule,
   BuilderSchema: () => BuilderSchema,
+  BuilderSchemaDto: () => BuilderSchemaDto,
   BuilderTag: () => BuilderTag,
   BuilderText: () => BuilderText,
   CodeBook: () => CodeBook,
@@ -1418,11 +1419,16 @@ var BuilderOptionTheme;
   const BLUE = "#2F5597";
   const BTN_BORDER_WIDTH = 3;
   const BTN_BORDER_RADIUS = 10;
+  const BTN_HEIGHT = 130;
+  const BTN_WIDTH_LONG = { _unit: "percent", value: 19 };
+  const BTN_WIDTH_SHORT = { _unit: "percent", value: 15 };
   const BTN_BORDER_STYLE = "solid";
-  const FONT_WEIGHT = 600;
-  const FONT_SIZE = 50;
-  const BTN_PADDING_LEFT = 40;
-  const BTN_PADDING_TOP = 40;
+  const FONT_WEIGHT = 500;
+  const FONT_SIZE = 36;
+  const MAIN_TEXT_FONT_SIZE = { _unit: "px", value: 36 };
+  const MAIN_TEXT_WIDTH = { _unit: "percent", value: 80 };
+  const BTN_PADDING_LEFT = 10;
+  const BTN_PADDING_TOP = 10;
   const buttonBaseCss = () => ({
     css: {
       fontWeight: FONT_WEIGHT,
@@ -1434,6 +1440,8 @@ var BuilderOptionTheme;
       paddingRight: { _unit: "px", value: BTN_PADDING_LEFT },
       borderRadius: { _unit: "px", value: BTN_BORDER_RADIUS },
       borderWidth: { _unit: "px", value: BTN_BORDER_WIDTH },
+      width: BTN_WIDTH_LONG,
+      height: { _unit: "px", value: BTN_HEIGHT },
       borderStyle: BTN_BORDER_STYLE,
       // boxShadow: "3px 3px gray",
       position: "relative",
@@ -1468,7 +1476,8 @@ var BuilderOptionTheme;
             ...css,
             backgroundColor: WHITE,
             borderColor: LIGHT_BLUE,
-            textColor: BLUE
+            textColor: BLUE,
+            width: BTN_WIDTH_SHORT
           },
           cssDisabled,
           cssEnabled
@@ -1486,9 +1495,10 @@ var textLowTop = 55;
 var audioHighTop = 20;
 var audioLowTop = 55;
 var textBase = {
-  width: 80,
+  width: 76,
+  // backgroundColor: "red",
   top: textHighTop,
-  left: 10,
+  left: 12,
   textAlign: "center",
   textColor: "black",
   fontSize: { _unit: "px", value: 40 }
@@ -1558,8 +1568,8 @@ var DefaultTheme = {
         bottom: 0,
         left: 0,
         // h: 10,
-        alignItems: "center",
-        backgroundColor: "yellow"
+        alignItems: "center"
+        // backgroundColor: "yellow",
       },
       whenSingle: { justifyContent: "space-evenly" },
       whenMany: { justifyContent: "space-evenly" }
@@ -1778,15 +1788,15 @@ var responseButtonBaseCss = () => ({
     borderColor: Colors.primary,
     textColor: Colors.white,
     fontWeight: 600,
-    fontSize: { _unit: "px", value: 30 },
-    lineHeight: 1,
-    maxWidth: 30,
+    fontSize: { _unit: "px", value: 28 },
+    lineHeight: 1.1,
+    maxWidth: 25,
     // width: 20,
     // flex: "0 0 auto",
-    paddingLeft: { _unit: "px", value: 30 },
-    paddingTop: { _unit: "px", value: 10 },
-    paddingBottom: { _unit: "px", value: 10 },
-    paddingRight: { _unit: "px", value: 30 },
+    paddingLeft: { _unit: "px", value: 10 },
+    paddingTop: { _unit: "px", value: 5 },
+    paddingBottom: { _unit: "px", value: 5 },
+    paddingRight: { _unit: "px", value: 10 },
     borderRadius: { _unit: "px", value: 20 },
     borderStyle: "solid",
     boxShadow: "3px 3px gray",
@@ -1986,11 +1996,11 @@ var Theme2 = {
         display: "flex",
         justifyContent: "flex-start",
         width: BUTTON_BAR_WIDTH,
-        height: 8,
+        height: 6,
         bottom: Q_AREA_BOTTOM + H_M3,
         left: Q_AREA_LEFT + W_M3,
         // backgroundColor: "green",
-        gap: { _unit: "px", value: 20 },
+        gap: { _unit: "px", value: 40 },
         alignItems: "stretch"
       },
       whenSingle: { justifyContent: "center" },
@@ -2006,7 +2016,7 @@ var DefaultThemeCompiler = class {
   name = "Ispe default theme.";
   defaultTheme = DefaultTheme;
   theme2 = Theme2;
-  currentTheme = Theme2;
+  currentTheme = DefaultTheme;
   allThemes = [DefaultTheme, Theme2];
   TAG = "[ DEFAULT_THEME_COMPILER ]: ";
   setTheme(theme) {
@@ -2078,6 +2088,7 @@ var DefaultThemeCompiler = class {
     let initialVideoTaskList = [];
     const newPage = {
       background: "white",
+      pageNumber,
       elements,
       id,
       prefix,
@@ -2939,6 +2950,45 @@ var BuilderPageCollection = class _BuilderPageCollection {
   }
 };
 
+// src/Builder-schema-dto.ts
+var blockAutoplayVideo = (dto) => {
+  if (dto.mainMedia && dto.mainMedia.kind === "main-video") {
+    dto.mainMedia.mode = "optional";
+  }
+  return dto;
+};
+var overrideVideoUrl = (dto, baseUrl) => {
+  if (dto.mainMedia && dto.mainMedia.kind === "main-video") {
+    dto.mainMedia.file.downloadUrl = [baseUrl, dto.mainMedia.file.id].join("/");
+  }
+  return dto;
+};
+var overrideImageUrl = (dto, baseUrl) => {
+  if (dto.mainMedia && dto.mainMedia.kind === "main-image") {
+    dto.mainMedia.file.downloadUrl = [baseUrl, dto.mainMedia.file.id].join("/");
+  }
+  return dto;
+};
+var overrideAudioUrl = (dto, baseUrl) => {
+  if (dto.mainText.audioFile) {
+    dto.mainText.audioFile.downloadUrl = [baseUrl, dto.mainText.audioFile.id].join("/");
+  }
+  return dto;
+};
+var overrideAllMediaUrls = (schema, options) => {
+  const pages = schema.pages.map((page) => {
+    page = overrideVideoUrl(page, options.videoFilesBaseUrl);
+    page = overrideImageUrl(page, options.imageFilesBaseUrl);
+    page = overrideAudioUrl(page, options.audioFilesBaseUrl);
+    return page;
+  });
+  return { ...schema, pages };
+};
+var BuilderSchemaDto = {
+  blockAutoplayVideo,
+  overrideAllMediaUrls
+};
+
 // src/Builder-schema.ts
 var BuilderSchema = class _BuilderSchema {
   constructor(id, name, prefix) {
@@ -3132,8 +3182,12 @@ var BuilderSchema = class _BuilderSchema {
   addTag(builderTag) {
     this._tagCollection.add(builderTag);
   }
-  compile(options = { blockAutoplayQuestion: false, blockAutoplayVideo: false }) {
-    const builderSchema = _BuilderSchema.fromJson(this.toJson());
+  compile(options = {
+    blockAutoplayQuestion: false,
+    blockAutoplayVideo: false,
+    mediaAssets: null
+  }) {
+    let builderSchema = _BuilderSchema.fromJson(this.toJson());
     builderSchema._pageCollection.pages.forEach((p) => {
       if (options.blockAutoplayQuestion) {
         p.mainText.autoplay = false;
@@ -3144,7 +3198,15 @@ var BuilderSchema = class _BuilderSchema {
         }
       }
     });
-    const moduleDto = builderSchema.toJson();
+    let moduleDto = builderSchema.toJson();
+    if (options.mediaAssets) {
+      const { videoFilesBaseUrl, audioFilesBaseUrl, imageFilesBaseUrl } = options.mediaAssets;
+      moduleDto = BuilderSchemaDto.overrideAllMediaUrls(moduleDto, {
+        videoFilesBaseUrl,
+        audioFilesBaseUrl,
+        imageFilesBaseUrl
+      });
+    }
     const codebook = CodeBook.fromSchema(moduleDto);
     const schema = this.compiler.compile(moduleDto);
     const schemaConfig = SchemaConfig.fromSchema(moduleDto);
@@ -3331,6 +3393,7 @@ var SumScore = {
   BuilderQuestion,
   BuilderRule,
   BuilderSchema,
+  BuilderSchemaDto,
   BuilderTag,
   BuilderText,
   CodeBook,