Revert "refactor(frontend): 💡 remove hashconnect virtualization worka…

…round"

This reverts commit fe4730d.

frontend/src/lib/hashconnect/dappMetadata.ts

@@ -1,4 +1,4 @@
-import type { DappMetadata } from 'hashconnect'
+import type { DappMetadata } from 'virtual:hashconnect'
 
 export const dappMetadata: DappMetadata = {
 	name: 'BIDI',

frontend/src/lib/hashconnect/hashConnect.svelte.ts

@@ -5,9 +5,9 @@ import type { ExecuteTransaction } from '$lib/hedera/Execute'
 import { MirrorNodeClient } from '$lib/hedera/MirrorNodeClient'
 import { AccountId, LedgerId, TokenId } from '@hashgraph/sdk'
 import { tokenUtils as getTokenUtils } from '@tikz/hedera-mirror-node-ts'
-import { HashConnect, type SessionData } from 'hashconnect'
 import type { HashConnectSigner } from 'hashconnect/dist/signer'
 import { untrack } from 'svelte'
+import { HashConnect, type SessionData } from 'virtual:hashconnect'
 import { dappMetadata } from './dappMetadata'
 
 /**

frontend/src/lib/hashconnect/virtual:hashconnect.d.ts

@@ -0,0 +1,3 @@
+declare module 'virtual:hashconnect' {
+	export * from 'hashconnect'
+}

frontend/src/lib/hashconnect/virtualHashConnect.ts

@@ -0,0 +1,19 @@
+import { type Plugin } from 'vite'
+
+/**
+ * a compatibility layer to import `hashconnect` through vite instead of allowing sveltekit to process it
+ *
+ * `hashconnect` can't be imported by node directly because it uses imports without extensions in its dist files. importing through sveltekit code doesn't work because of this, because sveltekit's processing is not as forgiving as vite's. but we can circumvent this by creating a virtual module that uses vite's module resolution to create a working bundle of `hashconnect` (as a pre-bundled dependency).
+ */
+export const getVirtualHashConnectPlugin = (): Plugin => {
+	const virtualModuleId = 'virtual:hashconnect'
+
+	return {
+		name: 'virtual-hashconnect', // required, will show up in warnings and errors
+		async resolveId(id) {
+			if (id === virtualModuleId) {
+				return await this.resolve('hashconnect')
+			}
+		},
+	}
+}

frontend/vite.config.ts

@@ -1,9 +1,10 @@
 import { sveltekit } from '@sveltejs/kit/vite'
 import { defineConfig } from 'vite'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import { getVirtualHashConnectPlugin } from './src/lib/hashconnect/virtualHashConnect'
 
 export default defineConfig({
-	plugins: [nodePolyfills(), sveltekit()],
+	plugins: [nodePolyfills(), getVirtualHashConnectPlugin(), sveltekit()],
 	ssr: {
 		noExternal: ['@tikz/hedera-mirror-node-ts'],
 	},