@sei-js/create-sei 1.0.0 → 2.0.0

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

@@ -1,28 +1,44 @@
-'use client';
+"use client";
 
-import { MantineProvider } from '@mantine/core';
-import { Notifications } from '@mantine/notifications';
-import { RainbowKitProvider, connectorsForWallets, lightTheme } from '@rainbow-me/rainbowkit';
-import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { type ReactNode, useMemo } from 'react';
-import { http, WagmiProvider, createConfig } from 'wagmi';
+import { createTheme, MantineProvider } from "@mantine/core";
+import { Notifications } from "@mantine/notifications";
+import { connectorsForWallets, lightTheme, RainbowKitProvider } from "@rainbow-me/rainbowkit";
+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 { sei, seiDevnet, seiTestnet } from 'viem/chains';
+import "@rainbow-me/rainbowkit/styles.css";
+import { sei, seiTestnet } from "viem/chains";
 
 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"],
+	},
+	fontFamily: "var(--sei-font-body)",
+	fontFamilyMonospace: "var(--sei-font-mono)",
+	headings: {
+		fontFamily: "var(--sei-font-display)",
+	},
+	primaryColor: "seiMaroon",
+	primaryShade: 9,
+});
 
 const connectors = connectorsForWallets(
 	[
 		{
-			groupName: 'Recommended',
-			wallets: [metaMaskWallet],
+			groupName: "Recommended",
+			wallets: [injectedWallet],
 		},
 	],
 	{
-		appName: 'Sei dApp',
-		projectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID || 'your-project-id',
+		appName: "Sei dApp",
+		projectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID || "your-project-id",
 	}
 );
 
@@ -33,12 +49,10 @@ interface ProvidersProps {
 export default function Providers({ children }: ProvidersProps) {
 	// Chain selection via environment variable, defaults to sei mainnet
 	const getSelectedChain = () => {
-		const chainName = process.env.NEXT_PUBLIC_CHAIN || 'mainnet';
+		const chainName = process.env.NEXT_PUBLIC_CHAIN || "mainnet";
 		switch (chainName.toLowerCase()) {
-			case 'testnet':
+			case "testnet":
 				return seiTestnet;
-			case 'devnet':
-				return seiDevnet;
 			default:
 				return sei;
 		}
@@ -54,7 +68,6 @@ export default function Providers({ children }: ProvidersProps) {
 				transports: {
 					[sei.id]: http(),
 					[seiTestnet.id]: http(),
-					[seiDevnet.id]: http(),
 				},
 				ssr: true,
 			}),
@@ -64,18 +77,18 @@ 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',
-							accentColorForeground: 'white',
-							borderRadius: 'medium',
-							fontStack: 'system',
+							accentColor: "var(--sei-maroon)",
+							accentColorForeground: "white",
+							borderRadius: "medium",
+							fontStack: "system",
 						})}
 						appInfo={{
-							appName: 'Sei dApp',
-							learnMoreUrl: 'https://docs.sei.io/learn/wallets',
+							appName: "Sei dApp",
+							learnMoreUrl: "https://docs.sei.io/learn/wallets",
 						}}
 						modalSize="compact"
 						initialChain={chain.id}

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

@@ -1,38 +1,39 @@
-'use client';
+"use client";
 
-import { ActionIcon, AppShell, Container, Group } from '@mantine/core';
-import { ConnectButton } from '@rainbow-me/rainbowkit';
-import { IconBook, IconCode, IconLogout } from '@tabler/icons-react';
-import Link from 'next/link';
-import type { PropsWithChildren } from 'react';
-import { useAccount, useDisconnect } from 'wagmi';
+import { ActionIcon, AppShell, Container, Group } from "@mantine/core";
+import { ConnectButton } from "@rainbow-me/rainbowkit";
+import { IconBook, IconCode, IconLogout } from "@tabler/icons-react";
+import Image from "next/image";
+import Link from "next/link";
+import type { PropsWithChildren } from "react";
+import { useAccount, useDisconnect } from "wagmi";
 
 export default function Shell({ children }: PropsWithChildren) {
 	const { address, isConnected } = useAccount();
 	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">
-							<img src="https://cdn.sei.io/assets/sei-icon.svg" alt="Sei" style={{ height: 28, 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"
 								style={{
-									transition: 'all 0.2s ease',
-									'&:hover': {
-										transform: 'translateY(-1px)',
-										boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+									transition: "all 0.2s ease",
+									"&:hover": {
+										transform: "translateY(-1px)",
+										boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)",
 									},
 								}}
 							>
@@ -42,15 +43,15 @@ 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"
 								style={{
-									transition: 'all 0.2s ease',
-									'&:hover': {
-										transform: 'translateY(-1px)',
-										boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+									transition: "all 0.2s ease",
+									"&:hover": {
+										transform: "translateY(-1px)",
+										boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)",
 									},
 								}}
 							>
@@ -59,16 +60,16 @@ export default function Shell({ children }: PropsWithChildren) {
 							{isConnected && address ? (
 								<ActionIcon
 									variant="light"
-									c="red"
+									color="red"
 									size="lg"
 									radius="md"
 									onClick={() => disconnect()}
 									aria-label="Disconnect Wallet"
 									style={{
-										transition: 'all 0.2s ease',
-										'&:hover': {
-											transform: 'translateY(-1px)',
-											boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
+										transition: "all 0.2s ease",
+										"&:hover": {
+											transform: "translateY(-1px)",
+											boxShadow: "0 4px 12px rgba(0, 0, 0, 0.1)",
 										},
 									}}
 								>
@@ -82,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/dist/templates/next-template/tailwind.config.js

@@ -1,17 +1,5 @@
+// Tailwind v4 uses CSS-first configuration.
+// Custom theme values are defined in src/app/globals.css via @theme.
+// This file is kept as an empty config for compatibility.
 /** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-  ],
-  theme: {
-    extend: {
-      colors: {
-        'sei-red': '#9E1F19',
-        'sei-dark': '#1a1a1a',
-      },
-    },
-  },
-  plugins: [],
-}
+module.exports = {};

package/package.json

@@ -1,13 +1,34 @@
 {
 	"name": "@sei-js/create-sei",
-	"version": "1.0.0",
+	"version": "2.0.0",
+	"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",
@@ -15,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,13 +0,0 @@
-node_modules/
-.next/
-dist/
-build/
-.yarn/
-yarn.lock
-package-lock.json
-.git/
-.DS_Store
-*.log
-coverage/
-.nyc_output/
-.cache/

package/CHANGELOG.md

@@ -1,114 +0,0 @@
-# @sei-js/create-sei-app
-
-## 1.0.0
-
-### Major Changes
-
-- 92fd8fd: Updated default template and added extensions
-
-## 0.0.4
-
-### Patch Changes
-
-- 848c236: Remove cosmos from templates
-
-## 0.0.3
-
-### Patch Changes
-
-- a64da08: Update README files in NPM
-
-## 0.0.2
-
-### Patch Changes
-
-- cd65a51: Fix broken NPM publish for all packages
-
-## 0.0.1
-
-### Patch Changes
-
-- d6e74ed: Update package structure and building of all @sei-js packages
-
-## 0.0.0
-
-### Major Changes
-
-- e3a4c8e: First release
-
-## 0.0.0-internal-20240718212746
-
-### Major Changes
-
-- test
-
-## 0.0.0-internal-20240718212405
-
-### Major Changes
-
-- test ver final
-
-## 0.0.0-internal-20240717005255
-
-### Major Changes
-
-- edit
-
-## 0.0.0-internal-20240717005002
-
-### Major Changes
-
-- with options
-
-## 0.0.0-internal-20240717003256
-
-### Major Changes
-
-- First version
-
-## 0.0.0-internal-20240716075531
-
-### Major Changes
-
-- first v
-
-## 0.0.0-internal-20240716074905
-
-### Major Changes
-
-- First version
-
-## 0.0.0-internal-20240708205128
-
-### Major Changes
-
-- first release
-
-## 0.0.0-internal-20240708184136
-
-### Major Changes
-
-- First release
-
-## 0.0.0-internal-20240708170805
-
-### Major Changes
-
-- release create sei
-
-## 0.0.0-internal-20240708163140
-
-### Major Changes
-
-- Update Templates
-- 0917789: Major release
-
-## 0.0.0-internal-20240701161539
-
-### Major Changes
-
-- 6b3cf5a: Instantiates the Create Sei App package
-
-### Minor Changes
-
-- changes

package/biome.json

@@ -1,8 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
-  "extends": ["../../biome.json"],
-  "files": {
-    "ignoreUnknown": false,
-    "ignore": ["templates/**"]
-  }
-}

package/dist/extensions/precompiles/package.json

@@ -1,44 +0,0 @@
-{
-	"name": "template-next-create-sei-app-precompiles",
-	"version": "0.1.0",
-	"private": true,
-	"scripts": {
-		"dev": "next dev",
-		"build": "next build",
-		"start": "next start",
-		"lint": "biome lint .",
-		"lint:fix": "biome lint --write .",
-		"format": "biome format --write .",
-		"format:check": "biome format .",
-		"check": "biome check .",
-		"check:fix": "biome check --write .",
-		"deploy": "vercel --prod"
-	},
-	"dependencies": {
-		"@mantine/code-highlight": "^8.2.5",
-		"@mantine/core": "^8.2.5",
-		"@mantine/hooks": "^8.2.5",
-		"@mantine/notifications": "^8.2.5",
-		"@rainbow-me/rainbowkit": "^2.2.8",
-		"@sei-js/precompiles": "^2.1.2",
-		"@tabler/icons-react": "^3.34.1",
-		"@tailwindcss/postcss": "^4.1.12",
-		"@tanstack/react-query": "^5.85.3",
-		"ethers": "^6.15.0",
-		"next": "15.4.7",
-		"pino-pretty": "^13.1.1",
-		"react": "^19.1.1",
-		"react-dom": "^19.1.1",
-		"viem": "^2.34.0",
-		"wagmi": "^2.16.4"
-	},
-	"devDependencies": {
-		"@types/node": "^24.3.0",
-		"@types/react": "^19.1.10",
-		"@types/react-dom": "^19.1.7",
-		"autoprefixer": "^10.4.21",
-		"postcss": "^8.4.45",
-		"tailwindcss": "^4.1.12",
-		"typescript": "^5.9.2"
-	}
-}

package/dist/main.test.js

@@ -1,34 +0,0 @@
-import { describe, test, expect, beforeEach, afterEach } from '@jest/globals';
-import { promises as fs } from 'node:fs';
-import path from 'node:path';
-describe('Extension System', () => {
-    const testDir = path.join(process.cwd(), 'test-output');
-    const extensionsDir = path.join(process.cwd(), 'extensions');
-    beforeEach(async () => {
-        // Clean up test directory
-        try {
-            await fs.rm(testDir, { recursive: true, force: true });
-        }
-        catch (e) {
-            // Directory might not exist
-        }
-        await fs.mkdir(testDir, { recursive: true });
-    });
-    afterEach(async () => {
-        // Clean up test directory
-        try {
-            await fs.rm(testDir, { recursive: true, force: true });
-        }
-        catch (e) {
-            // Directory might not exist
-        }
-    });
-    test('should list available extensions', async () => {
-        const extensionExists = await fs.access(path.join(extensionsDir, 'precompiles'))
-            .then(() => true)
-            .catch(() => false);
-        expect(extensionExists).toBe(true);
-        const extensionFiles = await fs.readdir(extensionsDir);
-        expect(extensionFiles).toContain('precompiles');
-    });
-});

package/extensions/precompiles/package.json

@@ -1,44 +0,0 @@
-{
-	"name": "template-next-create-sei-app-precompiles",
-	"version": "0.1.0",
-	"private": true,
-	"scripts": {
-		"dev": "next dev",
-		"build": "next build",
-		"start": "next start",
-		"lint": "biome lint .",
-		"lint:fix": "biome lint --write .",
-		"format": "biome format --write .",
-		"format:check": "biome format .",
-		"check": "biome check .",
-		"check:fix": "biome check --write .",
-		"deploy": "vercel --prod"
-	},
-	"dependencies": {
-		"@mantine/code-highlight": "^8.2.5",
-		"@mantine/core": "^8.2.5",
-		"@mantine/hooks": "^8.2.5",
-		"@mantine/notifications": "^8.2.5",
-		"@rainbow-me/rainbowkit": "^2.2.8",
-		"@sei-js/precompiles": "^2.1.2",
-		"@tabler/icons-react": "^3.34.1",
-		"@tailwindcss/postcss": "^4.1.12",
-		"@tanstack/react-query": "^5.85.3",
-		"ethers": "^6.15.0",
-		"next": "15.4.7",
-		"pino-pretty": "^13.1.1",
-		"react": "^19.1.1",
-		"react-dom": "^19.1.1",
-		"viem": "^2.34.0",
-		"wagmi": "^2.16.4"
-	},
-	"devDependencies": {
-		"@types/node": "^24.3.0",
-		"@types/react": "^19.1.10",
-		"@types/react-dom": "^19.1.7",
-		"autoprefixer": "^10.4.21",
-		"postcss": "^8.4.45",
-		"tailwindcss": "^4.1.12",
-		"typescript": "^5.9.2"
-	}
-}