diff --git a/src/components/Examples/coreKitExamples.tsx b/src/components/Examples/coreKitExamples.tsx index daddc8890..b47b8e1c3 100644 --- a/src/components/Examples/coreKitExamples.tsx +++ b/src/components/Examples/coreKitExamples.tsx @@ -9,13 +9,13 @@ export const CKTkey = [ key: "tkey-react-redirect-example", title: "tKey in Redirect Flow", icon: "logo-react.png", - path: `${baseURL}tkey/tkey-react-redirect-example`, + path: `${baseURL}tkey-web/intrinsic-flow-examples/tkey-redirect-flow-example`, }, { key: "tkey-react-popup-example", title: "tKey in Popup Flow", icon: "logo-react.png", - path: `${baseURL}tkey/tkey-react-popup-example`, + path: `${baseURL}tkey-web/intrinsic-flow-examples/tkey-popup-flow-example`, }, ], }, @@ -30,19 +30,19 @@ export const MPCCK = [ key: "mpc-core-kit-react-popup-example", title: "MPC Core Kit Popup Flow", icon: "logo-react.png", - path: `${baseURL}mpc-core-kit/mpc-core-kit-react-popup-example`, + path: `${baseURL}mpc-core-kit-web/intrinsic-flow-examples/mpc-core-kit-popup-flow-example`, }, { key: "mpc-core-kit-react-redirect-example", title: "MPC Core Kit Redirect Flow", icon: "logo-react.png", - path: `${baseURL}mpc-core-kit/mpc-core-kit-react-redirect-example`, + path: `${baseURL}mpc-core-kit-web/intrinsic-flow-examples/mpc-core-kit-redirect-flow-example`, }, { - key: "tkey-mpc-beta-react-popup-example", - title: "tKey MPC Popup Flow", + key: "mpc-core-kit-aggregate-verifier-example", + title: "MPC Core Kit Aggregate Example", icon: "logo-react.png", - path: `${baseURL}mpc-core-kit/tkey-mpc-react-popup-example`, + path: `${baseURL}mpc-core-kit-web/mpc-core-kit-aggregate-verifier-example`, }, ], }, @@ -54,22 +54,34 @@ export const CKSFA = [ description: "", tiles: [ { - key: "react-evm-sfa-example", - title: "Single Factor Auth Basic Example", + key: "sfa-web-google-example", + title: "SFA Web Google Example", icon: "logo-react.png", - path: `${baseURL}single-factor-auth-web/react-evm-sfa-example`, + path: `${baseURL}single-factor-auth-web/sfa-web-google-example`, }, { - key: "sfa-react-example", - title: "Single Factor Auth React Example", + key: "sfa-web-auth0-example", + title: "SFA Web Auth0 Example", icon: "logo-react.png", - path: `${baseURL}single-factor-auth-web/sfa-react-example`, + path: `${baseURL}single-factor-auth-web/sfa-web-auth0-example`, }, { - key: "sfa-react-vite-example", - title: "Single Factor Auth React (Vite) Example", + key: "sfa-web-custom-jwt-example", + title: "SFA Web Custom JWT Example", icon: "logo-react.png", - path: `${baseURL}single-factor-auth-web/sfa-react-vite-example`, + path: `${baseURL}single-factor-auth-web/sfa-web-custom-jwt-example`, + }, + { + key: "sfa-web-passwordless-example", + title: "SFA Web Passwordless Example", + icon: "logo-react.png", + path: `${baseURL}single-factor-auth-web/sfa-web-passwordless-example`, + }, + { + key: "sfa-web-aggregate-verifier-example", + title: "SFA Web Aggregate Example", + icon: "logo-react.png", + path: `${baseURL}single-factor-auth-web/sfa-web-aggregate-verifier-example`, }, ], }, @@ -82,9 +94,9 @@ export const CKSFAAndroid = [ tiles: [ { key: "android-sfa-example", - title: "Single Factor Auth Android Example", + title: "SFA Android Example", icon: "logo-android.png", - path: `${baseURL}single-factor-auth-android/android-sfa-firebase-example`, + path: `${baseURL}single-factor-auth-android/sfa-android-quick-start`, }, ], }, @@ -97,9 +109,9 @@ export const CKSFAiOS = [ tiles: [ { key: "ios-sfa-example", - title: "Single Factor Auth iOS Example", + title: "SFA iOS Example", icon: "logo-apple.png", - path: `${baseURL}single-factor-auth-ios/ios-sfa-firebase-example`, + path: `${baseURL}single-factor-auth-ios/sfa-ios-quick-start`, }, ], }, @@ -112,9 +124,9 @@ export const CKSFARN = [ tiles: [ { key: "sfa-react-native-firebase-example", - title: "SFA React Native with Firebase", + title: "SFA React Native QuickStart", icon: "logo-firebase.png", - path: `${baseURL}single-factor-auth-react-native/sfa-react-native-firebase-example`, + path: `${baseURL}single-factor-auth-react-native/sfa-rn-bare-quick-start`, }, { key: "sfa-rn-expo-auth0-example", @@ -133,7 +145,7 @@ export const CKSFAFlutter = [ tiles: [ { key: "flutter-sfa-example", - title: "Single Factor Auth Flutter Example", + title: "SFA Flutter Example", icon: "logo-flutter.png", path: "https://github.com/Web3Auth/single-factor-auth-flutter/tree/master/example", }, @@ -148,27 +160,27 @@ export const CKTkeyiOS = [ tiles: [ { key: "tkey-ios-example", - title: "CoreKit tKey iOS Example", + title: "tKey iOS Example", icon: "logo-google.png", - path: `${baseURL}tkey-ios/tkey-ios-google-example`, + path: `${baseURL}tkey-ios/tkey-ios-quick-start`, }, { key: "tkey-ios-aggregate-example", - title: "CoreKit tKey iOS Aggregate Example", + title: "tKey iOS Aggregate Example", icon: "logo-apple.png", - path: `${baseURL}tkey-ios/tkey-ios-google-example`, + path: `${baseURL}tkey-ios/tkey-ios-aggregate-verifier-example`, }, { key: "tkey-ios-auth0-example", - title: "CoreKit tKey iOS Auth0 Example", + title: "tKey iOS Auth0 Example", icon: "logo-auth0.png", - path: `${baseURL}tkey-ios/tkey-ios-google-example`, + path: `${baseURL}tkey-ios/tkey-ios-auth0-example`, }, { key: "tkey-ios-firebase-example", - title: "CoreKit tKey iOS Firebase Example", + title: "tKey iOS Firebase Example", icon: "logo-firebase.png", - path: `${baseURL}tkey-ios/tkey-ios-google-example`, + path: `${baseURL}tkey-ios/tkey-ios-firebase-example`, }, ], }, @@ -181,27 +193,15 @@ export const CKTkeyAndroid = [ tiles: [ { key: "tkey-android-example", - title: "CoreKit tKey Android Example", + title: "tKey Android Example", icon: "logo-google.png", - path: `${baseURL}tkey-android/tkey-android-google-example`, + path: `${baseURL}tkey-android/tkey-android-auth0-example`, }, { key: "tkey-android-aggregate-example", - title: "CoreKit tKey Android Aggregate Example", + title: "tKey Android QuickStart Example", icon: "logo-android.png", - path: `${baseURL}tkey-android/tkey-android-google-example`, - }, - { - key: "tkey-android-auth0-example", - title: "CoreKit tKey Android Auth0 Example", - icon: "logo-auth0.png", - path: `${baseURL}tkey-android/tkey-android-google-example`, - }, - { - key: "tkey-android-firebase-example", - title: "CoreKit tKey Android Firebase Example", - icon: "logo-firebase.png", - path: `${baseURL}tkey-android/tkey-android-google-example`, + path: `${baseURL}tkey-android/tkey-android-quick-start`, }, ], }, @@ -213,10 +213,10 @@ export const CKNode = [ description: "", tiles: [ { - key: "node-backend-example", - title: "Node Backend Example", + key: "sfa-node-example", + title: "SFA Node Example", icon: "logo-nodejs.png", - path: `${baseURL}node-sdk/node-backend-example`, + path: `${baseURL}single-factor-auth-node/sfa-node-quick-start`, }, ], }, diff --git a/src/components/Examples/index.tsx b/src/components/Examples/index.tsx index 5fa5aaba6..306b2127f 100644 --- a/src/components/Examples/index.tsx +++ b/src/components/Examples/index.tsx @@ -33,25 +33,8 @@ import { import { CKNode, CKSFA, CKSFAAndroid, CKSFAFlutter, CKSFAiOS, CKSFARN, CKTkey, CKTkeyAndroid, CKTkeyiOS, MPCCK } from "./coreKitExamples"; import { PNPUnity, PNPUnreal } from "./pnpGamingExamples"; import { PNPAndroid, PNPFlutter, PNPIos, PNPRN } from "./pnpMobileExamples"; -import { - PNPModalAdditional, - PNPModalEVM, - PNPModalOther, - PNPModalSolana, - PNPModalStarkEx, - PNPModalStarkNet, - PNPModalTezos, - PNPModalWagmi, -} from "./pnpModalExamples"; -import { - PNPNoModalAdditional, - PNPNoModalCustomAuth, - PNPNoModalCustomAuthAggregate, - PNPNoModalEVM, - PNPNoModalOther, - PNPNoModalSolana, - PNPNoModalWagmi, -} from "./pnpNoModalExamples"; +import { PNPModalWebExample } from "./pnpModalExamples"; +import { PNPNoModalWebExample } from "./pnpNoModalExamples"; import styles from "./styles.module.css"; export default function QuickNavigation() { @@ -161,33 +144,14 @@ export default function QuickNavigation() {

Sample Apps using Web3Auth {sdk}

{sdk === pnpwebmodal ? ( <> -

EVM Chain Examples

- -

Solana Blockchain Examples

- -

Other Chain Examples

- - - - -

Additional Examples

- -

Wagmi Connector Examples

- +

Blockchain React Examples

+ ) : null} {sdk === pnpwebnomodal ? ( <> -

Blockchain Examples

- - - -

Custom Authentication Examples

- - - -

Wagmi Connector Examples

- +

Blockchain React Examples

+ ) : null} {sdk === pnpandroid ? : null} diff --git a/src/components/Examples/pnpGamingExamples.tsx b/src/components/Examples/pnpGamingExamples.tsx index 56625b94a..1e63d3e70 100644 --- a/src/components/Examples/pnpGamingExamples.tsx +++ b/src/components/Examples/pnpGamingExamples.tsx @@ -6,10 +6,10 @@ export const PNPUnity = [ description: "", tiles: [ { - key: "unity-example", - title: "Unity Basic Example", + key: "unity-quick-start", + title: "Unity QuickStart Example", icon: "logo-unity.png", - path: `${baseURL}unity/unity-example`, + path: `${baseURL}unity/unity-quick-start`, }, { key: "unity-auth0-example", @@ -18,10 +18,10 @@ export const PNPUnity = [ path: `${baseURL}unity/unity-auth0-example`, }, { - key: "unity-google-emailpasswordless-example", + key: "unity-aggregate-verifier-example", title: "Unity + Aggregate Verifier", icon: "logo-google.png", - path: `${baseURL}unity/unity-google-emailpasswordless-example`, + path: `${baseURL}unity/unity-aggregate-verifier-example`, }, ], }, diff --git a/src/components/Examples/pnpMobileExamples.tsx b/src/components/Examples/pnpMobileExamples.tsx index 8330a4305..431ce3706 100644 --- a/src/components/Examples/pnpMobileExamples.tsx +++ b/src/components/Examples/pnpMobileExamples.tsx @@ -6,10 +6,10 @@ export const PNPAndroid = [ description: "", tiles: [ { - key: "android-example", - title: "Android Basic Example", + key: "android-quick-start", + title: "Android QuickStart Example", icon: "logo-android.png", - path: `${baseURL}android/android-example`, + path: `${baseURL}android/android-quick-start`, }, { key: "android-auth0-example", @@ -24,10 +24,10 @@ export const PNPAndroid = [ path: `${baseURL}android/android-firebase-example`, }, { - key: "android-google-emailpasswordless-example", + key: "android-android-aggregate-verifier-example", title: "Android + Aggregate Verifier", icon: "logo-google.png", - path: `${baseURL}android/android-google-emailpasswordless-example`, + path: `${baseURL}android/android-aggregate-verifier-example`, }, ], }, @@ -39,10 +39,10 @@ export const PNPIos = [ description: "", tiles: [ { - key: "ios-example", - title: "iOS Basic Example", + key: "ios-quick-start", + title: "iOS QuickStart Example", icon: "logo-apple.png", - path: `${baseURL}ios/ios-example`, + path: `${baseURL}ios/ios-quick-start`, }, { key: "ios-auth0-example", @@ -57,10 +57,10 @@ export const PNPIos = [ path: `${baseURL}ios/ios-firebase-example`, }, { - key: "ios-aggregate-example", + key: "ios-aggregate-verifier-example", title: "iOS + Aggregate Verifier", icon: "logo-google.png", - path: `${baseURL}ios/ios-aggregate-example`, + path: `${baseURL}ios/ios-aggregate-verifier-example`, }, ], }, @@ -72,10 +72,10 @@ export const PNPRN = [ description: "", tiles: [ { - key: "rn-bare-example", - title: "React Native Bare Basic Example", + key: "rn-bare-quick-start", + title: "React Native Bare QuickStart Example", icon: "logo-react.png", - path: `${baseURL}react-native/rn-bare-example`, + path: `${baseURL}react-native/rn-bare-quick-start`, }, { key: "rn-bare-auth0-example", @@ -90,10 +90,10 @@ export const PNPRN = [ path: `${baseURL}react-native/rn-bare-firebase-example`, }, { - key: "rn-bare-google-emailpasswordless-example", + key: "rn-bare-aggregate-verifier-example", title: "React Native Bare + Aggregate Verifier", icon: "logo-google.png", - path: `${baseURL}react-native/rn-bare-google-emailpasswordless-example`, + path: `${baseURL}react-native/rn-bare-aggregate-verifier-example`, }, { key: "rn-expo-example", @@ -101,18 +101,6 @@ export const PNPRN = [ icon: "logo-react.png", path: `${baseURL}react-native/rn-expo-example`, }, - { - key: "rn-expo-auth0-example", - title: "React Native Expo + Auth0", - icon: "logo-auth0.png", - path: `${baseURL}react-native/rn-expo-auth0-example`, - }, - { - key: "rn-expo-google-emailpasswordless-example", - title: "React Native Expo + Aggregate Verifier", - icon: "logo-google.png", - path: `${baseURL}react-native/rn-expo-google-emailpasswordless-example`, - }, ], }, ]; @@ -123,10 +111,10 @@ export const PNPFlutter = [ description: "", tiles: [ { - key: "flutter-example", - title: "Flutter Basic Example", + key: "flutter-quick-start", + title: "Flutter QuickStart Example", icon: "logo-flutter.png", - path: `${baseURL}flutter/flutter-example`, + path: `${baseURL}flutter/flutter-quick-start`, }, { key: "flutter-auth0-example", @@ -141,10 +129,10 @@ export const PNPFlutter = [ path: `${baseURL}flutter/flutter-firebase-example`, }, { - key: "flutter-google-emailpasswordless-example", + key: "flutter-aggregate-verifier-example", title: "Flutter + Aggregate Verifier", icon: "logo-google.png", - path: `${baseURL}flutter/flutter-google-emailpasswordless-example`, + path: `${baseURL}flutter/flutter-aggregate-verifier-example`, }, ], }, diff --git a/src/components/Examples/pnpModalExamples.tsx b/src/components/Examples/pnpModalExamples.tsx index 60888ee44..9cdcda107 100644 --- a/src/components/Examples/pnpModalExamples.tsx +++ b/src/components/Examples/pnpModalExamples.tsx @@ -1,6 +1,6 @@ export const baseURL = "https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-modal-sdk/"; -export const PNPModalEVM = [ +export const PNPModalWebExample = [ { name: "", description: "", @@ -8,293 +8,20 @@ export const PNPModalEVM = [ { key: "react-evm-modal-example", title: "Ethereum in React", - icon: "logo-react.png", - path: `${baseURL}evm/react-evm-modal-example`, + icon: "logo-ethereum.png", + path: `${baseURL}blockchain-connection-examples/evm-modal-example`, }, - { - key: "nextjs-evm-modal-example", - title: "Ethereum in NextJS", - icon: "logo-nextjs.png", - path: `${baseURL}evm/nextjs-evm-modal-example`, - }, - { - key: "angular-evm-modal-example", - title: "Ethereum in Angular", - icon: "logo-angular.png", - path: `${baseURL}evm/angular-evm-modal-example`, - }, - { - key: "vue-evm-modal-example", - title: "Ethereum in Vue", - icon: "logo-vue.png", - path: `${baseURL}evm/vue-evm-modal-example`, - }, - { - key: "commonjs-evm-modal-example", - title: "Ethereum in CommonJS", - icon: "logo-js.png", - path: `${baseURL}evm/commonjs-evm-modal-example`, - }, - ], - }, -]; - -export const PNPModalSolana = [ - { - name: "", - description: "", - tiles: [ { key: "react-solana-modal-example", title: "Solana in React", - icon: "logo-react.png", - path: `${baseURL}solana/react-solana-modal-example`, - }, - { - key: "nextjs-solana-modal-example", - title: "Solana in NextJS", - icon: "logo-nextjs.png", - path: `${baseURL}solana/nextjs-solana-modal-example`, - }, - { - key: "angular-solana-modal-example", - title: "Solana in Angular", - icon: "logo-angular.png", - path: `${baseURL}solana/angular-solana-modal-example`, - }, - { - key: "vue-solana-modal-example", - title: "Solana in Vue", - icon: "logo-vue.png", - path: `${baseURL}solana/vue-solana-modal-example`, - }, - { - key: "commonjs-solana-modal-example", - title: "Solana in CommonJS", - icon: "logo-js.png", - path: `${baseURL}solana/commonjs-solana-modal-example`, - }, - ], - }, -]; - -export const PNPModalStarkEx = [ - { - name: "StarkEx", - description: "", - tiles: [ - { - key: "react-starkex-modal-example", - title: "StarkEx in React", - icon: "logo-react.png", - path: `${baseURL}starkex/react-starkex-modal-example`, - }, - { - key: "nextjs-starkex-modal-example", - title: "StarkEx in NextJS", - icon: "logo-nextjs.png", - path: `${baseURL}starkex/nextjs-starkex-modal-example`, - }, - { - key: "angular-starkex-modal-example", - title: "StarkEx in Angular", - icon: "logo-angular.png", - path: `${baseURL}starkex/angular-starkex-modal-example`, - }, - { - key: "vue-starkex-modal-example", - title: "StarkEx in Vue", - icon: "logo-vue.png", - path: `${baseURL}starkex/vue-starkex-modal-example`, - }, - ], - }, -]; - -export const PNPModalStarkNet = [ - { - name: "StarkNet", - description: "", - tiles: [ - { - key: "react-starknet-modal-example", - title: "StarkNet in React", - icon: "logo-react.png", - path: `${baseURL}starknet/react-starknet-modal-example`, - }, - { - key: "nextjs-starknet-modal-example", - title: "StarkNet in NextJS", - icon: "logo-nextjs.png", - path: `${baseURL}starknet/nextjs-starknet-modal-example`, - }, - { - key: "angular-starknet-modal-example", - title: "StarkNet in Angular", - icon: "logo-angular.png", - path: `${baseURL}starknet/angular-starknet-modal-example`, - }, - { - key: "vue-starknet-modal-example", - title: "StarkNet in Vue", - icon: "logo-vue.png", - path: `${baseURL}starknet/vue-starknet-modal-example`, - }, - ], - }, -]; - -export const PNPModalTezos = [ - { - name: "Tezos", - description: "", - tiles: [ - { - key: "react-tezos-modal-example", - title: "Tezos in React", - icon: "logo-react.png", - path: `${baseURL}tezos/react-tezos-modal-example`, - }, - { - key: "nextjs-tezos-modal-example", - title: "Tezos in NextJS", - icon: "logo-nextjs.png", - path: `${baseURL}tezos/nextjs-tezos-modal-example`, - }, - { - key: "angular-tezos-modal-example", - title: "Tezos in Angular", - icon: "logo-angular.png", - path: `${baseURL}tezos/angular-tezos-modal-example`, - }, - { - key: "vue-tezos-modal-example", - title: "Tezos in Vue", - icon: "logo-vue.png", - path: `${baseURL}tezos/vue-tezos-modal-example`, - }, - ], - }, -]; - -export const PNPModalOther = [ - { - name: "Other Blockchains", - description: "", - tiles: [ - { - key: "react-multi-chain-modal-example", - title: "Multiple Chains", - icon: "logo-react.png", - path: `${baseURL}multi-chain/react-multi-chain-modal-example`, - }, - { - key: "react-algorand-modal-example", - title: "Algorand", - icon: "logo-algorand.png", - path: `${baseURL}algorand/react-algorand-modal-example`, - }, - { - key: "react-polkadot-modal-example", - title: "Polkadot", - icon: "logo-polkadot.png", - path: `${baseURL}polkadot/react-polkadot-modal-example`, - }, - { - key: "react-immutableX-modal-example", - title: "ImmutableX", - icon: "logo-immutablex.png", - path: `${baseURL}immutableX/react-immutableX-modal-example`, - }, - { - key: "react-aptos-modal-example", - title: "Aptos", - icon: "logo-aptos.png", - path: `${baseURL}aptos/react-aptos-modal-example`, - }, - { - key: "react-near-modal-example", - title: "Near", - icon: "logo-near.png", - path: `${baseURL}near/react-near-modal-example`, - }, - ], - }, -]; - -export const PNPModalAdditional = [ - { - name: "", - description: "", - tiles: [ - { - key: "angular-modular-modal-example", - title: "Angular (Advanced Example)", - icon: "logo-angular.png", - path: `${baseURL}modular-examples/angular-modular-modal-example`, - }, - { - key: "next-modular-modal-example", - title: "NextJS (Advanced Example)", - icon: "logo-nextjs.png", - path: `${baseURL}modular-examples/next-modular-modal-example`, - }, - { - key: "react-modular-modal-example", - title: "React (Advanced Example)", - icon: "logo-react.png", - path: `${baseURL}modular-examples/react-modular-modal-example`, - }, - { - key: "vue-modular-modal-example", - title: "Vue (Advanced Example)", - icon: "logo-vue.png", - path: `${baseURL}modular-examples/vue-modular-modal-example`, - }, - { - key: "vue-whitelabel-modal-example", - title: "Vue (Whitelabel Example)", - icon: "logo-vue.png", - path: `${baseURL}modular-examples/vue-whitelabel-modal-example`, - }, - { - key: "chrome-extension-modal-example", - title: "Chrome Extension", - icon: "logo-react.png", - path: `${baseURL}browser-extensions/chrome-extension-modal-example`, - }, - ], - }, -]; - -export const PNPModalWagmi = [ - { - name: "", - description: "", - tiles: [ - { - key: "rainbowkit-react-modal-example", - title: "RainbowKit", - icon: "logo-react.png", - path: `${baseURL}wagmi-connector/rainbowkit-react-modal-example`, - }, - { - key: "rainbowkit-react-auth0-modal-example", - title: "Auth0 in RainbowKit", - icon: "logo-auth0.png", - path: `${baseURL}wagmi-connector/rainbowkit-react-auth0-modal-example`, - }, - { - key: "wagmi-connector/wagmi-react-modal-example", - title: "Wagmi", - icon: "logo-react.png", - path: `${baseURL}wagmi-connector/wagmi-react-modal-example`, + icon: "logo-solana.png", + path: `${baseURL}blockchain-connection-examples/solana-modal-example`, }, { - key: "wagmi-connector/web3modal-react-modal-example", - title: "Web3Modal", - icon: "logo-react.png", - path: `${baseURL}wagmi-connector/web3modal-react-modal-example`, + key: "react-xrpl-modal-example", + title: "XRPL in React", + icon: "logo-xrpl.png", + path: `${baseURL}blockchain-connection-examples/xrpl-modal-example`, }, ], }, diff --git a/src/components/Examples/pnpNoModalExamples.tsx b/src/components/Examples/pnpNoModalExamples.tsx index 93e39dcc2..a7bb05072 100644 --- a/src/components/Examples/pnpNoModalExamples.tsx +++ b/src/components/Examples/pnpNoModalExamples.tsx @@ -1,236 +1,81 @@ export const baseURL = "https://github.com/Web3Auth/web3auth-pnp-examples/tree/main/web-no-modal-sdk/"; -export const PNPNoModalEVM = [ +export const PNPNoModalWebExample = [ { - name: "EVM Based Chains", + name: "", description: "", tiles: [ { key: "react-evm-no-modal-example", title: "Ethereum in React", - icon: "logo-react.png", - path: `${baseURL}evm/react-evm-no-modal-example`, + icon: "logo-ethereum.png", + path: `${baseURL}blockchain-connection-examples/evm-no-modal-example`, }, - { - key: "react-vite-evm-no-modal-example", - title: "Ethereum in React using Vite", - icon: "logo-nextjs.png", - path: `${baseURL}evm/react-vite-evm-no-modal-example`, - }, - ], - }, -]; - -export const PNPNoModalSolana = [ - { - name: "Solana Blockchain", - description: "", - tiles: [ { key: "react-solana-no-modal-example", title: "Solana in React", - icon: "logo-react.png", - path: `${baseURL}solana/react-solana-no-modal-example`, - }, - ], - }, -]; - -export const PNPNoModalOther = [ - { - name: "Other Chains", - description: "", - tiles: [ - { - key: "react-multi-chain-no-modal-example", - title: "Multiple Chains", - icon: "logo-react.png", - path: `${baseURL}multi-chain/react-multi-chain-no-modal-example`, + icon: "logo-solana.png", + path: `${baseURL}blockchain-connection-examples/solana-no-modal-example`, }, { - key: "react-starkex-no-modal-example", - title: "StarkEx", - icon: "logo-starkex.png", - path: `${baseURL}starkex/react-starkex-no-modal-example`, - }, - { - key: "react-starknet-no-modal-example", - title: "StarkNet", - icon: "logo-starknet.png", - path: `${baseURL}starknet/react-starknet-no-modal-example`, - }, - { - key: "react-tezos-no-modal-example", - title: "Tezos", - icon: "logo-tezos.png", - path: `${baseURL}tezos/react-tezos-no-modal-example`, + key: "react-xrpl-no-modal-example", + title: "XRPL in React", + icon: "logo-xrpl.png", + path: `${baseURL}blockchain-connection-examples/xrpl-no-modal-example`, }, { key: "react-algorand-no-modal-example", - title: "Algorand", + title: "Algorand in React", icon: "logo-algorand.png", - path: `${baseURL}algorand/react-algorand-no-modal-example`, + path: `${baseURL}blockchain-connection-examples/algorand-no-modal-example`, }, { key: "react-aptos-no-modal-example", - title: "Aptos", + title: "Aptos in React", icon: "logo-aptos.png", - path: `${baseURL}aptos/react-aptos-no-modal-example`, + path: `${baseURL}blockchain-connection-examples/aptos-no-modal-example`, }, { - key: "react-immutableX-no-modal-example", - title: "ImmutableX", - icon: "logo-immutablex.png", - path: `${baseURL}immutableX/react-immutableX-no-modal-example`, + key: "react-cosmos-no-modal-example", + title: "Cosmos in React", + icon: "logo-cosmos.png", + path: `${baseURL}blockchain-connection-examples/cosmos-no-modal-example`, }, { - key: "react-polkadot-no-modal-example", - title: "Polkadot", - icon: "logo-polkadot.png", - path: `${baseURL}polkadot/react-polkadot-no-modal-example`, + key: "react-immutablex-no-modal-example", + title: "Immutablex in React", + icon: "logo-immutablex.png", + path: `${baseURL}blockchain-connection-examples/immutablex-no-modal-example`, }, - ], - }, -]; - -export const PNPNoModalAdditional = [ - { - name: "Additional Examples", - description: "", - tiles: [ { - key: "chrome-extension-no-modal-example", - title: "Chrome Extension", + key: "react-multichain-no-modal-example", + title: "Multi Chain in React", icon: "logo-react.png", - path: `${baseURL}browser-extensions/chrome-extension-no-modal-example`, - }, - { - key: "ssv-via-social-nextjs-no-modal-example", - title: "Server Side Verification Example", - icon: "logo-nextjs.png", - path: `${baseURL}server-side-verification/ssv-via-social-nextjs-no-modal-example`, - }, - ], - }, -]; -export const PNPNoModalCustomAuth = [ - { - name: "", - description: "", - tiles: [ - { - key: "auth0-react-no-modal-example", - title: "Auth0 in React", - icon: "logo-auth0.png", - path: `${baseURL}custom-authentication/auth0-react-no-modal-example`, - }, - { - key: "cognito-react-no-modal-example", - title: "Cognito in React", - icon: "logo-aws-cognito.png", - path: `${baseURL}custom-authentication/cognito-react-no-modal-example`, - }, - { - key: "firebase-react-no-modal-example", - title: "Firebase in React", - icon: "logo-firebase.png", - path: `${baseURL}custom-authentication/firebase-react-no-modal-example`, - }, - { - key: "google-react-no-modal-example", - title: "Google in React", - icon: "logo-google.png", - path: `${baseURL}custom-authentication/google-react-no-modal-example`, - }, - { - key: "discord-react-no-modal-example", - title: "Discord in React", - icon: "logo-discord.png", - path: `${baseURL}custom-authentication/discord-react-no-modal-example`, - }, - { - key: "facebook-react-no-modal-example", - title: "Facebook in React", - icon: "logo-facebook.png", - path: `${baseURL}custom-authentication/facebook-react-no-modal-example`, + path: `${baseURL}blockchain-connection-examples/multi-chain-no-modal-example`, }, { - key: "twitch-react-no-modal-example", - title: "Twitch in React", - icon: "logo-twitch.png", - path: `${baseURL}custom-authentication/twitch-react-no-modal-example`, - }, - { - key: "auth0-react-modular-no-modal-example", - title: "Auth0 in React (Advanced)", - icon: "logo-auth0.png", - path: `${baseURL}modular-examples/auth0-react-modular-no-modal-example`, - }, - { - key: "firebase-react-modular-no-modal-example", - title: "Firebase in React (Advanced)", - icon: "logo-firebase.png", - path: `${baseURL}modular-examples/firebase-react-modular-no-modal-example`, - }, - { - key: "cognito-react-modular-no-modal-example", - title: "Cognito in React (Advanced)", - icon: "logo-aws-cognito.png", - path: `${baseURL}modular-examples/cognito-react-modular-no-modal-example`, - }, - ], - }, -]; - -export const PNPNoModalCustomAuthAggregate = [ - { - name: "Aggregate Verifiers", - description: "", - tiles: [ - { - key: "auth0-google-aggregate-react-no-modal-example", - title: "Auth0 + Google in React", - icon: "logo-auth0.png", - path: `${baseURL}custom-authentication/aggregate-verifiers/auth0-google-aggregate-react-no-modal-example`, - }, - { - key: "firebase-google-aggregate-react-no-modal-example", - title: "Firebase + Google in React", - icon: "logo-firebase.png", - path: `${baseURL}custom-authentication/aggregate-verifiers/firebase-google-aggregate-react-no-modal-example`, - }, - ], - }, -]; - -export const PNPNoModalWagmi = [ - { - name: "", - description: "", - tiles: [ - { - key: "rainbowkit-react-no-modal-example", - title: "Rainbow Kit", - icon: "logo-react.png", - path: `${baseURL}wagmi-connector/rainbowkit-react-no-modal-example`, + key: "react-polkadot-no-modal-example", + title: "Polkadot in React", + icon: "logo-polkadot.png", + path: `${baseURL}blockchain-connection-examples/polkadot-no-modal-example`, }, { - key: "rainbowkit-react-auth0-no-modal-example", - title: "Auth0 in Rainbow Kit", - icon: "logo-auth0.png", - path: `${baseURL}wagmi-connector/rainbowkit-react-auth0-no-modal-example`, + key: "react-starkex-no-modal-example", + title: "StarkEX in React", + icon: "logo-starkex.png", + path: `${baseURL}blockchain-connection-examples/starkex-no-modal-example`, }, { - key: "wagmi-connector/wagmi-react-no-modal-example", - title: "Wagmi", - icon: "logo-react.png", - path: `${baseURL}wagmi-connector/wagmi-react-no-modal-example`, + key: "react-starknet-no-modal-example", + title: "StarkNet in React", + icon: "logo-starknet.png", + path: `${baseURL}blockchain-connection-examples/starknet-no-modal-example`, }, { - key: "wagmi-connector/web3modal-react-no-modal-example", - title: "Web3Modal", - icon: "logo-react.png", - path: `${baseURL}wagmi-connector/web3modal-react-no-modal-example`, + key: "react-tezos-no-modal-example", + title: "Tezos in React", + icon: "logo-tezos.png", + path: `${baseURL}blockchain-connection-examples/tezos-no-modal-example`, }, ], }, diff --git a/static/content-hub/logo-xrpl.png b/static/content-hub/logo-xrpl.png new file mode 100644 index 000000000..71a1bb693 Binary files /dev/null and b/static/content-hub/logo-xrpl.png differ