@mysten/create-dapp 0.5.13 → 0.6.1

package/templates/react-e2e-counter/src/contracts/utils/index.ts

@@ -0,0 +1,243 @@
+import {
+  bcs,
+  BcsType,
+  TypeTag,
+  TypeTagSerializer,
+  BcsStruct,
+  BcsEnum,
+  BcsTuple,
+} from "@mysten/sui/bcs";
+import { normalizeSuiAddress } from "@mysten/sui/utils";
+import { TransactionArgument, isArgument } from "@mysten/sui/transactions";
+import { ClientWithCoreApi, SuiClientTypes } from "@mysten/sui/client";
+
+const MOVE_STDLIB_ADDRESS = normalizeSuiAddress("0x1");
+const SUI_FRAMEWORK_ADDRESS = normalizeSuiAddress("0x2");
+
+export type RawTransactionArgument<T> = T | TransactionArgument;
+
+export interface GetOptions<
+  Include extends Omit<SuiClientTypes.ObjectInclude, "content"> = {},
+> extends SuiClientTypes.GetObjectOptions<Include> {
+  client: ClientWithCoreApi;
+}
+
+export interface GetManyOptions<
+  Include extends Omit<SuiClientTypes.ObjectInclude, "content"> = {},
+> extends SuiClientTypes.GetObjectsOptions<Include> {
+  client: ClientWithCoreApi;
+}
+
+export function getPureBcsSchema(
+  typeTag: string | TypeTag,
+): BcsType<any> | null {
+  const parsedTag =
+    typeof typeTag === "string"
+      ? TypeTagSerializer.parseFromStr(typeTag)
+      : typeTag;
+
+  if ("u8" in parsedTag) {
+    return bcs.U8;
+  } else if ("u16" in parsedTag) {
+    return bcs.U16;
+  } else if ("u32" in parsedTag) {
+    return bcs.U32;
+  } else if ("u64" in parsedTag) {
+    return bcs.U64;
+  } else if ("u128" in parsedTag) {
+    return bcs.U128;
+  } else if ("u256" in parsedTag) {
+    return bcs.U256;
+  } else if ("address" in parsedTag) {
+    return bcs.Address;
+  } else if ("bool" in parsedTag) {
+    return bcs.Bool;
+  } else if ("vector" in parsedTag) {
+    const type = getPureBcsSchema(parsedTag.vector);
+    return type ? bcs.vector(type) : null;
+  } else if ("struct" in parsedTag) {
+    const structTag = parsedTag.struct;
+    const pkg = normalizeSuiAddress(structTag.address);
+
+    if (pkg === MOVE_STDLIB_ADDRESS) {
+      if (
+        (structTag.module === "ascii" || structTag.module === "string") &&
+        structTag.name === "String"
+      ) {
+        return bcs.String;
+      }
+
+      if (structTag.module === "option" && structTag.name === "Option") {
+        const type = getPureBcsSchema(structTag.typeParams[0]);
+        return type ? bcs.option(type) : null;
+      }
+    }
+
+    if (
+      pkg === SUI_FRAMEWORK_ADDRESS &&
+      structTag.module === "object" &&
+      (structTag.name === "ID" || structTag.name === "UID")
+    ) {
+      return bcs.Address;
+    }
+  }
+
+  return null;
+}
+
+export function normalizeMoveArguments(
+  args: unknown[] | object,
+  argTypes: readonly (string | null)[],
+  parameterNames?: string[],
+) {
+  const argLen = Array.isArray(args) ? args.length : Object.keys(args).length;
+  if (parameterNames && argLen !== parameterNames.length) {
+    throw new Error(
+      `Invalid number of arguments, expected ${parameterNames.length}, got ${argLen}`,
+    );
+  }
+
+  const normalizedArgs: TransactionArgument[] = [];
+
+  let index = 0;
+  for (const [i, argType] of argTypes.entries()) {
+    if (argType === "0x2::clock::Clock") {
+      normalizedArgs.push((tx) => tx.object.clock());
+      continue;
+    }
+
+    if (argType === "0x2::random::Random") {
+      normalizedArgs.push((tx) => tx.object.random());
+      continue;
+    }
+
+    if (argType === "0x2::deny_list::DenyList") {
+      normalizedArgs.push((tx) => tx.object.denyList());
+      continue;
+    }
+
+    if (argType === "0x3::sui_system::SuiSystemState") {
+      normalizedArgs.push((tx) => tx.object.system());
+      continue;
+    }
+
+    let arg;
+    if (Array.isArray(args)) {
+      if (index >= args.length) {
+        throw new Error(
+          `Invalid number of arguments, expected at least ${index + 1}, got ${args.length}`,
+        );
+      }
+      arg = args[index];
+    } else {
+      if (!parameterNames) {
+        throw new Error(`Expected arguments to be passed as an array`);
+      }
+      const name = parameterNames[index];
+      arg = args[name as keyof typeof args];
+
+      if (arg === undefined) {
+        throw new Error(`Parameter ${name} is required`);
+      }
+    }
+
+    index += 1;
+
+    if (typeof arg === "function" || isArgument(arg)) {
+      normalizedArgs.push(arg as TransactionArgument);
+      continue;
+    }
+
+    const type = argTypes[i];
+    const bcsType = type === null ? null : getPureBcsSchema(type);
+
+    if (bcsType) {
+      const bytes = bcsType.serialize(arg as never);
+      normalizedArgs.push((tx) => tx.pure(bytes));
+      continue;
+    } else if (typeof arg === "string") {
+      normalizedArgs.push((tx) => tx.object(arg));
+      continue;
+    }
+
+    throw new Error(`Invalid argument ${stringify(arg)} for type ${type}`);
+  }
+
+  return normalizedArgs;
+}
+
+export class MoveStruct<
+  T extends Record<string, BcsType<any>>,
+  const Name extends string = string,
+> extends BcsStruct<T, Name> {
+  async get<
+    Include extends Omit<SuiClientTypes.ObjectInclude, "content" | "json"> = {},
+  >({
+    objectId,
+    ...options
+  }: GetOptions<Include>): Promise<
+    SuiClientTypes.Object<Include & { content: true; json: true }> & {
+      json: BcsStruct<T>["$inferType"];
+    }
+  > {
+    const [res] = await this.getMany<Include>({
+      ...options,
+      objectIds: [objectId],
+    });
+
+    return res;
+  }
+
+  async getMany<
+    Include extends Omit<SuiClientTypes.ObjectInclude, "content" | "json"> = {},
+  >({
+    client,
+    ...options
+  }: GetManyOptions<Include>): Promise<
+    Array<
+      SuiClientTypes.Object<Include & { content: true; json: true }> & {
+        json: BcsStruct<T>["$inferType"];
+      }
+    >
+  > {
+    const response = (await client.core.getObjects({
+      ...options,
+      include: {
+        ...options.include,
+        content: true,
+      },
+    })) as SuiClientTypes.GetObjectsResponse<Include & { content: true }>;
+
+    return response.objects.map((obj) => {
+      if (obj instanceof Error) {
+        throw obj;
+      }
+
+      return {
+        ...obj,
+        json: this.parse(obj.content),
+      };
+    });
+  }
+}
+
+export class MoveEnum<
+  T extends Record<string, BcsType<any> | null>,
+  const Name extends string,
+> extends BcsEnum<T, Name> {}
+
+export class MoveTuple<
+  T extends readonly BcsType<any>[],
+  const Name extends string,
+> extends BcsTuple<T, Name> {}
+
+function stringify(val: unknown) {
+  if (typeof val === "object") {
+    return JSON.stringify(val, (val: unknown) => val);
+  }
+  if (typeof val === "bigint") {
+    return val.toString();
+  }
+
+  return val;
+}

package/templates/react-e2e-counter/src/dApp-kit.ts

@@ -0,0 +1,48 @@
+import { createDAppKit } from "@mysten/dapp-kit-react";
+import { SuiGrpcClient } from "@mysten/sui/grpc";
+import {
+  DEVNET_COUNTER_PACKAGE_ID,
+  TESTNET_COUNTER_PACKAGE_ID,
+  MAINNET_COUNTER_PACKAGE_ID,
+} from "./constants.ts";
+
+const GRPC_URLS = {
+  mainnet: "https://fullnode.mainnet.sui.io:443",
+  testnet: "https://fullnode.testnet.sui.io:443",
+  devnet: "https://fullnode.devnet.sui.io:443",
+};
+
+// MVR overrides per network - map local package names to deployed addresses
+const MVR_OVERRIDES = {
+  mainnet: MAINNET_COUNTER_PACKAGE_ID && {
+    packages: {
+      "@local-pkg/counter": MAINNET_COUNTER_PACKAGE_ID,
+    },
+  },
+  testnet: TESTNET_COUNTER_PACKAGE_ID && {
+    packages: { "@local-pkg/counter": TESTNET_COUNTER_PACKAGE_ID },
+  },
+  devnet: DEVNET_COUNTER_PACKAGE_ID && {
+    packages: { "@local-pkg/counter": DEVNET_COUNTER_PACKAGE_ID },
+  },
+} as const;
+
+export const dAppKit = createDAppKit({
+  enableBurnerWallet: import.meta.env.DEV,
+  networks: ["mainnet", "testnet", "devnet"],
+  defaultNetwork: "testnet",
+  createClient(network) {
+    return new SuiGrpcClient({
+      network,
+      baseUrl: GRPC_URLS[network],
+      mvr: MVR_OVERRIDES[network] ? { overrides: MVR_OVERRIDES[network] } : {},
+    });
+  },
+});
+
+// global type registration necessary for the hooks to work correctly
+declare module "@mysten/dapp-kit-react" {
+  interface Register {
+    dAppKit: typeof dAppKit;
+  }
+}

package/templates/react-e2e-counter/src/index.css

@@ -0,0 +1,39 @@
+@import "tailwindcss";
+
+@theme {
+  --color-background: oklch(0.145 0 0);
+  --color-foreground: oklch(0.985 0 0);
+  --color-card: oklch(0.145 0 0);
+  --color-card-foreground: oklch(0.985 0 0);
+  --color-primary: oklch(0.985 0 0);
+  --color-primary-foreground: oklch(0.205 0 0);
+  --color-secondary: oklch(0.269 0 0);
+  --color-secondary-foreground: oklch(0.985 0 0);
+  --color-muted: oklch(0.269 0 0);
+  --color-muted-foreground: oklch(0.708 0 0);
+  --color-accent: oklch(0.269 0 0);
+  --color-accent-foreground: oklch(0.985 0 0);
+  --color-destructive: oklch(0.396 0.141 25.723);
+  --color-destructive-foreground: oklch(0.637 0.237 25.331);
+  --color-border: oklch(0.269 0 0);
+  --color-input: oklch(0.269 0 0);
+  --color-ring: oklch(0.556 0 0);
+  --color-sui: oklch(0.7 0.2 220);
+
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+}
+
+* {
+  border-color: var(--color-border);
+}
+
+body {
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  font-family:
+    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
+}

package/templates/react-e2e-counter/src/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/templates/react-e2e-counter/src/main.tsx

@@ -1,26 +1,20 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import "@mysten/dapp-kit/dist/index.css";
-import "@radix-ui/themes/styles.css";
+import "./index.css";
 
-import { SuiClientProvider, WalletProvider } from "@mysten/dapp-kit";
+import { DAppKitProvider } from "@mysten/dapp-kit-react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { Theme } from "@radix-ui/themes";
 import App from "./App.tsx";
-import { networkConfig } from "./networkConfig.ts";
+import { dAppKit } from "./dApp-kit.ts";
 
 const queryClient = new QueryClient();
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <Theme appearance="dark">
-      <QueryClientProvider client={queryClient}>
-        <SuiClientProvider networks={networkConfig} defaultNetwork="testnet">
-          <WalletProvider autoConnect>
-            <App />
-          </WalletProvider>
-        </SuiClientProvider>
-      </QueryClientProvider>
-    </Theme>
+    <QueryClientProvider client={queryClient}>
+      <DAppKitProvider dAppKit={dAppKit}>
+        <App />
+      </DAppKitProvider>
+    </QueryClientProvider>
   </React.StrictMode>,
 );

package/templates/react-e2e-counter/sui-codegen.config.ts

@@ -0,0 +1,13 @@
+import type { SuiCodegenConfig } from "@mysten/codegen";
+
+const config: SuiCodegenConfig = {
+  output: "./src/contracts",
+  packages: [
+    {
+      package: "@local-pkg/counter",
+      path: "./move/counter",
+    },
+  ],
+};
+
+export default config;

package/templates/react-e2e-counter/vite.config.mts

@@ -1,7 +1,8 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
+import tailwindcss from "@tailwindcss/vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
 });

package/templates/react-client-dapp/src/networkConfig.ts

@@ -1,17 +0,0 @@
-import { getFullnodeUrl } from "@mysten/sui/client";
-import { createNetworkConfig } from "@mysten/dapp-kit";
-
-const { networkConfig, useNetworkVariable, useNetworkVariables } =
-  createNetworkConfig({
-    devnet: {
-      url: getFullnodeUrl("devnet"),
-    },
-    testnet: {
-      url: getFullnodeUrl("testnet"),
-    },
-    mainnet: {
-      url: getFullnodeUrl("mainnet"),
-    },
-  });
-
-export { useNetworkVariable, useNetworkVariables, networkConfig };

package/templates/react-e2e-counter/src/networkConfig.ts

@@ -1,31 +0,0 @@
-import { getFullnodeUrl } from "@mysten/sui/client";
-import {
-  DEVNET_COUNTER_PACKAGE_ID,
-  TESTNET_COUNTER_PACKAGE_ID,
-  MAINNET_COUNTER_PACKAGE_ID,
-} from "./constants.ts";
-import { createNetworkConfig } from "@mysten/dapp-kit";
-
-const { networkConfig, useNetworkVariable, useNetworkVariables } =
-  createNetworkConfig({
-    devnet: {
-      url: getFullnodeUrl("devnet"),
-      variables: {
-        counterPackageId: DEVNET_COUNTER_PACKAGE_ID,
-      },
-    },
-    testnet: {
-      url: getFullnodeUrl("testnet"),
-      variables: {
-        counterPackageId: TESTNET_COUNTER_PACKAGE_ID,
-      },
-    },
-    mainnet: {
-      url: getFullnodeUrl("mainnet"),
-      variables: {
-        counterPackageId: MAINNET_COUNTER_PACKAGE_ID,
-      },
-    },
-  });
-
-export { useNetworkVariable, useNetworkVariables, networkConfig };