From 8a3504623787bd26f9be04c43549d3450686ed5e Mon Sep 17 00:00:00 2001
From: "[poww10s]" <[theironminer@gmail.com]>
Date: Mon, 30 Nov 2020 14:43:52 -0500
Subject: [PATCH] change menu and start saving process

convert file to state wip

finish file to state conversion

load in file to state (needs to be fixed in order to properly load some things in)

formatting

Add microkorg sysex decoding

Correctly parse bit array sections

Add sysex encoding and header creation

remove log

Finish format file v1

Fix a definitions

Move stuff around

add file to store functions

Finish prepare_timbre

begin to Setup menu

Gut a lot of stuff, and implement the menu

Begin overhaul of fileupload process

Finish hooking up the menu

clean up

start saving functions

add unused state, mostly finish saveStore

add self reminder

complete store saving process 1

store to simplified store is complete
---
 package-lock.json                             |  11 +-
 package.json                                  |   3 +-
 patches/binary-parser-encoder+1.5.3.patch     |  13 +
 public/index.html                             |   5 +
 public/logo192.png                            | Bin 4153 -> 0 bytes
 public/logo512.png                            | Bin 12066 -> 0 bytes
 src/1f3b9.svg                                 |   1 -
 src/App.css                                   |  49 +-
 src/App.js                                    |  18 +-
 src/features/counter/Counter.js               |  60 --
 src/features/counter/Counter.module.css       |  74 --
 src/features/counter/counterSlice.js          |  42 -
 src/features/helpers/Helpers.js               |  80 +-
 src/features/io/IO.css                        |  16 -
 src/features/io/IO.js                         |  94 --
 src/features/io/convert/loadStore.js          | 793 +++++++++++++++++
 src/features/io/convert/parse.js              | 213 +++++
 src/features/io/convert/saveStore.js          | 732 +++++++++++++++
 src/features/io/convert/serialise.js          |   5 +
 src/features/io/index.js                      |  18 +
 src/features/io/ioParser.js                   | 257 ------
 src/features/io/utils/functions.js            |  32 +
 src/features/io/utils/sysex.js                | 126 +++
 src/features/menu/Menu.css                    | 247 -----
 src/features/menu/Menu.js                     | 146 ---
 src/features/menu/index.js                    | 148 +++
 src/features/menu/menu.css                    |  54 ++
 src/features/modal/index.js                   |  35 +
 src/features/timbre/Timbre.js                 | 260 +++---
 src/features/timbre/Timbre.module.css         | 160 ++--
 src/features/timbre/parameters/LFO.js         | 144 +--
 .../timbre/parameters/Parameters.module.css   | 123 +--
 .../timbre/parameters/parameterSlice.js       | 841 ++++++++++--------
 src/features/timbre/timbreSwitcher.js         |  69 +-
 src/fonts.css                                 |   2 -
 src/index.css                                 |   5 +-
 src/logo.svg                                  |   1 -
 37 files changed, 3113 insertions(+), 1764 deletions(-)
 create mode 100644 patches/binary-parser-encoder+1.5.3.patch
 delete mode 100644 public/logo192.png
 delete mode 100644 public/logo512.png
 delete mode 100644 src/1f3b9.svg
 delete mode 100644 src/features/counter/Counter.js
 delete mode 100644 src/features/counter/Counter.module.css
 delete mode 100644 src/features/counter/counterSlice.js
 delete mode 100644 src/features/io/IO.css
 delete mode 100644 src/features/io/IO.js
 create mode 100644 src/features/io/convert/loadStore.js
 create mode 100644 src/features/io/convert/parse.js
 create mode 100644 src/features/io/convert/saveStore.js
 create mode 100644 src/features/io/convert/serialise.js
 create mode 100644 src/features/io/index.js
 delete mode 100644 src/features/io/ioParser.js
 create mode 100644 src/features/io/utils/functions.js
 create mode 100644 src/features/io/utils/sysex.js
 delete mode 100644 src/features/menu/Menu.css
 delete mode 100644 src/features/menu/Menu.js
 create mode 100644 src/features/menu/index.js
 create mode 100644 src/features/menu/menu.css
 create mode 100644 src/features/modal/index.js
 delete mode 100644 src/fonts.css
 delete mode 100644 src/logo.svg

diff --git a/package-lock.json b/package-lock.json
index b9fa743..17a5920 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3765,13 +3765,18 @@
       "optional": true
     },
     "binary-parser-encoder": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/binary-parser-encoder/-/binary-parser-encoder-1.5.2.tgz",
-      "integrity": "sha512-bZKR5Qo+pujq+Pvye/ZR94aRbYJx+7WijKAD7RcFi6qgtNJ4kHqAbDaH588VM2N4HylWp08Pm2l0buXqh2t5kw==",
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/binary-parser-encoder/-/binary-parser-encoder-1.5.3.tgz",
+      "integrity": "sha512-yu3tdLBYqPIwGRaXyswLoLrhaffkuZkNuXveq/jYoyBHQbFMjamHCWPFOmI2Qz+Go0Rh6wE9f6tt0EAvsgDD0g==",
       "requires": {
         "smart-buffer": "^4.1.0"
       }
     },
+    "bitset": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/bitset/-/bitset-5.1.1.tgz",
+      "integrity": "sha512-oKaRp6mzXedJ1Npo86PKhWfDelI6HxxJo+it9nAcBB0HLVvYVp+5i6yj6DT5hfFgo+TS5T57MRWtw8zhwdTs3g=="
+    },
     "bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
diff --git a/package.json b/package.json
index 08c756e..1ce9d4c 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,8 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
-    "binary-parser-encoder": "^1.5.2",
+    "binary-parser-encoder": "^1.5.3",
+    "bitset": "^5.1.1",
     "rc-slider": "^9.6.3",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
diff --git a/patches/binary-parser-encoder+1.5.3.patch b/patches/binary-parser-encoder+1.5.3.patch
new file mode 100644
index 0000000..7c7c548
--- /dev/null
+++ b/patches/binary-parser-encoder+1.5.3.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/binary-parser-encoder/dist/binary_parser.js b/node_modules/binary-parser-encoder/dist/binary_parser.js
+index ee49a70..ef0ac58 100644
+--- a/node_modules/binary-parser-encoder/dist/binary_parser.js
++++ b/node_modules/binary-parser-encoder/dist/binary_parser.js
+@@ -551,7 +551,7 @@ var Parser = /** @class */ (function () {
+     Parser.prototype.compile = function () {
+         var importPath = 'imports';
+         var ctx = this.getContext(importPath);
+-        this.compiled = new Function(importPath, 'TextDecoder', "return function (buffer, constructorFn) { " + ctx.code + " };")(ctx.imports, typeof TextDecoder === 'undefined'
++        this.compiled = new Function(importPath, 'TextDecoder', "return function (buffer, constructorFn) { ' + ctx.code + ' };")(ctx.imports, typeof TextDecoder === 'undefined'
+             ? require('util').TextDecoder
+             : TextDecoder);
+     };
diff --git a/public/index.html b/public/index.html
index 1dbdca6..51f0ffa 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,11 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto:wght@100;300;400;500;700&display=swap"
+      rel="stylesheet"
+    />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
diff --git a/public/logo192.png b/public/logo192.png
deleted file mode 100644
index 33624109cdc98874ea8657a2a3a7ce71c81d1837..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4153
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
TFn9IQF95(BSsIq>yGHyE@j7`@

diff --git a/public/logo512.png b/public/logo512.png
deleted file mode 100644
index b3516222f0b978579b871c871b955b5fc5b4ca5e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12066
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
A^#A|>

diff --git a/src/1f3b9.svg b/src/1f3b9.svg
deleted file mode 100644
index 6ce8afd..0000000
--- a/src/1f3b9.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#31373D" d="M2 36s-2 0-2-2V2s0-2 2-2h32.031C36 0 36 2 36 2v32s0 2-2 2H2z"/><path d="M19 33s0 1 1 1h5c1 0 1-1 1-1V5h-7v28zm9-28v28s0 1 1 1h4c1 0 1-1 1-1V5h-6zM10 33s0 1 1 1h5c1 0 1-1 1-1V5h-7v28zm-8 0s0 1 1 1h4c1 0 1-1 1-1V5H2v28z" fill="#E1E8ED"/><path fill="#31373D" d="M30 23s0 1-1 1h-4c-1 0-1-1-1-1V3h6v20zm-9 0s0 1-1 1h-4c-1 0-1-1-1-1V3h6v20zm-9 0s0 1-1 1H7c-1 0-1-1-1-1V3h6v20z"/></svg>
\ No newline at end of file
diff --git a/src/App.css b/src/App.css
index e65aaf8..7c70954 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,39 +1,44 @@
 .App {
-    text-align: center;
+  text-align: center;
 }
 
 .App-logo {
-    height: 40vmin;
-    pointer-events: none;
+  height: 40vmin;
+  pointer-events: none;
 }
 
 @media (prefers-reduced-motion: no-preference) {
-    .App-logo {
-        animation: App-logo-float infinite 3s ease-in-out;
-    }
+  .App-logo {
+    animation: App-logo-float infinite 3s ease-in-out;
+  }
 }
 
 .App-header {
-    min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    font-size: calc(10px + 2vmin);
+  min-height: 100vh;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
 }
 
 .App-link {
-    color: rgb(112, 76, 182);
+  color: rgb(112, 76, 182);
+}
+.App-spacer {
+  min-height: 100vh;
+  min-width: 15vw;
+  border-right: 1px solid black;
 }
 
 @keyframes App-logo-float {
-    0% {
-        transform: translateY(0);
-    }
-    50% {
-        transform: translateY(10px);
-    }
-    100% {
-        transform: translateY(0px);
-    }
+  0% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(10px);
+  }
+  100% {
+    transform: translateY(0px);
+  }
 }
diff --git a/src/App.js b/src/App.js
index 26c8805..16e4fb1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,17 +1,19 @@
 import React from 'react';
-import MainMenu from './features/menu/Menu';
+import Menu from './features/menu';
 import TimbreSwitcher from './features/timbre/timbreSwitcher';
 import './App.css';
 
 function App() {
-    return (
-        <div className='App'>
-            <header className='App-header'>
-                <MainMenu />
-                <TimbreSwitcher />
-            </header>
+  return (
+    <div className='App'>
+      <header className='App-header'>
+        <div className='App-spacer'>
+          <Menu />
         </div>
-    );
+        <TimbreSwitcher />
+      </header>
+    </div>
+  );
 }
 
 export default App;
diff --git a/src/features/counter/Counter.js b/src/features/counter/Counter.js
deleted file mode 100644
index 27deda6..0000000
--- a/src/features/counter/Counter.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { useState } from 'react';
-import { useSelector, useDispatch } from 'react-redux';
-import {
-  decrement,
-  increment,
-  incrementByAmount,
-  incrementAsync,
-  selectCount,
-} from './counterSlice';
-import styles from './Counter.module.css';
-
-export function Counter() {
-  const count = useSelector(selectCount);
-  const dispatch = useDispatch();
-  const [incrementAmount, setIncrementAmount] = useState('2');
-
-  return (
-    <div>
-      <div className={styles.row}>
-        <button
-          className={styles.button}
-          aria-label="Increment value"
-          onClick={() => dispatch(increment())}
-        >
-          +
-        </button>
-        <span className={styles.value}>{count}</span>
-        <button
-          className={styles.button}
-          aria-label="Decrement value"
-          onClick={() => dispatch(decrement())}
-        >
-          -
-        </button>
-      </div>
-      <div className={styles.row}>
-        <input
-          className={styles.textbox}
-          aria-label="Set increment amount"
-          value={incrementAmount}
-          onChange={e => setIncrementAmount(e.target.value)}
-        />
-        <button
-          className={styles.button}
-          onClick={() =>
-            dispatch(incrementByAmount(Number(incrementAmount) || 0))
-          }
-        >
-          Add Amount
-        </button>
-        <button
-          className={styles.asyncButton}
-          onClick={() => dispatch(incrementAsync(Number(incrementAmount) || 0))}
-        >
-          Add Async
-        </button>
-      </div>
-    </div>
-  );
-}
diff --git a/src/features/counter/Counter.module.css b/src/features/counter/Counter.module.css
deleted file mode 100644
index 7397ca6..0000000
--- a/src/features/counter/Counter.module.css
+++ /dev/null
@@ -1,74 +0,0 @@
-.row {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.row:not(:last-child) {
-  margin-bottom: 16px;
-}
-
-.value {
-  font-size: 78px;
-  padding-left: 16px;
-  padding-right: 16px;
-  margin-top: 2px;
-  font-family: 'Courier New', Courier, monospace;
-}
-
-.button {
-  appearance: none;
-  background: none;
-  font-size: 32px;
-  padding-left: 12px;
-  padding-right: 12px;
-  outline: none;
-  border: 2px solid transparent;
-  color: rgb(112, 76, 182);
-  padding-bottom: 4px;
-  cursor: pointer;
-  background-color: rgba(112, 76, 182, 0.1);
-  border-radius: 2px;
-  transition: all 0.15s;
-}
-
-.textbox {
-  font-size: 32px;
-  padding: 2px;
-  width: 64px;
-  text-align: center;
-  margin-right: 8px;
-}
-
-.button:hover, .button:focus {
-  border: 2px solid rgba(112, 76, 182, 0.4);
-}
-
-.button:active {
-  background-color: rgba(112, 76, 182, 0.2);
-}
-
-.asyncButton {
-  composes: button;
-  position: relative;
-  margin-left: 8px;
-}
-
-.asyncButton:after {
-  content: "";
-  background-color: rgba(112, 76, 182, 0.15);
-  display: block;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  opacity: 0;
-  transition: width 1s linear, opacity 0.5s ease 1s;
-}
-
-.asyncButton:active:after {
-  width: 0%;
-  opacity: 1;
-  transition: 0s
-}
diff --git a/src/features/counter/counterSlice.js b/src/features/counter/counterSlice.js
deleted file mode 100644
index 6ed42b7..0000000
--- a/src/features/counter/counterSlice.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import { createSlice } from '@reduxjs/toolkit';
-
-export const counterSlice = createSlice({
-  name: 'counter',
-  initialState: {
-    value: 0,
-  },
-  reducers: {
-    increment: state => {
-      // Redux Toolkit allows us to write "mutating" logic in reducers. It
-      // doesn't actually mutate the state because it uses the Immer library,
-      // which detects changes to a "draft state" and produces a brand new
-      // immutable state based off those changes
-      state.value += 1;
-    },
-    decrement: state => {
-      state.value -= 1;
-    },
-    incrementByAmount: (state, action) => {
-      state.value += action.payload;
-    },
-  },
-});
-
-export const { increment, decrement, incrementByAmount } = counterSlice.actions;
-
-// The function below is called a thunk and allows us to perform async logic. It
-// can be dispatched like a regular action: `dispatch(incrementAsync(10))`. This
-// will call the thunk with the `dispatch` function as the first argument. Async
-// code can then be executed and other actions can be dispatched
-export const incrementAsync = amount => dispatch => {
-  setTimeout(() => {
-    dispatch(incrementByAmount(amount));
-  }, 1000);
-};
-
-// The function below is called a selector and allows us to select a value from
-// the state. Selectors can also be defined inline where they're used instead of
-// in the slice file. For example: `useSelector((state) => state.counter.value)`
-export const selectCount = state => state.counter.value;
-
-export default counterSlice.reducer;
diff --git a/src/features/helpers/Helpers.js b/src/features/helpers/Helpers.js
index 22f17c1..f0b3b73 100644
--- a/src/features/helpers/Helpers.js
+++ b/src/features/helpers/Helpers.js
@@ -6,52 +6,56 @@ import './rcSelectTheme.css';
 const SliderWithToolTip = createSliderWithTooltip(RCSlider);
 
 const SelectStyle = {
-    control: (provided) => ({
-        ...provided,
-        width: '100%',
-    }),
+  control: (provided, state) => ({
+    ...provided,
+    width: state.selectProps.width,
+  }),
 };
 
 const Slider = (props) => {
-    return (
-        <SliderWithToolTip
-            tipFormatter={(v) => `${v}`}
-            min={props.min}
-            max={props.max}
-            value={props.parameter}
-            onChange={(v) => props.onChange(v)}
-        />
-    );
+  return (
+    <SliderWithToolTip
+      tipFormatter={(v) => `${v}`}
+      min={props.min}
+      max={props.max}
+      value={props.parameter}
+      onChange={(v) => props.onChange(v)}
+    />
+  );
 };
 
-const SelectList = (props) => {
-    return (
-        <Select
-            value={{ value: props.value }}
-            options={props.list}
-            getOptionLabel={
-                props.labelFunction
-                    ? props.labelFunction
-                    : (option) => `${option.value}`
-            }
-            onChange={(e) => props.onChange(e.value)}
-            styles={SelectStyle}
-        />
-    );
+const SelectList = (props = { width: '100%' }) => {
+  return (
+    <Select
+      className='react-select-container'
+      classNamePrefix='react-select'
+      menuPlacement='auto'
+      value={{ value: props.value }}
+      options={props.list}
+      getOptionLabel={
+        props.labelFunction
+          ? props.labelFunction
+          : (option) => `${option.value}`
+      }
+      onChange={(e) => props.onChange(e.value)}
+      styles={SelectStyle}
+      width={props.width}
+    />
+  );
 };
 
 const Checkbox = (props) => {
-    return (
-        <div>
-            <span>{`${props.name}:`}</span>
-            <input
-                type="checkbox"
-                value={props.parameter}
-                defaultChecked={props.parameter}
-                onChange={(e) => props.onChange(e.target.checked)}
-            />
-        </div>
-    );
+  return (
+    <div>
+      <span>{props.name ? `${props.name}:` : ''}</span>
+      <input
+        type='checkbox'
+        value={props.parameter}
+        defaultChecked={props.parameter}
+        onChange={(e) => props.onChange(e.target.checked)}
+      />
+    </div>
+  );
 };
 
 export { Slider, SelectList, Checkbox };
diff --git a/src/features/io/IO.css b/src/features/io/IO.css
deleted file mode 100644
index d4c131a..0000000
--- a/src/features/io/IO.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.dropzone-container {
-    background: white;
-    padding: 0.95em;
-    position: fixed;
-    margin: auto;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: calc(7.5em);
-    box-sizing: border-box;
-    width: 14em;
-    z-index: 100;
-    border: 0.09em solid slategray;
-    border-radius: 6px;
-}
diff --git a/src/features/io/IO.js b/src/features/io/IO.js
deleted file mode 100644
index b93579a..0000000
--- a/src/features/io/IO.js
+++ /dev/null
@@ -1,94 +0,0 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { useDropzone } from 'react-dropzone';
-import { Parse } from './ioParser';
-import './IO.css';
-
-const baseStyle = {
-    flex: 1,
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    height: '4.25em',
-    padding: '0.5em',
-    borderWidth: 2,
-    borderRadius: 2,
-    borderColor: 'slategrey',
-    borderStyle: 'dashed',
-    backgroundColor: 'ghostwhite',
-    color: 'slategray',
-    outline: 'none',
-    transition: 'border .24s ease-in-out',
-};
-
-const activeStyle = {
-    borderColor: 'slateblue',
-};
-
-const acceptStyle = {
-    borderColor: 'mediumseagreen',
-};
-
-const rejectStyle = {
-    borderColor: 'crimson',
-};
-
-const Dropzone = ({ setFile }) => {
-    const {
-        getRootProps,
-        getInputProps,
-        isDragAccept,
-        isDragActive,
-        isDragReject,
-    } = useDropzone({
-        multiple: false,
-        maxFiles: 1,
-        noKeyboard: true,
-        onDrop: (files) => setFile(files[0]),
-    });
-
-    const style = useMemo(
-        () => ({
-            ...baseStyle,
-            ...(isDragActive ? activeStyle : {}),
-            ...(isDragAccept ? acceptStyle : {}),
-            ...(isDragReject ? rejectStyle : {}),
-        }),
-        [isDragActive, isDragReject, isDragAccept]
-    );
-
-    return (
-        <div className='dropzone-container'>
-            <div {...getRootProps({ style })}>
-                <input {...getInputProps()} />
-                <p>Drag and drop file here, or click to select</p>
-            </div>
-        </div>
-    );
-};
-
-export default function IO() {
-    const [file, setFile] = useState(null);
-    const reader = new FileReader();
-
-    // turn file into array buffer for parsing
-    const fileToArrayBuffer = (f) => {
-        reader.onload = (e) => {
-            setFile(new Uint8Array(e.target.result));
-        };
-        reader.readAsArrayBuffer(f);
-    };
-
-    useEffect(() => {
-        if (file) {
-            console.log(Parse(file));
-        }
-    });
-
-    return (
-        <div className='dropzone-container'>
-            <Dropzone className='dropzone-modal' setFile={fileToArrayBuffer} />
-        </div>
-    );
-}
-
-/* TODO -- possibly add clicking outside the modal to close it*/
diff --git a/src/features/io/convert/loadStore.js b/src/features/io/convert/loadStore.js
new file mode 100644
index 0000000..619b85f
--- /dev/null
+++ b/src/features/io/convert/loadStore.js
@@ -0,0 +1,793 @@
+import { returnFromList } from '../utils/functions';
+
+export default function build_store(patch, timbre1, timbre2, vocoder) {
+  return {
+    ...prepare_patch(patch),
+    ...prepare_timbre(timbre1),
+    ...prepare_timbre(timbre2, true),
+    ...prepare_vocoder(vocoder),
+  };
+}
+
+function prepare_patch(object) {
+  console.log(object.voice_mode);
+  return {
+    unusedPatch: {
+      id: 'unusedPatch',
+      scaleKey: object.scale_key,
+      scaleType: object.scale_type,
+      keyboardOctave: object.keyboard_octave,
+      arpSwitch: object.arp_on_off,
+    },
+    patch: {
+      id: 'patch',
+      mode: returnFromList(
+        object.voice_mode,
+        'Single',
+        null,
+        'Multiple',
+        'Vocoder'
+      ),
+      name: object.program_name,
+    },
+    delay: {
+      id: 'delay',
+      type: returnFromList(
+        object.delay_type,
+        'Stereo Delay',
+        'Cross Delay',
+        'L/R Delay'
+      ),
+      tempoSync: object.delay_sync,
+      syncNote: returnFromList(
+        object.delay_timebase,
+        '1/32',
+        '1/24',
+        '1/16',
+        '1/12',
+        '3/32',
+        '1/8',
+        '1/6',
+        '3/16',
+        '1/4',
+        '1/3',
+        '3/8',
+        '1/2',
+        '2/3',
+        '3/4',
+        '1/1'
+      ),
+      delayTime: object.delay_time,
+      delayDepth: object.delay_depth,
+    },
+    modfx: {
+      id: 'modfx',
+      type: returnFromList(
+        object.mod_type,
+        'Chorus/Flanger',
+        'Ensemble',
+        'Phaser'
+      ),
+      lfoSpeed: object.mod_lfo_speed,
+      effectDepth: object.mod_depth,
+    },
+    eq: {
+      id: 'eq',
+      lowFrequency: returnFromList(
+        object.eq_low_freq,
+        40,
+        50,
+        60,
+        80,
+        100,
+        120,
+        140,
+        160,
+        180,
+        200,
+        220,
+        240,
+        260,
+        280,
+        300,
+        320,
+        340,
+        360,
+        380,
+        400,
+        420,
+        440,
+        460,
+        480,
+        500,
+        600,
+        700,
+        800,
+        900,
+        1000
+      ),
+      lowGain: object.eq_low_gain - 64,
+      highFrequency: returnFromList(
+        object.eq_hi_freq,
+        1.0,
+        1.25,
+        1.5,
+        1.75,
+        2.0,
+        2.25,
+        2.5,
+        2.75,
+        3.0,
+        3.25,
+        3.5,
+        3.75,
+        4.0,
+        4.25,
+        4.5,
+        4.75,
+        5.0,
+        5.25,
+        5.5,
+        5.75,
+        6.0,
+        7.0,
+        8.0,
+        9.0,
+        10.0,
+        11.0,
+        12.0,
+        14.0,
+        16.0,
+        18.0
+      ),
+      highGain: object.eq_hi_gain - 64,
+    },
+    arpeggA: {
+      id: 'arpeggA',
+      tempo: object.arp_tempo,
+      resolution: returnFromList(
+        object.arp_resolution,
+        '1/24',
+        '1/16',
+        '1/12',
+        '1/8',
+        '1/6',
+        '1/4'
+      ),
+      gate: object.arp_gate_time,
+      type: returnFromList(
+        object.arp_type,
+        'Up',
+        'Down',
+        'Alternate 1',
+        'Alternate 2',
+        'Random',
+        'Trigger'
+      ),
+      range: object.arp_range,
+    },
+    arpeggB: {
+      id: 'arpeggB',
+      latch: object.arp_latch,
+      swing: object.arp_swing,
+      keySync: object.arp_key_sync,
+      lastStep: object.arp_trigger_length,
+      target: object.arp_target,
+      pattern: object.arp_trigger_pattern,
+    },
+  };
+}
+
+function prepare_timbre(object, timbre2 = false) {
+  const num = timbre2 ? 2 : 1;
+  if (!object) return null;
+  return {
+    [`unusedTimbre${num}`]: {
+      id: `unusedTimbre${num}`,
+      midiChannel: object[`t${num}_midi_channel`],
+      keyPriority: object[`t${num}_key_priority`],
+      filterVelSense: object[`t${num}_filter_vel_sense`],
+      ampSwitch: object[`t${num}_amp_switch`],
+      ampVelSense: object[`t${num}_amp_vel_sense`],
+    },
+    [`vco${timbre2 ? num + 1 : num}`]: {
+      id: `vco${timbre2 ? num + 1 : num}`,
+      waveform: returnFromList(
+        object[`t${num}_osc_1_wave`],
+        'Saw',
+        'Square',
+        'Triangle',
+        'Sine',
+        'Vox Wave',
+        'DWGS',
+        'Noise',
+        'Audio In'
+      ),
+      dwgsOrModType: returnFromList(
+        object[`t${num}_osc_1_dgws`],
+        'SynSine1',
+        'SynSine2',
+        'SynSine3',
+        'SynSine4',
+        'SynSine5',
+        'SynSine6',
+        'SynSine7',
+        'SynBass1',
+        'SynBass2',
+        'SynBass3',
+        'SynBass4',
+        'SynBass5',
+        'SynBass6',
+        'SynBass7',
+        'SynWave1',
+        'SynWave2',
+        'SynWave3',
+        'SynWave4',
+        'SynWave5',
+        'SynWave6',
+        'SynWave7',
+        'SynWave8',
+        'SynWave9',
+        '5thWave1',
+        '5thWave2',
+        '5thWave3',
+        'Digi1',
+        'Digi2',
+        'Digi3',
+        'Digi4',
+        'Digi5',
+        'Digi6',
+        'Digi7',
+        'Digi8',
+        'Endless',
+        'E.Piano1',
+        'E.Piano2',
+        'E.Piano3',
+        'E.Piano4',
+        'Organ1',
+        'Organ2',
+        'Organ3',
+        'Organ4',
+        'Organ5',
+        'Organ6',
+        'Organ7',
+        'Clav1',
+        'Clav2',
+        'Guitar1',
+        'Guitar2',
+        'Guitar3',
+        'Bass1',
+        'Bass2',
+        'Bass3',
+        'Bass4',
+        'Bass5',
+        'Bell1',
+        'Bell2',
+        'Bell3',
+        'Bell4',
+        'Voice1',
+        'Voice2',
+        'Voice3',
+        'Voice4'
+      ),
+      waveMod: object[`t${num}_osc_1_ctrl_1`],
+      lfoMod: object[`t${num}_osc_1_ctrl_2`],
+    },
+    [`vco${num * 2}`]: {
+      id: `vco${num * 2}`,
+      waveform: returnFromList(
+        object[`t${num}_osc_2_wave`],
+        'Saw',
+        'Square',
+        'Triangle'
+      ),
+      dwgsOrModType: returnFromList(
+        object[`t${num}_osc_2_mod_select`],
+        'Off',
+        'Ring',
+        'Sync',
+        'RingSync'
+      ),
+      waveMod: object[`t${num}_osc_2_semitone`],
+      lfoMod: object[`t${num}_osc_2_tune`],
+    },
+    [`mixer${num}`]: {
+      id: `mixer${num}`,
+      vol1: object[`t${num}_osc_1_level`],
+      vol2: object[`t${num}_osc_2_level`],
+      vol3: object[`t${num}_noise_level`],
+    },
+    [`pitch${num}`]: {
+      id: `pitch${num}`,
+      voiceAssign: returnFromList(
+        object[`t${num}_assign_mode`],
+        'Mono',
+        'Poly',
+        'Unison'
+      ),
+      triggerMode: returnFromList(
+        object[`t${num}_trigger_mode`],
+        'Single',
+        'Multiple'
+      ),
+      transpose: object[`t${num}_transpose`] - 64,
+      tune: object[`t${num}_tune`] - 64,
+      unisonDetune: object[`t${num}_unison_detune`],
+      portamento: object[`t${num}_portamento`],
+      bendRange: object[`t${num}_bend_range`] - 64,
+      vibratoIntensity: object[`t${num}_vibrato_int`] - 64,
+    },
+    [`filter${num}`]: {
+      id: `filter${num}`,
+      filterType: returnFromList(
+        object[`t${num}_filter_type`],
+        '-24db Low Pass',
+        '-12db Low Pass',
+        'Band Pass',
+        'High Pass'
+      ),
+      cutoff: object[`t${num}_filter_cutoff`],
+      resonance: object[`t${num}_filter_resonance`],
+      egIntensity: object[`t${num}_filter_eg_intensity`] - 64,
+      keyboardTrack: object[`t${num}_filter_key_track`] - 64,
+    },
+    [`amp${num}`]: {
+      id: `amp${num}`,
+      ampLevel: object[`t${num}_amp_level`],
+      panpot: object[`t${num}_amp_panpot`],
+      ampTrack: object[`t${num}_amp_key_track`] - 64,
+      distortion: object[`t${num}_amp_distortion`],
+    },
+    [`eg${timbre2 ? num + 1 : num}`]: {
+      id: `eg${timbre2 ? num + 1 : num}`,
+      attack: object[`t${num}_eg_1_attack`],
+      decay: object[`t${num}_eg_1_decay`],
+      sustain: object[`t${num}_eg_1_sustain`],
+      release: object[`t${num}_eg_1_release`],
+      egReset: object[`t${num}_eg_1_reset`],
+    },
+    [`eg${num * 2}`]: {
+      id: `eg${num * 2}`,
+      attack: object[`t${num}_eg_2_attack`],
+      decay: object[`t${num}_eg_2_decay`],
+      sustain: object[`t${num}_eg_2_sustain`],
+      release: object[`t${num}_eg_2_release`],
+      egReset: object[`t${num}_eg_2_reset`],
+    },
+    [`lfo${timbre2 ? num + 1 : num}`]: {
+      id: `lfo${timbre2 ? num + 1 : num}`,
+      waveform: returnFromList(
+        object[`t${num}_lfo_1_wave`],
+        'Saw',
+        'Square 1',
+        'Triangle',
+        'Sample & Hold'
+      ),
+      keySync: returnFromList(
+        object[`t${num}_lfo_1_key_sync`],
+        'Off',
+        'Timbre',
+        'Voice'
+      ),
+      tempoSync: object[`t${num}_lfo_1_tempo_sync`],
+      frequency: object[`t${num}_lfo_1_frequency`],
+      syncNote: returnFromList(
+        object[`t${num}_lfo_1_sync_note`],
+        '1/1',
+        '3/4',
+        '2/3',
+        '1/2',
+        '3/8',
+        '1/3',
+        '1/4',
+        '3/16',
+        '1/6',
+        '1/8',
+        '3/32',
+        '1/12',
+        '1/16',
+        '1/24',
+        '1/32'
+      ),
+    },
+    [`lfo${num * 2}`]: {
+      id: `lfo${num * 2}`,
+      waveform: returnFromList(
+        object[`t${num}_lfo_2_wave`],
+        'Saw',
+        'Square 2',
+        'Sine',
+        'Sample & Hold'
+      ),
+      keySync: returnFromList(
+        object[`t${num}_lfo_2_key_sync`],
+        'Off',
+        'Timbre',
+        'Voice'
+      ),
+      tempoSync: object[`t${num}_lfo_2_tempo_sync`],
+      frequency: object[`t${num}_lfo_2_frequency`],
+      syncNote: returnFromList(
+        object[`t${num}_lfo_2_sync_note`],
+        '1/1',
+        '3/4',
+        '2/3',
+        '1/2',
+        '3/8',
+        '1/3',
+        '1/4',
+        '3/16',
+        '1/6',
+        '1/8',
+        '3/32',
+        '1/12',
+        '1/16',
+        '1/24',
+        '1/32'
+      ),
+    },
+    [`patches${num}`]: {
+      id: `patches${num}`,
+      patch1: {
+        source: returnFromList(
+          object[`t${num}_patch_1_src`],
+          'Filter EG',
+          'Amp EG',
+          'LFO 1',
+          'LFO 2',
+          'Velocity',
+          'Keyboard Track',
+          'Pitch Bend',
+          'Mod Wheel'
+        ),
+        destination: returnFromList(
+          object[`t${num}_patch_1_dest`],
+          'Pitch',
+          'OSC 2 Tune',
+          'OSC 1 Control 1',
+          'Noise Level',
+          'Cutoff',
+          'Amp',
+          'Pan',
+          'LFO 2 Frequency'
+        ),
+        modIntensity: object[`t${num}_patch_1_intensity`],
+      },
+      patch2: {
+        source: returnFromList(
+          object[`t${num}_patch_2_src`],
+          'Filter EG',
+          'Amp EG',
+          'LFO 1',
+          'LFO 2',
+          'Velocity',
+          'Keyboard Track',
+          'Pitch Bend',
+          'Mod Wheel'
+        ),
+        destination: returnFromList(
+          object[`t${num}_patch_2_dest`],
+          'Pitch',
+          'OSC 2 Tune',
+          'OSC 1 Control 1',
+          'Noise Level',
+          'Cutoff',
+          'Amp',
+          'Pan',
+          'LFO 2 Frequency'
+        ),
+        modIntensity: object[`t${num}_patch_2_intensity`],
+      },
+      patch3: {
+        source: returnFromList(
+          object[`t${num}_patch_3_src`],
+          'Filter EG',
+          'Amp EG',
+          'LFO 1',
+          'LFO 2',
+          'Velocity',
+          'Keyboard Track',
+          'Pitch Bend',
+          'Mod Wheel'
+        ),
+        destination: returnFromList(
+          object[`t${num}_patch_3_dest`],
+          'Pitch',
+          'OSC 2 Tune',
+          'OSC 1 Control 1',
+          'Noise Level',
+          'Cutoff',
+          'Amp',
+          'Pan',
+          'LFO 2 Frequency'
+        ),
+        modIntensity: object[`t${num}_patch_3_intensity`],
+      },
+      patch4: {
+        source: returnFromList(
+          object[`t${num}_patch_4_src`],
+          'Filter EG',
+          'Amp EG',
+          'LFO 1',
+          'LFO 2',
+          'Velocity',
+          'Keyboard Track',
+          'Pitch Bend',
+          'Mod Wheel'
+        ),
+        destination: returnFromList(
+          object[`t${num}_patch_4_dest`],
+          'Pitch',
+          'OSC 2 Tune',
+          'OSC 1 Control 1',
+          'Noise Level',
+          'Cutoff',
+          'Amp',
+          'Pan',
+          'LFO 2 Frequency'
+        ),
+        modIntensity: object[`t${num}_patch_4_intensity`],
+      },
+    },
+  };
+}
+
+function prepare_vocoder(object) {
+  if (!object) return null;
+  return {
+    unusedVocoder: {
+      midiChannel: object.v_midi_channel,
+      egReset2: object.v_eg_2_reset,
+      keyPriority: object.v_key_priority,
+      filterEFSense: object.v_filter_e_f_sense,
+      ampVelSense: object.v_amp_vel_sense,
+      eg2attack: object.v_eg_2_attack,
+      eg2decay: object.v_eg_2_decay,
+      eg2sustain: object.v_eg_2_sustain,
+      eg2release: object.v_eg_2_release,
+    },
+    vco5: {
+      id: 'vco5',
+      waveform: returnFromList(
+        object.v_osc_wave,
+        'Saw',
+        'Square',
+        'Triangle',
+        'Sine',
+        'Vox Wave',
+        'DWGS',
+        'Noise',
+        'Audio In'
+      ),
+      dwgsOrModType: returnFromList(
+        object.v_osc_dgws,
+        'SynSine1',
+        'SynSine2',
+        'SynSine3',
+        'SynSine4',
+        'SynSine5',
+        'SynSine6',
+        'SynSine7',
+        'SynBass1',
+        'SynBass2',
+        'SynBass3',
+        'SynBass4',
+        'SynBass5',
+        'SynBass6',
+        'SynBass7',
+        'SynWave1',
+        'SynWave2',
+        'SynWave3',
+        'SynWave4',
+        'SynWave5',
+        'SynWave6',
+        'SynWave7',
+        'SynWave8',
+        'SynWave9',
+        '5thWave1',
+        '5thWave2',
+        '5thWave3',
+        'Digi1',
+        'Digi2',
+        'Digi3',
+        'Digi4',
+        'Digi5',
+        'Digi6',
+        'Digi7',
+        'Digi8',
+        'Endless',
+        'E.Piano1',
+        'E.Piano2',
+        'E.Piano3',
+        'E.Piano4',
+        'Organ1',
+        'Organ2',
+        'Organ3',
+        'Organ4',
+        'Organ5',
+        'Organ6',
+        'Organ7',
+        'Clav1',
+        'Clav2',
+        'Guitar1',
+        'Guitar2',
+        'Guitar3',
+        'Bass1',
+        'Bass2',
+        'Bass3',
+        'Bass4',
+        'Bass5',
+        'Bell1',
+        'Bell2',
+        'Bell3',
+        'Bell4',
+        'Voice1',
+        'Voice2',
+        'Voice3',
+        'Voice4'
+      ),
+      waveMod: object.v_osc_ctrl_1,
+      lfoMod: object.v_osc_ctrl_1,
+    },
+    audioIn: {
+      id: 'audioIn',
+      gate: object.v_audio_in_gate_sense,
+      threshold: object.v_audio_in_threshold,
+      hpfLevel: object.v_audio_in_hpf_level,
+      hpfGate: object.v_audio_in_hpf_gate,
+    },
+    mixer3: {
+      id: 'mixer3',
+      vol1: object.v_osc_level,
+      vol2: object.v_ext_level,
+      vol3: object.v_noise_level,
+    },
+    pitch3: {
+      id: 'pitch3',
+      voiceAssign: returnFromList(
+        object.v_assign_mode,
+        'Mono',
+        'Poly',
+        'Unison'
+      ),
+      triggerMode: returnFromList(object.v_trigger_mode, 'Single', 'Multiple'),
+      transpose: object.v_transpose - 64,
+      tune: object.v_tune - 64,
+      unisonDetune: object.v_unison_detune,
+      portamento: object.v_portamento_time,
+      bendRange: object.v_bend_range - 64,
+      vibratoIntensity: object.v_vibrato_int - 64,
+    },
+    filter3: {
+      id: 'filter',
+      shift: returnFromList(object.v_filter_shift, 0, 1, 2, -1, -2),
+      cutoff: object.v_filter_cutoff,
+      resonance: object.v_filter_resonance,
+      efSense: object.v_filter_e_f_sense,
+    },
+    fcMod: {
+      id: 'fcMod',
+      source: returnFromList(
+        object.v_filter_mod_source,
+        '---',
+        'Amp EG',
+        'LFO 1',
+        'LFO 2',
+        'Velocity',
+        'Keyboard Track',
+        'Pitch Bend',
+        'Mod Wheel'
+      ),
+      intensity: object.v_filter_intensity,
+    },
+    eg5: {
+      id: 'eg5',
+      attack: object.v_eg_1_attack,
+      decay: object.v_eg_1_decay,
+      sustain: object.v_eg_1_sustain,
+      release: object.v_eg_1_release,
+      egReset: object.v_eg_1_reset,
+    },
+    amp3: {
+      id: 'amp3',
+      ampLevel: object.v_amp_level,
+      directLevel: object.v_amp_direct_level,
+      ampTrack: object.v_amp_key_track - 64,
+      distortion: object.v_amp_direction,
+    },
+    lfo5: {
+      id: 'lfo5',
+      waveform: returnFromList(
+        object.v_lfo_1_wave,
+        'Saw',
+        'Square 1',
+        'Triangle',
+        'Sample & Hold'
+      ),
+      keySync: returnFromList(
+        object.v_lfo_1_key_sync,
+        'Off',
+        'Timbre',
+        'Voice'
+      ),
+      tempoSync: object.v_lfo_1_tempo_sync,
+      frequency: object.v_lfo_1_frequency,
+      syncNote: returnFromList(
+        object.v_lfo_1_sync_note,
+        '1/1',
+        '3/4',
+        '2/3',
+        '1/2',
+        '3/8',
+        '1/3',
+        '1/4',
+        '3/16',
+        '1/6',
+        '1/8',
+        '3/32',
+        '1/12',
+        '1/16',
+        '1/24',
+        '1/32'
+      ),
+    },
+    lfo6: {
+      id: 'lfo6',
+      waveform: returnFromList(
+        object.v_lfo_2_wave,
+        'Saw',
+        'Square 2',
+        'Sine',
+        'Sample & Hold'
+      ),
+      keySync: returnFromList(
+        object.v_lfo_2_key_sync,
+        'Off',
+        'Timbre',
+        'Voice'
+      ),
+      tempoSync: object.v_lfo_2_tempo_sync,
+      frequency: object.v_lfo_2_frequency,
+      syncNote: returnFromList(
+        object.v_lfo_2_sync_note,
+        '1/1',
+        '3/4',
+        '2/3',
+        '1/2',
+        '3/8',
+        '1/3',
+        '1/4',
+        '3/16',
+        '1/6',
+        '1/8',
+        '3/32',
+        '1/12',
+        '1/16',
+        '1/24',
+        '1/32'
+      ),
+    },
+    levels: {
+      id: 'levels',
+      level1: object.v_level_1,
+      level2: object.v_level_2,
+      level3: object.v_level_3,
+      level4: object.v_level_4,
+      level5: object.v_level_5,
+      level6: object.v_level_6,
+      level7: object.v_level_7,
+      level8: object.v_level_8,
+    },
+    pans: {
+      id: 'pans',
+      pan1: object.v_pan_1,
+      pan2: object.v_pan_2,
+      pan3: object.v_pan_3,
+      pan4: object.v_pan_4,
+      pan5: object.v_pan_5,
+      pan6: object.v_pan_6,
+      pan7: object.v_pan_7,
+      pan8: object.v_pan_8,
+    },
+  };
+}
diff --git a/src/features/io/convert/parse.js b/src/features/io/convert/parse.js
new file mode 100644
index 0000000..527de11
--- /dev/null
+++ b/src/features/io/convert/parse.js
@@ -0,0 +1,213 @@
+import { getBits, toBitArray } from '../utils/functions';
+
+export default function parse(sysex) {
+  const patch = build_patch(sysex.slice(0, 38));
+  switch (patch.voice_mode) {
+    default:
+    case 0:
+      return [
+        { ...patch },
+        { ...build_timbre(1, sysex.slice(38, 146)) },
+        null,
+        null,
+      ];
+
+    case 2:
+      return [
+        { ...patch },
+        { ...build_timbre(1, sysex.slice(38, 146)) },
+        { ...build_timbre(2, sysex.slice(146, 254)) },
+        null,
+      ];
+    case 3:
+      return [
+        { ...patch },
+        null,
+        null,
+        { ...build_vocoder(sysex.slice(38, 142)) },
+      ];
+  }
+}
+
+function build_patch(patch) {
+  return {
+    /* BYTES 0, 11 NOT 0, 12 */
+    program_name: String.fromCharCode(...patch.slice(0, 12)),
+    /* BYTES 13 / 14 SKIPPED */
+    arp_trigger_length: patch[14],
+    arp_trigger_pattern: toBitArray(patch[15]),
+    voice_mode: getBits(patch[16], 4, 5),
+    scale_key: getBits(patch[17], 4, 7),
+    scale_type: getBits(patch[17], 0, 3),
+    /* BYTE 18 SKIPPED */
+    delay_sync: patch[19] & 0x80,
+    delay_timebase: getBits(patch[19], 0, 3),
+    delay_time: patch[20],
+    delay_depth: patch[21],
+    delay_type: patch[22],
+    mod_lfo_speed: patch[23],
+    mod_depth: patch[24],
+    mod_type: patch[25],
+    eq_hi_freq: patch[26],
+    eq_hi_gain: patch[27],
+    eq_low_freq: patch[28],
+    eq_low_gain: patch[29],
+    arp_tempo: patch.slice(30, 32).reduce((acc, curr) => acc + curr),
+    arp_on_off: patch[32] & 0x80,
+    arp_latch: patch[32] & 0x40,
+    arp_target: getBits(patch[32], 4, 5),
+    arp_key_sync: patch[32] & 0x01,
+    arp_type: getBits(patch[33], 0, 3),
+    arp_range: getBits(patch[33], 4, 7),
+    arp_gate_time: patch[34],
+    arp_resolution: patch[35],
+    arp_swing: patch[36],
+    keyboard_octave: patch[37],
+  };
+}
+
+function build_timbre(num, timbre) {
+  return {
+    [`t${num}_midi_channel`]: timbre[0],
+    [`t${num}_assign_mode`]: getBits(timbre[1], 6, 7),
+    [`t${num}_eg_2_reset`]: timbre[1] & 0x20,
+    [`t${num}_eg_1_reset`]: timbre[1] & 0x10,
+    [`t${num}_trigger_mode`]: timbre[1] & 0x08,
+    [`t${num}_key_priority`]: getBits(timbre[1], 0, 1),
+    [`t${num}_unison_detune`]: timbre[2],
+    [`t${num}_tune`]: timbre[3],
+    [`t${num}_bend_range`]: timbre[4],
+    [`t${num}_transpose`]: timbre[5],
+    [`t${num}_vibrato_int`]: timbre[6],
+    [`t${num}_osc_1_wave`]: timbre[7],
+    [`t${num}_osc_1_ctrl_1`]: timbre[8],
+    [`t${num}_osc_1_ctrl_2`]: timbre[9],
+    [`t${num}_osc_1_dgws`]: timbre[10],
+    /* SKIP BYTE 11 */
+    [`t${num}_osc_2_mod_select`]: getBits(timbre[12], 4, 5),
+    [`t${num}_osc_2_wave`]: getBits(timbre[12], 0, 1),
+    [`t${num}_osc_2_semitone`]: timbre[13],
+    [`t${num}_osc_2_tune`]: timbre[14],
+    [`t${num}_portamento`]: getBits(timbre[15], 0, 6),
+    [`t${num}_osc_1_level`]: timbre[16],
+    [`t${num}_osc_2_level`]: timbre[17],
+    [`t${num}_noise_level`]: timbre[18],
+    [`t${num}_filter_type`]: timbre[19],
+    [`t${num}_filter_cutoff`]: timbre[20],
+    [`t${num}_filter_resonance`]: timbre[21],
+    [`t${num}_filter_eg_intensity`]: timbre[22],
+    [`t${num}_filter_vel_sense`]: timbre[23],
+    [`t${num}_filter_key_track`]: timbre[24],
+    [`t${num}_amp_level`]: timbre[25],
+    [`t${num}_amp_panpot`]: timbre[26],
+    [`t${num}_amp_switch`]: timbre[27] & 0x40,
+    [`t${num}_amp_distortion`]: timbre[27] & 0x01,
+    [`t${num}_amp_vel_sense`]: timbre[28],
+    [`t${num}_amp_key_track`]: timbre[29],
+    [`t${num}_eg_1_attack`]: timbre[30],
+    [`t${num}_eg_1_decay`]: timbre[31],
+    [`t${num}_eg_1_sustain`]: timbre[32],
+    [`t${num}_eg_1_release`]: timbre[33],
+    [`t${num}_eg_2_attack`]: timbre[34],
+    [`t${num}_eg_2_decay`]: timbre[35],
+    [`t${num}_eg_2_sustain`]: timbre[36],
+    [`t${num}_eg_2_release`]: timbre[37],
+    [`t${num}_lfo_1_key_sync`]: getBits(timbre[38], 4, 5),
+    [`t${num}_lfo_1_wave`]: getBits(timbre[38], 0, 1),
+    [`t${num}_lfo_1_frequency`]: timbre[39],
+    [`t${num}_lfo_1_tempo_sync`]: timbre[40] & 0x80,
+    [`t${num}_lfo_1_sync_note`]: getBits(timbre[40], 0, 4),
+    [`t${num}_lfo_2_key_sync`]: getBits(timbre[41], 4, 5),
+    [`t${num}_lfo_2_wave`]: getBits(timbre[41], 0, 1),
+    [`t${num}_lfo_2_frequency`]: timbre[42],
+    [`t${num}_lfo_2_tempo_sync`]: timbre[43] & 0x80,
+    [`t${num}_lfo_2_sync_note`]: getBits(timbre[43], 0, 4),
+    [`t${num}_patch_1_dest`]: getBits(timbre[44], 4, 7),
+    [`t${num}_patch_1_src`]: getBits(timbre[44], 0, 3),
+    [`t${num}_patch_1_intensity`]: timbre[45],
+    [`t${num}_patch_2_dest`]: getBits(timbre[46], 4, 7),
+    [`t${num}_patch_2_src`]: getBits(timbre[46], 0, 3),
+    [`t${num}_patch_2_intensity`]: timbre[47],
+    [`t${num}_patch_3_dest`]: getBits(timbre[48], 4, 7),
+    [`t${num}_patch_3_src`]: getBits(timbre[48], 0, 3),
+    [`t${num}_patch_3_intensity`]: timbre[49],
+    [`t${num}_patch_4_dest`]: getBits(timbre[50], 4, 7),
+    [`t${num}_patch_4_src`]: getBits(timbre[50], 0, 3),
+    [`t${num}_patch_4_intensity`]: timbre[51],
+  };
+}
+
+function build_vocoder(vocoder) {
+  return {
+    v_midi_channel: vocoder[0],
+    v_assign_mode: getBits(vocoder[1], 6, 7),
+    v_eg_2_reset: vocoder[1] & 0x20,
+    v_eg_1_reset: vocoder[1] & 0x10,
+    v_trigger_mode: vocoder[1] & 0x08,
+    v_key_priority: getBits(vocoder[1], 0, 1),
+    v_unison_detune: vocoder[2],
+    v_tune: vocoder[3],
+    v_bend_range: vocoder[4],
+    v_transpose: vocoder[5],
+    v_vibrato_int: vocoder[6],
+    v_osc_wave: vocoder[7],
+    v_osc_ctrl_1: vocoder[8],
+    v_osc_ctrl_2: vocoder[9],
+    v_osc_dgws: vocoder[10],
+    /* BYTE 11 SKIPPED */
+    v_audio_in_hpf_gate: vocoder[12] & 0x01,
+    /* BYTE 13 SKIPPED */
+    v_portamento_time: getBits(vocoder[14], 0, 6),
+    v_osc_level: vocoder[15],
+    v_ext_level: vocoder[16],
+    v_noise_level: vocoder[17],
+    v_audio_in_hpf_level: vocoder[18],
+    v_audio_in_gate_sense: vocoder[19],
+    v_audio_in_threshold: vocoder[20],
+    v_filter_shift: vocoder[21],
+    v_filter_cutoff: vocoder[22],
+    v_filter_resonance: vocoder[23],
+    v_filter_mod_source: vocoder[24],
+    v_filter_intensity: vocoder[25],
+    v_filter_e_f_sense: vocoder[26],
+    v_amp_level: vocoder[27],
+    v_amp_direct_level: vocoder[28],
+    v_amp_distortion: vocoder[29] & 0x01,
+    v_amp_vel_sense: vocoder[30],
+    v_amp_key_track: vocoder[31],
+    v_eg_1_attack: vocoder[32],
+    v_eg_1_decay: vocoder[33],
+    v_eg_1_sustain: vocoder[34],
+    v_eg_1_release: vocoder[35],
+    v_eg_2_attack: vocoder[36],
+    v_eg_2_decay: vocoder[37],
+    v_eg_2_sustain: vocoder[38],
+    v_eg_2_release: vocoder[39],
+    v_lfo_1_key_sync: getBits(vocoder[40], 4, 5),
+    v_lfo_1_wave: getBits(vocoder[40], 0, 1),
+    v_lfo_1_frequency: vocoder[41],
+    v_lfo_1_tempo_sync: vocoder[42] & 0x80,
+    v_lfo_1_sync_note: getBits(vocoder[42], 0, 4),
+    v_lfo_2_key_sync: getBits(vocoder[43], 4, 5),
+    v_lfo_2_wave: getBits(vocoder[43], 0, 1),
+    v_lfo_2_frequency: vocoder[44],
+    v_lfo_2_tempo_sync: vocoder[45] & 0x80,
+    v_lfo_2_sync_note: getBits(vocoder[45], 0, 4),
+    v_level_1: vocoder[46],
+    v_level_2: vocoder[47],
+    v_level_3: vocoder[48],
+    v_level_4: vocoder[49],
+    v_level_5: vocoder[50],
+    v_level_6: vocoder[51],
+    v_level_7: vocoder[52],
+    v_level_8: vocoder[53],
+    v_pan_1: vocoder[62],
+    v_pan_2: vocoder[63],
+    v_pan_3: vocoder[64],
+    v_pan_4: vocoder[65],
+    v_pan_5: vocoder[66],
+    v_pan_6: vocoder[67],
+    v_pan_7: vocoder[68],
+    v_pan_8: vocoder[69],
+  };
+}
diff --git a/src/features/io/convert/saveStore.js b/src/features/io/convert/saveStore.js
new file mode 100644
index 0000000..b67c3e6
--- /dev/null
+++ b/src/features/io/convert/saveStore.js
@@ -0,0 +1,732 @@
+import { returnValue } from '../utils/functions';
+
+export default function saveStoreState(state) {
+  switch (state.patch.mode) {
+    default:
+    case 'Single':
+      return [
+        {
+          ...state_patch({
+            unused: { ...state.unusedPatch },
+            patch: { ...state.patch },
+            arpeggA: { ...state.arpeggA },
+            arpeggB: { ...state.arpeggB },
+            delay: { ...state.delay },
+            modfx: { ...state.modfx },
+            eq: { ...state.eq },
+          }),
+        },
+        {
+          ...state_timbre({
+            unused: { ...state.unusedTimbre1 },
+            vco1: { ...state.vco1 },
+            vco2: { ...state.vco2 },
+            mixer: { ...state.mixer1 },
+            pitch: { ...state.pitch1 },
+            filter: { ...state.filter1 },
+            amp: { ...state.amp1 },
+            eg1: { ...state.eg1 },
+            eg2: { ...state.eg2 },
+            lfo1: { ...state.lfo1 },
+            lfo2: { ...state.lfo2 },
+            patches: { ...state.patches1 },
+          }),
+        },
+        null,
+        null,
+      ];
+    case 'Multiple':
+      return [
+        {
+          ...state_patch({
+            unused: { ...state.unusedPatch },
+            patch: { ...state.Patch },
+            arpeggA: { ...state.arpeggA },
+            arpeggB: { ...state.arpeggB },
+            delay: { ...state.delay },
+            modfx: { ...state.modfx },
+            eq: { ...state.eq },
+          }),
+        },
+        {
+          ...state_timbre({
+            unused: { ...state.unusedTimbre1 },
+            vco1: { ...state.vco1 },
+            vco2: { ...state.vco2 },
+            mixer: { ...state.mixer1 },
+            pitch: { ...state.pitch1 },
+            filter: { ...state.filter1 },
+            amp: { ...state.amp1 },
+            eg1: { ...state.eg1 },
+            eg2: { ...state.eg2 },
+            lfo1: { ...state.lfo1 },
+            lfo2: { ...state.lfo2 },
+            patches: { ...state.patches1 },
+          }),
+        },
+        {
+          ...state_timbre(
+            {
+              unused: { ...state.unusedTimbre2 },
+              vco1: { ...state.vco3 },
+              vco2: { ...state.vco4 },
+              mixer: { ...state.mixer2 },
+              pitch: { ...state.pitch2 },
+              filter: { ...state.filter2 },
+              amp: { ...state.amp2 },
+              eg1: { ...state.eg3 },
+              eg2: { ...state.eg4 },
+              lfo1: { ...state.lfo3 },
+              lfo2: { ...state.lfo4 },
+              patches: { ...state.patches2 },
+            },
+            true
+          ),
+        },
+        null,
+      ];
+    case 'Vocoder':
+      return [
+        {
+          ...state_patch({
+            unused: { ...state.unusedPatch },
+            patch: { ...state.patch },
+            arpeggA: { ...state.arpeggA },
+            arpeggB: { ...state.arpeggB },
+            delay: { ...state.delay },
+            modfx: { ...state.modfx },
+            eq: { ...state.eq },
+          }),
+        },
+        null,
+        null,
+        {
+          ...state_vocoder({
+            unused: { ...state.unusedVocoder },
+            vco1: { ...state.vco5 },
+            audioIn: { ...state.audioIn },
+            mixer: { ...state.mixer3 },
+            pitch: { ...state.pitch3 },
+            filter: { ...state.filter3 },
+            fcMod: { ...state.fcMod },
+            amp: { ...state.amp3 },
+            eg1: { ...state.eg5 },
+            lfo1: { ...state.lfo5 },
+            lfo2: { ...state.lfo6 },
+            levels: { ...state.levels },
+            pans: { ...state.pans },
+          }),
+        },
+      ];
+  }
+}
+
+function state_patch(state) {
+  return {
+    program_name: state.patch.name,
+    arp_trigger_length: state.arpeggB.lastStep,
+    arp_trigger_pattern: state.arpeggB.pattern,
+    voice_mode: returnValue(state.patch.mode, [
+      'Single',
+      null,
+      'Multiple',
+      'Vocoder',
+    ]),
+    scale_key: state.unused.scaleKey,
+    scale_type: state.unused.scaleType,
+    arp_tempo: state.arpeggA.tempo,
+    arp_on_off: state.unused.arpSwitch,
+    arp_latch: state.arpeggB.latch,
+    arp_target: state.arpeggB.target,
+    arp_key_sync: state.arpeggB.keySync,
+    arp_type: returnValue(state.arpeggA.type, [
+      'Up',
+      'Down',
+      'Alternate 1',
+      'Alternate 2',
+      'Random',
+      'Trigger',
+    ]),
+    arp_range: state.arpeggA.range,
+    arp_gate_time: state.arpeggA.gate,
+    arp_resolution: returnValue(state.arpeggA.resolution, [
+      '1/24',
+      '1/16',
+      '1/12',
+      '1/8',
+      '1/6',
+      '1/4',
+    ]),
+    arp_swing: state.arpeggB.swing,
+    delay_sync: state.delay.tempoSync,
+    delay_timebase: returnValue(state.delay.syncNote, [
+      '1/32',
+      '1/24',
+      '1/16',
+      '1/12',
+      '3/32',
+      '1/8',
+      '1/6',
+      '3/16',
+      '1/4',
+      '1/3',
+      '3/8',
+      '1/2',
+      '2/3',
+      '3/4',
+      '1/1',
+    ]),
+    delay_time: state.delay.delayTime,
+    delay_depth: state.delay.delayDepth,
+    delay_type: returnValue(state.delay.type, [
+      'Stereo Delay',
+      'Cross Delay',
+      'L/R Delay',
+    ]),
+    mod_lfo_speed: state.modfx.lfoSpeed,
+    mod_depth: state.modfx.effectDepth,
+    mod_type: returnValue(state.modfx.type, [
+      'Chorus/Flanger',
+      'Ensemble',
+      'Phaser',
+    ]),
+    eq_hi_freq: returnValue(state.eq.highFrequency, [
+      1.0,
+      1.25,
+      1.5,
+      1.75,
+      2.0,
+      2.25,
+      2.5,
+      2.75,
+      3.0,
+      3.25,
+      3.5,
+      3.75,
+      4.0,
+      4.25,
+      4.5,
+      4.75,
+      5.0,
+      5.25,
+      5.5,
+      5.75,
+      6.0,
+      7.0,
+      8.0,
+      9.0,
+      10.0,
+      11.0,
+      12.0,
+      14.0,
+      16.0,
+      18.0,
+    ]),
+    eq_hi_gain: state.eq.highGain + 64,
+    eq_low_freq: returnValue(state.eq.lowFrequency, [
+      40,
+      50,
+      60,
+      80,
+      100,
+      120,
+      140,
+      160,
+      180,
+      200,
+      220,
+      240,
+      260,
+      280,
+      300,
+      320,
+      340,
+      360,
+      380,
+      400,
+      420,
+      440,
+      460,
+      480,
+      500,
+      600,
+      700,
+      800,
+      900,
+      1000,
+    ]),
+    eq_low_gain: state.eq.lowGain + 64,
+    keyboard_octave: state.unused.keyboardOctave,
+  };
+}
+
+function state_timbre(state, timbre2 = false) {
+  const num = timbre2 ? 2 : 1;
+  return {
+    [`t${num}_midi_channel`]: state.unused.midiChannel,
+    [`t${num}_assign_mode`]: returnValue(state.pitch.voiceAssign, [
+      'Mono',
+      'Poly',
+      'Unison',
+    ]),
+    [`t${num}_eg_2_reset`]: state.eg2.egReset,
+    [`t${num}_eg_1_reset`]: state.eg1.egReset,
+    [`t${num}_trigger_mode`]: returnValue(state.pitch.triggerMode, [
+      'Single',
+      'Multiple',
+    ]),
+    [`t${num}_key_priority`]: state.unused.keyPriority,
+    [`t${num}_unison_detune`]: state.pitch.unisonDetune,
+    [`t${num}_tune`]: state.pitch.tune + 64,
+    [`t${num}_bend_range`]: state.pitch.bendRange + 64,
+    [`t${num}_transpose`]: state.pitch.transpose + 64,
+    [`t${num}_vibrato_int`]: state.pitch.vibratoIntensity + 64,
+    [`t${num}_osc_1_wave`]: returnValue(state.vco1.waveform, [
+      'Saw',
+      'Square',
+      'Triangle',
+      'Sine',
+      'Vox Wave',
+      'DWGS',
+      'Noise',
+      'Audio In',
+    ]),
+    [`t${num}_osc_1_ctrl_1`]: state.vco1.waveMod,
+    [`t${num}_osc_1_ctrl_2`]: state.vco1.lfoMod,
+    [`t${num}_osc_1_dgws`]: returnValue(state.vco1.dwgsOrModType, [
+      'SynSine1',
+      'SynSine2',
+      'SynSine3',
+      'SynSine4',
+      'SynSine5',
+      'SynSine6',
+      'SynSine7',
+      'SynBass1',
+      'SynBass2',
+      'SynBass3',
+      'SynBass4',
+      'SynBass5',
+      'SynBass6',
+      'SynBass7',
+      'SynWave1',
+      'SynWave2',
+      'SynWave3',
+      'SynWave4',
+      'SynWave5',
+      'SynWave6',
+      'SynWave7',
+      'SynWave8',
+      'SynWave9',
+      '5thWave1',
+      '5thWave2',
+      '5thWave3',
+      'Digi1',
+      'Digi2',
+      'Digi3',
+      'Digi4',
+      'Digi5',
+      'Digi6',
+      'Digi7',
+      'Digi8',
+      'Endless',
+      'E.Piano1',
+      'E.Piano2',
+      'E.Piano3',
+      'E.Piano4',
+      'Organ1',
+      'Organ2',
+      'Organ3',
+      'Organ4',
+      'Organ5',
+      'Organ6',
+      'Organ7',
+      'Clav1',
+      'Clav2',
+      'Guitar1',
+      'Guitar2',
+      'Guitar3',
+      'Bass1',
+      'Bass2',
+      'Bass3',
+      'Bass4',
+      'Bass5',
+      'Bell1',
+      'Bell2',
+      'Bell3',
+      'Bell4',
+      'Voice1',
+      'Voice2',
+      'Voice3',
+      'Voice4',
+    ]),
+    [`t${num}_osc_2_mod_select`]: returnValue(state.vco2.dwgsOrModType, [
+      'Off',
+      'Ring',
+      'Sync',
+      'RingSync',
+    ]),
+    [`t${num}_osc_2_wave`]: returnValue(state.vco2.waveform, [
+      'Saw',
+      'Square',
+      'Triangle',
+    ]),
+    [`t${num}_osc_2_semitone`]: state.vco2.waveMod,
+    [`t${num}_osc_2_tune`]: state.vco2.lfoMod,
+    [`t${num}_portamento`]: state.pitch.portamento,
+    [`t${num}_osc_1_level`]: state.mixer.vol1,
+    [`t${num}_osc_2_level`]: state.mixer.vol2,
+    [`t${num}_noise_level`]: state.mixer.vol3,
+    [`t${num}_filter_type`]: returnValue(state.filter.filterType, [
+      '-24db Low Pass',
+      '-12db Low Pass',
+      'Band Pass',
+      'High Pass',
+    ]),
+    [`t${num}_filter_cutoff`]: state.filter.cutoff,
+    [`t${num}_filter_resonance`]: state.filter.resonance,
+    [`t${num}_filter_eg_intensity`]: state.filter.egIntensity + 64,
+    [`t${num}_filter_vel_sense`]: state.unused.filterVelSense,
+    [`t${num}_filter_key_track`]: state.filter.keyboardTrack + 64,
+    [`t${num}_amp_level`]: state.amp.ampLevel,
+    [`t${num}_amp_panpot`]: state.amp.panpot,
+    [`t${num}_amp_switch`]: state.unused.ampSwitch,
+    [`t${num}_amp_distortion`]: state.amp.distortion,
+    [`t${num}_amp_vel_sense`]: state.unused.ampVelSense,
+    [`t${num}_amp_key_track`]: state.amp.ampTrack + 64,
+    [`t${num}_eg_1_attack`]: state.eg1.attack,
+    [`t${num}_eg_1_decay`]: state.eg1.decay,
+    [`t${num}_eg_1_sustain`]: state.eg1.sustain,
+    [`t${num}_eg_1_release`]: state.eg1.release,
+    [`t${num}_eg_2_attack`]: state.eg2.attack,
+    [`t${num}_eg_2_decay`]: state.eg2.decay,
+    [`t${num}_eg_2_sustain`]: state.eg2.sustain,
+    [`t${num}_eg_2_release`]: state.eg2.release,
+    [`t${num}_lfo_1_key_sync`]: returnValue(state.lfo1.keySync, [
+      'Off',
+      'Timbre',
+      'Voice',
+    ]),
+    [`t${num}_lfo_1_wave`]: returnValue(state.lfo1.waveform, [
+      'Saw',
+      'Square 1',
+      'Triangle',
+      'Sample & Hold',
+    ]),
+    [`t${num}_lfo_1_frequency`]: state.lfo1.frequency,
+    [`t${num}_lfo_1_tempo_sync`]: state.lfo1.tempoSync,
+    [`t${num}_lfo_1_sync_note`]: returnValue(state.lfo1.syncNote, [
+      '1/1',
+      '3/4',
+      '2/3',
+      '1/2',
+      '3/8',
+      '1/3',
+      '1/4',
+      '3/16',
+      '1/6',
+      '1/8',
+      '3/32',
+      '1/12',
+      '1/16',
+      '1/24',
+      '1/32',
+    ]),
+    [`t${num}_lfo_2_key_sync`]: returnValue(state.lfo2.keySync, [
+      'Off',
+      'Timbre',
+      'Voice',
+    ]),
+    [`t${num}_lfo_2_wave`]: returnValue(state.lfo2.waveform, [
+      'Saw',
+      'Square 2',
+      'Sine',
+      'Sample & Hold',
+    ]),
+    [`t${num}_lfo_2_frequency`]: state.lfo2.frequency,
+    [`t${num}_lfo_2_tempo_sync`]: state.lfo2.tempoSync,
+    [`t${num}_lfo_2_sync_note`]: returnValue(state.lfo2.syncNote, [
+      '1/1',
+      '3/4',
+      '2/3',
+      '1/2',
+      '3/8',
+      '1/3',
+      '1/4',
+      '3/16',
+      '1/6',
+      '1/8',
+      '3/32',
+      '1/12',
+      '1/16',
+      '1/24',
+      '1/32',
+    ]),
+    [`t${num}_patch_1_dest`]: returnValue(state.patches.patch1.destination, [
+      'Pitch',
+      'OSC 2 Tune',
+      'OSC 1 Control 1',
+      'Noise Level',
+      'Cutoff',
+      'Amp',
+      'Pan',
+      'LFO 2 Frequency',
+    ]),
+    [`t${num}_patch_1_src`]: returnValue(state.patches.patch1.source, [
+      'Filter EG',
+      'Amp EG',
+      'LFO 1',
+      'LFO 2',
+      'Velocity',
+      'Keyboard Track',
+      'Pitch Bend',
+      'Mod Wheel',
+    ]),
+    [`t${num}_patch_1_intensity`]: state.patches.patch1.modIntensity,
+    [`t${num}_patch_2_dest`]: returnValue(state.patches.patch2.destination, [
+      'Pitch',
+      'OSC 2 Tune',
+      'OSC 1 Control 1',
+      'Noise Level',
+      'Cutoff',
+      'Amp',
+      'Pan',
+      'LFO 2 Frequency',
+    ]),
+    [`t${num}_patch_2_src`]: returnValue(state.patches.patch2.source, [
+      'Filter EG',
+      'Amp EG',
+      'LFO 1',
+      'LFO 2',
+      'Velocity',
+      'Keyboard Track',
+      'Pitch Bend',
+      'Mod Wheel',
+    ]),
+    [`t${num}_patch_2_intensity`]: state.patches.patch2.modIntensity,
+    [`t${num}_patch_3_dest`]: returnValue(state.patches.patch3.destination, [
+      'Pitch',
+      'OSC 2 Tune',
+      'OSC 1 Control 1',
+      'Noise Level',
+      'Cutoff',
+      'Amp',
+      'Pan',
+      'LFO 2 Frequency',
+    ]),
+    [`t${num}_patch_3_src`]: returnValue(state.patches.patch3.source, [
+      'Filter EG',
+      'Amp EG',
+      'LFO 1',
+      'LFO 2',
+      'Velocity',
+      'Keyboard Track',
+      'Pitch Bend',
+      'Mod Wheel',
+    ]),
+    [`t${num}_patch_3_intensity`]: state.patches.patch3.modIntensity,
+    [`t${num}_patch_4_dest`]: returnValue(state.patches.patch4.destination, [
+      'Pitch',
+      'OSC 2 Tune',
+      'OSC 1 Control 1',
+      'Noise Level',
+      'Cutoff',
+      'Amp',
+      'Pan',
+      'LFO 2 Frequency',
+    ]),
+    [`t${num}_patch_4_src`]: returnValue(state.patches.patch4.source, [
+      'Filter EG',
+      'Amp EG',
+      'LFO 1',
+      'LFO 2',
+      'Velocity',
+      'Keyboard Track',
+      'Pitch Bend',
+      'Mod Wheel',
+    ]),
+    [`t${num}_patch_4_intensity`]: state.patches.patch4.modIntensity,
+  };
+}
+
+function state_vocoder(state) {
+  return {
+    v_midi_channel: state.unused.midiChannel,
+    v_assign_mode: returnValue(state.pitch.assignMode, [
+      'Mono',
+      'Poly',
+      'Unison',
+    ]),
+    v_eg_2_reset: state.unused.egReset2,
+    v_eg_1_reset: state.eg1.egReset,
+    v_trigger_mode: returnValue(state.pitch.triggerMode, [
+      'Single',
+      'Multiple',
+    ]),
+    v_key_priority: state.unused.keyPriority,
+    v_unison_detune: state.pitch.unisonDetune,
+    v_tune: state.pitch.tune + 64,
+    v_bend_range: state.pitch.bendRange,
+    v_transpose: state.pitch.transpose + 64,
+    v_vibrato_int: state.pitch.vibratoIntensity,
+    v_osc_wave: returnValue(
+      state.vco1.waveform,
+      'Saw',
+      'Square',
+      'Triangle',
+      'Sine',
+      'Vox Wave',
+      'DWGS',
+      'Noise',
+      'Audio In'
+    ),
+    v_osc_ctrl_1: state.vco1.waveMod,
+    v_osc_ctrl_2: state.vco1.lfoMod,
+    v_osc_dgws: returnValue(
+      state.vco1.dwgsOrModType,
+      'SynSine1',
+      'SynSine2',
+      'SynSine3',
+      'SynSine4',
+      'SynSine5',
+      'SynSine6',
+      'SynSine7',
+      'SynBass1',
+      'SynBass2',
+      'SynBass3',
+      'SynBass4',
+      'SynBass5',
+      'SynBass6',
+      'SynBass7',
+      'SynWave1',
+      'SynWave2',
+      'SynWave3',
+      'SynWave4',
+      'SynWave5',
+      'SynWave6',
+      'SynWave7',
+      'SynWave8',
+      'SynWave9',
+      '5thWave1',
+      '5thWave2',
+      '5thWave3',
+      'Digi1',
+      'Digi2',
+      'Digi3',
+      'Digi4',
+      'Digi5',
+      'Digi6',
+      'Digi7',
+      'Digi8',
+      'Endless',
+      'E.Piano1',
+      'E.Piano2',
+      'E.Piano3',
+      'E.Piano4',
+      'Organ1',
+      'Organ2',
+      'Organ3',
+      'Organ4',
+      'Organ5',
+      'Organ6',
+      'Organ7',
+      'Clav1',
+      'Clav2',
+      'Guitar1',
+      'Guitar2',
+      'Guitar3',
+      'Bass1',
+      'Bass2',
+      'Bass3',
+      'Bass4',
+      'Bass5',
+      'Bell1',
+      'Bell2',
+      'Bell3',
+      'Bell4',
+      'Voice1',
+      'Voice2',
+      'Voice3',
+      'Voice4'
+    ),
+    v_audio_in_hpf_gate: state.audioIn.hpfGate,
+    v_portamento_time: state.pitch.portamento,
+    v_osc_level: state.mixer.vol1,
+    v_ext_level: state.mixer.vol2,
+    v_noise_level: state.mixer.vol3,
+    v_audio_in_hpf_level: state.audioIn.hpfLevel,
+    v_audio_in_gate_sense: state.audioIn.gate,
+    v_audio_in_threshold: state.audioIn.threshold,
+    v_filter_shift: returnValue(state.filter.shift, [0, 1, 2, -1, -2]),
+    v_filter_cutoff: state.filter.cutoff,
+    v_filter_resonance: state.filter.resonance,
+    v_filter_mod_source: returnValue(state.fcMod.source, [
+      '---',
+      'Amp EG',
+      'LFO 1',
+      'LFO 2',
+      'Velocity',
+      'Keyboard Track',
+      'Pitch Bend',
+      'Mod Wheel',
+    ]),
+    v_filter_intensity: state.fcMod.intensity,
+    v_filter_e_f_sense: state.filter.efSense,
+    v_amp_level: state.amp.ampLevel,
+    v_amp_direct_level: state.amp.directLevel,
+    v_amp_distortion: state.amp.distortion,
+    v_amp_vel_sense: state.unused.ampVelSense,
+    v_amp_key_track: state.amp.keyTrack,
+    v_eg_1_attack: state.eg1.attack,
+    v_eg_1_decay: state.eg1.decay,
+    v_eg_1_sustain: state.eg1.sustain,
+    v_eg_1_release: state.eg1.release,
+    v_eg_2_attack: state.unused.eg2attack,
+    v_eg_2_decay: state.unused.eg2decay,
+    v_eg_2_sustain: state.unused.eg2sustain,
+    v_eg_2_release: state.unused.eg2release,
+    v_lfo_1_key_sync: returnValue(state.lfo1.keySync, [
+      'Off',
+      'Timbre',
+      'Voice',
+    ]),
+    v_lfo_1_wave: returnValue(state.lfo1.waveform, [
+      'Saw',
+      'Square 1',
+      'Triangle',
+      'Sample & Hold',
+    ]),
+    v_lfo_1_frequency: state.lfo1.frequency,
+    v_lfo_1_tempo_sync: state.lfo1.tempoSync,
+    v_lfo_1_sync_note: state.lfo1.syncNote,
+    v_lfo_2_key_sync: returnValue(state.lfo2.keySync, [
+      'Off',
+      'Timbre',
+      'Voice',
+    ]),
+    v_lfo_2_wave: returnValue(state.lfo2.waveform, [
+      'Saw',
+      'Square 2',
+      'Sine',
+      'Sample & Hold',
+    ]),
+    v_lfo_2_frequency: state.lfo2.frequency,
+    v_lfo_2_tempo_sync: state.lfo2.tempoSync,
+    v_lfo_2_sync_note: state.lfo2.syncNote,
+    v_level_1: state.levels.level1,
+    v_level_2: state.levels.level2,
+    v_level_3: state.levels.level3,
+    v_level_4: state.levels.level4,
+    v_level_5: state.levels.level5,
+    v_level_6: state.levels.level6,
+    v_level_7: state.levels.level7,
+    v_level_8: state.levels.level8,
+    v_pan_1: state.pans.pan1,
+    v_pan_2: state.pans.pan2,
+    v_pan_3: state.pans.pan3,
+    v_pan_4: state.pans.pan4,
+    v_pan_5: state.pans.pan5,
+    v_pan_6: state.pans.pan6,
+    v_pan_7: state.pans.pan7,
+    v_pan_8: state.pans.pan8,
+  };
+}
diff --git a/src/features/io/convert/serialise.js b/src/features/io/convert/serialise.js
new file mode 100644
index 0000000..a033c7b
--- /dev/null
+++ b/src/features/io/convert/serialise.js
@@ -0,0 +1,5 @@
+export default function serialise(patch) {
+  serialise_patch(patch);
+}
+
+function serialise_patch(patch) {}
diff --git a/src/features/io/index.js b/src/features/io/index.js
new file mode 100644
index 0000000..3cc815f
--- /dev/null
+++ b/src/features/io/index.js
@@ -0,0 +1,18 @@
+import { sysex_decode, sysex_check } from './utils/sysex';
+import parse from './convert/parse';
+import serialise from './convert/serialise';
+import build_store from './convert/loadStore';
+import saveStoreState from './convert/saveStore';
+
+function return_store_from_file(file) {
+  sysex_check(file);
+  const parsed = parse(sysex_decode(file));
+  return build_store(...parsed);
+}
+
+function return_file_from_store(state) {
+  const simple_state = saveStoreState(state);
+  console.log(serialise(simple_state));
+}
+
+export { return_store_from_file, return_file_from_store };
diff --git a/src/features/io/ioParser.js b/src/features/io/ioParser.js
deleted file mode 100644
index af605bd..0000000
--- a/src/features/io/ioParser.js
+++ /dev/null
@@ -1,257 +0,0 @@
-import { Parser } from 'binary-parser-encoder';
-
-const timbre = new Parser()
-    .int8('midiChannel') // in 7 bits
-    .bit2('assignMode')
-    .bit1('eg2Reset')
-    .bit1('eg1Reset')
-    .bit1('triggerMode')
-    .bit2('keyPriority')
-    .uint8('unisonDetune')
-    .uint8('pitchTune')
-    .uint8('pitchBendRange')
-    .uint8('pitchTranspose')
-    .uint8('pitchVibratoInt')
-    .uint8('osc1Wave')
-    .uint8('osc1WaveCtrl1')
-    .uint8('osc1WaveCtrl2')
-    .uint8('osc1DWGSWave')
-    .skip(1)
-    .bit2('not-use1')
-    .bit2('osc2ModSelect')
-    .bit2('not-use2')
-    .bit2('osc2Wave')
-    .uint8('osc2Semitone')
-    .uint8('osc2Tune')
-    .bit1('not-use3')
-    .bit7('portamentoTime')
-    .uint8('osc1Level')
-    .uint8('osc2Level')
-    .uint8('noiseLevel')
-    .uint8('filterType')
-    .uint8('filterCutoff')
-    .uint8('filterResonance')
-    .uint8('filterEG1Intensity')
-    .uint8('filterVelocitySense')
-    .uint8('filterKeyboardTrack')
-    .uint8('ampLevel')
-    .uint8('ampPanpot')
-    .bit1('not-use4')
-    .bit1('ampSW')
-    .bit5('not-use5')
-    .bit1('ampDistortion')
-    .uint8('ampVelocitySense')
-    .uint8('ampKeyboardTrack')
-    .uint8('eg1Attack')
-    .uint8('eg1Decay')
-    .uint8('eg1Sustain')
-    .uint8('eg1Release')
-    .uint8('eg2Attack')
-    .uint8('eg2Decay')
-    .uint8('eg2Sustain')
-    .uint8('eg2Release')
-    .bit2('not-use6')
-    .bit2('lfo1KeySync')
-    .bit2('not-use7')
-    .bit2('lfo1Wave')
-    .uint8('lfo1Freq')
-    .bit1('lfo1TempoSync')
-    .bit2('not-use8')
-    .bit5('lfo1SyncNote')
-    .bit2('not-use9')
-    .bit2('lfo2KeySync')
-    .bit2('not-use10')
-    .bit2('lfo2Wave')
-    .uint8('lfo2Freq')
-    .bit1('lfo2TempoSync')
-    .bit2('not-use11')
-    .bit5('lfo2SyncNote')
-    .bit4('patch1Dest')
-    .bit4('patch1Src')
-    .uint8('patch1Intensity')
-    .bit4('patch2Dest')
-    .bit4('patch2Src')
-    .uint8('patch2Intensity')
-    .bit4('patch3Dest')
-    .bit4('patch3Src')
-    .uint8('patch3Intensity')
-    .bit4('patch4Dest')
-    .bit4('patch4Src')
-    .uint8('patch4Intensity');
-
-const vocoder = new Parser()
-    .int8('midiChannel') // in 7 bits
-    .bit2('assignMode')
-    .bit1('eg2Reset')
-    .bit1('eg1Reset')
-    .bit1('triggerMode')
-    .bit2('keyPriority')
-    .uint8('unisonDetune')
-    .uint8('pitchTune')
-    .uint8('pitchBendRange')
-    .uint8('pitchTranspose')
-    .uint8('pitchVibratoInt')
-    .uint8('osc1Wave')
-    .uint8('osc1WaveCtrl1')
-    .uint8('osc1WaveCtrl2')
-    .uint8('osc1DWGSWave')
-    .skip(1) // dummy byte
-    .bit7('not-use17')
-    .bit1('HPF Gate')
-    .skip(1)
-    .bit1('not-use18')
-    .bit7('portamentoTime')
-    .uint8('osc1Level')
-    .uint8('ext1Level')
-    .uint8('noiseLevel')
-    .uint8('hpfLevel')
-    .uint8('gateSense')
-    .uint8('threshold')
-    .uint8('shift')
-    .uint8('cutoff')
-    .uint8('resonance')
-    .uint8('modSource')
-    .uint8('intensity')
-    .uint8('efSense')
-    .uint8('ampLevel')
-    .uint8('ampDirectLevel')
-    .bit7('not-use19')
-    .bit1('ampDistortion')
-    .uint8('velocitySense')
-    .uint8('keyTrack')
-    // always 0
-    .uint8('eg1Attack')
-    // always 0
-    .uint8('eg1Decay')
-    // always 127
-    .uint8('eg1Sustain')
-    // always 0
-    .uint8('eg1Release')
-    .uint8('eg2Attack')
-    .uint8('eg2Decay')
-    .uint8('eg2Sustain')
-    .uint8('eg2Release')
-    .bit2('not-use20')
-    .bit2('lfo1KeySync')
-    .bit2('not-use21')
-    .bit2('lfo1Wave')
-    .uint8('lfo1Freq')
-    .bit1('lfo1TempoSync')
-    .bit2('not-use22')
-    .bit5('lfo1SyncNote')
-    .bit2('not-use23')
-    .bit2('lfo2KeySync')
-    .bit2('not-use24')
-    .bit2('lfo2Wave')
-    .uint8('lfo2Freq')
-    .bit1('lfo2TempoSync')
-    .bit2('not-use25')
-    .bit5('lfo2SyncNote')
-    .array('levels', {
-        type: 'uint8',
-        length: 16,
-    })
-    .array('pans', {
-        type: 'uint8',
-        length: 16,
-    })
-    .array('efSenseLevels', {
-        type: 'uint8',
-        length: 16,
-    });
-
-const parser = new Parser()
-    .endianess('big')
-    .string('name', { encoding: 'ASCII', length: 12 })
-    .skip(2)
-    .bit5('not-use12')
-    .bit3('arpTriggerLength')
-    .bit8('arpTriggerPattern')
-    .bit2('not-use13')
-    .bit2('voiceMode')
-    .bit4('not-use14')
-    .bit4('scaleKey')
-    .bit4('scaleType')
-    .skip(1)
-    .bit1('delayFxSync')
-    .bit3('not-use15')
-    .bit4('delayFXTimeBase')
-    .uint8('delayFXDelayTime')
-    .uint8('delayFXDepth')
-    .uint8('delayFXType')
-    .uint8('modFXLFOSpeed')
-    .uint8('modFXDepth')
-    .uint8('modFXType')
-    .uint8('eqHiFreq')
-    .uint8('eqHiGain')
-    .uint8('eqLowFreq')
-    .uint8('eqLowGain')
-    .uint8('arpTempo')
-    .uint8('arpSeqTempo')
-    .bit1('arpOnOff')
-    .bit1('arpLatchOnOff')
-    .bit2('arpTarget')
-    .bit1('not-use16')
-    .bit1('arpKeySync')
-    .bit4('arpRange')
-    .bit4('arpType')
-    .uint8('arpGateTime')
-    .uint8('arpResolution')
-    .uint8('arpSwing')
-    .uint8('kbdOctave')
-    .nest('timbre1', { type: timbre })
-    // dummy bytes *see documentation
-    .skip(56)
-    .nest('timbre2', { type: timbre });
-// dummy bytes *see documentation
-//.skip(56)
-//.nest('vocoder', { type: vocoder })
-// dummy bytes *see documentation
-// .skip(111);
-
-function parse(parser, binary) {
-    // check if the binary is a valid KORG-produced SYSEX file
-    if (binary.length !== 297) {
-        throw new Error('incorrect file length');
-    }
-    if (binary[0] !== 0xf0) {
-        throw new Error('first byte is not SYSEX byte');
-    }
-    if (binary[1] !== 0x42) {
-        throw new Error('manufacturer code is not KORG');
-    }
-    if (binary[4] !== 0x40) {
-        throw new Error('not a program dump');
-    }
-    if (binary[5] !== 0x00) {
-        // in all files found in the wild it's always zero
-        throw new Error('sixth byte is not zero');
-    }
-    if (binary[binary.length - 1] !== 0xf7) {
-        throw new Error('last byte is does not end SYSEX message');
-    }
-
-    const trimmedBinary = binary.slice(5, -1);
-    // every eigth byte is padding, so we remove it
-    const unpaddedBinary = trimmedBinary.filter((_, idx) => idx % 8);
-
-    const buffer = Buffer.from(unpaddedBinary).toString('hex');
-
-    console.log(buffer);
-
-    console.log(parser.parse(unpaddedBinary));
-
-    // do stuff with the parsed object
-}
-
-// converts patch object to dump format the system uses
-function serialise(parser, object) {
-    // output object
-    console.log(parser.encode(object));
-}
-
-function Parse(object) {
-    return parse(parser, object);
-}
-
-export { Parse, serialise };
diff --git a/src/features/io/utils/functions.js b/src/features/io/utils/functions.js
new file mode 100644
index 0000000..5e1747d
--- /dev/null
+++ b/src/features/io/utils/functions.js
@@ -0,0 +1,32 @@
+const toBitArray = (n, b = 8) => [...Array(b)].map((x, i) => (n >> i) & 1);
+
+const getBits = (byte, indexStart, indexEnd = 7) =>
+  parseInt(
+    toBitArray(byte)
+      .slice(indexStart, indexEnd + 1)
+      .reverse()
+      .join(''),
+    2
+  );
+
+const signedNumber = (byte) => (byte > 63 ? (byte ^ 64) - 64 : byte);
+
+console.assert(1 === signedNumber(1));
+console.assert(-1 === signedNumber(127));
+
+// first argument must be type from file, and the rest the possible types in correct order (midi implementation)
+function returnFromList(...args) {
+  for (var i = 1; i < arguments.length; i++) {
+    if (i - 1 === arguments[0]) {
+      return arguments[i];
+    }
+  }
+}
+
+function returnValue(setting, list) {
+  for (var i = 0; i < list.length; i++) {
+    if (list[i] === setting) return i;
+  }
+}
+
+export { toBitArray, getBits, signedNumber, returnFromList, returnValue };
diff --git a/src/features/io/utils/sysex.js b/src/features/io/utils/sysex.js
new file mode 100644
index 0000000..8c6efe9
--- /dev/null
+++ b/src/features/io/utils/sysex.js
@@ -0,0 +1,126 @@
+//  Copyright 2021 Aoife Bradley
+//
+//  Author: Aoife Bradley (aoife@spinlock.icu)
+//
+//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+//  FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS BE
+//  LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+//  CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+//  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+/* 
+
+  SYSEX Midi Functions for the microKORG
+  As per the microKORG midi specification found here: http://i.korg.com/uploads/Support/MK1_633652915168960000.pdf
+
+  How does this work?
+
+  The data handled by the microKORG is in 'sets' with each 'set' composed of 7 Bytes with 8 Bits as such:
+
+  0b0000 0000
+  0b1111 1111
+  0bnnnn nnnn
+  0b6666 6666
+
+  this gets turned into 'sets' of 8 bytes with 7 Bits:
+
+  0b0654 3210 -- this stores the MSB of the following 7 Bytes
+  0b0000 0000
+  0b0111 1111
+  0b0nnn nnnn
+  0b0666 6666
+
+  In addition, the data is stored with an extra 2 Bytes, which gets converted into 3 bytes in the SYSEX format. 
+
+  Handily, they displayed this as:
+  CURRENT PROGRAM DATA (IN CURRENT BUFFER) DUMP FORMAT
+  254bytes    = 7*36+2    -> 8*36+(1+2)   => 291Bytes
+
+  It probably has something to do with dumping multiple programs as well as global settings, but I'm not handling those here.
+
+*/
+
+const SYSEX_LENGTH = 36 * 8 + (1 + 2);
+const DATA_LENGTH = 36 * 7 + 2;
+
+export function sysex_encode(data) {
+  let sysex = new Uint8Array(SYSEX_LENGTH);
+  let data_index = 0,
+    syx_index = 0;
+  while (data_index < DATA_LENGTH) {
+    if (data_index + 7 <= DATA_LENGTH) {
+      sysex[syx_index] =
+        ((data[data_index] & 0x80) >> 7) |
+        ((data[data_index + 1] & 0x80) >> 6) |
+        ((data[data_index + 2] & 0x80) >> 5) |
+        ((data[data_index + 3] & 0x80) >> 4) |
+        ((data[data_index + 4] & 0x80) >> 3) |
+        ((data[data_index + 5] & 0x80) >> 2) |
+        ((data[data_index + 6] & 0x80) >> 1);
+
+      sysex[syx_index + 1] = data[data_index] & 0x7f;
+      sysex[syx_index + 2] = data[data_index + 1] & 0x7f;
+      sysex[syx_index + 3] = data[data_index + 2] & 0x7f;
+      sysex[syx_index + 4] = data[data_index + 3] & 0x7f;
+      sysex[syx_index + 5] = data[data_index + 4] & 0x7f;
+      sysex[syx_index + 6] = data[data_index + 5] & 0x7f;
+      sysex[syx_index + 7] = data[data_index + 6] & 0x7f;
+    }
+    data_index += 7;
+    syx_index += 8;
+  }
+  return sysex;
+}
+
+export function sysex_write_header(data, channel) {
+  const ch = 0x30 + channel;
+  return new Uint8Array(5 + SYSEX_LENGTH + 1)
+    .set([0xf0, 0x42, ch, 0x58, 0x40], 0)
+    .set(data, 5)
+    .set(0xf7, -1);
+}
+
+export function sysex_decode(syx) {
+  const trimmed_data = syx.slice(5, -4);
+  let data = new Uint8Array(DATA_LENGTH);
+  let syx_index = 0,
+    data_index = 0;
+  while (syx_index < trimmed_data.length) {
+    data[data_index] =
+      ((trimmed_data[syx_index] & 0x1) << 7) | trimmed_data[syx_index + 1];
+    data[data_index + 1] =
+      ((trimmed_data[syx_index] & 0x2) << 6) | trimmed_data[syx_index + 2];
+    data[data_index + 2] =
+      ((trimmed_data[syx_index] & 0x4) << 5) | trimmed_data[syx_index + 3];
+    data[data_index + 3] =
+      ((trimmed_data[syx_index] & 0x8) << 4) | trimmed_data[syx_index + 4];
+    data[data_index + 4] =
+      ((trimmed_data[syx_index] & 0x10) << 3) | trimmed_data[syx_index + 5];
+    data[data_index + 5] =
+      ((trimmed_data[syx_index] & 0x20) << 2) | trimmed_data[syx_index + 6];
+    data[data_index + 6] =
+      ((trimmed_data[syx_index] & 0x40) << 1) | trimmed_data[syx_index + 7];
+    data_index += 7;
+    syx_index += 8;
+  }
+  return data;
+}
+
+export function sysex_check(sysex) {
+  if (sysex.length !== 297) {
+    throw new Error('incorrect file length');
+  }
+  if (sysex[0] !== 0xf0) {
+    throw new Error('first byte is not SYSEX byte');
+  }
+  if (sysex[1] !== 0x42) {
+    throw new Error('manufacturer code is not KORG');
+  }
+  if (sysex[4] !== 0x40) {
+    throw new Error('not a program dump');
+  }
+  if (sysex[sysex.length - 1] !== 0xf7) {
+    throw new Error('last byte is does not end SYSEX message');
+  }
+}
diff --git a/src/features/menu/Menu.css b/src/features/menu/Menu.css
deleted file mode 100644
index 169be4a..0000000
--- a/src/features/menu/Menu.css
+++ /dev/null
@@ -1,247 +0,0 @@
-.menu,
-.menu-true,
-.menu-false {
-    position: fixed;
-    background: white;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    z-index: 99;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    min-height: 100vh;
-    min-width: 100vw;
-}
-
-.menu-false {
-    display: none;
-}
-
-.menu-true-animation {
-    -webkit-animation: scale-in-out-tl 0.3s
-        cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-    animation: scale-in-out-tl 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
-}
-
-.menu-false-animation {
-    -webkit-animation: scale-in-out-tl 0.3s
-        cubic-bezier(0.55, 0.085, 0.68, 0.53) reverse both;
-    animation: scale-in-out-tl 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53)
-        reverse both;
-}
-
-/* ----------------------------------------------
- * Generated by Animista on 2020-11-21 14:21:54
- * Licensed under FreeBSD License.
- * See http://animista.net/license for more info. 
- * w: http://animista.net, t: @cssanimista
- * ---------------------------------------------- */
-
-/**
- * ----------------------------------------
- * animation scale-out-tl
- * ----------------------------------------
- */
-@-webkit-keyframes scale-in-out-tl {
-    0% {
-        -webkit-transform: scale(1);
-        transform: scale(1);
-        clip-path: circle(100%);
-        -webkit-transform-origin: 0 0;
-        transform-origin: 0 0;
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: scale(0);
-        transform: scale(0);
-        clip-path: circle(0%);
-        -webkit-transform-origin: 0 0;
-        transform-origin: 0 0;
-        opacity: 0;
-    }
-}
-@keyframes scale-in-out-tl {
-    0% {
-        -webkit-transform: scale(1);
-        transform: scale(1);
-        -webkit-transform-origin: 0 0;
-        clip-path: circle(100%);
-        transform-origin: 0 0;
-        opacity: 1;
-    }
-    100% {
-        -webkit-transform: scale(0);
-        transform: scale(0);
-        clip-path: circle(0%);
-        -webkit-transform-origin: 0 0;
-        transform-origin: 0 0;
-        opacity: 0;
-    }
-}
-
-.menu-logo {
-    height: 40vmin;
-    pointer-events: none;
-    padding: 0.5em;
-    -webkit-user-drag: none;
-    -khtml-user-drag: none;
-    -moz-user-drag: none;
-    -o-user-drag: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -o-user-select: none;
-    user-select: none;
-}
-
-.menu-title {
-    color: #1c1d21;
-    font-family: 'Lato', sans-serif;
-    line-height: 1em;
-    margin: 0 0 0.5em 0;
-}
-h1 {
-    margin: 0.25em;
-    font-weight: 700;
-    line-height: 0.85em;
-    font-size: 2.5em;
-}
-
-h2 {
-    margin: 0.25em;
-    font-weight: 500;
-    line-height: 1em;
-    font-size: 1em;
-}
-
-.menu-button,
-.menu-open-button {
-    background: transparent;
-    display: inline-block;
-    margin: 1em;
-    padding: 0.35em 1em;
-    border: 0.1em solid slateblue;
-    border-radius: 0.12em;
-    color: slateblue;
-    font-family: 'Roboto', sans-serif;
-    font-size: 1em;
-    font-weight: 300;
-    text-align: center;
-    outline: none;
-    transition: all 0.2s ease-in-out;
-    -webkit-touch-callout: none; /* iOS Safari */
-    -webkit-user-select: none; /* Safari */
-    -khtml-user-select: none; /* Konqueror HTML */
-    -moz-user-select: none; /* Old versions of Firefox */
-    -ms-user-select: none; /* Internet Explorer/Edge */
-    user-select: none;
-}
-.menu-button:hover {
-    color: white;
-    background: slateblue;
-}
-
-.menu-open-button:hover {
-    color: white;
-    background: #ef476f;
-}
-
-.menu-open-button {
-    z-index: 100;
-    height: 1.495em;
-    line-height: 0.9em;
-    position: absolute;
-    padding: 0em 0.3em;
-    color: #ef476f;
-    border: 0.09em solid #ef476f;
-    margin: 0;
-    top: 0.55em;
-    left: 0.5em;
-}
-
-/* change how the button is handled when screen is smaller then 880px*/
-
-.menu-open-button::before {
-    content: '\2630';
-}
-
-.modal {
-    margin: auto;
-    height: 8em;
-    width: 14em;
-    position: fixed;
-    z-index: 100;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-}
-
-.modal-hide {
-    display: none;
-}
-
-.modal-display {
-    display: block;
-}
-
-.modal-main {
-    background: white;
-    padding: 0.75em 0 1em;
-    border: solid 0.09em slategrey;
-    border-radius: 6px;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-}
-
-.modal-header {
-    font-size: 0.75em;
-    line-height: 1.25em;
-    text-align: left;
-    margin: 0em 9em 0 0;
-}
-
-.modal-text {
-    flex-grow: 3;
-    margin: 0.5em 0em 1em 1.85em;
-    text-align: left;
-    line-height: 1.5em;
-    font-size: 0.65em;
-    font-weight: 300;
-}
-
-.button-save,
-.button-no-save,
-.button-cancel {
-    width: 25%;
-    font-size: 0.5em;
-    margin: 0 0.5em;
-    border-radius: 0.2em;
-    padding: 0.35em 0;
-}
-
-.button-save {
-    color: mediumseagreen;
-    border-color: mediumseagreen;
-}
-.button-save:hover {
-    background: mediumseagreen;
-}
-.button-no-save {
-    color: crimson;
-    border-color: crimson;
-}
-.button-no-save:hover {
-    background: crimson;
-}
-.button-cancel {
-    color: slategray;
-    border-color: grey;
-}
-.button-cancel:hover {
-    background: slategray;
-}
diff --git a/src/features/menu/Menu.js b/src/features/menu/Menu.js
deleted file mode 100644
index 17b3e69..0000000
--- a/src/features/menu/Menu.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import IO from '../io/IO';
-import { useDispatch, useSelector } from 'react-redux'; // probably temporarily here
-import { parameterRefreshAll } from '../timbre/parameters/parameterSlice'; // probably temporarily here
-import logo from '../../1f3b9.svg';
-import './Menu.css';
-
-// for things such as (do you want to save? or do you want to reset things?)
-const Modal = ({ children, show, setShow }) => {
-    const node = useRef();
-    const modalDisplay = show ? 'modal modal-display' : 'modal modal-hide';
-
-    useEffect(() => {
-        const current = node.current;
-
-        const handleOutsideClick = (event) => {
-            console.log('clicking anywhere');
-            if (current.contains(event.target)) {
-                return;
-            } else setShow();
-        };
-
-        if (show) {
-            document.addEventListener('mousedown', handleOutsideClick);
-        } else {
-            document.removeEventListener('mousedown', handleOutsideClick);
-        }
-
-        return () => {
-            document.removeEventListener('mousedown', handleOutsideClick);
-        };
-    }, [show, setShow]);
-
-    return (
-        <div ref={node} className={modalDisplay}>
-            {children}
-        </div>
-    );
-};
-
-export default function MainMenu() {
-    const unsaved = useSelector((state) => state.parameters.unsaved);
-    const [open, setOpen] = useState({
-        className: '',
-        openState: true,
-    });
-    const [showModal, setShowModal] = useState({
-        saveCheck: false,
-        ioModal: false,
-    });
-    const dispatch = useDispatch();
-
-    const HandleClick = () => {
-        setOpen({
-            className: open.openState
-                ? 'menu-true-animation'
-                : 'menu-false-animation',
-            openState: !open.openState,
-        });
-    };
-
-    const AnimationEnd = () => {
-        setOpen({
-            ...open,
-            className: `menu-${open.openState}`,
-        });
-    };
-
-    const showSaveCheck = () => {
-        setShowModal({ ...showModal, saveCheck: !showModal.saveCheck });
-    };
-
-    const showIOModal = () => {
-        setShowModal({ ...showModal, ioModal: !showModal.ioModal });
-    };
-
-    return (
-        <div>
-            <Modal show={showModal.saveCheck} setShow={showSaveCheck}>
-                <div className="modal-main">
-                    <span className="modal-header">Save Changes</span>
-                    <span className="modal-text">
-                        Do you want to save your changes?
-                    </span>
-                    <button
-                        className="menu-button button-save"
-                        onClick={() => {
-                            showSaveCheck();
-                            HandleClick();
-                        }} // temporary while I implement the binary parsing stuff
-                    >
-                        Save Changes
-                    </button>
-                    <button
-                        className="menu-button button-no-save"
-                        onClick={() => {
-                            dispatch(parameterRefreshAll());
-                            showSaveCheck();
-                            HandleClick();
-                        }}>
-                        Don't Save
-                    </button>
-                    <button
-                        className="menu-button button-cancel"
-                        onClick={showSaveCheck}>
-                        Cancel
-                    </button>
-                </div>
-            </Modal>
-            <div
-                className={`menu ${open.className}`}
-                onAnimationEnd={AnimationEnd}>
-                <img
-                    src={logo}
-                    className="menu-logo"
-                    alt="logo"
-                    draggable={false}
-                />
-                <header className="menu-title">
-                    <h1>Alapatch</h1>
-                    <h2>A microKORG Patch Editor</h2>
-                </header>
-                <div className="menu-button-container">
-                    <button
-                        className="menu-button"
-                        onClick={() => {
-                            !unsaved ? HandleClick() : showSaveCheck();
-                        }}>
-                        New Patch
-                    </button>
-                    <button
-                        className="menu-button"
-                        onClick={() => {
-                            !unsaved ? showIOModal() : showSaveCheck();
-                        }}>
-                        Load Patch
-                    </button>
-                </div>
-            </div>
-            <Modal show={showModal.ioModal} setShow={showIOModal}>
-                <IO />
-            </Modal>
-            <button className="menu-open-button" onClick={HandleClick} />
-        </div>
-    );
-}
diff --git a/src/features/menu/index.js b/src/features/menu/index.js
new file mode 100644
index 0000000..3fb77cd
--- /dev/null
+++ b/src/features/menu/index.js
@@ -0,0 +1,148 @@
+import { useRef, useState, useEffect } from 'react';
+import './menu.css';
+import { SelectList } from '../helpers/Helpers';
+import { useDispatch, useSelector } from 'react-redux';
+import {
+  parameterUpdateIndex,
+  parameterUpdated,
+  parameterFromFile,
+  parameterRefreshAll,
+  selectEntities,
+} from '../timbre/parameters/parameterSlice'; // probably temporarily here
+import { return_store_from_file, return_file_from_store } from '../io';
+
+export default function Menu() {
+  const [file, setFile] = useState(null);
+  const fileRef = useRef(null);
+  const state = useSelector((state) => selectEntities(state));
+  const dispatch = useDispatch();
+  const reader = new FileReader();
+  const loadFile = (f) => {
+    reader.onloadend = (e) => {
+      setFile(new Uint8Array(e.target.result));
+    };
+    reader.readAsArrayBuffer(f);
+  };
+
+  useEffect(() => {
+    if (file) {
+      dispatch(parameterFromFile(return_store_from_file(file)));
+    }
+  }, [file, dispatch]);
+
+  return (
+    <div className='menu'>
+      <div className='menu-patch-container'>
+        <div className='patch-name'>
+          <input
+            placeholder='Patch Name'
+            type='text'
+            maxLength='12'
+            value={state.patch.name}
+            onChange={(e) => {
+              dispatch(
+                parameterUpdated({
+                  id: 'Patch',
+                  changes: { name: e.target.value },
+                })
+              );
+            }}
+          />
+        </div>
+        <div className='patch-load'>
+          <button
+            className='menu-button'
+            onClick={() => {
+              dispatch(parameterRefreshAll());
+            }}>
+            New Patch
+          </button>
+          <button
+            className='menu-button'
+            onClick={() => {
+              fileRef.current.click();
+            }}>
+            Load Patch
+          </button>
+          <button
+            className='menu-button'
+            onClick={() => {
+              return_file_from_store(state);
+            }}>
+            Save Patch
+          </button>
+          <input
+            type='file'
+            accept='.syx'
+            className='menu-file-input'
+            ref={fileRef}
+            onChange={(e) => {
+              loadFile(e.target.files[0]);
+            }}
+          />
+        </div>
+        <div className='patch-settings'>
+          <SelectList
+            value={state.patch.mode}
+            list={[
+              { value: 'Single' },
+              { value: 'Multiple' },
+              { value: 'Vocoder' },
+            ]}
+            onChange={(value) => {
+              dispatch(
+                parameterUpdated({
+                  id: 'patch',
+                  changes: { mode: value },
+                })
+              );
+            }}
+          />
+        </div>
+      </div>
+      <div className='menu-timbre-select'>
+        <button
+          disabled={state.patch.mode === 'Vocoder'}
+          className='menu-button'
+          onClick={() => {
+            dispatch(parameterUpdateIndex(0));
+          }}>
+          Timbre 1
+        </button>
+        <button
+          disabled={state.patch.mode !== 'Multiple'}
+          className='menu-button'
+          onClick={() => {
+            dispatch(parameterUpdateIndex(1));
+          }}>
+          Timbre 2
+        </button>
+        <button
+          disabled={state.patch.mode !== 'Vocoder'}
+          className='menu-button'
+          onClick={() => {
+            dispatch(parameterUpdateIndex(2));
+          }}>
+          Vocoder
+        </button>
+        <button
+          className='menu-button'
+          onClick={() => {
+            dispatch(parameterUpdateIndex(3));
+          }}>
+          Effects
+        </button>
+        <button
+          className='menu-button'
+          onClick={() => {
+            dispatch(parameterUpdateIndex(4));
+          }}>
+          Arpeggio
+        </button>
+      </div>
+      <div className='menu-title'>
+        Alapatch <br /> A microKORG Patch Editor
+      </div>
+    </div>
+  );
+}
diff --git a/src/features/menu/menu.css b/src/features/menu/menu.css
new file mode 100644
index 0000000..1d465ef
--- /dev/null
+++ b/src/features/menu/menu.css
@@ -0,0 +1,54 @@
+.menu {
+  height: 100vh;
+  min-width: 15vw;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: space-around;
+  align-items: stretch;
+}
+
+.menu-patch-container > * {
+  margin-top: 10pt;
+}
+
+input[type='text'] {
+  font-family: 'Roboto', sans-serif;
+  text-indent: 8pt;
+  width: 70%;
+  padding: 6pt 0;
+  outline: none;
+  border-radius: 4pt;
+  border: 1px solid gainsboro;
+}
+input[type='text']:hover {
+  border-color: silver;
+}
+input[type='text']:focus {
+  border: 2px solid dodgerblue;
+}
+
+.menu-button {
+  width: 65%;
+  display: block;
+  padding: 4pt;
+  margin: 8px auto;
+  outline: none;
+}
+
+h2 {
+  text-align: left;
+  font-size: x-large;
+  font-weight: 400;
+}
+
+.menu-file-input {
+  display: none;
+}
+
+.patch-settings {
+  font-size: small;
+  width: 75%;
+  margin: 10pt auto;
+  line-height: 1.5em;
+}
diff --git a/src/features/modal/index.js b/src/features/modal/index.js
new file mode 100644
index 0000000..140e9e0
--- /dev/null
+++ b/src/features/modal/index.js
@@ -0,0 +1,35 @@
+import { useRef, useEffect } from 'react';
+
+const Modal = ({ children, show, setShow }) => {
+  const node = useRef();
+  const modalDisplay = show ? 'modal modal-display' : 'modal modal-hide';
+
+  useEffect(() => {
+    const current = node.current;
+
+    const handleOutsideClick = (event) => {
+      console.log('clicking anywhere');
+      if (current.contains(event.target)) {
+        return;
+      } else setShow();
+    };
+
+    if (show) {
+      document.addEventListener('mousedown', handleOutsideClick);
+    } else {
+      document.removeEventListener('mousedown', handleOutsideClick);
+    }
+
+    return () => {
+      document.removeEventListener('mousedown', handleOutsideClick);
+    };
+  }, [show, setShow]);
+
+  return (
+    <div ref={node} className={modalDisplay}>
+      {children}
+    </div>
+  );
+};
+
+export default Modal;
diff --git a/src/features/timbre/Timbre.js b/src/features/timbre/Timbre.js
index 08285bc..cffc3c1 100644
--- a/src/features/timbre/Timbre.js
+++ b/src/features/timbre/Timbre.js
@@ -12,134 +12,134 @@ import { selectById } from './timbreSlice.js';
 import styles from './Timbre.module.css';
 
 export default function Timbre(props) {
-    const ids = useSelector((state) => selectById(state, props.id));
-    return (
-        <div className={styles.timbreStyle}>
-            <VCO
-                name="VCO 1"
-                id={ids.vco1}
-                waveforms={[
-                    { value: 'Saw' },
-                    { value: 'Square' },
-                    { value: 'Triangle' },
-                    { value: 'Sine' },
-                    { value: 'Vox Wave' },
-                    { value: 'DWGS' },
-                    { value: 'Noise' },
-                    { value: 'Audio In' },
-                ]}
-                dwgsOrModTypeName="DWGS"
-                dwgsOrModType={[
-                    { value: 'SynSine1' },
-                    { value: 'SynSine2' },
-                    { value: 'SynSine3' },
-                    { value: 'SynSine4' },
-                    { value: 'SynSine5' },
-                    { value: 'SynSine6' },
-                    { value: 'SynSine7' },
-                    { value: 'SynBass1' },
-                    { value: 'SynBass2' },
-                    { value: 'SynBass3' },
-                    { value: 'SynBass4' },
-                    { value: 'SynBass5' },
-                    { value: 'SynBass6' },
-                    { value: 'SynBass7' },
-                    { value: 'SynWave1' },
-                    { value: 'SynWave2' },
-                    { value: 'SynWave3' },
-                    { value: 'SynWave4' },
-                    { value: 'SynWave5' },
-                    { value: 'SynWave6' },
-                    { value: 'SynWave7' },
-                    { value: 'SynWave8' },
-                    { value: 'SynWave9' },
-                    { value: '5thWave1' },
-                    { value: '5thWave2' },
-                    { value: '5thWave3' },
-                    { value: 'Digi1' },
-                    { value: 'Digi2' },
-                    { value: 'Digi3' },
-                    { value: 'Digi4' },
-                    { value: 'Digi5' },
-                    { value: 'Digi6' },
-                    { value: 'Digi7' },
-                    { value: 'Digi8' },
-                    { value: 'Endless' },
-                    { value: 'E.Piano1' },
-                    { value: 'E.Piano2' },
-                    { value: 'E.Piano3' },
-                    { value: 'E.Piano4' },
-                    { value: 'Organ1' },
-                    { value: 'Organ2' },
-                    { value: 'Organ3' },
-                    { value: 'Organ4' },
-                    { value: 'Organ5' },
-                    { value: 'Organ6' },
-                    { value: 'Organ7' },
-                    { value: 'Clav1' },
-                    { value: 'Clav2' },
-                    { value: 'Guitar1' },
-                    { value: 'Guitar2' },
-                    { value: 'Guitar3' },
-                    { value: 'Bass1' },
-                    { value: 'Bass2' },
-                    { value: 'Bass3' },
-                    { value: 'Bass4' },
-                    { value: 'Bass5' },
-                    { value: 'Bell1' },
-                    { value: 'Bell2' },
-                    { value: 'Bell3' },
-                    { value: 'Bell4' },
-                    { value: 'Voice1' },
-                    { value: 'Voice2' },
-                    { value: 'Voice3' },
-                    { value: 'Voice4' },
-                ]}
-            />
-            <VCO
-                name="VCO 2"
-                id={ids.vco2}
-                waveforms={[
-                    { value: 'Saw' },
-                    { value: 'Square' },
-                    { value: 'Triangle' },
-                ]}
-                dwgsOrModTypeName="Mod Type"
-                dwgsOrModType={[
-                    { value: 'Off' },
-                    { value: 'Ring' },
-                    { value: 'Sync' },
-                    { value: 'RingSync' },
-                ]}
-            />
-            <Mixer name="Mixer" id={ids.mixer} />
-            <Pitch name="Pitch" id={ids.pitch} />
-            <Filter name="Filter" id={ids.filter} />
-            <Amp name="Amp" id={ids.amp} />
-            <EG name="EG 1" id={ids.eg1} />
-            <EG name="EG 2" id={ids.eg2} />
-            <div className={styles.lineBreak} />
-            <LFO
-                name="LFO 1"
-                id={ids.lfo1}
-                waveforms={[
-                    { value: 'Saw' },
-                    { value: 'Square 1' },
-                    { value: 'Triangle' },
-                    { value: 'Sample & Hold' },
-                ]}
-            />
-            <LFO
-                name="LFO 2"
-                id={ids.lfo2}
-                waveforms={[
-                    { value: 'Saw' },
-                    { value: 'Square 2' },
-                    { value: 'Sine' },
-                    { value: 'Sample & Hold' },
-                ]}
-            />
-            <Patches name="Patches" id={ids.patches} />
-        </div>
-    );
+  const ids = useSelector((state) => selectById(state, props.id));
+  return (
+    <div className={styles.timbreStyle}>
+      <VCO
+        name='VCO 1'
+        id={ids.vco1}
+        waveforms={[
+          { value: 'Saw' },
+          { value: 'Square' },
+          { value: 'Triangle' },
+          { value: 'Sine' },
+          { value: 'Vox Wave' },
+          { value: 'DWGS' },
+          { value: 'Noise' },
+          { value: 'Audio In' },
+        ]}
+        dwgsOrModTypeName='DWGS'
+        dwgsOrModType={[
+          { value: 'SynSine1' },
+          { value: 'SynSine2' },
+          { value: 'SynSine3' },
+          { value: 'SynSine4' },
+          { value: 'SynSine5' },
+          { value: 'SynSine6' },
+          { value: 'SynSine7' },
+          { value: 'SynBass1' },
+          { value: 'SynBass2' },
+          { value: 'SynBass3' },
+          { value: 'SynBass4' },
+          { value: 'SynBass5' },
+          { value: 'SynBass6' },
+          { value: 'SynBass7' },
+          { value: 'SynWave1' },
+          { value: 'SynWave2' },
+          { value: 'SynWave3' },
+          { value: 'SynWave4' },
+          { value: 'SynWave5' },
+          { value: 'SynWave6' },
+          { value: 'SynWave7' },
+          { value: 'SynWave8' },
+          { value: 'SynWave9' },
+          { value: '5thWave1' },
+          { value: '5thWave2' },
+          { value: '5thWave3' },
+          { value: 'Digi1' },
+          { value: 'Digi2' },
+          { value: 'Digi3' },
+          { value: 'Digi4' },
+          { value: 'Digi5' },
+          { value: 'Digi6' },
+          { value: 'Digi7' },
+          { value: 'Digi8' },
+          { value: 'Endless' },
+          { value: 'E.Piano1' },
+          { value: 'E.Piano2' },
+          { value: 'E.Piano3' },
+          { value: 'E.Piano4' },
+          { value: 'Organ1' },
+          { value: 'Organ2' },
+          { value: 'Organ3' },
+          { value: 'Organ4' },
+          { value: 'Organ5' },
+          { value: 'Organ6' },
+          { value: 'Organ7' },
+          { value: 'Clav1' },
+          { value: 'Clav2' },
+          { value: 'Guitar1' },
+          { value: 'Guitar2' },
+          { value: 'Guitar3' },
+          { value: 'Bass1' },
+          { value: 'Bass2' },
+          { value: 'Bass3' },
+          { value: 'Bass4' },
+          { value: 'Bass5' },
+          { value: 'Bell1' },
+          { value: 'Bell2' },
+          { value: 'Bell3' },
+          { value: 'Bell4' },
+          { value: 'Voice1' },
+          { value: 'Voice2' },
+          { value: 'Voice3' },
+          { value: 'Voice4' },
+        ]}
+      />
+      <VCO
+        name='VCO 2'
+        id={ids.vco2}
+        waveforms={[
+          { value: 'Saw' },
+          { value: 'Square' },
+          { value: 'Triangle' },
+        ]}
+        dwgsOrModTypeName='Mod Type'
+        dwgsOrModType={[
+          { value: 'Off' },
+          { value: 'Ring' },
+          { value: 'Sync' },
+          { value: 'Ring Sync' },
+        ]}
+      />
+      <Mixer name='Mixer' id={ids.mixer} />
+      <Pitch name='Pitch' id={ids.pitch} />
+      <Filter name='Filter' id={ids.filter} />
+      <Amp name='Amp' id={ids.amp} />
+      <EG name='EG 1' id={ids.eg1} />
+      <EG name='EG 2' id={ids.eg2} />
+      <div className={styles.lineBreak} />
+      <LFO
+        name='LFO 1'
+        id={ids.lfo1}
+        waveforms={[
+          { value: 'Saw' },
+          { value: 'Square 1' },
+          { value: 'Triangle' },
+          { value: 'Sample & Hold' },
+        ]}
+      />
+      <LFO
+        name='LFO 2'
+        id={ids.lfo2}
+        waveforms={[
+          { value: 'Saw' },
+          { value: 'Square 2' },
+          { value: 'Sine' },
+          { value: 'Sample & Hold' },
+        ]}
+      />
+      <Patches name='Patches' id={ids.patches} />
+    </div>
+  );
 }
diff --git a/src/features/timbre/Timbre.module.css b/src/features/timbre/Timbre.module.css
index 704b64d..acff8c7 100644
--- a/src/features/timbre/Timbre.module.css
+++ b/src/features/timbre/Timbre.module.css
@@ -1,134 +1,130 @@
 .timbreStyle {
-    display: flex;
-    flex-wrap: wrap;
-    flex-direction: row;
-    justify-content: center;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  justify-content: center;
 }
 
 .lineBreak {
-    width: 0%;
+  width: 0%;
 }
 
 @media only screen and (max-width: 1920px) {
-    .lineBreak {
-        width: 100%;
-    }
+  .lineBreak {
+    width: 100%;
+  }
 }
 
 @media only screen and (max-width: 1440px) {
-    .lineBreak {
-        width: 0%;
-    }
+  .lineBreak {
+    width: 0%;
+  }
 }
 
 @media only screen and (max-width: 990px) {
-    .lineBreak {
-        width: 0%;
-    }
+  .lineBreak {
+    width: 0%;
+  }
 }
 
 @media only screen and (max-width: 920px) {
-    .lineBreak {
-        width: 100%;
-    }
+  .lineBreak {
+    width: 100%;
+  }
 }
 
 .buttonContainer {
-    position: fixed;
-    top: 0;
-    left: 25%;
+  position: fixed;
+  top: 0;
+  left: 25%;
 }
 
 .buttonContainer > button:hover {
-    background: white;
-    color: slateblue;
-    border: 2px solid slateblue;
+  background: white;
+  color: slateblue;
+  border: 2px solid slateblue;
 }
 .buttonContainer > button:focus {
-    background: slateblue;
-    color: white;
-    border: 2px solid slateblue;
+  background: slateblue;
+  color: white;
+  border: 2px solid slateblue;
 }
 
 .tabs {
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 .tabList {
-    border-bottom: 1px solid black;
-    display: inline-flex;
-    flex-direction: row;
-    list-style-type: none;
-    justify-content: center;
-    top: 0;
-    padding: 0;
-    margin: 0;
-    width: 100vw;
-
-    background: white;
+  border-bottom: 1px solid black;
+  display: none;
+  flex-direction: row;
+  list-style-type: none;
+  justify-content: center;
+  top: 0;
+  padding: 0;
+  margin: 0;
+  width: 85vw;
+  background: white;
 }
 .tab {
-    height: 1.25em;
-    width: 4em;
-    background: white;
-    color: slategrey;
-    font-size: 0.75em;
-    margin: 0.75em 1em;
-    padding: 0.25em 1em;
-    border: 2px solid slategrey;
-    border-radius: 3px;
-    outline: none;
-    -webkit-touch-callout: none; /* iOS Safari */
-    -webkit-user-select: none; /* Safari */
-    -khtml-user-select: none; /* Konqueror HTML */
-    -moz-user-select: none; /* Old versions of Firefox */
-    -ms-user-select: none; /* Internet Explorer/Edge */
-    user-select: none;
-    transition: all 0.2s ease-in-out;
+  height: 1.25em;
+  width: 4em;
+  background: white;
+  color: slategrey;
+  font-size: 0.75em;
+  margin: 0.75em 1em;
+  padding: 0.25em 1em;
+  border: 2px solid slategrey;
+  border-radius: 3px;
+  outline: none;
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Safari */
+  -khtml-user-select: none; /* Konqueror HTML */
+  -moz-user-select: none; /* Old versions of Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none;
+  transition: all 0.2s ease-in-out;
 }
 
 .tab:hover {
-    background: white;
-    color: slateblue;
-    border: 2px solid slateblue;
+  background: white;
+  color: slateblue;
+  border: 2px solid slateblue;
 }
 .selected,
 .selected:hover {
-    background: slateblue;
-    color: white;
-    border: 2px solid slateblue;
-    transition: 0.2s ease-in-out;
+  background: slateblue;
+  color: white;
+  border: 2px solid slateblue;
+  transition: 0.2s ease-in-out;
 }
 @keyframes slideeffect {
-    0% {
-        opacity: 0.5;
-    }
-    100% {
-        opacity: 1;
-    }
+  0% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 .tabPanel {
-    padding: 1em 0;
-    height: 100%;
-    animation: slideeffect 0.6s ease-in-out;
-    opacity: 1;
-    overflow-y: scroll;
+  padding: 1em 0;
+  height: 100%;
+  animation: slideeffect 0.6s ease-in-out;
+  opacity: 1;
+  overflow-y: scroll;
 }
 .tabPanel::-webkit-scrollbar {
-    width: 0.25em;
+  width: 0.3em;
 }
 
 .tabPanel::-webkit-scrollbar-track,
 .tabPanel::-webkit-scrollbar-thumb {
-    background-color: transparent;
-}
-.tabPanel:hover::-webkit-scrollbar-track {
-    background-color: lightgray;
+  background-color: transparent;
 }
 
 .tabPanel:hover::-webkit-scrollbar-thumb {
-    background-color: slateblue;
-    border-radius: 6px;
+  background-color: lightgray;
+  border-radius: 6px;
 }
diff --git a/src/features/timbre/parameters/LFO.js b/src/features/timbre/parameters/LFO.js
index f220e6a..b2675fd 100644
--- a/src/features/timbre/parameters/LFO.js
+++ b/src/features/timbre/parameters/LFO.js
@@ -5,62 +5,92 @@ import { Slider, SelectList, Checkbox } from '../../helpers/Helpers';
 import styles from './Parameters.module.css';
 
 export default function LFO(props) {
-    const parameters = useSelector((state) => selectById(state, props.id));
-    const dispatch = useDispatch();
+  const parameters = useSelector((state) => selectById(state, props.id));
+  const dispatch = useDispatch();
 
-    return (
-        <div className={styles.container}>
-            <span className={styles.header}>{`${props.name}`}</span>
-            LFO Waveform
-            <SelectList
-                value={parameters.waveform}
-                list={props.waveforms}
-                onChange={(value) =>
-                    dispatch(
-                        parameterUpdated({
-                            id: props.id,
-                            changes: { waveform: value },
-                        })
-                    )
-                }
-            />
-            Key Sync
-            <SelectList
-                value={parameters.keySync}
-                list={['Off', 'Timbre', 'Voice']}
-                onChange={(value) =>
-                    dispatch(
-                        parameterUpdated({
-                            id: props.id,
-                            changes: { keySync: value },
-                        })
-                    )
-                }
-            />
-            <Checkbox
-                name="Tempo Sync"
-                parameter={parameters.tempoSync}
-                onChange={(value) =>
-                    dispatch(
-                        parameterUpdated({
-                            id: props.id,
-                            changes: { tempoSync: value },
-                        })
-                    )
-                }
-            />
-            Frequency
-            <Slider
-                parameter={parameters.frequency}
-                onChange={(value) =>
-                    dispatch(
-                        parameterUpdated({
-                            id: props.id,
-                            changes: { frequency: value },
-                        })
-                    )
-                }
-            />
-        </div>
-    );
+  return (
+    <div className={styles.lfo}>
+      <span className={styles.header}>{`${props.name}`}</span>
+      LFO Waveform
+      <SelectList
+        value={parameters.waveform}
+        list={props.waveforms}
+        onChange={(value) =>
+          dispatch(
+            parameterUpdated({
+              id: props.id,
+              changes: { waveform: value },
+            })
+          )
+        }
+      />
+      Key Sync
+      <SelectList
+        value={parameters.keySync}
+        list={[{ value: 'Off' }, { value: 'Timbre' }, { value: 'Voice' }]}
+        onChange={(value) =>
+          dispatch(
+            parameterUpdated({
+              id: props.id,
+              changes: { keySync: value },
+            })
+          )
+        }
+      />
+      <div className='check-list'>
+        <Checkbox
+          name='Tempo Sync'
+          parameter={parameters.tempoSync}
+          onChange={(value) =>
+            dispatch(
+              parameterUpdated({
+                id: props.id,
+                changes: { tempoSync: value },
+              })
+            )
+          }
+        />
+        <SelectList
+          value={parameters.syncNote}
+          list={[
+            { value: '1/1' },
+            { value: '3/4' },
+            { value: '2/3' },
+            { value: '1/2' },
+            { value: '3/8' },
+            { value: '1/3' },
+            { value: '1/4' },
+            { value: '3/16' },
+            { value: '1/6' },
+            { value: '1/8' },
+            { value: '3/32' },
+            { value: '1/12' },
+            { value: '1/16' },
+            { value: '1/24' },
+            { value: '1/32' },
+          ]}
+          onChange={(value) =>
+            dispatch(
+              parameterUpdated({
+                id: props.id,
+                changes: { syncNote: value },
+              })
+            )
+          }
+        />
+      </div>
+      Frequency
+      <Slider
+        parameter={parameters.frequency}
+        onChange={(value) =>
+          dispatch(
+            parameterUpdated({
+              id: props.id,
+              changes: { frequency: value },
+            })
+          )
+        }
+      />
+    </div>
+  );
 }
diff --git a/src/features/timbre/parameters/Parameters.module.css b/src/features/timbre/parameters/Parameters.module.css
index 685eff3..9749e92 100644
--- a/src/features/timbre/parameters/Parameters.module.css
+++ b/src/features/timbre/parameters/Parameters.module.css
@@ -1,89 +1,98 @@
 .container,
+.lfo,
 .horizontalContainer,
 .patchesContainer {
-    border: solid 1pt slategrey;
-    border-radius: 6px;
+  border: solid 1pt slategrey;
+  border-radius: 6px;
 }
 
-.container {
-    position: relative;
-    font-size: small;
-    display: inline-flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: 16pt;
-    margin: 10pt;
-    min-width: 15%;
-    height: 214px;
-    line-height: 1.5em;
+.container,
+.lfo {
+  position: relative;
+  font-size: small;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 16pt;
+  margin: 10pt;
+  min-width: 15%;
+  height: 214px;
+  line-height: 1.5em;
 }
+
+.lfo {
+  height: 250px;
+}
+
+.lfo > *,
 .container > * {
-    margin: 3pt 0;
+  margin: 3pt 0;
 }
 
 .header {
-    font-size: 1.5em;
-    line-height: 1.25em;
-    text-align: center;
-    background-color: white;
-    padding: 0 0.25em 0.075em;
-    border-left: 1px solid slategrey;
-    border-right: 1px solid slategrey;
-    box-sizing: border-box;
+  font-size: 1.5em;
+  line-height: 1.25em;
+  text-align: center;
+  background-color: white;
+  padding: 0 0.25em 0.075em;
+  border-left: 1px solid slategrey;
+  border-right: 1px solid slategrey;
+  box-sizing: border-box;
 }
+.lfo > .header,
 .container > .header {
-    position: absolute;
-    top: -7.5%;
-    left: 12%;
+  position: absolute;
+  top: -7.5%;
+  left: 12%;
 }
 .horizontalContainer > .header,
 .patchesContainer > .header {
-    position: absolute;
-    top: -5.25%;
-    left: 6%;
+  position: absolute;
+  top: -5.25%;
+  left: 6%;
 }
 
 .horizontalContainer {
-    position: relative;
-    font-size: small;
-    display: inline-flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    padding: 16pt 8pt 16pt 8pt;
-    margin: 10pt;
-    width: 448px;
-    height: 214px;
+  position: relative;
+  font-size: small;
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 16pt 8pt 16pt 8pt;
+  margin: 10pt;
+  width: 448px;
+  height: 214px;
 }
 
 .patchesContainer {
-    position: relative;
-    font-size: small;
-    display: inline-flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    padding: 16pt 8pt 16pt 8pt;
-    margin: 10pt;
-    width: 680px;
-    height: 214px;
+  position: relative;
+  font-size: small;
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 16pt 8pt 16pt 8pt;
+  margin: 10pt;
+  width: 680px;
+  height: 250px;
 }
 
 .horizontalContainer > .container,
 .patchesContainer > .container {
-    padding: 0 16pt;
-    width: 100%;
-    margin: 10pt 0;
-    border: none;
+  padding: 0 16pt;
+  width: 100%;
+  margin: 10pt 0;
+  border: none;
 }
 
 .divider {
-    height: 214px;
-    width: 2px;
-    background-color: slategrey;
-    margin: 0 8pt;
+  height: 214px;
+  width: 2px;
+  background-color: slategrey;
+  margin: 0 8pt;
 }
 
 .patchesContainer > .divider {
-    width: 4px;
+  width: 4px;
 }
diff --git a/src/features/timbre/parameters/parameterSlice.js b/src/features/timbre/parameters/parameterSlice.js
index 133c0df..ebd75f5 100644
--- a/src/features/timbre/parameters/parameterSlice.js
+++ b/src/features/timbre/parameters/parameterSlice.js
@@ -1,409 +1,470 @@
 import { createSlice, createEntityAdapter } from '@reduxjs/toolkit';
 
 const defaultState = {
-    ids: [
-        'vco1',
-        'vco2',
-        'mixer1',
-        'pitch1',
-        'filter1',
-        'eg1',
-        'amp1',
-        'eg2',
-        'lfo1',
-        'lfo2',
-        'patches1',
-        'vco3',
-        'vco4',
-        'mixer2',
-        'pitch2',
-        'filter2',
-        'eg3',
-        'amp2',
-        'eg4',
-        'lfo3',
-        'lfo4',
-        'patches2',
-        'vco5',
-        'audioIn',
-        'mixer3',
-        'pitch3',
-        'filter3',
-        'fcMod',
-        'eg4',
-        'amp3',
-        'lfo5',
-        'lfo6',
-        'levels',
-        'pans',
-        'modfx',
-        'delay',
-        'eq',
-        'arpeggA',
-        'arpeggB',
-    ],
-    entities: {
-        vco1: {
-            id: 'vco1',
-            waveform: 'Saw',
-            dwgsOrModType: 'SynWave1',
-            waveMod: 0,
-            lfoMod: 0,
-        },
-        vco2: {
-            id: 'vco2',
-            waveform: 'Saw',
-            dwgsOrModType: 'Off',
-            waveMod: 0,
-            lfoMod: 0,
-        },
-        vco3: {
-            id: 'vco3',
-            waveform: 'Saw',
-            dwgsOrModType: 'SynWave1',
-            waveMod: 0,
-            lfoMod: 0,
-        },
-        vco4: {
-            id: 'vco4',
-            waveform: 'Saw',
-            dwgsOrModType: 'Off',
-            waveMod: 0,
-            lfoMod: 0,
-        },
-        vco5: {
-            id: 'vco5',
-            waveform: 'Saw',
-            dwgsOrModType: 'SynWave1',
-            waveMod: 0,
-            lfoMod: 0,
-        },
-        audioIn: {
-            id: 'audioIn',
-            gate: 0,
-            threshold: 0,
-            hpfLevel: 0,
-            hpfGate: false,
-        },
-        mixer1: {
-            id: 'mixer1',
-            vol1: 127,
-            vol2: 0,
-            vol3: 0,
-        },
-        mixer2: {
-            id: 'mixer2',
-            vol1: 127,
-            vol2: 0,
-            vol3: 0,
-        },
-        mixer3: {
-            id: 'mixer3',
-            vol1: 127,
-            vol2: 0,
-            vol3: 0,
-        },
-        pitch1: {
-            id: 'pitch1',
-            voiceAssign: 'Mono',
-            triggerMode: 'Single',
-            transpose: 0,
-            tune: 0,
-            unisonDetune: 0,
-            portamento: 0,
-            bendRange: 0,
-            vibratoIntensity: 0,
-        },
-        pitch2: {
-            id: 'pitch2',
-            voiceAssign: 'Mono',
-            triggerMode: 'Single',
-            transpose: 0,
-            tune: 0,
-            unisonDetune: 0,
-            portamento: 0,
-            bendRange: 0,
-            vibratoIntensity: 0,
-        },
-        pitch3: {
-            id: 'pitch3',
-            voiceAssign: 'Mono',
-            triggerMode: 'Single',
-            transpose: 0,
-            tune: 0,
-            unisonDetune: 0,
-            portamento: 0,
-            bendRange: 0,
-            vibratoIntensity: 0,
-        },
-        filter1: {
-            id: 'filter1',
-            filterType: '-24db Low Pass',
-            cutoff: 0,
-            resonance: 0,
-            egIntensity: 0,
-            keyboardTrack: 0,
-        },
-        filter2: {
-            id: 'filter2',
-            filterType: '-24db Low Pass',
-            cutoff: 0,
-            resonance: 0,
-            egIntensity: 0,
-            keyboardTrack: 0,
-        },
-        filter3: {
-            id: 'filter3',
-            cutoff: 0,
-            resonance: 0,
-            efSense: 0,
-        },
-        fcMod: {
-            id: 'fcMod',
-            source: 'Amp EG',
-            intensity: 0,
-        },
-        eg1: {
-            id: 'eg1',
-            attack: 0,
-            decay: 0,
-            sustain: 127,
-            release: 0,
-            egReset: false,
-        },
-        amp1: {
-            id: 'amp1',
-            ampLevel: 127,
-            panpot: 0,
-            ampTrack: 0,
-            distortion: false,
-        },
-        eg2: {
-            id: 'eg2',
-            attack: 0,
-            decay: 0,
-            sustain: 127,
-            release: 0,
-            egReset: false,
-        },
-        eg3: {
-            id: 'eg3',
-            attack: 0,
-            decay: 0,
-            sustain: 127,
-            release: 0,
-            egReset: false,
-        },
-        amp2: {
-            id: 'amp2',
-            ampLevel: 127,
-            panpot: 0,
-            ampTrack: 0,
-            distortion: false,
-        },
-        eg4: {
-            id: 'eg4',
-            attack: 0,
-            decay: 0,
-            sustain: 127,
-            release: 0,
-            egReset: false,
-        },
-        eg5: {
-            id: 'eg5',
-            attack: 0,
-            decay: 0,
-            sustain: 127,
-            release: 0,
-            egReset: false,
-        },
-        amp3: {
-            id: 'amp3',
-            ampLevel: 127,
-            directLevel: 0,
-            ampTrack: 0,
-            distortion: false,
-        },
-        lfo1: {
-            id: 'lfo1',
-            waveform: 'Saw',
-            keySync: 'Off',
-            tempoSync: false,
-            frequency: 0,
-        },
-        lfo2: {
-            id: 'lfo2',
-            waveform: 'Saw',
-            keySync: 'Off',
-            tempoSync: false,
-            frequency: 0,
-        },
-        lfo3: {
-            id: 'lfo3',
-            waveform: 'Saw',
-            keySync: 'Off',
-            tempoSync: false,
-            frequency: 0,
-        },
-        lfo4: {
-            id: 'lfo4',
-            waveform: 'Saw',
-            keySync: 'Off',
-            tempoSync: false,
-            frequency: 0,
-        },
-        lfo5: {
-            id: 'lfo5',
-            waveform: 'Saw',
-            keySync: 'Off',
-            tempoSync: false,
-            frequency: 0,
-        },
-        lfo6: {
-            id: 'lfo6',
-            waveform: 'Saw',
-            keySync: 'Off',
-            tempoSync: false,
-            frequency: 0,
-        },
-        patches1: {
-            id: 'patches1',
-            patch1: {
-                source: 'Filter EG',
-                destination: 'Pitch',
-                modIntensity: 0,
-            },
-            patch2: {
-                source: 'Filter EG',
-                destination: 'Pitch',
-                modIntensity: 0,
-            },
-            patch3: {
-                source: 'LFO 1',
-                destination: 'Pitch',
-                modIntensity: 0,
-            },
-            patch4: {
-                source: 'LFO 2',
-                destination: 'Pitch',
-                modIntensity: 0,
-            },
-        },
-        patches2: {
-            id: 'patches2',
-            patch1: {
-                source: 'Filter EG',
-                destination: 'Pitch',
-                modIntensity: 0,
-            },
-            patch2: {
-                source: 'Filter EG',
-                destination: 'Pitch',
-                modIntensity: 0,
-            },
-            patch3: {
-                source: 'LFO 1',
-                destination: 'Pitch',
-                modIntensity: 0,
-            },
-            patch4: {
-                source: 'LFO 2',
-                destination: 'Pitch',
-                modIntensity: 0,
-            },
-        },
-        levels: {
-            id: 'levels',
-            level1: 0,
-            level2: 0,
-            level3: 0,
-            level4: 0,
-            level5: 0,
-            level6: 0,
-            level7: 0,
-            level8: 0,
-        },
-        pans: {
-            id: 'pans',
-            pan1: 0,
-            pan2: 0,
-            pan3: 0,
-            pan4: 0,
-            pan5: 0,
-            pan6: 0,
-            pan7: 0,
-            pan8: 0,
-        },
-        modfx: {
-            id: 'modfx',
-            type: 'Flanger/Chorus',
-            lfoSpeed: 0,
-            effectDepth: 0,
-        },
-        delay: {
-            id: 'delay',
-            type: 'Stereo Delay',
-            tempoSync: false,
-            syncNote: '1/32',
-            delayTime: 0,
-            delayDepth: 0,
-        },
-        eq: {
-            id: 'eq',
-            lowFrequency: 40,
-            lowGain: 0,
-            highFrequency: 1.0,
-            highGain: 0,
-        },
-        arpeggA: {
-            id: 'arpeggA',
-            tempo: 20,
-            resolution: '1/24',
-            gate: 0,
-            type: 'Up',
-            range: 1,
-        },
-        arpeggB: {
-            id: 'arpeggB',
-            latch: false,
-            swing: 0,
-            keySync: false,
-            lastStep: 1,
-            target: 'Both',
-        },
+  ids: [
+    'vco1',
+    'vco2',
+    'mixer1',
+    'pitch1',
+    'filter1',
+    'eg1',
+    'amp1',
+    'eg2',
+    'lfo1',
+    'lfo2',
+    'patches1',
+    'vco3',
+    'vco4',
+    'mixer2',
+    'pitch2',
+    'filter2',
+    'eg3',
+    'amp2',
+    'eg4',
+    'lfo3',
+    'lfo4',
+    'patches2',
+    'vco5',
+    'audioIn',
+    'mixer3',
+    'pitch3',
+    'filter3',
+    'fcMod',
+    'eg4',
+    'amp3',
+    'lfo5',
+    'lfo6',
+    'levels',
+    'pans',
+    'modfx',
+    'delay',
+    'eq',
+    'arpeggA',
+    'arpeggB',
+    'patch',
+    'unusedPatch',
+    'unusedTimbre1',
+    'unusedTimbre2',
+    'unusedVocoder',
+  ],
+  entities: {
+    vco1: {
+      id: 'vco1',
+      waveform: 'Saw',
+      dwgsOrModType: 'SynWave1',
+      waveMod: 0,
+      lfoMod: 0,
     },
-    unsaved: false,
+    vco2: {
+      id: 'vco2',
+      waveform: 'Saw',
+      dwgsOrModType: 'Off',
+      waveMod: 0,
+      lfoMod: 0,
+    },
+    vco3: {
+      id: 'vco3',
+      waveform: 'Saw',
+      dwgsOrModType: 'SynWave1',
+      waveMod: 0,
+      lfoMod: 0,
+    },
+    vco4: {
+      id: 'vco4',
+      waveform: 'Saw',
+      dwgsOrModType: 'Off',
+      waveMod: 0,
+      lfoMod: 0,
+    },
+    vco5: {
+      id: 'vco5',
+      waveform: 'Saw',
+      dwgsOrModType: 'SynWave1',
+      waveMod: 0,
+      lfoMod: 0,
+    },
+    audioIn: {
+      id: 'audioIn',
+      gate: 0,
+      threshold: 0,
+      hpfLevel: 0,
+      hpfGate: false,
+    },
+    mixer1: {
+      id: 'mixer1',
+      vol1: 127,
+      vol2: 0,
+      vol3: 0,
+    },
+    mixer2: {
+      id: 'mixer2',
+      vol1: 127,
+      vol2: 0,
+      vol3: 0,
+    },
+    mixer3: {
+      id: 'mixer3',
+      vol1: 127,
+      vol2: 0,
+      vol3: 0,
+    },
+    pitch1: {
+      id: 'pitch1',
+      voiceAssign: 'Mono',
+      triggerMode: 'Single',
+      transpose: 0,
+      tune: 0,
+      unisonDetune: 0,
+      portamento: 0,
+      bendRange: 0,
+      vibratoIntensity: 0,
+    },
+    pitch2: {
+      id: 'pitch2',
+      voiceAssign: 'Mono',
+      triggerMode: 'Single',
+      transpose: 0,
+      tune: 0,
+      unisonDetune: 0,
+      portamento: 0,
+      bendRange: 0,
+      vibratoIntensity: 0,
+    },
+    pitch3: {
+      id: 'pitch3',
+      voiceAssign: 'Mono',
+      triggerMode: 'Single',
+      transpose: 0,
+      tune: 0,
+      unisonDetune: 0,
+      portamento: 0,
+      bendRange: 0,
+      vibratoIntensity: 0,
+    },
+    filter1: {
+      id: 'filter1',
+      filterType: '-24db Low Pass',
+      cutoff: 0,
+      resonance: 0,
+      egIntensity: 0,
+      keyboardTrack: 0,
+    },
+    filter2: {
+      id: 'filter2',
+      filterType: '-24db Low Pass',
+      cutoff: 0,
+      resonance: 0,
+      egIntensity: 0,
+      keyboardTrack: 0,
+    },
+    filter3: {
+      id: 'filter3',
+      shift: 2,
+      cutoff: 0,
+      resonance: 0,
+      efSense: 0,
+    },
+    fcMod: {
+      id: 'fcMod',
+      source: 'Amp EG',
+      intensity: 0,
+    },
+    eg1: {
+      id: 'eg1',
+      attack: 0,
+      decay: 0,
+      sustain: 127,
+      release: 0,
+      egReset: false,
+    },
+    amp1: {
+      id: 'amp1',
+      ampLevel: 127,
+      panpot: 0,
+      ampTrack: 0,
+      distortion: false,
+    },
+    eg2: {
+      id: 'eg2',
+      attack: 0,
+      decay: 0,
+      sustain: 127,
+      release: 0,
+      egReset: false,
+    },
+    eg3: {
+      id: 'eg3',
+      attack: 0,
+      decay: 0,
+      sustain: 127,
+      release: 0,
+      egReset: false,
+    },
+    amp2: {
+      id: 'amp2',
+      ampLevel: 127,
+      panpot: 0,
+      ampTrack: 0,
+      distortion: false,
+    },
+    eg4: {
+      id: 'eg4',
+      attack: 0,
+      decay: 0,
+      sustain: 127,
+      release: 0,
+      egReset: false,
+    },
+    eg5: {
+      id: 'eg5',
+      attack: 0,
+      decay: 0,
+      sustain: 127,
+      release: 0,
+      egReset: false,
+    },
+    amp3: {
+      id: 'amp3',
+      ampLevel: 127,
+      directLevel: 0,
+      ampTrack: 0,
+      distortion: false,
+    },
+    lfo1: {
+      id: 'lfo1',
+      waveform: 'Saw',
+      keySync: 'Off',
+      tempoSync: false,
+      frequency: 0,
+      syncNote: '1/1',
+    },
+    lfo2: {
+      id: 'lfo2',
+      waveform: 'Saw',
+      keySync: 'Off',
+      tempoSync: false,
+      frequency: 0,
+      syncNote: '1/1',
+    },
+    lfo3: {
+      id: 'lfo3',
+      waveform: 'Saw',
+      keySync: 'Off',
+      tempoSync: false,
+      frequency: 0,
+      syncNote: '1/1',
+    },
+    lfo4: {
+      id: 'lfo4',
+      waveform: 'Saw',
+      keySync: 'Off',
+      tempoSync: false,
+      frequency: 0,
+      syncNote: '1/1',
+    },
+    lfo5: {
+      id: 'lfo5',
+      waveform: 'Saw',
+      keySync: 'Off',
+      tempoSync: false,
+      frequency: 0,
+      syncNote: '1/1',
+    },
+    lfo6: {
+      id: 'lfo6',
+      waveform: 'Saw',
+      keySync: 'Off',
+      tempoSync: false,
+      frequency: '1/1',
+    },
+    patches1: {
+      id: 'patches1',
+      patch1: {
+        source: 'Filter EG',
+        destination: 'Pitch',
+        modIntensity: 0,
+      },
+      patch2: {
+        source: 'Filter EG',
+        destination: 'Pitch',
+        modIntensity: 0,
+      },
+      patch3: {
+        source: 'LFO 1',
+        destination: 'Pitch',
+        modIntensity: 0,
+      },
+      patch4: {
+        source: 'LFO 2',
+        destination: 'Pitch',
+        modIntensity: 0,
+      },
+    },
+    patches2: {
+      id: 'patches2',
+      patch1: {
+        source: 'Filter EG',
+        destination: 'Pitch',
+        modIntensity: 0,
+      },
+      patch2: {
+        source: 'Filter EG',
+        destination: 'Pitch',
+        modIntensity: 0,
+      },
+      patch3: {
+        source: 'LFO 1',
+        destination: 'Pitch',
+        modIntensity: 0,
+      },
+      patch4: {
+        source: 'LFO 2',
+        destination: 'Pitch',
+        modIntensity: 0,
+      },
+    },
+    levels: {
+      id: 'levels',
+      level1: 0,
+      level2: 0,
+      level3: 0,
+      level4: 0,
+      level5: 0,
+      level6: 0,
+      level7: 0,
+      level8: 0,
+    },
+    pans: {
+      id: 'pans',
+      pan1: 0,
+      pan2: 0,
+      pan3: 0,
+      pan4: 0,
+      pan5: 0,
+      pan6: 0,
+      pan7: 0,
+      pan8: 0,
+    },
+    modfx: {
+      id: 'modfx',
+      type: 'Flanger/Chorus',
+      lfoSpeed: 0,
+      effectDepth: 0,
+    },
+    delay: {
+      id: 'delay',
+      type: 'Stereo Delay',
+      tempoSync: false,
+      syncNote: '1/32',
+      delayTime: 0,
+      delayDepth: 0,
+    },
+    eq: {
+      id: 'eq',
+      lowFrequency: 40,
+      lowGain: 0,
+      highFrequency: 1.0,
+      highGain: 0,
+    },
+    arpeggA: {
+      id: 'arpeggA',
+      tempo: 20,
+      resolution: '1/24',
+      gate: 0,
+      type: 'Up',
+      range: 1,
+    },
+    arpeggB: {
+      id: 'arpeggB',
+      latch: false,
+      swing: 0,
+      keySync: false,
+      lastStep: 1,
+      target: 'Both',
+      pattern: [0, 0, 0, 0, 0, 0, 0, 0],
+    },
+    patch: {
+      id: 'patch',
+      name: 'Default',
+      mode: 'Single',
+    },
+    unusedPatch: {
+      id: 'unusedPatch',
+      scaleKey: 0,
+      scaleType: 0,
+      keyboardOctave: 0,
+      arpSwitch: 0,
+    },
+    unusedTimbre1: {
+      id: 'unusedTimbre1',
+      midiChannel: 0,
+      keyPriority: 0,
+      filterVelSense: 0,
+      ampSwitch: 0,
+      ampVelSense: 0,
+    },
+    unusedTimbre2: {
+      id: 'unusedTimbre2',
+      midiChannel: 0,
+      keyPriority: 0,
+      filterVelSense: 0,
+      ampSwitch: 0,
+      ampVelSense: 0,
+    },
+    unusedVocoder: {
+      id: 'unusedVocoder',
+      egReset2: 0,
+      midiChannel: 0,
+      keyPriority: 0,
+      filterEFSense: 0,
+      ampVelSense: 0,
+      eg2attack: 0,
+      eg2decay: 0,
+      eg2sustain: 0,
+      eg2release: 0,
+    },
+  },
+  unsaved: false,
+  tabIndex: 0,
 };
 
 const parametersAdapter = createEntityAdapter({});
 
 const parametersSlice = createSlice({
-    name: 'parameters',
-    initialState: parametersAdapter.getInitialState(defaultState),
-    reducers: {
-        parameterUpdated(state, action) {
-            parametersAdapter.updateOne(state, action.payload);
-            state.unsaved = true;
-        },
-        parameterRefreshAll: () => defaultState,
-        parameterFlipUnsaved(state) {
-            state.unsaved = !state.unsaved;
-        },
+  name: 'parameters',
+  initialState: parametersAdapter.getInitialState(defaultState),
+  reducers: {
+    parameterUpdated(state, action) {
+      parametersAdapter.updateOne(state, action.payload);
+      state.unsaved = true;
     },
+    parameterRefreshAll: () => defaultState,
+    parameterFlipUnsaved(state) {
+      state.unsaved = !state.unsaved;
+    },
+    parameterUpdateIndex(state, action) {
+      state.tabIndex = action.payload;
+    },
+    parameterFromFile(state, action) {
+      parametersAdapter.upsertMany(state, action.payload);
+    },
+  },
 });
 
 export const {
-    selectById,
-    selectAll,
-    selectEntities,
-    selectIds,
+  selectById,
+  selectAll,
+  selectEntities,
+  selectIds,
 } = parametersAdapter.getSelectors((state) => state.parameters);
 
 export const {
-    parameterAdded,
-    parameterUpdated,
-    parameterRefreshAll,
-    parameterFlipUnsaved,
+  parameterAdded,
+  parameterUpdated,
+  parameterRefreshAll,
+  parameterFlipUnsaved,
+  parameterFromFile,
+  parameterUpdateIndex,
 } = parametersSlice.actions;
 
 export default parametersSlice.reducer;
diff --git a/src/features/timbre/timbreSwitcher.js b/src/features/timbre/timbreSwitcher.js
index 34160ea..af728e6 100644
--- a/src/features/timbre/timbreSwitcher.js
+++ b/src/features/timbre/timbreSwitcher.js
@@ -4,40 +4,43 @@ import Vocoder from './Vocoder';
 import Effects from './Effects';
 import Arpeggio from './Arpeggio';
 import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
+import { useSelector } from 'react-redux';
 import styles from './Timbre.module.css';
 
-export default function TimbreSwitcher(props) {
-    return (
-        <div className={styles.tabs}>
-            <Tabs
-                className={styles.tabs}
-                defaultIndex={0}
-                selectedTabClassName={styles.selected}
-                selectedTabPanelClassName={styles.tabPanel}>
-                <TabList className={styles.tabList}>
-                    <Tab className={styles.tab}>Timbre 1</Tab>
-                    <Tab className={styles.tab}>Timbre 2</Tab>
-                    <Tab className={styles.tab}>Vocoder</Tab>
-                    <Tab className={styles.tab}>Effects</Tab>
-                    <Tab className={styles.tab}>Arpeggio</Tab>
-                </TabList>
+export default function TimbreSwitcher() {
+  const index = useSelector((state) => state.parameters.tabIndex);
+  return (
+    <div className={styles.tabs}>
+      <Tabs
+        className={styles.tabs}
+        selectedIndex={index}
+        onSelect={() => {}}
+        selectedTabClassName={styles.selected}
+        selectedTabPanelClassName={styles.tabPanel}>
+        <TabList className={styles.tabList}>
+          <Tab className={styles.tab}>Timbre 1</Tab>
+          <Tab className={styles.tab}>Timbre 2</Tab>
+          <Tab className={styles.tab}>Vocoder</Tab>
+          <Tab className={styles.tab}>Effects</Tab>
+          <Tab className={styles.tab}>Arpeggio</Tab>
+        </TabList>
 
-                <TabPanel>
-                    <Timbre id="timbre1" />
-                </TabPanel>
-                <TabPanel>
-                    <Timbre id="timbre2" />
-                </TabPanel>
-                <TabPanel>
-                    <Vocoder id="vocoder" />
-                </TabPanel>
-                <TabPanel>
-                    <Effects id="effects" />
-                </TabPanel>
-                <TabPanel>
-                    <Arpeggio id="arpeggio" />
-                </TabPanel>
-            </Tabs>
-        </div>
-    );
+        <TabPanel>
+          <Timbre id='timbre1' />
+        </TabPanel>
+        <TabPanel>
+          <Timbre id='timbre2' />
+        </TabPanel>
+        <TabPanel>
+          <Vocoder id='vocoder' />
+        </TabPanel>
+        <TabPanel>
+          <Effects id='effects' />
+        </TabPanel>
+        <TabPanel>
+          <Arpeggio id='arpeggio' />
+        </TabPanel>
+      </Tabs>
+    </div>
+  );
 }
diff --git a/src/fonts.css b/src/fonts.css
deleted file mode 100644
index 2f13b85..0000000
--- a/src/fonts.css
+++ /dev/null
@@ -1,2 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Noto+Sans+HK&family=Roboto:wght@100;300;400&display=swap');
-/* import Lato and Roboto and Noto Fonts*/
diff --git a/src/index.css b/src/index.css
index 1bdc9de..c8262c8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,8 +1,7 @@
-@import url(./fonts.css);
 body {
   margin: 0;
-  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
-    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/src/logo.svg b/src/logo.svg
deleted file mode 100644
index 8466738..0000000
--- a/src/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g fill="#764ABC"><path d="M65.6 65.4c2.9-.3 5.1-2.8 5-5.8-.1-3-2.6-5.4-5.6-5.4h-.2c-3.1.1-5.5 2.7-5.4 5.8.1 1.5.7 2.8 1.6 3.7-3.4 6.7-8.6 11.6-16.4 15.7-5.3 2.8-10.8 3.8-16.3 3.1-4.5-.6-8-2.6-10.2-5.9-3.2-4.9-3.5-10.2-.8-15.5 1.9-3.8 4.9-6.6 6.8-8-.4-1.3-1-3.5-1.3-5.1-14.5 10.5-13 24.7-8.6 31.4 3.3 5 10 8.1 17.4 8.1 2 0 4-.2 6-.7 12.8-2.5 22.5-10.1 28-21.4z"/><path d="M83.2 53c-7.6-8.9-18.8-13.8-31.6-13.8H50c-.9-1.8-2.8-3-4.9-3h-.2c-3.1.1-5.5 2.7-5.4 5.8.1 3 2.6 5.4 5.6 5.4h.2c2.2-.1 4.1-1.5 4.9-3.4H52c7.6 0 14.8 2.2 21.3 6.5 5 3.3 8.6 7.6 10.6 12.8 1.7 4.2 1.6 8.3-.2 11.8-2.8 5.3-7.5 8.2-13.7 8.2-4 0-7.8-1.2-9.8-2.1-1.1 1-3.1 2.6-4.5 3.6 4.3 2 8.7 3.1 12.9 3.1 9.6 0 16.7-5.3 19.4-10.6 2.9-5.8 2.7-15.8-4.8-24.3z"/><path d="M32.4 67.1c.1 3 2.6 5.4 5.6 5.4h.2c3.1-.1 5.5-2.7 5.4-5.8-.1-3-2.6-5.4-5.6-5.4h-.2c-.2 0-.5 0-.7.1-4.1-6.8-5.8-14.2-5.2-22.2.4-6 2.4-11.2 5.9-15.5 2.9-3.7 8.5-5.5 12.3-5.6 10.6-.2 15.1 13 15.4 18.3 1.3.3 3.5 1 5 1.5-1.2-16.2-11.2-24.6-20.8-24.6-9 0-17.3 6.5-20.6 16.1-4.6 12.8-1.6 25.1 4 34.8-.5.7-.8 1.8-.7 2.9z"/></g></svg>