From 273af9ef54ee41adb3cf0158dbfc6606cae3c46a Mon Sep 17 00:00:00 2001
From: BomberFish <bomberfish@bomberfish.ca>
Date: Sat, 31 Aug 2024 21:33:56 -0400
Subject: [PATCH] regedit

---
 dreamlandjs                            |   2 +-
 public/assets/icons/regedit.svg        |  25 +++
 public/assets/icons/system-monitor.svg |   9 +
 public/index.html                      |   1 +
 src/Boot.tsx                           |   3 +
 src/api/Settings.ts                    |  16 +-
 src/coreapps/RegEdit.tsx               | 274 +++++++++++++++++++++++++
 src/coreapps/TaskManager.tsx           |   2 +-
 v86                                    |   2 +-
 x86_image_wizard/twisp                 |   2 +-
 10 files changed, 327 insertions(+), 9 deletions(-)
 create mode 100644 public/assets/icons/regedit.svg
 create mode 100644 public/assets/icons/system-monitor.svg
 create mode 100644 src/coreapps/RegEdit.tsx

diff --git a/dreamlandjs b/dreamlandjs
index ed51ad6f..108d3033 160000
--- a/dreamlandjs
+++ b/dreamlandjs
@@ -1 +1 @@
-Subproject commit ed51ad6fc47e2522617222da2a05b05b96ae22f8
+Subproject commit 108d3033da31832f428a003520f1f116346edd0e
diff --git a/public/assets/icons/regedit.svg b/public/assets/icons/regedit.svg
new file mode 100644
index 00000000..e136aac5
--- /dev/null
+++ b/public/assets/icons/regedit.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
+ <path style="fill:#259fb3" d="m40.999867 41.000074v17.999933h15.300143c1.495995 0 2.69999-1.203995 2.69999-2.69999v-15.300143h-17.999933z"/>
+ <rect style="fill:#1e8496" width="18" height="18" x="23" y="41"/>
+ <path style="fill:#186977" d="m5 41.000074v15.300143c0 1.495715 1.2041355 2.69979 2.69979 2.69979h15.300143v-17.999933h-17.999933z"/>
+ <rect style="opacity:.2" width="18" height="18" x="5" y="24"/>
+ <rect style="fill:#4ca9ba" width="18" height="18" x="5" y="23"/>
+ <rect style="opacity:.2" width="18" height="18" x="23" y="24"/>
+ <rect style="fill:#6eb9c7" width="18" height="18" x="23" y="23"/>
+ <rect style="opacity:.2" width="18" height="18" x="41" y="24"/>
+ <rect style="fill:#90cad5" width="18" height="18" x="41" y="23"/>
+ <path style="opacity:.2" d="m40.999867 6.0001328v17.9999332h17.999933v-15.3001432c0-1.4955945-1.203995-2.69979-2.69999-2.69979h-15.299943z"/>
+ <path style="fill:#c5e6ec" d="m40.999867 5.000207v17.999933h17.999933v-15.300143c0-1.4955945-1.203995-2.69979-2.69999-2.69979h-15.299943z"/>
+ <rect style="opacity:.2" width="18" height="18" x="23" y="6"/>
+ <rect style="fill:#acdbe3" width="18" height="18" x="23" y="5"/>
+ <path style="opacity:.2" d="m7.69979 6.0001328c-1.4955945 0-2.69979 1.2041955-2.69979 2.69979v15.3001432h17.999933v-17.9999332h-15.300143z"/>
+ <path style="fill:#96d1dc" d="m7.69979 5.000207c-1.4955945 0-2.69979 1.2041955-2.69979 2.69979v15.300143h17.999933v-17.999933h-15.300143z"/>
+ <path style="opacity:.2" d="m5 56.3v1.000211c0 1.496312 1.2034678 2.699789 2.6993165 2.699789h48.6013665c1.49605 0 2.699317-1.203477 2.699317-2.699789v-1.000211c0 1.496311-1.203267 2.699789-2.699317 2.699789h-48.6013665c-1.4958487 0-2.6993165-1.203478-2.6993165-2.699789z"/>
+ <path style="opacity:.2;fill:#ffffff" d="m7.6992188 5c-1.4958222 0-2.6992188 1.203164-2.6992188 2.6992188v1c0-1.4960548 1.2033966-2.6992188 2.6992188-2.6992188h48.6015622c1.496023 0 2.699219 1.203164 2.699219 2.6992188v-1c0-1.4960549-1.203196-2.6992188-2.699219-2.6992188h-48.6015622z"/>
+ <circle style="fill:#48aeff" cx="47" cy="47" r="16"/>
+ <path style="opacity:.2" d="m31.02539 47.5a16 16.001894 0 0 0 -0.02539 0.498106 16 16.001894 0 0 0 16 16.001894 16 16.001894 0 0 0 16 -16.001894 16 16.001894 0 0 0 -0.01758 -0.492246 16 16.001894 0 0 1 -15.982422 15.494022 16 16.001894 0 0 1 -15.974608 -15.499882z"/>
+ <path style="fill:#ffffff" d="m39.50022 39.00021h5.99998c0.2765 0 0.4998 0.22302 0.4998 0.50001v5.99998c0 0.2765-0.2233 0.4998-0.4998 0.4998h-6.00019c-0.27699 0-0.50001-0.2233-0.50001-0.4998v-6.00019c0-0.27699 0.22302-0.50001 0.50001-0.50001z"/>
+ <path style="fill:#ffffff" d="m48.49978 39h5.99974c0.27719 0 0.50048 0.223027 0.50048 0.500025v6.000159c0 0.276509-0.22329 0.499816-0.49978 0.499816h-5.999739c-0.27719 0-0.500481-0.223307-0.500481-0.499816v-6.000159c0-0.277006 0.22299-0.500018 0.499983-0.500018z"/>
+ <path style="fill:#ffffff" d="m39.50022 48.000209h5.99998c0.2765 0 0.4998 0.223021 0.4998 0.50001v5.999981c0 0.276499-0.2233 0.499799-0.4998 0.499799h-6.00019c-0.27699 0-0.50001-0.2233-0.50001-0.499799v-6.000191c0-0.27699 0.22302-0.50001 0.50001-0.50001z"/>
+ <path style="fill:#ffffff" d="m48.49978 47.999999h5.99974c0.27719 0 0.50048 0.223027 0.50048 0.500026v6.000159c0 0.276509-0.22329 0.499815-0.49978 0.499815h-5.999739c-0.27719 0-0.500481-0.223306-0.500481-0.499815v-6.000159c0-0.277006 0.22299-0.500018 0.499983-0.500018z"/>
+</svg>
diff --git a/public/assets/icons/system-monitor.svg b/public/assets/icons/system-monitor.svg
new file mode 100644
index 00000000..c63c3f66
--- /dev/null
+++ b/public/assets/icons/system-monitor.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" version="1">
+ <rect style="opacity:0.2" width="56" height="56" x="4" y="5" rx="16.8" ry="16.8"/>
+ <rect style="fill:#4f4f4f" width="56" height="56" x="4" y="4" rx="16.8" ry="16.8"/>
+ <path style="opacity:0.15" d="M 7.15625,11 C 6.4853716,11.934306 5.8995614,12.934673 5.4296876,14 H 58.570312 C 58.100438,12.934673 57.514628,11.934306 56.84375,11 Z m -3.0625,8 C 4.0312716,19.591447 4,20.192234 4,20.800782 V 22 H 60 V 20.800782 C 60,20.192234 59.968728,19.591447 59.90625,19 Z M 4,27 v 3 h 56 v -3 z m 0,8 v 3 h 56 v -3 z m 0,8 v 0.19922 C 4,44.154144 4.0827564,45.089408 4.234375,46 H 59.765624 C 59.917244,45.089408 60,44.154144 60,43.199218 V 43 Z m 1.9101562,8 c 0.5621126,1.074862 1.2393746,2.078934 2.0117188,3 h 48.156249 c 0.772346,-0.921066 1.449608,-1.925138 2.01172,-3 z"/>
+ <path style="opacity:0.2;fill:none;stroke:#000000;stroke-width:6;stroke-linejoin:round" d="m 4,32.000662 h 8.4 l 7,-13.999999 5.6,25.999999 9.8,-29.999999 7,35.999999 8.4,-18 H 60"/>
+ <path style="fill:none;stroke:#00e441;stroke-width:6;stroke-linejoin:round" d="m 4,31 h 8.4 l 7,-14 5.6,26 9.8,-30 7,36 8.4,-18 H 60"/>
+ <path style="opacity:0.1;fill:#ffffff" d="M 20.800781 4 C 11.493581 4 4 11.493581 4 20.800781 L 4 21.800781 C 4 12.493581 11.493581 5 20.800781 5 L 43.199219 5 C 52.506419 5 60 12.493581 60 21.800781 L 60 20.800781 C 60 11.493581 52.506419 4 43.199219 4 L 20.800781 4 z"/>
+ <path style="fill:#ffffff;opacity:0.2" d="M 34.986328 10.005859 A 3.0003 3.0003 0 0 0 31.949219 12.068359 L 25.595703 31.517578 L 22.332031 16.369141 A 3.0003 3.0003 0 0 0 16.716797 15.658203 L 10.544922 28 L 4 28 L 4 29 L 10.544922 29 L 16.716797 16.658203 A 3.0003 3.0003 0 0 1 22.332031 17.369141 L 25.595703 32.517578 L 31.949219 13.068359 A 3.0003 3.0003 0 0 1 34.986328 11.005859 A 3.0003 3.0003 0 0 1 37.744141 13.427734 L 42.982422 40.371094 L 47.482422 30.730469 A 3.0003 3.0003 0 0 1 50.199219 29 L 60 29 L 60 28 L 50.199219 28 A 3.0003 3.0003 0 0 0 47.482422 29.730469 L 42.982422 39.371094 L 37.744141 12.427734 A 3.0003 3.0003 0 0 0 34.986328 10.005859 z"/>
+</svg>
diff --git a/public/index.html b/public/index.html
index 9fee45df..9078ade5 100755
--- a/public/index.html
+++ b/public/index.html
@@ -102,6 +102,7 @@
         ></script>
         <script type="text/javascript" src="lib/coreapps/AboutApp.js"></script>
         <script type="text/javascript" src="lib/coreapps/Dialog.js"></script>
+        <script type="text/javascript" src="lib/coreapps/RegEdit.js"></script>
         <script
             type="text/javascript"
             src="lib/libs/NodePolyfills/NodeFS.js"
diff --git a/src/Boot.tsx b/src/Boot.tsx
index b1610c06..0372a051 100644
--- a/src/Boot.tsx
+++ b/src/Boot.tsx
@@ -477,6 +477,9 @@ document.addEventListener("anura-login-completed", async () => {
     const explore = new ExploreApp();
     anura.registerApp(explore);
 
+    const regedit = new RegEdit();
+    anura.registerApp(regedit);
+
     const dialog = new Dialog();
     const dialogApp = await anura.registerApp(dialog);
     (anura.dialog as any) = dialogApp;
diff --git a/src/api/Settings.ts b/src/api/Settings.ts
index d778bc42..25043cd8 100644
--- a/src/api/Settings.ts
+++ b/src/api/Settings.ts
@@ -1,5 +1,5 @@
 class Settings {
-    private cache: { [key: string]: any } = {};
+    cache: { [key: string]: any } = {};
     fs: AnuraFilesystem;
     private constructor(fs: AnuraFilesystem, inital: { [key: string]: any }) {
         this.fs = fs;
@@ -59,6 +59,10 @@ class Settings {
             initial["user-xapps"] = [];
         }
 
+        if (!initial["disable-regedit-warning"]) {
+            initial["disable-regedit-warning"] = false;
+        }
+
         try {
             const raw = await fs.promises.readFile("/anura_settings.json");
             // This Uint8Array is actuallly a buffer, so JSON.parse can handle it
@@ -77,11 +81,16 @@ class Settings {
         return prop in this.cache;
     }
     async set(prop: string, val: any, subprop?: string) {
+        console.debug("Setting " + prop + " to " + val);
         if (subprop) {
             this.cache[prop][subprop] = val;
         } else {
             this.cache[prop] = val;
         }
+        this.save();
+    }
+    async save() {
+        console.debug("Saving settings to fs", this.cache);
         await this.fs.promises.writeFile(
             "/anura_settings.json",
             JSON.stringify(this.cache),
@@ -96,9 +105,6 @@ class Settings {
         } else {
             delete this.cache[prop];
         }
-        await this.fs.promises.writeFile(
-            "/anura_settings.json",
-            JSON.stringify(this.cache),
-        );
+        this.save();
     }
 }
diff --git a/src/coreapps/RegEdit.tsx b/src/coreapps/RegEdit.tsx
new file mode 100644
index 00000000..3922e6bc
--- /dev/null
+++ b/src/coreapps/RegEdit.tsx
@@ -0,0 +1,274 @@
+function hasChildren(entry: any[]) {
+    return (
+        Object.entries(entry[1]).filter((setting) => {
+            return (
+                setting[1] instanceof Object && !(setting[1] instanceof Array)
+            );
+        }).length > 0
+    );
+}
+
+const DisclosureGroup: Component<{
+    entry: any[];
+    sel: { [key: string]: any };
+    level?: number;
+}> = function () {
+    if (!this.level) this.level = 1;
+
+    this.css = `
+    margin-left: ${0.8 * this.level!}em;
+    `;
+
+    return (
+        <div>
+            {hasChildren(this.entry) ? (
+                <details>
+                    <summary>
+                        <span
+                            on:click={(e: MouseEvent) => {
+                                e.preventDefault();
+                                this.sel = this.entry[1];
+                            }}
+                        >
+                            {this.entry[0]}
+                        </span>
+                    </summary>
+                    {Object.entries(this.entry[1])
+                        .filter((setting) => {
+                            return (
+                                setting[1] instanceof Object &&
+                                !(setting[1] instanceof Array)
+                            );
+                        })
+                        .map((item: any) => (
+                            <DisclosureGroup
+                                entry={item}
+                                bind:sel={use(this.sel)}
+                                sel={this.sel}
+                                level={this.level! + 1}
+                            />
+                        ))}
+                </details>
+            ) : (
+                <span
+                    on:click={() => {
+                        this.sel = this.entry[1];
+                    }}
+                >
+                    {this.entry[0]}
+                </span>
+            )}
+        </div>
+    );
+};
+
+class RegEdit extends App {
+    hidden = false;
+    constructor() {
+        super();
+        this.name = "Registry Editor";
+        this.icon = "/assets/icons/regedit.svg";
+        this.package = "anura.regedit";
+    }
+
+    css = css`
+        display: flex;
+        border-top: 1px solid var(--theme-border) #pane-left {
+            width: max(10%, 200px);
+            border-right: 1px solid var(--theme-border);
+            overflow: scroll;
+            text-overflow: nowrap;
+            white-space: nowrap;
+            padding-left: 0.5em;
+        }
+
+        #pane-right {
+            width: calc(100% - max(10%, 200px));
+            min-width: 400px;
+            padding-inline: 0.5em;
+        }
+
+        #detail {
+            width: 100%;
+            height: 100%;
+        }
+
+        table {
+            width: 100%;
+            margin: 0;
+        }
+
+        .value {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            max-width: 8em;
+        }
+
+        .name {
+            max-width: 8em;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+    `;
+    state = $state({
+        selected: anura.settings.cache,
+    });
+
+    page = async () => (
+        <div
+            style={{
+                height: "100%",
+                width: "100%",
+                position: "absolute",
+                color: use(anura.ui.theme.state.foreground),
+                background: use(anura.ui.theme.state.background),
+            }}
+            class={`background ${this.css}`}
+        >
+            <div id="pane-left">
+                <div id="detail">
+                    <details open>
+                        <summary>
+                            <span
+                                on:click={(e: MouseEvent) => {
+                                    e.preventDefault();
+                                    this.state.selected = anura.settings.cache;
+                                }}
+                            >
+                                System
+                            </span>
+                        </summary>
+                        {Object.entries(anura.settings.cache)
+                            .filter((setting) => {
+                                return (
+                                    setting[1] instanceof Object &&
+                                    !(setting[1] instanceof Array)
+                                );
+                            })
+                            .map((item: any) => (
+                                <DisclosureGroup
+                                    entry={item}
+                                    bind:sel={use(this.state.selected)}
+                                    sel={this.state.selected}
+                                />
+                            ))}
+                    </details>
+                </div>
+            </div>
+
+            <div id="pane-right">
+                {/* someone else can make this resizable, i cba */}
+                <table>
+                    <tr>
+                        <th>Name</th>
+                        <th>Type</th>
+                        <th>Value</th>
+                    </tr>
+                    {use(this.state.selected, (sel) =>
+                        Object.entries(sel)
+                            .filter((setting) => {
+                                return (
+                                    !(setting[1] instanceof Object) ||
+                                    setting[1] instanceof Array
+                                );
+                            })
+                            .map((item: any) => (
+                                <tr
+                                    on:dblclick={() => {
+                                        switch (typeof item[1]) {
+                                            case "boolean":
+                                                anura.dialog
+                                                    .confirm(
+                                                        `The key will be set to ${!item[1]}`,
+                                                        `Change value of ${item[0]}?`,
+                                                    )
+                                                    .then((value) => {
+                                                        if (value) {
+                                                            sel[item[0]] =
+                                                                !item[1];
+                                                            anura.settings.save();
+                                                        }
+                                                    });
+                                                break;
+                                            case "number":
+                                                anura.dialog
+                                                    .prompt(
+                                                        `Enter new value for ${item[0]}`,
+                                                        item[1],
+                                                    )
+                                                    .then((value) => {
+                                                        if (value !== null) {
+                                                            const val2 = parseInt(
+                                                                value as string,
+                                                            );
+                                                            sel[item[0]] = val2;
+                                                            anura.settings.save();
+                                                        }
+                                                    });
+                                                break;
+                                            case "object":
+                                                // anura.dialog.prompt(`Enter new value for ${item[0]}`, item[1])
+                                                // .then((value) => {
+                                                //     if (value !== null) {
+                                                //         let val2 = JSON.parse(value as string);
+                                                //         sel[item[0]] = val2;
+                                                //         anura.settings.save();
+                                                //     }
+                                                // });
+                                                break;
+                                            default:
+                                                anura.dialog
+                                                    .prompt(
+                                                        `Enter new value for ${item[0]}`,
+                                                        item[1],
+                                                    )
+                                                    .then((value) => {
+                                                        if (value !== null) {
+                                                            const val2 =
+                                                                value as string;
+                                                            sel[item[0]] = val2;
+                                                            anura.settings.save();
+                                                        }
+                                                    });
+                                                break;
+                                        }
+                                    }}
+                                >
+                                    <td class="name">{item[0]}</td>
+                                    <td class="type">{typeof item[1]}</td>
+                                    <td class="value">{item[1]}</td>
+                                </tr>
+                            )),
+                    )}
+                </table>
+            </div>
+        </div>
+    );
+
+    async open(): Promise<WMWindow | undefined> {
+        const win = anura.wm.create(this, {
+            title: "Registry Editor",
+            width: "910px",
+            height: `${(720 * window.innerHeight) / 1080}px`,
+            resizable: true,
+        });
+
+        win.content.appendChild(await this.page());
+        if (!anura.settings.get("disable-regedit-warning")) {
+            anura.dialog
+                .confirm(
+                    "Are you sure you want to continue?",
+                    "Editing the registry can cause irreparable damage to your system!",
+                )
+                .then((value) => {
+                    if (value === false) {
+                        win.close();
+                    }
+                });
+        }
+
+        return win;
+    }
+}
diff --git a/src/coreapps/TaskManager.tsx b/src/coreapps/TaskManager.tsx
index 1a6ddc9e..1cba17a6 100644
--- a/src/coreapps/TaskManager.tsx
+++ b/src/coreapps/TaskManager.tsx
@@ -3,7 +3,7 @@ class TaskManager extends App {
     constructor() {
         super();
         this.name = "Task Manager";
-        this.icon = "/assets/icons/generic.png";
+        this.icon = "/assets/icons/system-monitor.svg";
         this.package = "anura.taskmgr";
     }
 
diff --git a/v86 b/v86
index 08a9c661..0dbfa1bd 160000
--- a/v86
+++ b/v86
@@ -1 +1 @@
-Subproject commit 08a9c6618305a07a663d7108f27238a497d98eab
+Subproject commit 0dbfa1bdd1344d49b304469fdfca5935d1332908
diff --git a/x86_image_wizard/twisp b/x86_image_wizard/twisp
index ae6e6527..111f5c3c 160000
--- a/x86_image_wizard/twisp
+++ b/x86_image_wizard/twisp
@@ -1 +1 @@
-Subproject commit ae6e6527d79c5206c305f27658ff16a6d2840748
+Subproject commit 111f5c3c077c6905b27cc20b9591a688a494926a