diff --git a/docs/components/TabGroup.tsx b/docs/components/TabGroup.tsx deleted file mode 100644 index 8a3c4687f1..0000000000 --- a/docs/components/TabGroup.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import React, { useState } from "react"; - -// Tab component for each tab heading -const Tab = ({ children, onClick, isActive }: any) => { - return ( - - ); -}; - -// TabPanel component -const TabPanel = ({ children, isActive }: any) => { - return isActive ?
{children}
: null; -}; - -// TabGroup component that wraps the Tab and TabPanel components -const TabGroup = ({ children }: any) => { - const [selectedTab, setSelectedTab] = useState(0); - const tabsAndPanels = React.Children.toArray(children); - const tabs = tabsAndPanels.filter((child: any) => child.type === Tab); - const tabPanels = tabsAndPanels.filter((child: any) => child.type === TabPanel); - - return ( -
-
- {tabs.map((tab: any, index) => - React.cloneElement(tab, { - key: index, - onClick: () => setSelectedTab(index), - isActive: selectedTab === index, - }) - )} -
-
- {tabPanels.map((panel: any, index) => - React.cloneElement(panel, { - key: index, - isActive: selectedTab === index, - }) - )} -
-
- ); -}; - -export { TabGroup, TabPanel, Tab }; diff --git a/docs/pages/solutions/marketplaces/orderbook/examples/03-get-top-orders.mdx b/docs/pages/solutions/marketplaces/orderbook/examples/03-get-top-orders.mdx index 6a9ca9dd56..a7b4ee264c 100644 --- a/docs/pages/solutions/marketplaces/orderbook/examples/03-get-top-orders.mdx +++ b/docs/pages/solutions/marketplaces/orderbook/examples/03-get-top-orders.mdx @@ -1,9 +1,7 @@ -import { TabGroup, Tab, TabPanel } from "../../../../../components/TabGroup.tsx"; +import { Callout } from "vocs/components"; ## GetTopOrders -import { Callout } from "vocs/components"; - Query the protocol for the top order based on various filters. Fetch the top orders from the protocol, optionally excluding those created by a specific user. @@ -40,11 +38,10 @@ Fetch the top orders from the protocol, optionally excluding those created by a - `orderbookContractAddress` (string) -- the orderbook contract address ] - - curl - - ```bash class=wrap - curl --request POST \ +:::code-group + +```shell twoslash [curl] filename="curl" +curl --request POST \ --url https://dev-marketplace-api.sequence.app/arbitrum-sepolia/rpc/Marketplace/GetTopOrders \ --header 'Content-Type: application/json' \ --data '{ @@ -57,12 +54,9 @@ Fetch the top orders from the protocol, optionally excluding those created by a "isListing": true, "priceSort": "DESC" }' - ``` - - js - +``` -```ts +```ts twoslash [js] // Works in both a Webapp (browser) or Node.js: import fetch from "cross-fetch"; @@ -88,14 +82,10 @@ import fetch from "cross-fetch"; })(); ``` - - other - - -Please [contact our team](/support) for assistance with integrations to another target. - - - +```shell twoslash [other] + Please contact our team for assistance with integrations to another target. +``` +::: ### Example implementation diff --git a/docs/pages/solutions/marketplaces/orderbook/examples/04-get-orderbook.mdx b/docs/pages/solutions/marketplaces/orderbook/examples/04-get-orderbook.mdx index 6a2da5d33f..5c22e7708e 100644 --- a/docs/pages/solutions/marketplaces/orderbook/examples/04-get-orderbook.mdx +++ b/docs/pages/solutions/marketplaces/orderbook/examples/04-get-orderbook.mdx @@ -1,5 +1,4 @@ import { Callout } from "vocs/components"; -import { TabGroup, Tab, TabPanel } from "../../../../../components/TabGroup.tsx"; ## GetOrderbookOrders @@ -58,11 +57,10 @@ _Sequence Orderbook `GetOrderbookOrders` Method:_ `max` is required to have orders appear in the query - - curl - -```bash class=wrap +:::code-group +```shell twoslash [curl] filename="curl" + curl --request POST \ --url https://dev-marketplace-api.sequence.app/arbitrum-sepolia/rpc/Marketplace/GetOrderbookOrders \ --header 'Content-Type: application/json' \ @@ -93,13 +91,9 @@ curl --request POST \ }, "orderbookContractAddress": "0xB537a160472183f2150d42EB1c3DD6684A55f74c" }' -``` +``` - - js - - -```ts +```js twoslash [js] // Works in both a Webapp (browser) or Node.js: import fetch from "cross-fetch"; @@ -136,15 +130,10 @@ import fetch from "cross-fetch"; })(); ``` - - other - - - Please [contact our team](/support) for assistance with integrations to another target. - - - - +```shell twoslash [other] + Please contact our team for assistance with integrations to another target. +``` +::: ### Example implementation diff --git a/docs/pages/solutions/marketplaces/orderbook/examples/05-get-user-activities.mdx b/docs/pages/solutions/marketplaces/orderbook/examples/05-get-user-activities.mdx index a0b80290ae..1f54accc83 100644 --- a/docs/pages/solutions/marketplaces/orderbook/examples/05-get-user-activities.mdx +++ b/docs/pages/solutions/marketplaces/orderbook/examples/05-get-user-activities.mdx @@ -1,5 +1,3 @@ -import { TabGroup, Tab, TabPanel } from "../../../../../components/TabGroup.tsx"; - ## GetUserActivities Retrieve activity data for a specific user, including orders and trades. @@ -36,11 +34,10 @@ Retrieve activity data for a specific user, including orders and trades. **Example: `GetUserActivities` for a user with specific token IDs** - - curl - - -```bash class=wrap + +:::code-group + +```shell twoslash [curl] filename="curl" curl -X POST -H "Content-Type: application/json" https://dev-marketplace-api.sequence.app/arbitrum-sepolia/rpc/Marketplace/GetUserActivities -d '{ "orderbookContractAddress": "0xB537a160472183f2150d42EB1c3DD6684A55f74c", "collectionAddress": "0x1693ffc74edbb50d6138517fe5cd64fd1c917709", @@ -51,12 +48,8 @@ curl -X POST -H "Content-Type: application/json" https://dev-marketplace-api.seq "tokenIDs": ["1"] }' -```` - - js - - -```ts +``` +```js twoslash [js] // Works in both a Webapp (browser) or Node.js: import fetch from "cross-fetch"; @@ -82,15 +75,11 @@ import fetch from "cross-fetch"; console.log("res", await res.json()); })(); -```` - - - other - - Please [contact our team](/support) for assistance with integrations to another target. - +``` - +```shell twoslash [other] + Please contact our team for assistance with integrations to another target. +``` ### Example implementation diff --git a/docs/pages/solutions/technical-references/internals/v1/04-wallet-configuration.mdx b/docs/pages/solutions/technical-references/internals/v1/04-wallet-configuration.mdx index 07807f16d6..a079742634 100644 --- a/docs/pages/solutions/technical-references/internals/v1/04-wallet-configuration.mdx +++ b/docs/pages/solutions/technical-references/internals/v1/04-wallet-configuration.mdx @@ -1,5 +1,3 @@ -import { TabGroup, Tab, TabPanel } from "../../../../../components/TabGroup.tsx"; - # Wallet Configuration Every Sequence wallet has a configuration defined by a threshold and a list of signers with their corresponding weights. @@ -64,35 +62,31 @@ Wallets that never have been updated don't store the `imageHash` directly, inste #### Compute image hash - - Solidity - - ``` - keccak256(abi.encode( uint8 weight_1, address signer_1, - keccak256(abi.encode( uint8 weight_2, address signer_2, - keccak256(abi.encode( uint8 weight_3, address signer_3, - keccak256(abi.encode( uint256 threshold )) )) )) )) - ``` - - Javascript - - ```ts - let tmp = ethers.utils.solidityPack(['uint256'], [configuration.threshold]) - - for (const signer of configuration.signers) { - tmp = ethers.utils.keccak256( - ethers.utils.defaultAbiCoder.encode( - ['bytes32', 'uint8', 'address'], - [tmp, signer.weight, signer.address] - ) +:::code-group + +```solidity twoslash [solidity] + keccak256(abi.encode( uint8 weight_1, address signer_1, + keccak256(abi.encode( uint8 weight_2, address signer_2, + keccak256(abi.encode( uint8 weight_3, address signer_3, + keccak256(abi.encode( uint256 threshold )) )) )) )) +``` + +```js twoslash [js] + let tmp = ethers.utils.solidityPack(['uint256'], [configuration.threshold]) + + for (const signer of configuration.signers) { + tmp = ethers.utils.keccak256( + ethers.utils.defaultAbiCoder.encode( + ['bytes32', 'uint8', 'address'], + [tmp, signer.weight, signer.address] ) - } + ) + } - const imageHash = tmp + const imageHash = tmp +``` -```` - - +::: ## Initial wallet configuration diff --git a/docs/pages/solutions/wallets/universal-wallet/examples/03-sign-message.mdx b/docs/pages/solutions/wallets/universal-wallet/examples/03-sign-message.mdx index 24d16bfc98..5277245932 100644 --- a/docs/pages/solutions/wallets/universal-wallet/examples/03-sign-message.mdx +++ b/docs/pages/solutions/wallets/universal-wallet/examples/03-sign-message.mdx @@ -1,9 +1,3 @@ -import { - TabGroup, - Tab, - TabPanel, -} from "../../../../../components/TabGroup.tsx"; - import { Callout } from "vocs/components"; # Signing & Verifying Messages @@ -143,19 +137,11 @@ _Sequence API `IsValidMessageSignature` Method:_ **`IsValidMessageSignature` example usage:** - - curl - - -```bash class=wrap +:::code-group +```shell twoslash [curl] curl -X POST -H "Content-Type: application/json" https://api.sequence.app/rpc/API/IsValidMessageSignature -d '{ "chainId": "polygon", "walletAddress": "0x2fa0b551fdFa31a4471c1C52206fdb448ad997d1", "message": "Hi, please sign this message", "signature": "0x000501032a44625bec3b842df681db00a92a74dda5e42bcf0203596af90cecdbf9a768886e771178fd5561dd27ab005d0001000183d971056b1eca1bcc7289b9a6926677c5b07db4197925346367f61f2d09c732760719a91722acee0b24826f412cb69bd2125e48f231705a5be33d1f5523f9291c020101c50adeadb7fe15bee45dcb820610cdedcd314eb0030002f19915df00d669708608502d3011a09948b32674d6e443202a2ba884a4dcd26c2624ff33a8ee9836cc3ca2fbb8d3aa43382047b73d21646cb66cc2916076c1331c02" }' ``` - - - js - - -```ts +```js twoslash [js] // Works in both a Webapp (browser) or Node.js: import { sequence } from "0xsequence"; @@ -174,12 +160,7 @@ const { isValid } = await api.isValidMessageSignature({ }); console.log(isValid); // true ``` - - - go - - -```go +```go twoslash [go] import ( "context" "fmt" @@ -210,14 +191,10 @@ func ValidateMessageSignature() { } ``` - - - other - - - Please [contact our team](/support) for assistance with integrations to another target. - - +```shell twoslash [other] + Please contact our team for assistance with integrations to another target. +``` +:::
@@ -236,18 +213,11 @@ _Sequence API `IsValidETHAuthProof` Method:_ **`IsValidETHAuthProof` example usage:** - -curl - - ```bash class=wrap +:::code-group +```shell twoslash [curl] curl -X POST -H "Content-Type: application/json" https://api.sequence.app/rpc/API/IsValidETHAuthProof -d '{"chainId":"polygon", "walletAddress":"0x2fa0b551fdFa31a4471c1C52206fdb448ad997d1","ethAuthProofString": "eth.0x2fa0b551fdfa31a4471c1c52206fdb448ad997d1.eyJhcHAiOiJEZW1vIERhcHAiLCJpYXQiOjAsImV4cCI6MTY2MDIzMTAyOCwidiI6IjEiLCJvZ24iOiJodHRwOi8vbG9jYWxob3N0OjQwMDAifQ.0x000501032a44625bec3b842df681db00a92a74dda5e42bcf0203596af90cecdbf9a768886e771178fd5561dd27ab005d00010001f7dad5ade840bb961cbab889d731bbc080bb4c36fc090435e82fe78e3c152b671505ad544adb562cc25a5933cd06c9108e239a52a82ba797c3d3522645c69cd81b020101c50adeadb7fe15bee45dcb820610cdedcd314eb003000274164fb33c93b4384582c54c30d9a1e2ef219063d03084005edc1da853af2f1f2e67275dbb6ef945d04600b6dd83cfd997cc9ae4173ea61b0c5cc0808fb196681b02"}' ``` - - - js - - -```ts +```js // Works in both a Webapp (browser) or Node.js: import { sequence } from "0xsequence"; @@ -265,13 +235,7 @@ const { isValid } = await api.isValidETHAuthProof({ console.log(isValid); // true ``` - - - go - - - -```go +```go twoslash [go] import ( "context" "fmt" @@ -296,12 +260,10 @@ func ValidateETHAuth() { } ``` - - other - -Please [contact our team](/support) for assistance with integrations to another target. - - +```shell twoslash [other] +Please contact our team for assistance with integrations to another target. +``` +::: ## How does it work?