From 48938fc99b5c520f6a5af20c44ced8c6c6f29fa9 Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Sun, 30 May 2021 00:30:26 -0400
Subject: [PATCH 1/9] Update package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2d862c30..2c8d7ac1 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "castmate",
   "version": "0.0.3",
   "private": "true",
-  "description": "",
+  "description": "CastMate is a broadcaster tool that allows Twitch viewers to interact with a broadcasters stream components through Chat Commands, Channel Point rewards, and more.",
   "author": "LordTocs & FitzBro",
   "scripts": {
     "serve": "vue-cli-service serve",

From e0f1a24f666de49a9d65177ff65445ec8928e02a Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Mon, 31 May 2021 17:09:11 -0400
Subject: [PATCH 2/9] Add dialogs for adding triggers and sequences

---
 src/components/dialogs/NamedItemModal.vue   | 68 +++++++++++++++
 src/components/profiles/NewProfileModal.vue | 85 ------------------
 src/views/Profiles.vue                      | 95 ++++++++++++++++++---
 3 files changed, 149 insertions(+), 99 deletions(-)
 create mode 100644 src/components/dialogs/NamedItemModal.vue
 delete mode 100644 src/components/profiles/NewProfileModal.vue

diff --git a/src/components/dialogs/NamedItemModal.vue b/src/components/dialogs/NamedItemModal.vue
new file mode 100644
index 00000000..8df34640
--- /dev/null
+++ b/src/components/dialogs/NamedItemModal.vue
@@ -0,0 +1,68 @@
+<template>
+  <v-dialog v-model="dialog" width="50%" @keydown.esc="cancel">
+    <v-card>
+      <v-toolbar dense flat>
+        <v-toolbar-title class="text-body-2 font-weight-bold grey--text">
+          {{ header }}
+        </v-toolbar-title>
+      </v-toolbar>
+      <v-form @submit="create">
+        <v-card-text>
+          <v-text-field v-model="name" :label="label" />
+        </v-card-text>
+        <v-card-actions class="pt-3">
+          <v-spacer></v-spacer>
+          <v-btn
+            color="grey"
+            text
+            class="body-2 font-weight-bold"
+            @click.native="cancel"
+          >
+            Cancel
+          </v-btn>
+          <v-btn
+            color="primary"
+            class="body-2 font-weight-bold"
+            outlined
+            @click.native="create"
+          >
+            Create
+          </v-btn>
+        </v-card-actions>
+      </v-form>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    header: { type: String, default: () => "Create" },
+    label: { type: String, default: () => "Name" },
+  },
+  data() {
+    return {
+      name: null,
+      dialog: false,
+    };
+  },
+  methods: {
+    open() {
+      this.name = null;
+      this.dialog = true;
+    },
+    cancel() {
+      this.dialog = false;
+    },
+    async create() {
+      if (!this.name) return;
+
+      this.dialog = false;
+      this.$emit("created", this.name);
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/components/profiles/NewProfileModal.vue b/src/components/profiles/NewProfileModal.vue
deleted file mode 100644
index 1a22e52e..00000000
--- a/src/components/profiles/NewProfileModal.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<template>
-  <v-dialog v-model="dialog" width="50%" @keydown.esc="cancel">
-    <v-card>
-      <v-toolbar dense flat>
-        <v-toolbar-title class="text-body-2 font-weight-bold grey--text">
-          Create New Profile
-        </v-toolbar-title>
-      </v-toolbar>
-      <v-card-text>
-        <v-text-field v-model="profileName" label="Profile Name" />
-      </v-card-text>
-      <v-card-actions class="pt-3">
-        <v-spacer></v-spacer>
-        <v-btn
-          color="grey"
-          text
-          class="body-2 font-weight-bold"
-          @click.native="cancel"
-        >
-          Cancel
-        </v-btn>
-        <v-btn
-          color="primary"
-          class="body-2 font-weight-bold"
-          outlined
-          @click.native="create"
-        >
-          Create
-        </v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script>
-import YAML from "yaml";
-import fs from "fs";
-import path from "path";
-import { mapGetters } from "vuex";
-
-export default {
-  props: {},
-  data() {
-    return {
-      profileName: null,
-      dialog: false,
-    };
-  },
-  computed: {
-    ...mapGetters("ipc", ["paths"]),
-  },
-  methods: {
-    open() {
-      this.profileName = null;
-      this.dialog = true;
-    },
-    cancel() {
-      this.dialog = false;
-    },
-    async create() {
-      if (!this.profileName) return;
-
-      this.profilePop = false;
-
-      let newYaml = YAML.stringify({
-        triggers: {},
-        variables: {},
-        rewards: [],
-      });
-
-      await fs.promises.writeFile(
-        path.join(this.paths.userFolder, `profiles/${this.profileName}.yaml`),
-        newYaml,
-        "utf-8"
-      );
-
-      this.dialog = false;
-      this.$emit("created", this.profileName);
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/src/views/Profiles.vue b/src/views/Profiles.vue
index cd8e43d4..7149fc48 100644
--- a/src/views/Profiles.vue
+++ b/src/views/Profiles.vue
@@ -69,9 +69,48 @@
       </v-list>
     </v-card>
 
-    <new-profile-modal ref="profileModal" @created="getFiles()" />
+    <!--new-profile-modal ref="profileModal" @created="getFiles()" /-->
+    <named-item-modal
+      ref="profileModal"
+      header="Create New Profile"
+      label="Profile Name"
+      @created="createNewProfile"
+    />
+    <named-item-modal
+      ref="triggerModal"
+      header="Create New Commands File"
+      label="Commands File Name"
+      @created="createNewTriggersFile"
+    />
+    <named-item-modal
+      ref="sequenceModal"
+      header="Create New Sequence"
+      label="Sequence Name"
+      @created="createNewSequence"
+    />
 
-    <v-fab-transition>
+    <v-speed-dial v-model="fabOpen" fixed fab large right bottom>
+      <template v-slot:activator>
+        <v-btn v-model="fab" color="blue darken-2" dark fab>
+          <v-icon v-if="fabOpen"> mdi-close </v-icon>
+          <v-icon v-else> mdi-plus </v-icon>
+        </v-btn>
+      </template>
+      <v-btn fab dark small color="green" @click="$refs.sequenceModal.open()">
+        <v-icon>mdi-plus</v-icon>
+        <div class="fab-label green">Sequence</div>
+      </v-btn>
+      <v-btn fab dark small color="indigo" @click="$refs.triggerModal.open()">
+        <v-icon>mdi-plus</v-icon>
+        <div class="fab-label indigo">Trigger</div>
+      </v-btn>
+      <v-btn fab dark small color="red" @click="$refs.profileModal.open()">
+        <v-icon>mdi-plus</v-icon>
+        <div class="fab-label red">Profile</div>
+      </v-btn>
+    </v-speed-dial>
+
+    <!--v-fab-transition>
       <v-btn
         color="primary"
         fixed
@@ -83,7 +122,7 @@
       >
         <v-icon> mdi-plus </v-icon>
       </v-btn>
-    </v-fab-transition>
+    </v-fab-transition-->
   </v-container>
 </template>
 
@@ -91,22 +130,21 @@
 import fs from "fs";
 import path from "path";
 import YAML from "yaml";
-import NewProfileModal from "../components/profiles/NewProfileModal.vue";
 import { mapGetters } from "vuex";
+import NamedItemModal from "../components/dialogs/NamedItemModal.vue";
 export default {
   components: {
-    NewProfileModal,
+    NamedItemModal,
   },
   computed: {
     ...mapGetters("ipc", ["paths"]),
   },
   data() {
     return {
-      newProfileName: null,
-      profilePop: false,
       profiles: [],
       triggers: [],
       sequences: [],
+      fabOpen: false,
     };
   },
   methods: {
@@ -137,9 +175,7 @@ export default {
         name: path.basename(f, ".yaml"),
       }));
     },
-    async createProfile() {
-      this.profilePop = false;
-
+    async createNewProfile(name) {
       let newYaml = YAML.stringify({
         triggers: {},
         variables: {},
@@ -147,10 +183,31 @@ export default {
       });
 
       await fs.promises.writeFile(
-        path.join(
-          this.paths.userFolder,
-          `profiles/${this.newProfileName}.yaml`
-        ),
+        path.join(this.paths.userFolder, `profiles/${name}.yaml`),
+        newYaml,
+        "utf-8"
+      );
+
+      await this.getFiles();
+    },
+
+    async createNewSequence(name) {
+      let newYaml = YAML.stringify([]);
+
+      await fs.promises.writeFile(
+        path.join(this.paths.userFolder, `sequences/${name}.yaml`),
+        newYaml,
+        "utf-8"
+      );
+
+      await this.getFiles();
+    },
+
+    async createNewTriggersFile(name) {
+      let newYaml = YAML.stringify({});
+
+      await fs.promises.writeFile(
+        path.join(this.paths.userFolder, `triggers/${name}.yaml`),
         newYaml,
         "utf-8"
       );
@@ -176,4 +233,14 @@ export default {
   position: absolute;
   margin: 0 0 16px 16px;
 }
+
+.fab-label {
+  position: absolute;
+  right: 50px;
+  background-color: rgba(0, 0, 0, 0.5);
+  padding: 10px;
+  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
+    0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
+  border-radius: 2px;
+}
 </style>
\ No newline at end of file

From 00ab6f55e4cec3f8d557d029a24bc94d65a013ae Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Fri, 4 Jun 2021 10:22:52 -0400
Subject: [PATCH 3/9] Major Refactor, clean up UI code. Fix imports to be a
 pseudo-action

---
 .../{profiles => actions}/ActionEditor.vue    |   0
 .../AddActionPopover.vue                      |   0
 src/components/commands/CommandCard.vue       |  30 +++
 src/components/commands/CommandEditor.vue     |  35 ++++
 src/components/data/DataView.vue              |   1 +
 src/components/profiles/CommandEditor.vue     |  54 -----
 src/components/profiles/RewardsEditor.vue     |   2 +-
 src/components/profiles/TriggerEditor.vue     | 189 ------------------
 src/components/profiles/TriggersEditor.vue    |   2 +-
 .../AddRewardPopover.vue                      |   0
 .../SequenceEditor.vue}                       |  10 +-
 .../SequenceItem.vue}                         |  59 ++----
 .../triggers/MultiCommandTrigger.vue          | 106 ++++++++++
 .../triggers/SingleCommandTrigger.vue         |  35 ++++
 src/components/triggers/TriggerEditor.vue     |  51 +++++
 src/components/triggers/TriggerImports.vue    |  46 +++++
 src/store/ipc.js                              |   7 +
 src/views/Plugin.vue                          |   1 -
 src/views/SequenceEditor.vue                  |   8 +-
 src/views/TriggersEditor.vue                  |  39 +++-
 20 files changed, 372 insertions(+), 303 deletions(-)
 rename src/components/{profiles => actions}/ActionEditor.vue (100%)
 rename src/components/{profiles => actions}/AddActionPopover.vue (100%)
 create mode 100644 src/components/commands/CommandCard.vue
 create mode 100644 src/components/commands/CommandEditor.vue
 delete mode 100644 src/components/profiles/CommandEditor.vue
 delete mode 100644 src/components/profiles/TriggerEditor.vue
 rename src/components/{profiles => rewards}/AddRewardPopover.vue (100%)
 rename src/components/{profiles/ActionsListEditor.vue => sequences/SequenceEditor.vue} (84%)
 rename src/components/{profiles/ActionListItem.vue => sequences/SequenceItem.vue} (58%)
 create mode 100644 src/components/triggers/MultiCommandTrigger.vue
 create mode 100644 src/components/triggers/SingleCommandTrigger.vue
 create mode 100644 src/components/triggers/TriggerEditor.vue
 create mode 100644 src/components/triggers/TriggerImports.vue

diff --git a/src/components/profiles/ActionEditor.vue b/src/components/actions/ActionEditor.vue
similarity index 100%
rename from src/components/profiles/ActionEditor.vue
rename to src/components/actions/ActionEditor.vue
diff --git a/src/components/profiles/AddActionPopover.vue b/src/components/actions/AddActionPopover.vue
similarity index 100%
rename from src/components/profiles/AddActionPopover.vue
rename to src/components/actions/AddActionPopover.vue
diff --git a/src/components/commands/CommandCard.vue b/src/components/commands/CommandCard.vue
new file mode 100644
index 00000000..4509ed18
--- /dev/null
+++ b/src/components/commands/CommandCard.vue
@@ -0,0 +1,30 @@
+<template>
+  <key-card
+    :key-value="actionKey"
+    @key-change="keyChange"
+    color="grey darken-3"
+    defaultLabel="New Command"
+  >
+    <command-editor :value="value" @input="(v) => $emit('input', v)" />
+  </key-card>
+</template>
+
+<script>
+import KeyCard from "../data/KeyCard.vue";
+import CommandEditor from "./CommandEditor.vue";
+export default {
+  components: { KeyCard, CommandEditor },
+  props: {
+    value: {},
+    actionKey: {},
+  },
+  methods: {
+    keyChange(newKey) {
+      this.$emit("key-change", newKey);
+    }
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/components/commands/CommandEditor.vue b/src/components/commands/CommandEditor.vue
new file mode 100644
index 00000000..08cee78a
--- /dev/null
+++ b/src/components/commands/CommandEditor.vue
@@ -0,0 +1,35 @@
+<template>
+  <div v-if="value">
+    <v-switch v-model="value.sync" label="Synchronous" />
+    <sequence-editor v-model="value.actions" />
+    <v-card-actions>
+      <add-action-popover @select="addAction" />
+      <v-spacer />
+      <v-btn color="red" @click="$emit('delete')"> Delete </v-btn>
+    </v-card-actions>
+  </div>
+</template>
+
+<script>
+import SequenceEditor from "../sequences/SequenceEditor.vue";
+import AddActionPopover from "../actions/AddActionPopover.vue";
+
+export default {
+  components: { AddActionPopover, SequenceEditor },
+  props: {
+    value: {},
+  },
+  methods: {
+    addAction(v) {
+      let newCommand = { ...this.value };
+
+      newCommand.actions.push({ [v]: null });
+
+      this.$emit("input", newCommand);
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/components/data/DataView.vue b/src/components/data/DataView.vue
index 323c7d9e..7aa5e305 100644
--- a/src/components/data/DataView.vue
+++ b/src/components/data/DataView.vue
@@ -32,6 +32,7 @@ export default {
   props: {
     schema: {},
     value: {},
+	label: {}
   },
 };
 </script>
diff --git a/src/components/profiles/CommandEditor.vue b/src/components/profiles/CommandEditor.vue
deleted file mode 100644
index b9a88dd6..00000000
--- a/src/components/profiles/CommandEditor.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-  <key-card
-    :key-value="actionKey"
-    @key-change="keyChange"
-    color="grey darken-3"
-    defaultLabel="New Command"
-  >
-    <v-switch v-model="value.sync" label="Synchronous" />
-    <actions-list-editor v-model="value.actions" />
-    <v-card-actions>
-      <add-action-popover @select="addAction" />
-      <v-btn @click="addImport" style="margin-left: 8px"> Add Import </v-btn>
-      <v-spacer />
-      <v-btn color="red" @click="$emit('delete')"> Delete </v-btn>
-    </v-card-actions>
-  </key-card>
-</template>
-
-<script>
-import KeyCard from "../data/KeyCard.vue";
-import ActionsListEditor from "./ActionsListEditor";
-import AddActionPopover from "./AddActionPopover.vue";
-export default {
-  components: { KeyCard, ActionsListEditor, AddActionPopover },
-  props: {
-    value: {},
-
-    actionKey: {},
-  },
-  methods: {
-    keyChange(newKey) {
-      console.log("New Key", newKey);
-      this.$emit("key-change", newKey);
-    },
-    addAction(v) {
-      let newCommand = { ...this.value };
-
-      newCommand.actions.push({ [v]: null });
-
-      this.$emit("input", newCommand);
-    },
-    addImport() {
-      let newCommand = { ...this.value };
-
-      newCommand.actions.push({ import: null });
-
-      this.$emit("input", newCommand);
-    },
-  },
-};
-</script>
-
-<style>
-</style>
\ No newline at end of file
diff --git a/src/components/profiles/RewardsEditor.vue b/src/components/profiles/RewardsEditor.vue
index b1969a2e..542b35ed 100644
--- a/src/components/profiles/RewardsEditor.vue
+++ b/src/components/profiles/RewardsEditor.vue
@@ -34,7 +34,7 @@
 import { mapGetters } from "vuex";
 //import RewardSelector from "@/components/data/RewardSelector.vue";
 import RewardCard from "../rewards/RewardCard.vue";
-import AddRewardPopover from "./AddRewardPopover.vue";
+import AddRewardPopover from "../rewards/AddRewardPopover.vue";
 export default {
   components: {
     RewardCard,
diff --git a/src/components/profiles/TriggerEditor.vue b/src/components/profiles/TriggerEditor.vue
deleted file mode 100644
index c5b1bf25..00000000
--- a/src/components/profiles/TriggerEditor.vue
+++ /dev/null
@@ -1,189 +0,0 @@
-<template>
-  <v-expansion-panels v-if="trigger">
-    <v-expansion-panel v-if="trigger.type != 'SingleAction'">
-      <v-expansion-panel-header> {{ triggerName }} </v-expansion-panel-header>
-      <v-expansion-panel-content>
-        <v-row v-for="(commandKey, i) in commands" :key="i">
-          <v-col>
-            <command-editor
-              :value="value[commandKey]"
-              :actionKey="commandKey"
-              @input="(newData) => updateCommand(commandKey, newData)"
-              @delete="deleteCommand(commandKey)"
-              @key-change="(v) => changeKey(commandKey, v)"
-            />
-          </v-col>
-        </v-row>
-        <v-row>
-          <v-col>
-            <v-card color="grey darken-3" v-if="imports">
-              <v-card-title> Imports </v-card-title>
-              <v-card-text>
-                <v-list color="grey darken-3">
-                  <v-list-item v-for="(imprt, i) in imports" :key="i">
-                    <v-list-item-content>
-                      <v-text-field
-                        :value="imprt"
-                        @change="(v) => changeImport(i, v)"
-                      />
-                    </v-list-item-content>
-                    <v-list-item-action>
-                      <v-btn color="red" @click="deleteImport(i)">
-                        Delete
-                      </v-btn>
-                    </v-list-item-action>
-                  </v-list-item>
-                </v-list>
-              </v-card-text>
-            </v-card>
-          </v-col>
-        </v-row>
-        <v-card-actions>
-          <v-spacer />
-          <v-btn @click="addCommand"> Add Command </v-btn>
-          <v-btn @click="addImport"> Import Triggers </v-btn>
-        </v-card-actions>
-      </v-expansion-panel-content>
-    </v-expansion-panel>
-    <v-expansion-panel v-else>
-      <v-expansion-panel-header> {{ triggerName }} </v-expansion-panel-header>
-      <v-expansion-panel-content>
-        <command-editor :value="value" @input="(v) => $emit('input', v)" />
-      </v-expansion-panel-content>
-    </v-expansion-panel>
-  </v-expansion-panels>
-  <v-card v-else>
-    <v-card-text>
-      <v-row v-for="(commandKey, i) in commands" :key="i">
-        <v-col>
-          <command-editor
-            :value="value[commandKey]"
-            :actionKey="commandKey"
-            @input="(newData) => updateCommand(commandKey, newData)"
-            @delete="deleteCommand(commandKey)"
-            @key-change="(v) => changeKey(commandKey, v)"
-          />
-        </v-col>
-      </v-row>
-    </v-card-text>
-    <v-card-actions>
-      <v-spacer />
-      <v-btn @click="addCommand"> Add Command </v-btn>
-    </v-card-actions>
-  </v-card>
-</template>
-
-<script>
-import CommandEditor from "./CommandEditor.vue";
-export default {
-  components: { CommandEditor },
-  computed: {
-    commands() {
-      if (!this.value) {
-        return [];
-      }
-      return Object.keys(this.value).filter((key) => key != "imports");
-    },
-    imports() {
-      if (!this.value) {
-        return undefined;
-      }
-      return this.value.imports;
-    },
-    triggerName() {
-      return this.trigger ? this.trigger.name : this.triggerKey;
-    },
-  },
-  methods: {
-    changeKey(oldKey, newKey) {
-      const keyMap = { [oldKey]: newKey };
-      const keyValues = Object.keys(this.value).map((key) => {
-        const newKey = key in keyMap ? keyMap[key] : key;
-        return { [newKey]: this.value[key] };
-      });
-
-      let result = Object.assign({}, ...keyValues);
-      this.$emit("input", result);
-    },
-    addImport() {
-      let result = {
-        ...this.value,
-      };
-
-      if (!result.imports) result.imports = [];
-
-      result.imports.push("");
-
-      this.$emit("input", result);
-    },
-    deleteImport(index) {
-      let result = {
-        ...this.value,
-      };
-
-      if (!result.imports) return;
-
-      result.imports.splice(index, 1);
-
-      this.$emit("input", result);
-    },
-    changeImport(index, value) {
-      let result = {
-        ...this.value,
-      };
-
-      if (!result.imports) return;
-
-      result.imports[index] = value;
-
-      this.$emit("input", result);
-    },
-    updateCommand(command, data) {
-      let result = {
-        ...this.value,
-      };
-
-      result[command] = data;
-
-      this.$emit("input", result);
-    },
-    deleteCommand(command) {
-      let result = {
-        ...this.value,
-      };
-
-      delete result[command];
-
-      this.$emit("input", result);
-    },
-    addCommand() {
-      let result = {
-        ...this.value,
-        "": { actions: [], sync: false },
-      };
-
-      this.$emit("input", result);
-    },
-  },
-  props: {
-    value: {},
-    triggerKey: { type: String },
-    trigger: {},
-  },
-};
-</script>
-
-<style>
-.trigger-editor {
-  text-align: left;
-  background-color: #efefef;
-}
-
-.trigger-editor:not(:last-child) {
-  margin-bottom: 1.5rem;
-}
-
-.command-editor {
-  margin-bottom: 1rem;
-}
-</style>
\ No newline at end of file
diff --git a/src/components/profiles/TriggersEditor.vue b/src/components/profiles/TriggersEditor.vue
index c5ff78f6..e2e66176 100644
--- a/src/components/profiles/TriggersEditor.vue
+++ b/src/components/profiles/TriggersEditor.vue
@@ -14,7 +14,7 @@
 
 <script>
 import { mapGetters } from "vuex";
-import TriggerEditor from "./TriggerEditor.vue";
+import TriggerEditor from "../triggers/TriggerEditor.vue";
 
 export default {
   props: {
diff --git a/src/components/profiles/AddRewardPopover.vue b/src/components/rewards/AddRewardPopover.vue
similarity index 100%
rename from src/components/profiles/AddRewardPopover.vue
rename to src/components/rewards/AddRewardPopover.vue
diff --git a/src/components/profiles/ActionsListEditor.vue b/src/components/sequences/SequenceEditor.vue
similarity index 84%
rename from src/components/profiles/ActionsListEditor.vue
rename to src/components/sequences/SequenceEditor.vue
index e2adb2d8..a3536785 100644
--- a/src/components/profiles/ActionsListEditor.vue
+++ b/src/components/sequences/SequenceEditor.vue
@@ -5,8 +5,7 @@
     tag="v-timeline"
     :component-data="getDraggableData()"
   >
-    <!--v-timeline dense align-top-->
-    <action-list-item
+    <sequence-item
       v-for="(action, i) in value"
       :key="i"
       :value="action"
@@ -17,10 +16,10 @@
 </template>
 
 <script>
-import ActionListItem from "./ActionListItem.vue";
+import SequenceItem from "./SequenceItem.vue";
 import Draggable from "vuedraggable";
 export default {
-  components: { ActionListItem, Draggable },
+  components: { SequenceItem, Draggable },
   props: {
     value: {},
   },
@@ -37,7 +36,6 @@ export default {
       };
     },
     changed(arr) {
-      console.log("Changed", arr);
       this.$emit("input", arr);
     },
     updateAction(index, value) {
@@ -58,7 +56,7 @@ export default {
       let newValue = [...this.value, {}];
 
       this.$emit("input", newValue);
-    }
+    },
   },
 };
 </script>
diff --git a/src/components/profiles/ActionListItem.vue b/src/components/sequences/SequenceItem.vue
similarity index 58%
rename from src/components/profiles/ActionListItem.vue
rename to src/components/sequences/SequenceItem.vue
index 59449221..d9f22407 100644
--- a/src/components/profiles/ActionListItem.vue
+++ b/src/components/sequences/SequenceItem.vue
@@ -2,31 +2,29 @@
   <v-timeline-item right>
     <v-card :color="actionColor" :class="{ expanded, shrunk: !expanded }">
       <v-card-title
-        v-if="firstAction"
+        v-if="actionDefinition"
         class="handle action-item-title"
         @click="expanded = !expanded"
       >
         <div style="flex-shrink: 0">
-          {{ firstAction.name }}
+          {{ actionDefinition.name }}
         </div>
 
         <div class="data-preview">
           <data-view
-            :value="firstActionData"
-            :schema="firstAction.data"
+            :value="actionData"
+            :schema="actionDefinition.data"
             v-if="!expanded"
           />
         </div>
       </v-card-title>
-      <v-card-title v-else-if="firstActionKey == 'import'">
-        Import
-      </v-card-title>
+      <v-card-title v-else-if="actionKey == 'import'"> Import </v-card-title>
       <v-expand-transition>
         <v-card-text v-if="expanded">
           <action-editor
-            :actionKey="firstActionKey"
-            :value="firstActionData"
-            @input="(v) => updateAction(firstActionKey, v)"
+            :actionKey="actionKey"
+            :value="actionData"
+            @input="(v) => updateAction(actionKey, v)"
           />
         </v-card-text>
       </v-expand-transition>
@@ -41,7 +39,7 @@
 
 <script>
 import { mapGetters } from "vuex";
-import ActionEditor from "./ActionEditor.vue";
+import ActionEditor from "../actions/ActionEditor.vue";
 import DataView from "../data/DataView.vue";
 export default {
   props: {
@@ -55,17 +53,17 @@ export default {
   },
   computed: {
     ...mapGetters("ipc", ["actions"]),
-    firstActionKey() {
+    actionKey() {
       return Object.keys(this.value)[0];
     },
-    firstActionData() {
-      return this.value[this.firstActionKey];
+    actionData() {
+      return this.value[this.actionKey];
     },
-    firstAction() {
-      return this.actions[this.firstActionKey];
+    actionDefinition() {
+      return this.actions[this.actionKey];
     },
     actionColor() {
-      return this.firstAction.color || "grey darken-2";
+      return this.actionDefinition.color || "grey darken-2";
     },
   },
   methods: {
@@ -76,38 +74,11 @@ export default {
 
       this.$emit("input", newValue);
     },
-    newAction(key) {
-      let newValue = { ...this.value, [key]: null };
-
-      this.$emit("input", newValue);
-    },
-    deleteAction(key) {
-      let newValue = { ...this.value };
-
-      delete newValue[key];
-
-      this.$emit("input", newValue);
-    },
-    onFocus() {
-      console.log("Focus");
-    },
-    onBlur() {
-      console.log("Blur");
-    },
   },
 };
 </script>
 
 <style scoped>
-.action-editor {
-  text-align: left;
-  margin-bottom: 0.75rem;
-  background-color: #efefef;
-}
-.action-card {
-  margin-bottom: 0.75rem;
-}
-
 .shrunk {
   max-width: 600px;
 }
diff --git a/src/components/triggers/MultiCommandTrigger.vue b/src/components/triggers/MultiCommandTrigger.vue
new file mode 100644
index 00000000..a13074a9
--- /dev/null
+++ b/src/components/triggers/MultiCommandTrigger.vue
@@ -0,0 +1,106 @@
+<template>
+  <v-expansion-panels>
+    <v-expansion-panel>
+      <v-expansion-panel-header> {{ triggerName }} </v-expansion-panel-header>
+      <v-expansion-panel-content>
+        <v-row v-for="(commandKey, i) in commands" :key="i">
+          <v-col>
+            <command-card
+              :value="value[commandKey]"
+              :actionKey="commandKey"
+              @input="(newData) => updateCommand(commandKey, newData)"
+              @delete="deleteCommand(commandKey)"
+              @key-change="(v) => updateCommandKey(commandKey, v)"
+            />
+          </v-col>
+        </v-row>
+        <v-row>
+          <v-col>
+            <trigger-imports
+              :value="value ? value.imports : undefined"
+              @input="changeImports"
+            />
+          </v-col>
+        </v-row>
+        <v-card-actions>
+          <v-spacer />
+          <v-btn @click="addCommand"> Add Command </v-btn>
+          <v-btn @click="addImport"> Import Commands File </v-btn>
+        </v-card-actions>
+      </v-expansion-panel-content>
+    </v-expansion-panel>
+  </v-expansion-panels>
+</template>
+
+<script>
+import TriggerImports from "./TriggerImports.vue";
+import CommandCard from "../commands/CommandCard.vue";
+import { changeObjectKey } from "../../utils/objects";
+export default {
+  components: { TriggerImports, CommandCard },
+  props: {
+    value: {},
+    trigger: {},
+  },
+  computed: {
+    commands() {
+      if (!this.value) {
+        return [];
+      }
+      return Object.keys(this.value).filter((key) => key != "imports");
+    },
+    triggerName() {
+      return this.trigger ? this.trigger.name : this.triggerKey;
+    },
+  },
+  methods: {
+    updateCommandKey(oldKey, newKey) {
+      const result = changeObjectKey(this.value, oldKey, newKey);
+
+      this.$emit("input", result);
+    },
+    updateCommand(command, data) {
+      let result = { ...this.value };
+
+      result[command] = data;
+
+      this.$emit("input", result);
+    },
+    deleteCommand(command) {
+      let result = { ...this.value };
+
+      delete result[command];
+
+      this.$emit("input", result);
+    },
+    addCommand() {
+      let result = {
+        ...this.value,
+        "": { actions: [], sync: false },
+      };
+
+      this.$emit("input", result);
+    },
+    addImport() {
+      let result = {
+        ...this.value,
+        imports: [...this.value.imports],
+      };
+
+      result.imports.push("");
+
+      this.$emit("input", result);
+    },
+    changeImports(newImports) {
+      let result = {
+        ...this.value,
+        imports: newImports,
+      };
+      this.$emit("input", result);
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/components/triggers/SingleCommandTrigger.vue b/src/components/triggers/SingleCommandTrigger.vue
new file mode 100644
index 00000000..06e91236
--- /dev/null
+++ b/src/components/triggers/SingleCommandTrigger.vue
@@ -0,0 +1,35 @@
+<template>
+  <v-expansion-panels>
+    <v-expansion-panel>
+      <v-expansion-panel-header> {{ triggerName }} </v-expansion-panel-header>
+      <v-expansion-panel-content>
+        <command-editor :value="value" @input="(v) => $emit('input', v)" />
+      </v-expansion-panel-content>
+    </v-expansion-panel>
+  </v-expansion-panels>
+</template>
+
+<script>
+import CommandEditor from "../commands/CommandEditor.vue";
+export default {
+  components: { CommandEditor },
+  computed: {
+    commands() {
+      if (!this.value) {
+        return [];
+      }
+      return Object.keys(this.value).filter((key) => key != "imports");
+    },
+    triggerName() {
+      return this.trigger ? this.trigger.name : this.triggerKey;
+    },
+  },
+  props: {
+    value: {},
+    trigger: {},
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/components/triggers/TriggerEditor.vue b/src/components/triggers/TriggerEditor.vue
new file mode 100644
index 00000000..41d3ab5b
--- /dev/null
+++ b/src/components/triggers/TriggerEditor.vue
@@ -0,0 +1,51 @@
+<template>
+  <multi-command-trigger
+    v-if="trigger.type == 'NameAction' || trigger.type == 'NumberAction'"
+    :trigger="trigger"
+    :value="value"
+    @input="(v) => $emit('input', v)"
+  />
+  <single-command-trigger
+    v-else-if="trigger.type == 'SingleAction'"
+    :trigger="trigger"
+    :value="value"
+    @input="(v) => $emit('input', v)"
+  />
+</template>
+
+<script>
+import MultiCommandTrigger from "./MultiCommandTrigger.vue";
+import SingleCommandTrigger from "./SingleCommandTrigger.vue";
+
+export default {
+  components: { MultiCommandTrigger, SingleCommandTrigger },
+  computed: {
+    commands() {
+      if (!this.value) {
+        return [];
+      }
+      return Object.keys(this.value).filter((key) => key != "imports");
+    },
+  },
+  props: {
+    value: {},
+    triggerKey: { type: String },
+    trigger: {},
+  },
+};
+</script>
+
+<style>
+.trigger-editor {
+  text-align: left;
+  background-color: #efefef;
+}
+
+.trigger-editor:not(:last-child) {
+  margin-bottom: 1.5rem;
+}
+
+.command-editor {
+  margin-bottom: 1rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/triggers/TriggerImports.vue b/src/components/triggers/TriggerImports.vue
new file mode 100644
index 00000000..ec2089e8
--- /dev/null
+++ b/src/components/triggers/TriggerImports.vue
@@ -0,0 +1,46 @@
+<template>
+  <v-card color="grey darken-3" v-if="value">
+    <v-card-title> Imports </v-card-title>
+    <v-card-text>
+      <v-list color="grey darken-3">
+        <v-list-item v-for="(imprt, i) in value" :key="i">
+          <v-list-item-content>
+            <v-text-field :value="imprt" @change="(v) => changeImport(i, v)" />
+          </v-list-item-content>
+          <v-list-item-action>
+            <v-btn color="red" @click="deleteImport(i)"> Delete </v-btn>
+          </v-list-item-action>
+        </v-list-item>
+      </v-list>
+    </v-card-text>
+  </v-card>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {},
+  },
+  methods: {
+    deleteImport(index) {
+      if (!this.value) return;
+
+      let result = [...this.value];
+      result.splice(index, 1);
+
+      this.$emit("input", result);
+    },
+    changeImport(index, value) {
+      if (!this.value) return;
+      let result = [...this.value];
+
+      result.imports[index] = value;
+
+      this.$emit("input", result);
+    },
+  },
+};
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/src/store/ipc.js b/src/store/ipc.js
index 2fb401a1..090f1aac 100644
--- a/src/store/ipc.js
+++ b/src/store/ipc.js
@@ -32,6 +32,7 @@ export default {
 			{
 				Object.assign(result, plugin.actions)
 			}
+			//Special Injected Actions, these don't map to a plugin action.
 			result.delay = {
 				name: "Delay (After)",
 				data: { type: "Number" },
@@ -42,6 +43,12 @@ export default {
 				data: { type: "Number" },
 				description: "Puts a delay before the current action",
 			};
+			result.import = {
+				name: "Import Sequence",
+				data: { type: "String" },
+				description: "Imports a sequence.",
+				color: "#7C4275"
+			}
 			result.timestamp = {
 				name: "Timestamp",
 				data: { type: "Number" },
diff --git a/src/views/Plugin.vue b/src/views/Plugin.vue
index 1333499e..8f8e3f8c 100644
--- a/src/views/Plugin.vue
+++ b/src/views/Plugin.vue
@@ -72,7 +72,6 @@ import { mapGetters } from "vuex";
 import DataInput from "../components/data/DataInput.vue";
 import Level from "@/components/layout/Level.vue";
 import fs from "fs";
-
 import YAML from "yaml";
 
 export default {
diff --git a/src/views/SequenceEditor.vue b/src/views/SequenceEditor.vue
index d39fa67c..987a2b4b 100644
--- a/src/views/SequenceEditor.vue
+++ b/src/views/SequenceEditor.vue
@@ -2,7 +2,7 @@
   <v-container fluid>
     <v-row>
       <v-col>
-        <actions-list-editor v-model="sequence" />
+        <sequence-editor v-model="sequence" />
       </v-col>
     </v-row>
     <v-card-actions>
@@ -31,8 +31,8 @@
 </template>
 
 <script>
-import ActionsListEditor from "../components/profiles/ActionsListEditor.vue";
-import AddActionPopover from "../components/profiles/AddActionPopover.vue";
+import SequenceEditor from "../components/sequences/SequenceEditor.vue";
+import AddActionPopover from "../components/actions/AddActionPopover.vue";
 import YAML from "yaml";
 import fs from "fs";
 import path from "path";
@@ -40,7 +40,7 @@ import { mapGetters } from "vuex";
 
 export default {
   components: {
-    ActionsListEditor,
+    SequenceEditor,
     AddActionPopover,
     ConfirmDialog: () => import("../components/dialogs/ConfirmDialog.vue"),
   },
diff --git a/src/views/TriggersEditor.vue b/src/views/TriggersEditor.vue
index 65833b71..2935468f 100644
--- a/src/views/TriggersEditor.vue
+++ b/src/views/TriggersEditor.vue
@@ -2,9 +2,22 @@
   <v-container fluid>
     <v-row style="padding-bottom: 3.5rem">
       <v-col>
-        <trigger-editor v-model="triggers" :triggerKey="triggersName" />
+        <v-row v-for="(commandKey, i) in commands" :key="i">
+          <v-col>
+            <command-card
+              :value="triggers[commandKey]"
+              :actionKey="commandKey"
+              @input="(newData) => updateCommand(commandKey, newData)"
+              @delete="deleteCommand(commandKey)"
+              @key-change="(v) => updateCommandKey(commandKey, v)"
+            />
+          </v-col>
+        </v-row>
       </v-col>
     </v-row>
+    <v-card-actions>
+      <v-btn @click="addCommand"> Add Command </v-btn>
+    </v-card-actions>
     <v-speed-dial v-model="fab" fixed bottom right open-on-hover>
       <template v-slot:activator>
         <v-btn v-model="fab" color="primary" fab>
@@ -27,19 +40,26 @@
 </template>
 
 <script>
-import TriggerEditor from "../components/profiles/TriggerEditor.vue";
+import CommandCard from "../components/commands/CommandCard.vue";
 import YAML from "yaml";
 import fs from "fs";
 import path from "path";
 import { mapGetters } from "vuex";
+import { changeObjectKey } from "../utils/objects.js";
 
 export default {
   components: {
-    TriggerEditor,
+    CommandCard,
     ConfirmDialog: () => import("../components/dialogs/ConfirmDialog.vue"),
   },
   computed: {
     ...mapGetters("ipc", ["paths"]),
+    commands() {
+      if (!this.triggers) {
+        return [];
+      }
+      return Object.keys(this.triggers).filter((key) => key != "imports");
+    },
     triggersName() {
       return this.$route.params.triggers;
     },
@@ -52,6 +72,19 @@ export default {
     };
   },
   methods: {
+    updateCommandKey(oldKey, newKey) {
+      this.triggers = changeObjectKey(this.triggers, oldKey, newKey);
+    },
+    updateCommand(command, data) {
+      this.triggers[command] = data;
+    },
+    deleteCommand(command) {
+      delete this.triggers[command];
+    },
+    addCommand() {
+      this.triggers[""] = { actions: [], sync: false };
+    },
+
     async save() {
       let newYaml = YAML.stringify(this.triggers);
 

From 1c6fdf1250b60bef795525f7b30e48e55426fa8b Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Fri, 4 Jun 2021 11:24:00 -0400
Subject: [PATCH 4/9] Add the winston logger, change all the console.log
 statements

---
 package-lock.json                    | 153 +++++++++++++++++++++++++--
 package.json                         |   1 +
 src/components/data/ObjectEditor.vue |   1 -
 src/core/actions/action-queue.js     |   9 +-
 src/core/actions/profile-manager.js  |  13 +--
 src/core/actions/profiles.js         |  13 +--
 src/core/plugins/aoe3.js             |   3 +-
 src/core/plugins/inputs.js           |   4 +-
 src/core/plugins/kofi.js             |   2 -
 src/core/plugins/lights.js           |   4 +-
 src/core/plugins/minecraft.js        |   4 +-
 src/core/plugins/obs.js              |   4 +-
 src/core/plugins/sounds.js           |   2 +-
 src/core/plugins/tts.js              |   2 +-
 src/core/plugins/twitch.js           |  75 +++++++++----
 src/core/plugins/variables.js        |   3 +-
 src/core/utils/configuration.js      |   2 -
 src/core/utils/logger.js             |  28 +++++
 src/core/utils/plugin.js             |   9 +-
 src/core/utils/twitchAuth.js         |  20 ++--
 src/core/utils/webserver.js          |   3 +-
 src/store/rewards.js                 |   3 -
 22 files changed, 280 insertions(+), 78 deletions(-)
 create mode 100644 src/core/utils/logger.js

diff --git a/package-lock.json b/package-lock.json
index e8c6c7ab..893fa236 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1349,6 +1349,16 @@
         }
       }
     },
+    "@dabh/diagnostics": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@dabh/diagnostics/-/diagnostics-2.0.2.tgz",
+      "integrity": "sha512-+A1YivoVDNNVCdfozHSR8v/jyuuLTMXwjWuxPFlFlUapXoGc+Gj9mDlTDDfrwl7rXCl2tNZ0kE8sIBO6YOn96Q==",
+      "requires": {
+        "colorspace": "1.1.x",
+        "enabled": "2.0.x",
+        "kuler": "^2.0.0"
+      }
+    },
     "@develar/schema-utils": {
       "version": "2.6.5",
       "resolved": "https://registry.npmjs.org/@develar/schema-utils/-/schema-utils-2.6.5.tgz",
@@ -5157,7 +5167,6 @@
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
       "requires": {
         "color-name": "1.1.3"
       }
@@ -5165,14 +5174,12 @@
     "color-name": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
-      "dev": true
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU="
     },
     "color-string": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.5.5.tgz",
       "integrity": "sha512-jgIoum0OfQfq9Whcfc2z/VhCNcmQjWbey6qBX0vqt7YICflUmBCh9E9CiQD5GSJ+Uehixm3NUwHVhqUAWRivZg==",
-      "dev": true,
       "requires": {
         "color-name": "^1.0.0",
         "simple-swizzle": "^0.2.2"
@@ -5190,6 +5197,26 @@
       "integrity": "sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=",
       "dev": true
     },
+    "colorspace": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/colorspace/-/colorspace-1.1.2.tgz",
+      "integrity": "sha512-vt+OoIP2d76xLhjwbBaucYlNSpPsrJWPlBTtwCpQKIu6/CSMutyzX93O/Do0qzpH3YoHEes8YEFXyZ797rEhzQ==",
+      "requires": {
+        "color": "3.0.x",
+        "text-hex": "1.0.x"
+      },
+      "dependencies": {
+        "color": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/color/-/color-3.0.0.tgz",
+          "integrity": "sha512-jCpd5+s0s0t7p3pHQKpnJ0TpQKKdleP71LWcA0aqiljpiuAkOSUFN/dyH8ZwF0hRmFlrIuRhufds1QyEP9EB+w==",
+          "requires": {
+            "color-convert": "^1.9.1",
+            "color-string": "^1.5.2"
+          }
+        }
+      }
+    },
     "combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -7122,6 +7149,11 @@
       "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
       "dev": true
     },
+    "enabled": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/enabled/-/enabled-2.0.0.tgz",
+      "integrity": "sha512-AKrN98kuwOzMIdAizXGI86UFBoo26CL21UM763y1h/GMSJ4/OHU9k2YlsmBpyScFo/wbLzWQJBMCW4+IO3/+OQ=="
+    },
     "encodeurl": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
@@ -7939,6 +7971,11 @@
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
     },
+    "fast-safe-stringify": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.0.7.tgz",
+      "integrity": "sha512-Utm6CdzT+6xsDk2m8S6uL8VHxNwI6Jub+e9NYTcAms28T84pTa25GJQV9j0CY0N1rM8hK4x6grpF2BQf+2qwVA=="
+    },
     "faye-websocket": {
       "version": "0.11.3",
       "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.3.tgz",
@@ -7956,6 +7993,11 @@
         "pend": "~1.2.0"
       }
     },
+    "fecha": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/fecha/-/fecha-4.2.1.tgz",
+      "integrity": "sha512-MMMQ0ludy/nBs1/o0zVOiKTpG7qMbonKUzjJgQFEuvq6INZ1OraKPRAWkBq5vlKLOUMpmNYG1JoN3oDPUQ9m3Q=="
+    },
     "ffi-napi": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/ffi-napi/-/ffi-napi-4.0.1.tgz",
@@ -8162,6 +8204,11 @@
         "readable-stream": "^2.3.6"
       }
     },
+    "fn.name": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fn.name/-/fn.name-1.1.0.tgz",
+      "integrity": "sha512-GRnmB5gPyJpAhTQdSZTSp9uaPSvl09KoYcMQtsB9rQoOmzs9dH6ffeccH+Z+cv6P68Hu5bC6JjRh4Ah/mHSNRw=="
+    },
     "follow-redirects": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.2.tgz",
@@ -10200,6 +10247,11 @@
       "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.4.tgz",
       "integrity": "sha512-ZRbnvdg/NxqzC7L9Uyqzf4psi1OM4Cuc+sJAkQPjO6XkQIJTNbfK2Rsmbw8fx1p2mkZdp2FZYo2+LwXYY/uwIA=="
     },
+    "kuler": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/kuler/-/kuler-2.0.0.tgz",
+      "integrity": "sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A=="
+    },
     "latest-version": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/latest-version/-/latest-version-5.1.0.tgz",
@@ -10450,6 +10502,25 @@
         "chalk": "^2.0.1"
       }
     },
+    "logform": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/logform/-/logform-2.2.0.tgz",
+      "integrity": "sha512-N0qPlqfypFx7UHNn4B3lzS/b0uLqt2hmuoa+PpuXNYgozdJYAyauF5Ky0BWVjrxDlMWiT3qN4zPq3vVAfZy7Yg==",
+      "requires": {
+        "colors": "^1.2.1",
+        "fast-safe-stringify": "^2.0.4",
+        "fecha": "^4.2.0",
+        "ms": "^2.1.1",
+        "triple-beam": "^1.3.0"
+      },
+      "dependencies": {
+        "colors": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
+          "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA=="
+        }
+      }
+    },
     "loglevel": {
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.7.1.tgz",
@@ -14018,7 +14089,6 @@
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
       "integrity": "sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=",
-      "dev": true,
       "requires": {
         "is-arrayish": "^0.3.1"
       },
@@ -14026,8 +14096,7 @@
         "is-arrayish": {
           "version": "0.3.2",
           "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-          "dev": true
+          "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="
         }
       }
     },
@@ -14429,6 +14498,11 @@
       "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
       "dev": true
     },
+    "stack-trace": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz",
+      "integrity": "sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA="
+    },
     "stackframe": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.2.0.tgz",
@@ -14906,6 +14980,11 @@
         }
       }
     },
+    "text-hex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz",
+      "integrity": "sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg=="
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -15110,6 +15189,11 @@
       "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.3.9.tgz",
       "integrity": "sha1-cXuPIgzAu3tE5AUUwisui7xw2Lk="
     },
+    "triple-beam": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/triple-beam/-/triple-beam-1.3.0.tgz",
+      "integrity": "sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw=="
+    },
     "truncate-utf8-bytes": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz",
@@ -17588,6 +17672,61 @@
       "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.4.tgz",
       "integrity": "sha1-+OGqHuWlPsW/FR/6CXQqatdpeHY="
     },
+    "winston": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/winston/-/winston-3.3.3.tgz",
+      "integrity": "sha512-oEXTISQnC8VlSAKf1KYSSd7J6IWuRPQqDdo8eoRNaYKLvwSb5+79Z3Yi1lrl6KDpU6/VWaxpakDAtb1oQ4n9aw==",
+      "requires": {
+        "@dabh/diagnostics": "^2.0.2",
+        "async": "^3.1.0",
+        "is-stream": "^2.0.0",
+        "logform": "^2.2.0",
+        "one-time": "^1.0.0",
+        "readable-stream": "^3.4.0",
+        "stack-trace": "0.0.x",
+        "triple-beam": "^1.3.0",
+        "winston-transport": "^4.4.0"
+      },
+      "dependencies": {
+        "async": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/async/-/async-3.2.0.tgz",
+          "integrity": "sha512-TR2mEZFVOj2pLStYxLht7TyfuRzaydfpxr3k9RpHIzMgw7A64dzsdqCxH1WJyQdoe8T10nDXd9wnEigmiuHIZw=="
+        },
+        "is-stream": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.0.tgz",
+          "integrity": "sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw=="
+        },
+        "one-time": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/one-time/-/one-time-1.0.0.tgz",
+          "integrity": "sha512-5DXOiRKwuSEcQ/l0kGCF6Q3jcADFv5tSmRaJck/OqkVFcOzutB134KRSfF0xDrL39MNnqxbHBbUUcjZIhTgb2g==",
+          "requires": {
+            "fn.name": "1.x.x"
+          }
+        },
+        "readable-stream": {
+          "version": "3.6.0",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+          "requires": {
+            "inherits": "^2.0.3",
+            "string_decoder": "^1.1.1",
+            "util-deprecate": "^1.0.1"
+          }
+        }
+      }
+    },
+    "winston-transport": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/winston-transport/-/winston-transport-4.4.0.tgz",
+      "integrity": "sha512-Lc7/p3GtqtqPBYYtS6KCN3c77/2QCev51DvcJKbkFPQNoj1sinkGwLGFDxkXY9J6p9+EPnYs+D90uwbnaiURTw==",
+      "requires": {
+        "readable-stream": "^2.3.7",
+        "triple-beam": "^1.2.0"
+      }
+    },
     "word-wrap": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
diff --git a/package.json b/package.json
index 2c8d7ac1..ec0ad9a8 100644
--- a/package.json
+++ b/package.json
@@ -52,6 +52,7 @@
     "vuex": "^3.6.2",
     "websocket": "^1.0.33",
     "win32-api": "^9.6.0",
+    "winston": "^3.3.3",
     "yaml": "^1.10.0"
   },
   "devDependencies": {
diff --git a/src/components/data/ObjectEditor.vue b/src/components/data/ObjectEditor.vue
index 33f4230f..3f5ad16e 100644
--- a/src/components/data/ObjectEditor.vue
+++ b/src/components/data/ObjectEditor.vue
@@ -28,7 +28,6 @@ export default {
       let newValue = this.value ? { ...this.value } : {};
 
       if (value != "" && value != undefined) {
-        console.log("Update Obj", key, value);
         newValue[key] = value;
       } else {
         delete newValue[key];
diff --git a/src/core/actions/action-queue.js b/src/core/actions/action-queue.js
index 524d94d4..07409562 100644
--- a/src/core/actions/action-queue.js
+++ b/src/core/actions/action-queue.js
@@ -1,6 +1,7 @@
 const { sleep } = require("../utils/sleep.js");
 const { Mutex } = require("async-mutex");
 const { reactiveCopy } = require("../utils/reactive.js");
+const logger = require('../utils/logger');
 
 function isActionable(actionable)
 {
@@ -136,7 +137,7 @@ class ActionQueue
 
 		if ("number" in options)
 		{
-			console.log(`Fired ${name} : ${options.number}`)
+			logger.info(`Fired ${name} : ${options.number}`)
 			//Handle a numberlike event action
 			let selected = null;
 			for (let key in event)
@@ -159,7 +160,7 @@ class ActionQueue
 		}
 		else if ("name" in options)
 		{
-			console.log(`Fired ${name} : ${options.name}`)
+			logger.info(`Fired ${name} : ${options.name}`)
 			//Handle a namelike event
 			let namedEvent = event[options.name];
 			if (namedEvent && isActionable(namedEvent))
@@ -170,7 +171,7 @@ class ActionQueue
 		}
 		if (isActionable(event))
 		{
-			console.log(`Fired ${name}`)
+			logger.info(`Fired ${name}`)
 			this.pushToQueue(event, options);
 			return true;
 		}
@@ -237,7 +238,7 @@ class ActionQueue
 		if (this.queue.length == 0)
 			return;
 
-		console.log("Starting new chain");
+		logger.info("Starting new synchronous chain");
 		let release = await this.queueMutex.acquire();
 		let front = this.queue.shift();
 		let frontPromise = this._runAction(front.action, front.context);
diff --git a/src/core/actions/profile-manager.js b/src/core/actions/profile-manager.js
index 2b4a6ce5..7f6e302a 100644
--- a/src/core/actions/profile-manager.js
+++ b/src/core/actions/profile-manager.js
@@ -6,6 +6,7 @@ const chokidar = require("chokidar");
 const { sleep } = require("../utils/sleep");
 const path = require('path');
 const { userFolder } = require("../utils/configuration");
+const logger = require("../utils/logger");
 
 class ProfileManager
 {
@@ -28,13 +29,13 @@ class ProfileManager
 
 		this.profileWatcher.on('add', async (path) =>
 		{
-			console.log("Profile Added: ", path);
+			logger.info(`Profile Added: ${path}`);
 			await sleep(50);
 			this.loadProfile(path);
 		});
 		this.profileWatcher.on('change', async (path) =>
 		{
-			console.log("Profile Changed: ", path);
+			logger.info(`Profile Changed: ${path}`);
 			let profile = this.profiles.find((p) => p.filename == path);
 
 			if (!profile) return;
@@ -49,7 +50,7 @@ class ProfileManager
 
 			if (i == -1) return;
 
-			console.log("Profile Deleted: ", path);
+			logger.info(`Profile Deleted: ${path}`);
 
 			this.profiles[i].watcher.unsubscribe();
 
@@ -60,7 +61,7 @@ class ProfileManager
 
 		this.triggersWatcher.on('change', async (path) =>
 		{
-			console.log("Triggers Changed: ", path);
+			logger.info(`Triggers Changed: ${path}`);
 			await sleep(50);
 			for (let profile of this.profiles)
 			{
@@ -71,7 +72,7 @@ class ProfileManager
 		this.sequencesWatcher.on('change', async (path) =>
 		{
 			await sleep(50);
-			console.log("Sequence Changed: ", path);
+			logger.info(`Sequence Changed: ${path}`);
 			for (let profile of this.profiles)
 			{
 				profile.handleFileChanged(path);
@@ -132,7 +133,7 @@ class ProfileManager
 	{
 		let [activeProfiles, inactiveProfiles] = _.partition(this.profiles, (profile) => evalConditional(profile.conditions, this.plugins.combinedState));
 
-		console.log("Changing Profiles: ", activeProfiles.map(p => p.filename).join(', '));
+		logger.info(`Combining Profiles: ${activeProfiles.map(p => p.filename).join(', ')}`);
 
 		this.triggers = Profile.mergeTriggers(activeProfiles);
 
diff --git a/src/core/actions/profiles.js b/src/core/actions/profiles.js
index ce76a9b0..48821212 100644
--- a/src/core/actions/profiles.js
+++ b/src/core/actions/profiles.js
@@ -2,10 +2,10 @@ const fs = require("fs");
 const YAML = require("yaml");
 const path = require("path");
 const { userFolder } = require("../utils/configuration");
+const logger = require("../utils/logger");
 
 function loadFile(filename, fileset, root = userFolder)
 {
-	//console.log(`Loading ${filename}`);
 	const adjustedFilename = path.join(root, filename);
 	let contents = fs.readFileSync(adjustedFilename, "utf-8");
 	let pojo = YAML.parse(contents);
@@ -27,6 +27,7 @@ function loadActionable(actionable, fileset)
 					let actionsInsert = loadFile(action["import"], fileset);
 					if (!(actionsInsert instanceof Array))
 					{
+						logger.error(`Imports in the middle of action arrays must be arrays themselves.`);
 						throw new Error("Imports in the middle of action arrays must be arrays themselves");
 					}
 
@@ -39,7 +40,7 @@ function loadActionable(actionable, fileset)
 				}
 				catch (err)
 				{
-					console.log("Unable to load file ", action["import"]);
+					logger.error(`Unable to load file ${action["import"]}`);
 					throw err;
 				}
 			}
@@ -90,7 +91,7 @@ function loadTrigger(triggerObj, fileset)
 			}
 			catch (err)
 			{
-				console.log("Unable to load file ", filename);
+				logger.error(`Unable to load file ${filename}`);
 				throw err;
 			}
 		}
@@ -117,7 +118,7 @@ class Profile
 	{
 		let fileset = new Set();
 
-		console.log("Loading Profile: ", this.filename);
+		logger.info(`Loading Profile: ${this.filename}`);
 		let profileConfig = loadFile(this.filename, fileset, ".");
 
 		if (profileConfig.triggers)
@@ -130,10 +131,10 @@ class Profile
 				}
 				catch (err)
 				{
-					console.log("Unable to load file ", this.filename);
+					logger.error(`Unable to load file ${this.filename}`);
 					throw err;
 				}
-				
+
 			}
 		}
 
diff --git a/src/core/plugins/aoe3.js b/src/core/plugins/aoe3.js
index b6ec0372..063e5a41 100644
--- a/src/core/plugins/aoe3.js
+++ b/src/core/plugins/aoe3.js
@@ -165,11 +165,10 @@ module.exports = {
 						}
 
 						data[unitName] = unitData;
-						console.log(`Scraped ${unitName}`);
+						this.logger.info(`Scraped ${unitName}`);
 					}
 
 				}
-				// console.log(JSON.stringify(data, null, 2));
 
 				fs.writeFileSync(path.join(userFolder, 'data/aoe3GameStats.json'), JSON.stringify(data, null, 2))
 			} else
diff --git a/src/core/plugins/inputs.js b/src/core/plugins/inputs.js
index c685870f..92c0fd85 100644
--- a/src/core/plugins/inputs.js
+++ b/src/core/plugins/inputs.js
@@ -115,7 +115,7 @@ module.exports = {
 				let error = kernel32.GetLastError();
 				if (error)
 				{
-					console.log("VK Error", error);
+					this.logger.error(`VK Error ${error}`);
 				}
 			}
 		},
@@ -162,7 +162,7 @@ module.exports = {
 				let error = kernel32.GetLastError();
 				if (error)
 				{
-					console.log("VK Error", error);
+					this.logger.error(`SendInput Error ${error}`);
 				}
 			}
 		}
diff --git a/src/core/plugins/kofi.js b/src/core/plugins/kofi.js
index fee4de5a..086a16e3 100644
--- a/src/core/plugins/kofi.js
+++ b/src/core/plugins/kofi.js
@@ -12,8 +12,6 @@ module.exports = {
 			const routes = this.webServices.routes;
 			routes.post(`/kofi`, (req, res) =>
 			{
-				console.log("KOFI!")
-				console.log(req.body);
 				let data = JSON.parse(req.body.data);
 				if (data.type == "Donation")
 				{
diff --git a/src/core/plugins/lights.js b/src/core/plugins/lights.js
index ae373b98..77d91806 100644
--- a/src/core/plugins/lights.js
+++ b/src/core/plugins/lights.js
@@ -169,12 +169,12 @@ module.exports = {
 				}
 				catch (err)
 				{
-					console.error("The link button on the bridge was not pressed. Press and try again.");
+					this.logger.error("The link button on the bridge was not pressed. Press and try again.");
 				}
 
 				if (i != retries - 1)
 				{
-					console.log("Trying again in 5 seconds...");
+					this.logger.info("Trying again in 5 seconds...");
 					await sleep(5000);
 				}
 			}
diff --git a/src/core/plugins/minecraft.js b/src/core/plugins/minecraft.js
index f6cc4eb2..87f9d9e4 100644
--- a/src/core/plugins/minecraft.js
+++ b/src/core/plugins/minecraft.js
@@ -67,9 +67,9 @@ module.exports = {
 					return;
 				}
 				let fullCommand = await template(command, context);
-				console.log("MCRCON: ", fullCommand);
+				this.logger.info(`MCRCON Send:  ${fullCommand}`);
 				let result = await this.rcon.send(fullCommand);
-				console.log("MCRCON: ", result);
+				this.logger.info(`MCRCON Recv:  ${result}`);
 			}
 		}
 	}
diff --git a/src/core/plugins/obs.js b/src/core/plugins/obs.js
index e55e3c41..10f3de90 100644
--- a/src/core/plugins/obs.js
+++ b/src/core/plugins/obs.js
@@ -15,7 +15,6 @@ module.exports = {
 		})
 		this.obs.on("ConnectionClosed", () =>
 		{
-			console.log("Failed to connect to OBS...retrying.")
 			setTimeout(() => { this.connectOBS() }, 5000);
 		});
 	},
@@ -33,7 +32,7 @@ module.exports = {
 				let result = await this.obs.send("GetCurrentScene");
 				//this.profiles.setCondition("scene", result.name);
 				this.state.obsScene = result.name;
-				console.log("OBS connected!");
+				this.logger.info("OBS connected!");
 			} catch {
 				return;
 			}
@@ -92,7 +91,6 @@ module.exports = {
 			{
 				const sourceName = await template(filterData.sourceName, context);
 				const filterName = await template(filterData.filterName, context);
-				console.log("Filter: ", sourceName, filterName);
 
 				await this.obs.send('SetSourceFilterVisibility', {
 					sourceName,
diff --git a/src/core/plugins/sounds.js b/src/core/plugins/sounds.js
index ec219fd6..defa8245 100644
--- a/src/core/plugins/sounds.js
+++ b/src/core/plugins/sounds.js
@@ -50,7 +50,7 @@ module.exports = {
 				}
 				else
 				{
-					console.log("Sound Window Not Available")
+					this.logger.error("Audio Window Not Available");
 				}
 			}
 		}
diff --git a/src/core/plugins/tts.js b/src/core/plugins/tts.js
index 37886d98..72e31b80 100644
--- a/src/core/plugins/tts.js
+++ b/src/core/plugins/tts.js
@@ -19,7 +19,7 @@ module.exports = {
 			async handler(data, context)
 			{
 				const message = await template(data, context);
-				console.log("Speaking", message);
+				this.logger.info(`Speaking: ${message}`);
 				say.speak(message);
 			}
 		}
diff --git a/src/core/plugins/twitch.js b/src/core/plugins/twitch.js
index b567f45b..942fb3ce 100644
--- a/src/core/plugins/twitch.js
+++ b/src/core/plugins/twitch.js
@@ -96,7 +96,7 @@ module.exports = {
 	uiName: "Twitch",
 	async init()
 	{
-		console.log("Starting Twitch");
+		this.logger.info("Starting Twitch");
 
 		await this.doInitialAuth();
 
@@ -134,7 +134,6 @@ module.exports = {
 			await this.channelAuth.trySilentAuth();
 			await this.botAuth.trySilentAuth();
 
-
 			await this.completeAuth();
 
 		},
@@ -156,7 +155,7 @@ module.exports = {
 				let index = this.webServices.app._router.stack.findIndex((item) => item.handle == this.webhookRouter)
 				if (index >= 0)
 				{
-					console.log("Removing router by index", index);
+					this.logger.info("Removing router by index", index);
 					this.webServices.app._router.stack.splice(index, 1);
 				}
 			}
@@ -176,17 +175,57 @@ module.exports = {
 
 			await this.shutdown();
 
-			await this.doAuth();
+			try
+			{
+				await this.doAuth();
+			}
+			catch (err)
+			{
+				this.logger.error(`Failed to Auth`);
+				this.logger.error(`${err}`);
+			}
 
-			await this.setupChatTriggers();
+			try
+			{
+				await this.setupChatTriggers();
+			}
+			catch (err)
+			{
+				this.logger.error(`Failed to setup Chat Triggers`);
+				this.logger.error(`${err}`);
+			}
 
-			await this.setupWebHookTriggers();
+			try
+			{
+				await this.setupWebHookTriggers();
+			}
+			catch (err)
+			{
+				this.logger.error(`Failed to setup WebHook Triggers`);
+				this.logger.error(`${err}`);
+			}
 
-			await this.setupPubSubTriggers();
+			try
+			{
+				await this.setupPubSubTriggers();
+			}
+			catch (err)
+			{
+				this.logger.error(`Failed to set up PubSub Triggers`);
+				this.logger.error(`${err}`);
+			}
 
 			await this.initConditions();
 
-			await this.initChannelRewards();
+			try
+			{
+				await this.initChannelRewards();
+			}
+			catch (err)
+			{
+				this.logger.error(`Failed to setup Channel Rewards`);
+				this.logger.error(`${err}`);
+			}
 		},
 
 		async doAuth()
@@ -320,7 +359,7 @@ module.exports = {
 
 				this.followerCache.add(follow.userId);
 
-				console.log(`followed by ${follow.userDisplayName}`);
+				this.logger.info(`followed by ${follow.userDisplayName}`);
 				this.actions.trigger('follow', { user: follow.userDisplayName, userId: follow.userId, ...{ userColor: this.colorCache[follow.userId] } });
 
 
@@ -328,15 +367,16 @@ module.exports = {
 				this.state.followers = follows.total;
 			});
 
+
 			let subHook = await this.webhooks.subscribeToStreamChanges(this.channelId, async (stream) =>
 			{
 				//Stream Changed
-				console.log("Stream Changed");
+				this.logger.info("Stream Changed");
 
 				try
 				{
 					let game = await stream.getGame();
-					console.log("Game Name", game.name);
+					this.logger.info(`Game Name: ${game.name}`);
 
 					this.state.twitchCategory = game.name;
 				}
@@ -357,7 +397,7 @@ module.exports = {
 
 			await this.pubSubClient.onBits(this.channelId, (message) =>
 			{
-				console.log(`Bits: ${message.bits}`);
+				this.logger.info(`Bits: ${message.bits}`);
 
 
 				this.actions.trigger("bits", {
@@ -372,7 +412,7 @@ module.exports = {
 
 			await this.pubSubClient.onRedemption(this.channelId, (redemption) =>
 			{
-				console.log(`Redemption: ${redemption.rewardId} ${redemption.rewardName}`);
+				this.logger.info(`Redemption: ${redemption.rewardId} ${redemption.rewardName}`);
 				let message = redemption.message;
 				if (!message)
 				{
@@ -393,13 +433,13 @@ module.exports = {
 			{
 				if (message.isGift)
 				{
-					console.log(`Gifted sub ${message.gifterDisplayName} -> ${message.userDisplayName}`);
+					this.logger.info(`Gifted sub ${message.gifterDisplayName} -> ${message.userDisplayName}`);
 					this.actions.trigger('subscribe', { name: "gift", gifter: message.gifterDisplayName, user: message.userDisplayName, userId: message.userId, ...{ userColor: this.colorCache[message.userId] } });
 				}
 				else
 				{
 					let months = message.months ? message.months : 0;
-					console.log(`Sub ${message.userDisplayName} : ${months}`);
+					this.logger.info(`Sub ${message.userDisplayName} : ${months}`);
 					this.actions.trigger('subscribe', { number: months, user: message.userDisplayName, userId: message.userId, prime: message.subPlan == "Prime", ...{ userColor: this.colorCache[message.userId] } })
 				}
 
@@ -513,7 +553,7 @@ module.exports = {
 					})
 				} catch (err)
 				{
-					console.log(`Error creating channel reward: ${rewardKey}. Message: ${err}`);
+					this.logger.error(`Error creating channel reward: ${rewardKey}. Message: ${err}`);
 				}
 			}
 		},
@@ -602,7 +642,6 @@ module.exports = {
 	},
 	async onSecretsReload()
 	{
-		console.log("Secrets Changed");
 		await this.shutdown();
 
 		await this.doInitialAuth();
@@ -727,8 +766,6 @@ module.exports = {
 
 			let result = "";
 
-			console.log(diff);
-
 			if (diff.years > 0)
 			{
 				result += ` ${diff.years} year${diff.years > 1 ? 's' : ''}`;
diff --git a/src/core/plugins/variables.js b/src/core/plugins/variables.js
index 1b016139..545dffe7 100644
--- a/src/core/plugins/variables.js
+++ b/src/core/plugins/variables.js
@@ -90,13 +90,14 @@ module.exports = {
 					{
 						setValue = await this.handleTemplateNumber(setValue, context);
 					}
-					console.log("Setting ", variableData.name, "to", setValue)
+					this.logger.info(`Setting ${variableData.name} to ${setValue}`);
 					this.state[variableData.name] = setValue;
 				}
 				else if ("offset" in variableData)
 				{
 					//Add the value
 					this.state[variableData.name] += variableData.offset;
+					this.logger.info(`Offseting ${variableData.name} by ${variableData.offset}`);
 				}
 			}
 		}
diff --git a/src/core/utils/configuration.js b/src/core/utils/configuration.js
index 45d7792e..a7609906 100644
--- a/src/core/utils/configuration.js
+++ b/src/core/utils/configuration.js
@@ -29,8 +29,6 @@ function ensureFile(path)
 
 function ensureUserFolder()
 {
-	console.log("Ensuring User Folder: ", userFolder);
-
 	ensureFolder(userFolder);
 	ensureFolder(path.join(userFolder, "data"));
 	ensureFolder(path.join(userFolder, "profiles"));
diff --git a/src/core/utils/logger.js b/src/core/utils/logger.js
new file mode 100644
index 00000000..c3eabd39
--- /dev/null
+++ b/src/core/utils/logger.js
@@ -0,0 +1,28 @@
+const winston = require('winston');
+const path = require('path');
+const { userFolder } = require('./configuration');
+
+const logger = winston.createLogger({
+	level: 'info',
+	format: winston.format.json(),
+	transports: [
+		//
+		// - Write all logs with level `error` and below to `error.log`
+		// - Write all logs with level `info` and below to `combined.log`
+		//
+		new winston.transports.File({ filename: path.join(userFolder, 'error.log'), level: 'error' }),
+		new winston.transports.File({ filename: path.join(userFolder, 'combined.log') }),
+	],
+});
+
+//
+// If we're not in production then log to the `console` with the format:
+// `${info.level}: ${info.message} JSON.stringify({ ...rest }) `
+//
+if (process.env.NODE_ENV !== 'production')
+{
+	logger.add(new winston.transports.Console({
+		format: winston.format.simple(),
+	}));
+}
+module.exports = logger;
\ No newline at end of file
diff --git a/src/core/utils/plugin.js b/src/core/utils/plugin.js
index fb10e2f1..432997b5 100644
--- a/src/core/utils/plugin.js
+++ b/src/core/utils/plugin.js
@@ -2,7 +2,7 @@ const { reactify } = require("./reactive");
 const { cleanSchemaForIPC } = require("./schema");
 const _ = require('lodash');
 const { ipcMain } = require("electron");
-
+const logger = require('../utils/logger');
 class Plugin
 {
 	constructor(config)
@@ -12,7 +12,7 @@ class Plugin
 		this.name = config.name;
 		this.uiName = config.uiName || config.name;
 		this.color = config.color;
-		console.log(`Loading Plugin: ${config.name}`);
+		logger.info(`Loading Plugin: ${config.name}`);
 		this.initFunc = config.init;
 		//Bind the init func to the pluginObj
 		if (this.initFunc)
@@ -96,6 +96,8 @@ class Plugin
 			})
 		}
 
+		this.pluginObj.logger = logger;
+
 		//Create all the state.
 		this.pluginObj.state = {};
 		for (let stateKey in config.state)
@@ -125,7 +127,7 @@ class Plugin
 			} catch (err)
 			{
 				// TODO: Throw exception to UI
-				console.log(`Error loading ${this.name} plugin. Error Msg: ${err}.`)
+				logger.error(`Error loading ${this.name} plugin. Error Msg: ${err}.`)
 			}
 		}
 	}
@@ -150,7 +152,6 @@ class Plugin
 		this.pluginObj.secrets = newPluginSecrets;
 		if (this.onSecretsReload)
 		{
-			console.log("Secrets Changed Plugin: ", this.name);
 			let oldPluginSecrets = oldSecrets[this.name] || {};
 			if (!_.isEqual(newPluginSecrets, oldPluginSecrets))
 			{
diff --git a/src/core/utils/twitchAuth.js b/src/core/utils/twitchAuth.js
index 76e0cfca..9f01b56f 100644
--- a/src/core/utils/twitchAuth.js
+++ b/src/core/utils/twitchAuth.js
@@ -2,6 +2,7 @@
 const qs = require('querystring');
 const { AccessToken } = require('twitch-auth');
 const { BrowserWindow } = require('electron');
+const logger = require('./logger');
 
 const scopes = [
 	"analytics:read:extensions",
@@ -61,7 +62,7 @@ class ElectronAuthManager
 		//Tests if auth can succeed silently.
 		const promise = new Promise((resolve, reject) =>
 		{
-			console.log(`Attempting ${this.name} Twitch Silent Auth`)
+			logger.info(`Attempting ${this.name} Twitch Silent Auth`)
 			const params = {
 				response_type: "token",
 				client_id: this._clientId,
@@ -89,11 +90,11 @@ class ElectronAuthManager
 				const url = new URL(details.url);
 				const matchUrl = url.origin + url.pathname;
 
-				console.log(`Silent ${this.name} BeforeRequest`, matchUrl);
+				logger.info(`Silent ${this.name} BeforeRequest`, matchUrl);
 				if (matchUrl == this._redirectUri)
 				{
 					const respParams = qs.parse(details.url.substr(details.url.indexOf('#') + 1));
-					console.log("RedirectUri Detected");
+					logger.info("RedirectUri Detected");
 					if (respParams.error || respParams.access_token)
 					{
 						window.destroy();
@@ -116,7 +117,7 @@ class ElectronAuthManager
 
 						//todo return this sucker.
 						resolve(this._accessToken);
-						console.log("Resolved");
+						logger.info("Resolved");
 					}
 					callback({ cancel: true });
 				}
@@ -132,7 +133,8 @@ class ElectronAuthManager
 				}
 			});
 
-			window.loadURL(authUrl).then(() => {
+			window.loadURL(authUrl).then(() =>
+			{
 				let fullUrl = window.webContents.getURL();
 				const url = new URL(fullUrl);
 				const matchUrl = url.origin + url.pathname;
@@ -182,11 +184,11 @@ class ElectronAuthManager
 				const url = new URL(details.url);
 				const matchUrl = url.origin + url.pathname;
 
-				console.log('BeforeRequest', matchUrl);
+				logger.info(`BeforeRequest ${matchUrl}`);
 				if (matchUrl == this._redirectUri)
 				{
 					const respParams = qs.parse(details.url.substr(details.url.indexOf('#') + 1));
-					console.log("RedirectUri Detected");
+					logger.info("RedirectUri Detected");
 					if (respParams.error || respParams.access_token)
 					{
 						window.destroy();
@@ -194,14 +196,14 @@ class ElectronAuthManager
 
 					if (respParams.error)
 					{
-						console.log("Error!");
+						logger.info("Error!");
 						//todo error!
 						reject(respParams.error);
 						callback({ cancel: true });
 					}
 					else if (respParams.access_token)
 					{
-						console.log("Access Token Success");
+						logger.info("Access Token Success");
 						this._accessToken = new AccessToken({
 							access_token: respParams.access_token,
 							scope: scopes,
diff --git a/src/core/utils/webserver.js b/src/core/utils/webserver.js
index 1cce2bcf..fc4ca448 100644
--- a/src/core/utils/webserver.js
+++ b/src/core/utils/webserver.js
@@ -5,6 +5,7 @@ const http = require("http");
 const publicIp = require('public-ip');
 const { userFolder } = require("./configuration");
 const path = require("path");
+const logger = require("./logger");
 
 async function createWebServices(settings, secrets, plugins)
 {
@@ -61,7 +62,7 @@ async function createWebServices(settings, secrets, plugins)
 		{
 			server.listen(port, () =>
 			{
-				console.log(`Started Internal Webserver on port ${port}`);
+				logger.info(`Started Internal Webserver on port ${port}`);
 				app.use(express.static("./web"));
 				app.use("/user", express.static(path.join(userFolder, "data"), {
 					etag: false
diff --git a/src/store/rewards.js b/src/store/rewards.js
index b3d2a320..23c527b9 100644
--- a/src/store/rewards.js
+++ b/src/store/rewards.js
@@ -35,9 +35,6 @@ export default {
 		{
 			let newRewards = { ...state.rewards };
 
-			console.log(rewardName)
-			console.log(newReward);
-
 			if (rewardName != newReward.name)
 			{
 				newRewards = changeObjectKey(newRewards, rewardName, newReward.name);

From 409f388618857d3adc8e8c2c6aad764acd74ea95 Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Fri, 4 Jun 2021 11:51:39 -0400
Subject: [PATCH 5/9] Add button to open sounds directory, force userfolder
 paths to be absolute

---
 src/App.vue                     | 37 +++++++++++++++++++++++++--------
 src/core/utils/configuration.js |  8 +++----
 2 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index cc6d619e..f5c7429a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,6 +40,16 @@
           </v-list-item-content>
         </v-list-item>
 
+        <v-list-item @click="openSoundsFolder">
+          <v-list-item-icon>
+            <v-icon>mdi-folder-music</v-icon>
+          </v-list-item-icon>
+
+          <v-list-item-content>
+            <v-list-item-title> Open Sounds Folder </v-list-item-title>
+          </v-list-item-content>
+        </v-list-item>
+
         <v-list-group n-action>
           <template v-slot:activator>
             <v-list-item-title>Plugins</v-list-item-title>
@@ -65,14 +75,18 @@
     <v-main style="max-height: 100%" v-else>
       <v-container fluid class="fill-height">
         <v-row align="center" justify="center">
-          <v-col cols="12" sm="4" style="justify-content: center; text-align: center">
-              <h1>Loading CastMate</h1>
-              <v-progress-circular
-                indeterminate
-                color="cyan"
-                :size="100"
-                :width="15"
-              />
+          <v-col
+            cols="12"
+            sm="4"
+            style="justify-content: center; text-align: center"
+          >
+            <h1>Loading CastMate</h1>
+            <v-progress-circular
+              indeterminate
+              color="cyan"
+              :size="100"
+              :width="15"
+            />
           </v-col>
         </v-row>
       </v-container>
@@ -87,6 +101,8 @@
 <script>
 import { mapGetters, mapActions } from "vuex";
 import SystemBar from "./components/layout/SystemBar.vue";
+import path from "path";
+import { shell } from "electron";
 
 export default {
   components: {
@@ -99,7 +115,7 @@ export default {
     };
   },
   computed: {
-    ...mapGetters("ipc", ["inited", "plugins"]),
+    ...mapGetters("ipc", ["inited", "plugins", "paths"]),
     uiPlugins() {
       return this.plugins
         .filter(
@@ -120,6 +136,9 @@ export default {
   methods: {
     ...mapActions("ipc", ["init"]),
     ...mapActions("rewards", ["loadRewards"]),
+    openSoundsFolder() {
+      shell.openPath(path.join(this.paths.userFolder, "sounds"));
+    },
   },
   async mounted() {
     await this.init();
diff --git a/src/core/utils/configuration.js b/src/core/utils/configuration.js
index a7609906..16955ce4 100644
--- a/src/core/utils/configuration.js
+++ b/src/core/utils/configuration.js
@@ -3,11 +3,11 @@ const path = require('path');
 const fs = require("fs");
 
 const isPortable = process.argv.includes('--portable');
-const userFolder = (!isPortable ? path.join(app.getPath('userData'), 'user') : './user');
+const userFolder = path.resolve((!isPortable ? path.join(app.getPath('userData'), 'user') : './user'));
 
-const settingsFilePath = path.join(userFolder, "settings.yaml");
-const secretsFilePath = path.join(userFolder, "secrets/secrets.yaml");
-const rewardsFilePath = path.join(userFolder, "rewards.yaml");
+const settingsFilePath = path.resolve(path.join(userFolder, "settings.yaml"));
+const secretsFilePath = path.resolve(path.join(userFolder, "secrets/secrets.yaml"));
+const rewardsFilePath = path.resolve(path.join(userFolder, "rewards.yaml"));
 
 
 function ensureFolder(path)

From 857b1054add3d6491f57ec065b4888405bb27b1f Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Fri, 4 Jun 2021 12:06:57 -0400
Subject: [PATCH 6/9] Disambiguate Trigger Files from Triggers, they are now
 called Command Files

---
 src/core/actions/profile-manager.js           |  6 ++--
 src/core/utils/configuration.js               |  2 +-
 src/router/index.js                           |  8 ++---
 ...iggersEditor.vue => CommandFileEditor.vue} | 36 +++++++++----------
 src/views/Profiles.vue                        | 34 +++++++++---------
 5 files changed, 43 insertions(+), 43 deletions(-)
 rename src/views/{TriggersEditor.vue => CommandFileEditor.vue} (72%)

diff --git a/src/core/actions/profile-manager.js b/src/core/actions/profile-manager.js
index 7f6e302a..16d2b554 100644
--- a/src/core/actions/profile-manager.js
+++ b/src/core/actions/profile-manager.js
@@ -24,7 +24,7 @@ class ProfileManager
 	async load()
 	{
 		this.profileWatcher = chokidar.watch(path.join(userFolder, 'profiles/'));
-		this.triggersWatcher = chokidar.watch(path.join(userFolder, 'triggers/'));
+		this.commandsWatcher = chokidar.watch(path.join(userFolder, 'commands/'));
 		this.sequencesWatcher = chokidar.watch(path.join(userFolder, 'sequences/'));
 
 		this.profileWatcher.on('add', async (path) =>
@@ -59,9 +59,9 @@ class ProfileManager
 			this.recombine();
 		});
 
-		this.triggersWatcher.on('change', async (path) =>
+		this.commandsWatcher.on('change', async (path) =>
 		{
-			logger.info(`Triggers Changed: ${path}`);
+			logger.info(`Commands Changed: ${path}`);
 			await sleep(50);
 			for (let profile of this.profiles)
 			{
diff --git a/src/core/utils/configuration.js b/src/core/utils/configuration.js
index 16955ce4..f3d9dbf5 100644
--- a/src/core/utils/configuration.js
+++ b/src/core/utils/configuration.js
@@ -36,7 +36,7 @@ function ensureUserFolder()
 
 	ensureFolder(path.join(userFolder, "sequences"));
 	ensureFolder(path.join(userFolder, "sounds"));
-	ensureFolder(path.join(userFolder, "triggers"));
+	ensureFolder(path.join(userFolder, "commands"));
 
 	ensureFile(rewardsFilePath);
 	ensureFile(secretsFilePath);
diff --git a/src/router/index.js b/src/router/index.js
index cd1299a3..03ba6d6e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,7 +2,7 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Profiles from "../views/Profiles.vue";
 import ProfileEditor from "../views/ProfileEditor.vue";
-import TriggersEditor from "../views/TriggersEditor.vue";
+import CommandFileEditor from "../views/CommandFileEditor.vue";
 import SequenceEditor from "../views/SequenceEditor.vue";
 import Plugin from "../views/Plugin.vue";
 import Rewards from "../views/Rewards.vue";
@@ -21,9 +21,9 @@ const routes = [
 		component: ProfileEditor
 	},
 	{
-		path: "/triggers/:triggers",
-		name: "Trigger Editor",
-		component: TriggersEditor
+		path: "/commandFiles/:commandFile",
+		name: "Command File Editor",
+		component: CommandFileEditor
 	},
 	{
 		path: "/sequences/:sequence",
diff --git a/src/views/TriggersEditor.vue b/src/views/CommandFileEditor.vue
similarity index 72%
rename from src/views/TriggersEditor.vue
rename to src/views/CommandFileEditor.vue
index 2935468f..118ffc5b 100644
--- a/src/views/TriggersEditor.vue
+++ b/src/views/CommandFileEditor.vue
@@ -2,10 +2,10 @@
   <v-container fluid>
     <v-row style="padding-bottom: 3.5rem">
       <v-col>
-        <v-row v-for="(commandKey, i) in commands" :key="i">
+        <v-row v-for="(commandKey, i) in commandList" :key="i">
           <v-col>
             <command-card
-              :value="triggers[commandKey]"
+              :value="commands[commandKey]"
               :actionKey="commandKey"
               @input="(newData) => updateCommand(commandKey, newData)"
               @delete="deleteCommand(commandKey)"
@@ -54,42 +54,42 @@ export default {
   },
   computed: {
     ...mapGetters("ipc", ["paths"]),
-    commands() {
-      if (!this.triggers) {
+    commandList() {
+      if (!this.commands) {
         return [];
       }
-      return Object.keys(this.triggers).filter((key) => key != "imports");
+      return Object.keys(this.commands).filter((key) => key != "imports");
     },
-    triggersName() {
-      return this.$route.params.triggers;
+    commandFileName() {
+      return this.$route.params.commandFile;
     },
   },
   data() {
     return {
-      triggers: {},
+      commands: {},
       saveSnack: false,
       fab: false,
     };
   },
   methods: {
     updateCommandKey(oldKey, newKey) {
-      this.triggers = changeObjectKey(this.triggers, oldKey, newKey);
+      this.commands = changeObjectKey(this.commands, oldKey, newKey);
     },
     updateCommand(command, data) {
-      this.triggers[command] = data;
+      this.commands[command] = data;
     },
     deleteCommand(command) {
-      delete this.triggers[command];
+      delete this.commands[command];
     },
     addCommand() {
-      this.triggers[""] = { actions: [], sync: false };
+      this.commands[""] = { actions: [], sync: false };
     },
 
     async save() {
-      let newYaml = YAML.stringify(this.triggers);
+      let newYaml = YAML.stringify(this.commands);
 
       await fs.promises.writeFile(
-        path.join(this.paths.userFolder, `triggers/${this.triggersName}.yaml`),
+        path.join(this.paths.userFolder, `commands/${this.commandFileName}.yaml`),
         newYaml
       );
 
@@ -99,11 +99,11 @@ export default {
       if (
         await this.$refs.deleteConfirm.open(
           "Confirm",
-          "Are you sure you want to delete this trigger file?"
+          "Are you sure you want to delete this command file?"
         )
       ) {
         await fs.promises.unlink(
-          path.join(this.paths.userFolder, `triggers/${this.triggersName}.yaml`)
+          path.join(this.paths.userFolder, `commands/${this.commandFileName}.yaml`)
         );
 
         this.$router.push("/");
@@ -112,11 +112,11 @@ export default {
   },
   async mounted() {
     let fileData = await fs.promises.readFile(
-      path.join(this.paths.userFolder, `triggers/${this.triggersName}.yaml`),
+      path.join(this.paths.userFolder, `commands/${this.commandFileName}.yaml`),
       "utf-8"
     );
 
-    this.triggers = YAML.parse(fileData);
+    this.commands = YAML.parse(fileData);
   },
 };
 </script>
diff --git a/src/views/Profiles.vue b/src/views/Profiles.vue
index 7149fc48..9b6554fa 100644
--- a/src/views/Profiles.vue
+++ b/src/views/Profiles.vue
@@ -26,19 +26,19 @@
       <v-list color="grey darken-3">
         <v-list-item>
           <v-list-item-content>
-            <v-list-item-title class="title"> Triggers </v-list-item-title>
+            <v-list-item-title class="title"> Command Files </v-list-item-title>
           </v-list-item-content>
         </v-list-item>
       </v-list>
       <v-list>
         <v-list-item-group>
-          <template v-for="(trigger, i) in triggers">
+          <template v-for="(commandFile, i) in commandFiles">
             <v-list-item
-              :key="trigger.name"
-              @click="$router.push(`/triggers/${trigger.name}`)"
+              :key="commandFile.name"
+              @click="$router.push(`/commandFiles/${commandFile.name}`)"
             >
               <v-list-item-content>
-                <v-list-item-title> {{ trigger.name }} </v-list-item-title>
+                <v-list-item-title> {{ commandFile.name }} </v-list-item-title>
               </v-list-item-content>
             </v-list-item>
             <v-divider :key="i" />
@@ -77,10 +77,10 @@
       @created="createNewProfile"
     />
     <named-item-modal
-      ref="triggerModal"
+      ref="commandsModal"
       header="Create New Commands File"
       label="Commands File Name"
-      @created="createNewTriggersFile"
+      @created="createNewCommandFile"
     />
     <named-item-modal
       ref="sequenceModal"
@@ -91,7 +91,7 @@
 
     <v-speed-dial v-model="fabOpen" fixed fab large right bottom>
       <template v-slot:activator>
-        <v-btn v-model="fab" color="blue darken-2" dark fab>
+        <v-btn v-model="fabOpen" color="blue darken-2" dark fab>
           <v-icon v-if="fabOpen"> mdi-close </v-icon>
           <v-icon v-else> mdi-plus </v-icon>
         </v-btn>
@@ -100,9 +100,9 @@
         <v-icon>mdi-plus</v-icon>
         <div class="fab-label green">Sequence</div>
       </v-btn>
-      <v-btn fab dark small color="indigo" @click="$refs.triggerModal.open()">
+      <v-btn fab dark small color="indigo" @click="$refs.commandsModal.open()">
         <v-icon>mdi-plus</v-icon>
-        <div class="fab-label indigo">Trigger</div>
+        <div class="fab-label indigo">Commands File</div>
       </v-btn>
       <v-btn fab dark small color="red" @click="$refs.profileModal.open()">
         <v-icon>mdi-plus</v-icon>
@@ -142,7 +142,7 @@ export default {
   data() {
     return {
       profiles: [],
-      triggers: [],
+      commandFiles: [],
       sequences: [],
       fabOpen: false,
     };
@@ -152,22 +152,22 @@ export default {
       let profiles = await fs.promises.readdir(
         path.join(this.paths.userFolder, "profiles")
       );
-      let triggers = await fs.promises.readdir(
-        path.join(this.paths.userFolder, "triggers")
+      let commandFiles = await fs.promises.readdir(
+        path.join(this.paths.userFolder, "commands")
       );
       let sequences = await fs.promises.readdir(
         path.join(this.paths.userFolder, "sequences")
       );
 
       profiles = profiles.filter((f) => path.extname(f) == ".yaml");
-      triggers = triggers.filter((f) => path.extname(f) == ".yaml");
+      commandFiles = commandFiles.filter((f) => path.extname(f) == ".yaml");
       sequences = sequences.filter((f) => path.extname(f) == ".yaml");
 
       this.profiles = profiles.map((f) => ({
         name: path.basename(f, ".yaml"),
       }));
 
-      this.triggers = triggers.map((f) => ({
+      this.commandFiles = commandFiles.map((f) => ({
         name: path.basename(f, ".yaml"),
       }));
 
@@ -203,11 +203,11 @@ export default {
       await this.getFiles();
     },
 
-    async createNewTriggersFile(name) {
+    async createNewCommandFile(name) {
       let newYaml = YAML.stringify({});
 
       await fs.promises.writeFile(
-        path.join(this.paths.userFolder, `triggers/${name}.yaml`),
+        path.join(this.paths.userFolder, `commands/${name}.yaml`),
         newYaml,
         "utf-8"
       );

From 626a3f21fa8cda875a978371265826981c327d89 Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Fri, 4 Jun 2021 12:23:59 -0400
Subject: [PATCH 7/9] Add Tooltip to Synchronous switch

---
 src/components/commands/CommandEditor.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/commands/CommandEditor.vue b/src/components/commands/CommandEditor.vue
index 08cee78a..4320c0c0 100644
--- a/src/components/commands/CommandEditor.vue
+++ b/src/components/commands/CommandEditor.vue
@@ -1,6 +1,19 @@
 <template>
   <div v-if="value">
-    <v-switch v-model="value.sync" label="Synchronous" />
+    <v-switch v-model="value.sync">
+      <template v-slot:label>
+        <v-tooltip bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <span v-bind="attrs" v-on="on"> Synchronous </span>
+          </template>
+          <span>
+            Synchronous sequences wait for other synchronous sequences to finish
+            before playing.
+          </span>
+        </v-tooltip>
+      </template>
+    </v-switch>
+
     <sequence-editor v-model="value.actions" />
     <v-card-actions>
       <add-action-popover @select="addAction" />

From 1db6b999ef796936b349854ec6497d9ea77c15ac Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Fri, 4 Jun 2021 13:01:53 -0400
Subject: [PATCH 8/9] Add a test actions button to sequence editors

---
 src/components/commands/CommandEditor.vue | 36 +++++++++++++++--------
 src/core/actions/action-queue.js          | 22 ++++++++++++++
 src/core/actions/profiles.js              |  2 +-
 3 files changed, 46 insertions(+), 14 deletions(-)

diff --git a/src/components/commands/CommandEditor.vue b/src/components/commands/CommandEditor.vue
index 4320c0c0..f4aa10b4 100644
--- a/src/components/commands/CommandEditor.vue
+++ b/src/components/commands/CommandEditor.vue
@@ -1,18 +1,24 @@
 <template>
   <div v-if="value">
-    <v-switch v-model="value.sync">
-      <template v-slot:label>
-        <v-tooltip bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <span v-bind="attrs" v-on="on"> Synchronous </span>
-          </template>
-          <span>
-            Synchronous sequences wait for other synchronous sequences to finish
-            before playing.
-          </span>
-        </v-tooltip>
-      </template>
-    </v-switch>
+    <v-card-actions>
+      <v-switch v-model="value.sync">
+        <template v-slot:label>
+          <v-tooltip bottom>
+            <template v-slot:activator="{ on, attrs }">
+              <span v-bind="attrs" v-on="on"> Synchronous </span>
+            </template>
+            <span>
+              Synchronous sequences wait for other synchronous sequences to
+              finish before playing.
+            </span>
+          </v-tooltip>
+        </template>
+      </v-switch>
+      <v-spacer />
+      <v-btn @click="testSequence" color="primary">
+        <v-icon> mdi-play </v-icon>
+      </v-btn>
+    </v-card-actions>
 
     <sequence-editor v-model="value.actions" />
     <v-card-actions>
@@ -26,6 +32,7 @@
 <script>
 import SequenceEditor from "../sequences/SequenceEditor.vue";
 import AddActionPopover from "../actions/AddActionPopover.vue";
+import { ipcRenderer } from "electron";
 
 export default {
   components: { AddActionPopover, SequenceEditor },
@@ -33,6 +40,9 @@ export default {
     value: {},
   },
   methods: {
+    testSequence() {
+      ipcRenderer.invoke("pushToQueue", this.value.actions);
+    },
     addAction(v) {
       let newCommand = { ...this.value };
 
diff --git a/src/core/actions/action-queue.js b/src/core/actions/action-queue.js
index 07409562..e5ae739a 100644
--- a/src/core/actions/action-queue.js
+++ b/src/core/actions/action-queue.js
@@ -2,6 +2,9 @@ const { sleep } = require("../utils/sleep.js");
 const { Mutex } = require("async-mutex");
 const { reactiveCopy } = require("../utils/reactive.js");
 const logger = require('../utils/logger');
+const { ipcMain } = require("electron");
+const { loadActionable } = require('./profiles');
+
 
 function isActionable(actionable)
 {
@@ -53,6 +56,25 @@ class ActionQueue
 		}
 
 		this.plugins = plugins;
+
+		ipcMain.handle('pushToQueue', async (event, actions) =>
+		{
+			const dummySet = new Set();
+
+			const actionable = { actions, sync: false }
+
+			loadActionable(actionable, dummySet)
+
+			this.convertOffsets(actionable.actions);
+
+			console.log(actionable);
+			this.pushToQueue(actionable, {
+				user: "Test User",
+				userColor: "#4411FF",
+				message: "Test Message From User",
+				filteredMessage: "Test Message From User",
+			})
+		})
 	}
 
 	setTriggers(triggers)
diff --git a/src/core/actions/profiles.js b/src/core/actions/profiles.js
index 48821212..7b84cb85 100644
--- a/src/core/actions/profiles.js
+++ b/src/core/actions/profiles.js
@@ -178,4 +178,4 @@ Profile.mergeTriggers = function (profiles)
 	return combined;
 }
 
-module.exports = { Profile };
\ No newline at end of file
+module.exports = { Profile, loadActionable };
\ No newline at end of file

From 750355395f738a961cd4d21a0d1bd924a0ea6e29 Mon Sep 17 00:00:00 2001
From: LordTocs <Tocs1001@gmail.com>
Date: Fri, 4 Jun 2021 13:17:12 -0400
Subject: [PATCH 9/9] Change nsis settings to generate an assisted installer

---
 vue.config.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/vue.config.js b/vue.config.js
index e08dacb0..2312c1ef 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -8,6 +8,10 @@ module.exports = {
 			externals: ["win32-api", "ffi-napi", "ref-napi", "node-gyp-build", "@peter-murray/hue-bridge-model", "node-hue-api", "jsdom", "canvas", "chokidar"],
 			nodeIntegration: true,
 			builderOptions: {
+				nsis: {
+					oneClick: false,
+					allowToChangeInstallationDirectory: true,
+				},
 				publish: [{
 					provider: 'github',
 					owner: "LordTocs",