Sui Simulator
--
-
-
Build
- setBuildPath(e.target.value)} /> - -Publish
- setPublishPath(e.target.value)} /> - */} -- -
-
-
-
-
-
-
-
-
- Output:
-
-
-
-
-
- setGasBudget(Number(e.target.value))}
- />
- Publisher {currentAddress}
- Gas Object {currentGasObject}
-
- {isLoading ? (
- "Publishing...."
- ) : (
- <>
- {isError &&
-
-
-
- )}
-
- )}
-
- Error {error}
}
- {!isError && (
- <>
- Transaction: {currentDigest}
- Error
- Effects:
- {/* Package id: {packageId} */} - - {uniquePackages.map((pkg) => { - return ( - <> -
-
-
- );
- })}
-
- {/* {objects.map((obj) => {
- if (obj.type !== "published") {
- return (
- <>
- Package: {pkg.packageName}
- {getModulesOfPackage(pkg.packageName).map(
- (module) => {
- return (
-
-
- );
- }
- )}
- Module: {module}
- {getObjectsOfModule(
- pkg.packageName,
- module
- ).map((obj) => {
- return (
-
-
- );
- })}
- Object id: {obj.objectId}
-
- Object type: {obj.objectType}
-
-
-
-
- );
- }
- })} */}
- Object id: {obj.objectId}
- Object type: {obj.objectType}
- Loading...
- ) : ( - - )} - -
-
-
- Loading...
- ) : ( - - )} - {balanceOfCurrentGasObject} - -
-
-
-
-
-
-
-
- Call
-
- Mnemonics:
-
-
-
- Package:
-
-
-
- {modulesName.length > 0 && <>
- Module:
-
- }
-
-
-
- {currentModule.length > 0 && <>
- Function:
-
- }
-
- {currentFunction.length > 0 && <>
- Args
- {args.map((arg, index) => { - return
- handleSetValueToArg(index, e.target.value)} />
- {/* value need to set like above if not will have bug when choose between functions */}
-
;
- })}
- }
-
-
- {status === MoveCallStatus.FINISH && Result: ${response}
} - {status === MoveCallStatus.ERROR &&Error: ${error}
} - - ); -}; diff --git a/src/webview/features/suiConfig/v2/index.tsx b/src/webview/features/suiConfig/v2/index.tsx deleted file mode 100644 index f676599..0000000 --- a/src/webview/features/suiConfig/v2/index.tsx +++ /dev/null @@ -1,99 +0,0 @@ -import React, { useEffect, useRef, useState } from "react"; -import Toggle from "react-toggle"; -import "react-toggle/style.css"; -import { convertWindowsToUnixPath } from "../../../utils"; -import { FileWithPath } from "../../../../types"; -import { useSuiClientContext } from "@mysten/dapp-kit"; -import Collapsible from "react-collapsible"; -import { useSuiConfig } from "../../../context/SuiConfigProvider"; -import { requestDataFromTerminal } from "../../../utils/wv_communicate_ext"; -import { SuiCommand } from "../../../../enums"; - -export const SuiConfig = () => { - const { network, selectNetwork } = useSuiClientContext(); - const { isSuiCargo, setIsSuiCargo, suiPath, setSuiPath } = useSuiConfig(); - const [userNetworks, setUserNetworks] = useState{suiPath}
} - - )} - {isLoading ? ( - "Loading" - ) : ( - - )} - -
+
+
+
+
+
+
+ Sui simulator
+
+
+
+
+
+
+ );
+};
diff --git a/src/webview/components/AliasItem.tsx b/webview-ui/src/components/AliasItem.tsx
similarity index 100%
rename from src/webview/components/AliasItem.tsx
rename to webview-ui/src/components/AliasItem.tsx
diff --git a/src/webview/components/AliasList.tsx b/webview-ui/src/components/AliasList.tsx
similarity index 100%
rename from src/webview/components/AliasList.tsx
rename to webview-ui/src/components/AliasList.tsx
diff --git a/src/webview/components/Aliases.tsx b/webview-ui/src/components/Aliases.tsx
similarity index 100%
rename from src/webview/components/Aliases.tsx
rename to webview-ui/src/components/Aliases.tsx
diff --git a/webview-ui/src/components/BuildTestPublish.tsx b/webview-ui/src/components/BuildTestPublish.tsx
new file mode 100644
index 0000000..c290408
--- /dev/null
+++ b/webview-ui/src/components/BuildTestPublish.tsx
@@ -0,0 +1,212 @@
+import React from 'react'
+import { Label } from './Label'
+import { CloseIcon } from '../icons/CloseIcon'
+import { ArrowLeft } from '../icons/ArrowLeft'
+import { useNavigate } from 'react-router-dom'
+
+export const BuildTestPublish = () => {
+ const navigate = useNavigate();
+
+ const handleNavigate = () => {
+ navigate('/')
+ }
+
+ return (
+
+
+ )
+}
diff --git a/src/webview/components/Button.tsx b/webview-ui/src/components/Button.tsx
similarity index 100%
rename from src/webview/components/Button.tsx
rename to webview-ui/src/components/Button.tsx
diff --git a/webview-ui/src/components/Environment.tsx b/webview-ui/src/components/Environment.tsx
new file mode 100644
index 0000000..0bd3095
--- /dev/null
+++ b/webview-ui/src/components/Environment.tsx
@@ -0,0 +1,86 @@
+import React from 'react'
+import { ArrowLeft } from '../icons/ArrowLeft'
+import { ArrowDown } from '../icons/ArrowDown'
+import { useNavigate, useNavigation } from 'react-router-dom'
+
+export const Environment = () => {
+ const navigate = useNavigate();
+
+ const handleNavigate = () => {
+ navigate('/')
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+ Build, Test And Publish
+
+
+
+
+
+
+
+
+
+
+ Test
+
+
+
+
+ Build
+
+
+
+
+
+
+ Output
+
+
+
+
+
+
+ Output...
+
+
+
+
+
+
+ Publish
+
+
+
+
+
+
+ Gas Budget
+
+
+
+
+
+
+ 100000000
+
+
+ 
+
+
+
+
+ Publisher
+
+
+ 012x...298734
+
+
+
+
+
+ Gas Object
+
+
+ 012x...298734
+
+
+ Result
+
+
+
+
+
+
+
+
+
+
+ Error: Can't Create Object
+
+ + 404: Can't Find Object Id +
+
+
+
+
+
+
+ + Package ID: + 0xhhf...56666 +
+ +
+
+
+
+
+ Object Id
+
+
+ 0xhhf...56666
+
+
+
+
+ Owner
+
+
+ 0xhhf...56666
+
+
+
+
+ Object Type
+
+
+ 0xhhf...56666
+
+
+
+
+ Remove
+
+
+
+
+
+
+
+ + Package ID: + 0xhhf...56666 +
+ +
+
+
+
+
+ Object Id
+
+
+ 0xhhf...56666
+
+
+
+
+ Owner
+
+
+ 0xhhf...56666
+
+
+
+
+ Object Type
+
+
+ 0xhhf...56666
+
+
+
+
+ Remove
+
+
+
+
+ )
+}
diff --git a/webview-ui/src/components/Error.tsx b/webview-ui/src/components/Error.tsx
new file mode 100644
index 0000000..67aacb3
--- /dev/null
+++ b/webview-ui/src/components/Error.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+import { CloseIcon } from "../icons/CloseIcon";
+
+interface Props {
+ errorMsg: string;
+}
+
+export const Error = ({ errorMsg }: Props) => {
+ return (
+
+
+
+
+
+
+
+
+
+ Environment
+
+
+
+
+
+
+
+
+
+
+ Binaries
+
+
+
+
+ On
+
+
+
+
+
+
+
+ Binaries Path
+
+
+
+
+
+
+
+
+ None
+
+
+
+
+
+
+ Testnet
+
+
+
+
+ None
+
+
+
+
+ Devnet
+
+
+
+
+ Rpc Custom
+
+
+
+ );
+};
diff --git a/webview-ui/src/components/GasAddress.tsx b/webview-ui/src/components/GasAddress.tsx
new file mode 100644
index 0000000..7a39a65
--- /dev/null
+++ b/webview-ui/src/components/GasAddress.tsx
@@ -0,0 +1,143 @@
+import React from 'react'
+import { ArrowLeft } from "../icons/ArrowLeft"
+import { ArrowDown } from "../icons/ArrowDown"
+import { ArrowUp } from "../icons/ArrowUp"
+import { Label } from './Label'
+import { useNavigate } from 'react-router-dom'
+
+export const GasAddress = () => {
+ const navigate = useNavigate();
+
+ const handleNavigate = () => {
+ navigate('/')
+ }
+
+ return (
+
+
+
+
+ {/*
+ Error: {errorMsg}
+
+ + 404: Can't Find Object Id +
*/} +
+
+ )
+}
diff --git a/src/webview/components/Input.tsx b/webview-ui/src/components/Input.tsx
similarity index 100%
rename from src/webview/components/Input.tsx
rename to webview-ui/src/components/Input.tsx
diff --git a/webview-ui/src/components/Label.tsx b/webview-ui/src/components/Label.tsx
new file mode 100644
index 0000000..bd3fbe2
--- /dev/null
+++ b/webview-ui/src/components/Label.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+
+interface Props {
+ status: "hover" | "active" | "default";
+ className: any;
+ labelClassName: any;
+ text: string;
+}
+
+export const Label = ({ status, className, labelClassName, text = "LABEL" }: Props): JSX.Element => {
+ return (
+
+
+
+
+
+
+
+
+
+ Gases And Address
+
+
+
+
+
+
+ Active Address
+
+
+
+
+
+
+ Active Address
+
+
+ Create
+
+
+
+
+
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+
+ + The Address Managed By The Client +
+
+
+
+ Gas Object
+
+
+
+
+
+
+
+
+ Gas Coin Id
+
+
+ Create
+
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+ + The gas owed by the address +
+
+
+
+ Balance
+
+
+ 1.00 Sui
+
+
+
+
+ Faucet
+
+
+
+ );
+};
\ No newline at end of file
diff --git a/webview-ui/src/components/Option.tsx b/webview-ui/src/components/Option.tsx
new file mode 100644
index 0000000..4720833
--- /dev/null
+++ b/webview-ui/src/components/Option.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+interface Props {
+ value: string;
+}
+
+export const Option = ({ value }: Props) => {
+ return (
+
+ {text}
+
+
+
+ );
+};
diff --git a/webview-ui/src/components/OptionList.tsx b/webview-ui/src/components/OptionList.tsx
new file mode 100644
index 0000000..953d6ad
--- /dev/null
+++ b/webview-ui/src/components/OptionList.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+interface Props {
+ children: React.ReactNode;
+}
+
+export const OptionList = ({ children }: Props) => {
+ return (
+
+ {value}
+
+
+ {children}
+
+ );
+};
diff --git a/webview-ui/src/components/Rainbow.tsx b/webview-ui/src/components/Rainbow.tsx
new file mode 100644
index 0000000..6a5f857
--- /dev/null
+++ b/webview-ui/src/components/Rainbow.tsx
@@ -0,0 +1,52 @@
+import React from "react";
+
+export const Rainbow = () => {
+ return (
+ <>
+
+
+
+
+ );
+};
diff --git a/webview-ui/src/components/Tab.tsx b/webview-ui/src/components/Tab.tsx
new file mode 100644
index 0000000..40e71f9
--- /dev/null
+++ b/webview-ui/src/components/Tab.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import { ArrowRight } from "../icons/ArrowRight";
+
+interface TabProps {
+ icon: JSX.Element;
+ title: string;
+}
+
+export const Tab = ({ icon, title }: TabProps) => {
+ return (
+
+
+ )
+}
diff --git a/src/webview/configs/networkConfig.ts b/webview-ui/src/configs/networkConfig.ts
similarity index 100%
rename from src/webview/configs/networkConfig.ts
rename to webview-ui/src/configs/networkConfig.ts
diff --git a/src/webview/constants.ts b/webview-ui/src/constants.ts
similarity index 100%
rename from src/webview/constants.ts
rename to webview-ui/src/constants.ts
diff --git a/src/webview/context/MySuiAccountProvider.tsx b/webview-ui/src/context/MySuiAccountProvider.tsx
similarity index 100%
rename from src/webview/context/MySuiAccountProvider.tsx
rename to webview-ui/src/context/MySuiAccountProvider.tsx
diff --git a/src/webview/context/SuiConfigProvider.tsx b/webview-ui/src/context/SuiConfigProvider.tsx
similarity index 100%
rename from src/webview/context/SuiConfigProvider.tsx
rename to webview-ui/src/context/SuiConfigProvider.tsx
diff --git a/webview-ui/src/features/buildTestPublish/v1/index.tsx b/webview-ui/src/features/buildTestPublish/v1/index.tsx
new file mode 100644
index 0000000..34135e0
--- /dev/null
+++ b/webview-ui/src/features/buildTestPublish/v1/index.tsx
@@ -0,0 +1,10 @@
+{/*
+ {icon}
+
+
+ {title}
+
+ Build
+ setBuildPath(e.target.value)} /> + +Publish
+ setPublishPath(e.target.value)} /> + */} \ No newline at end of file diff --git a/webview-ui/src/features/buildTestPublish/v2/index.tsx b/webview-ui/src/features/buildTestPublish/v2/index.tsx new file mode 100644 index 0000000..4058f1c --- /dev/null +++ b/webview-ui/src/features/buildTestPublish/v2/index.tsx @@ -0,0 +1,331 @@ +import React, { useState } from "react"; +import { useMySuiAccount } from "../../../context/MySuiAccountProvider"; +import { requestDataFromTerminal } from "../../../utils/wv_communicate_ext"; +import { SuiCommand } from "../../../../../src/enums"; +import { useNavigate } from "react-router-dom"; +import { Label } from "../../../components/Label"; +import { ArrowLeft } from "../../../icons/ArrowLeft"; +import { shortenAddress, shortenObjectType } from "../../../utils/address_shortener"; +import { Error } from "../../../components/Error"; + +export const BuildTestPublish = () => { + const { currentAddress, currentGasObject } = useMySuiAccount(); + const [gasBudget, setGasBudget] = useState
+
+
+ );
+};
diff --git a/src/webview/features/gasAddress/address.module.css b/webview-ui/src/features/gasAddress/address.module.css
similarity index 100%
rename from src/webview/features/gasAddress/address.module.css
rename to webview-ui/src/features/gasAddress/address.module.css
diff --git a/webview-ui/src/features/gasAddress/address.tsx b/webview-ui/src/features/gasAddress/address.tsx
new file mode 100644
index 0000000..0022dbf
--- /dev/null
+++ b/webview-ui/src/features/gasAddress/address.tsx
@@ -0,0 +1,137 @@
+import React, { useEffect, useState } from "react";
+import Modal from "react-modal";
+import { requestDataFromTerminal } from "../../utils/wv_communicate_ext";
+import { SuiCommand } from "../../../../src/enums";
+import styles from "./address.module.css";
+import { useSuiClientContext } from "@mysten/dapp-kit";
+import { useMySuiAccount } from "../../context/MySuiAccountProvider";
+import { shortenAddress } from "../../utils/address_shortener";
+
+export const Address = () => {
+ // remember that then change UI in here need to call to terminal
+ const { network } = useSuiClientContext();
+ const { addresses, currentAddress, setCurrentAddress, setAddresses } = useMySuiAccount();
+
+ const [isLoading, setIsLoading] = useState
+
+
+
+
+
+
+
+
+ Build, Test And Publish
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Output
+
+
+
+
+
+
+ Output...
+
+
+
+
+
+
+
+
+ setGasBudget(Number(e.target.value))}
+ />
+
+ Gas Budget
+
+
+
+
+
+
+
+ Publisher
+
+ {currentAddress && (
+
+ {shortenAddress(currentAddress, 5)}
+
+ )}
+
+
+
+ Gas Object
+
+ {currentGasObject && (
+
+ {shortenAddress(currentGasObject, 5)}
+
+ )}
+
+ Result
+
+ {isLoading ? (
+ "Publishing...."
+ ) : (
+ <>
+ {isError && Transaction: {currentDigest}
+
+ Effects:
+ {/* Package id: {packageId} */} + +
+ {uniquePackages.map((pkg) => {
+ return (
+
+
+ {/* {objects.map((obj) => {
+ if (obj.type !== "published") {
+ return (
+ <>
+
+
+ );
+ })}
+
+
+
+
+ {getModulesOfPackage(pkg.packageName).map((module) => {
+ return (
+ + Package ID: + + {shortenAddress(pkg.packageName, 5)} + +
+ +
+
+ );
+ })}
+ Module: {module}
+ {getObjectsOfModule(pkg.packageName, module).map((obj) => {
+ return (
+
+
+ );
+ })}
+ Object id:{shortenAddress(obj.objectId, 5)}
+
+ Object type: {shortenObjectType(obj.objectType, 5)}
+
+
+
+
+ );
+ }
+ })} */}
+
+ )}
+
+ )}
+
+ {/* Object id: {obj.objectId}
+ Object type: {obj.objectType}
+
+
*/}
+
+
+
+
+ + Package ID: + 0xhhf...56666 +
+ +
+
+
+
+
+ Object Id
+
+
+ 0xhhf...56666
+
+
+
+
+ Owner
+
+
+ 0xhhf...56666
+
+
+
+
+ Object Type
+
+
+ 0xhhf...56666
+
+
+
+
+ Remove
+
+
+
+
+ );
+};
diff --git a/webview-ui/src/features/gasAddress/gas.tsx b/webview-ui/src/features/gasAddress/gas.tsx
new file mode 100644
index 0000000..931ad71
--- /dev/null
+++ b/webview-ui/src/features/gasAddress/gas.tsx
@@ -0,0 +1,107 @@
+import React, { useEffect, useState } from "react";
+import { requestDataFromTerminal } from "../../utils/wv_communicate_ext";
+import { SuiCommand } from "../../../../src/enums";
+import { useSuiClientContext } from "@mysten/dapp-kit";
+import { useMySuiAccount } from "../../context/MySuiAccountProvider";
+import { shortenAddress } from "../../utils/address_shortener";
+
+export interface GasObject {
+ gasCoinId: string;
+ suiBalance: number;
+}
+
+export const Gas = () => {
+ // remember that then change UI in here need to call to terminal
+ const { network } = useSuiClientContext();
+ const { currentAddress, currentGasObject, gasObjects, setCurrentGasObject, setGasObjects } =
+ useMySuiAccount();
+
+ const [isLoading, setIsLoading] = useState(false);
+
+ const requestFaucet = () => {};
+
+ useEffect(() => {
+ async function getGasObjects() {
+ setIsLoading(true);
+ const resp = await requestDataFromTerminal({
+ cmd: SuiCommand.GET_GAS_OBJECTS,
+ });
+ const { stdout, stderr } = resp;
+ const objects = JSON.parse(stdout);
+ setGasObjects(objects);
+ setIsLoading(false);
+ // console.log(objects);
+ }
+ getGasObjects();
+ }, [network, currentAddress]);
+
+ const balanceOfCurrentGasObject = gasObjects.find(
+ (gasObject) => gasObject.gasCoinId === currentGasObject
+ )?.suiBalance;
+
+ console.log(currentGasObject);
+
+ return (
+ <>
+
+ Active Address
+
+
+
+
+
+ {isLoading ? (
+
+ Active Address
+
+
+ Create
+
+ Loading...
+ ) : ( + + )} +
+ {/*
+
+
*/}
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+
+
+ Ox122346...heh8faf
+
+
+
+
+ + The Address Managed By The Client +
+
+
+
+ );
+};
diff --git a/webview-ui/src/features/gasAddress/index.tsx b/webview-ui/src/features/gasAddress/index.tsx
new file mode 100644
index 0000000..8390eca
--- /dev/null
+++ b/webview-ui/src/features/gasAddress/index.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import { Address } from "./address";
+import { Gas } from "./gas";
+import { useNavigate } from "react-router-dom";
+import { ArrowLeft } from "../../icons/ArrowLeft";
+
+export const GasAddress = () => {
+ const navigate = useNavigate();
+
+ const handleNavigate = () => {
+ navigate("/");
+ };
+
+ return (
+ <>
+
+ Gas Object
+
+
+
+
+
+ {balanceOfCurrentGasObject && (
+
+
+
+ Gas Coin Id
+
+
+ {/*
+
+
*/}
+ {isLoading ? (
+
+ Ox122346...heh8faf
+
+ Loading...
+ ) : ( + + )} +
+
+ + The gas owed by the address +
+
+
+ )}
+
+
+ Balance
+
+
+ {balanceOfCurrentGasObject}
+
+
+
+
+ );
+};
diff --git a/src/webview/features/moveCall/v1/index.tsx b/webview-ui/src/features/moveCall/v1/index.tsx
similarity index 100%
rename from src/webview/features/moveCall/v1/index.tsx
rename to webview-ui/src/features/moveCall/v1/index.tsx
diff --git a/webview-ui/src/features/moveCall/v2/MoveCall.tsx b/webview-ui/src/features/moveCall/v2/MoveCall.tsx
new file mode 100644
index 0000000..2a7de02
--- /dev/null
+++ b/webview-ui/src/features/moveCall/v2/MoveCall.tsx
@@ -0,0 +1,250 @@
+import React, { useEffect } from "react";
+import { ActionType, MoveCallState } from "../../../types";
+import { Input } from "../../../components/Input";
+import { MoveCallActionType, MoveCallStatus } from "../../../../../src/enums";
+import { useSuiClient } from "@mysten/dapp-kit";
+import { Button } from "../../../components/Button";
+import { DEFAULT_ED25519_DERIVATION_PATH, Ed25519Keypair } from "@mysten/sui.js/keypairs/ed25519";
+import { TransactionBlock } from "@mysten/sui.js/transactions";
+import { useNavigate } from "react-router-dom";
+
+export interface IMoveCallProps {
+ state: MoveCallState;
+ dispatch: React.Dispatch
+
+
+
+
+
+
+
+
+ Gases And Address
+
+
+
+
+ Still Developing
+Back
+Call
+
+ Mnemonics:
+
+
+
+ Package:
+
+
+
+ {modulesName.length > 0 && (
+ <>
+ Module:
+
+
+ )}
+
+
+ {currentModule.length > 0 && (
+ <>
+ Function:
+
+
+ )}
+
+ {currentFunction.length > 0 && (
+ <>
+ Args
+ {args.map((arg, index) => { + return ( +
+ handleSetValueToArg(index, e.target.value)}
+ />
+ {/* value need to set like above if not will have bug when choose between functions */}
+
+ );
+ })}
+
+ )}
+
+
+ {status === MoveCallStatus.FINISH && Result: ${response}
} + {status === MoveCallStatus.ERROR &&Error: ${error}
} + + ); +}; diff --git a/webview-ui/src/features/moveCall/v2/index.tsx b/webview-ui/src/features/moveCall/v2/index.tsx new file mode 100644 index 0000000..1fef5ed --- /dev/null +++ b/webview-ui/src/features/moveCall/v2/index.tsx @@ -0,0 +1,105 @@ +import React, { useReducer } from "react"; +import { MoveCall } from "./MoveCall"; +import { MoveCallActionType, MoveCallStatus } from "../../../../../src/enums"; +import { ActionType, MoveCallState } from "../../../types"; + +const initialState: MoveCallState = { + mnemonics: "mouse hood crucial soup report axis awful point stairs guess scrap winter", + status: MoveCallStatus.BEGIN, + packageId: "", + modules: [], + currentModule: "", + functions: {}, + currentFunction: "", + args: [], + argsUserInput: [], + error: "", + response: "", +}; + +const reducer = (state: MoveCallState, action: ActionType): MoveCallState => { + const { type, payload } = action; + switch (type) { + case MoveCallActionType.SET_MNEMONICS: + return { + ...state, + mnemonics: payload, + }; + case MoveCallActionType.SET_PACKAGE_ID: + return { + ...state, + packageId: payload, + }; + case MoveCallActionType.SET_MODULES: + return { + ...state, + modules: payload, + }; + + case MoveCallActionType.SET_CURRENT_MODULE: + return { + ...state, + currentModule: payload, + }; + + case MoveCallActionType.SET_FUNCTIONS: + return { + ...state, + functions: payload, + }; + + case MoveCallActionType.SET_ERROR: + return { + ...state, + status: MoveCallStatus.ERROR, + error: payload, + }; + + case MoveCallActionType.SET_CURRENT_FUNCTION: + return { + ...state, + currentFunction: payload, + }; + + case MoveCallActionType.RESET_ARGS: + return { + ...state, + args: [], + }; + + case MoveCallActionType.RESET_ARGS_USER_INPUT: + return { + ...state, + argsUserInput: [], + }; + + case MoveCallActionType.ADD_ARG: + return { + ...state, + args: [...state.args, payload], + }; + + case MoveCallActionType.SET_VALUE_TO_ARG: + const argsUserInput = [...state.argsUserInput]; + argsUserInput[payload.index] = payload.value; + return { + ...state, + argsUserInput, + }; + + case MoveCallActionType.SET_RESPONSE: + return { + ...state, + status: MoveCallStatus.FINISH, + response: payload, + }; + + default: + throw new Error(`Unhandled action type: ${type}`); + } +}; + +export default function index() { + const [state, dispatch] = useReducer(reducer, initialState); + return
+
+
+ );
+};
diff --git a/webview-ui/src/icons/ArrowDown/ArrowDown.tsx b/webview-ui/src/icons/ArrowDown/ArrowDown.tsx
new file mode 100644
index 0000000..2d5f245
--- /dev/null
+++ b/webview-ui/src/icons/ArrowDown/ArrowDown.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const ArrowDown = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/ArrowDown/index.ts b/webview-ui/src/icons/ArrowDown/index.ts
new file mode 100644
index 0000000..732fa01
--- /dev/null
+++ b/webview-ui/src/icons/ArrowDown/index.ts
@@ -0,0 +1 @@
+export { ArrowDown } from "./ArrowDown";
diff --git a/webview-ui/src/icons/ArrowLeft/ArrowLeft.tsx b/webview-ui/src/icons/ArrowLeft/ArrowLeft.tsx
new file mode 100644
index 0000000..ee7cd99
--- /dev/null
+++ b/webview-ui/src/icons/ArrowLeft/ArrowLeft.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const ArrowLeft = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/ArrowLeft/index.ts b/webview-ui/src/icons/ArrowLeft/index.ts
new file mode 100644
index 0000000..c1afcac
--- /dev/null
+++ b/webview-ui/src/icons/ArrowLeft/index.ts
@@ -0,0 +1 @@
+export { ArrowLeft } from "./ArrowLeft";
diff --git a/webview-ui/src/icons/ArrowRight/ArrowRight.tsx b/webview-ui/src/icons/ArrowRight/ArrowRight.tsx
new file mode 100644
index 0000000..96648c6
--- /dev/null
+++ b/webview-ui/src/icons/ArrowRight/ArrowRight.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const ArrowRight = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/ArrowRight/index.ts b/webview-ui/src/icons/ArrowRight/index.ts
new file mode 100644
index 0000000..09bf050
--- /dev/null
+++ b/webview-ui/src/icons/ArrowRight/index.ts
@@ -0,0 +1 @@
+export { ArrowRight } from "./ArrowRight";
diff --git a/webview-ui/src/icons/ArrowUp/ArrowUp.tsx b/webview-ui/src/icons/ArrowUp/ArrowUp.tsx
new file mode 100644
index 0000000..cf5b031
--- /dev/null
+++ b/webview-ui/src/icons/ArrowUp/ArrowUp.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const ArrowUp = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/ArrowUp/index.ts b/webview-ui/src/icons/ArrowUp/index.ts
new file mode 100644
index 0000000..203d7a3
--- /dev/null
+++ b/webview-ui/src/icons/ArrowUp/index.ts
@@ -0,0 +1 @@
+export { ArrowUp } from "./ArrowUp";
diff --git a/webview-ui/src/icons/CloseIcon/CloseIcon.tsx b/webview-ui/src/icons/CloseIcon/CloseIcon.tsx
new file mode 100644
index 0000000..69d5c17
--- /dev/null
+++ b/webview-ui/src/icons/CloseIcon/CloseIcon.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const CloseIcon = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/CloseIcon/index.ts b/webview-ui/src/icons/CloseIcon/index.ts
new file mode 100644
index 0000000..fe2d14a
--- /dev/null
+++ b/webview-ui/src/icons/CloseIcon/index.ts
@@ -0,0 +1 @@
+export { CloseIcon } from "./CloseIcon";
diff --git a/webview-ui/src/icons/EnvironmentIcon/EnvironmentIcon.tsx b/webview-ui/src/icons/EnvironmentIcon/EnvironmentIcon.tsx
new file mode 100644
index 0000000..fb88619
--- /dev/null
+++ b/webview-ui/src/icons/EnvironmentIcon/EnvironmentIcon.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const EnvironmentIcon = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/EnvironmentIcon/index.ts b/webview-ui/src/icons/EnvironmentIcon/index.ts
new file mode 100644
index 0000000..2798489
--- /dev/null
+++ b/webview-ui/src/icons/EnvironmentIcon/index.ts
@@ -0,0 +1 @@
+export { EnvironmentIcon } from "./EnvironmentIcon";
diff --git a/webview-ui/src/icons/ExplorerIcon/ExplorerIcon.tsx b/webview-ui/src/icons/ExplorerIcon/ExplorerIcon.tsx
new file mode 100644
index 0000000..aec1d0c
--- /dev/null
+++ b/webview-ui/src/icons/ExplorerIcon/ExplorerIcon.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const ExplorerIcon = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/ExplorerIcon/index.ts b/webview-ui/src/icons/ExplorerIcon/index.ts
new file mode 100644
index 0000000..eed211e
--- /dev/null
+++ b/webview-ui/src/icons/ExplorerIcon/index.ts
@@ -0,0 +1 @@
+export { ExplorerIcon } from "./ExplorerIcon";
diff --git a/webview-ui/src/icons/RowVerticalIcon/RowVerticalIcon.tsx b/webview-ui/src/icons/RowVerticalIcon/RowVerticalIcon.tsx
new file mode 100644
index 0000000..5ad6fb3
--- /dev/null
+++ b/webview-ui/src/icons/RowVerticalIcon/RowVerticalIcon.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const RowVerticalIcon = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/RowVerticalIcon/index.ts b/webview-ui/src/icons/RowVerticalIcon/index.ts
new file mode 100644
index 0000000..2704c1a
--- /dev/null
+++ b/webview-ui/src/icons/RowVerticalIcon/index.ts
@@ -0,0 +1 @@
+export { RowVerticalIcon } from "./RowVerticalIcon";
diff --git a/webview-ui/src/icons/UserIcon/UserIcon.tsx b/webview-ui/src/icons/UserIcon/UserIcon.tsx
new file mode 100644
index 0000000..ed446f0
--- /dev/null
+++ b/webview-ui/src/icons/UserIcon/UserIcon.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+
+interface Props {
+ className: any;
+}
+
+export const UserIcon = ({ className }: Props): JSX.Element => {
+ return (
+
+ );
+};
diff --git a/webview-ui/src/icons/UserIcon/index.ts b/webview-ui/src/icons/UserIcon/index.ts
new file mode 100644
index 0000000..df471a4
--- /dev/null
+++ b/webview-ui/src/icons/UserIcon/index.ts
@@ -0,0 +1 @@
+export { UserIcon } from "./UserIcon";
diff --git a/src/webview/index.css b/webview-ui/src/index.css
similarity index 100%
rename from src/webview/index.css
rename to webview-ui/src/index.css
diff --git a/webview-ui/src/index.tsx b/webview-ui/src/index.tsx
new file mode 100644
index 0000000..0be6105
--- /dev/null
+++ b/webview-ui/src/index.tsx
@@ -0,0 +1,47 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { App } from "./App";
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { Route, MemoryRouter, Routes } from "react-router-dom";
+import { SuiClientProvider } from "@mysten/dapp-kit";
+import { networkConfig } from "./configs/networkConfig";
+import { RootLayout } from "./RootLayout";
+import { SuiConfig } from "./features/suiConfig/v2";
+import { GasAddress } from "./features/gasAddress/";
+import { BuildTestPublish } from "./features/buildTestPublish/v2";
+import { SuiConfigProvider } from "./context/SuiConfigProvider";
+import { MySuiAccountProvider } from "./context/MySuiAccountProvider";
+import Explorer from "./features/moveCall/v2/index";
+
+declare const acquireVsCodeApi:
+
+
+
+
+
+
+
+
+ Environment
+
+
+
+
+
+
+
+ {/*
+
+ {!isSuiCargo && (
+ <>
+
+ Sui Cargo
+
+
+ setIsSuiCargo(e.target.checked)}
+ />
+
+
+
+
+
+
+ {suiPath &&
+
+ )}
+ {isLoading ? (
+ "Loading"
+ ) : (
+
+ )}
+ {suiPath}
}
+
+
+
+
+
+
*/}
+
+
+
+
+
+ None
+
+
+
+
+ RPC Custom
+
+