@sei-js/create-sei 0.0.1 → 0.0.2

package/dist/templates/next-wagmi-template/src/app/components/Web3Provider.tsx

@@ -0,0 +1,73 @@
+'use client';
+
+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/dist/templates/next-wagmi-template/src/app/components/index.ts

@@ -0,0 +1,2 @@
+export * from './Homepage/Homepage'
+export * from './Web3Provider'

package/dist/templates/next-wagmi-template/src/app/constants/chain.ts

@@ -0,0 +1,7 @@
+// Set your selected chain here
+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/dist/templates/next-wagmi-template/src/app/constants/index.ts

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

package/dist/templates/next-wagmi-template/src/app/index.css

@@ -0,0 +1,171 @@
+/*
+  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);
+  color: #fff;
+}
+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: #fff;
+}
+
+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/dist/templates/next-wagmi-template/src/app/layout.tsx

@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "Sei Next App (Wagmi)",
+  description: "Generated by create sei app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  );
+}

package/dist/templates/next-wagmi-template/src/app/page.tsx

@@ -0,0 +1,21 @@
+import { ConnectButton } from "@rainbow-me/rainbowkit";
+import Web3Provider from "./components/Web3Provider";
+import Homepage from "./components/Homepage/Homepage";
+
+import './index.css'
+
+export default function Home() {
+  return (
+    <Web3Provider>
+      <div className="header">
+        <ConnectButton 
+            showBalance={{
+            smallScreen: false,
+            largeScreen: true,
+            }}
+          />
+      </div>
+      <Homepage/>
+    </Web3Provider>
+  );
+}

package/dist/templates/next-wagmi-template/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}