publish packages (#1305)

- tsc for package builds
- use `globalThis.__DEV__` for dev toggle
- private packages are now `@repo` namespaced

.changeset/ninety-meals-vanish.md

@@ -0,0 +1,24 @@
+---
+'@penumbra-zone/transport-chrome': major
+'@repo/tailwind-config': major
+'@repo/eslint-config': major
+'@penumbra-zone/transport-dom': major
+'@penumbra-zone/perspective': major
+'@penumbra-zone/protobuf': major
+'@penumbra-zone/services': major
+'@repo/tsconfig': major
+'node-status': major
+'@penumbra-zone/bech32m': major
+'@penumbra-zone/getters': major
+'@penumbra-zone/storage': major
+'@penumbra-zone/client': major
+'@penumbra-zone/crypto-web': major
+'@penumbra-zone/zquery': major
+'minifront': major
+'@penumbra-zone/query': major
+'@penumbra-zone/types': major
+'@penumbra-zone/wasm': major
+'@repo/ui': major
+---
+
+reconfigure all package builds

.github/workflows/compile-wasm.yml

@@ -17,7 +17,7 @@ jobs:
       - uses: pnpm/action-setup@v2
       - uses: buildjet/setup-node@v4
         with:
-          node-version: '21'
+          node-version: '22'
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - run: pnpm turbo telemetry disable

.github/workflows/packages-release.yml

@@ -28,7 +28,7 @@ jobs:
       - uses: pnpm/action-setup@v2
       - uses: buildjet/setup-node@v4
         with:
-          node-version: '21'
+          node-version: '22'
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - run: pnpm turbo telemetry disable

.github/workflows/turbo-ci.yml

@@ -43,7 +43,7 @@ jobs:
       - uses: pnpm/action-setup@v2
       - uses: buildjet/setup-node@v4
         with:
-          node-version: '21'
+          node-version: '22'
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - run: pnpm turbo telemetry disable
@@ -64,7 +64,7 @@ jobs:
       - uses: pnpm/action-setup@v2
       - uses: buildjet/setup-node@v4
         with:
-          node-version: '21'
+          node-version: '22'
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - run: pnpm turbo telemetry disable
@@ -85,7 +85,7 @@ jobs:
       - uses: pnpm/action-setup@v2
       - uses: buildjet/setup-node@v4
         with:
-          node-version: '21'
+          node-version: '22'
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - run: pnpm turbo telemetry disable
@@ -107,7 +107,7 @@ jobs:
       - uses: pnpm/action-setup@v2
       - uses: buildjet/setup-node@v4
         with:
-          node-version: '21'
+          node-version: '22'
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - uses: dtolnay/rust-toolchain@stable
@@ -131,7 +131,7 @@ jobs:
       - uses: pnpm/action-setup@v2
       - uses: buildjet/setup-node@v4
         with:
-          node-version: '21'
+          node-version: '22'
           cache: 'pnpm'
       - run: pnpm install --frozen-lockfile
       - uses: dtolnay/rust-toolchain@stable

.gitignore

@@ -59,3 +59,5 @@ lerna-debug.log*
 # pack outputs
 penumbra-zone-*.tgz
 packages/*/package
+
+tsconfig.tsbuildinfo

.syncpackrc

@@ -9,6 +9,7 @@
     "packageManager",
     "type",
     "main",
+    "engine",
     "scripts",
     "files",
     "exports",

apps/minifront/eslint.config.mjs

@@ -1,4 +1,4 @@
-import { penumbraEslintConfig } from '@penumbra-zone/eslint-config';
+import { penumbraEslintConfig } from '@repo/eslint-config';
 import { config, parser } from 'typescript-eslint';
 
 export default config({

apps/minifront/package.json

@@ -13,8 +13,6 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@buf/cosmos_ibc.bufbuild_es": "1.9.0-20240530142100-ad4444393387.1",
-    "@buf/penumbra-zone_penumbra.bufbuild_es": "1.9.0-20240528180215-8fe1c79485f8.1",
     "@bufbuild/protobuf": "^1.10.0",
     "@cosmjs/proto-signing": "^0.32.3",
     "@cosmjs/stargate": "^0.32.3",
@@ -30,12 +28,13 @@
     "@penumbra-zone/protobuf": "workspace:*",
     "@penumbra-zone/transport-dom": "workspace:*",
     "@penumbra-zone/types": "workspace:*",
-    "@penumbra-zone/ui": "workspace:*",
     "@penumbra-zone/zquery": "workspace:*",
     "@radix-ui/react-dialog": "1.0.5",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-menubar": "^1.0.4",
+    "@radix-ui/react-navigation-menu": "^1.1.4",
     "@radix-ui/react-portal": "^1.0.4",
+    "@repo/ui": "workspace:*",
     "@tanstack/react-query": "4.36.1",
     "bech32": "^2.0.0",
     "bignumber.js": "^9.1.2",
@@ -54,23 +53,15 @@
     "react-router-dom": "^6.23.1",
     "sonner": "1.4.3",
     "tailwindcss": "^3.4.3",
-    "zod": "^3.23.8",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@chain-registry/types": "^0.44.6",
-    "@penumbra-zone/polyfills": "workspace:*",
-    "@radix-ui/react-navigation-menu": "^1.1.4",
     "@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",
-    "autoprefixer": "^10.4.19",
-    "firebase-tools": "^13.9.0",
-    "postcss": "^8.4.38",
-    "promise.withresolvers": "^1.0.3",
-    "vite-plugin-node-stdlib-browser": "^0.2.1"
+    "@types/react-helmet": "^6.1.11"
   }
 }

apps/minifront/postcss.config.js

@@ -1 +1 @@
-export { default } from '@penumbra-zone/ui/postcss.config.js';
+export { default } from '@repo/ui/postcss.config.js';

apps/minifront/src/abort-loader.ts

@@ -1,8 +1,4 @@
-import {
-  isPraxConnected,
-  throwIfPraxNotConnected,
-  throwIfPraxNotInstalled,
-} from '@penumbra-zone/client/prax';
+import { isPraxConnected, throwIfPraxNotConnected, throwIfPraxNotInstalled } from './prax';
 
 /**
  * Retry test, resolving `true`, or resolving `false` if timeout reached.

apps/minifront/src/clients.ts

@@ -1,4 +1,3 @@
-import { createPraxClient } from '@penumbra-zone/client/prax';
 import {
   CustodyService,
   DexService,
@@ -11,6 +10,7 @@ import {
   TendermintProxyService,
   ViewService,
 } from '@penumbra-zone/protobuf';
+import { createPraxClient } from './prax';
 
 export const custodyClient = createPraxClient(CustodyService);
 export const dexClient = createPraxClient(DexService);

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

@@ -1,7 +1,7 @@
 import { ValueView } from '@buf/penumbra-zone_penumbra.bufbuild_es/penumbra/core/asset/v1/asset_pb';
 import { asValueView } from '@penumbra-zone/getters/equivalent-value';
 import { getDisplayDenomFromView, getEquivalentValues } from '@penumbra-zone/getters/value-view';
-import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value';
+import { ValueViewComponent } from '@repo/ui/components/ui/tx/view/value';
 
 export const EquivalentValues = ({ valueView }: { valueView?: ValueView }) => {
   const equivalentValuesAsValueViews = (getEquivalentValues.optional()(valueView) ?? []).map(

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

@@ -1,6 +1,6 @@
 import { LoaderFunction, useLoaderData } from 'react-router-dom';
-import { AddressIcon } from '@penumbra-zone/ui/components/ui/address-icon';
-import { AddressComponent } from '@penumbra-zone/ui/components/ui/address-component';
+import { AddressIcon } from '@repo/ui/components/ui/address-icon';
+import { AddressComponent } from '@repo/ui/components/ui/address-component';
 import { BalancesByAccount, getBalancesByAccount } from '../../../fetchers/balances/by-account';
 import {
   Table,
@@ -9,8 +9,8 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from '@penumbra-zone/ui/components/ui/table';
-import { ValueViewComponent } from '@penumbra-zone/ui/components/ui/tx/view/value';
+} from '@repo/ui/components/ui/table';
+import { ValueViewComponent } from '@repo/ui/components/ui/tx/view/value';
 import { abortLoader } from '../../../abort-loader';
 import { EquivalentValues } from './equivalent-values';
 import { Fragment } from 'react';

apps/minifront/src/components/dashboard/layout.tsx

@@ -1,4 +1,4 @@
-import { Card } from '@penumbra-zone/ui/components/ui/card';
+import { Card } from '@repo/ui/components/ui/card';
 import { dashboardTabs, dashboardTabsHelper } from './constants';
 import { Outlet } from 'react-router-dom';
 import { EduInfoCard } from '../shared/edu-panels/edu-info-card';

apps/minifront/src/components/dashboard/transaction-table.tsx

@@ -5,7 +5,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from '@penumbra-zone/ui/components/ui/table';
+} from '@repo/ui/components/ui/table';
 import { Link } from 'react-router-dom';
 import { shorten } from '@penumbra-zone/types/string';
 import { useStore } from '../../state';

apps/minifront/src/components/extension-not-connected.tsx

@@ -1,12 +1,12 @@
-import { Button } from '@penumbra-zone/ui/components/ui/button';
-import { Toaster } from '@penumbra-zone/ui/components/ui/toaster';
-import { SplashPage } from '@penumbra-zone/ui/components/ui/splash-page';
-import { errorToast, warningToast } from '@penumbra-zone/ui/lib/toast/presets';
+import { Button } from '@repo/ui/components/ui/button';
+import { Toaster } from '@repo/ui/components/ui/toaster';
+import { SplashPage } from '@repo/ui/components/ui/splash-page';
+import { errorToast, warningToast } from '@repo/ui/lib/toast/presets';
 import { HeadTag } from './metadata/head-tag';
 
-import { requestPraxAccess } from '@penumbra-zone/client/prax';
 import { useState } from 'react';
 import { PenumbraRequestFailure } from '@penumbra-zone/client';
+import { requestPraxAccess } from '../prax';
 
 const handleErr = (e: unknown) => {
   if (e instanceof Error && e.cause) {

apps/minifront/src/components/extension-not-installed.tsx

@@ -1,5 +1,5 @@
-import { Button } from '@penumbra-zone/ui/components/ui/button';
-import { SplashPage } from '@penumbra-zone/ui/components/ui/splash-page';
+import { Button } from '@repo/ui/components/ui/button';
+import { SplashPage } from '@repo/ui/components/ui/splash-page';
 import { HeadTag } from './metadata/head-tag';
 
 const CHROME_EXTENSION_ID = 'lkpmkhpnhknhmibgnmmhdhgdilepfghe';

apps/minifront/src/components/extension-transport-disconnected.tsx

@@ -1,6 +1,6 @@
-import { SplashPage } from '@penumbra-zone/ui/components/ui/splash-page';
+import { SplashPage } from '@repo/ui/components/ui/splash-page';
 import { HeadTag } from './metadata/head-tag';
-import { Button } from '@penumbra-zone/ui/components/ui/button';
+import { Button } from '@repo/ui/components/ui/button';
 
 export const ExtensionTransportDisconnected = () => {
   return (

apps/minifront/src/components/header/header.tsx

@@ -1,5 +1,5 @@
-import { CondensedBlockSyncStatus } from '@penumbra-zone/ui/components/ui/block-sync-status/condensed';
-import { TestnetBanner } from '@penumbra-zone/ui/components/ui/testnet-banner';
+import { CondensedBlockSyncStatus } from '@repo/ui/components/ui/block-sync-status/condensed';
+import { TestnetBanner } from '@repo/ui/components/ui/testnet-banner';
 import { useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
 import { getChainId } from '../../fetchers/chain-id';

apps/minifront/src/components/header/menu/desktop-nav.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@penumbra-zone/ui/lib/utils';
+import { cn } from '@repo/ui/lib/utils';
 import * as NavigationMenu from '@radix-ui/react-navigation-menu';
 import { usePagePath } from '../../../fetchers/page-path';
 import { dashboardLink, headerLinks } from '../constants';

apps/minifront/src/components/header/menu/menu.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@penumbra-zone/ui/lib/utils';
+import { cn } from '@repo/ui/lib/utils';
 import { DesktopNav } from './desktop-nav';
 import { MobileNav } from './mobile-nav';
 import { ProviderMenu } from './provider';

apps/minifront/src/components/header/menu/mobile-nav.tsx

@@ -1,9 +1,4 @@
-import {
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTrigger,
-} from '@penumbra-zone/ui/components/ui/sheet';
+import { Sheet, SheetContent, SheetHeader, SheetTrigger } from '@repo/ui/components/ui/sheet';
 import { HamburgerMenuIcon } from '@radix-ui/react-icons';
 import { headerLinks } from '../constants';
 import { Link } from 'react-router-dom';

apps/minifront/src/components/header/menu/provider.tsx

@@ -1,10 +1,10 @@
-import { cn } from '@penumbra-zone/ui/lib/utils';
+import { cn } from '@repo/ui/lib/utils';
 import * as NavigationMenu from '@radix-ui/react-navigation-menu';
 import { getChainId } from '../../../fetchers/chain-id';
 import { useCallback, useEffect, useState } from 'react';
-import { getPraxManifest, getPraxOrigin } from '@penumbra-zone/client/prax';
 import { itemStyle, triggerStyle, dropdownStyle, linkStyle } from './nav-style';
 import { Link1Icon } from '@radix-ui/react-icons';
+import { getPraxManifest, getPraxOrigin } from '../../../prax';
 
 export const ProviderMenu = () => {
   const [chainId, setChainId] = useState<string | undefined>();

apps/minifront/src/components/header/menu/tablet-nav.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@penumbra-zone/ui/lib/utils';
+import { cn } from '@repo/ui/lib/utils';
 import * as NavigationMenu from '@radix-ui/react-navigation-menu';
 import { usePagePath } from '../../../fetchers/page-path';
 import { dashboardLink, headerLinks } from '../constants';

apps/minifront/src/components/ibc/ibc-in/assets-table.tsx

@@ -8,9 +8,9 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from '@penumbra-zone/ui/components/ui/table';
-import { Avatar, AvatarImage } from '@penumbra-zone/ui/components/ui/avatar';
-import { Identicon } from '@penumbra-zone/ui/components/ui/identicon';
+} from '@repo/ui/components/ui/table';
+import { Avatar, AvatarImage } from '@repo/ui/components/ui/avatar';
+import { Identicon } from '@repo/ui/components/ui/identicon';
 import { LineWave } from 'react-loader-spinner';
 
 export const AssetsTable = () => {

apps/minifront/src/components/ibc/ibc-in/chain-dropdown.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import { useMemo } from 'react';
 import { useManager } from '@cosmos-kit/react';
-import { Popover, PopoverContent, PopoverTrigger } from '@penumbra-zone/ui/components/ui/popover';
+import { Popover, PopoverContent, PopoverTrigger } from '@repo/ui/components/ui/popover';
 import { ChevronsUpDown } from 'lucide-react';
 import {
   Command,
   CommandEmpty,
   CommandGroup,
   CommandInput,
   CommandItem,
-} from '@penumbra-zone/ui/components/ui/command';
-import { Button } from '@penumbra-zone/ui/components/ui/button';
+} from '@repo/ui/components/ui/command';
+import { Button } from '@repo/ui/components/ui/button';
 import { ibcInSelector } from '../../../state/ibc-in';
 import { useStore } from '../../../state';
-import { Avatar, AvatarImage } from '@penumbra-zone/ui/components/ui/avatar';
-import { Identicon } from '@penumbra-zone/ui/components/ui/identicon';
+import { Avatar, AvatarImage } from '@repo/ui/components/ui/avatar';
+import { Identicon } from '@repo/ui/components/ui/identicon';
 
 export interface ChainInfo {
   chainName: string;

apps/minifront/src/components/ibc/ibc-in/destination-addr.tsx

@@ -1,6 +1,6 @@
 import { AllSlices } from '../../../state';
 import { useEffect } from 'react';
-import { IncognitoIcon } from '@penumbra-zone/ui/components/ui/icons/incognito';
+import { IncognitoIcon } from '@repo/ui/components/ui/icons/incognito';
 import { useStoreShallow } from '../../../utils/use-store-shallow';
 
 const addrsSelector = ({ ibcIn }: AllSlices) => ({

apps/minifront/src/components/ibc/ibc-in/ibc-in-request.tsx

@@ -7,12 +7,12 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from '@penumbra-zone/ui/components/ui/select';
-import { Avatar, AvatarImage } from '@penumbra-zone/ui/components/ui/avatar';
-import { Identicon } from '@penumbra-zone/ui/components/ui/identicon';
-import { Input } from '@penumbra-zone/ui/components/ui/input';
+} from '@repo/ui/components/ui/select';
+import { Avatar, AvatarImage } from '@repo/ui/components/ui/avatar';
+import { Identicon } from '@repo/ui/components/ui/identicon';
+import { Input } from '@repo/ui/components/ui/input';
 import { DestinationAddr } from './destination-addr';
-import { Button } from '@penumbra-zone/ui/components/ui/button';
+import { Button } from '@repo/ui/components/ui/button';
 import { LockClosedIcon } from '@radix-ui/react-icons';
 
 const isReadySelector = (state: AllSlices) => {

apps/minifront/src/components/ibc/ibc-in/wallet-addr-card.tsx

@@ -1,4 +1,4 @@
-import { Identicon } from '@penumbra-zone/ui/components/ui/identicon';
+import { Identicon } from '@repo/ui/components/ui/identicon';
 
 interface UserInfoProps {
   address: string;