@sei-js/create-sei 0.0.2 → 0.0.3

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

@@ -1,14 +1,16 @@
 /*
   1. Use a more-intuitive box-sizing model.
 */
-*, *::before, *::after {
-  box-sizing: border-box;
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
 }
 /*
   2. Remove default margin
 */
 * {
-  margin: 0;
+	margin: 0;
 }
 /*
   Typographic tweaks!
@@ -16,155 +18,166 @@
   4. Improve text rendering
 */
 body {
-  line-height: 1.5;
-  -webkit-font-smoothing: antialiased;
+	line-height: 1.5;
+	-webkit-font-smoothing: antialiased;
 }
 /*
   5. Improve media defaults
 */
-img, picture, video, canvas, svg {
-  display: block;
-  max-width: 100%;
+img,
+picture,
+video,
+canvas,
+svg {
+	display: block;
+	max-width: 100%;
 }
 /*
   6. Remove built-in form typography styles
 */
-input, button, textarea, select {
-  font: inherit;
+input,
+button,
+textarea,
+select {
+	font: inherit;
 }
 /*
   7. Avoid text overflows
 */
-p, h1, h2, h3, h4, h5, h6 {
-  overflow-wrap: break-word;
-  line-height: 1;
+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,
+#__next {
+	isolation: isolate;
 }
 
-
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
+	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);
+	color-scheme: light dark;
+	color: #000;
+	background: var(--background);
 
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+	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;
+	--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;
+	font-weight: 500;
+	color: var(--primary-color);
+	text-decoration: inherit;
 }
 a:hover {
-  color: var(--primary-color-hover)
+	color: var(--primary-color-hover);
 }
 
 body {
-  margin: 0;
-  padding: 0;
+	margin: 0;
+	padding: 0;
 }
 
 h1 {
-  font-size: 3.2em;
-  line-height: 1;
+	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);
+	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
+	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;
+	background-color: #b5afa7;
 }
 
 button:disabled {
-  filter:grayscale(1) opacity(0.5);
-  color: rgb(56, 55, 55);
-  pointer-events: none;
+	filter: grayscale(1) opacity(0.5);
+	color: rgb(56, 55, 55);
+	pointer-events: none;
 }
 
 button.primary {
-  background-color: var(--primary-color);
+	background-color: var(--primary-color);
 }
 button.outline {
-  background-color: transparent;
-  border: 1px solid var(--border);
+	background-color: transparent;
+	border: 1px solid var(--border);
 }
 
 button.primary:hover {
-  background-color: var(--primary-color-hover);
+	background-color: var(--primary-color-hover);
 }
 
 button.secondary {
-  background-color: #000;
-  color: black;
+	background-color: #000;
+	color: black;
 }
 
 button.secondary:hover {
-  background-color: #2b2b2b;
+	background-color: #2b2b2b;
 }
 
 button:active {
-  transform: translateY(1px);
+	transform: translateY(1px);
 }
 
 button.small {
-  padding: 0.4em 0.8em;
-  font-size: 0.8em;
+	padding: 0.4em 0.8em;
+	font-size: 0.8em;
 }
 
-
 button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-  outline-offset: 4px;
+	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;
+	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/vite-wagmi-template/src/main.tsx

@@ -1,12 +1,12 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
-import Web3Provider from './components/Web3Provider.tsx'
+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>,
-)
+	<React.StrictMode>
+		<Web3Provider>
+			<App />
+		</Web3Provider>
+	</React.StrictMode>
+);

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

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

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

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

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

@@ -1,14 +1,14 @@
 {
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
+	"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"]
+		"strict": true,
+		"noEmit": true
+	},
+	"include": ["vite.config.ts"]
 }

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

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

package/package.json

@@ -1,12 +1,13 @@
 {
 	"name": "@sei-js/create-sei",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"module": "dist/main.js",
 	"type": "module",
 	"bin": "./dist/main.js",
 	"scripts": {
 		"build": "tsc && cp -r ./templates ./dist/templates",
-		"dev": "node --loader ts-node/esm src/main.ts"
+		"dev": "node --loader ts-node/esm src/main.ts",
+		"docs": "typedoc --out docs"
 	},
 	"dependencies": {
 		"boxen": "^7.1.1",

package/src/main.ts

@@ -1,11 +1,11 @@
 #!/usr/bin/env node
-import inquirer from 'inquirer';
 import boxen from 'boxen';
+import inquirer from 'inquirer';
 
-import path from 'path';
-import fs from 'fs';
-import { fileURLToPath } from 'url';
-import { dirname } from 'path';
+import fs from 'node:fs';
+import path from 'node:path';
+import { dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { Command } from 'commander';
 
 const __filename = fileURLToPath(import.meta.url);
@@ -23,8 +23,7 @@ const printWelcomeMessage = () => {
 			borderColor: '#932C23'
 		})
 	);
-}
-
+};
 
 enum FrontendScaffolding {
 	Vite = 'vite',
@@ -48,7 +47,7 @@ interface WizardOptions {
 }
 
 const promptFramework = async () => {
-	const {appFramework} = await inquirer.prompt([
+	const { appFramework } = await inquirer.prompt([
 		{
 			type: 'list',
 			name: 'appFramework',
@@ -58,10 +57,10 @@ const promptFramework = async () => {
 	]);
 
 	return appFramework;
-}
+};
 
 const promptRpcIntegrations = async () => {
-	const {rpcIntegrationType} = await inquirer.prompt([
+	const { rpcIntegrationType } = await inquirer.prompt([
 		{
 			type: 'list',
 			name: 'rpcIntegrationType',
@@ -74,7 +73,7 @@ const promptRpcIntegrations = async () => {
 };
 
 const promptEVMLibrary = async () => {
-	const {evmLibrary} = await inquirer.prompt([
+	const { evmLibrary } = await inquirer.prompt([
 		{
 			type: 'list',
 			name: 'evmLibrary',
@@ -87,19 +86,20 @@ const promptEVMLibrary = async () => {
 };
 
 function isValidDirectoryName(dirName) {
-	const illegalRe = /[<>:"/\\|?*\x00-\x1F]/g;
+	const illegalRe = /[<>:"/\\|?*]/g;
 	const windowsReservedRe = /^(con|prn|aux|nul|com[1-9]|lpt[1-9])$/i;
 	const trailingRe = /[. ]+$/;
 	const validNpmPackageRe = /^(?:@[a-z0-9-*~][a-z0-9-*._~]*)?[a-z0-9-~][a-z0-9-._~]*$/;
-  
+
 	if (typeof dirName !== 'string' || dirName.length === 0) {
-	  return false;
+		return false;
 	}
-  
+
+	// Check for illegal characters, Windows reserved names, trailing spaces/dots
 	if (illegalRe.test(dirName) || windowsReservedRe.test(dirName) || trailingRe.test(dirName) || !validNpmPackageRe.test(dirName)) {
-	  return false;
+		return false;
 	}
-  
+
 	return true;
 }
 
@@ -138,20 +138,19 @@ const validateOptions = (options: WizardOptions): boolean => {
 	}
 
 	return valid;
-}
+};
 
 async function runWizard(options: WizardOptions): Promise<void> {
 	if (!validateOptions(options)) {
 		return;
 	}
-	
+
 	printWelcomeMessage();
 
 	let dAppName = '';
 	if (options.name) {
-		dAppName = options.name
-	}
-	else {
+		dAppName = options.name;
+	} else {
 		const promptResult = await inquirer.prompt([
 			{
 				type: 'input',
@@ -163,19 +162,19 @@ async function runWizard(options: WizardOptions): Promise<void> {
 			}
 		]);
 
-		dAppName = promptResult.dAppName
-	}	
+		dAppName = promptResult.dAppName;
+	}
 
-	const appFramework = options.framework || await promptFramework();
-	let appConnectionType = options.ecosystem || await promptRpcIntegrations();
-	if (appConnectionType == RPCIntegrationType.EVM) {
-		appConnectionType = options.library || await promptEVMLibrary();
+	const appFramework = options.framework || (await promptFramework());
+	let appConnectionType = options.ecosystem || (await promptRpcIntegrations());
+	if (appConnectionType === RPCIntegrationType.EVM) {
+		appConnectionType = options.library || (await promptEVMLibrary());
 	}
 
 	const templateName = `${appFramework}-${appConnectionType}-template`;
-	const templatePath = path.join(__dirname, 'templates', templateName)
-	const dst = path.join(process.cwd(), dAppName)
-	await fs.promises.cp(templatePath,  dst, {recursive: true})
+	const templatePath = path.join(__dirname, 'templates', templateName);
+	const dst = path.join(process.cwd(), dAppName);
+	await fs.promises.cp(templatePath, dst, { recursive: true });
 
 	console.log(`Project setup complete! Using template ${templateName}\n`);
 	console.log(`To start your app, run: \n > cd ${dAppName} \n > yarn \n > yarn dev\n`);
@@ -184,7 +183,7 @@ async function runWizard(options: WizardOptions): Promise<void> {
 program
 	.command('app')
 	.description('Create a new SEI dApp')
-	.option('-n, --name <name>', `Specify the name of your dApp. Name must be a valid package name.`)
+	.option('-n, --name <name>', 'Specify the name of your dApp. Name must be a valid package name.')
 	.option('-f, --framework <framework>', `Specify the app framework to use: [${Object.values(FrontendScaffolding).join(', ')}]`)
 	.option('-e, --ecosystem <ecosystem>', `Specify the ecosystem to use: [${Object.values(RPCIntegrationType).join(', ')}]`)
 	.option('-l, --library <library>', `Specify the EVM library to use: [${Object.values(EVMLibrary).join(', ')}]. Only used if ecosystem chosen is 'EVM'`)
@@ -197,4 +196,3 @@ program
 	});
 
 program.parse(process.argv);
-

package/templates/next-cosmos-template/.eslintrc.json

@@ -1,3 +1,3 @@
 {
-  "extends": "next/core-web-vitals"
+	"extends": "next/core-web-vitals"
 }

package/templates/next-cosmos-template/next.config.mjs

@@ -1,14 +1,14 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    images: {
-        remotePatterns: [
-            {
-                protocol: 'https',
-                hostname: 'cdn.sei.io',
-                port: '',
-            },
-        ],
-    },
+	images: {
+		remotePatterns: [
+			{
+				protocol: 'https',
+				hostname: 'cdn.sei.io',
+				port: ''
+			}
+		]
+	}
 };
 
 export default nextConfig;

package/templates/next-cosmos-template/package.json

@@ -1,31 +1,31 @@
 {
-  "name": "template-next-cosmos-sei-app",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@cosmos-kit/react": "^2.17.0",
-    "@interchain-ui/react": "1.23.21",
-    "@interchain-ui/react-no-ssr": "^0.1.4",
-    "@sei-js/cosmjs": "^1.0.7",
-    "@tanstack/react-query": "^5.45.1",
-    "chain-registry": "^1.63.5",
-    "cosmos-kit": "^2.18.0",
-    "next": "14.2.4",
-    "pino-pretty": "^11.2.1",
-    "react": "^18",
-    "react-dom": "^18"
-  },
-  "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint-config-next": "14.2.4",
-    "typescript": "^5"
-  }
+	"name": "template-next-cosmos-sei-app",
+	"version": "0.1.0",
+	"private": true,
+	"scripts": {
+		"dev": "next dev",
+		"build": "next build",
+		"start": "next start",
+		"lint": "next lint"
+	},
+	"dependencies": {
+		"@cosmos-kit/react": "^2.17.0",
+		"@interchain-ui/react": "1.23.21",
+		"@interchain-ui/react-no-ssr": "^0.1.4",
+		"@sei-js/cosmjs": "^1.0.7",
+		"@tanstack/react-query": "^5.45.1",
+		"chain-registry": "^1.63.5",
+		"cosmos-kit": "^2.18.0",
+		"next": "14.2.4",
+		"pino-pretty": "^11.2.1",
+		"react": "^18",
+		"react-dom": "^18"
+	},
+	"devDependencies": {
+		"@types/node": "^20",
+		"@types/react": "^18",
+		"@types/react-dom": "^18",
+		"eslint-config-next": "14.2.4",
+		"typescript": "^5"
+	}
 }