From cdb7e8ee35c107d5d7dd1548b612836c59538803 Mon Sep 17 00:00:00 2001
From: Yanick Champoux <yanick@babyl.ca>
Date: Tue, 21 Mar 2023 15:42:45 -0400
Subject: [PATCH] enter the new updux

---
 src/lib/components/ShipEdit.story.svelte      | 18 ++++++++++++
 src/lib/components/ShipEdit.svelte            | 19 ++++++++++++
 .../components/ShipEdit/Identification.svelte |  3 +-
 .../ShipEdit/Identification/ShipCost.svelte   |  4 ++-
 src/lib/store/api.ts                          |  9 ++++++
 src/lib/store/{ship.js => ship.js.old}        |  0
 src/lib/store/ship.ts                         | 11 +++++++
 src/lib/store/ship/identification.ts          | 29 +++++++++++++++++++
 8 files changed, 90 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/components/ShipEdit.story.svelte
 create mode 100644 src/lib/components/ShipEdit.svelte
 create mode 100644 src/lib/store/api.ts
 rename src/lib/store/{ship.js => ship.js.old} (100%)
 create mode 100644 src/lib/store/ship.ts
 create mode 100644 src/lib/store/ship/identification.ts

diff --git a/src/lib/components/ShipEdit.story.svelte b/src/lib/components/ShipEdit.story.svelte
new file mode 100644
index 0000000..2e8c452
--- /dev/null
+++ b/src/lib/components/ShipEdit.story.svelte
@@ -0,0 +1,18 @@
+<Hst.Story>
+  <ShipEdit {ship} />
+</Hst.Story>
+
+<script>
+  import { setContext } from "svelte";
+  import ShipEdit from "./ShipEdit.svelte";
+  import { createApi } from "$lib/store/api";
+
+  export let Hst;
+
+  const api = createApi();
+  setContext("api", api);
+
+  let ship = api.getState();
+
+  api.subscribe(() => (ship = api.getState()));
+</script>
diff --git a/src/lib/components/ShipEdit.svelte b/src/lib/components/ShipEdit.svelte
new file mode 100644
index 0000000..4aded09
--- /dev/null
+++ b/src/lib/components/ShipEdit.svelte
@@ -0,0 +1,19 @@
+<main>
+  <Identification {...ship.identification} />
+</main>
+
+<script>
+  import Identification from "./ShipEdit/Identification.svelte";
+
+  export let ship = {
+    identification: {},
+  };
+</script>
+
+<style>
+  main {
+    width: var(--main-width);
+    margin-left: auto;
+    margin-right: auto;
+  }
+</style>
diff --git a/src/lib/components/ShipEdit/Identification.svelte b/src/lib/components/ShipEdit/Identification.svelte
index 9ed04ef..e15da04 100644
--- a/src/lib/components/ShipEdit/Identification.svelte
+++ b/src/lib/components/ShipEdit/Identification.svelte
@@ -33,8 +33,7 @@
   $: if (shipTypes.length > 0 && !shipTypes.includes(shipType))
     shipType = shipTypes[0];
 
-  $: api?.dispatch?.setShipType?.(shipType);
-  $: api?.dispatch?.setShipClass?.(shipClass);
+  $: api?.dispatch?.updateIdentification?.({ shipType, shipClass });
 </script>
 
 <style>
diff --git a/src/lib/components/ShipEdit/Identification/ShipCost.svelte b/src/lib/components/ShipEdit/Identification/ShipCost.svelte
index 0fd0a15..a07151c 100644
--- a/src/lib/components/ShipEdit/Identification/ShipCost.svelte
+++ b/src/lib/components/ShipEdit/Identification/ShipCost.svelte
@@ -33,7 +33,9 @@
   $: massUnused = mass - usedMass;
   $: withinBudget = massUnused >= 0;
 
-  $: api?.dispatch?.setShipMass?.(mass);
+  $: api?.dispatch?.updateIdentification?.({
+    reqs: { mass },
+  });
 
   /*   const change_tonnage = ({ target: { value } }) => */
   /*     ship.dispatch(ship.actions.set_ship_mass(parseInt(value))); */
diff --git a/src/lib/store/api.ts b/src/lib/store/api.ts
new file mode 100644
index 0000000..a3b87eb
--- /dev/null
+++ b/src/lib/store/api.ts
@@ -0,0 +1,9 @@
+import ship from "./ship";
+
+export type Api = ReturnType<typeof ship.createStore>;
+
+export const createApi = () => {
+    const api = ship.createStore();
+    console.log(api);
+    return api;
+};
diff --git a/src/lib/store/ship.js b/src/lib/store/ship.js.old
similarity index 100%
rename from src/lib/store/ship.js
rename to src/lib/store/ship.js.old
diff --git a/src/lib/store/ship.ts b/src/lib/store/ship.ts
new file mode 100644
index 0000000..50d5cb6
--- /dev/null
+++ b/src/lib/store/ship.ts
@@ -0,0 +1,11 @@
+import Updux from "updux";
+
+import identification from "./ship/identification";
+
+const shipDux = new Updux({
+    subduxes: {
+        identification,
+    },
+});
+
+export default shipDux;
diff --git a/src/lib/store/ship/identification.ts b/src/lib/store/ship/identification.ts
new file mode 100644
index 0000000..b13e15e
--- /dev/null
+++ b/src/lib/store/ship/identification.ts
@@ -0,0 +1,29 @@
+import Updux, { createAction, withPayload } from "updux";
+import u from "@yanick/updeep-remeda";
+
+const initial = {
+    shipType: "",
+    shipClass: "",
+    isCarrier: false,
+    reqs: {
+        mass: 10,
+        cost: 0,
+        usedMass: 0,
+    },
+};
+
+const setShipClass = createAction("setShipClass", withPayload<string>());
+const updateIdentification = createAction("updateIdentification");
+
+export const dux = new Updux({
+    initial,
+    actions: {
+        setShipClass,
+        updateIdentification,
+    },
+});
+
+dux.addMutation(setShipClass, (shipClass) => u({ shipClass }));
+dux.addMutation(updateIdentification, (update) => u(update));
+
+export default dux;