From f203a2f7e23777cbb8bcfb113f2f6d55ca90db16 Mon Sep 17 00:00:00 2001
From: Jubal Mabaquiao <jubal.mabaquiao@gmail.com>
Date: Fri, 22 Nov 2024 13:59:42 +0800
Subject: [PATCH 1/5] fixed build error when app/js folder does not exist

---
 build/bundler.mts | 15 ++++++++++++---
 build/vendor.mts  |  8 ++++----
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/build/bundler.mts b/build/bundler.mts
index d0fb084d..e90fe4cc 100644
--- a/build/bundler.mts
+++ b/build/bundler.mts
@@ -1,6 +1,6 @@
-import * as path from 'path'
-import * as url from 'url'
-import { promises as fs } from 'fs'
+import * as path from 'node:path'
+import * as url from 'node:url'
+import { promises as fs } from 'node:fs'
 
 const directoryOfThisFile = path.dirname(url.fileURLToPath(import.meta.url))
 
@@ -62,12 +62,21 @@ async function* getFiles(topDir: string): AsyncGenerator<string, any, undefined>
 	}
 }
 
+async function ensureDirectoryExists(dir: string) {
+	try {
+		await fs.access(dir)
+	} catch {
+		await fs.mkdir(dir, { recursive: true })
+	}
+}
+
 async function replaceImportsInJSFiles() {
 	const folders = [
 		path.join(directoryOfThisFile, '..', 'app', 'js'),
 		path.join(directoryOfThisFile, '..', 'app', 'vendor')
 	]
 	for (const folder of folders) {
+		await ensureDirectoryExists(folder)
 		for await (const filePath of getFiles(folder)) {
 			if (path.extname(filePath) !== '.js' && path.extname(filePath) !== '.mjs') continue
 			const replaced = replaceImport(filePath, await fs.readFile(filePath, 'utf8'))
diff --git a/build/vendor.mts b/build/vendor.mts
index 098568eb..8d655627 100644
--- a/build/vendor.mts
+++ b/build/vendor.mts
@@ -1,7 +1,7 @@
-import * as path from 'path'
-import * as url from 'url'
-import { promises as fs } from 'fs'
-import { FileType, recursiveDirectoryCopy } from '@zoltu/file-copier'
+import * as path from 'node:path'
+import * as url from 'node:url'
+import { promises as fs } from 'node:fs'
+import { type FileType, recursiveDirectoryCopy } from '@zoltu/file-copier'
 import { createHash } from 'node:crypto'
 
 const directoryOfThisFile = path.dirname(url.fileURLToPath(import.meta.url))

From 6af3e78d45c9e495466ef43a0fe5c6099509447a Mon Sep 17 00:00:00 2001
From: KillariDev <killari@gmail.com>
Date: Fri, 22 Nov 2024 12:11:50 +0200
Subject: [PATCH 2/5] move chain selector to left

---
 app/ts/components/subcomponents/ChainSelector.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/ts/components/subcomponents/ChainSelector.tsx b/app/ts/components/subcomponents/ChainSelector.tsx
index b26f09a8..307d0749 100644
--- a/app/ts/components/subcomponents/ChainSelector.tsx
+++ b/app/ts/components/subcomponents/ChainSelector.tsx
@@ -57,7 +57,7 @@ export function ChainSelector(params: ChainSelectorParams) {
 		setIsOpen(false)
 	}
 
-	return <div ref = { wrapperRef } class = { `dropdown ${ isOpen ? 'is-active' : '' }` } style = { { justifyContent: 'end', width: '100%' } }>
+	return <div ref = { wrapperRef } class = { `dropdown ${ isOpen ? 'is-active' : '' }` } style = { { width: '100%' } }>
 		<div class = 'dropdown-trigger' style = { { maxWidth: '100%' } }>
 			<button className = { `button is-primary is-reveal ${ chain.value === undefined ? 'is-danger' : '' }` } aria-haspopup = 'true' aria-controls = 'dropdown-menu' onClick = { () => setIsOpen(!isOpen) } title = { chain.value === undefined ? 'unknown' : chain.value.name  } style = { { width: '100%', columnGap: '0.5em' } }>
 				<span class = 'truncate' style = { { contain: 'content' } }>{ chain.value === undefined ? 'unknown' : chain.value.name }</span>

From 6a652b7bc785a5686b77a3946f6bb5cf3d5b1718 Mon Sep 17 00:00:00 2001
From: KillariDev <killari@gmail.com>
Date: Mon, 25 Nov 2024 11:40:48 +0200
Subject: [PATCH 3/5] use safe parsing as not all messages are `MessageToPopup`
 messages in the bus

---
 app/ts/components/pages/SettingsView.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/ts/components/pages/SettingsView.tsx b/app/ts/components/pages/SettingsView.tsx
index 6db55f06..8188033e 100644
--- a/app/ts/components/pages/SettingsView.tsx
+++ b/app/ts/components/pages/SettingsView.tsx
@@ -240,8 +240,9 @@ export function useRpcConnectionsList() {
 	const entries = useSignal<RpcEntries>([])
 
 	const trackRpcListChanges = (message: unknown) => {
-		const parsedMessage = MessageToPopup.parse(message)
-		if (parsedMessage.method === 'popup_update_rpc_list') { entries.value = parsedMessage.data }
+		const parsedMessage = MessageToPopup.safeParse(message)
+		if (parsedMessage.success === false) return
+		if (parsedMessage.value.method === 'popup_update_rpc_list') { entries.value = parsedMessage.value.data }
 	}
 
 	const initiallyLoadEntriesFromStorage = async () => { entries.value = await getRpcList() }

From a79243ba097b91367f5a4dfb8fc3b1acd9ee81fe Mon Sep 17 00:00:00 2001
From: Jubal Mabaquiao <jubal.mabaquiao@gmail.com>
Date: Thu, 28 Nov 2024 10:24:35 +0800
Subject: [PATCH 4/5] remove recursive mkdir option

---
 build/bundler.mts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/build/bundler.mts b/build/bundler.mts
index e90fe4cc..347ff2d5 100644
--- a/build/bundler.mts
+++ b/build/bundler.mts
@@ -66,8 +66,7 @@ async function ensureDirectoryExists(dir: string) {
 	try {
 		await fs.access(dir)
 	} catch {
-		await fs.mkdir(dir, { recursive: true })
-	}
+		await fs.mkdir(dir)
 }
 
 async function replaceImportsInJSFiles() {

From aaecabcbfbc9125083d01f9d18003b8037094582 Mon Sep 17 00:00:00 2001
From: KillariDev <killari@gmail.com>
Date: Thu, 28 Nov 2024 10:37:25 +0200
Subject: [PATCH 5/5] add } back

---
 build/bundler.mts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/build/bundler.mts b/build/bundler.mts
index 347ff2d5..575070f6 100644
--- a/build/bundler.mts
+++ b/build/bundler.mts
@@ -67,6 +67,7 @@ async function ensureDirectoryExists(dir: string) {
 		await fs.access(dir)
 	} catch {
 		await fs.mkdir(dir)
+	}
 }
 
 async function replaceImportsInJSFiles() {