Proper way to build + import hyle-wallet

Author: maxgttph

front/bun.lockb

@@ -1,5 +1,5 @@
 {
-  "name": "hyle-wallet",
+  "name": "hyle-wallet-front",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -17,24 +17,25 @@
     "elliptic": "^6.6.1",
     "hyle": "^0.2.5",
     "hyle-check-secret": "^0.3.2",
+    "hyle-wallet": "file:../hyle-wallet",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router-dom": "^7.5.0"
+    "react-router-dom": "^7.6.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.24.0",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
-    "@vitejs/plugin-react": "^4.4.0",
+    "@eslint/js": "^9.26.0",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "@vitejs/plugin-react": "^4.4.1",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.24.0",
+    "eslint": "^9.26.0",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^15.15.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.1.0",
     "postcss": "^8.5.3",
-    "tailwindcss": "^4.1.4",
-    "typescript": "~5.7.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.2.6"
+    "tailwindcss": "^4.1.6",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.32.1",
+    "vite": "^6.3.5"
   }
 }

front/package.json

@@ -6,8 +6,8 @@ import { useWalletBalance } from './hooks/useWalletBalance';
 import { useWalletTransactions } from './hooks/useWalletTransactions';
 import { useWebSocketConnection } from './hooks/useWebSocketConnection';
 import { getPublicRoutes, getProtectedRoutes, ROUTES } from './routes/routes';
-import { WalletProvider, useWallet } from 'hyle-wallet/src';
-import { useConfig } from 'hyle-wallet/src/hooks/useConfig';
+import { WalletProvider, useWallet } from 'hyle-wallet';
+import { useConfig } from 'hyle-wallet';
 import { LoadingErrorState } from './components/common/LoadingErrorState';
 
 function AppContent() {

front/src/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HyleWallet } from 'hyle-wallet/src';
+import { HyleWallet } from 'hyle-wallet';
 import { useLocation } from 'react-router-dom';
 
 type ProviderOption = 'password' | 'google' | 'github';

front/src/components/WalletShowcase.tsx

@@ -1,5 +1,5 @@
 import { Outlet, useNavigate, useLocation } from 'react-router-dom';
-import { Wallet } from 'hyle-wallet/src';
+import { Wallet } from 'hyle-wallet';
 
 interface WalletLayoutProps {
   wallet: Wallet;

front/src/components/layout/WalletLayout.tsx

@@ -1,4 +1,4 @@
-import { Wallet } from 'hyle-wallet/src';
+import { Wallet } from 'hyle-wallet';
 
 interface BalanceProps {
   wallet: Wallet;

front/src/components/wallet/Balance.tsx

@@ -1,4 +1,4 @@
-import { Transaction } from 'hyle-wallet/src';
+import { Transaction } from 'hyle-wallet';
 
 interface HistoryProps {
   transactions: Transaction[];

front/src/components/wallet/History.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { Transaction, verifyIdentity, Wallet } from 'hyle-wallet/src';
+import { Transaction, verifyIdentity, Wallet } from 'hyle-wallet';
 import { blob_builder, BlobTransaction } from 'hyle'
 import { build_proof_transaction, build_blob as check_secret_blob } from 'hyle-check-secret';
 import { nodeService } from '../../services/NodeService';

front/src/components/wallet/Send.tsx

@@ -1,13 +1,12 @@
 import { useState, useEffect } from 'react';
-import { Wallet, addSessionKey, removeSessionKey } from 'hyle-wallet/src';
+import { Wallet, addSessionKey, removeSessionKey } from 'hyle-wallet';
 import { nodeService } from '../../services/NodeService';
 import { indexerService } from '../../services/IndexerService';
 import { webSocketService } from '../../services/WebSocketService';
-import { useSessionKey } from 'hyle-wallet/src/hooks/useSessionKey';
+import { useSessionKey, walletContractName } from 'hyle-wallet';
 import { build_proof_transaction, build_blob as check_secret_blob } from 'hyle-check-secret';
 import { BlobTransaction } from 'hyle';
 import './SessionKeys.css';
-import { walletContractName } from 'hyle-wallet/src/types/wallet';
 
 interface SessionKeysProps {
   wallet: Wallet;

front/src/components/wallet/SessionKeys.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from 'react';
-import { Transaction } from 'hyle-wallet/src';
+import { Transaction } from 'hyle-wallet';
 import { indexerService } from '../services/IndexerService';
 import { AppEvent } from '../services/WebSocketService';