🐛 Fix css not generating for build

.github/workflows/BuildAndDeploy.yml

@@ -14,6 +14,7 @@ jobs:
     name: Github Pages
     environment: github-pages
     runs-on: ubuntu-latest
+    timeout-minutes: 20
 
     permissions:
       pull-requests: write

src/build.ts

@@ -6,6 +6,7 @@ import url from 'url';
 
 import { generateFavicons } from 'misc/favicon';
 import { smartLoadingModules } from 'misc/moduleLoader';
+import { generateMainCss } from 'misc/sass';
 import { setupDirectories } from 'misc/setup';
 import { getModules } from 'modules';
 import { BOT_PATH } from 'services/internal/configService';
@@ -27,6 +28,7 @@ const main = async () => {
   getHandlebar().registerPartialsAndHelpers();
 
   await generateFavicons();
+  generateMainCss();
 
   const availableLanguages = localisationModule.getLanguageCodes();
   let langCode = availableLanguages[0];

src/misc/sass.ts

@@ -0,0 +1,10 @@
+import fs from 'fs/promises';
+import sass from 'sass';
+
+export const generateMainCss = () => {
+  const cssContent = sass.compile('src/scss/main.scss');
+  fs.writeFile('public/assets/css/main.css', cssContent.css);
+  if (cssContent.sourceMap != null) {
+    fs.writeFile('public/assets/css/main.css.map', JSON.stringify(cssContent.sourceMap));
+  }
+};

src/misc/watchDevFiles.ts

@@ -1,10 +1,9 @@
 import aliveServer from 'alive-server';
-import fs from 'fs';
 import watch from 'node-watch';
 import path from 'path';
-import sass from 'sass';
 
 import { paths } from 'constant/paths';
+import { generateMainCss } from './sass';
 
 interface IWatchDevFiles {
   onSassChange?: () => void;
@@ -21,11 +20,7 @@ export const watchDevFiles = (props: IWatchDevFiles) => {
 
   watch(paths().scssFolder, { recursive: true }, () => {
     try {
-      const cssContent = sass.compile('src/scss/main.scss');
-      fs.writeFileSync('public/assets/css/main.css', cssContent.css);
-      if (cssContent.sourceMap != null) {
-        fs.writeFileSync('public/assets/css/main.css.map', JSON.stringify(cssContent.sourceMap));
-      }
+      generateMainCss();
       props.onSassChange?.();
     } catch (ex) {
       console.error(ex);

src/modules.ts

@@ -5,8 +5,6 @@ import { CharacterSpriteAnimModule } from 'modules/characterSpriteAnim/character
 import { CommonModule } from 'modules/commonModule';
 import { ElementReactionModule } from 'modules/elementReactions/elementReactionModule';
 import { ElementsModule } from 'modules/elements/elementsModule';
-import { FusionModule } from 'modules/fusion/fusionModule';
-import { FusionSpriteAnimModule } from 'modules/fusionSpriteAnim/fusionSpriteAnimModule';
 import { LocalisationModule } from 'modules/localisation/localisationModule';
 import { MiscModule } from 'modules/misc/miscModule';
 import { MonsterFormsModule } from 'modules/monsterForms/monsterFormsModule';
@@ -48,8 +46,8 @@ export const getModules = async (props: {
     new CharacterSfxModule(),
 
     // Fusions
-    new FusionModule(),
-    new FusionSpriteAnimModule(),
+    // new FusionModule(),
+    // new FusionSpriteAnimModule(),
   ];
   return [localisationModule, modules];
 };

src/modules/elementReactions/elementReactionModule.ts

@@ -34,6 +34,8 @@ export class ElementReactionModule extends CommonModule<IElementReaction> {
   }
 
   init = async () => {
+    this._baseDetails = [];
+    this._itemDetailMap = {};
     if (this.isReady) return;
     const list = fs.readdirSync(this._folder);