Skip to content

Commit 0816771

Browse files
yashovardhanyashovardhan
committed
Updates to IB
1 parent 5ccd708 commit 0816771

36 files changed

+991
-65
lines changed

‎src/common/hostedFileLinks.json‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,12 @@
33
"MODAL_REACT_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-modal-quick-start/package.json",
44
"MODAL_REACT_VITE_CONFIG": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-modal-quick-start/vite.config.ts",
55
"MODAL_REACT_INDEX_HTML": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-modal-quick-start/index.html",
6+
"MODAL_REACT_HOOKS_APP_TSX": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/App.tsx",
7+
"MODAL_REACT_HOOKS_MAIN_TSX": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/main.tsx",
8+
"MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/src/web3authContext.tsx",
9+
"MODAL_REACT_HOOKS_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/package.json",
10+
"MODAL_REACT_HOOKS_VITE_CONFIG": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/vite.config.ts",
11+
"MODAL_REACT_HOOKS_INDEX_HTML": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-hooks-modal-quick-start/index.html",
612
"WEB3RPC_TS": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-modal-quick-start/src/web3RPC.ts",
713
"ETHERSRPC_TS": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-modal-quick-start/src/ethersRPC.ts",
814
"VIEMRPC_TS": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/react-modal-quick-start/src/viemRPC.ts",
@@ -19,10 +25,21 @@
1925
"MODAL_VUE_CONFIG_JS": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-modal-quick-start/vue.config.js",
2026
"MODAL_VUE_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-modal-quick-start/package.json",
2127
"MODAL_VUE_HOME_VUE": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-modal-quick-start/src/Home.vue",
28+
"MODAL_VUE_COMPOSABLES_CONFIG_JS": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/vue.config.js",
29+
"MODAL_VUE_COMPOSABLES_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/package.json",
30+
"MODAL_VUE_COMPOSABLES_HOME_VUE": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/Home.vue",
31+
"MODAL_VUE_COMPOSABLES_APP_VUE": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/App.vue",
32+
"MODAL_VUE_COMPOSABLES_WEB3AUTHCONTEXT_TSX": "Web3Auth/web3auth-pnp-examples/main/web-modal-sdk/quick-starts/vue-composables-modal-quick-start/src/web3authContext.tsx",
2233
"NO_MODAL_REACT_APP_TSX": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-no-modal-quick-start/src/App.tsx",
2334
"NO_MODAL_REACT_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-no-modal-quick-start/package.json",
2435
"NO_MODAL_REACT_VITE_CONFIG": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-no-modal-quick-start/vite.config.ts",
2536
"NO_MODAL_REACT_INDEX_HTML": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-no-modal-quick-start/index.html",
37+
"NO_MODAL_REACT_HOOKS_APP_TSX": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/App.tsx",
38+
"NO_MODAL_REACT_HOOKS_MAIN_TSX": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/main.tsx",
39+
"NO_MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/src/web3authContext.tsx",
40+
"NO_MODAL_REACT_HOOKS_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/package.json",
41+
"NO_MODAL_REACT_HOOKS_VITE_CONFIG": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/vite.config.ts",
42+
"NO_MODAL_REACT_HOOKS_INDEX_HTML": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/react-hooks-no-modal-quick-start/index.html",
2643
"NO_MODAL_NEXT_PAGE_TSX": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/nextjs-no-modal-quick-start/app/page.tsx",
2744
"NO_MODAL_NEXT_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/nextjs-no-modal-quick-start/package.json",
2845
"NO_MODAL_ANGULAR_APP_COMPONENT_TS": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/angular-no-modal-quick-start/src/app/app.component.ts",
@@ -33,6 +50,11 @@
3350
"NO_MODAL_VUE_CONFIG_JS": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-no-modal-quick-start/vue.config.js",
3451
"NO_MODAL_VUE_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-no-modal-quick-start/package.json",
3552
"NO_MODAL_VUE_HOME_VUE": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-no-modal-quick-start/src/Home.vue",
53+
"NO_MODAL_VUE_COMPOSABLES_CONFIG_JS": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/vue.config.js",
54+
"NO_MODAL_VUE_COMPOSABLES_PACKAGE_JSON": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/package.json",
55+
"NO_MODAL_VUE_COMPOSABLES_HOME_VUE": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/Home.vue",
56+
"NO_MODAL_VUE_COMPOSABLES_APP_VUE": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/App.vue",
57+
"NO_MODAL_VUE_COMPOSABLES_WEB3AUTHCONTEXT_TSX": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vue-composables-no-modal-quick-start/src/web3authContext.tsx",
3658
"NO_MODAL_HTML_INDEX_HTML": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vanillajs-no-modal-quick-start/index.html",
3759
"NO_MODAL_HTML_SCRIPT_JS": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vanillajs-no-modal-quick-start/script.js",
3860
"NO_MODAL_HTML_STYLE_CSS": "Web3Auth/web3auth-pnp-examples/main/web-no-modal-sdk/quick-starts/vanillajs-no-modal-quick-start/style.css",

‎src/common/maps.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,16 @@ export const quickStartHostedLinks = {
44
PNP_MODAL_HTML: "https://w3a.link/pnp-vanillajs-modal-quick-start",
55
PNP_MODAL_NEXTJS: "https://w3a.link/pnp-nextjs-modal-quick-start",
66
PNP_MODAL_REACT: "https://w3a.link/pnp-react-modal-quick-start",
7+
PNP_MODAL_REACT_HOOKS: "https://w3a.link/pnp-react-hooks-modal-quick-start",
78
PNP_MODAL_VUE: "https://w3a.link/pnp-vue-modal-quick-start",
9+
PNP_MODAL_VUE_COMPOSABLES: "https://w3a.link/pnp-vue-composables-modal-quick-start",
810
// PNP No Modal SDK
911
PNP_NO_MODAL_ANGULAR: "https://w3a.link/pnp-angular-no-modal-quick-start",
1012
PNP_NO_MODAL_NEXTJS: "https://w3a.link/pnp-nextjs-no-modal-quick-start",
1113
PNP_NO_MODAL_REACT: "https://w3a.link/pnp-react-no-modal-quick-start",
14+
PNP_NO_MODAL_REACT_HOOKS: "https://w3a.link/pnp-react-hooks-no-modal-quick-start",
1215
PNP_NO_MODAL_VUE: "https://w3a.link/pnp-vue-no-modal-quick-start",
16+
PNP_NO_MODAL_VUE_COMPOSABLES: "https://w3a.link/pnp-vue-composables-no-modal-quick-start",
1317
PNP_NO_MODAL_HTML: "https://w3a.link/pnp-vanillajs-no-modal-quick-start",
1418
// PNP Android SDK
1519
PNP_ANDROID_ANDROID: "https://w3a.link/pnp-android-quick-start",

‎src/pages/quick-start/builder/choices.ts‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,8 @@ export const FLUTTER = "FLUTTER";
4343
export const UNITY = "UNITY";
4444
export const UNREAL = "UNREAL";
4545
export const NODE = "NODE";
46+
export const REACT_HOOKS = "REACT_HOOKS";
47+
export const VUE_COMPOSABLES = "VUE_COMPOSABLES";
4648

4749
export const SDKS_PNP: DisplayChoice[] = [
4850
{ key: PNP_MODAL, displayName: "Web - Modal SDK" },
@@ -77,6 +79,16 @@ export const LANGS_WEB: DisplayChoice[] = [
7779
{ key: HTML, displayName: "Vanilla JS" },
7880
];
7981

82+
export const LANGS_WEB_PNP: DisplayChoice[] = [
83+
{ key: REACT_HOOKS, displayName: "React Hooks" },
84+
{ key: VUE_COMPOSABLES, displayName: "Vue Composables" },
85+
{ key: REACT, displayName: "React" },
86+
{ key: NEXTJS, displayName: "Next JS" },
87+
{ key: VUE, displayName: "Vue" },
88+
{ key: ANGULAR, displayName: "Angular" },
89+
{ key: HTML, displayName: "Vanilla JS" },
90+
];
91+
8092
export const LANGS_WEB_WITHOUT_HTML: DisplayChoice[] = LANGS_WEB.filter(
8193
(lang) => lang.key !== HTML,
8294
);

‎src/pages/quick-start/builder/index.ts‎

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@ import {
3232
MPC_CORE_KIT_NODE,
3333
MPC_CORE_KIT_REACT_NATIVE,
3434
SFA,
35+
LANGS_WEB_PNP,
3536
} from "./choices";
3637
import mpc_core_kit_web_angular from "./mpc_core_kit/web/angular";
3738
import mpc_core_kit_web_nextjs from "./mpc_core_kit/web/nextjs";
@@ -59,25 +60,33 @@ import pnp_web_modal_angular from "./pnp/web_modal/angular";
5960
import pnp_web_modal_html from "./pnp/web_modal/html";
6061
import pnp_web_modal_nextjs from "./pnp/web_modal/nextjs";
6162
import pnp_web_modal_react from "./pnp/web_modal/react";
63+
import pnp_web_modal_react_hooks from "./pnp/web_modal/react_hooks";
6264
import pnp_web_modal_vue from "./pnp/web_modal/vue";
65+
import pnp_web_modal_vue_composables from "./pnp/web_modal/vue_composables";
6366
import pnp_web_no_modal_angular from "./pnp/web_no_modal/angular";
6467
import pnp_web_no_modal_html from "./pnp/web_no_modal/html";
6568
import pnp_web_no_modal_nextjs from "./pnp/web_no_modal/nextjs";
6669
import pnp_web_no_modal_react from "./pnp/web_no_modal/react";
70+
import pnp_web_no_modal_react_hooks from "./pnp/web_no_modal/react_hooks";
6771
import pnp_web_no_modal_vue from "./pnp/web_no_modal/vue";
72+
import pnp_web_no_modal_vue_composables from "./pnp/web_no_modal/vue_composables";
6873

6974
const sdks = {
7075
// PNP Modal SDK
7176
PNP_MODAL_ANGULAR: pnp_web_modal_angular,
7277
PNP_MODAL_HTML: pnp_web_modal_html,
7378
PNP_MODAL_NEXTJS: pnp_web_modal_nextjs,
7479
PNP_MODAL_REACT: pnp_web_modal_react,
80+
PNP_MODAL_REACT_HOOKS: pnp_web_modal_react_hooks,
7581
PNP_MODAL_VUE: pnp_web_modal_vue,
82+
PNP_MODAL_VUE_COMPOSABLES: pnp_web_modal_vue_composables,
7683
// PNP No Modal SDK
7784
PNP_NO_MODAL_ANGULAR: pnp_web_no_modal_angular,
7885
PNP_NO_MODAL_NEXTJS: pnp_web_no_modal_nextjs,
7986
PNP_NO_MODAL_REACT: pnp_web_no_modal_react,
87+
PNP_NO_MODAL_REACT_HOOKS: pnp_web_no_modal_react_hooks,
8088
PNP_NO_MODAL_VUE: pnp_web_no_modal_vue,
89+
PNP_NO_MODAL_VUE_COMPOSABLES: pnp_web_no_modal_vue_composables,
8190
PNP_NO_MODAL_HTML: pnp_web_no_modal_html,
8291
// PNP Android SDK
8392
PNP_ANDROID_ANDROID: pnp_android,
@@ -141,9 +150,9 @@ const builder: IntegrationBuilder = {
141150
},
142151
framework: {
143152
displayName: "Platform/ Framework",
144-
default: LANGS_WEB[0].key,
153+
default: LANGS_WEB_PNP[0].key,
145154
type: "dropdown",
146-
choices: LANGS_WEB,
155+
choices: LANGS_WEB_PNP,
147156
},
148157
},
149158

@@ -194,10 +203,10 @@ const builder: IntegrationBuilder = {
194203
frameworkChoices = LANGS_UNITY;
195204
break;
196205
case PNP_MODAL:
197-
frameworkChoices = LANGS_WEB;
206+
frameworkChoices = LANGS_WEB_PNP;
198207
break;
199208
case PNP_NO_MODAL:
200-
frameworkChoices = LANGS_WEB;
209+
frameworkChoices = LANGS_WEB_PNP;
201210
break;
202211
case SFA_WEB:
203212
frameworkChoices = LANGS_WEB;
@@ -252,7 +261,7 @@ const builder: IntegrationBuilder = {
252261

253262
let sourceCodeLink;
254263

255-
if (LANGS_WEB.map((it) => it.key).includes(finalValues.framework)) {
264+
if (LANGS_WEB_PNP.map((it) => it.key).includes(finalValues.framework)) {
256265
sourceCodeLink = quickStartSourceCode[selectedSDK];
257266
} else {
258267
sourceCodeLink = quickStartSourceCode[finalValues.sdk];

‎src/pages/quick-start/builder/pnp/web_modal/angular/steps.ts‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,14 @@ export default function getSteps(steps, files, replacementAggregator) {
5151
"SDK Initialization",
5252
),
5353
},
54+
{
55+
...STEPS.configureExternalWallets,
56+
pointer: replacementAggregator.highlightRange(
57+
hostedFileLinks.MODAL_ANGULAR_APP_COMPONENT_TS,
58+
files[hostedFileLinks.MODAL_ANGULAR_APP_COMPONENT_TS],
59+
"Configuring External Wallets",
60+
),
61+
},
5462
{
5563
...STEPS.login,
5664
pointer: replacementAggregator.highlightRange(

‎src/pages/quick-start/builder/pnp/web_modal/html/steps.ts‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,14 @@ export default function getSteps(steps, files, replacementAggregator) {
3535
"SDK Initialization",
3636
),
3737
},
38+
{
39+
...STEPS.configureExternalWallets,
40+
pointer: replacementAggregator.highlightRange(
41+
hostedFileLinks.MODAL_HTML_SCRIPT_JS,
42+
files[hostedFileLinks.MODAL_HTML_SCRIPT_JS],
43+
"Configuring External Wallets",
44+
),
45+
},
3846
{
3947
...STEPS.login,
4048
pointer: replacementAggregator.highlightRange(

‎src/pages/quick-start/builder/pnp/web_modal/nextjs/steps.ts‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,14 @@ export default function getSteps(steps, files, replacementAggregator) {
4343
"SDK Initialization",
4444
),
4545
},
46+
{
47+
...STEPS.configureExternalWallets,
48+
pointer: replacementAggregator.highlightRange(
49+
hostedFileLinks.MODAL_NEXT_PAGE_TSX,
50+
files[hostedFileLinks.MODAL_NEXT_PAGE_TSX],
51+
"Configuring External Wallets",
52+
),
53+
},
4654
{
4755
...STEPS.login,
4856
pointer: replacementAggregator.highlightRange(

‎src/pages/quick-start/builder/pnp/web_modal/react/steps.ts‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,14 @@ export default function getSteps(steps, files, replacementAggregator) {
5151
"SDK Initialization",
5252
),
5353
},
54+
{
55+
...STEPS.configureExternalWallets,
56+
pointer: replacementAggregator.highlightRange(
57+
hostedFileLinks.MODAL_REACT_APP_TSX,
58+
files[hostedFileLinks.MODAL_REACT_APP_TSX],
59+
"Configuring External Wallets",
60+
),
61+
},
5462
{
5563
...STEPS.login,
5664
pointer: replacementAggregator.highlightRange(

‎src/pages/quick-start/builder/pnp/web_modal/react_hooks/index.ts‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import hostedFileLinks from "../../../../../../common/hostedFileLinks.json";
2+
import { ReplaceFileAggregator } from "../../../../utils";
3+
import getSteps from "./steps";
4+
5+
const framework = {
6+
build({ filenames, files, steps }) {
7+
const replacementAggregator = new ReplaceFileAggregator();
8+
getSteps(steps, files, replacementAggregator);
9+
filenames.push(hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX);
10+
filenames.push(hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX);
11+
filenames.push(hostedFileLinks.MODAL_REACT_HOOKS_MAIN_TSX);
12+
filenames.push(hostedFileLinks.MODAL_REACT_HOOKS_VITE_CONFIG);
13+
filenames.push(hostedFileLinks.MODAL_REACT_HOOKS_INDEX_HTML);
14+
filenames.push(hostedFileLinks.MODAL_REACT_HOOKS_PACKAGE_JSON);
15+
filenames.push(hostedFileLinks.ETHERSRPC_TS);
16+
filenames.push(hostedFileLinks.VIEMRPC_TS);
17+
filenames.push(hostedFileLinks.WEB3RPC_TS);
18+
19+
return { filenames, files, steps };
20+
},
21+
};
22+
23+
export default framework;

‎src/pages/quick-start/builder/pnp/web_modal/react_hooks/steps.ts‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
import hostedFileLinks from "../../../../../../common/hostedFileLinks.json";
2+
import STEPS from "../stepContent";
3+
4+
export default function getSteps(steps, files, replacementAggregator) {
5+
steps.push(
6+
{
7+
...STEPS.reactHooksQuickStart,
8+
pointer: replacementAggregator.highlightRange(
9+
hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX,
10+
files[hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX],
11+
"Quick Start",
12+
),
13+
},
14+
{
15+
...STEPS.installation,
16+
pointer: replacementAggregator.highlightRange(
17+
hostedFileLinks.MODAL_REACT_HOOKS_PACKAGE_JSON,
18+
files[hostedFileLinks.MODAL_REACT_HOOKS_PACKAGE_JSON],
19+
"Web3Auth Installation",
20+
),
21+
},
22+
{
23+
...STEPS.reactBundlerIssues,
24+
pointer: replacementAggregator.highlightRange(
25+
hostedFileLinks.MODAL_REACT_HOOKS_VITE_CONFIG,
26+
files[hostedFileLinks.MODAL_REACT_HOOKS_VITE_CONFIG],
27+
"Bundler Issues",
28+
),
29+
},
30+
{
31+
...STEPS.registerApp,
32+
pointer: replacementAggregator.highlightRange(
33+
hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX,
34+
files[hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX],
35+
"Dashboard Registration",
36+
),
37+
},
38+
{
39+
...STEPS.chainConfig,
40+
pointer: replacementAggregator.highlightRange(
41+
hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX,
42+
files[hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX],
43+
"Chain Config",
44+
),
45+
},
46+
{
47+
...STEPS.instantiate,
48+
pointer: replacementAggregator.highlightRange(
49+
hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX,
50+
files[hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX],
51+
"Instantiate SDK",
52+
),
53+
},
54+
{
55+
...STEPS.configureExternalWallets,
56+
pointer: replacementAggregator.highlightRange(
57+
hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX,
58+
files[hostedFileLinks.MODAL_REACT_HOOKS_WEB3AUTHCONTEXT_TSX],
59+
"Configuring External Wallets",
60+
),
61+
},
62+
{
63+
...STEPS.setupWeb3AuthProvider,
64+
pointer: replacementAggregator.highlightRange(
65+
hostedFileLinks.MODAL_REACT_HOOKS_MAIN_TSX,
66+
files[hostedFileLinks.MODAL_REACT_HOOKS_MAIN_TSX],
67+
"Setup Web3Auth Provider",
68+
),
69+
},
70+
{
71+
...STEPS.login,
72+
pointer: replacementAggregator.highlightRange(
73+
hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX,
74+
files[hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX],
75+
"Login",
76+
),
77+
},
78+
{
79+
...STEPS.getUserInfo,
80+
pointer: replacementAggregator.highlightRange(
81+
hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX,
82+
files[hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX],
83+
"Get User Information",
84+
),
85+
},
86+
{
87+
...STEPS.blockchainCalls,
88+
pointer: replacementAggregator.highlightRange(
89+
hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX,
90+
files[hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX],
91+
"Blockchain Calls",
92+
),
93+
},
94+
{
95+
...STEPS.logout,
96+
pointer: replacementAggregator.highlightRange(
97+
hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX,
98+
files[hostedFileLinks.MODAL_REACT_HOOKS_APP_TSX],
99+
"Logout",
100+
),
101+
},
102+
);
103+
}

0 commit comments

Comments
 (0)