feat: port openasar dom optimization technique

plugins/openasar-dom-optimizer/index.tsx

@@ -0,0 +1,64 @@
+/**
+ * OpenAsar has this cool little optimization technique that delays some operations when
+ * switching channels or servers, so that the switch is faster.
+ * 
+ * https://github.com/GooseMod/OpenAsar/blob/ef4470849624032a8eb7265eabd23158aa5a2356/src/mainWindow.js#L99
+ * https://github.com/GooseMod/OpenAsar/wiki/DOM-Optimizer
+ */
+
+const {
+  plugin: {
+    store
+  },
+  ui: {
+    SwitchItem,
+    Text
+  }
+} = shelter
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+const optimize = (orig: Function) =>
+  function (...args: unknown[]) {
+    if (
+      // @ts-expect-error womp womp
+      typeof args[0].className === 'string' &&
+      // @ts-expect-error womp womp
+      args[0].className.indexOf('activity') !== -1
+    )
+      return setTimeout(() => orig.apply(this, args), 100)
+
+    return orig.apply(this, args)
+  }
+
+if (store.remove) {
+  Element.prototype.removeChild = optimize(Element.prototype.removeChild)
+}
+
+if (store.append) {
+  Element.prototype.appendChild = optimize(Element.prototype.appendChild)
+}
+
+export const settings = () => (
+  <>
+    <Text>
+      <b>Changing these settings requires a refresh.</b>
+      <br />
+      <br />
+      See <a href="https://github.com/GooseMod/OpenAsar/wiki/DOM-Optimizer">the OpenAsar wiki</a> for more information on how this works!
+    </Text>
+    <br />
+    <br />
+    <SwitchItem
+      value={store.append}
+      onChange={(v) => (store.append = v)}
+    >
+      Apply to Element.appendChild
+    </SwitchItem>
+    <SwitchItem
+      value={store.remove}
+      onChange={(v) => (store.remove = v)}
+    >
+      Apply to Element.removeChild
+    </SwitchItem>
+  </>
+)

plugins/openasar-dom-optimizer/plugin.json

@@ -0,0 +1,5 @@
+{
+  "name": "OpenAsar DOM Optimizer",
+  "author": "OpenAsar team & SpikeHD",
+  "description": "Optimize channel and server switching!"
+}