osmosis frontend

浸透frontend？

注：このコードベースは現在、KEPLRのアーキテクチャからTRPCスタックへのリファクタルを受けており、パフォーマンス、保守性、開発速度を向上させています。私たちはこれらの変化を乗り越えているとき、あなたの忍耐に感謝します。

概要

フロントエンドは、次のツールで構築されています。

• タイプスクリプト：タイプチェック
• 反応：ui
• Tailwind CSS：スタイリング、テーマ
• Next.js：足場/SSR/CDN/SEO
  • cloudflareの後ろに、箱から出して最適化のためにvercelに展開します
• Turbo Repo：パッケージスクリプトの実行を伴うモノレポの管理、ビルドキャッシュに重点を置いています（vercelでの共有リモートキャッシュを含む）
• レルナ：LIBSリリース

展開

DEPSのインストール：

yarn

Webサーバーを開始します

yarn start

貢献？‍

貢献を歓迎し、奨励します！ 「良い最初の問題」でラベル付けされた問題を探すことをお勧めします。

Node = 20とYARNがインストールされていることを確認してください。

1. DEPSをインストールします

yarn

浸透財団チームに参加してvercelアカウントを設定している場合は、最初のセットアップ、オプションでvercelアカウントを使用してターボリポジトリにサインインし、リポジトリをリンクします。これにより、Vercelプロジェクトでリモートキャッシュを共有することで、インスタントビルドを提供できます。

npx turbo login
...login via browser...
npx turbo link
...press y (yes) and choose " OsmoLabs " as the Vercel build scope...

2. 初期ビルドを実行してパッケージを作成しますartifacts：

yarn build

3. localhost:3000でローカルサーバーを実行します

yarn dev

テストネット

正規のパブリックテストネットで開発するには、実行してください。

yarn build:testnet && yarn start:testnet

LocalSmosisなどのローカルテストネットに対して開発するには、Webパッケージルートの.env.localファイルにこれを設定します。

 # Osmosis Chain Configuration Overwrite
NEXT_PUBLIC_IS_TESTNET=true
NEXT_PUBLIC_OSMOSIS_RPC_OVERWRITE=http://localhost:26657/
NEXT_PUBLIC_OSMOSIS_REST_OVERWRITE=http://localhost:1317/
NEXT_PUBLIC_OSMOSIS_CHAIN_ID_OVERWRITE=localosmosis
# NEXT_PUBLIC_OSMOSIS_EXPLORER_URL_OVERWRITE=https://testnet.mintscan.io/osmosis-testnet/txs/{txHash}
# NEXT_PUBLIC_OSMOSIS_CHAIN_NAME_OVERWRITE=Osmosis (Testnet v13.X latest)

浸透チェーン情報のIBCアセットリストと通貨を更新して、テストネットの通貨を表示するには、構成フォルダーに移動する必要がある場合があります。

テストネット

FrontEndのテストネットバージョンはNEXT_PUBLIC_IS_TESTNET=true使用します。デフォルトでは、Canonical TestNetを指しますが、Packages/web/.ENVは局所分散症のポイントに変更できます。

開発：

yarn build:testnet && yarn dev:testnet

展開する：

yarn build:testnet && yarn start:testnet

注：通貨レジストラは、IBCハッシュをチェックして、チェーン上のIBCモジュールのDenom_Traceクエリを介して見つけることができるかどうかを確認します。発見されていない場合、チェーンの通貨リストに追加されません。 TestNetのIBCアセットが、テストIBCアセットを表示するためのTestNetのIBCモジュール状態にあることを確認してください。それ以外の場合、テスト資産（つまり、tokenFactoryを介して作成）は、テストネットの浸透チェーン情報の基本宗派を定義するだけで、浸透チェーンにネイティブ資産として追加できます。

リリース

注：リファクタルが完了するまでリリースは停止されます。通知までこのリポジトリからパッケージをインポートしないでください。

リリースタグは、公開されているNPMパッケージ用です。これは、Webパッケージを除くすべてのパッケージです。アプリの更新は、マスターブランチからの展開を介して段階的にリリースされます。

リリースプロセスを開始するには：

yarn build:libs && npx lerna publish

翻訳??

翻訳を追加するには、 packages/web/translationsでJSON翻訳ファイルを手動で編集したり、Inlang Online Editorを使用したり、 yarn machine-translateを実行して、InlangのAIを使用して欠落した翻訳を追加したりできます。

注：すべてのローカリゼーションファイルに同じキーが含まれており、それらがすべてTSXソースファイル内にある（最善の努力）を確保することを確認するWebパッケージにテストがあります。これらは、ローカリゼーションを最新の状態に保つのに役立ちます。ローカライズをクリーンアップするには、Web/Localizationsフォルダーのスクリプトをご覧ください。ローカリゼーションフォルダー内のnodeを使用して実行する必要があります。

資産リスト

浸透ゾーンWebアプリに資産を表示するための資産リスト要件をご覧ください。

プレビューアセットを表示します

テスト用のプレビューアセットを表示するには、次のクエリパラメーターを浸透URLに追加します。

 ?show_preview_assets=true

タブのセッションで有効になります。無効にしたい場合は、クエリパラメーターなしで新しいタブを開くか、 ?show_preview_assets=false開きます。