fix: Update Controller Support with new sidebar methods

refactor: Remove NGA ext from system extensions

Author: colin969

.gitignore

@@ -14,6 +14,7 @@ npm-debug.log.*
 
 # Build
 /build
+/target
 
 # Distribution
 /dist

extensions/core-controller/package-lock.json

@@ -38,7 +38,8 @@
         "react-error-boundary": "^6.0.0",
         "react-icons": "4.10.1",
         "react-markdown": "7.0.1",
-        "remark-gfm": "^4.0.1"
+        "remark-gfm": "^4.0.1",
+        "@reduxjs/toolkit": "2.7.0"
     },
     "devDependencies": {
         "@module-federation/rsbuild-plugin": "^0.13.1",

extensions/core-controller/package.json

@@ -1,9 +1,25 @@
 import { GameComponentProps } from 'flashpoint-launcher-renderer';
 import { ControllerSet, getFormattedMappedName } from '../shared';
+import { createSelector } from '@reduxjs/toolkit';
 import React from 'react';
+import { Content, Game } from 'flashpoint-launcher';
+
+function isGame(content?: Content | Game): content is Game {
+  return content !== undefined && 'legacyApplicationPath' in content;
+}
+
+export const selectGameField = <K extends keyof Game>(viewId: string, key: K) => createSelector(
+  [
+    (state) => state.search.views[viewId].isEditing,
+    (state) => isGame(state.search.views[viewId].selectedGame) ? state.search.views[viewId].selectedGame[key] : undefined,
+    (state) => isGame(state.search.views[viewId].editingGame) ? state.search.views[viewId].editingGame[key] : undefined
+  ],
+  (isEditing, selectedGameValue, editingGameValue) => (isEditing ? editingGameValue : selectedGameValue) as Game[K]
+);
 
 export default function ControllerSupport(props: GameComponentProps) {
-  const controllerConfig: ControllerSet | undefined = props.game.extData?.controller?.config;
+  const extData = window.ext.hooks.useAppSelector(selectGameField(props.viewId, 'extData'));
+  const controllerConfig: ControllerSet | undefined = extData?.controller?.config;
 
   const mappedTable = React.useMemo(() => {
     if (!controllerConfig) {