@sei-js/create-sei 1.0.1 → 2.0.1

package/dist/templates/next-template/src/components/default/examples.ts

@@ -26,22 +26,19 @@ const weiBalance = await publicClient.getBalance({ address });
 const seiBalance = formatEther(weiBalance);`;
 
 export const precompileCodeExample = `// Import Sei precompiles
-import { VIEM_BANK_PRECOMPILE_ABI, BANK_PRECOMPILE_ADDRESS } from '@sei-js/precompiles';
+import { BANK_PRECOMPILE_ABI, BANK_PRECOMPILE_ADDRESS } from '@sei-js/precompiles';
 import { usePublicClient } from 'wagmi';
-import { type ReadContractParameters } from 'viem';
 
 // Use the hook
 const publicClient = usePublicClient();
 
 // Call precompile
-const readContractParams: ReadContractParameters = {
-  abi: VIEM_BANK_PRECOMPILE_ABI,
+const result = await publicClient.readContract({
+  abi: BANK_PRECOMPILE_ABI,
   address: BANK_PRECOMPILE_ADDRESS,
   functionName: 'supply',
   args: ['usei']
-};
-
-const result = await publicClient.readContract(readContractParams);`;
+});`;
 
 export const transactionCodeExample = `// Import transaction hooks
 import { useSendTransaction, useWaitForTransactionReceipt } from 'wagmi';

package/dist/templates/next-template/src/components/default/index.tsx

@@ -1,6 +1,6 @@
-'use client';
+"use client";
 
-import { CodeHighlight } from '@mantine/code-highlight';
+import { CodeHighlight } from "@mantine/code-highlight";
 import {
 	ActionIcon,
 	Alert,
@@ -19,18 +19,18 @@ import {
 	TextInput,
 	ThemeIcon,
 	Title,
-} from '@mantine/core';
-import { notifications } from '@mantine/notifications';
-import { IconBulb, IconChevronDown, IconChevronUp, IconCoins, IconCopy, IconLogout, IconSend, IconWallet } from '@tabler/icons-react';
-import { useState } from 'react';
-import { formatEther, parseEther } from 'viem';
-import { useAccount, useDisconnect, usePublicClient, useSendTransaction, useWaitForTransactionReceipt } from 'wagmi';
-import { balanceCodeExample, transactionCodeExample, walletCodeExample } from './examples';
+} from "@mantine/core";
+import { notifications } from "@mantine/notifications";
+import { IconBulb, IconChevronDown, IconChevronUp, IconCoins, IconCopy, IconLogout, IconSend, IconWallet } from "@tabler/icons-react";
+import { useState } from "react";
+import { formatEther, parseEther } from "viem";
+import { useAccount, useDisconnect, usePublicClient, useSendTransaction, useWaitForTransactionReceipt } from "wagmi";
+import { balanceCodeExample, transactionCodeExample, walletCodeExample } from "./examples";
 
 function Examples() {
-	const [balance, setBalance] = useState('');
-	const [recipient, setRecipient] = useState('');
-	const [amount, setAmount] = useState('');
+	const [balance, setBalance] = useState("");
+	const [recipient, setRecipient] = useState("");
+	const [amount, setAmount] = useState("");
 
 	// Code visibility toggles
 	const [showWalletCode, setShowWalletCode] = useState(false);
@@ -51,17 +51,17 @@ function Examples() {
 		try {
 			navigator.clipboard.writeText(text).then(() => {
 				notifications.show({
-					title: 'Copied!',
-					message: 'Code copied to clipboard',
-					color: 'green',
+					title: "Copied!",
+					message: "Code copied to clipboard",
+					color: "green",
 				});
 			});
 		} catch (err) {
-			console.error('Failed to copy text: ', err);
+			console.error("Failed to copy text: ", err);
 			notifications.show({
-				title: 'Error',
-				message: 'Failed to copy to clipboard',
-				color: 'red',
+				title: "Error",
+				message: "Failed to copy to clipboard",
+				color: "red",
 			});
 		}
 	};
@@ -78,9 +78,9 @@ function Examples() {
 	const sendSei = async () => {
 		if (!recipient || !amount) {
 			notifications.show({
-				title: 'Missing Information',
-				message: 'Please enter recipient address and amount',
-				color: 'orange',
+				title: "Missing Information",
+				message: "Please enter recipient address and amount",
+				color: "yellow",
 			});
 			return;
 		}
@@ -91,11 +91,11 @@ function Examples() {
 				value: parseEther(amount),
 			});
 		} catch (error) {
-			console.error('Transaction error:', error);
+			console.error("Transaction error:", error);
 			notifications.show({
-				title: 'Transaction Error',
-				message: 'Failed to send transaction',
-				color: 'red',
+				title: "Transaction Error",
+				message: "Failed to send transaction",
+				color: "red",
 			});
 		}
 	};
@@ -106,11 +106,11 @@ function Examples() {
 				{/* Header */}
 				<div>
 					<Group gap="md" align="center" mb="lg">
-						<ThemeIcon size={48} radius="md" c="blue" variant="light">
+						<ThemeIcon size={48} radius="md" variant="outline" color="seiMaroon">
 							<IconBulb size={24} />
 						</ThemeIcon>
 						<div>
-							<Title order={1} fw={700} c="gray.9">
+							<Title order={1} fw={700} c="seiMaroon.9" className="sei-heading">
 								Interactive Examples
 							</Title>
 							<Text size="lg" c="gray.6" mt={4}>
@@ -126,7 +126,7 @@ function Examples() {
 						<Flex justify="space-between" align="flex-start">
 							<Stack gap="xs">
 								<Group gap="md">
-									<ThemeIcon size={40} radius="md" color="blue" variant="light">
+									<ThemeIcon size={40} radius="md" variant="outline" color="seiMaroon">
 										<IconWallet size={20} />
 									</ThemeIcon>
 									<Title order={4} fw={600} c="gray.9">
@@ -137,7 +137,7 @@ function Examples() {
 									Access wallet information using Wagmi's useAccount hook
 								</Text>
 							</Stack>
-							<Badge color="blue" variant="light" size="md" radius="md">
+							<Badge variant="outline" color="gray" size="md" radius="md">
 								address
 							</Badge>
 						</Flex>
@@ -147,11 +147,11 @@ function Examples() {
 							</Text>
 							<Flex justify="space-between" align="center">
 								<Code bg="white" p="xs">
-									{address || 'No wallet connected'}
+									{address || "No wallet connected"}
 								</Code>
 								{isConnected && address && (
 									<Group gap="xs">
-										<ActionIcon variant="light" color="blue" size="sm" radius="md" onClick={() => copyToClipboard(address)} aria-label="Copy address">
+										<ActionIcon variant="outline" color="dark" size="sm" radius="md" onClick={() => copyToClipboard(address)} aria-label="Copy address">
 											<IconCopy size={14} />
 										</ActionIcon>
 										<ActionIcon variant="light" color="red" size="sm" radius="md" onClick={() => disconnect()} aria-label="Disconnect wallet">
@@ -171,7 +171,7 @@ function Examples() {
 								leftSection={showWalletCode ? <IconChevronUp size={14} /> : <IconChevronDown size={14} />}
 								onClick={() => setShowWalletCode(!showWalletCode)}
 							>
-								{showWalletCode ? 'Hide' : 'View'} Implementation
+								{showWalletCode ? "Hide" : "View"} Implementation
 							</Button>
 							{showWalletCode && (
 								<ActionIcon variant="subtle" color="gray" size="sm" radius="md" onClick={() => copyToClipboard(walletCodeExample)}>
@@ -195,7 +195,7 @@ function Examples() {
 							<Flex justify="space-between" align="flex-start">
 								<Stack gap="xs">
 									<Flex align="center" gap="md">
-										<ThemeIcon size={40} radius="md" color="green" variant="light">
+										<ThemeIcon size={40} radius="md" variant="outline" color="seiGold">
 											<IconCoins size={20} />
 										</ThemeIcon>
 										<Title order={3} size="h3" fw={600}>
@@ -206,7 +206,7 @@ function Examples() {
 										Query your wallet's SEI balance using Wagmi's usePublicClient hook
 									</Text>
 								</Stack>
-								<Badge color="green" variant="light" size="md" radius="md">
+								<Badge variant="outline" color="gray" size="md" radius="md">
 									balance
 								</Badge>
 							</Flex>
@@ -218,7 +218,7 @@ function Examples() {
 									<Flex align="baseline" gap="xs">
 										{balance ? (
 											<>
-												<Text fw={700} size="xl" c="gray.9" ff="monospace">
+												<Text fw={700} size="xl" c="seiGold.9" ff="var(--sei-font-mono)">
 													{Number.parseFloat(balance).toFixed(4)}
 												</Text>
 												<Text size="sm" c="gray.6" fw={500}>
@@ -243,11 +243,11 @@ function Examples() {
 										disabled={!address}
 										size="sm"
 										radius="md"
-										variant="light"
-										color="green"
+										variant="filled"
+										color="seiMaroon"
 										leftSection={<IconCoins size={14} />}
 									>
-										{balance ? 'Refresh' : 'Check Balance'}
+										{balance ? "Refresh" : "Check Balance"}
 									</Button>
 								</Flex>
 							</Paper>
@@ -261,7 +261,7 @@ function Examples() {
 									leftSection={showBalanceCode ? <IconChevronUp size={14} /> : <IconChevronDown size={14} />}
 									onClick={() => setShowBalanceCode(!showBalanceCode)}
 								>
-									{showBalanceCode ? 'Hide' : 'View'} Implementation
+									{showBalanceCode ? "Hide" : "View"} Implementation
 								</Button>
 								{showBalanceCode && (
 									<ActionIcon variant="subtle" color="gray" size="sm" radius="md" onClick={() => copyToClipboard(balanceCodeExample)}>
@@ -284,7 +284,7 @@ function Examples() {
 							<Flex direction="row" justify="space-between" align="flex-start">
 								<Stack gap="xs">
 									<Flex direction="row" align="center" gap="md" mb="md">
-										<ThemeIcon size={40} radius="md" color="blue" variant="light">
+										<ThemeIcon size={40} radius="md" variant="outline" color="seiMaroon">
 											<IconSend size={20} />
 										</ThemeIcon>
 										<Title order={3} size="h3" fw={600} c="gray.9">
@@ -295,7 +295,7 @@ function Examples() {
 										Send SEI tokens using Wagmi's transaction hooks with real-time status
 									</Text>
 								</Stack>
-								<Badge color="blue" variant="light" size="md" radius="md">
+								<Badge variant="outline" color="gray" size="md" radius="md">
 									transfer
 								</Badge>
 							</Flex>
@@ -329,8 +329,8 @@ function Examples() {
 										disabled={isPending || !address || !recipient || !amount}
 										size="md"
 										radius="md"
-										variant="light"
-										color="blue"
+										variant="filled"
+										color="seiMaroon"
 										px="sm"
 									>
 										{isPending ? <Loader size={16} /> : <IconSend size={16} />}
@@ -339,7 +339,7 @@ function Examples() {
 							</Paper>
 
 							{hash && (
-								<Alert color="blue" variant="light" radius="md" py={4}>
+								<Alert color="gray" variant="light" radius="md" py={4}>
 									<Stack gap={4}>
 										<Text size="xs" fw={600}>
 											Transaction Hash
@@ -377,7 +377,7 @@ function Examples() {
 									leftSection={showTransactionCode ? <IconChevronUp size={14} /> : <IconChevronDown size={14} />}
 									onClick={() => setShowTransactionCode(!showTransactionCode)}
 								>
-									{showTransactionCode ? 'Hide' : 'View'} Implementation
+									{showTransactionCode ? "Hide" : "View"} Implementation
 								</Button>
 								{showTransactionCode && (
 									<ActionIcon variant="subtle" color="gray" size="sm" radius="xl" onClick={() => copyToClipboard(transactionCodeExample)}>

package/dist/templates/next-template/src/components/index.ts

@@ -1,3 +1,3 @@
-export { default as Default } from './default';
-export { default as Landing } from './landing';
-export { default as Shell } from './shell';
+export { default as Default } from "./default";
+export { default as Landing } from "./landing";
+export { default as Shell } from "./shell";

package/dist/templates/next-template/src/components/landing/index.tsx

@@ -1,9 +1,11 @@
-'use client';
+"use client";
 
-import { Badge, Button, Card, Code, Container, Group, Stack, Text, ThemeIcon, Title } from '@mantine/core';
-import { ConnectButton } from '@rainbow-me/rainbowkit';
-import { IconBook, IconCode, IconRocket } from '@tabler/icons-react';
-import Link from 'next/link';
+import { Badge, Button, Card, Code, Container, Group, Stack, Text, ThemeIcon, Title } from "@mantine/core";
+import { ConnectButton } from "@rainbow-me/rainbowkit";
+import { IconBook, IconCode, IconRocket } from "@tabler/icons-react";
+import Link from "next/link";
+
+const technologyLabels = ["Next.js 15.5", "Mantine UI", "Tailwind CSS", "Biome", "RainbowKit", "Wagmi + Viem"];
 
 export default function Landing() {
 	return (
@@ -11,112 +13,32 @@ export default function Landing() {
 			<Stack gap="xl" align="center">
 				{/* Hero Section */}
 				<Stack gap="md" align="center" ta="center">
-					<Title order={1} size="h1" fw={700} c="gray.9">
+					<Title order={1} size="h1" fw={700} c="seiMaroon.9" className="sei-heading">
 						Welcome to Your Sei dApp
 					</Title>
 					<Text size="lg" c="dimmed" maw={600}>
-						A production-ready starter template built with Next.js, Mantine UI, RainbowKit, Tailwind CSS, and Wagmi with easy deployment to Vercel. Everything
-						you need to build and run production-grade dApps on Sei.
+						A production-ready starter template built with Next.js, Mantine UI, RainbowKit, Tailwind CSS, and Wagmi. Everything you need to build and run
+						production-grade dApps on Sei.
 					</Text>
 
 					{/* Tech Stack Badges */}
 					<Group gap="xs" mt="sm">
-						<Badge
-							variant="light"
-							color="blue"
-							style={{
-								backgroundColor: 'rgb(239 246 255)',
-								color: 'rgb(29 78 216)',
-								border: '1px solid rgb(191 219 254)',
-							}}
-						>
-							Next.js 14
-						</Badge>
-						<Badge
-							variant="light"
-							color="violet"
-							style={{
-								backgroundColor: 'rgb(250 245 255)',
-								color: 'rgb(109 40 217)',
-								border: '1px solid rgb(196 181 253)',
-							}}
-						>
-							Mantine UI
-						</Badge>
-						<Badge
-							variant="light"
-							color="cyan"
-							style={{
-								backgroundColor: 'rgb(236 254 255)',
-								color: 'rgb(14 116 144)',
-								border: '1px solid rgb(165 243 252)',
-							}}
-						>
-							Tailwind CSS
-						</Badge>
-						<Badge
-							variant="light"
-							color="yellow"
-							style={{
-								backgroundColor: 'rgb(254 249 195)',
-								color: 'rgb(161 98 7)',
-								border: '1px solid rgb(254 240 138)',
-							}}
-						>
-							Biome
-						</Badge>
-						<Badge
-							variant="light"
-							color="orange"
-							style={{
-								backgroundColor: 'rgb(255 247 237)',
-								color: 'rgb(194 65 12)',
-								border: '1px solid rgb(254 215 170)',
-							}}
-						>
-							RainbowKit
-						</Badge>
-						<Badge
-							variant="light"
-							color="teal"
-							style={{
-								backgroundColor: 'rgb(240 253 250)',
-								color: 'rgb(15 118 110)',
-								border: '1px solid rgb(153 246 228)',
-							}}
-						>
-							Wagmi + Viem
-						</Badge>
-						<Badge
-							variant="light"
-							color="dark"
-							style={{
-								backgroundColor: 'rgb(249 250 251)',
-								color: 'rgb(17 24 39)',
-								border: '1px solid rgb(209 213 219)',
-							}}
-						>
-							Vercel
-						</Badge>
+						{technologyLabels.map((label) => (
+							<Badge key={label} variant="outline" color="gray">
+								{label}
+							</Badge>
+						))}
 					</Group>
 				</Stack>
 
 				{/* Primary Call to Action - Connect Wallet */}
-				<Card
-					withBorder
-					radius="xl"
-					p="xl"
-					bg="gradient-to-r from-blue-50 to-purple-50"
-					w="100%"
-					maw={600}
-					style={{ border: '2px solid var(--mantine-color-blue-2)' }}
-				>
+				<Card withBorder radius="xl" p="xl" w="100%" maw={600} bg="white" style={{ border: "2px solid var(--sei-maroon)" }}>
 					<Stack gap="lg" align="center" ta="center">
-						<ThemeIcon size={64} radius="xl" color="blue" variant="light">
+						<ThemeIcon size={64} radius="xl" variant="outline" color="seiMaroon">
 							<IconRocket size={32} />
 						</ThemeIcon>
 						<Stack gap="sm" align="center">
-							<Text fw={700} size="xl" c="blue.8">
+							<Text fw={700} size="xl" c="seiMaroon.9" className="sei-heading">
 								Connect Your Wallet to Get Started
 							</Text>
 							<Text size="md" c="dimmed" maw={400}>
@@ -130,7 +52,7 @@ export default function Landing() {
 				{/* Development Tip */}
 				<Card withBorder radius="md" p="md" bg="gray.0" maw={600}>
 					<Text size="xs" c="dimmed" ta="center">
-						💡 <strong>Development Tip:</strong> Start by exploring the examples in the connected app, then customize{' '}
+						💡 <strong>Development Tip:</strong> Start by exploring the examples in the connected app, then customize{" "}
 						<Code>src/components/default/index.tsx</Code> to build your unique dApp features.
 					</Text>
 				</Card>

package/dist/templates/next-template/src/components/providers/index.ts

@@ -1 +1 @@
-export { default as Providers } from './providers';
+export { default as Providers } from "./providers";

package/dist/templates/next-template/src/components/providers/providers.tsx

@@ -1,42 +1,39 @@
 "use client";
 
-import { MantineProvider } from "@mantine/core";
+import { createTheme, MantineProvider } from "@mantine/core";
 import { Notifications } from "@mantine/notifications";
 import { connectorsForWallets, lightTheme, RainbowKitProvider } from "@rainbow-me/rainbowkit";
-import { metaMaskWallet } from "@rainbow-me/rainbowkit/wallets";
+import { injectedWallet } from "@rainbow-me/rainbowkit/wallets";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { type ReactNode, useMemo } from "react";
 import { createConfig, http, WagmiProvider } from "wagmi";
+import { SEI_NEUTRAL_RAMP } from "@/theme";
 
 import "@rainbow-me/rainbowkit/styles.css";
-import { defineChain } from "viem";
 import { sei, seiTestnet } from "viem/chains";
 
-const seiDevnet = defineChain({
-	id: 713715,
-	name: "Sei Devnet",
-	nativeCurrency: { name: "Sei", symbol: "SEI", decimals: 18 },
-	rpcUrls: {
-		default: {
-			http: ["https://evm-rpc-arctic-1.sei-apis.com"],
-		},
+const queryClient = new QueryClient();
+const theme = createTheme({
+	autoContrast: true,
+	colors: {
+		gray: SEI_NEUTRAL_RAMP,
+		seiGold: ["#966f22", "#966f22", "#966f22", "#966f22", "#966f22", "#966f22", "#966f22", "#966f22", "#966f22", "#966f22"],
+		seiMaroon: ["#600014", "#600014", "#600014", "#600014", "#600014", "#600014", "#600014", "#600014", "#600014", "#600014"],
 	},
-	blockExplorers: {
-		default: {
-			name: "Seitrace",
-			url: "https://seitrace.com",
-		},
+	fontFamily: "var(--sei-font-body)",
+	fontFamilyMonospace: "var(--sei-font-mono)",
+	headings: {
+		fontFamily: "var(--sei-font-display)",
 	},
-	testnet: true,
+	primaryColor: "seiMaroon",
+	primaryShade: 9,
 });
 
-const queryClient = new QueryClient();
-
 const connectors = connectorsForWallets(
 	[
 		{
 			groupName: "Recommended",
-			wallets: [metaMaskWallet],
+			wallets: [injectedWallet],
 		},
 	],
 	{
@@ -56,8 +53,6 @@ export default function Providers({ children }: ProvidersProps) {
 		switch (chainName.toLowerCase()) {
 			case "testnet":
 				return seiTestnet;
-			case "devnet":
-				return seiDevnet;
 			default:
 				return sei;
 		}
@@ -73,7 +68,6 @@ export default function Providers({ children }: ProvidersProps) {
 				transports: {
 					[sei.id]: http(),
 					[seiTestnet.id]: http(),
-					[seiDevnet.id]: http(),
 				},
 				ssr: true,
 			}),
@@ -83,11 +77,11 @@ export default function Providers({ children }: ProvidersProps) {
 	return (
 		<WagmiProvider config={config}>
 			<QueryClientProvider client={queryClient}>
-				<MantineProvider defaultColorScheme="light">
+				<MantineProvider defaultColorScheme="light" theme={theme}>
 					<Notifications />
 					<RainbowKitProvider
 						theme={lightTheme({
-							accentColor: "#9E1F19",
+							accentColor: "var(--sei-maroon)",
 							accentColorForeground: "white",
 							borderRadius: "medium",
 							fontStack: "system",

package/dist/templates/next-template/src/components/shell/index.ts

@@ -1 +1 @@
-export { default } from './shell';
+export { default } from "./shell";

package/dist/templates/next-template/src/components/shell/shell.tsx

@@ -13,19 +13,19 @@ export default function Shell({ children }: PropsWithChildren) {
 	const { disconnect } = useDisconnect();
 
 	return (
-		<AppShell header={{ height: 64 }} padding="md">
-			<AppShell.Header>
+		<AppShell header={{ height: 72 }} footer={{ height: 56 }} padding="md">
+			<AppShell.Header bg="white" style={{ borderColor: "var(--sei-neutral-50)" }}>
 				<Container size="xl" h="100%">
 					<Group justify="space-between" align="center" h="100%">
-						<Link href="/" aria-label="Sei">
-							<Image src="https://cdn.sei.io/assets/sei-icon.svg" alt="Sei" width={28} height={28} style={{ display: "block" }} />
+						<Link href="/" aria-label="Sei home" className="sei-brand-link">
+							<Image src="/brand/sei-lockup-light.svg" alt="Sei" width={104} height={40} priority style={{ display: "block" }} />
 						</Link>
 						<Group align="center" gap="md">
 							<ActionIcon
 								component={Link}
 								href="/resources"
 								variant="light"
-								c="gray"
+								color="gray"
 								size="lg"
 								radius="md"
 								aria-label="View Resources"
@@ -43,7 +43,7 @@ export default function Shell({ children }: PropsWithChildren) {
 								component={Link}
 								href="/development"
 								variant="light"
-								c="gray"
+								color="gray"
 								size="lg"
 								radius="md"
 								aria-label="View Development Guide"
@@ -60,7 +60,7 @@ export default function Shell({ children }: PropsWithChildren) {
 							{isConnected && address ? (
 								<ActionIcon
 									variant="light"
-									c="red"
+									color="red"
 									size="lg"
 									radius="md"
 									onClick={() => disconnect()}
@@ -83,6 +83,13 @@ export default function Shell({ children }: PropsWithChildren) {
 				</Container>
 			</AppShell.Header>
 			<AppShell.Main>{children}</AppShell.Main>
+			<AppShell.Footer bg="white" style={{ borderColor: "var(--sei-neutral-50)" }}>
+				<Container size="xl" h="100%">
+					<Group justify="center" align="center" h="100%">
+						<Image src="/brand/powered-by-sei-light.png" alt="Powered by Sei" width={192} height={28} style={{ display: "block" }} />
+					</Group>
+				</Container>
+			</AppShell.Footer>
 		</AppShell>
 	);
 }

package/dist/templates/next-template/src/theme.ts

@@ -0,0 +1 @@
+export const SEI_NEUTRAL_RAMP = ["#f5f5f7", "#f5f5f7", "#cccccc", "#999999", "#666666", "#666666", "#333333", "#333333", "#131313", "#000000"] as const;

package/package.json

@@ -1,18 +1,34 @@
 {
 	"name": "@sei-js/create-sei",
-	"version": "1.0.1",
+	"version": "2.0.1",
+	"description": "Scaffold new Sei applications with pre-configured templates and tooling",
+	"homepage": "https://github.com/sei-protocol/sei-js/tree/main/packages/create-sei#readme",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/sei-protocol/sei-js.git",
 		"directory": "packages/create-sei"
 	},
+	"license": "MIT",
 	"module": "dist/main.js",
 	"type": "module",
 	"bin": "./dist/main.js",
+	"files": [
+		"dist"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"exports": {
+		".": {
+			"import": "./dist/main.js",
+			"default": "./dist/main.js"
+		}
+	},
 	"scripts": {
-		"build": "rm -rf dist && tsc && chmod +x dist/main.js && rsync -av --exclude-from=.rsyncignore ./templates/ ./dist/templates/ && rsync -av --exclude-from=.rsyncignore ./extensions/ ./dist/extensions/",
-		"dev": "node --loader ts-node/esm src/main.ts",
-		"test": "jest"
+		"build": "rm -rf dist && tsc --project ./tsconfig.json && chmod +x dist/main.js && rsync -av --exclude-from=.rsyncignore ./templates/ ./dist/templates/ && rsync -av --exclude-from=.rsyncignore ./extensions/ ./dist/extensions/",
+		"dev": "bun src/main.ts",
+		"test": "bun test --isolate src",
+		"test:release": "bun scripts/smoke-generated-app.ts"
 	},
 	"dependencies": {
 		"boxen": "^7.1.1",
@@ -20,12 +36,7 @@
 		"inquirer": "^9.2.15"
 	},
 	"devDependencies": {
-		"@jest/globals": "^29.7.0",
-		"@types/jest": "^29.5.12",
 		"@types/node": "^20.14.10",
-		"jest": "^29.7.0",
-		"ts-jest": "^29.1.2",
-		"ts-node": "^10.9.2",
 		"typescript": "^5.5.3"
 	}
 }

package/.rsyncignore

@@ -1,11 +0,0 @@
-node_modules/
-.next/
-dist/
-build/
-package-lock.json
-.git/
-.DS_Store
-*.log
-coverage/
-.nyc_output/
-.cache/