@sei-js/create-sei 0.0.3 → 0.0.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sei-js/create-sei-app
 
+## 0.0.4
+
+### Patch Changes
+
+- 848c236: Remove cosmos from templates
+
 ## 0.0.3
 
 ### Patch Changes

package/dist/main.js

@@ -23,15 +23,6 @@ var FrontendScaffolding;
     FrontendScaffolding["Vite"] = "vite";
     FrontendScaffolding["Next"] = "next";
 })(FrontendScaffolding || (FrontendScaffolding = {}));
-export var RPCIntegrationType;
-(function (RPCIntegrationType) {
-    RPCIntegrationType["EVM"] = "evm";
-    RPCIntegrationType["CosmJS"] = "cosmos";
-})(RPCIntegrationType || (RPCIntegrationType = {}));
-export var EVMLibrary;
-(function (EVMLibrary) {
-    EVMLibrary["Wagmi"] = "wagmi";
-})(EVMLibrary || (EVMLibrary = {}));
 const promptFramework = async () => {
     const { appFramework } = await inquirer.prompt([
         {
@@ -43,28 +34,6 @@ const promptFramework = async () => {
     ]);
     return appFramework;
 };
-const promptRpcIntegrations = async () => {
-    const { rpcIntegrationType } = await inquirer.prompt([
-        {
-            type: 'list',
-            name: 'rpcIntegrationType',
-            message: 'Select the wallet connection type you want to include:',
-            choices: Object.values(RPCIntegrationType)
-        }
-    ]);
-    return rpcIntegrationType;
-};
-const promptEVMLibrary = async () => {
-    const { evmLibrary } = await inquirer.prompt([
-        {
-            type: 'list',
-            name: 'evmLibrary',
-            message: 'Choose your preferred EVM library:',
-            choices: Object.values(EVMLibrary)
-        }
-    ]);
-    return evmLibrary;
-};
 function isValidDirectoryName(dirName) {
     const illegalRe = /[<>:"/\\|?*]/g;
     const windowsReservedRe = /^(con|prn|aux|nul|com[1-9]|lpt[1-9])$/i;
@@ -94,20 +63,6 @@ const validateOptions = (options) => {
             valid = false;
         }
     }
-    if (options.ecosystem) {
-        const validEcosystems = Object.values(RPCIntegrationType);
-        if (!validEcosystems.includes(options.ecosystem)) {
-            console.log(`Invalid Ecosystem '${options.ecosystem}' provided. Framework must be one of: [${validEcosystems.join(', ')}]`);
-            valid = false;
-        }
-    }
-    if (options.library) {
-        const validEVMLibraries = Object.values(EVMLibrary);
-        if (!validEVMLibraries.includes(options.library)) {
-            console.log(`Invalid EVM Library '${options.library}' provided. Framework must be one of: [${validEVMLibraries.join(', ')}]`);
-            valid = false;
-        }
-    }
     return valid;
 };
 async function runWizard(options) {
@@ -133,11 +88,7 @@ async function runWizard(options) {
         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 templateName = `${appFramework}-${appConnectionType}-template`;
+    const templateName = `${appFramework}-template`;
     const templatePath = path.join(__dirname, 'templates', templateName);
     const dst = path.join(process.cwd(), dAppName);
     await fs.promises.cp(templatePath, dst, { recursive: true });
@@ -149,8 +100,6 @@ program
     .description('Create a new SEI dApp')
     .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'`)
     .action(async (options) => {
     try {
         await runWizard(options);

package/dist/templates/{next-wagmi-template → next-template}/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "template-next-wagmi-sei-app",
+	"name": "template-next-sei-app",
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {

package/{templates/vite-wagmi-template → dist/templates/vite-template}/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "template-vite-wagmi-sei-app",
+	"name": "template-vite-sei-app",
 	"private": true,
 	"version": "0.0.0",
 	"type": "module",

package/package.json

@@ -1,13 +1,12 @@
 {
 	"name": "@sei-js/create-sei",
-	"version": "0.0.3",
+	"version": "0.0.4",
 	"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",
-		"docs": "typedoc --out docs"
+		"dev": "node --loader ts-node/esm src/main.ts"
 	},
 	"dependencies": {
 		"boxen": "^7.1.1",

package/src/main.ts

@@ -30,20 +30,9 @@ enum FrontendScaffolding {
 	Next = 'next'
 }
 
-export enum RPCIntegrationType {
-	EVM = 'evm',
-	CosmJS = 'cosmos'
-}
-
-export enum EVMLibrary {
-	Wagmi = 'wagmi'
-}
-
 interface WizardOptions {
 	name?: string;
 	framework?: FrontendScaffolding;
-	ecosystem?: RPCIntegrationType;
-	library?: EVMLibrary;
 }
 
 const promptFramework = async () => {
@@ -59,32 +48,6 @@ const promptFramework = async () => {
 	return appFramework;
 };
 
-const promptRpcIntegrations = async () => {
-	const { rpcIntegrationType } = await inquirer.prompt([
-		{
-			type: 'list',
-			name: 'rpcIntegrationType',
-			message: 'Select the wallet connection type you want to include:',
-			choices: Object.values(RPCIntegrationType)
-		}
-	]);
-
-	return rpcIntegrationType;
-};
-
-const promptEVMLibrary = async () => {
-	const { evmLibrary } = await inquirer.prompt([
-		{
-			type: 'list',
-			name: 'evmLibrary',
-			message: 'Choose your preferred EVM library:',
-			choices: Object.values(EVMLibrary)
-		}
-	]);
-
-	return evmLibrary;
-};
-
 function isValidDirectoryName(dirName) {
 	const illegalRe = /[<>:"/\\|?*]/g;
 	const windowsReservedRe = /^(con|prn|aux|nul|com[1-9]|lpt[1-9])$/i;
@@ -121,22 +84,6 @@ const validateOptions = (options: WizardOptions): boolean => {
 		}
 	}
 
-	if (options.ecosystem) {
-		const validEcosystems = Object.values(RPCIntegrationType);
-		if (!validEcosystems.includes(options.ecosystem)) {
-			console.log(`Invalid Ecosystem '${options.ecosystem}' provided. Framework must be one of: [${validEcosystems.join(', ')}]`);
-			valid = false;
-		}
-	}
-
-	if (options.library) {
-		const validEVMLibraries = Object.values(EVMLibrary);
-		if (!validEVMLibraries.includes(options.library)) {
-			console.log(`Invalid EVM Library '${options.library}' provided. Framework must be one of: [${validEVMLibraries.join(', ')}]`);
-			valid = false;
-		}
-	}
-
 	return valid;
 };
 
@@ -166,12 +113,8 @@ async function runWizard(options: WizardOptions): Promise<void> {
 	}
 
 	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 templateName = `${appFramework}-template`;
 	const templatePath = path.join(__dirname, 'templates', templateName);
 	const dst = path.join(process.cwd(), dAppName);
 	await fs.promises.cp(templatePath, dst, { recursive: true });
@@ -185,8 +128,6 @@ program
 	.description('Create a new SEI dApp')
 	.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'`)
 	.action(async (options: WizardOptions) => {
 		try {
 			await runWizard(options);

package/templates/{next-wagmi-template → next-template}/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "template-next-wagmi-sei-app",
+	"name": "template-next-sei-app",
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {

package/{dist/templates/vite-wagmi-template → templates/vite-template}/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "template-vite-wagmi-sei-app",
+	"name": "template-vite-sei-app",
 	"private": true,
 	"version": "0.0.0",
 	"type": "module",

package/tsconfig.json

@@ -15,11 +15,5 @@
 		"noUnusedParameters": true,
 		"noFallthroughCasesInSwitch": true
 	},
-	"include": ["src"],
-	"typedocOptions": {
-		"readme": "./README.md",
-		"name": "create-sei",
-		"entryPoints": ["src/main.ts"],
-		"exclude": ["node_modules"]
-	}
+	"include": ["src"]
 }

package/dist/templates/next-cosmos-template/README.md

@@ -1,60 +0,0 @@
-# Next-Cosmos Sei App Template
-
-This repo provides a basic framework for an application that interacts with Sei via Cosmos endpoints.
-
-## Getting Started
-
-Install dependencies by running
-```bash
-npm install
-#or
-yarn
-```
-
-Then, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `src/app/page.tsx`. The page auto-updates as you edit the file.
-
-## Repository Basics
-This repository includes basic features that allow you to connect to a wallet and use the wallet to interact with the chain.
-
-Additionally, basic examples and links to documentation are provided on the example homepage in `src/app/components/Homepage`.
-
-### Web3 Provider
-This component is a Sei specific wrapper around CosmosKit Provider that should wrap the application. Wrapping the application in this provider will enable it to access hooks in CosmosKit. These hooks are enable connection to a wallet and interaction with the chain.
-
-To change the list of supported wallets, as well as connection configurations you can modify the `src/app/components/Web3Provider.tsx` component.
-
-### Wallet Connect Button
-This component provides an interface to connect your wallet to the application. It utilizies CosmosKit's hooks and modal.
-
-To customize the wallet connect button or connection logic, you can modify the `src/app/components/WalletConnectButton.tsx` component.
-
-### Changing the Chain
-This application connects to the arctic-1 devnet by default
-
-To change the chain the app connects to, edit the `selectedChain` variable in the `chain.ts` file in `src/app/constants`
-
-## Learn More
-
-### Next.js
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

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

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

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

@@ -1,31 +0,0 @@
-{
-	"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"
-	}
-}

package/dist/templates/next-cosmos-template/public/next.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/dist/templates/next-cosmos-template/public/vercel.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>

package/dist/templates/next-cosmos-template/src/app/components/Homepage/Examples.tsx

@@ -1,168 +0,0 @@
-import { getCosmWasmClient, getQueryClient, getSigningCosmWasmClient, getStargateClient } from '@sei-js/cosmjs';
-import { useState } from 'react';
-import { defaultUrls, selectedChain } from '../../constants';
-import { useChain } from '@cosmos-kit/react';
-
-import './Homepage.css';
-type ExampleProps = {
-	chainId: string;
-};
-
-function Examples({ chainId }: ExampleProps) {
-	const [balance, setBalance] = useState(0);
-	const [pool, setPool] = useState({ bonded_tokens: 0, not_bonded_tokens: 0 });
-	const [count, setCount] = useState(0);
-
-	const { address, getOfflineSignerAmino } = useChain(selectedChain.chain_name);
-
-	// Example of using the query client to query Sei modules
-	const getStakingPool = async () => {
-		const queryClient = await getQueryClient(defaultUrls[chainId].rest);
-		const result = await queryClient.cosmos.staking.v1beta1.pool({});
-		setPool(result.pool);
-	};
-
-	const renderStakingPoolExample = () => {
-		return (
-			<div className="card">
-				<div className="card-header">
-					<p className="card__title">Staking Pool</p>
-					<small className="card__description">
-						<a href="https://sei-protocol.github.io/sei-js/functions/cosmjs.getQueryClient.html" target="_blank">
-							Sei QueryClient
-						</a>{' '}
-						query example
-					</small>
-				</div>
-				<div className="card-body">
-					<div className="content-background space-between">
-						<small>Bonded Tokens</small>
-						<p>{pool ? pool.bonded_tokens : '---'} SEI</p>
-					</div>
-					<div className="content-background space-between">
-						<small>Unbonded Tokens</small>
-						<p>{pool ? pool.not_bonded_tokens : '---'} SEI</p>
-					</div>
-				</div>
-				<div className="card-footer">
-					<button onClick={getStakingPool}>Fetch Staking Data</button>
-				</div>
-			</div>
-		);
-	};
-
-	const getBalanceStargate = async () => {
-		if (!address) {
-			return undefined;
-		}
-		const queryClient = await getStargateClient(defaultUrls[chainId].rpc);
-		const useiBalance = await queryClient.getBalance(address, 'usei');
-		const seiBalance = Number(useiBalance.amount) / 1000000;
-		setBalance(seiBalance);
-	};
-
-	const renderBalanceExample = () => {
-		return (
-			<div className="card">
-				<div className="card-header">
-					<p className="card__title">Wallet Balance</p>
-					<small className="card__description">
-						<a href="https://cosmos.github.io/cosmjs/latest/stargate/classes/StargateClient.html" target="_blank">
-							Stargate Client
-						</a>{' '}
-						query example
-					</small>
-				</div>
-				<div className="card-body">
-					<div className="content-background space-between">
-						<small>SEI</small>
-						<p>{balance ? balance : '---'} SEI</p>
-					</div>
-				</div>
-				<div className="card-footer">
-					<button onClick={getBalanceStargate}>Fetch balance</button>
-				</div>
-			</div>
-		);
-	};
-
-	const fetchCount = async () => {
-		const cosmWasmClient = await getCosmWasmClient(defaultUrls[chainId].rpc);
-		console.log(cosmWasmClient);
-		const CONTRACT_ADDRESS = 'sei14hj2tavq8fpesdwxxcu44rty3hh90vhujrvcmstl4zr3txmfvw9sh9m79m';
-		const response = await cosmWasmClient.queryContractSmart(CONTRACT_ADDRESS, {
-			get_count: {}
-		});
-		const result = response?.count;
-		if (result) {
-			setCount(result);
-		}
-	};
-
-	const incrementCounter = async () => {
-		if (!address) {
-			return;
-		}
-		const offlineSigner = await getOfflineSignerAmino();
-		const signingCosmWasmClient = await getSigningCosmWasmClient(defaultUrls[chainId].rpc, offlineSigner);
-
-		try {
-			const senderAddress = address;
-			const CONTRACT_ADDRESS = 'sei14hj2tavq8fpesdwxxcu44rty3hh90vhujrvcmstl4zr3txmfvw9sh9m79m';
-
-			// Build message content
-			const msg = { increment: {} };
-
-			// Define gas price and limit
-			const fee = {
-				amount: [{ amount: '20000', denom: 'usei' }],
-				gas: '200000'
-			};
-
-			// Call smart contract execute msg
-			await signingCosmWasmClient?.execute(senderAddress, CONTRACT_ADDRESS, msg, fee);
-
-			await fetchCount();
-		} catch (error) {
-			console.log(error);
-		}
-	};
-
-	const renderCounterContractExample = () => {
-		return (
-			<div className="card">
-				<div className="card-header">
-					<p className="card__title">Smart contract interaction</p>
-					<small>
-						<a href="https://cosmos.github.io/cosmjs/latest/cosmwasm-stargate/classes/SigningCosmWasmClient.html" target="_blank">
-							CosmWasm Clients
-						</a>{' '}
-						example of smart contract interaction
-					</small>
-				</div>
-				<div className="card-body">
-					<div className="content-background space-between">
-						<small>Count</small>
-						<p>{count}</p>
-						<button className="small outline" onClick={incrementCounter}>
-							Increase
-						</button>
-					</div>
-				</div>
-				<div className="card-footer">
-					<button onClick={fetchCount}>Fetch count</button>
-				</div>
-			</div>
-		);
-	};
-
-	return (
-		<div className="grid">
-			{renderBalanceExample()}
-			{renderStakingPoolExample()}
-			{renderCounterContractExample()}
-		</div>
-	);
-}
-
-export default Examples;