Add & use component for 'Try it!' button & related

@l10n/ja/docs/infrastructure/configuration/data-retention/online-deletion.md

@@ -8,7 +8,7 @@ labels:
   - コアサーバ
 ---
 # オンライン削除
-[[ソース]<br/>](https://github.com/XRPLF/rippled/blob/master/src/ripple/app/misc/SHAMapStoreImp.cpp "Source")
+[[ソース]](https://github.com/XRPLF/rippled/blob/master/src/ripple/app/misc/SHAMapStoreImp.cpp "Source")
 
 オンライン削除機能により、`rippled`サーバはレジャーの古いバージョンのローカルコピーを削除できます。これにより、時間とともにディスク使用量が急増しないようにできます。デフォルトの構成ファイルにはオンライン削除の自動実行が設定されていますが、指示があった場合にのみオンライン削除を実行するようにも設定できます。{% badge href="https://github.com/XRPLF/rippled/releases/tag/0.27.0" %}新規: rippled 0.27.0{% /badge %}
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/account_channels.md

@@ -52,7 +52,7 @@ rippled account_channels rf1BiGeXwwQoi8Z2ueFYTEXSwuJYfV2Jpn ra5nK24KXen9AHvsdFTK
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#account_channels)
+{% try-it method="account_channels" /%}
 
 
 リクエストには以下のパラメーターが含まれます。

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/account_currencies.md

@@ -45,7 +45,7 @@ labels:
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#account_currencies)
+{% try-it method="account_currencies" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/account_info.md

@@ -54,7 +54,7 @@ rippled account_info rG1QQv2nh2gr7RCZ1P8YYcBUKCCN633jCn validated
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#account_info)
+{% try-it method="account_info" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/account_lines.md

@@ -49,7 +49,7 @@ rippled account_lines r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#account_lines)
+{% try-it method="account_lines" /%}
 
 リクエストには以下のパラメーターを指定できます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/account_nfts.md

@@ -44,7 +44,7 @@ _([NonFungibleTokensV1_1 amendment][]により追加されました。)_
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#account_nfts)
+{% try-it method="account_nfts" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/account_objects.md

@@ -72,6 +72,8 @@ rippled account_objects r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59 validated
 
 {% /tabs %}
 
+{% try-it method="account_objects" /%}
+
 リクエストには以下のパラメーターが含まれます。
 
 | `Field`                  | 型                    | 必須? | 説明           |

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/account_offers.md

@@ -49,7 +49,7 @@ rippled account_offers r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59 current
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#account_offers)
+{% try-it method="account_offers" /%}
 
 リクエストには以下のパラメーターを指定できます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/account_tx.md

@@ -63,7 +63,7 @@ rippled -- account_tx rLNaPoKeeBjZe2qs6x52yVPZpZ8td4dc6w -1 -1 2 0 binary descen
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#account_tx)
+{% try-it method="account_tx" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/gateway_balances.md

@@ -51,6 +51,8 @@ labels:
 
 {% /tabs %}
 
+{% try-it method="gateway_balances" /%}
+
 リクエストには以下のパラメーターが含まれます。
 
 | `Field`        | 型                         | 説明                           |

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/account-methods/noripple_check.md

@@ -49,6 +49,8 @@ labels:
 
 {% /tabs %}
 
+{% try-it method="noripple_check" /%}
+
 {% admonition type="info" name="注記" %}このメソッドのコマンドライン構文はありません。コマンドラインからアクセスするには[jsonメソッド][]を使用してください。{% /admonition %}
 
 リクエストには以下のパラメーターが含まれます。

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/clio-methods/ledger-clio.md

@@ -28,7 +28,7 @@ Clioサーバはデフォルトで検証済みのレジャーデータを返す
 
 {% /tabs %}
 
-<!-- [Try it! >](websocket-api-tool.html#ledger) -->
+{% try-it method="ledger" server="s1" /%}
 
 リクエストには以下のパラメータを含めることができます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/clio-methods/nft_history.md

@@ -44,7 +44,7 @@ labels:
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#nft_history)
+{% try-it method="nft_history" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/clio-methods/nft_info.md

@@ -41,7 +41,7 @@ labels:
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#nft_info)
+{% try-it method="nft_info" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/clio-methods/server_info-clio.md

@@ -39,7 +39,7 @@ labels:
 
 {% /tabs %}
 
-<!-- [Try it! >](websocket-api-tool.html#server_info) -->
+{% try-it method="server_info" server="s1" /%}
 
 リクエストにパラメーターは含みません。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger.md

@@ -56,7 +56,7 @@ rippled ledger current
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger)
+{% try-it method="ledger" server="xrplcluster" /%}
 
 リクエストには以下のパラメーターを含めることができます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger_closed.md

@@ -45,7 +45,7 @@ rippled ledger_closed
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_closed)
+{% try-it method="ledger_closed" /%}
 
 このメソッドはパラメーターを受け入れません。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger_current.md

@@ -46,7 +46,7 @@ rippled ledger_current
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_current)
+{% try-it method="ledger_current" /%}
 
 このリクエストにはパラメーターは含まれていません。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger_entry.md

@@ -94,7 +94,7 @@ rippled json ledger_entry '{ "index": "7DB0788C020F02780A673DC74757F23823FA3014C
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-by-object-id)
+{% try-it method="ledger_entry-by-object-id" /%}
 
 {% admonition type="success" name="ヒント" %}
 このタイプのリクエストは、レジャーデータにシングルトンオブジェクトが存在する場合、そのIDは常に同一であるため、任意のシングルトンオブジェクトを取得するために使用できます。たとえば
@@ -150,7 +150,7 @@ rippled json ledger_entry '{ "account_root": "r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-accountroot)
+{% try-it method="ledger_entry-accountroot" /%}
 
 
 
@@ -217,7 +217,7 @@ rippled json ledger_entry '{ "amm": { "asset": { "currency": "XRP" }, "asset2":
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F#ledger_entry-amm)
+{% try-it method="ledger_entry-amm" server="testnet" /%}
 
 
 ### Bridgeオブジェクトを取得する
@@ -287,7 +287,7 @@ rippled json ledger_entry '{ "bridge_account": "rnQAXXWoFNN6PEqwqsdTngCtFPCrmfuq
 
 {% /tabs %}
 
-[試してみよう! >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F#ledger_entry-bridge)
+{% try-it method="ledger_entry-bridge" server="devnet" /%}
 
 
 
@@ -343,7 +343,7 @@ rippled json ledger_entry '{ "directory": { "owner": "rf1BiGeXwwQoi8Z2ueFYTEXSwu
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-directorynode)
+{% try-it method="ledger_entry-directorynode" /%}
 
 
 
@@ -398,7 +398,7 @@ rippled json ledger_entry '{ "offer": { "account": "rf1BiGeXwwQoi8Z2ueFYTEXSwuJY
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-offer)
+{% try-it method="ledger_entry-offer" /%}
 
 
 
@@ -457,7 +457,7 @@ rippled json ledger_entry '{ "ripple_state": { "accounts": ["rf1BiGeXwwQoi8Z2ueF
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-ripplestate)
+{% try-it method="ledger_entry-ripplestate" /%}
 
 
 
@@ -502,7 +502,7 @@ rippled json ledger_entry '{ "check": "C4A46CCD8F096E994C4B0DEAB6CE98E722FC17D79
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-check)
+{% try-it method="ledger_entry-check" /%}
 
 
 
@@ -555,7 +555,7 @@ rippled json ledger_entry '{ "escrow": { "owner": "rL4fPHi2FWGwRGRQSH7gBcxkuo2b9
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-escrow)
+{% try-it method="ledger_entry-escrow" /%}
 
 
 
@@ -600,7 +600,7 @@ rippled json ledger_entry '{ "payment_channel": "C7F634794B79DB40E87179A9D1BF05D
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-paychannel)
+{% try-it method="ledger_entry-paychannel" /%}
 
 
 ### DepositPreauthオブジェクトを取得する
@@ -652,7 +652,7 @@ rippled json ledger_entry '{ "deposit_preauth": { "owner": "rf1BiGeXwwQoi8Z2ueFY
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-depositpreauth)
+{% try-it method="ledger_entry-depositpreauth" /%}
 
 
 ### Ticketオブジェクトを取得する
@@ -704,7 +704,7 @@ rippled json ledger_entry '{ "ticket": { "account": "rf1BiGeXwwQoi8Z2ueFYTEXSwuJ
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-ticket)
+{% try-it method="ledger_entry-ticket" /%}
 
 
 ### NFT Pageを取得する
@@ -748,7 +748,7 @@ rippled json ledger_entry '{ "nft_page": "255DD86DDF59D778081A06D02701E9B2C9F4F0
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ledger_entry-nft-page)
+{% try-it method="ledger_entry-nft-page" /%}
 
 ## レスポンスのフォーマット
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/amm_info.md

@@ -59,7 +59,7 @@ _([AMM amendment][]により追加されました。)_
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Famm.devnet.rippletest.net%3A51233%2F#amm_info)
+{% try-it method="amm_info" server="testnet" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/book_changes.md

@@ -46,7 +46,7 @@ rippled book_changes 88530953
 
 {% /tabs %}
 
-[試してみる! >](/resources/dev-tools/websocket-api-tool#book_changes)
+{% try-it method="book_changes" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/book_offers.md

@@ -65,7 +65,7 @@ rippled book_offers 'USD/rvYAfWj5gh67oV6fW32ZzP3Aw4Eubs59B' 'EUR/rvYAfWj5gh67oV6
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#book_offers)
+{% try-it method="book_offers" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/get_aggregate_price.md

@@ -87,9 +87,7 @@ _([PriceOracle amendment][])_
 
 {% /tabs %}
 
-
+{% try-it method="get_aggregate_price" server="devnet" /%}
-[試してみる >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F#get_aggregate_price)
-
 
 リクエストには以下のパラメータが含まれています:
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/nft_buy_offers.md

@@ -44,7 +44,7 @@ _([NonFungibleTokensV1_1 amendment][]により追加されました。)_
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#nft_buy_offers)
+{% try-it method="nft_buy_offers" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/nft_sell_offers.md

@@ -45,7 +45,7 @@ _([NonFungibleTokensV1_1 amendment][]により追加されました。)_
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#nft_sell_offers)
+{% try-it method="nft_sell_offers" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/path_find.md

@@ -51,7 +51,7 @@ path_findコマンドには3種類のモード（サブコマンド）があり
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#path_find)
+{% try-it method="path_find" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/ripple_path_find.md

@@ -81,7 +81,7 @@ rippled ripple_path_find '{"source_account":"r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59"
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ripple_path_find)
+{% try-it method="ripple_path_find" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/server-info-methods/server_definitions.md

@@ -37,7 +37,7 @@ labels:
 
 {% /tabs %}
 
-[試してみよう! >](/resources/dev-tools/websocket-api-tool#server_definitions)
+{% try-it method="server_definitions" /%}
 
 リクエストにパラメータは含まれません。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/server-info-methods/server_info.md

@@ -45,7 +45,7 @@ rippled server_info
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#server_info)
+{% try-it method="server_info" /%}
 
 リクエストにパラメーターは何も含まれません。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/server-info-methods/server_state.md

@@ -49,7 +49,7 @@ rippled server_state
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#server_state)
+{% try-it method="server_state" /%}
 
 リクエストはパラメーターをとりません。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/subscription-methods/subscribe.md

@@ -62,7 +62,7 @@ labels:
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#subscribe)
+{% try-it method="subscribe" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/subscription-methods/unsubscribe.md

@@ -45,7 +45,7 @@ labels:
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#unsubscribe)
+{% try-it method="unsubscribe" /%}
 
 このリクエストのパラメーターは、[subscribeメソッド][]のパラメーターとほぼ同様の方法で指定されますが、終了するサブスクリプションを定義するために使用される点が異なります。これらのパラメーターを以下に示します。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/transaction-methods/submit.md

@@ -64,7 +64,7 @@ submit 1200002280000000240000000361D4838D7EA4C6800000000000000000000000000055534
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#submit)
+{% try-it method="submit" /%}
 
 
 ## 署名と送信モード
@@ -159,7 +159,7 @@ rippled submit s█████████████████████
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#submit)
+{% try-it method="submit" /%}
 
 ## レスポンスのフォーマット
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/transaction-methods/transaction_entry.md

@@ -51,7 +51,7 @@ rippled transaction_entry E08D6E9754025BA2534A78707605E0601F03ACE063687A0CA1BDDA
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#transaction_entry)
+{% try-it method="transaction_entry" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/transaction-methods/tx.md

@@ -82,7 +82,7 @@ rippled tx C53ECF838647FA5A4C780377025FEC7999AB4182590510CA461444B207AB74A9 fals
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#tx)
+{% try-it method="tx" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/transaction-methods/tx_history.md

@@ -48,7 +48,7 @@ rippled tx_history 0
 
 {% /tabs %}
 
-[試してみる>](/resources/dev-tools/websocket-api-tool#tx_history)
+{% try-it method="tx_history" /%}
 
 リクエストには以下のパラメーターが含まれます。
 

@l10n/ja/docs/references/http-websocket-apis/public-api-methods/utility-methods/ping.md

@@ -45,7 +45,7 @@ rippled ping
 
 {% /tabs %}
 
-[試してみる >](/resources/dev-tools/websocket-api-tool#ping)
+{% try-it method="ping" /%}
 
 リクエストにはパラメーターが含まれていません。
 

@l10n/ja/docs/references/protocol/transactions/types/nftokenacceptoffer.md

@@ -36,7 +36,7 @@ _([NonFungibleTokensV1_1 amendment][]により追加されました)_
 }
 ```
 
-[トランザクションの例を確認 >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs1.ripple.com%2F&req=%7B%22id%22%3A%22example_NFTokenAcceptOffer%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22BEB64444C36D1072820BAED317BE2E6470AFDAD9D8FB2D16A15A4D46E5A71909%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="BEB64444C36D1072820BAED317BE2E6470AFDAD9D8FB2D16A15A4D46E5A71909" server="s2" /%}
 
 ## ブローカー vs. ダイレクト モード
 

@l10n/ja/docs/references/protocol/transactions/types/nftokenmint.md

@@ -38,7 +38,7 @@ _([NonFungibleTokensV1_1 amendment][]により追加されました)_
 }
 ```
 
-[トランザクションを取得してみる >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs1.ripple.com%2F&req=%7B%22id%22%3A%22example_NFTokenMint%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22B42C7A0C9C3061463C619999942D0F25E4AE5FB051EA0D7A4EE1A924DB6DFEE8%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="B42C7A0C9C3061463C619999942D0F25E4AE5FB051EA0D7A4EE1A924DB6DFEE8" /%}
 
 {% raw-partial file="/@l10n/ja/docs/_snippets/tx-fields-intro.md" /%}
 

@l10n/ja/docs/references/protocol/transactions/types/payment.md

@@ -34,7 +34,7 @@ Paymentは、[アカウントを作成](#アカウントの作成)する唯一
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fxrplcluster.com%2F&req=%7B%22id%22%3A%22example_Payment%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%227BF105CFE4EFE78ADB63FE4E03A851440551FE189FD4B51CAAD9279C9F534F0E%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="7BF105CFE4EFE78ADB63FE4E03A851440551FE189FD4B51CAAD9279C9F534F0E" /%}
 
 {% raw-partial file="/@l10n/ja/docs/_snippets/tx-fields-intro.md" /%}
 <!--{# fix md highlighting_ #}-->

@l10n/ja/translations.yaml

@@ -118,6 +118,9 @@ footer.community.xrpl-grants: XRPL Grants
 footer.community.github: GitHub
 footer.community.report-a-scam: 詐欺の報告
 
+component.tryit: 試してみる
+component.queryexampletx: トランザクションの例を確認
+
 # index.page.tsx
 home.hero.h1part1: ビジネスのための
 home.hero.h1part2: ブロックチェーン

@theme/markdoc/components.tsx

@@ -5,6 +5,7 @@ import dynamicReact from '@markdoc/markdoc/dist/react';
 import { Link } from '@redocly/theme/components/Link/Link';
 import { useThemeHooks } from '@redocly/theme/core/hooks'
 import { idify } from '../helpers';
+import { Button } from '@redocly/theme/components/Button/Button';
 
 export {default as XRPLoader} from '../components/XRPLoader';
 export { XRPLCard, CardGrid } from '../components/XRPLCard';
@@ -144,6 +145,58 @@ export function Badge(props: {
     }
 }
 
+type TryItServer = 's1' | 's2' | 'xrplcluster' | 'testnet' | 'devnet'
+
+export function TryIt(props: {
+  method: string,
+  server?: TryItServer
+}) {
+  const { useTranslate } = useThemeHooks()
+  const { translate } = useTranslate()
+  let use_server = "";
+  if (props.server == "s1") {
+    use_server = "?server=wss%3A%2F%2Fs1.ripple.com%2F"
+  } else if (props.server == "s2") {
+    use_server = "?server=wss%3A%2F%2Fs2.ripple.com%2F"
+  } else if (props.server == "xrplcluster") {
+    use_server = "?server=wss%3A%2F%2Fxrplcluster.com%2F"
+  } else if (props.server == 'devnet') {
+    use_server = "?server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F"
+  } else if (props.server == 'testnet') {
+    use_server = "?server=wss%3A%2F%2Fs.altnet.rippletest.net%3A51233%2F"
+  }
+  const to_path = `/resources/dev-tools/websocket-api-tool${use_server}#${props.method}`
+  return (
+    <Link style={{marginBottom: "1rem", textDecoration: "none"}} className="btn btn-primary btn-arrow" to={to_path} target="_blank" role="button">{translate("component.tryit", "Try it!")}</Link>
+  )
+}
+
+export function TxExample(props: {
+  txid: string,
+  server?: TryItServer
+}) {
+  const { useTranslate } = useThemeHooks()
+  const { translate } = useTranslate()
+  let use_server = "";
+  if (props.server == "s1") {
+    use_server = "&server=wss%3A%2F%2Fs1.ripple.com%2F"
+  } else if (props.server == "s2") {
+    use_server = "&server=wss%3A%2F%2Fs2.ripple.com%2F"
+  } else if (props.server == "xrplcluster") {
+    use_server = "&server=wss%3A%2F%2Fxrplcluster.com%2F"
+  } else if (props.server == 'devnet') {
+    use_server = "&server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F"
+  } else if (props.server == 'testnet') {
+    use_server = "&server=wss%3A%2F%2Fs.altnet.rippletest.net%3A51233%2F"
+  }
+  
+  const ws_req = `req=%7B%22id%22%3A%22example_tx_lookup%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22${props.txid}%22%2C%22binary%22%3Afalse%2C%22api_version%22%3A2%7D`
+  const to_path = `/resources/dev-tools/websocket-api-tool?${ws_req}${use_server}`
+  return (
+    <Link style={{marginBottom: "1rem", textDecoration: "none"}} className="btn btn-primary btn-arrow" to={to_path} target="_blank" role="button">{translate("component.queryexampletx", "Query example transaction")}</Link>
+  )
+}
+
 function shieldsIoEscape(s: string) {
   return s.trim().replaceAll('-', '--').replaceAll('_', '__')
 }

@theme/markdoc/schema.ts

@@ -181,3 +181,37 @@ export const cardGrid: Schema & { tagName: string } = {
   },
   render: 'CardGrid'
 }
+
+export const tryIt: Schema &  { tagName: string } = {
+  tagName: 'try-it',
+  attributes: {
+    method: {
+      type: 'String',
+      required: true
+    },
+    server: {
+      type: 'String',
+      required: false,
+      default: ""
+    }
+  },
+  render: 'TryIt',
+  selfClosing: true
+}
+
+export const txExample: Schema &  { tagName: string } = {
+  tagName: 'tx-example',
+  attributes: {
+    txid: {
+      type: 'String',
+      required: true
+    },
+    server: {
+      type: 'String',
+      required: false,
+      default: ""
+    }
+  },
+  render: 'TxExample',
+  selfClosing: true
+}

@theme/styles.css

@@ -223,6 +223,8 @@ ul.nav.navbar-nav {
   --md-list-left-padding: 40px;
   --md-table-header-bg-color: #32343E;
   --md-table-border-color: #32343E;
+  
+  --md-tabs-content-padding: 0;
 }
 
 :root.light {

docs/references/http-websocket-apis/public-api-methods/account-methods/account_channels.md

@@ -52,6 +52,8 @@ rippled account_channels rf1BiGeXwwQoi8Z2ueFYTEXSwuJYfV2Jpn ra5nK24KXen9AHvsdFTK
 
 {% /tabs %}
 
+{% try-it method="account_channels" /%}
+
 The request includes the following parameters:
 
 | Field                 | Type                 | Required? | Description |

docs/references/http-websocket-apis/public-api-methods/account-methods/account_currencies.md

@@ -50,7 +50,7 @@ rippled account_currencies rG1QQv2nh2gr7RCZ1P8YYcBUKCCN633jCn validated
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#account_currencies)
+{% try-it method="account_currencies" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/account-methods/account_info.md

@@ -54,7 +54,7 @@ rippled account_info rG1QQv2nh2gr7RCZ1P8YYcBUKCCN633jCn validated
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#account_info)
+{% try-it method="account_info" /%}
 
 The request contains the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/account-methods/account_lines.md

@@ -49,7 +49,7 @@ rippled account_lines r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#account_lines)
+{% try-it method="account_lines" /%}
 
 The request accepts the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/account-methods/account_nfts.md

@@ -44,7 +44,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#account_nfts)
+{% try-it method="account_nfts" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/account-methods/account_objects.md

@@ -72,6 +72,8 @@ rippled account_objects r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59 validated
 
 {% /tabs %}
 
+{% try-it method="account_objects" /%}
+
 The request includes the following parameters:
 
 | `Field`                  | Type             | Required? | Description |

docs/references/http-websocket-apis/public-api-methods/account-methods/account_offers.md

@@ -49,7 +49,7 @@ rippled account_offers rpP2JgiMyTF5jR5hLG3xHCPi1knBb1v9cM current
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#account_offers)
+{% try-it method="account_offers" /%}
 
 A request can include the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/account-methods/account_tx.md

@@ -63,7 +63,7 @@ rippled -- account_tx rLNaPoKeeBjZe2qs6x52yVPZpZ8td4dc6w -1 -1 2 0 binary descen
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#account_tx)
+{% try-it method="account_tx" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/account-methods/gateway_balances.md

@@ -61,6 +61,8 @@ rippled json gateway_balances ' {"account": "rMwjYedjc7qqtKYVLiAccJSmCwih4LnE2q"
 
 {% /tabs %}
 
+{% try-it method="gateway_balances" /%}
+
 The request includes the following parameters:
 
 | `Field`        | Type                       | Description                    |

docs/references/http-websocket-apis/public-api-methods/account-methods/noripple_check.md

@@ -52,6 +52,8 @@ An example of the request format:
 
 {% /tabs %}
 
+{% try-it method="noripple_check" /%}
+
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/clio-methods/ledger-clio.md

@@ -28,7 +28,7 @@ An example of the request format:
 
 {% /tabs %}
 
-<!-- [Try it! >](websocket-api-tool.html#ledger) -->
+{% try-it method="ledger" server="s1" /%}
 
 The request can contain the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/clio-methods/ledger_index.md

@@ -41,7 +41,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_index)
+{% try-it method="ledger_index" /%}
 
 The request can contain the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/clio-methods/nft_history.md

@@ -44,7 +44,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#nft_history)
+{% try-it method="nft_history" /%}
 
 The request contains the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/clio-methods/nft_info.md

@@ -41,7 +41,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#nft_info)
+{% try-it method="nft_info" /%}
 
 The request contains the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/clio-methods/nfts_by_issuer.md

@@ -22,7 +22,7 @@ An example of the request format:
 }
 ```
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#nfts_by_issuer)
+{% try-it method="nfts_by_issuer" /%}
 
 The request contains the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/clio-methods/server_info-clio.md

@@ -39,7 +39,7 @@ An example of the request format:
 
 {% /tabs %}
 
-<!-- [Try it! >](websocket-api-tool.html#server_info) -->
+{% try-it method="server_info" server="s1" /%}
 
 The request does not take any parameters.
 

docs/references/http-websocket-apis/public-api-methods/clio-methods/version.md

@@ -36,7 +36,7 @@ An example of the request format:
 
 {% /tabs %}
 
-<!-- [Try it! >](websocket-api-tool.html#version) -->
+{% try-it method="version" /%}
 
 The request does not take any parameters.
 

docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger.md

@@ -56,7 +56,7 @@ rippled ledger validated
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger)
+{% try-it method="ledger" server="xrplcluster" /%}
 
 The request can contain the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger_closed.md

@@ -45,7 +45,7 @@ rippled ledger_closed
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_closed)
+{% try-it method="ledger_closed" /%}
 
 This method accepts no parameters.
 

docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger_current.md

@@ -46,7 +46,7 @@ rippled ledger_current
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_current)
+{% try-it method="ledger_current" /%}
 
 The request contains no parameters.
 

docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger_data.md

@@ -48,6 +48,7 @@ An example of the request format:
 
 {% /tabs %}
 
+{% try-it method="ledger_data" /%}
 
 A request can include the following fields:
 

docs/references/http-websocket-apis/public-api-methods/ledger-methods/ledger_entry.md

@@ -100,7 +100,7 @@ rippled json ledger_entry '{ "index": "7DB0788C020F02780A673DC74757F23823FA3014C
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-by-object-id)
+{% try-it method="ledger_entry-by-object-id" /%}
 
 {% admonition type="success" name="Tip" %}
 You can use this type of request to get any singleton ledger entry, if it exists in the ledger data, because its ID is always the same. For example:
@@ -157,7 +157,7 @@ rippled json ledger_entry '{ "account_root": "r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-accountroot)
+{% try-it method="ledger_entry-accountroot" /%}
 
 
 
@@ -225,7 +225,7 @@ rippled json ledger_entry '{ "amm": { "asset": { "currency": "XRP" }, "asset2":
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F#ledger_entry-amm)
+{% try-it method="ledger_entry-amm" server="testnet" /%}
 
 
 ### Get Bridge Entry
@@ -296,7 +296,7 @@ rippled json ledger_entry '{ "bridge_account": "rnQAXXWoFNN6PEqwqsdTngCtFPCrmfuq
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F#ledger_entry-bridge)
+{% try-it method="ledger_entry-bridge" server="devnet" /%}
 
 
 ### Get Credential Entry
@@ -348,7 +348,7 @@ rippled json ledger_entry '{ "credential": {"subject": "rsUiUMpnrgxQp24dJYZDhmV4
 ```
 
 <!-- TODO: create working example in tool
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-credential)
+{% try-it method="ledger_entry-credential" /%}
 -->
 
 
@@ -405,7 +405,7 @@ rippled json ledger_entry '{ "directory": { "owner": "rf1BiGeXwwQoi8Z2ueFYTEXSwu
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-directorynode)
+{% try-it method="ledger_entry-directorynode" /%}
 
 
 
@@ -461,7 +461,7 @@ rippled json ledger_entry '{ "offer": { "account": "rf1BiGeXwwQoi8Z2ueFYTEXSwuJY
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-offer)
+{% try-it method="ledger_entry-offer" /%}
 
 
 ### Get Oracle Entry
@@ -518,7 +518,7 @@ rippled json ledger_entry '{ "oracle": { "account": "rNZ9m6AP9K7z3EVg6GhPMx36V4Q
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F#ledger_entry-oracle)
+{% try-it method="ledger_entry-oracle" server="devnet" /%}
 
 
 ### Get RippleState Entry
@@ -577,7 +577,7 @@ rippled json ledger_entry '{ "ripple_state": { "accounts": ["rf1BiGeXwwQoi8Z2ueF
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-ripplestate)
+{% try-it method="ledger_entry-ripplestate" /%}
 
 
 
@@ -623,7 +623,7 @@ rippled json ledger_entry '{ "check": "C4A46CCD8F096E994C4B0DEAB6CE98E722FC17D79
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-check)
+{% try-it method="ledger_entry-check" /%}
 
 
 
@@ -677,7 +677,7 @@ rippled json ledger_entry '{ "escrow": { "owner": "rL4fPHi2FWGwRGRQSH7gBcxkuo2b9
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-escrow)
+{% try-it method="ledger_entry-escrow" /%}
 
 
 
@@ -723,7 +723,7 @@ rippled json ledger_entry '{ "payment_channel": "C7F634794B79DB40E87179A9D1BF05D
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-paychannel)
+{% try-it method="ledger_entry-paychannel" /%}
 
 
 ### Get DepositPreauth Entry
@@ -784,7 +784,7 @@ rippled json ledger_entry '{ "deposit_preauth": { "owner": "rf1BiGeXwwQoi8Z2ueFY
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-depositpreauth)
+{% try-it method="ledger_entry-depositpreauth" /%}
 
 
 ### Get Ticket Entry
@@ -837,7 +837,7 @@ rippled json ledger_entry '{ "ticket": { "account": "rf1BiGeXwwQoi8Z2ueFYTEXSwuJ
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-ticket)
+{% try-it method="ledger_entry-ticket" /%}
 
 
 ### Get NFT Page
@@ -881,7 +881,7 @@ rippled json ledger_entry '{ "nft_page": "255DD86DDF59D778081A06D02701E9B2C9F4F0
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-nft-page)
+{% try-it method="ledger_entry-nft-page" /%}
 
 ### Get MPT Issuance Object
 
@@ -926,7 +926,7 @@ rippled json ledger_entry '{ "mpt_issuance": "000004C463C52827307480341125DA0577
 {% /tabs %}
 
 <!-- TODO: add try-it for MPT issuance
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-mpt_issuance)
+{% try-it method="ledger_entry-mpt_issuance" /%}
 -->
 
 ### Get MPToken Object
@@ -980,7 +980,7 @@ rippled json ledger_entry '{ "mptoken": {"mpt_issuance_id": "000002DFA4D893CFBC4
 {% /tabs %}
 
 <!-- TODO: make a try-it link for MPT object
-[Try it! >](/resources/dev-tools/websocket-api-tool#ledger_entry-mptoken)
+{% try-it method="ledger_entry-mptoken" /%}
  -->
 
 

docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/amm_info.md

@@ -58,7 +58,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs.altnet.rippletest.net%3A51233%2F#amm_info)
+{% try-it method="amm_info" server="testnet" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/book_changes.md

@@ -46,7 +46,7 @@ rippled book_changes 88530953
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#book_changes)
+{% try-it method="book_changes" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/book_offers.md

@@ -65,7 +65,7 @@ rippled book_offers 'USD/rvYAfWj5gh67oV6fW32ZzP3Aw4Eubs59B' 'EUR/rvYAfWj5gh67oV6
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#book_offers)
+{% try-it method="book_offers" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/get_aggregate_price.md

@@ -87,9 +87,7 @@ An example of the request format:
 
 {% /tabs %}
 
-
+{% try-it method="get_aggregate_price" server="devnet" /%}
-[Try it! >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs.devnet.rippletest.net%3A51233%2F#get_aggregate_price)
-
 
 The request contains the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/nft_buy_offers.md

@@ -44,7 +44,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#nft_buy_offers)
+{% try-it method="nft_buy_offers" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/nft_sell_offers.md

@@ -45,7 +45,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#nft_sell_offers)
+{% try-it method="nft_sell_offers" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/path_find.md

@@ -51,7 +51,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#path_find)
+{% try-it method="path_find" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/path-and-order-book-methods/ripple_path_find.md

@@ -81,7 +81,7 @@ rippled ripple_path_find '{"source_account": "r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ripple_path_find)
+{% try-it method="ripple_path_find" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/server-info-methods/fee.md

@@ -45,6 +45,8 @@ rippled fee
 
 {% /tabs %}
 
+{% try-it method="fee" /%}
+
 The request does not include any parameters.
 
 ## Response Format

docs/references/http-websocket-apis/public-api-methods/server-info-methods/manifest.md

@@ -47,6 +47,8 @@ rippled {% $frontmatter.seo.title %} nHUFE9prPXPrHcG3SkwP1UzAQbSphqyQkQK9ATXLZsf
 
 {% /tabs %}
 
+{% try-it method="manifest" /%}
+
 The request includes the following parameters:
 
 | `Field`      | Type   | Description                        |

docs/references/http-websocket-apis/public-api-methods/server-info-methods/server_definitions.md

@@ -37,7 +37,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#server_definitions)
+{% try-it method="server_definitions" /%}
 
 The request does not take any parameters.
 

docs/references/http-websocket-apis/public-api-methods/server-info-methods/server_info.md

@@ -47,7 +47,7 @@ rippled server_info
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#server_info)
+{% try-it method="server_info" server="xrplcluster" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/server-info-methods/server_state.md

@@ -49,7 +49,7 @@ rippled server_state
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#server_state)
+{% try-it method="server_state" server="xrplcluster" /%}
 
 The request does not takes any parameters.
 

docs/references/http-websocket-apis/public-api-methods/server-info-methods/version.md

@@ -44,7 +44,7 @@ rippled version
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#version)
+{% try-it method="version" /%}
 
 The request does not takes any parameters.
 

docs/references/http-websocket-apis/public-api-methods/subscription-methods/subscribe.md

@@ -62,7 +62,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#subscribe)
+{% try-it method="subscribe" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/subscription-methods/unsubscribe.md

@@ -46,7 +46,7 @@ An example of the request format:
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#unsubscribe)
+{% try-it method="unsubscribe" /%}
 
 The parameters in the request are specified almost exactly like the parameters to the [subscribe method][], except that they are used to define which subscriptions to end instead. The parameters are:
 

docs/references/http-websocket-apis/public-api-methods/transaction-methods/submit.md

@@ -64,7 +64,7 @@ submit 1200002280000000240000000361D4838D7EA4C6800000000000000000000000000055534
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#submit)
+{% try-it method="submit" /%}
 
 
 ## Sign-and-Submit Mode
@@ -159,7 +159,7 @@ rippled submit s█████████████████████
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#submit)
+{% try-it method="submit" /%}
 
 ## Response Format
 

docs/references/http-websocket-apis/public-api-methods/transaction-methods/transaction_entry.md

@@ -51,7 +51,7 @@ rippled transaction_entry C53ECF838647FA5A4C780377025FEC7999AB4182590510CA461444
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#transaction_entry)
+{% try-it method="transaction_entry" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/transaction-methods/tx.md

@@ -82,7 +82,7 @@ rippled tx C53ECF838647FA5A4C780377025FEC7999AB4182590510CA461444B207AB74A9 fals
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#tx)
+{% try-it method="tx" /%}
 
 The request includes the following parameters:
 

docs/references/http-websocket-apis/public-api-methods/utility-methods/ping.md

@@ -45,7 +45,7 @@ rippled ping
 
 {% /tabs %}
 
-[Try it! >](/resources/dev-tools/websocket-api-tool#ping)
+{% try-it method="ping" /%}
 
 The request includes no parameters.
 

docs/references/protocol/transactions/types/accountdelete.md

@@ -26,7 +26,8 @@ An AccountDelete transaction deletes an [account](../../ledger-data/ledger-entry
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fxrplcluster.com%2F&req=%7B%22id%22%3A%22example_AccountDelete%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%221AF19BF9717DA0B05A3BFC5007873E7743BA54C0311CCCCC60776AAEAC5C4635%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="1AF19BF9717DA0B05A3BFC5007873E7743BA54C0311CCCCC60776AAEAC5C4635" /%}
+
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
 

docs/references/protocol/transactions/types/accountset.md

@@ -24,7 +24,7 @@ An AccountSet transaction modifies the properties of an [account in the XRP Ledg
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fxrplcluster.com%2F&req=%7B%22id%22%3A%22example_AccountSet%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22327FD263132A4D08170E1B01FE1BB2E21D0126CE58165C97A9173CA9551BCD70%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="327FD263132A4D08170E1B01FE1BB2E21D0126CE58165C97A9173CA9551BCD70" /%}
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
 

docs/references/protocol/transactions/types/ammdeposit.md

@@ -40,6 +40,8 @@ If successful, this transaction creates a [trust line](../../../../concepts/toke
 }
 ```
 
+{% tx-example txid="BB00ECE591DFD0F8F410C5C2C639F1C1D1D2EFD92DF567AA226C3BDBE712FDD9" /%}
+
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
 
 | Field         | JSON Type           | [Internal Type][] | Required? | Description |

docs/references/protocol/transactions/types/ammvote.md

@@ -33,6 +33,8 @@ Vote on the trading fee for an [Automated Market Maker](../../../../concepts/tok
 }
 ```
 
+{% tx-example txid="BE72A46233F91C71030DC88D8D86077D37FD98223E9114A46180C09FC5C11E5B" /%}
+
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
 
 | Field        | JSON Type | [Internal Type][] | Required? | Description |

docs/references/protocol/transactions/types/ammwithdraw.md

@@ -38,6 +38,8 @@ Withdraw assets from an [Automated Market Maker](../../../../concepts/tokens/dec
 }
 ```
 
+{% tx-example txid="E606F37847E012E0D71267ED18CEA8B235AD9409BB6C2383A7D53ADEC2F314D4" /%}
+
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
 
 | Field        | JSON Type           | [Internal Type][] | Required? | Description |

docs/references/protocol/transactions/types/checkcancel.md

@@ -24,10 +24,10 @@ Cancels an unredeemed Check, removing it from the ledger without sending any mon
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs1.ripple.com%2F&req=%7B%22id%22%3A%22example_CheckCancel%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22D3328000315C6DCEC1426E4E549288E3672752385D86A40D56856DBD10382953%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="D3328000315C6DCEC1426E4E549288E3672752385D86A40D56856DBD10382953" /%}
+
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
-<!--{# fix md highlighting_ #}-->
 
 | Field       | JSON Type | [Internal Type][] | Description                    |
 |:------------|:----------|:------------------|:-------------------------------|

docs/references/protocol/transactions/types/checkcash.md

@@ -27,10 +27,10 @@ Since the funds for a check are not guaranteed, redeeming a Check can fail becau
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs1.ripple.com%2F&req=%7B%22id%22%3A%22example_CheckCash%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%2267B71B13601CDA5402920691841AC27A156463678E106FABD45357175F9FF406%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="67B71B13601CDA5402920691841AC27A156463678E106FABD45357175F9FF406" /%}
+
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
-<!--{# fix md highlighting_ #}-->
 
 | Field        | JSON Type           | [Internal Type][] | Description         |
 |:-------------|:--------------------|:------------------|:--------------------|

docs/references/protocol/transactions/types/checkcreate.md

@@ -28,10 +28,9 @@ Create a Check object in the ledger, which is a deferred payment that can be cas
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fxrplcluster.com%2F&req=%7B%22id%22%3A%22example_CheckCreate%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%224E0AA11CBDD1760DE95B68DF2ABBE75C9698CEB548BEA9789053FCB3EBD444FB%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="4E0AA11CBDD1760DE95B68DF2ABBE75C9698CEB548BEA9789053FCB3EBD444FB" /%}
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
-<!--{# fix md highlighting_ #}-->
 
 | Field            | JSON Type           | [Internal Type][] | Description     |
 |:-----------------|:--------------------|:------------------|:----------------|

docs/references/protocol/transactions/types/clawback.md

@@ -1,16 +1,13 @@
 ---
-html: clawback.html
-parent: transaction-types.html
 seo:
     description: Claw back tokens you've issued.
 labels:
   - Tokens
 ---
 # Clawback
-
 [[Source]](https://github.com/XRPLF/rippled/blob/master/src/xrpld/app/tx/detail/Clawback.cpp "Source")
 
-{% partial file="/docs/_snippets/clawback-disclaimer.md" /%}
+_(Added by the [Clawback amendment][].)_
 
 Claw back tokens issued by your account.
 

docs/references/protocol/transactions/types/depositpreauth.md

@@ -51,7 +51,8 @@ A DepositPreauth transaction grants preauthorization to deliver payments to your
 {% /tab %}
 {% /tabs %}
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fxrplcluster.com%2F&req=%7B%22id%22%3A%22example_DepositPreauth%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22CB1BF910C93D050254C049E9003DA1A265C107E0C8DE4A7CFF55FADFD39D5656%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="CB1BF910C93D050254C049E9003DA1A265C107E0C8DE4A7CFF55FADFD39D5656" /%}
+
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
 

docs/references/protocol/transactions/types/escrowcancel.md

@@ -25,11 +25,10 @@ Return escrowed XRP to the sender.
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fxrplcluster.com%2F&req=%7B%22id%22%3A%22example_EscrowCancel%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22B24B9D7843F99AED7FB8A3929151D0CCF656459AE40178B77C9D44CED64E839B%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="B24B9D7843F99AED7FB8A3929151D0CCF656459AE40178B77C9D44CED64E839B" /%}
+
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
-<!--{# fix md highlighting_ #}-->
-
 
 | Field           | JSON Type | [Internal Type][] | Description                |
 |:----------------|:----------|:------------------|:---------------------------|

docs/references/protocol/transactions/types/escrowcreate.md

@@ -30,11 +30,10 @@ Sequester XRP until the escrow process either finishes or is canceled.
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fxrplcluster.com%2F&req=%7B%22id%22%3A%22example_EscrowCreate%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22C44F2EB84196B9AD820313DBEBA6316A15C9A2D35787579ED172B87A30131DA7%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="C44F2EB84196B9AD820313DBEBA6316A15C9A2D35787579ED172B87A30131DA7" /%}
+
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
-<!--{# fix md highlighting_ #}-->
-
 
 | Field            | JSON Type | [Internal Type][] | Description               |
 |:-----------------|:----------|:------------------|:--------------------------|

docs/references/protocol/transactions/types/escrowfinish.md

@@ -28,7 +28,8 @@ _Added by the [Escrow amendment][]._
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fxrplcluster.com%2F&req=%7B%22id%22%3A%22example_EscrowFinish%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22317081AF188CDD4DBE55C418F41A90EC3B959CDB3B76105E0CBE6B7A0F56C5F7%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="317081AF188CDD4DBE55C418F41A90EC3B959CDB3B76105E0CBE6B7A0F56C5F7" /%}
+
 
 {% raw-partial file="/docs/_snippets/tx-fields-intro.md" /%}
 

docs/references/protocol/transactions/types/nftokenacceptoffer.md

@@ -36,7 +36,7 @@ _(Added by the [NonFungibleTokensV1_1 amendment][].)_
 }
 ```
 
-[Query example transaction. >](/resources/dev-tools/websocket-api-tool?server=wss%3A%2F%2Fs1.ripple.com%2F&req=%7B%22id%22%3A%22example_NFTokenAcceptOffer%22%2C%22command%22%3A%22tx%22%2C%22transaction%22%3A%22BEB64444C36D1072820BAED317BE2E6470AFDAD9D8FB2D16A15A4D46E5A71909%22%2C%22binary%22%3Afalse%7D)
+{% tx-example txid="BEB64444C36D1072820BAED317BE2E6470AFDAD9D8FB2D16A15A4D46E5A71909" /%}
 
 ## Brokered vs. Direct Mode