deal with the uiTransform in the dux

src/lib/shipDux/index.js

@@ -23,36 +23,72 @@ const dux = new Updux({
   },
   actions: {
     setShipReqs: null,
+    setUITransform: null,
   },
 });
 
 dux.setMutation("setShipMass", (mass) => u({ reqs: { mass } }));
-dux.setMutation('setShipReqs', reqs => u({reqs}));
+dux.setMutation("setShipReqs", (reqs) => u({ reqs }));
+
+dux.setMutation("setUITransform", ({ system, systemId, translate }) => {
+  const transform = translate
+    ? `translate(${translate[0]}px,${translate[1]}px)`
+    : "";
+
+  switch (system) {
+    case "firecons":
+      return u.updateIn("weaponry.firecons.uiTransform", transform);
+
+    case "weapon":
+      return u.updateIn(
+        "weaponry.weapons",
+        u.map(u.if(({ id }) => id === systemId, u({ uiTransform: transform })))
+      );
+
+    case "screens":
+      return u.updateIn("structure.screens.uiTransform", transform);
+
+    case "hull":
+      return u.updateIn("structure.hull.uiTransform", transform);
+
+    case "internalSystems":
+      const path = "structure.uiTransform";
+      return u.updateIn(path, transform);
+
+    case "ftl":
+      return u.updateIn("propulsion.ftl.uiTransform", transform);
+
+    case "drive":
+      return u.updateIn("propulsion.drive.uiTransform", transform);
+
+    default:
+      return (state) => state;
+  }
+});
 
 dux.addReaction(calculateDriveReqs);
 dux.addReaction(ftlReqsReaction);
 dux.addReaction(screensReqsReaction);
 
-dux.addReaction( (store) => (state) => {
+dux.addReaction((store) => (state) => {
   let cost = 0;
   let mass = 0;
 
   let subsystems = Object.values(state);
 
-    while(subsystems.length>0) {
+  while (subsystems.length > 0) {
     const subsystem = subsystems.shift();
-        if( typeof subsystem !== 'object' ) continue;
+    if (typeof subsystem !== "object") continue;
 
-        if( subsystem.reqs ) {
+    if (subsystem.reqs) {
       cost += subsystem.reqs.cost;
       mass += subsystem.reqs.mass;
     }
 
-        subsystems.push( ...Object.values(subsystem));
+    subsystems.push(...Object.values(subsystem));
   }
 
-    store.dispatch.setShipReqs({cost,usedMass: mass});
+  store.dispatch.setShipReqs({ cost, usedMass: mass });
-
 });
 
 export default dux;

src/lib/shipDux/propulsion/ftl.js

@@ -10,6 +10,7 @@ const dux = new Updux({
   subduxes: { reqs },
   initial: {
     type: "none",
+    uiTransform: "",
   },
   actions: {
     setFtl: null,
@@ -18,27 +19,23 @@ const dux = new Updux({
 });
 export default dux;
 
-dux.setMutation( 'setFtl', type => u({type}) );
+dux.setMutation("setFtl", (type) => u({ type }));
-dux.setMutation( 'setFtlReqs', reqs => u({reqs}) );
+dux.setMutation("setFtlReqs", (reqs) => u({ reqs }));
 
-export function calcFtlReqs(type,shipMass) {
+export function calcFtlReqs(type, shipMass) {
-    if(type==="none") return { cost: 0, mass: 0 };
+  if (type === "none") return { cost: 0, mass: 0 };
 
   const mass = Math.ceil(shipMass / 10);
 
   return {
     mass,
-        cost: mass * ( type === 'advanced' ? 3 : 2 ),
+    cost: mass * (type === "advanced" ? 3 : 2),
-    }
+  };
 }
 
 // needs to be at the top level
-export const ftlReqsReaction = store =>
+export const ftlReqsReaction = (store) =>
   createSelector(
-    [
+    [(ship) => ship.propulsion.ftl.type, (ship) => ship.reqs.mass],
-      (ship) => ship.propulsion.ftl.type,
+    (type, shipMass) => store.dispatch.setFtlReqs(calcFtlReqs(type, shipMass))
-      (ship) => ship.reqs.mass,
-    ],
-    (type,shipMass) =>
-      store.dispatch.setFtlReqs(calcFtlReqs(type,shipMass))
   );

src/lib/shipDux/structure/index.js

@@ -1,13 +1,15 @@
-import { Updux } from 'updux';
+import { Updux } from "updux";
 
-import hull from './hull.js';
+import hull from "./hull.js";
-import screens from './screens.js';
+import screens from "./screens.js";
-import cargo from './cargo.js';
+import cargo from "./cargo.js";
-import armor from './armor.js';
+import armor from "./armor.js";
-import streamlining from './streamlining.js';
+import streamlining from "./streamlining.js";
 
 const dux = new Updux({
-    subduxes: { hull, screens, cargo, streamlining, armor }
+  subduxes: { hull, screens, cargo, streamlining, armor },
+  initial: {
+    uiTransform: "",
+  },
 });
 export default dux;
-