fix: Update all clients from backend after enabling or disabling extension

feat: Expose setExtensionEnabled util to ext

feat: Expose SimpleButton and CheckBox components to ext

feat: Add removeCustomRoute action and use it to remove components in extensions after the initialiser component unloads

fix: Weird casing on ext actions

feat: Basics of the Manager extension

Author: colin969

extensions/core-controller/src/components/Initializer.tsx

@@ -1,20 +1,23 @@
-import { AddGameSidebarComponent } from 'flashpoint-launcher-renderer-ext/actions/main';
+import { addGameSidebarComponent, removeGameSidebarComponent } from 'flashpoint-launcher-renderer-ext/actions/main';
 import { useAppDispatch } from 'flashpoint-launcher-renderer-ext/hooks';
-import { useState } from 'react';
+import { useEffect } from 'react';
 
 export default function Initializer() {
-  const [initialized, setInitialized] = useState(false);
   const dispatch = useAppDispatch();
 
-  // Perform frontend init functions
-  if (!initialized) {
-    setInitialized(true);
-
-    dispatch(AddGameSidebarComponent({
+  useEffect(() => {
+    dispatch(addGameSidebarComponent({
       section: 'bottom',
       name: 'core_controller/ControllerSupport'
     }));
-  }
+
+    return () => {
+      dispatch(removeGameSidebarComponent({
+        section: 'bottom',
+        name: 'core_controller/ControllerSupport'
+      }));
+    };
+  });
 
   return <></>;
 }

extensions/core-manager/.eslintignore

@@ -0,0 +1,2 @@
+*.js
+*.mjs

extensions/core-manager/.gitignore

@@ -0,0 +1,4 @@
+dist/
+static/*.js
+static/mf*.json
+static/*mf-types*

extensions/core-manager/gulpfile.mjs

@@ -0,0 +1,84 @@
+import { loadConfig, build as rslibBuild } from '@rslib/core';
+import esbuild from 'esbuild';
+import fs from 'fs';
+import gulp, { series } from 'gulp';
+import zip from 'gulp-zip';
+import merge from 'merge-stream';
+
+const filesToCopy = [
+    'extension.js',
+    'package.json',
+    'icon.png',
+    'LICENSE.md',
+    'README.md'
+];
+
+async function buildTask(done) {
+    // Build main extension (Node.js)
+    const nodeBuild = esbuild.build({
+        bundle: true,
+        entryPoints: ['./src/extension.ts'],
+        outfile: './dist/extension.js',
+        platform: 'node',
+        external: ['flashpoint-launcher'],
+    });
+
+    const config = await loadConfig('./rslib.config.ts');
+    
+    Promise.all([nodeBuild, rslibBuild({
+        ...config.content,
+        mode: 'development'
+    })])
+    .catch(console.error)
+    .finally(done);
+}
+
+async function watchTask(done) {
+    const ctx = await esbuild.context({
+        bundle: true,
+        entryPoints: ['./src/extension.ts'],
+        outfile: './dist/extension.js',
+        platform: 'node',
+        external: ['flashpoint-launcher', '*.css'],
+    });
+
+    const config = await loadConfig('./rslib.config.ts');
+    const renderer = rslibBuild({
+        ...config.content,
+        mode: 'development',
+        watch: true
+    });
+
+    return Promise.all([ctx.watch(), renderer])
+    .catch(console.error)
+    .finally(done);
+}
+
+function clean(cb) {
+    fs.rm('./package', { recursive: true }, (err) => {
+        if (err) { console.log('Clean', err); }
+        cb();
+    });
+}
+
+function stage() {
+    const streams = filesToCopy.map(file => {
+        if (fs.existsSync(file)) {
+            return gulp.src(file).pipe(gulp.dest('package/core-manager'));
+        }
+    }).filter(s => s !== undefined);
+    return merge([
+        ...streams,
+        gulp.src('out/**/*').pipe(gulp.dest('package/core-manager/out')),
+        gulp.src('dist/**/*').pipe(gulp.dest('package/core-manager/dist')),
+        gulp.src('static/**/*').pipe(gulp.dest('package/core-manager/static')),
+    ]);
+}
+
+function packageExtTask() {
+    return gulp.src('package/**/*').pipe(zip('core-manager.fplx')).pipe(gulp.dest('.'));
+}
+
+export const build = series(buildTask);
+export const watch = series(watchTask);
+export const packageExt = series(clean, stage, packageExtTask);