webgal-parser 4.4.9 → 4.4.14-1

package/build/umd/index.global.js

@@ -35,63 +35,54 @@ var webgalParser = (function (exports) {
       commandType[commandType["setTransform"] = 29] = "setTransform";
       commandType[commandType["setTransition"] = 30] = "setTransition";
       commandType[commandType["getUserInput"] = 31] = "getUserInput";
+      commandType[commandType["applyStyle"] = 32] = "applyStyle";
   })(commandType || (commandType = {}));
 
-  /**
-   * 处理命令
-   * @param commandRaw
-   * @param ADD_NEXT_ARG_LIST
-   * @param SCRIPT_CONFIG
-   * @return {parsedCommand} 处理后的命令
-   */
-  const commandParser = (commandRaw, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG) => {
-      let returnCommand = {
-          type: commandType.say,
-          additionalArgs: []
-      };
-      // 开始处理命令内容
-      const type = getCommandType(commandRaw, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG);
-      returnCommand.type = type;
-      // 如果是对话，加上额外的参数
-      if (type === commandType.say && commandRaw !== 'say') {
-          returnCommand.additionalArgs.push({
-              key: "speaker",
-              value: commandRaw
-          });
-      }
-      returnCommand = addNextArg(returnCommand, type, ADD_NEXT_ARG_LIST);
-      return returnCommand;
-  };
-  /**
-   * 根据command原始值判断是什么命令
-   * @param command command原始值
-   * @param ADD_NEXT_ARG_LIST
-   * @param SCRIPT_CONFIG
-   * @return {commandType} 得到的command类型
-   */
-  function getCommandType(command, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG) {
-      // if (command.match(/if/)) {
-      //   return commandType.if;
-      // }
-      const commandMap = new Map();
-      SCRIPT_CONFIG.forEach((e) => {
-          commandMap.set(e.scriptString, e.scriptType);
-      });
-      if (commandMap.has(command)) {
-          return commandMap.get(command);
-      }
-      else
-          return commandType.say;
-  }
-  function addNextArg(commandToParse, thisCommandType, ADD_NEXT_ARG_LIST) {
-      if (ADD_NEXT_ARG_LIST.includes(thisCommandType)) {
-          commandToParse.additionalArgs.push({
-              key: "next",
-              value: true
-          });
-      }
-      return commandToParse;
-  }
+  const SCRIPT_CONFIG = [
+      { scriptString: 'intro', scriptType: commandType.intro },
+      { scriptString: 'changeBg', scriptType: commandType.changeBg },
+      { scriptString: 'changeFigure', scriptType: commandType.changeFigure },
+      { scriptString: 'miniAvatar', scriptType: commandType.miniAvatar },
+      { scriptString: 'changeScene', scriptType: commandType.changeScene },
+      { scriptString: 'choose', scriptType: commandType.choose },
+      { scriptString: 'end', scriptType: commandType.end },
+      { scriptString: 'bgm', scriptType: commandType.bgm },
+      { scriptString: 'playVideo', scriptType: commandType.video },
+      {
+          scriptString: 'setComplexAnimation',
+          scriptType: commandType.setComplexAnimation,
+      },
+      { scriptString: 'setFilter', scriptType: commandType.setFilter },
+      { scriptString: 'pixiInit', scriptType: commandType.pixiInit },
+      { scriptString: 'pixiPerform', scriptType: commandType.pixi },
+      { scriptString: 'label', scriptType: commandType.label },
+      { scriptString: 'jumpLabel', scriptType: commandType.jumpLabel },
+      { scriptString: 'setVar', scriptType: commandType.setVar },
+      { scriptString: 'callScene', scriptType: commandType.callScene },
+      { scriptString: 'showVars', scriptType: commandType.showVars },
+      { scriptString: 'unlockCg', scriptType: commandType.unlockCg },
+      { scriptString: 'unlockBgm', scriptType: commandType.unlockBgm },
+      { scriptString: 'say', scriptType: commandType.say },
+      { scriptString: 'filmMode', scriptType: commandType.filmMode },
+      { scriptString: 'callScene', scriptType: commandType.callScene },
+      { scriptString: 'setTextbox', scriptType: commandType.setTextbox },
+      { scriptString: 'setAnimation', scriptType: commandType.setAnimation },
+      { scriptString: 'playEffect', scriptType: commandType.playEffect },
+      { scriptString: 'applyStyle', scriptType: commandType.applyStyle },
+  ];
+  const ADD_NEXT_ARG_LIST = [
+      commandType.bgm,
+      commandType.pixi,
+      commandType.pixiInit,
+      commandType.label,
+      commandType.if,
+      commandType.miniAvatar,
+      commandType.setVar,
+      commandType.unlockBgm,
+      commandType.unlockCg,
+      commandType.filmMode,
+      commandType.playEffect,
+  ];
 
   /**
    * 内置资源类型的枚举
@@ -117,12 +108,12 @@ var webgalParser = (function (exports) {
       const returnArrayList = [];
       // 处理参数
       // 不要去空格
-      let newArgsRaw = argsRaw.replace(/ /g, " ");
+      let newArgsRaw = argsRaw.replace(/ /g, ' ');
       // 分割参数列表
-      let rawArgsList = newArgsRaw.split(" -");
+      let rawArgsList = newArgsRaw.split(' -');
       // 去除空字符串
       rawArgsList = rawArgsList.filter((e) => {
-          return e !== "";
+          return e !== '';
       });
       rawArgsList.forEach((e) => {
           const equalSignIndex = e.indexOf('=');
@@ -135,8 +126,8 @@ var webgalParser = (function (exports) {
           // 判断是不是语音参数
           if (argName.toLowerCase().match(/.ogg|.mp3|.wav/)) {
               returnArrayList.push({
-                  key: "vocal",
-                  value: assetSetter(e, fileType.vocal)
+                  key: 'vocal',
+                  value: assetSetter(e, fileType.vocal),
               });
           }
           else {
@@ -144,15 +135,15 @@ var webgalParser = (function (exports) {
               if (argValue === undefined) {
                   returnArrayList.push({
                       key: argName,
-                      value: true
+                      value: true,
                   });
               }
               else {
                   // 是字符串描述的布尔值
-                  if (argValue === "true" || argValue === "false") {
+                  if (argValue === 'true' || argValue === 'false') {
                       returnArrayList.push({
                           key: argName,
-                          value: argValue === "true"
+                          value: argValue === 'true',
                       });
                   }
                   else {
@@ -160,14 +151,14 @@ var webgalParser = (function (exports) {
                       if (!isNaN(Number(argValue))) {
                           returnArrayList.push({
                               key: argName,
-                              value: Number(argValue)
+                              value: Number(argValue),
                           });
                       }
                       else {
                           // 是普通参数
                           returnArrayList.push({
                               key: argName,
-                              value: argValue
+                              value: argValue,
                           });
                       }
                   }
@@ -177,6 +168,102 @@ var webgalParser = (function (exports) {
       return returnArrayList;
   }
 
+  function configLineParser(inputLine) {
+      const options = [];
+      let command;
+      let newSentenceRaw = inputLine.split(';')[0];
+      if (newSentenceRaw === '') {
+          // 注释提前返回
+          return {
+              command: '',
+              args: [],
+              options: [],
+          };
+      }
+      // 截取命令
+      const getCommandResult = /:/.exec(newSentenceRaw);
+      // 没有command
+      if (getCommandResult === null) {
+          command = '';
+      }
+      else {
+          command = newSentenceRaw.substring(0, getCommandResult.index);
+          // 划分命令区域和content区域
+          newSentenceRaw = newSentenceRaw.substring(getCommandResult.index + 1, newSentenceRaw.length);
+      }
+      // 截取 Options 区域
+      const getOptionsResult = / -/.exec(newSentenceRaw);
+      // 获取到参数
+      if (getOptionsResult) {
+          const optionsRaw = newSentenceRaw.substring(getOptionsResult.index, newSentenceRaw.length);
+          newSentenceRaw = newSentenceRaw.substring(0, getOptionsResult.index);
+          for (const e of argsParser(optionsRaw, (name, _) => {
+              return name;
+          })) {
+              options.push(e);
+          }
+      }
+      return {
+          command,
+          args: newSentenceRaw
+              .split('|')
+              .map((e) => e.trim())
+              .filter((e) => e !== ''),
+          options,
+      };
+  }
+  function configParser(configText) {
+      const configLines = configText.replaceAll(`\r`, '').split('\n');
+      return configLines
+          .map((e) => configLineParser(e))
+          .filter((e) => e.command !== '');
+  }
+
+  /**
+   * 处理命令
+   * @param commandRaw
+   * @param ADD_NEXT_ARG_LIST
+   * @param SCRIPT_CONFIG_MAP
+   * @return {parsedCommand} 处理后的命令
+   */
+  const commandParser = (commandRaw, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_MAP) => {
+      let returnCommand = {
+          type: commandType.say,
+          additionalArgs: [],
+      };
+      // 开始处理命令内容
+      const type = getCommandType(commandRaw, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_MAP);
+      returnCommand.type = type;
+      // 如果是对话，加上额外的参数
+      if (type === commandType.say && commandRaw !== 'say') {
+          returnCommand.additionalArgs.push({
+              key: 'speaker',
+              value: commandRaw,
+          });
+      }
+      returnCommand = addNextArg(returnCommand, type, ADD_NEXT_ARG_LIST);
+      return returnCommand;
+  };
+  /**
+   * 根据command原始值判断是什么命令
+   * @param command command原始值
+   * @param ADD_NEXT_ARG_LIST
+   * @param SCRIPT_CONFIG_MAP
+   * @return {commandType} 得到的command类型
+   */
+  function getCommandType(command, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_MAP) {
+      return SCRIPT_CONFIG_MAP.get(command)?.scriptType ?? commandType.say;
+  }
+  function addNextArg(commandToParse, thisCommandType, ADD_NEXT_ARG_LIST) {
+      if (ADD_NEXT_ARG_LIST.includes(thisCommandType)) {
+          commandToParse.additionalArgs.push({
+              key: 'next',
+              value: true,
+          });
+      }
+      return commandToParse;
+  }
+
   /**
    * 解析语句内容的函数，主要作用是把文件名改为绝对地址或相对地址（根据使用情况而定）
    * @param contentRaw 原始语句内容
@@ -185,8 +272,8 @@ var webgalParser = (function (exports) {
    * @return {string} 解析后的语句内容
    */
   const contentParser = (contentRaw, type, assetSetter) => {
-      if (contentRaw === "none" || contentRaw === "") {
-          return "";
+      if (contentRaw === 'none' || contentRaw === '') {
+          return '';
       }
       switch (type) {
           case commandType.playEffect:
@@ -216,12 +303,12 @@ var webgalParser = (function (exports) {
       }
   };
   function getChooseContent(contentRaw, assetSetter) {
-      const chooseList = contentRaw.split("|");
+      const chooseList = contentRaw.split('|');
       const chooseKeyList = [];
       const chooseValueList = [];
       for (const e of chooseList) {
-          chooseKeyList.push(e.split(":")[0] ?? "");
-          chooseValueList.push(e.split(":")[1] ?? "");
+          chooseKeyList.push(e.split(':')[0] ?? '');
+          chooseValueList.push(e.split(':')[1] ?? '');
       }
       const parsedChooseList = chooseValueList.map((e) => {
           if (e.match(/\./)) {
@@ -231,10 +318,10 @@ var webgalParser = (function (exports) {
               return e;
           }
       });
-      let ret = "";
+      let ret = '';
       for (let i = 0; i < chooseKeyList.length; i++) {
           if (i !== 0) {
-              ret = ret + "|";
+              ret = ret + '|';
           }
           ret = ret + `${chooseKeyList[i]}:${parsedChooseList[i]}`;
       }
@@ -316,12 +403,13 @@ var webgalParser = (function (exports) {
    */
   const subSceneScanner = (command, content) => {
       const subSceneList = [];
-      if (command === commandType.changeScene || command === commandType.callScene) {
+      if (command === commandType.changeScene ||
+          command === commandType.callScene) {
           subSceneList.push(content);
       }
       if (command === commandType.choose) {
-          const chooseList = content.split("|");
-          const chooseValue = chooseList.map((e) => e.split(":")[1] ?? "");
+          const chooseList = content.split('|');
+          const chooseValue = chooseList.map((e) => e.split(':')[1] ?? '');
           chooseValue.forEach((e) => {
               if (e.match(/\./)) {
                   subSceneList.push(e);
@@ -336,9 +424,9 @@ var webgalParser = (function (exports) {
    * @param sentenceRaw 原始语句
    * @param assetSetter
    * @param ADD_NEXT_ARG_LIST
-   * @param SCRIPT_CONFIG
+   * @param SCRIPT_CONFIG_MAP
    */
-  const scriptParser = (sentenceRaw, assetSetter, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG) => {
+  const scriptParser = (sentenceRaw, assetSetter, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_MAP) => {
       let command; // 默认为对话
       let content; // 语句内容
       let subScene; // 语句携带的子场景（可能没有）
@@ -348,16 +436,16 @@ var webgalParser = (function (exports) {
       let commandRaw;
       // 正式开始解析
       // 去分号，前面已做，这里不再需要
-      let newSentenceRaw = sentenceRaw.split(";")[0];
-      if (newSentenceRaw === "") {
+      let newSentenceRaw = sentenceRaw.split(';')[0];
+      if (newSentenceRaw === '') {
           // 注释提前返回
           return {
               command: commandType.comment,
-              commandRaw: "comment",
-              content: sentenceRaw.split(";")[1] ?? "",
-              args: [{ key: "next", value: true }],
+              commandRaw: 'comment',
+              content: sentenceRaw.split(';')[1] ?? '',
+              args: [{ key: 'next', value: true }],
               sentenceAssets: [],
-              subScene: [] // 语句携带的子场景
+              subScene: [], // 语句携带的子场景
           };
       }
       // 截取命令
@@ -368,11 +456,11 @@ var webgalParser = (function (exports) {
       // 没有command，说明这是一条连续对话或单条语句
       if (getCommandResult === null) {
           commandRaw = newSentenceRaw;
-          parsedCommand = commandParser(commandRaw, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG);
+          parsedCommand = commandParser(commandRaw, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_MAP);
           command = parsedCommand.type;
           for (const e of parsedCommand.additionalArgs) {
               // 由于是连续对话，所以我们去除 speaker 参数。
-              if (command === commandType.say && e.key === "speaker") {
+              if (command === commandType.say && e.key === 'speaker') {
                   continue;
               }
               args.push(e);
@@ -382,7 +470,7 @@ var webgalParser = (function (exports) {
           commandRaw = newSentenceRaw.substring(0, getCommandResult.index);
           // 划分命令区域和content区域
           newSentenceRaw = newSentenceRaw.substring(getCommandResult.index + 1, newSentenceRaw.length);
-          parsedCommand = commandParser(commandRaw, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG);
+          parsedCommand = commandParser(commandRaw, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_MAP);
           command = parsedCommand.type;
           for (const e of parsedCommand.additionalArgs) {
               args.push(e);
@@ -407,7 +495,7 @@ var webgalParser = (function (exports) {
           content: content,
           args: args,
           sentenceAssets: sentenceAssets,
-          subScene: subScene // 语句携带的子场景
+          subScene: subScene, // 语句携带的子场景
       };
   };
 
@@ -1667,11 +1755,11 @@ var webgalParser = (function (exports) {
    * @param assetsPrefetcher
    * @param assetSetter
    * @param ADD_NEXT_ARG_LIST
-   * @param SCRIPT_CONFIG
+   * @param SCRIPT_CONFIG_MAP
    * @return {IScene} 解析后的场景
    */
-  const sceneParser = (rawScene, sceneName, sceneUrl, assetsPrefetcher, assetSetter, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG) => {
-      const rawSentenceList = rawScene.split("\n"); // 原始句子列表
+  const sceneParser = (rawScene, sceneName, sceneUrl, assetsPrefetcher, assetSetter, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_MAP) => {
+      const rawSentenceList = rawScene.split('\n'); // 原始句子列表
       // 去分号留到后面去做了，现在注释要单独处理
       const rawSentenceListWithoutEmpty = rawSentenceList;
       // .map((sentence) => sentence.split(";")[0])
@@ -1679,7 +1767,7 @@ var webgalParser = (function (exports) {
       let assetsList = []; // 场景资源列表
       let subSceneList = []; // 子场景列表
       const sentenceList = rawSentenceListWithoutEmpty.map((sentence) => {
-          const returnSentence = scriptParser(sentence, assetSetter, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG);
+          const returnSentence = scriptParser(sentence, assetSetter, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_MAP);
           // 在这里解析出语句可能携带的资源和场景，合并到 assetsList 和 subSceneList
           assetsList = [...assetsList, ...returnSentence.sentenceAssets];
           subSceneList = [...subSceneList, ...returnSentence.subScene];
@@ -1693,119 +1781,81 @@ var webgalParser = (function (exports) {
           sceneUrl: sceneUrl,
           sentenceList: sentenceList,
           assetsList: assetsList,
-          subSceneList: subSceneList // 子场景列表
+          subSceneList: subSceneList, // 子场景列表
       };
   };
 
-  const SCRIPT_CONFIG = [
-      { scriptString: 'intro', scriptType: commandType.intro },
-      { scriptString: 'changeBg', scriptType: commandType.changeBg },
-      { scriptString: 'changeFigure', scriptType: commandType.changeFigure },
-      { scriptString: 'miniAvatar', scriptType: commandType.miniAvatar },
-      { scriptString: 'changeScene', scriptType: commandType.changeScene },
-      { scriptString: 'choose', scriptType: commandType.choose },
-      { scriptString: 'end', scriptType: commandType.end },
-      { scriptString: 'bgm', scriptType: commandType.bgm },
-      { scriptString: 'playVideo', scriptType: commandType.video },
-      {
-          scriptString: 'setComplexAnimation',
-          scriptType: commandType.setComplexAnimation,
-      },
-      { scriptString: 'setFilter', scriptType: commandType.setFilter },
-      { scriptString: 'pixiInit', scriptType: commandType.pixiInit },
-      { scriptString: 'pixiPerform', scriptType: commandType.pixi },
-      { scriptString: 'label', scriptType: commandType.label },
-      { scriptString: 'jumpLabel', scriptType: commandType.jumpLabel },
-      { scriptString: 'setVar', scriptType: commandType.setVar },
-      { scriptString: 'callScene', scriptType: commandType.callScene },
-      { scriptString: 'showVars', scriptType: commandType.showVars },
-      { scriptString: 'unlockCg', scriptType: commandType.unlockCg },
-      { scriptString: 'unlockBgm', scriptType: commandType.unlockBgm },
-      { scriptString: 'say', scriptType: commandType.say },
-      { scriptString: 'filmMode', scriptType: commandType.filmMode },
-      { scriptString: 'callScene', scriptType: commandType.callScene },
-      { scriptString: 'setTextbox', scriptType: commandType.setTextbox },
-      { scriptString: 'setAnimation', scriptType: commandType.setAnimation },
-      { scriptString: 'playEffect', scriptType: commandType.playEffect },
-  ];
-  const ADD_NEXT_ARG_LIST = [
-      commandType.bgm,
-      commandType.pixi,
-      commandType.pixiInit,
-      commandType.label,
-      commandType.if,
-      commandType.miniAvatar,
-      commandType.setVar,
-      commandType.unlockBgm,
-      commandType.unlockCg,
-      commandType.filmMode,
-      commandType.playEffect,
-  ];
-
-  function configLineParser(inputLine) {
-      const options = [];
-      let command;
-      let newSentenceRaw = inputLine.split(";")[0];
-      if (newSentenceRaw === "") {
-          // 注释提前返回
-          return {
-              command: '',
-              args: [],
-              options: []
-          };
-      }
-      // 截取命令
-      const getCommandResult = /:/.exec(newSentenceRaw);
-      // 没有command
-      if (getCommandResult === null) {
-          command = '';
-      }
-      else {
-          command = newSentenceRaw.substring(0, getCommandResult.index);
-          // 划分命令区域和content区域
-          newSentenceRaw = newSentenceRaw.substring(getCommandResult.index + 1, newSentenceRaw.length);
-      }
-      // 截取 Options 区域
-      const getOptionsResult = / -/.exec(newSentenceRaw);
-      // 获取到参数
-      if (getOptionsResult) {
-          const optionsRaw = newSentenceRaw.substring(getOptionsResult.index, newSentenceRaw.length);
-          newSentenceRaw = newSentenceRaw.substring(0, getOptionsResult.index);
-          for (const e of argsParser(optionsRaw, (name, _) => { return name; })) {
-              options.push(e);
-          }
-      }
+  function scss2cssinjsParser(scssString) {
+      const [classNameStyles, others] = parseCSS(scssString);
       return {
-          command,
-          args: newSentenceRaw.split('|').map(e => e.trim()).filter(e => e !== ''),
-          options
+          classNameStyles,
+          others,
       };
   }
-  function configParser(configText) {
-      const configLines = configText.replaceAll(`\r`, '').split('\n');
-      return configLines.map(e => configLineParser(e)).filter(e => e.command !== '');
+  /**
+   * GPT 4 写的，临时用，以后要重构！！！
+   * TODO：用人类智能重构，要是用着一直没问题，也不是不可以 trust AI
+   * @param css
+   */
+  function parseCSS(css) {
+      const result = {};
+      let specialRules = '';
+      let matches;
+      // 匹配类选择器和其内容，包括一层嵌套
+      const classRegex = /\.([^{\s]+)\s*{([^}]*?(?:\{[^}]*?\}[^}]*?)?)}/g;
+      // 更新特殊规则正则表达式以正确处理一层嵌套，并确保大括号成对出现
+      const specialRegex = /(@[^{]+{\s*(?:[^{}]*{[^}]*}[^{}]*)+\s*})/g;
+      // 提取类和样式
+      while ((matches = classRegex.exec(css)) !== null) {
+          result[matches[1]] = matches[2].trim().replace(/\s*;\s*/g, ';\n');
+      }
+      // 提取特殊规则，并确保包含所有的大括号
+      while ((matches = specialRegex.exec(css)) !== null) {
+          specialRules += matches[1].trim() + '\n';
+      }
+      return [result, specialRules.trim()];
   }
 
   class SceneParser {
       assetsPrefetcher;
       assetSetter;
       ADD_NEXT_ARG_LIST;
-      SCRIPT_CONFIG;
-      constructor(assetsPrefetcher, assetSetter, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG) {
+      SCRIPT_CONFIG_MAP;
+      constructor(assetsPrefetcher, assetSetter, ADD_NEXT_ARG_LIST, SCRIPT_CONFIG_INPUT) {
           this.assetsPrefetcher = assetsPrefetcher;
           this.assetSetter = assetSetter;
           this.ADD_NEXT_ARG_LIST = ADD_NEXT_ARG_LIST;
-          this.SCRIPT_CONFIG = SCRIPT_CONFIG;
+          if (Array.isArray(SCRIPT_CONFIG_INPUT)) {
+              this.SCRIPT_CONFIG_MAP = new Map();
+              SCRIPT_CONFIG_INPUT.forEach((config) => {
+                  this.SCRIPT_CONFIG_MAP.set(config.scriptString, config);
+              });
+          }
+          else {
+              this.SCRIPT_CONFIG_MAP = SCRIPT_CONFIG_INPUT;
+          }
       }
+      /**
+       * 解析场景
+       * @param rawScene 原始场景
+       * @param sceneName 场景名称
+       * @param sceneUrl 场景url
+       * @return 解析后的场景
+       */
       parse(rawScene, sceneName, sceneUrl) {
-          return sceneParser(rawScene, sceneName, sceneUrl, this.assetsPrefetcher, this.assetSetter, this.ADD_NEXT_ARG_LIST, this.SCRIPT_CONFIG);
+          return sceneParser(rawScene, sceneName, sceneUrl, this.assetsPrefetcher, this.assetSetter, this.ADD_NEXT_ARG_LIST, this.SCRIPT_CONFIG_MAP);
       }
       parseConfig(configText) {
           return configParser(configText);
       }
       stringifyConfig(config) {
-          return config
-              .reduce((previousValue, curr) => (previousValue + `${curr.command}:${curr.args.join('|')}${curr.options.length <= 0 ? '' : curr.options.reduce((p, c) => (p + ' -' + c.key + '=' + c.value), '')};\n`), '');
+          return config.reduce((previousValue, curr) => previousValue +
+              `${curr.command}:${curr.args.join('|')}${curr.options.length <= 0
+                ? ''
+                : curr.options.reduce((p, c) => p + ' -' + c.key + '=' + c.value, '')};\n`, '');
+      }
+      parseScssToWebgalStyleObj(scssString) {
+          return scss2cssinjsParser(scssString);
       }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webgal-parser",
-  "version": "4.4.9",
+  "version": "4.4.14-1",
   "description": "WebGAL script parser",
   "scripts": {
     "test": "vitest",
@@ -11,7 +11,7 @@
   },
   "types": "./build/types/index.d.ts",
   "module": "./build/es/index.js",
-  "main": "./build/cjs/index.js",
+  "main": "./build/cjs/index.cjs",
   "author": "Mahiru <Mahiru_@outlook.com>",
   "license": "MPL-2.0",
   "dependencies": {

package/src/config/scriptConfig.ts

@@ -1,4 +1,4 @@
-import { commandType } from "../interface/sceneInterface";
+import {commandType} from '../interface/sceneInterface';
 
 export const SCRIPT_CONFIG = [
   { scriptString: 'intro', scriptType: commandType.intro },
@@ -6,7 +6,7 @@ export const SCRIPT_CONFIG = [
   { scriptString: 'changeFigure', scriptType: commandType.changeFigure },
   { scriptString: 'miniAvatar', scriptType: commandType.miniAvatar },
   { scriptString: 'changeScene', scriptType: commandType.changeScene },
-  { scriptString: 'choose', scriptType: commandType.choose},
+  { scriptString: 'choose', scriptType: commandType.choose },
   { scriptString: 'end', scriptType: commandType.end },
   { scriptString: 'bgm', scriptType: commandType.bgm },
   { scriptString: 'playVideo', scriptType: commandType.video },
@@ -17,8 +17,8 @@ export const SCRIPT_CONFIG = [
   { scriptString: 'setFilter', scriptType: commandType.setFilter },
   { scriptString: 'pixiInit', scriptType: commandType.pixiInit },
   { scriptString: 'pixiPerform', scriptType: commandType.pixi },
-  { scriptString: 'label', scriptType: commandType.label},
-  { scriptString: 'jumpLabel', scriptType: commandType.jumpLabel},
+  { scriptString: 'label', scriptType: commandType.label },
+  { scriptString: 'jumpLabel', scriptType: commandType.jumpLabel },
   { scriptString: 'setVar', scriptType: commandType.setVar },
   { scriptString: 'callScene', scriptType: commandType.callScene },
   { scriptString: 'showVars', scriptType: commandType.showVars },
@@ -27,9 +27,10 @@ export const SCRIPT_CONFIG = [
   { scriptString: 'say', scriptType: commandType.say },
   { scriptString: 'filmMode', scriptType: commandType.filmMode },
   { scriptString: 'callScene', scriptType: commandType.callScene },
-  { scriptString: 'setTextbox', scriptType: commandType.setTextbox},
+  { scriptString: 'setTextbox', scriptType: commandType.setTextbox },
   { scriptString: 'setAnimation', scriptType: commandType.setAnimation },
   { scriptString: 'playEffect', scriptType: commandType.playEffect },
+  { scriptString: 'applyStyle', scriptType: commandType.applyStyle },
 ];
 export const ADD_NEXT_ARG_LIST = [
   commandType.bgm,
@@ -44,3 +45,6 @@ export const ADD_NEXT_ARG_LIST = [
   commandType.filmMode,
   commandType.playEffect,
 ];
+
+export type ConfigMap = Map<string, ConfigItem>;
+export type ConfigItem = { scriptString: string; scriptType: commandType };