@sei-js/create-sei 0.0.4 → 1.0.0

package/templates/vite-template/src/components/Web3Provider.tsx

@@ -1,72 +0,0 @@
-import { RainbowKitProvider, connectorsForWallets, lightTheme } from '@rainbow-me/rainbowkit';
-import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';
-import { Buffer } from 'buffer';
-import { ReactNode, useMemo } from 'react';
-import { WagmiProvider, createConfig, http } from 'wagmi';
-
-import '@rainbow-me/rainbowkit/styles.css';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { selectedChain } from '../constants';
-
-const queryClient = new QueryClient();
-
-interface Web3ProviderProps {
-	children: ReactNode;
-}
-
-const connectors = connectorsForWallets(
-	[
-		{
-			groupName: 'Recommended',
-			wallets: [metaMaskWallet]
-		}
-	],
-	{
-		appName: '<YOUR_APPNAME_HERE>',
-		projectId: '<YOUR_ID_HERE>'
-	}
-);
-
-function Web3Provider({ children }: Web3ProviderProps) {
-	// Buffer polyfill
-	if (typeof window !== 'undefined') {
-		window.Buffer = window.Buffer ?? Buffer;
-	}
-	const chainConfig = selectedChain;
-	const config = useMemo(
-		() =>
-			createConfig({
-				chains: [chainConfig],
-				connectors,
-				transports: {
-					[chainConfig.id]: http()
-				}
-			}),
-		[chainConfig]
-	);
-
-	return (
-		<WagmiProvider config={config}>
-			<QueryClientProvider client={queryClient}>
-				<RainbowKitProvider
-					theme={lightTheme({
-						accentColor: '#7e1914',
-						accentColorForeground: 'white',
-						borderRadius: 'medium',
-						fontStack: 'system'
-					})}
-					appInfo={{
-						appName: '<APP-NAME-HERE>',
-						learnMoreUrl: 'https://www.docs.sei.io/user-guides/wallet-setup'
-					}}
-					modalSize="compact"
-					initialChain={chainConfig.id}
-				>
-					{children}
-				</RainbowKitProvider>
-			</QueryClientProvider>
-		</WagmiProvider>
-	);
-}
-
-export default Web3Provider;

package/templates/vite-template/src/constants/chain.ts

@@ -1,6 +0,0 @@
-import { seiDevnet } from 'viem/chains';
-
-// Set your selected chain here
-// To point to mainnet, use sei.
-// To point to testnet, use seiTestnet.
-export const selectedChain = seiDevnet;

package/templates/vite-template/src/constants/index.ts

@@ -1 +0,0 @@
-export * from './chain';

package/templates/vite-template/src/index.css

@@ -1,183 +0,0 @@
-/*
-  1. Use a more-intuitive box-sizing model.
-*/
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-/*
-  2. Remove default margin
-*/
-* {
-	margin: 0;
-}
-/*
-  Typographic tweaks!
-  3. Add accessible line-height
-  4. Improve text rendering
-*/
-body {
-	line-height: 1.5;
-	-webkit-font-smoothing: antialiased;
-}
-/*
-  5. Improve media defaults
-*/
-img,
-picture,
-video,
-canvas,
-svg {
-	display: block;
-	max-width: 100%;
-}
-/*
-  6. Remove built-in form typography styles
-*/
-input,
-button,
-textarea,
-select {
-	font: inherit;
-}
-/*
-  7. Avoid text overflows
-*/
-p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-	overflow-wrap: break-word;
-	line-height: 1;
-}
-/*
-  8. Create a root stacking context
-*/
-#root,
-#__next {
-	isolation: isolate;
-}
-
-:root {
-	font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-	line-height: 1.5;
-	font-weight: 400;
-
-	color-scheme: light dark;
-	color: #000;
-	background: var(--background);
-
-	font-synthesis: none;
-	text-rendering: optimizeLegibility;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-
-	--primary-color: #9f1239;
-	--primary-color-hover: #7f0a2e;
-	--background: linear-gradient(180deg, #f5f5f4 0%, #fff 100%);
-	--border: #d6d3d1;
-	--card: #fff;
-	--card-foreground: #242424;
-}
-
-a {
-	font-weight: 500;
-	color: var(--primary-color);
-	text-decoration: inherit;
-}
-a:hover {
-	color: var(--primary-color-hover);
-}
-
-body {
-	margin: 0;
-	padding: 0;
-}
-
-h1 {
-	font-size: 3.2em;
-	line-height: 1;
-}
-code {
-	font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
-	display: inline-flex;
-	border-radius: 4px;
-	padding: 0.1rem 0.4rem;
-	background-color: #d7cccc;
-	color: var(--card-foreground);
-}
-
-button {
-	border-radius: 4rem;
-	border: 1px solid transparent;
-	padding: 0.6em 1.2em;
-	font-size: 1em;
-	font-weight: 500;
-	font-family: inherit;
-	background-color: #cec9c1;
-	cursor: pointer;
-	transition: all 0.25s ease;
-	color: black;
-}
-button:hover {
-	background-color: #b5afa7;
-}
-
-button:disabled {
-	filter: grayscale(1) opacity(0.5);
-	color: rgb(56, 55, 55);
-	pointer-events: none;
-}
-
-button.primary {
-	background-color: var(--primary-color);
-}
-button.outline {
-	background-color: transparent;
-	border: 1px solid var(--border);
-}
-
-button.primary:hover {
-	background-color: var(--primary-color-hover);
-}
-
-button.secondary {
-	background-color: #000;
-	color: black;
-}
-
-button.secondary:hover {
-	background-color: #2b2b2b;
-}
-
-button:active {
-	transform: translateY(1px);
-}
-
-button.small {
-	padding: 0.4em 0.8em;
-	font-size: 0.8em;
-}
-
-button:focus-visible {
-	outline: 4px auto -webkit-focus-ring-color;
-	outline-offset: 4px;
-}
-
-.header {
-	width: 100%;
-	height: 4rem;
-	padding: 0 1%;
-	display: flex;
-	align-items: center;
-	justify-content: right;
-	background-color: transparent;
-	border-bottom: 1px solid var(--border);
-	position: sticky;
-	top: 0;
-	background: #f5f5f4;
-}

package/templates/vite-template/src/main.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App.tsx';
-import Web3Provider from './components/Web3Provider.tsx';
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-	<React.StrictMode>
-		<Web3Provider>
-			<App />
-		</Web3Provider>
-	</React.StrictMode>
-);

package/templates/vite-template/src/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/templates/vite-template/tsconfig.app.json

@@ -1,25 +0,0 @@
-{
-	"compilerOptions": {
-		"composite": true,
-		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-		"target": "ES2020",
-		"useDefineForClassFields": true,
-		"lib": ["ES2020", "DOM", "DOM.Iterable"],
-		"module": "ESNext",
-		"skipLibCheck": true,
-
-		"moduleResolution": "bundler",
-		"allowImportingTsExtensions": true,
-		"resolveJsonModule": true,
-		"isolatedModules": true,
-		"moduleDetection": "force",
-		"noEmit": true,
-		"jsx": "react-jsx",
-
-		"strict": true,
-		"noUnusedLocals": true,
-		"noUnusedParameters": true,
-		"noFallthroughCasesInSwitch": true
-	},
-	"include": ["src"]
-}

package/templates/vite-template/tsconfig.json

@@ -1,11 +0,0 @@
-{
-	"files": [],
-	"references": [
-		{
-			"path": "./tsconfig.app.json"
-		},
-		{
-			"path": "./tsconfig.node.json"
-		}
-	]
-}

package/templates/vite-template/tsconfig.node.json

@@ -1,14 +0,0 @@
-{
-	"compilerOptions": {
-		"composite": true,
-		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-		"skipLibCheck": true,
-		"module": "ESNext",
-		"moduleResolution": "bundler",
-		"allowSyntheticDefaultImports": true,
-		"allowImportingTsExtensions": true,
-		"strict": true,
-		"noEmit": true
-	},
-	"include": ["vite.config.ts"]
-}

package/templates/vite-template/vite.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-	plugins: [react()],
-	optimizeDeps: {
-		exclude: ['js-big-decimal']
-	}
-});