prettier

src/lib/components/Output/Print/MainSystems/movable.js

@@ -1,67 +1,64 @@
 import VanillaMoveable, { PROPERTIES, EVENTS } from "moveable";
 import { camelize, isUndefined } from "@daybrush/utils";
 
-function createMoveable(node,options) {
+function createMoveable(node, options) {
+  let translate = [0, 0];
 
-    let translate = [0,0];
-
-    options = {
-        originDraggable: true,
-        originRelative: true,
-            draggable: true,
-            throttleDrag: 0,
-            zoom: 1,
-            origin: false,
+  options = {
+    originDraggable: true,
+    originRelative: true,
+    draggable: true,
+    throttleDrag: 0,
+    zoom: 1,
+    origin: false,
     onDrag(e) {
-        translate = e.beforeTranslate;
-        node.dispatchEvent(new CustomEvent('translate', { detail: translate}));
+      translate = e.beforeTranslate;
+      node.dispatchEvent(new CustomEvent("translate", { detail: translate }));
     },
-        target: node,
-        ...options,
-    };
+    target: node,
+    ...options,
+  };
 
-        const moveable = new VanillaMoveable(document.body, options );
+  const moveable = new VanillaMoveable(document.body, options);
 
-        EVENTS.forEach((name) => {
-            const onName = camelize(`on ${name}`);
-            moveable.on(name, (e) => {
-                const result = options[onName] && options[onName](e);
-                const result2 = node.dispatchEvent(new CustomEvent(name, { detail: e }));
+  EVENTS.forEach((name) => {
+    const onName = camelize(`on ${name}`);
+    moveable.on(name, (e) => {
+      const result = options[onName] && options[onName](e);
+      const result2 = node.dispatchEvent(new CustomEvent(name, { detail: e }));
 
-                return !isUndefined(result)
-                    ? result
-                    : !isUndefined(result2)
-                    ? result2
-                    : undefined;
-            });
+      return !isUndefined(result)
+        ? result
+        : !isUndefined(result2)
+        ? result2
+        : undefined;
     });
+  });
 
-    return moveable;
+  return moveable;
 }
 
 export function movable(node, options) {
+  let moveable = options.disabled ? undefined : createMoveable(options);
 
-    let moveable = options.disabled ? undefined : createMoveable(options);
+  const destroy = () => {
+    if (!moveable) return;
+    moveable.destroy();
+    moveable = undefined;
+  };
 
+  const update = async (params) => {
+    if (params.disabled) {
+      destroy();
+    } else {
+      if (!moveable) {
+        moveable = createMoveable(node, params);
+      }
+    }
+  };
 
-    const destroy = () => {
-        if(!moveable) return;
-        moveable.destroy();
-        moveable = undefined;
-    };
-
-    const update = async (params) => {
-        if (params.disabled) {
-            destroy();
-        } else {
-            if (!moveable) {
-                moveable = createMoveable(node, params);
-            }
-        }
-    };
-
-    return {
-        destroy,
-        update,
-    };
+  return {
+    destroy,
+    update,
+  };
 }

src/lib/components/Output/Print/index.svelte

@@ -41,7 +41,7 @@
 <div class="notice">Printing this page will only prints the ship sheet.</div>
 
 <script>
-import { getContext } from 'svelte';
+  import { getContext } from "svelte";
   import Identification from "./Identification/index.svelte";
   import MainSystems from "./MainSystems/index.svelte";
   import Hull from "./Hull/index.svelte";
@@ -51,9 +51,12 @@ import { getContext } from 'svelte';
   export let ship = {};
   export let isMovable = false;
 
-    const { dispatch } = getContext('ship');
+  const { dispatch } = getContext("ship");
 
-const resetLayout = () => { isMovable = false; dispatch.resetLayout(); }
+  const resetLayout = () => {
+    isMovable = false;
+    dispatch.resetLayout();
+  };
 </script>
 
 <style>
@@ -75,10 +78,10 @@ const resetLayout = () => { isMovable = false; dispatch.resetLayout(); }
     font-style: italic;
     margin-top: 1em;
     text-align: right;
-      display: flex;
-      justify-content: end;
-      align-items: center;
-      gap: 3em;
+    display: flex;
+    justify-content: end;
+    align-items: center;
+    gap: 3em;
   }
 
   @media print {

src/lib/components/Output/Print/movable.js

@@ -2,78 +2,75 @@ import VanillaMoveable, { PROPERTIES, EVENTS } from "moveable";
 import { camelize, isUndefined } from "@daybrush/utils";
 
 function createMoveable(node, options) {
-    let translate = [0, 0];
+  let translate = [0, 0];
 
-    let ship = options.ship;
-    let system = options.system;
-    delete options.ship;
-    delete options.system;
+  let ship = options.ship;
+  let system = options.system;
+  delete options.ship;
+  delete options.system;
 
-    if( Array.isArray(system) ) {
-        system = { system: system[0], systemId: system[1] };
-    }
-    else { system = {system}; }
+  if (Array.isArray(system)) {
+    system = { system: system[0], systemId: system[1] };
+  } else {
+    system = { system };
+  }
 
-    options = {
-        originDraggable: true,
-        originRelative: true,
-        draggable: true,
-        throttleDrag: 0,
-        zoom: 1,
-        origin: false,
-        onDrag(e) {
-            translate = e.beforeTranslate;
-            node.dispatchEvent(
-                new CustomEvent("translate", { detail: translate })
-            );
-            ship.dispatch.setUITransform({ ...system, translate });
-        },
-        target: node,
-        ...options,
-    };
+  options = {
+    originDraggable: true,
+    originRelative: true,
+    draggable: true,
+    throttleDrag: 0,
+    zoom: 1,
+    origin: false,
+    onDrag(e) {
+      translate = e.beforeTranslate;
+      node.dispatchEvent(new CustomEvent("translate", { detail: translate }));
+      ship.dispatch.setUITransform({ ...system, translate });
+    },
+    target: node,
+    ...options,
+  };
 
-    const moveable = new VanillaMoveable(document.body, options);
+  const moveable = new VanillaMoveable(document.body, options);
 
-    EVENTS.forEach((name) => {
-        const onName = camelize(`on ${name}`);
-        moveable.on(name, (e) => {
-            const result = options[onName] && options[onName](e);
-            const result2 = node.dispatchEvent(
-                new CustomEvent(name, { detail: e })
-            );
+  EVENTS.forEach((name) => {
+    const onName = camelize(`on ${name}`);
+    moveable.on(name, (e) => {
+      const result = options[onName] && options[onName](e);
+      const result2 = node.dispatchEvent(new CustomEvent(name, { detail: e }));
 
-            return !isUndefined(result)
-                ? result
-                : !isUndefined(result2)
-                ? result2
-                : undefined;
-        });
+      return !isUndefined(result)
+        ? result
+        : !isUndefined(result2)
+        ? result2
+        : undefined;
     });
+  });
 
-    return moveable;
+  return moveable;
 }
 
 export function movable(node, options) {
-    let moveable = options.disabled ? undefined : createMoveable(options);
+  let moveable = options.disabled ? undefined : createMoveable(options);
 
-    const destroy = () => {
-        if (!moveable) return;
-        moveable.destroy();
-        moveable = undefined;
-    };
+  const destroy = () => {
+    if (!moveable) return;
+    moveable.destroy();
+    moveable = undefined;
+  };
 
-    const update = async (params) => {
-        if (params.disabled) {
-            destroy();
-        } else {
-            if (!moveable) {
-                moveable = createMoveable(node, params);
-            }
-        }
-    };
+  const update = async (params) => {
+    if (params.disabled) {
+      destroy();
+    } else {
+      if (!moveable) {
+        moveable = createMoveable(node, params);
+      }
+    }
+  };
 
-    return {
-        destroy,
-        update,
-    };
+  return {
+    destroy,
+    update,
+  };
 }

src/lib/shipDux/index.js

@@ -24,18 +24,20 @@ const dux = new Updux({
   actions: {
     setShipReqs: null,
     setUITransform: null,
-        resetLayout: null,
+    resetLayout: null,
   },
 });
 
 function resetUITransform(thing) {
-    if(typeof thing !== 'object') return thing;
-
-    return u.map((v,k) => k === 'uiTransform' ? '' : resetUITransform(v) , thing )
+  if (typeof thing !== "object") return thing;
 
+  return u.map(
+    (v, k) => (k === "uiTransform" ? "" : resetUITransform(v)),
+    thing
+  );
 }
 
-dux.setMutation( 'resetLayout', () => resetUITransform );
+dux.setMutation("resetLayout", () => resetUITransform);
 
 dux.setMutation("setShipMass", (mass) => u({ reqs: { mass } }));
 dux.setMutation("setShipReqs", (reqs) => u({ reqs }));