fix: circular dependency

package.json

@@ -59,7 +59,7 @@
     "@web/dev-server-esbuild": "^0.4.1",
     "@web/test-runner": "^0.15.0",
     "@web/test-runner-playwright": "^0.9.0",
-    "@webbtc/webln-types": "^1.0.12",
+    "@webbtc/webln-types": "^2.0.0",
     "@webcomponents/webcomponentsjs": "^2.6.0",
     "concurrently": "^8.2.0",
     "esbuild": "^0.18.17",

src/connectors/Connector.ts

@@ -1,4 +1,3 @@
-import store from '../state/store';
 import {ConnectorConfig} from '../types/ConnectorConfig';
 
 export abstract class Connector {
@@ -13,34 +12,31 @@ export abstract class Connector {
       throw new Error('window.webln does not exist');
     }
     await window.webln.enable();
-    await this.loadAlias();
-    await this.loadBalance();
   }
 
-  async loadBalance() {
+  async getBalance() {
     try {
-      // FIXME: typings
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const balanceResponse = await (window.webln as any).getBalance();
-      if (balanceResponse.balance !== undefined) {
-        store.getState().setBalance(balanceResponse.balance);
+      if (!window.webln) {
+        throw new Error('webln not found');
       }
+      const balanceResponse = await window.webln.getBalance?.();
+      return balanceResponse?.balance;
     } catch (error) {
       console.error('Failed to get balance', error);
     }
+    return undefined;
   }
 
-  async loadAlias() {
+  async getAlias() {
     try {
       if (!window.webln) {
         throw new Error('webln not found');
       }
       const info = await window.webln.getInfo();
-      if (info.node.alias) {
-        store.getState().setAlias(info.node.alias);
-      }
+      return info.node.alias;
     } catch (error) {
       console.error('Failed to get alias', error);
+      return undefined;
     }
   }
 }

src/state/store.ts

@@ -1,8 +1,8 @@
 import {createStore} from 'zustand/vanilla';
-import {Connector} from '../connectors/Connector';
 import {ConnectorConfig} from '../types/ConnectorConfig';
 import {connectors} from '../connectors';
 import {dispatchLwcEvent} from '../utils/dispatchLwcEvent';
+import {Connector} from '../connectors/Connector';
 
 interface PrivateStore {
   readonly connector: Connector | undefined;
@@ -49,11 +49,15 @@ const store = createStore<Store>((set) => ({
     try {
       const connector = new connectors[config.connectorType](config);
       await connector.init();
+      const balance = await connector.getBalance();
+      const alias = await connector.getAlias();
       privateStore.getState().setConfig(config);
       privateStore.getState().setConnector(connector);
       set({
         connected: true,
         connecting: false,
+        balance,
+        alias,
         connectorName: config.connectorName,
       });
       dispatchLwcEvent('lwc:connected');

yarn.lock

@@ -2376,10 +2376,10 @@
     portfinder "^1.0.32"
     source-map "^0.7.3"
 
-"@webbtc/webln-types@^1.0.12":
-  version "1.0.12"
-  resolved "https://registry.yarnpkg.com/@webbtc/webln-types/-/webln-types-1.0.12.tgz#ddb5f0dbaa0a853ef21a4f36a603199d43cc8682"
-  integrity sha512-uCsJt78RaW/UYDXwAjjs6aj7fiXyozwMknWvPROCaGMx+rXoPddtDjMIMbMFLvUJVQmnyzpqGkx/0jBIvVaVvA==
+"@webbtc/webln-types@^2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@webbtc/webln-types/-/webln-types-2.0.0.tgz#d0fae5d2bf253a77dccbd37b2c9752292b798686"
+  integrity sha512-tLYbKHDHUugArcw1nyAOelpMhno4FrCAcHiNm6Fzt4c9EqVbGpP9HSE9v4tSiWP+5oExecZ9cdWCAarDL/qoLw==
 
 "@webcomponents/webcomponentsjs@^2.6.0":
   version "2.8.0"