refactor: use named export when possible

apps/docs/src/components/homepage-features/index.tsx

@@ -65,7 +65,7 @@ function Feature({ title, emoji, description }: FeatureItem) {
   );
 }
 
-export default function HomepageFeatures() {
+export function HomepageFeatures() {
   return (
     <section className={clsx(styles.features, "margin-vert--lg")}>
       <div className="container">

apps/docs/src/components/homepage-sponsors/index.tsx

@@ -96,7 +96,7 @@ function Sponsor({ title, image, href }: SponsorItem) {
   );
 }
 
-export default function HomepageSponsors() {
+export function HomepageSponsors() {
   return (
     <section className="margin-vert--lg">
       <header className="text--center">

apps/docs/src/pages/index.tsx

@@ -1,8 +1,8 @@
-import HomepageSponsors from "../components/homepage-sponsors";
+import { HomepageSponsors } from "../components/homepage-sponsors";
 import styles from "./index.module.css";
 import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import HomepageFeatures from "@site/src/components/homepage-features";
+import { HomepageFeatures } from "@site/src/components/homepage-features";
 import Heading from "@theme/Heading";
 import Layout from "@theme/Layout";
 import clsx from "clsx";

apps/example/src/app.tsx

@@ -1,4 +1,4 @@
-import config from "./config";
+import { config } from "./config";
 import { IDLE, MutationError, PENDING } from "@reactive-dot/core";
 import type { Wallet } from "@reactive-dot/core/wallets.js";
 import {
@@ -374,7 +374,7 @@ function Example(props: ExampleProps) {
   );
 }
 
-export default function App() {
+export function App() {
   return (
     <ReDotProvider config={config}>
       <Suspense fallback="Loading wallet connection...">

apps/example/src/config.ts

@@ -13,7 +13,7 @@ const smoldotPromise = startFromWorker(
   }),
 );
 
-const config = {
+export const config = {
   chains: {
     polkadot: {
       descriptor: polkadot,
@@ -60,5 +60,3 @@ const config = {
     }),
   ],
 } as const satisfies Config;
-
-export default config;

apps/example/src/index.tsx

@@ -1,4 +1,4 @@
-import App from "./app.js";
+import { App } from "./app.js";
 import "./index.css";
 import React from "react";
 import ReactDOM from "react-dom/client";

packages/core/src/actions/connect-wallet.ts

@@ -1,4 +1,4 @@
-import type Wallet from "../wallets/wallet.js";
+import type { Wallet } from "../wallets/wallet.js";
 
 export async function connectWallet(wallet: Wallet | Wallet[]) {
   const walletsToConnect = Array.isArray(wallet) ? wallet : [wallet];

packages/core/src/actions/disconnect-wallet.ts

@@ -1,4 +1,4 @@
-import type Wallet from "../wallets/wallet.js";
+import type { Wallet } from "../wallets/wallet.js";
 
 export async function disconnectWallet(wallet: Wallet | Wallet[]) {
   const walletsToDisconnect = Array.isArray(wallet) ? wallet : [wallet];

packages/core/src/actions/get-accounts.ts

@@ -1,6 +1,6 @@
 import type { MaybeAsync } from "../types.js";
 import { toObservable } from "../utils.js";
-import type Wallet from "../wallets/wallet.js";
+import type { Wallet } from "../wallets/wallet.js";
 import type { ChainSpecData } from "@polkadot-api/substrate-client";
 import { combineLatest } from "rxjs";
 import { map, switchMap } from "rxjs/operators";

packages/core/src/actions/get-connected-wallets.ts

@@ -1,6 +1,6 @@
 import type { MaybeAsync } from "../types.js";
 import { toObservable } from "../utils.js";
-import type Wallet from "../wallets/wallet.js";
+import type { Wallet } from "../wallets/wallet.js";
 import { combineLatest } from "rxjs";
 import { map, switchMap } from "rxjs/operators";
 

packages/core/src/index.ts

@@ -1,5 +1,5 @@
 export {
-  default as Query,
+  Query,
   type InferQueryPayload,
   type InferQueryResponse,
   type MultiInstruction,

packages/core/src/query-builder.ts

@@ -222,7 +222,7 @@ export type InferQueryPayload<T extends Query> =
     ? InferInstructionsPayload<Instructions, Descriptor>
     : never;
 
-export default class Query<
+export class Query<
   const TInstructions extends QueryInstruction[] = QueryInstruction[],
   TDescriptor extends ChainDefinition = CommonDescriptor,
 > implements Query<TInstructions>

packages/core/src/wallets/aggregator/aggregator.ts

@@ -1,7 +1,7 @@
-import type Wallet from "../wallet.js";
+import type { Wallet } from "../wallet.js";
 import type { Observable } from "rxjs";
 
-export default abstract class WalletAggregator {
+export abstract class WalletAggregator {
   abstract scan(): Wallet[] | Promise<Wallet[]>;
 
   abstract readonly wallets$: Observable<Wallet[]>;

packages/core/src/wallets/aggregator/index.ts

@@ -1,2 +1,2 @@
-export { default as WalletAggregator } from "./aggregator.js";
-export { default as InjectedWalletAggregator } from "./injected.js";
+export { WalletAggregator } from "./aggregator.js";
+export { InjectedWalletAggregator } from "./injected.js";

packages/core/src/wallets/aggregator/injected.ts

@@ -1,11 +1,11 @@
-import InjectedWallet from "../injected.js";
+import { InjectedWallet } from "../injected.js";
 import type { WalletOptions } from "../wallet.js";
-import WalletAggregator from "./aggregator.js";
+import { WalletAggregator } from "./aggregator.js";
 import { getInjectedExtensions } from "polkadot-api/pjs-signer";
 import { BehaviorSubject } from "rxjs";
 import { map } from "rxjs/operators";
 
-export default class InjectedWalletAggregator extends WalletAggregator {
+export class InjectedWalletAggregator extends WalletAggregator {
   #walletOptions: WalletOptions | undefined;
 
   constructor(options?: WalletOptions) {

packages/core/src/wallets/deep-link.ts

@@ -1,11 +1,11 @@
-import Wallet from "./wallet.js";
+import { Wallet } from "./wallet.js";
 
 type ConnectionHandshake = {
   uri: string;
   settled: Promise<void>;
 };
 
-export default abstract class DeepLinkWallet extends Wallet {
+export abstract class DeepLinkWallet extends Wallet {
   abstract initiateConnectionHandshake():
     | ConnectionHandshake
     | Promise<ConnectionHandshake>;

packages/core/src/wallets/index.ts

@@ -1,6 +1,6 @@
 export * from "./aggregator/index.js";
-export { default as DeepLinkWallet } from "./deep-link.js";
+export { DeepLinkWallet } from "./deep-link.js";
 export { initializeWallets } from "./initialize-wallets.js";
-export { default as InjectedWallet } from "./injected.js";
-export { default as WalletConnect } from "./wallet-connect/index.js";
-export { default as Wallet } from "./wallet.js";
+export { InjectedWallet } from "./injected.js";
+export { WalletConnect } from "./wallet-connect/index.js";
+export { Wallet } from "./wallet.js";

packages/core/src/wallets/initialize-wallets.ts

@@ -1,5 +1,5 @@
 import { WalletAggregator } from "./aggregator/index.js";
-import type Wallet from "./wallet.js";
+import type { Wallet } from "./wallet.js";
 
 export async function initializeWallets(
   walletsOrAggregators: Array<Wallet | WalletAggregator>,

packages/core/src/wallets/injected.ts

@@ -1,5 +1,5 @@
 import { ReDotError } from "../errors.js";
-import Wallet, { type WalletOptions } from "./wallet.js";
+import { Wallet, type WalletOptions } from "./wallet.js";
 import {
   connectInjectedExtension,
   type InjectedExtension,
@@ -8,7 +8,7 @@ import {
 import { BehaviorSubject, Observable } from "rxjs";
 import { map, switchMap } from "rxjs/operators";
 
-export default class InjectedWallet extends Wallet {
+export class InjectedWallet extends Wallet {
   readonly #extension$ = new BehaviorSubject<InjectedExtension | undefined>(
     undefined,
   );

packages/core/src/wallets/wallet-connect/index.ts

@@ -1,5 +1,5 @@
 import { ReDotError } from "../../errors.js";
-import DeepLinkWallet from "../deep-link.js";
+import { DeepLinkWallet } from "../deep-link.js";
 import { getPolkadotSignerFromPjs } from "./from-pjs-account.js";
 import type {
   WalletConnectModal,
@@ -14,7 +14,7 @@ import type { InjectedPolkadotAccount } from "polkadot-api/pjs-signer";
 import { BehaviorSubject, lastValueFrom } from "rxjs";
 import { map } from "rxjs/operators";
 
-export default class WalletConnect extends DeepLinkWallet {
+export class WalletConnect extends DeepLinkWallet {
   readonly #providerOptions: UniversalProviderOpts;
 
   #provider: IUniversalProvider | undefined;

packages/core/src/wallets/wallet.ts

@@ -6,7 +6,7 @@ export type WalletOptions = {
   storage?: PrefixedStorage | undefined;
 };
 
-export default abstract class Wallet {
+export abstract class Wallet {
   abstract readonly id: string;
 
   abstract readonly name: string;

packages/react/src/hooks/use-accounts.ts

@@ -1,6 +1,6 @@
 import { accountsAtom } from "../stores/accounts.js";
 import type { ChainHookOptions } from "./types.js";
-import useChainId from "./use-chain-id.js";
+import { useChainId } from "./use-chain-id.js";
 import { useAtomValue } from "jotai";
 
 /**

packages/react/src/hooks/use-block.ts

@@ -3,7 +3,7 @@ import {
   finalizedBlockAtomFamily,
 } from "../stores/block.js";
 import type { ChainHookOptions } from "./types.js";
-import useChainId from "./use-chain-id.js";
+import { useChainId } from "./use-chain-id.js";
 import { useAtomValue } from "jotai";
 
 /**

packages/react/src/hooks/use-chain-id.ts

@@ -3,7 +3,7 @@ import type { ChainHookOptions } from "./types.js";
 import { ReDotError } from "@reactive-dot/core";
 import { useContext } from "react";
 
-export default function useChainId(options?: ChainHookOptions) {
+export function useChainId(options?: ChainHookOptions) {
   const contextChainId = useContext(ChainIdContext);
   const chainId = options?.chainId ?? contextChainId;
 

packages/react/src/hooks/use-chain-spec-data.ts

@@ -1,6 +1,6 @@
 import { chainSpecDataAtomFamily } from "../stores/client.js";
 import type { ChainHookOptions } from "./types.js";
-import useChainId from "./use-chain-id.js";
+import { useChainId } from "./use-chain-id.js";
 import { useAtomValue } from "jotai";
 
 /**

packages/react/src/hooks/use-client.ts

@@ -1,6 +1,6 @@
 import { clientAtomFamily } from "../stores/client.js";
 import type { ChainHookOptions } from "./types.js";
-import useChainId from "./use-chain-id.js";
+import { useChainId } from "./use-chain-id.js";
 import { useAtomValue } from "jotai";
 
 /**

packages/react/src/hooks/use-mutation.ts

@@ -6,7 +6,7 @@ import {
 import { typedApiAtomFamily } from "../stores/client.js";
 import type { ChainHookOptions } from "./types.js";
 import { useAsyncState } from "./use-async-state.js";
-import useChainId from "./use-chain-id.js";
+import { useChainId } from "./use-chain-id.js";
 import type { ChainId, Chains } from "@reactive-dot/core";
 import { MutationError, PENDING } from "@reactive-dot/core";
 import { useAtomCallback } from "jotai/utils";

packages/react/src/hooks/use-query.ts

@@ -5,7 +5,7 @@ import {
 import type { Falsy, FalsyGuard, FlatHead } from "../types.js";
 import { flatHead, stringify } from "../utils/vanilla.js";
 import type { ChainHookOptions } from "./types.js";
-import useChainId from "./use-chain-id.js";
+import { useChainId } from "./use-chain-id.js";
 import {
   IDLE,
   Query,

packages/react/src/hooks/use-typed-api.ts

@@ -1,6 +1,6 @@
 import { typedApiAtomFamily } from "../stores/client.js";
 import type { ChainHookOptions } from "./types.js";
-import useChainId from "./use-chain-id.js";
+import { useChainId } from "./use-chain-id.js";
 import type { ChainId, Chains } from "@reactive-dot/core";
 import { useAtomValue } from "jotai";
 import type { TypedApi } from "polkadot-api";

packages/utils/src/DenominatedNumber.test.ts → packages/utils/src/denominated-number.test.ts

@@ -1,4 +1,4 @@
-import DenominatedNumber from "./DenominatedNumber.js";
+import { DenominatedNumber } from "./denominated-number.js";
 import { describe, expect, it } from "vitest";
 
 describe("DenominatedNumber", () => {

packages/utils/src/DenominatedNumber.ts → packages/utils/src/denominated-number.ts

@@ -1,4 +1,4 @@
-export default class DenominatedNumber extends Number {
+export class DenominatedNumber extends Number {
   // Large values lead to massive memory usage. Limit to something sensible.
   static #maxDecimal = 100;
 

packages/utils/src/index.ts

@@ -1 +1 @@
-export { default as DenominatedNumber } from "./DenominatedNumber.js";
+export { DenominatedNumber } from "./denominated-number.js";