fix: remove eslint for preact in package.json

Author: VanessaPC

package.json

@@ -7,7 +7,8 @@
     "node": ">=16.20.2"
   },
   "workspaces": [
-    "packages/*"
+    "packages/*",
+    "packages/e2e/test/web-extension/dapp-connector-preact"
   ],
   "scripts": {
     "build": "yarn workspaces foreach -v run build",

packages/e2e/test/web-extension/dapp-connector-preact/package.json

@@ -3,11 +3,16 @@
 	"scripts": {
 		"dev": "webpack serve --mode development --open",
 		"build": "webpack --mode production",
-		"preview": "vite preview"
+		"lint": "eslint --ignore-path ../../../../../.eslintignore \"**/*.ts\" \"**/*.tsx\""
 	},
 	"dependencies": {
+		"@cardano-sdk/cardano-services-client": "workspace:~",
+		"@cardano-sdk/core": "workspace:~",
 		"@cardano-sdk/crypto": "workspace:~",
 		"@cardano-sdk/dapp-connector-client": "workspace:~",
+		"@cardano-sdk/tx-construction": "workspace:~",
+		"@cardano-sdk/util-dev": "workspace:~",
+		"@cardano-sdk/wallet": "workspace:~",
 		"buffer": "^6.0.3",
 		"crypto-browserify": "^3.12.0",
 		"libsodium-wrappers-sumo": "^0.7.5",
@@ -39,8 +44,5 @@
 		"webpack": "^5.91.0",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^5.0.4"
-	},
-	"eslintConfig": {
-		"extends": "preact"
 	}
 }

packages/e2e/test/web-extension/dapp-connector-preact/src/components/connect/index.tsx

@@ -1,7 +1,7 @@
-import { ConnectWalletDependencies, listWallets, connectWallet } from '@cardano-sdk/dapp-connector-client';
-import { logger } from '@cardano-sdk/util-dev';
+import { ConnectWalletDependencies, connectWallet, listWallets } from '@cardano-sdk/dapp-connector-client';
 import { ObservableWallet } from '@cardano-sdk/wallet';
-import { tap, switchMap, combineLatest } from 'rxjs';
+import { combineLatest, switchMap, tap } from 'rxjs';
+import { logger } from '@cardano-sdk/util-dev';
 
 import { connectWalletDependencies } from '../../constants';
 import { connectorStore } from '../../state/store';
@@ -12,7 +12,7 @@ const connectLace = (dependencies: ConnectWalletDependencies) => {
   const wallets = listWallets({ logger });
   const lace = wallets.find(({ id }) => id === 'lace');
   if (!lace) {
-    return undefined;
+    return;
   }
 
   return connectWallet(lace, dependencies)
@@ -30,6 +30,4 @@ const connectLace = (dependencies: ConnectWalletDependencies) => {
     });
 };
 
-export const Connect = () => {
-  return <button onClick={() => connectLace(connectWalletDependencies)}>Connect wallet</button>;
-};
+export const Connect = () => <button onClick={() => connectLace(connectWalletDependencies)}>Connect wallet</button>;

packages/e2e/test/web-extension/dapp-connector-preact/src/components/dashboard/index.tsx

@@ -1,12 +1,9 @@
-import { Logs, WalletActions } from '..';
 import './dashboard.css';
+import { Logs, WalletActions } from '..';
 
-export const Dashboard = () => {
-  // TODO: show a message if it's empty or not connected
-  return (
-    <div class="dashboard-container">
-      <WalletActions />
-      <Logs />
-    </div>
-  );
-};
+export const Dashboard = () => (
+  <div class="dashboard-container">
+    <WalletActions />
+    <Logs />
+  </div>
+);

packages/e2e/test/web-extension/dapp-connector-preact/src/components/header/index.tsx

@@ -1,18 +1,18 @@
 import { useLocation } from 'preact-iso';
 
-export function Header() {
+export const Header = () => {
   const { url } = useLocation();
 
   return (
     <header>
       <nav>
-        <a href="/" className={url == '/' ? 'active' : undefined}>
+        <a href="/" className={url === '/' ? 'active' : undefined}>
           Home
         </a>
-        <a href="/404" className={url == '/404' ? 'active' : undefined}>
+        <a href="/404" className={url === '/404' ? 'active' : undefined}>
           404
         </a>
       </nav>
     </header>
   );
-}
+};

packages/e2e/test/web-extension/dapp-connector-preact/src/components/wallet-actions/index.tsx

@@ -1,6 +1,6 @@
-import { useEffect, useState } from 'preact/hooks';
 import { Store, connectorStore } from '../../state/store';
 import { sendCoins, sendSeveralAssets, singleDelegation, singleUndelegation } from '../../features';
+import { useEffect, useState } from 'preact/hooks';
 
 import './wallet-actions.css';
 
@@ -11,7 +11,9 @@ export const WalletActions = () => {
     const subscription = connectorStore.subscribe(setStoreState);
     connectorStore.init();
 
-    () => subscription.unsubscribe();
+    return () => {
+      subscription.unsubscribe();
+    };
   }, []);
 
   if (!storeState.wallet) {
@@ -24,12 +26,10 @@ export const WalletActions = () => {
     }
 
     const { hash, txId } = await sendCoins({ connectedWallet: storeState.wallet });
-    console.log('hash and txId', hash, txId);
-
     connectorStore.log({
+      hash,
       title: 'Send coins',
-      hash: hash,
-      txId: txId
+      txId
     });
   };
 
@@ -39,11 +39,10 @@ export const WalletActions = () => {
     }
 
     const { hash, txId } = await sendSeveralAssets({ connectedWallet: storeState.wallet });
-    console.log('hash and txId', hash, txId);
     connectorStore.log({
+      hash,
       title: 'Send several assets',
-      hash: hash,
-      txId: txId
+      txId
     });
   };
 
@@ -53,12 +52,10 @@ export const WalletActions = () => {
     }
 
     const { hash, txId } = await singleDelegation({ connectedWallet: storeState.wallet });
-    console.log('hash and txId', hash, txId);
-
     connectorStore.log({
+      hash,
       title: 'Single delegation',
-      hash: hash,
-      txId: txId
+      txId
     });
   };
 
@@ -68,12 +65,10 @@ export const WalletActions = () => {
     }
 
     const { hash, txId } = await singleUndelegation({ connectedWallet: storeState.wallet });
-    console.log('hash and txId', hash, txId);
-
     connectorStore.log({
+      hash,
       title: 'Single undelegation',
-      hash: hash,
-      txId: txId
+      txId
     });
   };
 

packages/e2e/test/web-extension/dapp-connector-preact/src/components/wallet-logs/index.tsx

@@ -1,5 +1,5 @@
-import { useState, useEffect } from 'preact/hooks';
 import { Store, connectorStore } from '../../state/store';
+import { useEffect, useState } from 'preact/hooks';
 
 import './logs.css';
 
@@ -10,7 +10,9 @@ export const Logs = () => {
     const subscription = connectorStore.subscribe(setStoreState);
     connectorStore.init();
 
-    () => subscription.unsubscribe();
+    return () => {
+      subscription.unsubscribe();
+    };
   }, []);
 
   if (!storeState.wallet || !storeState.addresses || !storeState.balance) {
@@ -27,20 +29,18 @@ export const Logs = () => {
         <h4>Addresses: </h4> {getAddresses()}
       </div>
       <div>
-        {storeState.log.map((entry) => {
-          return (
-            <>
-              <h4>{entry.title}</h4>
-              <p>
-                <h5>hash:</h5>
-                {entry.hash}
-              </p>
-              <p>
-                <h5>tx ID:</h5> {entry.txId}
-              </p>
-            </>
-          );
-        })}
+        {storeState.log.map((entry) => (
+          <>
+            <h4>{entry.title}</h4>
+            <p>
+              <h5>hash:</h5>
+              {entry.hash}
+            </p>
+            <p>
+              <h5>tx ID:</h5> {entry.txId}
+            </p>
+          </>
+        ))}
       </div>
     </div>
   );

packages/e2e/test/web-extension/dapp-connector-preact/src/features/sendCoins.ts

@@ -1,5 +1,5 @@
-import { inspectAndSignTx } from '../utils';
 import { ObservableWallet } from '@cardano-sdk/wallet';
+import { inspectAndSignTx } from '../utils';
 
 export const sendCoins = async ({
   connectedWallet
@@ -11,7 +11,7 @@ export const sendCoins = async ({
   const builtTx = builder.addOutput(output).build();
 
   return new Promise(async (resolve) => {
-    const { hash, txId } = await inspectAndSignTx({ builtTx, connectedWallet: connectedWallet });
+    const { hash, txId } = await inspectAndSignTx({ builtTx, connectedWallet });
     resolve({ hash, txId });
   });
 };

packages/e2e/test/web-extension/dapp-connector-preact/src/features/sendSeveralAssets.ts

@@ -1,14 +1,14 @@
-import { ObservableWallet } from '@cardano-sdk/wallet';
 import { EMPTY, catchError, take, tap } from 'rxjs';
+import { ObservableWallet } from '@cardano-sdk/wallet';
 import { inspectAndSignTx } from '../utils';
 import { logger } from '@cardano-sdk/util-dev';
 
 export const sendSeveralAssets = ({
   connectedWallet
 }: {
   connectedWallet: ObservableWallet;
-}): Promise<{ hash: string; txId: string }> => {
-  return new Promise((resolve, reject) => {
+}): Promise<{ hash: string; txId: string }> =>
+  new Promise((resolve, reject) => {
     connectedWallet.balance.utxo.available$
       .pipe(
         take(1),
@@ -52,4 +52,3 @@ export const sendSeveralAssets = ({
       )
       .subscribe();
   });
-};

packages/e2e/test/web-extension/dapp-connector-preact/src/features/singleDelegation.ts

@@ -1,15 +1,15 @@
-import { ObservableWallet } from '@cardano-sdk/wallet';
+import { Cardano } from '@cardano-sdk/core';
 import { EMPTY, catchError, take, tap } from 'rxjs';
+import { ObservableWallet } from '@cardano-sdk/wallet';
 import { inspectAndSignTx } from '../utils';
-import { Cardano } from '@cardano-sdk/core';
 import { logger } from '@cardano-sdk/util-dev';
 
 export const singleDelegation = ({
   connectedWallet
 }: {
   connectedWallet: ObservableWallet;
-}): Promise<{ hash: string; txId: string }> => {
-  return new Promise((resolve, reject) => {
+}): Promise<{ hash: string; txId: string }> =>
+  new Promise((resolve, reject) => {
     connectedWallet.balance.utxo.available$
       .pipe(
         take(1),
@@ -52,4 +52,3 @@ export const singleDelegation = ({
       )
       .subscribe();
   });
-};

packages/e2e/test/web-extension/dapp-connector-preact/src/features/singleUndelegation.ts

@@ -1,14 +1,14 @@
-import { ObservableWallet } from '@cardano-sdk/wallet';
 import { EMPTY, catchError, take, tap } from 'rxjs';
+import { ObservableWallet } from '@cardano-sdk/wallet';
 import { inspectAndSignTx } from '../utils';
 import { logger } from '@cardano-sdk/util-dev';
 
 export const singleUndelegation = ({
   connectedWallet
 }: {
   connectedWallet: ObservableWallet;
-}): Promise<{ hash: string; txId: string }> => {
-  return new Promise((resolve, reject) => {
+}): Promise<{ hash: string; txId: string }> =>
+  new Promise((resolve, reject) => {
     connectedWallet.balance.utxo.available$
       .pipe(
         take(1),
@@ -34,4 +34,3 @@ export const singleUndelegation = ({
       )
       .subscribe();
   });
-};

packages/e2e/test/web-extension/dapp-connector-preact/src/index.tsx

@@ -1,28 +1,25 @@
-import { hydrate, prerender as ssr } from 'preact-iso';
-import { Router, Route } from 'preact-router';
+import './style.css';
 import { Header } from './components/header';
 import { Home } from './pages/Home';
 import { NotFound } from './pages/_404';
-import './style.css';
+import { Route, Router } from 'preact-router';
+import { hydrate, prerender as ssr } from 'preact-iso';
 
-export function App() {
-  return (
-    <>
-      <Header />
-      <main>
-        <Router>
-          <Route path="/" component={Home} />
-          <Route path="/404" component={NotFound} />
-        </Router>
-      </main>
-    </>
-  );
-}
+export const App = () => (
+  <>
+    <Header />
+    <main>
+      <Router>
+        <Route path="/" component={Home} />
+        <Route path="/404" component={NotFound} />
+      </Router>
+    </main>
+  </>
+);
 
 if (typeof window !== 'undefined') {
-  hydrate(<App />, document.getElementById('app')!);
+  hydrate(<App />, document.querySelector('#app')!);
 }
 
-export async function prerender(data: any) {
-  return await ssr(<App {...data} />);
-}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const prerender = async (data: any) => await ssr(<App {...data} />);

packages/e2e/test/web-extension/dapp-connector-preact/src/pages/Home/index.tsx

@@ -2,12 +2,10 @@ import { Connect, Dashboard } from '../../components';
 
 import './style.css';
 
-export function Home() {
-  return (
-    <div class="home">
-      <h1>Dapp Connector </h1>
-      <Connect />
-      <Dashboard />
-    </div>
-  );
-}
+export const Home = () => (
+  <div class="home">
+    <h1>Dapp Connector </h1>
+    <Connect />
+    <Dashboard />
+  </div>
+);