tsconfigs (#1460)

* reconfigure tsconfigs
* fix import paths
* js tailwind config

apps/minifront/package.json

@@ -5,10 +5,10 @@
   "license": "(MIT OR Apache-2.0)",
   "type": "module",
   "scripts": {
-    "build": "tsc && vite build",
-    "clean": "rm -rfv dist",
+    "build": "vite build",
+    "clean": "rm -rfv dist *.tsbuildinfo",
     "dev:app": "vite --port 5173",
-    "lint": "eslint src",
+    "lint": "tsc --noEmit && eslint src",
     "preview": "vite preview",
     "test": "vitest run"
   },
@@ -58,12 +58,9 @@
   },
   "devDependencies": {
     "@chain-registry/types": "^0.44.6",
-    "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^15.0.7",
     "@types/lodash": "^4.17.4",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
-    "@types/react-helmet": "^6.1.11",
-    "vite": "^5.2.11"
+    "@types/react-helmet": "^6.1.11"
   }
 }

apps/minifront/src/components/dashboard/assets-table/equivalent-values.tsx

@@ -1,4 +1,4 @@
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { asValueView } from '@penumbra-zone/getters/equivalent-value';
 import { getDisplayDenomFromView, getEquivalentValues } from '@penumbra-zone/getters/value-view';
 import { ValueViewComponent } from '@repo/ui/components/ui/value';

apps/minifront/src/components/dashboard/assets-table/index.tsx

@@ -1,4 +1,4 @@
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
+import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
 import { AddressComponent, AddressIcon } from '@repo/ui/components/ui/address';
 import { Button } from '@repo/ui/components/ui/button';
 import {

apps/minifront/src/components/shared/gas-fee.tsx

@@ -1,14 +1,14 @@
 import {
   Fee,
   FeeTier_Tier,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/fee/v1/fee_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/fee/v1/fee_pb.js';
 import { SegmentedPicker, SegmentedPickerOption } from '@repo/ui/components/ui/segmented-picker';
 import { InputBlock } from './input-block';
 import { ValueViewComponent } from '@repo/ui/components/ui/value';
 import {
   Metadata,
   ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 
 const FEE_TIER_OPTIONS: SegmentedPickerOption<FeeTier_Tier>[] = [
   {

apps/minifront/src/components/shared/input-token.tsx

@@ -2,7 +2,7 @@ import { cn } from '@repo/ui/lib/utils';
 import BalanceSelector from './selectors/balance-selector';
 import { Validation } from './validation-result';
 import { InputBlock } from './input-block';
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
+import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
 import { BalanceValueView } from '@repo/ui/components/ui/balance-value-view';
 import { getFormattedAmtFromValueView } from '@penumbra-zone/types/value-view';
 import { NumberInput } from './number-input';

apps/minifront/src/components/shared/non-native-fee-warning.tsx

@@ -1,5 +1,5 @@
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
+import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { getAssetIdFromValueView } from '@penumbra-zone/getters/value-view';
 import { getAssetId } from '@penumbra-zone/getters/metadata';
 import { useStakingTokenMetadata } from '../../state/shared';

apps/minifront/src/components/shared/selectors/asset-selector.tsx

@@ -3,7 +3,7 @@ import { AssetIcon } from '@repo/ui/components/ui/asset-icon';
 import {
   Metadata,
   ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { ValueViewComponent } from '@repo/ui/components/ui/value';
 import { useCallback, useEffect, useId, useMemo, useState } from 'react';
 import { IconInput } from '@repo/ui/components/ui/icon-input';

apps/minifront/src/components/shared/selectors/balance-item.tsx

@@ -10,7 +10,7 @@ import { cn } from '@repo/ui/lib/utils';
 import { AssetIcon } from '@repo/ui/components/ui/asset-icon';
 import { ValueViewComponent } from '@repo/ui/components/ui/value';
 import { TableCell, TableRow } from '@repo/ui/components/ui/table';
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
+import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
 
 interface BalanceItemProps {
   asset: BalanceOrMetadata;

apps/minifront/src/components/shared/selectors/balance-selector.tsx

@@ -3,10 +3,10 @@ import { useId, useState } from 'react';
 import { IconInput } from '@repo/ui/components/ui/icon-input';
 import { Dialog, DialogContent, DialogHeader } from '@repo/ui/components/ui/dialog';
 import { ValueViewComponent } from '@repo/ui/components/ui/value';
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
+import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
 import { Box } from '@repo/ui/components/ui/box';
 import { motion } from 'framer-motion';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { emptyBalanceResponse } from '../../../utils/empty-balance-response';
 import { bySearch } from './search-filters';
 import { BalanceOrMetadata, isMetadata, mergeBalancesAndAssets } from './helpers';

apps/minifront/src/components/shared/selectors/helpers.ts

@@ -1,5 +1,5 @@
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
+import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { getMetadataFromBalancesResponseOptional } from '@penumbra-zone/getters/balances-response';
 
 export type BalanceOrMetadata = BalancesResponse | Metadata;

apps/minifront/src/components/shared/selectors/loading-indicator.tsx

@@ -1,14 +1,12 @@
-import { RESOLVED_TAILWIND_CONFIG } from '@repo/tailwind-config/resolved-tailwind-config';
 import { LineWave } from 'react-loader-spinner';
 
+import resolveConfig from 'tailwindcss/resolveConfig';
+import tailwindConfig from '@repo/tailwind-config';
+
+// eslint-disable-next-line
+const lightGrey: string = (resolveConfig(tailwindConfig).theme.colors as any)['light-grey'].DEFAULT;
+
 /**
  * A loading indicator shared by several selectors.
  */
-export const LoadingIndicator = () => (
-  <LineWave
-    visible
-    height='30'
-    width='30'
-    color={RESOLVED_TAILWIND_CONFIG.theme.colors['light-grey'].DEFAULT}
-  />
-);
+export const LoadingIndicator = () => <LineWave visible height='30' width='30' color={lightGrey} />;

apps/minifront/src/components/shared/selectors/search-filters.ts

@@ -1,6 +1,6 @@
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
+import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
 import { getDisplayDenomFromView, getSymbolFromValueView } from '@penumbra-zone/getters/value-view';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { type BalanceOrMetadata, isBalance, isMetadata } from './helpers';
 import { getValueViewCaseFromBalancesResponse } from '@penumbra-zone/getters/balances-response';
 

apps/minifront/src/components/staking/account/delegation-value-view/index.test.tsx

@@ -4,8 +4,8 @@ import { render } from '@testing-library/react';
 import {
   Metadata,
   ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
+import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb.js';
 import { bech32mIdentityKey } from '@penumbra-zone/bech32m/penumbravalid';
 
 const u8 = (length: number) => Uint8Array.from({ length }, () => Math.floor(Math.random() * 256));

apps/minifront/src/components/staking/account/delegation-value-view/index.tsx

@@ -1,4 +1,4 @@
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { ValidatorInfoComponent } from './validator-info-component';
 import { ValueViewComponent } from '@repo/ui/components/ui/value';
 import { StakingActions } from './staking-actions';

apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/form-dialog.tsx

@@ -2,8 +2,8 @@ import { Button } from '@repo/ui/components/ui/button';
 import { Dialog, DialogContent, DialogHeader } from '@repo/ui/components/ui/dialog';
 import { IdentityKeyComponent } from '@repo/ui/components/ui/identity-key-component';
 import { InputBlock } from '../../../../shared/input-block';
-import { Validator } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { Validator } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb.js';
+import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { FormEvent } from 'react';
 import { getIdentityKey } from '@penumbra-zone/getters/validator';
 import { getFormattedAmtFromValueView } from '@penumbra-zone/types/value-view';

apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/index.test.tsx

@@ -1,8 +1,8 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { StakingActions } from '.';
 import { render } from '@testing-library/react';
-import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb.js';
+import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { AllSlices } from '../../../../../state';
 
 const nonZeroBalance = new ValueView({

apps/minifront/src/components/staking/account/delegation-value-view/staking-actions/index.tsx

@@ -1,6 +1,6 @@
 import { Button } from '@repo/ui/components/ui/button';
-import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb.js';
+import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { FormDialog } from './form-dialog';
 import { useMemo } from 'react';
 import { AllSlices } from '../../../../../state';

apps/minifront/src/components/staking/account/delegation-value-view/validator-info-component.tsx

@@ -1,4 +1,4 @@
-import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
+import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb.js';
 import { IdentityKeyComponent } from '@repo/ui/components/ui/identity-key-component';
 import {
   Tooltip,
@@ -12,7 +12,7 @@ import {
   getValidator,
 } from '@penumbra-zone/getters/validator-info';
 import { calculateCommissionAsPercentage } from '@penumbra-zone/types/staking';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { AssetIcon } from '@repo/ui/components/ui/asset-icon';
 
 /**

apps/minifront/src/components/staking/account/delegations.tsx

@@ -1,7 +1,7 @@
 import { AnimatePresence, motion } from 'framer-motion';
 import { AllSlices } from '../../../state';
 import { DelegationValueView } from './delegation-value-view';
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { useStoreShallow } from '../../../utils/use-store-shallow';
 import { getValidatorIdentityKeyFromValueView } from '@penumbra-zone/getters/value-view';
 import { bech32mIdentityKey } from '@penumbra-zone/bech32m/penumbravalid';

apps/minifront/src/components/staking/account/header/unbonding-tokens.tsx

@@ -1,7 +1,7 @@
 import {
   Metadata,
   ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { getDisplayDenomFromView } from '@penumbra-zone/getters/value-view';
 import {
   TooltipProvider,

apps/minifront/src/components/staking/account/use-staking-tokens-and-filter.ts

@@ -8,7 +8,7 @@ import {
 import {
   Metadata,
   ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { getDisplayDenomFromView } from '@penumbra-zone/getters/value-view';
 import { assetPatterns } from '@penumbra-zone/types/assets';
 

apps/minifront/src/components/staking/validator-info-row.tsx

@@ -1,4 +1,4 @@
-import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
+import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb.js';
 import { TableCell, TableRow } from '@repo/ui/components/ui/table';
 import { ReactNode } from 'react';
 import { Oval } from 'react-loader-spinner';

apps/minifront/src/components/staking/validators-table.tsx

@@ -8,7 +8,7 @@ import {
 } from '@repo/ui/components/ui/table';
 import { Oval } from 'react-loader-spinner';
 import { ValidatorInfoRow } from './validator-info-row';
-import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb';
+import { ValidatorInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/stake/v1/stake_pb.js';
 import { ReactNode } from 'react';
 import { getValidator } from '@penumbra-zone/getters/validator-info';
 import { VotingPowerAsIntegerPercentage } from '@penumbra-zone/types/staking';

apps/minifront/src/components/swap/auction-list/get-filtered-auction-infos.test.ts

@@ -3,7 +3,7 @@ import { getFilteredAuctionInfos } from './get-filtered-auction-infos';
 import {
   AuctionId,
   DutchAuction,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/auction/v1/auction_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/auction/v1/auction_pb.js';
 import { AuctionInfo } from '../../../fetchers/auction-infos';
 
 const MOCK_AUCTION_1 = new DutchAuction({

apps/minifront/src/components/swap/auction-list/index.tsx

@@ -1,7 +1,7 @@
 import { AllSlices } from '../../../state';
 import { DutchAuctionComponent } from '@repo/ui/components/ui/dutch-auction-component';
 import { useStoreShallow } from '../../../utils/use-store-shallow';
-import { AuctionId } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/auction/v1/auction_pb';
+import { AuctionId } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/auction/v1/auction_pb.js';
 import { GradientHeader } from '@repo/ui/components/ui/gradient-header';
 import { QueryLatestStateButton } from './query-latest-state-button';
 import { Card } from '@repo/ui/components/ui/card';

apps/minifront/src/components/swap/swap-form/simulate-swap-result/index.tsx

@@ -10,7 +10,7 @@ import {
 } from '@penumbra-zone/getters/value-view';
 import { Traces } from './traces';
 import { AllSlices } from '../../../../state';
-import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { toBaseUnit } from '@penumbra-zone/types/lo-hi';
 import BigNumber from 'bignumber.js';
 import { useStoreShallow } from '../../../../utils/use-store-shallow';

apps/minifront/src/components/swap/swap-form/simulate-swap-result/traces/index.tsx

@@ -1,9 +1,9 @@
-import { SwapExecution_Trace } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/dex/v1/dex_pb';
+import { SwapExecution_Trace } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/dex/v1/dex_pb.js';
 import { Trace } from './trace';
 import {
   Metadata,
   ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { ValueViewComponent } from '@repo/ui/components/ui/value';
 import { ArrowDown, ArrowUp } from 'lucide-react';
 

apps/minifront/src/components/swap/swap-form/simulate-swap-result/traces/trace/index.tsx

@@ -2,8 +2,8 @@ import {
   Metadata,
   Value,
   ValueView,
-} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { SwapExecution_Trace } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/dex/v1/dex_pb';
+} from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
+import { SwapExecution_Trace } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/dex/v1/dex_pb.js';
 import { bech32mAssetId } from '@penumbra-zone/bech32m/passet';
 import { ValueViewComponent } from '@repo/ui/components/ui/value';
 import { Price } from './price';

apps/minifront/src/components/swap/swap-form/simulate-swap-result/traces/trace/price.tsx

@@ -1,5 +1,5 @@
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
-import { SwapExecution_Trace } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/dex/v1/dex_pb';
+import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
+import { SwapExecution_Trace } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/component/dex/v1/dex_pb.js';
 import { bech32mAssetId } from '@penumbra-zone/bech32m/passet';
 import { getDisplayDenomExponent } from '@penumbra-zone/getters/metadata';
 import { formatAmount, removeTrailingZeros } from '@penumbra-zone/types/amount';

apps/minifront/src/components/swap/swap-form/token-swap-input.tsx

@@ -1,6 +1,6 @@
 import { BalanceValueView } from '@repo/ui/components/ui/balance-value-view';
-import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
-import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
+import { BalancesResponse } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
+import { Metadata } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb.js';
 import { Box } from '@repo/ui/components/ui/box';
 import { CandlestickPlot } from '@repo/ui/components/ui/candlestick-plot';
 import { joinLoHiAmount } from '@penumbra-zone/types/amount';

apps/minifront/src/components/tx-details/hooks.ts

@@ -1,7 +1,7 @@
 import { asReceiverTransactionView } from '@penumbra-zone/perspective/translators/transaction-view';
 import { viewClient } from '../../clients';
-import { TransactionView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/transaction/v1/transaction_pb';
-import { TransactionInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
+import { TransactionView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/transaction/v1/transaction_pb.js';
+import { TransactionInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
 
 const fetchReceiverView = async (txInfo: TransactionInfo): Promise<TransactionView> => {
   return await asReceiverTransactionView(txInfo.view, {

apps/minifront/src/components/tx-details/tx-viewer.tsx

@@ -1,6 +1,6 @@
 import { JsonViewer } from '@repo/ui/components/ui/json-viewer';
 import { TransactionViewComponent } from '@repo/ui/components/ui/tx';
-import { TransactionInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb';
+import { TransactionInfo } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/view/v1/view_pb.js';
 import type { Jsonified } from '@penumbra-zone/types/jsonified';
 import { useState } from 'react';
 import { SegmentedPicker } from '@repo/ui/components/ui/segmented-picker';

apps/minifront/src/fetchers/address.ts

@@ -1,4 +1,4 @@
-import { Address } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/keys/v1/keys_pb';
+import { Address } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/keys/v1/keys_pb.js';
 import { viewClient } from '../clients';
 import { bech32mAddress } from '@penumbra-zone/bech32m/penumbra';