From 38263d7bb67122db35a9eceb7080ba8b68545e22 Mon Sep 17 00:00:00 2001
From: alexkar598 <25136265+alexkar598@users.noreply.github.com>
Date: Thu, 22 Jun 2023 21:34:55 -0400
Subject: [PATCH] Allow for injecting iso url in build

---
 package-lock.json             | 42 +++++++++++++++++++++++++++++++++++
 package.json                  |  1 +
 src/components/FixedPanel.vue |  4 ++--
 src/vm/worker.ts              |  7 ++++++
 vite.config.js                |  2 ++
 5 files changed, 54 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e6a6a71..cc8d7e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -51,6 +51,7 @@
         "terser-webpack-plugin": "^5.3.7",
         "typescript": "^5.0.4",
         "vite-plugin-checker": "^0.5.6",
+        "vite-plugin-conditional-compiler": "^0.1.1",
         "vue-tsc": "^1.2.0"
       }
     },
@@ -5307,6 +5308,27 @@
         "node": ">=14.14"
       }
     },
+    "node_modules/vite-plugin-conditional-compiler": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-conditional-compiler/-/vite-plugin-conditional-compiler-0.1.1.tgz",
+      "integrity": "sha512-1QKTJ9/kWuqwWxtIEhtxENUQlfRfgjDyeAtic91ArQFjzI71necB7Sp9F5IGR/L1zIQXkkXBvidLLJkTJcp/OQ==",
+      "dev": true,
+      "dependencies": {
+        "magic-string": "^0.30.0"
+      }
+    },
+    "node_modules/vite-plugin-conditional-compiler/node_modules/magic-string": {
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
+      "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/vscode-jsonrpc": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-6.0.0.tgz",
@@ -9114,6 +9136,26 @@
         }
       }
     },
+    "vite-plugin-conditional-compiler": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-conditional-compiler/-/vite-plugin-conditional-compiler-0.1.1.tgz",
+      "integrity": "sha512-1QKTJ9/kWuqwWxtIEhtxENUQlfRfgjDyeAtic91ArQFjzI71necB7Sp9F5IGR/L1zIQXkkXBvidLLJkTJcp/OQ==",
+      "dev": true,
+      "requires": {
+        "magic-string": "^0.30.0"
+      },
+      "dependencies": {
+        "magic-string": {
+          "version": "0.30.0",
+          "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.0.tgz",
+          "integrity": "sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==",
+          "dev": true,
+          "requires": {
+            "@jridgewell/sourcemap-codec": "^1.4.13"
+          }
+        }
+      }
+    },
     "vscode-jsonrpc": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-6.0.0.tgz",
diff --git a/package.json b/package.json
index 4b58a84..50003fc 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "terser-webpack-plugin": "^5.3.7",
     "typescript": "^5.0.4",
     "vite-plugin-checker": "^0.5.6",
+    "vite-plugin-conditional-compiler": "^0.1.1",
     "vue-tsc": "^1.2.0"
   },
   "dependencies": {
diff --git a/src/components/FixedPanel.vue b/src/components/FixedPanel.vue
index 3d96e6b..b221754 100644
--- a/src/components/FixedPanel.vue
+++ b/src/components/FixedPanel.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import { computed } from "vue";
+
 const props = defineProps<{
   direction: "up" | "down" | "left" | "right";
 }>();
 
-import { computed } from "vue";
-
 const flexOrder = computed(() => {
   switch (props.direction) {
     case "up":
diff --git a/src/vm/worker.ts b/src/vm/worker.ts
index 4cc3243..9382ab8 100644
--- a/src/vm/worker.ts
+++ b/src/vm/worker.ts
@@ -1,6 +1,13 @@
 import wasmUrl from "../lib/v86.wasm?url";
 //import isoUrl from "val-loader!../../fetchIso.js?raw";
+
+// @ts-ignore
+// #v-ifdef DEV
+// noinspection ES6UnusedImports
 import isoUrl from "../../../buildroot/output/images/rootfs.iso9660?url";
+// #v-else
+const isoUrl = import.meta.env.VITE_ISO_URL;
+// #v-endif
 
 self.importScripts = () => {};
 
diff --git a/vite.config.js b/vite.config.js
index d6f74a0..2fde79f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -2,11 +2,13 @@
 import path from "path";
 import vue from "@vitejs/plugin-vue";
 import checker from "vite-plugin-checker";
+import ConditionalCompile from "vite-plugin-conditional-compiler";
 
 /** @type {import("vite").UserConfig} */
 const config = {
   root: "./src",
   plugins: [
+    ConditionalCompile(),
     vue(),
     checker({
       typescript: true,