fix: removed live

airgap-it · Sep 26, 2023 · 472f13d · 472f13d
1 parent 5eb14b9
commit 472f13d
Show file tree

Hide file tree

Showing 38 changed files with 194 additions and 162 deletions.
diff --git a/docs/advanced/custom-block-explorer.mdx b/docs/advanced/custom-block-explorer.mdx
@@ -8,7 +8,7 @@ title: Custom Block Explorer
 
 <!-- embedme custom-block-explorer.beacon.ts -->
 
-```ts live
+```ts
 import {
   BlockExplorer,
   DAppClient,
@@ -59,7 +59,7 @@ const dAppClient = new DAppClient({
 
 <!-- embedme custom-block-explorer.taquito.ts -->
 
-```ts live
+```ts
 import { BlockExplorer, NetworkType, Network } from "@airgap/beacon-sdk";
 import { TezosToolkit } from "@taquito/taquito";
 import { BeaconWallet } from "@taquito/beacon-wallet";

diff --git a/docs/advanced/different-node.mdx b/docs/advanced/different-node.mdx
@@ -11,7 +11,7 @@ Make sure the servers you use are whitelisted in the beacon network and federati
 
 <!-- embedme different-node.beacon.ts -->
 
-```ts live
+```ts
 import { DAppClient } from "@airgap/beacon-sdk";
 
 const dAppClient = new DAppClient({
@@ -30,7 +30,7 @@ try {
 
 <!-- embedme different-node.taquito.ts -->
 
-```ts live
+```ts
 import { TezosToolkit } from "@taquito/taquito";
 import { BeaconWallet } from "@taquito/beacon-wallet";
 

diff --git a/docs/advanced/sdk-info.mdx b/docs/advanced/sdk-info.mdx
@@ -8,7 +8,7 @@ title: Client Info
 
 <!-- embedme info-version.beacon.ts -->
 
-```ts live
+```ts
 import { BEACON_VERSION, SDK_VERSION } from "@airgap/beacon-sdk";
 
 console.log("SDK Version", SDK_VERSION);
@@ -17,7 +17,7 @@ console.log("Beacon Version", BEACON_VERSION);
 
 <!-- embedme info-version.taquito.ts -->
 
-```ts live
+```ts
 import { BEACON_VERSION, SDK_VERSION } from "@airgap/beacon-sdk";
 
 console.log("SDK Version", SDK_VERSION);
@@ -30,7 +30,7 @@ console.log("Beacon Version", BEACON_VERSION);
 
 <!-- embedme info-client.beacon.ts -->
 
-```ts live
+```ts
 import { DAppClient } from "@airgap/beacon-sdk";
 
 const dAppClient = new DAppClient({ name: "Beacon Docs" });
@@ -41,7 +41,7 @@ console.log(`Connected Peers:`, await dAppClient.getPeers());
 
 <!-- embedme info-client.taquito.ts -->
 
-```ts live
+```ts
 import { TezosToolkit } from "@taquito/taquito";
 import { BeaconWallet } from "@taquito/beacon-wallet";
 
@@ -60,7 +60,7 @@ console.log(`Connected Peers:`, await wallet.client.getPeers());
 
 <!-- embedme info-connection.beacon.ts -->
 
-```ts live
+```ts
 import { DAppClient, NetworkType } from "@airgap/beacon-sdk";
 
 const dAppClient = new DAppClient({ name: "Beacon Docs" });
@@ -94,7 +94,7 @@ console.log("Own Metadata:", ownMetadata);
 
 <!-- embedme info-connection.taquito.ts -->
 
-```ts live
+```ts
 import { TezosToolkit } from "@taquito/taquito";
 import { BeaconWallet } from "@taquito/beacon-wallet";
 import { DAppClient, NetworkType } from "@airgap/beacon-sdk";

diff --git a/docs/advanced/ui-elements.mdx b/docs/advanced/ui-elements.mdx
@@ -105,7 +105,7 @@ You can overwrite all of the default UI elements by doing the following.
 
 <!-- embedme disable-all-ui.beacon.ts -->
 
-```ts live
+```ts
 import {
   BeaconEvent,
   DAppClient,
@@ -137,7 +137,7 @@ try {
 
 <!-- embedme disable-all-ui.taquito.ts -->
 
-```ts live
+```ts
 import { BeaconEvent, defaultEventCallbacks } from "@airgap/beacon-sdk";
 import { TezosToolkit } from "@taquito/taquito";
 import { BeaconWallet } from "@taquito/beacon-wallet";
@@ -178,7 +178,7 @@ The same can be achieved without overwriting the default event handler by [subsc
 
 <!-- embedme override-default-event.beacon.ts -->
 
-```ts live
+```ts
 import {
   BeaconEvent,
   DAppClient,
@@ -223,7 +223,7 @@ try {
 
 <!-- embedme override-default-event.taquito.ts -->
 
-```ts live
+```ts
 import { TezosToolkit } from "@taquito/taquito";
 import { BeaconWallet } from "@taquito/beacon-wallet";
 import {
@@ -283,7 +283,7 @@ If you still want to be notified of the closing of the pairing window, you can d
 
 <!-- embedme override-alert-aborted-handler.beacon.ts -->
 
-```ts live
+```ts
 import {
   BeaconEvent,
   DAppClient,
@@ -337,7 +337,7 @@ try {
 
 <!-- embedme override-alert-aborted-handler.taquito.ts -->
 
-```ts live
+```ts
 import { TezosToolkit } from "@taquito/taquito";
 import { BeaconWallet } from "@taquito/beacon-wallet";
 import {

diff --git a/docs/getting-started/advanced-example.mdx b/docs/getting-started/advanced-example.mdx
@@ -16,7 +16,7 @@ The following example will show:
 
 <!-- embedme example-advanced.beacon.ts -->
 
-```ts live
+```ts
 import {
   ColorMode,
   DAppClient,
@@ -97,7 +97,7 @@ await dAppClient.clearActiveAccount();
 
 <!-- embedme example-advanced.taquito.ts -->
 
-```ts live
+```ts
 import { TezosToolkit } from "@taquito/taquito";
 import { BeaconWallet } from "@taquito/beacon-wallet";
 import {

diff --git a/docs/getting-started/first-dapp.mdx b/docs/getting-started/first-dapp.mdx
@@ -2,7 +2,6 @@
 title: First dApp
 ---
 
-
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 
@@ -11,7 +10,7 @@ import TabItem from "@theme/TabItem";
 Let's get started with your first dApp. You have to install the necessary dependencies.
 
 <Tabs
-  groupId="beaconOrTaquito"
+  groupId="beaconOrTaquito1"
   defaultValue="beacon"
   values={[
     { label: "Beacon", value: "beacon" },
@@ -39,9 +38,15 @@ npm install --save @taquito/taquito @taquito/beacon-wallet
 You can then import the `beacon-sdk` package and create a `DAppClient` instance. This instance will be used throughout your dApp to interact with the users wallet.
 Once created, you can send a permission request to prompt the user to connect to his wallet.
 
-
-
-<!-- embedme getting-started-permission-request.beacon.ts -->
+<Tabs
+  groupId="beaconOrTaquito2"
+  defaultValue="beacon"
+  values={[
+    { label: "Beacon", value: "beacon" },
+    { label: "Taquito", value: "taquito" },
+  ]}
+>
+  <TabItem value="beacon">
 
 ```ts live
 import { DAppClient } from "@airgap/beacon-sdk";
@@ -57,7 +62,8 @@ try {
 }
 ```
 
-<!-- embedme getting-started-permission-request.taquito.ts -->
+  </TabItem>
+  <TabItem value="taquito">
 
 ```ts live
 import { TezosToolkit } from "@taquito/taquito";
@@ -77,7 +83,8 @@ try {
 }
 ```
 
-
+  </TabItem>
+</Tabs>
 
 After the connection is successfully established and the user has shared his account, the result will be returned.
 
@@ -91,9 +98,15 @@ Now let's introduce a check to see if the SDK is already connected to the dApp.
 This code should be run after the page is loaded to get the users address and show it in your UI.
 If the following code returns an address, there is no need to send another permission request, unless you want to pair a different account.
 
-
-
-<!-- embedme getting-started-active-account.beacon.ts -->
+<Tabs
+  groupId="beaconOrTaquito3"
+  defaultValue="beacon"
+  values={[
+    { label: "Beacon", value: "beacon" },
+    { label: "Taquito", value: "taquito" },
+  ]}
+>
+  <TabItem value="beacon">
 
 ```ts live
 import { DAppClient } from "@airgap/beacon-sdk";
@@ -113,7 +126,8 @@ if (activeAccount) {
 }
 ```
 
-<!-- embedme getting-started-active-account.taquito.ts -->
+  </TabItem>
+  <TabItem value="taquito">
 
 ```ts live
 import { TezosToolkit } from "@taquito/taquito";
@@ -136,16 +150,22 @@ if (activeAccount) {
   console.log("Not connected!");
 }
 ```
-
-
+  </TabItem>
+</Tabs>
 
 The `beacon-sdk` is now fully set up and ready to receive operation requests.
 
 > If you want to add reactivity to your DApp when an active account changes, then you have to subscribe to `BeaconEvent.ACTIVE_ACCOUNT_SET`.
 
-
-
-<!-- embedme getting-started-active-account-events.beacon.ts -->
+<Tabs
+  groupId="beaconOrTaquito4"
+  defaultValue="beacon"
+  values={[
+    { label: "Beacon", value: "beacon" },
+    { label: "Taquito", value: "taquito" },
+  ]}
+>
+  <TabItem value="beacon">
 
 ```ts live
 import { BeaconEvent, DAppClient } from "@airgap/beacon-sdk";
@@ -164,8 +184,8 @@ if (!activeAccount) {
   await dAppClient.requestPermissions();
 }
 ```
-
-<!-- embedme getting-started-active-account-events.taquito.ts -->
+  </TabItem>
+  <TabItem value="taquito">
 
 ```ts live
 import { TezosToolkit } from "@taquito/taquito";
@@ -182,14 +202,20 @@ wallet.client.subscribeToEvent(BeaconEvent.ACTIVE_ACCOUNT_SET, (account) => {
   console.log(`${BeaconEvent.ACTIVE_ACCOUNT_SET} triggered: `, account);
 });
 ```
-
-
+  </TabItem>
+</Tabs>
 
 ## Operation Request
 
-
-
-<!-- embedme getting-started-operation-request.beacon.ts -->
+<Tabs
+  groupId="beaconOrTaquito5"
+  defaultValue="beacon"
+  values={[
+    { label: "Beacon", value: "beacon" },
+    { label: "Taquito", value: "taquito" },
+  ]}
+>
+  <TabItem value="beacon">
 
 ```ts live
 import { DAppClient, TezosOperationType } from "@airgap/beacon-sdk";
@@ -220,8 +246,8 @@ const response = await dAppClient.requestOperation({
   ],
 });
 ```
-
-<!-- embedme getting-started-operation-request.taquito.ts -->
+  </TabItem>
+  <TabItem value="taquito">
 
 ```ts live
 import { TezosToolkit } from "@taquito/taquito";
@@ -255,14 +281,20 @@ const response = await wallet.sendOperations([
   },
 ]);
 ```
-
-
+  </TabItem>
+</Tabs>
 
 > Alternatively with `BeaconEvent.ACTIVE_ACCOUNT_SET`
 
-
-
-<!-- embedme getting-started-operation-request-events.beacon.ts -->
+<Tabs
+  groupId="beaconOrTaquito6"
+  defaultValue="beacon"
+  values={[
+    { label: "Beacon", value: "beacon" },
+    { label: "Taquito", value: "taquito" },
+  ]}
+>
+  <TabItem value="beacon">
 
 ```ts live
 import {
@@ -299,8 +331,8 @@ if (!activeAccount) {
   await dAppClient.requestPermissions();
 }
 ```
-
-<!-- embedme getting-started-operation-request-events.taquito.ts -->
+  </TabItem>
+  <TabItem value="taquito">
 
 ```ts live
 import { TezosToolkit } from "@taquito/taquito";
@@ -343,8 +375,8 @@ if (!activeAccount) {
   await wallet.client.requestPermissions();
 }
 ```
-
-
+  </TabItem>
+</Tabs>
 
 ## User Interaction Best Practice