@mysten/create-dapp 0.5.13 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @mysten/create-dapp
 
+## 0.6.0
+
+### Minor Changes
+
+- e00788c: Update create-dapp templates:
+  - Migrate from `@mysten/dapp-kit` to `@mysten/dapp-kit-react`
+  - Upgrade React to version 19.2.1
+  - Remove forwardRef usage in favor of React 19 ref prop pattern
+  - Add TypeScript code generation support using `@mysten/codegen`
+  - Update UI components to use shadcn/ui-style card and button components
+  - Update to Tailwind CSS v4
+  - Update example code to use gRPC client and new SDK patterns
+  - Fix transaction result handling to properly unwrap TransactionResult types
+  - Add documentation and setup guides
+  - Fix dependency injection for devDependencies
+
+### Patch Changes
+
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+- Updated dependencies [e00788c]
+  - @mysten/sui@2.0.0
+  - @mysten/dapp-kit-react@1.0.0
+  - @mysten/codegen@0.6.0
+
 ## 0.5.13
 
 ### Patch Changes
@@ -848,8 +885,8 @@
 
 - a92b03de42: The Typescript SDK has been renamed to `@mysten/sui` and includes many new features
   and breaking changes. See the
-  [full migration guide](https://sdk.mystenlabs.com/typescript/migrations/sui-1.0) for details on
-  how to upgrade.
+  [full migration guide](https://sdk.mystenlabs.com/sui/migrations/sui-1.0) for details on how to
+  upgrade.
 
 ### Patch Changes
 

package/README.md

@@ -26,7 +26,6 @@ you including:
 - [TypeScript](https://www.typescriptlang.org/)
 - [Vite](https://vitejs.dev/)
 - [Radix UI](https://www.radix-ui.com/)
-- [ESLint](https://eslint.org/)
 - [`@mysten/dapp-kit`](https://sdk.mystenlabs.com/dapp-kit)
 
 These templates are still new, and would love to get feedback and suggestions for improvements or

package/dist/index.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/index.js

@@ -1,8 +1,6 @@
 "use strict";
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
-/* eslint-disable @typescript-eslint/ban-types */
-/* eslint-disable no-restricted-globals */
 Object.defineProperty(exports, "__esModule", { value: true });
 const fs_1 = require("fs");
 const promises_1 = require("fs/promises");
@@ -16,10 +14,15 @@ const { values: args } = (0, util_1.parseArgs)({
             default: '',
             short: 't',
         },
+        name: {
+            type: 'string',
+            default: '',
+            short: 'n',
+        },
     },
 });
 async function main() {
-    const results = await (0, enquirer_1.prompt)([
+    const questions = [
         {
             type: 'select',
             name: 'template',
@@ -41,12 +44,26 @@ async function main() {
             message: 'What is the name of your dApp? (this will be used as the directory name)',
             initial: 'my-first-sui-dapp',
         },
-    ].filter((question) => !args[question.name]));
-    const outDir = (0, path_1.resolve)(process.cwd(), results.dAppName);
+    ].filter((question) => {
+        if (question.name === 'template' && args.template)
+            return false;
+        if (question.name === 'dAppName' && args.name)
+            return false;
+        return true;
+    });
+    const results = questions.length > 0
+        ? await (0, enquirer_1.prompt)(questions)
+        : { template: undefined, dAppName: undefined };
+    const template = results.template ?? args.template;
+    const dAppName = results.dAppName ?? args.name;
+    if (!template || !dAppName) {
+        throw new Error('Template and name are required');
+    }
+    const outDir = (0, path_1.resolve)(process.cwd(), dAppName);
     if ((0, fs_1.existsSync)(outDir)) {
         throw new Error(`Directory ${outDir} already exists`);
     }
-    const files = await collectFiles(results.template ?? args.template, results.dAppName);
+    const files = await collectFiles(template, dAppName);
     await writeFiles(files, outDir);
 }
 main();
@@ -75,8 +92,15 @@ async function collectFiles(template, dAppName) {
                 if (entry === 'package.json') {
                     const json = JSON.parse(content.toString());
                     json.name = dAppName;
-                    json.dependencies['@mysten/sui'] = dependencies['@mysten/sui'];
-                    json.dependencies['@mysten/dapp-kit'] = dependencies['@mysten/dapp-kit'];
+                    if (json.dependencies?.['@mysten/sui']) {
+                        json.dependencies['@mysten/sui'] = dependencies['@mysten/sui'];
+                    }
+                    if (json.dependencies?.['@mysten/dapp-kit-react']) {
+                        json.dependencies['@mysten/dapp-kit-react'] = dependencies['@mysten/dapp-kit-react'];
+                    }
+                    if (json.devDependencies?.['@mysten/codegen']) {
+                        json.devDependencies['@mysten/codegen'] = dependencies['@mysten/codegen'];
+                    }
                     content = Buffer.from(JSON.stringify(json, null, 2));
                 }
                 files.push({ path: (0, path_1.relative)(templateDir, entryPath), content });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "author": "Mysten Labs <build@mystenlabs.com>",
   "description": "A CLI for creating new Sui dApps",
   "homepage": "https://sdk.mystenlabs.com",
-  "version": "0.5.13",
+  "version": "0.6.0",
   "license": "Apache-2.0",
   "files": [
     "CHANGELOG.md",
@@ -28,14 +28,14 @@
     "access": "public"
   },
   "devDependencies": {
-    "typescript": "^5.9.3",
-    "@mysten/build-scripts": "0.0.0"
+    "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@types/node": "^24.10.1",
+    "@types/node": "^25.0.8",
     "enquirer": "^2.4.1",
-    "@mysten/sui": "1.45.2",
-    "@mysten/dapp-kit": "0.20.0"
+    "@mysten/codegen": "^0.6.0",
+    "@mysten/dapp-kit-react": "^1.0.0",
+    "@mysten/sui": "^2.0.0"
   },
   "sideEffects": false,
   "bin": "./bin/index.js",
@@ -44,9 +44,9 @@
     "build": "tsc --build",
     "prettier:check": "prettier -c --ignore-unknown .",
     "prettier:fix": "prettier -w --ignore-unknown .",
-    "eslint:check": "eslint --max-warnings=0 .",
-    "eslint:fix": "pnpm run eslint:check --fix",
-    "lint": "pnpm run eslint:check && pnpm run prettier:check",
-    "lint:fix": "pnpm run eslint:fix && pnpm run prettier:fix"
+    "oxlint:check": "oxlint  .",
+    "oxlint:fix": "oxlint --fix",
+    "lint": "pnpm run oxlint:check && pnpm run prettier:check",
+    "lint:fix": "pnpm run oxlint:fix && pnpm run prettier:fix"
   }
 }

package/src/index.ts

@@ -1,7 +1,5 @@
 // Copyright (c) Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
-/* eslint-disable @typescript-eslint/ban-types */
-/* eslint-disable no-restricted-globals */
 
 import { existsSync, statSync } from 'fs';
 import { mkdir, readdir, readFile, writeFile } from 'fs/promises';
@@ -16,47 +14,62 @@ const { values: args } = parseArgs({
 			default: '',
 			short: 't',
 		},
+		name: {
+			type: 'string',
+			default: '',
+			short: 'n',
+		},
 	},
 });
 
 async function main() {
-	const results = await prompt<{
-		template: string;
-		dAppName: string;
-	}>(
-		[
-			{
-				type: 'select',
-				name: 'template',
-				message: 'Which starter template would you like to use?',
-				choices: [
-					{
-						name: 'react-client-dapp',
-						hint: 'React Client dApp that reads data from wallet and the blockchain',
-					},
-					{
-						name: 'react-e2e-counter',
-						hint: 'React dApp with a move smart contract that implements a distributed counter',
-					},
-				],
-			},
-			{
-				type: 'input',
-
-				name: 'dAppName',
-				message: 'What is the name of your dApp? (this will be used as the directory name)',
-				initial: 'my-first-sui-dapp',
-			},
-		].filter((question) => !args[question.name as 'template']),
-	);
-
-	const outDir = resolve(process.cwd(), results.dAppName);
+	const questions = [
+		{
+			type: 'select',
+			name: 'template',
+			message: 'Which starter template would you like to use?',
+			choices: [
+				{
+					name: 'react-client-dapp',
+					hint: 'React Client dApp that reads data from wallet and the blockchain',
+				},
+				{
+					name: 'react-e2e-counter',
+					hint: 'React dApp with a move smart contract that implements a distributed counter',
+				},
+			],
+		},
+		{
+			type: 'input',
+			name: 'dAppName',
+			message: 'What is the name of your dApp? (this will be used as the directory name)',
+			initial: 'my-first-sui-dapp',
+		},
+	].filter((question) => {
+		if (question.name === 'template' && args.template) return false;
+		if (question.name === 'dAppName' && args.name) return false;
+		return true;
+	});
+
+	const results =
+		questions.length > 0
+			? await prompt<{ template?: string; dAppName?: string }>(questions)
+			: { template: undefined, dAppName: undefined };
+
+	const template = results.template ?? args.template;
+	const dAppName = results.dAppName ?? args.name;
+
+	if (!template || !dAppName) {
+		throw new Error('Template and name are required');
+	}
+
+	const outDir = resolve(process.cwd(), dAppName);
 
 	if (existsSync(outDir)) {
 		throw new Error(`Directory ${outDir} already exists`);
 	}
 
-	const files = await collectFiles(results.template ?? args.template, results.dAppName);
+	const files = await collectFiles(template, dAppName);
 	await writeFiles(files, outDir);
 }
 
@@ -96,8 +109,17 @@ async function collectFiles(template: string, dAppName: string) {
 				if (entry === 'package.json') {
 					const json = JSON.parse(content.toString());
 					json.name = dAppName;
-					json.dependencies['@mysten/sui'] = dependencies['@mysten/sui'];
-					json.dependencies['@mysten/dapp-kit'] = dependencies['@mysten/dapp-kit'];
+
+					if (json.dependencies?.['@mysten/sui']) {
+						json.dependencies['@mysten/sui'] = dependencies['@mysten/sui'];
+					}
+					if (json.dependencies?.['@mysten/dapp-kit-react']) {
+						json.dependencies['@mysten/dapp-kit-react'] = dependencies['@mysten/dapp-kit-react'];
+					}
+
+					if (json.devDependencies?.['@mysten/codegen']) {
+						json.devDependencies['@mysten/codegen'] = dependencies['@mysten/codegen'];
+					}
 
 					content = Buffer.from(JSON.stringify(json, null, 2));
 				}

package/templates/.oxlintrc.json

@@ -0,0 +1,5 @@
+{
+	"rules": {
+		"import/extensions": "off"
+	}
+}

package/templates/react-client-dapp/README.md

@@ -6,12 +6,25 @@ Client dApp using the following tools:
 - [React](https://react.dev/) as the UI framework
 - [TypeScript](https://www.typescriptlang.org/) for type checking
 - [Vite](https://vitejs.dev/) for build tooling
-- [Radix UI](https://www.radix-ui.com/) for pre-built UI components
-- [ESLint](https://eslint.org/)
-- [`@mysten/dapp-kit`](https://sdk.mystenlabs.com/dapp-kit) for connecting to
-  wallets and loading data
+- [Tailwind CSS v4](https://tailwindcss.com/) for styling
+- [Lucide React](https://lucide.dev/) for icons
+- [`@mysten/dapp-kit-react`](https://sdk.mystenlabs.com/dapp-kit) for connecting
+  to wallets and loading data
 - [pnpm](https://pnpm.io/) for package management
 
+## Project Structure
+
+```
+src/
+├── components/ui/     # Reusable UI components (Card)
+├── lib/utils.ts       # Utility functions (cn for classnames)
+├── App.tsx            # Main application component
+├── WalletStatus.tsx   # Wallet connection status display
+├── OwnedObjects.tsx   # Display objects owned by connected wallet
+├── dApp-kit.ts        # dApp Kit configuration
+└── index.css          # Tailwind CSS with theme variables
+```
+
 ## Starting your dApp
 
 To install dependencies you can run
@@ -33,3 +46,17 @@ To build your app for deployment you can run
 ```bash
 pnpm build
 ```
+
+## Customizing the UI
+
+This template uses [Tailwind CSS v4](https://tailwindcss.com/docs) for styling
+with [shadcn/ui](https://ui.shadcn.com/)-style components. The UI components in
+`src/components/ui/` are based on shadcn/ui patterns and can be customized or
+extended.
+
+To add more shadcn/ui components, you can copy them from the
+[shadcn/ui components](https://ui.shadcn.com/docs/components) documentation and
+adapt them to work with your project.
+
+Theme variables are defined in `src/index.css` using Tailwind's `@theme`
+directive.

package/templates/react-client-dapp/index.html

@@ -1,58 +1,12 @@
 <!doctype html>
-<html lang="en" class="dark-theme" style="color-scheme: dark">
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Sui dApp Starter</title>
-
-    <style>
-      /*
-  Josh's Custom CSS Reset
-  https://www.joshwcomeau.com/css/custom-css-reset/
-*/
-      *,
-      *::before,
-      *::after {
-        box-sizing: border-box;
-      }
-      * {
-        margin: 0;
-      }
-      body {
-        line-height: 1.5;
-        -webkit-font-smoothing: antialiased;
-      }
-      img,
-      picture,
-      video,
-      canvas,
-      svg {
-        display: block;
-        max-width: 100%;
-      }
-      input,
-      button,
-      textarea,
-      select {
-        font: inherit;
-      }
-      p,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        overflow-wrap: break-word;
-      }
-      #root,
-      #__next {
-        isolation: isolate;
-      }
-    </style>
   </head>
-  <body>
+  <body class="min-h-screen antialiased">
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

package/templates/react-client-dapp/package.json

@@ -6,30 +6,27 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
   "dependencies": {
-    "@mysten/dapp-kit": "workspace:*",
-    "@mysten/sui": "workspace:*",
-    "@radix-ui/colors": "^3.0.0",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/themes": "^3.2.1",
-    "@tanstack/react-query": "^5.90.11",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1"
+    "@mysten/dapp-kit-react": "workspace:^",
+    "@mysten/sui": "workspace:^",
+    "@nanostores/react": "^1.0.0",
+    "@tanstack/react-query": "^5.90.16",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.7",
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.48.1",
-    "@typescript-eslint/parser": "^8.48.1",
     "@vitejs/plugin-react-swc": "^4.2.2",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "prettier": "^3.7.3",
+    "prettier": "^3.7.4",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
-    "vite": "^7.2.6"
+    "vite": "^7.3.1"
   }
 }

package/templates/react-client-dapp/prettier.config.cjs

@@ -1,4 +1,3 @@
-// eslint-disable-next-line no-undef
 module.exports = {
   proseWrap: "always",
 };

package/templates/react-client-dapp/src/App.tsx

@@ -1,38 +1,20 @@
-import { ConnectButton } from "@mysten/dapp-kit";
-import { Box, Container, Flex, Heading } from "@radix-ui/themes";
+import { ConnectButton } from "@mysten/dapp-kit-react";
 import { WalletStatus } from "./WalletStatus";
 
 function App() {
   return (
-    <>
-      <Flex
-        position="sticky"
-        px="4"
-        py="2"
-        justify="between"
-        style={{
-          borderBottom: "1px solid var(--gray-a2)",
-        }}
-      >
-        <Box>
-          <Heading>dApp Starter Template</Heading>
-        </Box>
-
-        <Box>
+    <div className="min-h-screen">
+      <header className="sticky top-0 z-50 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+        <div className="container mx-auto flex h-14 items-center justify-between px-4">
+          <h1 className="text-lg font-semibold">Sui dApp Starter</h1>
           <ConnectButton />
-        </Box>
-      </Flex>
-      <Container>
-        <Container
-          mt="5"
-          pt="2"
-          px="4"
-          style={{ background: "var(--gray-a2)", minHeight: 500 }}
-        >
-          <WalletStatus />
-        </Container>
-      </Container>
-    </>
+        </div>
+      </header>
+
+      <main className="container mx-auto px-4 py-8">
+        <WalletStatus />
+      </main>
+    </div>
   );
 }
 

package/templates/react-client-dapp/src/OwnedObjects.tsx

@@ -1,42 +1,69 @@
-import { useCurrentAccount, useSuiClientQuery } from "@mysten/dapp-kit";
-import { Flex, Heading, Text } from "@radix-ui/themes";
+import { useCurrentAccount, useCurrentClient } from "@mysten/dapp-kit-react";
+import { useQuery } from "@tanstack/react-query";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "./components/ui/card";
+import { Package, Loader2 } from "lucide-react";
 
 export function OwnedObjects() {
   const account = useCurrentAccount();
-  const { data, isPending, error } = useSuiClientQuery(
-    "getOwnedObjects",
-    {
-      owner: account?.address as string,
-    },
-    {
-      enabled: !!account,
-    },
-  );
+  const client = useCurrentClient();
 
-  if (!account) {
-    return;
-  }
+  const { data, isPending, error } = useQuery({
+    queryKey: ["ownedObjects", account?.address],
+    queryFn: async () => {
+      if (!account) return null;
 
-  if (error) {
-    return <Flex>Error: {error.message}</Flex>;
-  }
+      const { response } = await client.stateService.listOwnedObjects({
+        owner: account.address,
+      });
+      return response.objects ?? [];
+    },
+    enabled: !!account,
+  });
 
-  if (isPending || !data) {
-    return <Flex>Loading...</Flex>;
+  if (!account) {
+    return null;
   }
 
   return (
-    <Flex direction="column" my="2">
-      {data.data.length === 0 ? (
-        <Text>No objects owned by the connected wallet</Text>
-      ) : (
-        <Heading size="4">Objects owned by the connected wallet</Heading>
-      )}
-      {data.data.map((object) => (
-        <Flex key={object.data?.objectId}>
-          <Text>Object ID: {object.data?.objectId}</Text>
-        </Flex>
-      ))}
-    </Flex>
+    <Card>
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2">
+          <Package className="h-5 w-5" />
+          Owned Objects
+        </CardTitle>
+        <CardDescription>Objects owned by the connected wallet</CardDescription>
+      </CardHeader>
+      <CardContent>
+        {error ? (
+          <p className="text-destructive-foreground">
+            Error: {(error as Error)?.message || "Unknown error"}
+          </p>
+        ) : isPending || !data ? (
+          <div className="flex items-center gap-2 text-muted-foreground">
+            <Loader2 className="h-4 w-4 animate-spin" />
+            Loading objects...
+          </div>
+        ) : data.length === 0 ? (
+          <p className="text-muted-foreground">No objects found</p>
+        ) : (
+          <div className="space-y-2">
+            {data.map((object) => (
+              <div
+                key={object.objectId}
+                className="rounded-md border bg-muted/50 p-3"
+              >
+                <p className="font-mono text-xs break-all">{object.objectId}</p>
+              </div>
+            ))}
+          </div>
+        )}
+      </CardContent>
+    </Card>
   );
 }