fix: homepage

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.github/workflows/auto-deprecate.yml

@@ -12,17 +12,21 @@ jobs:
 
     steps:
       - name: Checkout Project
-        uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3
+        uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c # v3
 
       - name: Use Node.js
-        uses: actions/setup-node@2fddd8803e2f5c9604345a0b591c3020ee971a93 # tag=v3
+        uses: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c # v3
         with:
           node-version: 17
           registry-url: 'https://registry.npmjs.org/'
 
       - name: Install Node.js dependencies
         run: npm i
-      - name: Deprecate versions
+      - name: Deprecate dev versions
         run: npx npm-deprecate --name "*dev*" --package "@sern/cli" --message "This is a deprecated version of @sern/cli@dev. Please use the latest dev version."
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Deprecate pr versions
+        run: npx npm-deprecate --name "*pr*" --package "@sern/cli" --message "This is a deprecated version of @sern/cli. Please use the latest version."
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/codeql-analysis.yml

@@ -38,7 +38,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3
+      uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c # v3
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL

.github/workflows/continuous-delivery.yml

@@ -15,16 +15,16 @@ jobs:
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3
+        uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c # v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@2fddd8803e2f5c9604345a0b591c3020ee971a93 # tag=v3
+        uses: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c # v3
         with:
           node-version: 17
           registry-url: 'https://registry.npmjs.org'
 
       - name: Install Node.js dependencies
-        run: npm i
+        run: npm i && npm run build
 
       - name: Link Project
         run: npm link

.github/workflows/continuous-integration.yml

@@ -17,10 +17,10 @@ jobs:
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3
+        uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c # v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@2fddd8803e2f5c9604345a0b591c3020ee971a93 # tag=v3
+        uses: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c # v3
         with:
           node-version: 17
 
@@ -37,15 +37,15 @@ jobs:
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3
+        uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c # v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@2fddd8803e2f5c9604345a0b591c3020ee971a93 # tag=v3
+        uses: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c # v3
         with:
           node-version: 17
 
       - name: Install Node.js dependencies
-        run: npm i
+        run: npm i && npm run build
 
       - name: Link Project
         run: npm link

.github/workflows/publish.yml

@@ -2,6 +2,10 @@ name: Publish
 
 on:
   workflow_dispatch:
+    inputs:
+      prNumber:
+        description: The number of the PR that is being deployed
+        required: true
 
 jobs:
   Publish:
@@ -10,16 +14,16 @@ jobs:
 
     steps:
       - name: Check out Git repository
-        uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3
+        uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c # v3
 
       - name: Set up Node.js
-        uses: actions/setup-node@2fddd8803e2f5c9604345a0b591c3020ee971a93 # tag=v3
+        uses: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c # v3
         with:
           node-version: 17
           registry-url: 'https://registry.npmjs.org'
 
       - name: Install Node.js dependencies
-        run: npm i
+        run: npm i && npm run build
 
       - name: Link Project
         run: npm link
@@ -28,6 +32,9 @@ jobs:
         run: sern
 
       - name: Publish to npm
-        run: npm publish
+        run: |
+          TAG=$(echo 'pr-${{ github.event.inputs.prNumber }}')
+          npm version premajor --preid "${TAG}.$(git rev-parse --verify --short HEAD)" --git-tag-version=false
+          npm publish --tag ${TAG}
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/release-please.yml

@@ -12,15 +12,15 @@ jobs:
         with:
           release-type: node
           bump-patch-for-minor-pre-major: true
-      - uses: actions/checkout@2541b1294d2704b0964813337f33b291d3f8596b # tag=v3
+      - uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c # v3
         if: ${{ steps.release.outputs.release_created }}
-      - uses: actions/setup-node@2fddd8803e2f5c9604345a0b591c3020ee971a93 # tag=v3
+      - uses: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c # v3
         with:
           node-version: 17
           registry-url: 'https://registry.npmjs.org'
 
         if: ${{ steps.release.outputs.release_created }}
-      - run: npm i
+      - run: npm i && npm run build
         if: ${{ steps.release.outputs.release_created }}
       - run: npm link
         if: ${{ steps.release.outputs.release_created }}
@@ -29,4 +29,4 @@ jobs:
       - run: npm publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-        if: ${{ steps.release.outputs.release_created }}
+        if: ${{ steps.release.outputs.release_created }}

.prettierignore

@@ -1,2 +1,3 @@
 .github/
-CHANGELOG.md
+CHANGELOG.md
+dist/

CHANGELOG.md

@@ -2,6 +2,24 @@
 
 All notable changes to this project will be documented in this file.
 
+## [0.5.0](https://github.com/sern-handler/cli/compare/v0.4.2...v0.5.0) (2022-09-16)
+
+
+### ⚠ BREAKING CHANGES
+
+* re-write to TypeScript
+
+### Features
+
+* add engine for node version & remove manual version check ([#72](https://github.com/sern-handler/cli/issues/72)) ([2009d1f](https://github.com/sern-handler/cli/commit/2009d1fdca9a383d219304fd3cb48a622355b7dc))
+* adds the esm template option + refactors ([#73](https://github.com/sern-handler/cli/issues/73)) ([9271da3](https://github.com/sern-handler/cli/commit/9271da30764f86225385e8ae6448b99d66687294))
+* re-write to TypeScript ([bed31c1](https://github.com/sern-handler/cli/commit/bed31c1f4995bbf7d8d0a483f562788172e29919))
+
+
+### Miscellaneous Chores
+
+* release 0.5.0 ([2018c43](https://github.com/sern-handler/cli/commit/2018c4381e665b9b0c5e70a203aa0dfd9fdd3cef))
+
 ## [0.4.2](https://github.com/sern-handler/cli/compare/v0.4.1...v0.4.2) (2022-07-28)
 
 

README.md

@@ -1,6 +1,8 @@
-# sern CLI
+<div align="center">
+  <img src="https://raw.githubusercontent.com/sern-handler/.github/main/cli.png" width="900px">
+</div>
 
-Our CLI allows you to setup and manage Discord bot projects without writing a single line of code!
+# Features
 
 😁 **User Friendly** <br>
 💦 **Simple** <br>
@@ -14,7 +16,7 @@ npm install -g @sern/cli@latest
 ```
 
 ```sh
-yarn add -g @sern/cli@latest
+yarn global add @sern/cli@latest
 ```
 
 ```sh

package.json

@@ -1,16 +1,18 @@
 {
 	"name": "@sern/cli",
-	"version": "0.4.2",
-	"description": "A CLI for @sern/handler",
-	"exports": "./src/index.js",
+	"version": "0.5.0",
+	"description": "Official CLI for @sern/handler",
+	"exports": "./dist/index.js",
 	"bin": {
-		"sern": "./src/index.js"
+		"sern": "./dist/index.js"
 	},
 	"type": "module",
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"format": "prettier --check .",
-		"fix": "prettier --write ."
+		"fix": "prettier --write .",
+		"build": "tsup",
+		"watch": "tsc --watch"
 	},
 	"repository": {
 		"type": "git",
@@ -28,7 +30,7 @@
 	"bugs": {
 		"url": "https://github.com/sern-handler/cli/issues"
 	},
-	"homepage": "https://sern-handler.js.org",
+	"homepage": "https://sern.dev",
 	"dependencies": {
 		"colorette": "^2.0.16",
 		"commander": "^9.3.0",
@@ -39,9 +41,15 @@
 		"undici": "^5.6.1"
 	},
 	"devDependencies": {
-		"@favware/npm-deprecate": "1.0.4",
-		"@types/prompts": "2.0.14",
-		"prettier": "2.7.1"
+		"@favware/npm-deprecate": "1.0.7",
+		"@types/prompts": "2.4.3",
+		"esbuild-plugin-version-injector": "^1.0.3",
+		"prettier": "2.8.4",
+		"tsup": "^6.6.3",
+		"typescript": "4.9.5"
+	},
+	"engines": {
+		"node": ">= 16.10.x"
 	},
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/",

src/commands/extra.ts

@@ -1,7 +1,6 @@
-import prompts from 'prompts';
+import prompt from 'prompts';
 import { extraPrompt } from '../prompts/extra.js';
 import { create } from '../utilities/create.js';
-const { prompt } = prompts;
 
 export async function extra() {
 	const extra = await prompt([extraPrompt]);

src/commands/help.js

@@ -1,19 +0,0 @@
-import { cyanBright, green, yellowBright } from 'colorette';
-
-export function help() {
-	return `              
-  ___  ___ _ __ _ __  
- / __|/ _ \\ '__| '_ \\ 
- \\__ \\  __/ |  | | | |
- |___/\\___|_|  |_| |_|
-                     
- Welcome!
- If you're new to ${cyanBright('sern')}, run ${yellowBright(
-		'sern init'
-	)} for an interactive setup to your new bot project!
- 
- ${green(
-		`If you have any ideas, suggestions, bug reports, kindly join our support server: https://discord.gg/xzK5fUKT4r`
- )}                     
-`;
-}

src/commands/help.ts

@@ -0,0 +1,16 @@
+import { cyanBright, green, magentaBright } from 'colorette';
+
+export const help = `
+  ___  ___ _ __ _ __  
+ / __|/ _ \\ '__| '_ \\ 
+ \\__ \\  __/ |  | | | |
+ |___/\\___|_|  |_| |_|
+
+ Welcome!
+ If you're new to ${cyanBright('sern')}, run ${magentaBright(
+		'sern init'
+	)} for an interactive setup to your new bot project!
+
+ ${green(
+		`If you have any ideas, suggestions, bug reports, kindly join our support server: https://sern.dev/discord`
+ )}`;

src/commands/init.ts

@@ -1,52 +1,32 @@
-import prompts from 'prompts';
-import ora from 'ora';
-import { greenBright, redBright, yellowBright } from 'colorette';
+import { greenBright, redBright, underline } from 'colorette';
 import { execa } from 'execa';
 import { findUp } from 'find-up';
+import ora from 'ora';
+import prompt from 'prompts';
 import {
 	cmds_dir,
+	gitInit,
 	lang,
 	main_dir,
-	gitInit,
-	which_manager,
-	skip_install_dep,
 	name,
+	skip_install_dep,
+	which_manager,
 } from '../prompts/init.js';
 
-import { npm } from '../utilities/npm.js';
-import { cloneRepo, installDeps } from '../utilities/install.js';
-import { editDirs, editMain } from '../utilities/edits.js';
 import { writeFile } from 'fs/promises';
-const { prompt } = prompts;
+import { editDirs, editMain } from '../utilities/edits.js';
+import { cloneRepo, installDeps } from '../utilities/install.js';
+import { npm } from '../utilities/npm.js';
+import type { PackageManagerChoice } from '../utilities/types.js';
 
-/**
- * @param {{ y: string; sync: string; }} flags
- */
-export async function init(flags) {
-	// * Check if node version is valid
-	const { version } = process;
-	const [major, minor] = version.split('.');
-	const majorNum = parseInt(major.slice(1));
-	const minorNum = parseInt(minor);
-
-	if (majorNum < 16 || (majorNum === 16 && minorNum < 10)) {
-		console.log(
-			yellowBright(
-				`\nYou are using Node ${version}\nPlease upgrade to Node 16.10.x or higher!\n`
-			)
-		);
-
-		process.exit(1);
-	}
-
-	let data;
-	let git_init;
-	let pm;
+export async function init(flags: Flags) {
+	let data: PromptData;
+	let git_init = true; // the default;
+	let pm = flags.sync ? undefined : flags.y ? 'npm' : await npm();
 
 	if (flags.y) {
 		const projectName = await prompt([name]);
 		git_init = true;
-		pm = 'npm';
 		data = {
 			name: projectName.name,
 			lang: 'typescript',
@@ -54,21 +34,20 @@ export async function init(flags) {
 			cmds_dir: 'commands',
 		};
 	} else if (flags.sync) {
-		data = await prompt([lang, main_dir, cmds_dir]);
+		data = (await prompt([lang, main_dir, cmds_dir])) as PromptData;
 	} else {
-		data = await prompt([name, lang, main_dir, cmds_dir]);
+		data = (await prompt([name, lang, main_dir, cmds_dir])) as PromptData;
 		git_init = (await prompt([gitInit])).gitinit;
-		pm = await npm();
 	}
 
+	const language = data.lang === 'javascript-esm' ? 'javascript' : data.lang;
 	const config = {
-		language: data.lang,
+		language,
 		paths: {
 			base: data.main_dir,
 			commands: data.cmds_dir,
 		},
 	};
-
 	const file = JSON.stringify(config, null, 2);
 
 	const requiredData = flags.sync !== undefined ? 3 : 4;
@@ -85,9 +64,7 @@ export async function init(flags) {
 
 	if (!pkg) throw new Error('No package.json found!');
 
-	if (pkg) {
-		await writeFile(pkg.replace('package.json', 'sern.config.json'), file);
-	}
+	await writeFile(pkg.replace('package.json', 'sern.config.json'), file);
 
 	if (flags.sync) {
 		console.log('Project was successfully synced!');
@@ -96,14 +73,14 @@ export async function init(flags) {
 
 	git_init ? await git(data) : console.log(`Skipping git init...\n`);
 
-	let choice;
+	let choice: PackageManagerChoice;
 
 	if (pm === 'both') {
-		const chosen = await prompt([which_manager]);
-		choice = chosen.manager;
+		choice = (await prompt([which_manager])).manager;
 	} else {
-		const chosen = await prompt([skip_install_dep]);
-		choice = chosen.skip_install_dep ? pm : 'skip';
+		choice = (
+			(await prompt([skip_install_dep])).skip_install_dep ? pm : 'skip'
+		) as PackageManagerChoice;
 	}
 
 	await installDeps(choice, data.name);
@@ -114,38 +91,46 @@ export async function init(flags) {
 	process.exit(0);
 }
 
-/**
- * It initializes git
- * @param data - The data object that contains the name of the project.
- */
-async function git(data) {
+/** It initializes git */
+async function git(data: Data) {
 	const spin = ora({
 		text: 'Initializing git...',
 		spinner: 'aesthetic',
 	}).start();
 
-	const exe = await execa('git', ['init', data.name]);
-
-	await wait(300);
-
-	if (!exe || exe?.failed) {
+	try {
+		await execa('git', ['init', data.name]);
+		await wait(300);
+		spin.succeed('Git initialized!');
+	} catch (error) {
 		spin.fail(
-			`${redBright('Failed')} to initialize git!` +
-				'\nMaybe you should run git init?'
+			`${redBright(
+				'Failed'
+			)} to initialize git!\nTry to install it at ${underline(
+				'https://git-scm.com'
+			)}\nSkipping for now.`
 		);
-		process.exit(1);
 	}
-
-	spin.succeed('Git initialized!');
 }
 
-/**
- * Wait for a specified number of milliseconds, then return a promise that resolves to undefined.
- * @param {number} ms - The number of milliseconds to wait.
- * @returns A function that takes a single argument, ms, and returns a promise that resolves after ms
- * milliseconds.
- */
-async function wait(ms) {
+/**  Wait for a specified number of milliseconds, then return a promise that resolves to undefined. */
+async function wait(ms: number) {
 	const wait = (await import('util')).promisify(setTimeout);
 	return wait(ms);
 }
+
+interface Data {
+	name: string;
+}
+
+interface Flags {
+	y: boolean;
+	sync: boolean;
+}
+
+interface PromptData {
+	name: string;
+	lang: 'typescript' | 'javascript' | 'javascript-esm';
+	main_dir: string;
+	cmds_dir: string;
+}

src/commands/plugins.js

@@ -1,48 +0,0 @@
-import { pluginsQ } from '../prompts/plugin.js';
-import prompts from 'prompts';
-import { fetch } from 'undici';
-import fs from 'fs';
-import { greenBright } from 'colorette';
-const { prompt } = prompts;
-
-/**
- * Installs plugins to project
- */
-export async function plugins() {
-	/**
-	 * @type {string[]}
-	 */
-	const e = (await prompt([await pluginsQ()])).list;
-	if (!e) process.exit(1);
-
-	for await (const url of e) {
-		await download(url);
-	}
-	const pluginNames = e.map((e) => e.split('/').pop());
-	console.log(
-		`Successfully downloaded plugin(s):\n${greenBright(
-			pluginNames.join('\n')
-		)}`
-	);
-}
-
-/**
- * @param {string} url
- * @returns File
- */
-async function download(url) {
-	const data = await fetch(url, { method: 'GET' })
-		.then((res) => res.text())
-		.catch(() => null);
-
-	if (!data) throw new Error('Download failed! Kindly contact developers');
-
-	const dir = `${process.cwd()}/src/plugins`;
-	const filedir = `${process.cwd()}/src/plugins/${url.split('/').pop()}`;
-
-	if (!fs.existsSync(dir)) {
-		fs.mkdirSync(dir, { recursive: true });
-	}
-	const file = fs.writeFileSync(filedir, data);
-	return file;
-}

src/commands/plugins.ts

@@ -0,0 +1,73 @@
+import { greenBright } from 'colorette';
+import fs from 'fs';
+import prompt from 'prompts';
+import { fetch, type Response } from 'undici';
+import { pluginsQ } from '../prompts/plugin.js';
+import { fromCwd } from '../utilities/fromCwd.js';
+
+/**
+ * Installs plugins to project
+ */
+
+function dispatchSave() {
+
+}
+
+function dispatchInstall() {
+    
+}
+
+export async function plugins(options: PluginOptions) {
+    if(options.save) {
+        dispatchSave()
+    }
+    //Download instead based on names given. Must be a full filename ie: (publish)
+    if(options.name) {
+       
+       const pluginSource = await downloa();      
+            
+    }
+    const e: string[] = (await prompt([await pluginsQ()])).list;
+    if (!e) process.exit(1);
+
+    for await (const url of e) {
+    	await download(url);
+    }
+    const pluginNames = e.map((e) => e.split('/').pop());
+    console.log(
+    	`Successfully downloaded plugin(s):\n${greenBright(
+    		pluginNames.join('\n')
+    	)}`
+    );
+}
+
+async function downloa(url: string | URL) {
+    const formatText = (res: Response) => res.text()
+    return fetch(url, { method: 'GET' })
+        .then(formatText)
+        .catch(() => {
+            throw Error('Download failed! Kindly contact developers')
+        })
+}
+
+async function download(url: string) {
+	const data = await fetch(url, { method: 'GET' })
+		.then((res) => res.text())
+		.catch(() => null);
+
+	if (!data) throw new Error('Download failed! Kindly contact developers');
+
+	const dir = fromCwd('/src/plugins');
+	const filedir = `${process.cwd()}/src/plugins/${url.split('/').pop()}`;
+
+	if (!fs.existsSync(dir)) {
+		fs.mkdirSync(dir, { recursive: true });
+	}
+	fs.writeFileSync(filedir, data);
+}
+
+interface PluginOptions {
+    name?: string[];
+    save: boolean 
+
+}

src/index.ts

@@ -1,18 +1,19 @@
 #!/usr/bin/env node
 
-import { init } from './commands/init.js';
-import { help } from './commands/help.js';
 import { extra } from './commands/extra.js';
+import { help } from './commands/help.js';
+import { init } from './commands/init.js';
 
 import { Command } from 'commander';
-import { version } from './utilities/version.js';
 import { plugins } from './commands/plugins.js';
 export const program = new Command();
 
+const version: string = '[VI]{{inject}}[/VI]';
+
 program
 	.name('sern')
-	.description(help())
-	.version(version())
+	.description(help)
+	.version(`sern CLI v${version}`)
 	.exitOverride(() => process.exit(0));
 
 program
@@ -22,14 +23,15 @@ program
 	.option('-s, --sync', 'Syncs the project and generates sern.config.json')
 	.action(init);
 
-program
-	.command(plugins.name)
-	.description(
-		'Install plugins from https://github.com/sern-handler/awesome-plugins'
-	)
-	.option('-n --name', 'Name of plugin')
-	.action(plugins);
-
+const pluginCommand = program.command(plugins.name)
+pluginCommand
+    .description(
+	'Get plugins from https://github.com/sern-handler/awesome-plugins'
+    )
+    .option('-n --name <string...>', 'Name(s) of plugin to install')
+    .option('-S --save', 'Save and keep plugins updated')
+    .action(plugins);
+    
 program
 	.command(extra.name)
 	.description('Easy way to add extra things in your sern project')

src/prompts/extra.ts

@@ -1,4 +1,6 @@
-export const extraPrompt = {
+import type { PromptObject } from 'prompts';
+
+export const extraPrompt: PromptObject = {
 	message: 'What extra feature do you want to add?',
 	name: 'extra',
 	type: 'select',

src/prompts/init.ts

@@ -1,6 +1,7 @@
 import { blueBright } from 'colorette';
+import type { PromptObject } from 'prompts';
 
-export const lang = {
+export const lang: PromptObject = {
 	message: 'What language do you want the project to be in?',
 	name: 'lang',
 	type: 'select',
@@ -10,6 +11,11 @@ export const lang = {
 			description: 'JS',
 			value: 'javascript',
 		},
+		{
+			title: 'JavaScript (ESM)',
+			description: 'JS',
+			value: 'javascript-esm',
+		},
 		{
 			title: 'TypeScript',
 			description: 'TS - (Recommended)',
@@ -18,40 +24,37 @@ export const lang = {
 	],
 };
 
-export const main_dir = {
+export const main_dir: PromptObject = {
 	message: 'What is the main directory of your project?',
 	name: 'main_dir',
 	type: 'text',
 	initial: 'src',
 };
 
-export const cmds_dir = {
+export const cmds_dir: PromptObject = {
 	message: 'What is the directory of your commands?',
 	name: 'cmds_dir',
 	type: 'text',
 	initial: 'commands',
-	validate: (/** @type {string} */ dir) =>
+	validate: (dir: string) =>
 		dir === 'src' ? 'You can not use src as a directory' : true,
 };
 
-/**
- * @type {import('prompts').PromptObject}
- */
-export const npmInit = {
+export const npmInit: PromptObject = {
 	name: 'npm_init',
 	type: 'confirm',
 	message: `Do you want ${blueBright('me')} to initialize npm?`,
 	initial: true,
 };
 
-export const gitInit = {
+export const gitInit: PromptObject = {
 	name: 'gitinit',
 	type: 'confirm',
 	message: `Do you want to ${blueBright('me')} to initialize git?`,
 	initial: true,
 };
 
-export const which_manager = {
+export const which_manager: PromptObject = {
 	message: `Which manager do you want to use?`,
 	name: 'manager',
 	type: 'select',
@@ -75,21 +78,18 @@ export const which_manager = {
 	],
 };
 
-export const skip_install_dep = {
+export const skip_install_dep: PromptObject = {
 	name: 'skip_install_dep',
 	type: 'confirm',
 	message: `Do you want ${blueBright('me')} to install dependencies?`,
 	initial: false,
 };
 
-/**
- * @type {import('prompts').PromptObject}
- */
-export const name = {
+export const name: PromptObject = {
 	message: 'What is your project name?',
 	name: 'name',
 	type: 'text',
-	validate: (/**@type {string}*/ name) =>
+	validate: (name: string) =>
 		name.match('^(?:@[a-z0-9-*~][a-z0-9-*._~]*/)?[a-z0-9-~][a-z0-9-._~]*$')
 			? true
 			: 'Invalid name',

src/prompts/plugin.js

@@ -1,32 +0,0 @@
-import { fetch } from 'undici';
-import { getLang } from '../utilities/getLang.js';
-async function gimmechoices() {
-	const lang =
-		(await getLang().catch(() => null)) === 'typescript'
-			? 'TypeScript'
-			: 'JavaScript';
-	const link = `https://api.github.com/repos/sern-handler/awesome-plugins/contents/${lang}`;
-
-	const resp = await fetch(link).catch(() => null);
-
-	if (!resp) return { title: 'No plugins found!', value: '', disabled: true };
-
-	const data = await resp.json();
-	const choices = data.map(
-		(/** @type {{ name: string; download_url: string; }} */ e) => ({
-			title: e.name,
-			value: e.download_url,
-		})
-	);
-	return choices;
-}
-
-export async function pluginsQ() {
-	return {
-		name: 'list',
-		type: 'autocompleteMultiselect',
-		message: 'What plugins do you want to install?',
-		choices: await gimmechoices(),
-		min: 1,
-	};
-}

src/prompts/plugin.ts

@@ -0,0 +1,45 @@
+import type { Choice, PromptObject } from 'prompts';
+import { fetch } from 'undici';
+import { getLang } from '../utilities/getLang.js';
+
+function upperCase(string: string | null) {
+	if (string === null) {
+		console.error('Lang property not found!');
+		process.exit(0);
+	}
+	return string === 'typescript' ? 'TypeScript' : 'JavaScript';
+}
+
+async function gimmechoices(): Promise<Choice[]> {
+	const lang = upperCase(await getLang().catch(() => null));
+
+	const link = `https://api.github.com/repos/sern-handler/awesome-plugins/contents/${lang}`;
+
+	const resp = await fetch(link).catch(() => null);
+	if (!resp)
+		return [{ title: 'No plugins found!', value: '', disabled: true }];
+
+	const data = (await resp.json()) as Data[];
+	const choices = data.map((e) => ({
+		title: e.name,
+		value: e.download_url,
+	}));
+	return choices;
+}
+
+export async function pluginsQ(): Promise<PromptObject> {
+	return {
+		name: 'list',
+		type: 'autocompleteMultiselect',
+		message: 'What plugins do you want to install?',
+		choices: await gimmechoices(),
+		min: 1,
+	};
+}
+
+interface Data {
+	name: string;
+	download_url: string;
+}
+
+

src/utilities/create.ts

@@ -1,7 +1,7 @@
-import { URL, fileURLToPath } from 'url';
-import { resolve, dirname } from 'node:path';
-import { readFile, mkdir, writeFile } from 'fs/promises';
-const root = new URL('../', import.meta.url);
+import { mkdir, readFile, writeFile } from 'fs/promises';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath, URL } from 'url';
+const root = new URL('../../', import.meta.url);
 
 const templates = new URL('./templates/', root);
 const extraURL = new URL('./extra/', templates);
@@ -9,13 +9,17 @@ const extraFolder = fileURLToPath(extraURL);
 
 /**
  * It creates a file with the name `name.lang.sern` in the `location` directory
- * @param {string} name - The name of the file.
- * @param {string} lang - The language you want to use.
- * @param {string} location - The location of the file to be created.
- * @param {boolean} no_ext - If true, the file will be created without an extension.
- * @returns File
+ * @param  name - The name of the file.
+ * @param  lang - The language you want to use.
+ * @param  location - The location of the file to be created.
+ * @param  no_ext - If true, the file will be created without an extension.
  */
-export async function create(name, lang, location, no_ext) {
+export async function create(
+	name: string,
+	lang: string,
+	location: string,
+	no_ext: boolean
+) {
 	const file = `${name}.${lang}.sern`;
 
 	const target = no_ext
@@ -27,10 +31,10 @@ export async function create(name, lang, location, no_ext) {
 
 /**
  * It reads a file from a template folder, and writes it to a target folder
- * @param {string} template - The name of the file to be created.
- * @param {string} target - The location of the file to be created.
+ * @param template - The name of the file to be created.
+ * @param target - The location of the file to be created.
  */
-async function createFile(template, target) {
+async function createFile(template: string, target: string) {
 	const location = `${extraFolder}${template}`;
 
 	const file = await readFile(location, 'utf8');
@@ -40,11 +44,11 @@ async function createFile(template, target) {
 
 /**
  * It creates a directory recursively, then writes a file to it
- * @param {string} target - The path to the file you want to write to.
- * @param {string} data - The data to write to the file.
+ * @param target - The path to the file you want to write to.
+ * @param data - The data to write to the file.
  * @returns A promise that resolves to the result of the writeFile function.
  */
-async function writeFileRecursive(target, data) {
+async function writeFileRecursive(target: string, data: string) {
 	const resolvedTarget = resolve(target);
 	const dir = dirname(resolvedTarget);
 

src/utilities/edits.ts

@@ -1,16 +1,16 @@
-import { readFile, rename, writeFile } from 'node:fs/promises';
 import { findUp } from 'find-up';
+import { readFile, rename, writeFile } from 'node:fs/promises';
+import { fromCwd } from './fromCwd.js';
 
 /**
  * It takes a string, finds the package.json file in the directory of the string, and changes the name
  * of the package.json file to the string.
- * @param {string} name - The name of the project.
- * @returns A promise.
+ * @param name - The name of the project.
  */
-export async function editMain(name) {
-	const pjLocation = await findUp('package.json', {
-		cwd: process.cwd() + '/' + name,
-	});
+export async function editMain(name: string) {
+	const pjLocation = (await findUp('package.json', {
+		cwd: fromCwd('/' + name),
+	})) as string;
 
 	const output = JSON.parse(await readFile(pjLocation, 'utf8'));
 	if (!output) throw new Error("Can't read your package.json.");
@@ -23,36 +23,35 @@ export async function editMain(name) {
 /**
  * It renames the `src` and `commands` directories, and edits the `index.ts` file to reflect the
  * changes
- * @param {string} srcName - The name of the folder that will contain your main files.
- * @param {string} cmds_dirName - The name of the directory where your commands will be stored.
- * @param {string} name - The name of the folder you want to edit.
- * @param {'javascript' | 'typescript'} lang - The language you want to use.
- * @returns void
+ * @param srcName - The name of the folder that will contain your main files.
+ * @param cmds_dirName - The name of the directory where your commands will be stored.
+ * @param name - The name of the folder you want to edit.
+ * @param lang - The language you want to use.
  */
 export async function editDirs(
-	srcName,
-	cmds_dirName,
-	name,
-	lang = 'typescript'
+	srcName: string,
+	cmds_dirName: string,
+	name: string,
+	lang: 'javascript' | 'typescript' | 'javascript-esm' = 'typescript'
 ) {
-	const path = await findUp('src', {
-		cwd: process.cwd() + '/' + name,
+	const path = (await findUp('src', {
+		cwd: fromCwd(name),
 		type: 'directory',
-	});
+	})) as string;
 
 	const ext = lang === 'typescript' ? 'ts' : 'js';
 
 	const newMainDir = path?.replace('src', srcName);
 	await rename(path, newMainDir);
 
-	const cmdsPath = await findUp('commands', {
-		cwd: process.cwd() + '/' + name + '/' + srcName,
+	const cmdsPath = (await findUp('commands', {
+		cwd: fromCwd(name, srcName),
 		type: 'directory',
-	});
+	})) as string;
 
-	const index = await findUp(`index.${ext}`, {
-		cwd: process.cwd() + '/' + name + '/' + srcName,
-	});
+	const index = (await findUp(`index.${ext}`, {
+		cwd: fromCwd(name, srcName),
+	})) as string;
 
 	const newCmdsPath = cmdsPath?.replace('commands', cmds_dirName);
 	await rename(cmdsPath, newCmdsPath);
@@ -66,7 +65,7 @@ export async function editDirs(
 		if (!output) throw new Error("Can't read your tsconfig.json.");
 		output.compilerOptions.rootDir = srcName;
 
-		writeFile(tsconfig, JSON.stringify(output, null, 2));
+		await writeFile(tsconfig, JSON.stringify(output, null, 2));
 	}
 
 	const output = await readFile(index, 'utf8');

src/utilities/fromCwd.ts

@@ -0,0 +1,5 @@
+import path from 'path';
+
+export function fromCwd(...dir: string[]) {
+	return path.join(...[process.cwd(), ...dir]);
+}

src/utilities/getLang.ts

@@ -3,9 +3,9 @@ import { readFile } from 'node:fs/promises';
 
 /**
  * It finds the sern.config.json file, reads it, and returns the language property
- * @returns {Promise<string>} The language of the project.
+ * @returns The language of the project.
  */
-export async function getLang() {
+export async function getLang(): Promise<'typescript' | 'javascript'> {
 	const sernLocation = await findUp('sern.config.json');
 
 	if (!sernLocation) throw new Error("Can't find sern.config.json");

src/utilities/install.ts

@@ -1,18 +1,18 @@
-import { execa } from 'execa';
 import { redBright } from 'colorette';
-import fs from 'fs';
-import path from 'path';
-import { readFile } from 'fs/promises';
+import { execa } from 'execa';
 import { findUp } from 'find-up';
+import fs from 'fs';
+import { readFile } from 'fs/promises';
 import ora from 'ora';
+import path from 'path';
+import type { PackageManagerChoice } from './types';
 
 /**
  * It installs dependencies from a package.json file
- * @param {'skip' | 'npm' | 'yarn'} choice - The package manager to use.
- * @param {string} name - The name of the project
- * @returns a promise.
+ * @param choice - The package manager to use.
+ * @param name - The name of the project
  */
-export async function installDeps(choice, name) {
+export async function installDeps(choice: PackageManagerChoice, name: string) {
 	const pkg = await findUp('package.json', {
 		cwd: process.cwd() + '/' + name,
 	});
@@ -36,6 +36,7 @@ export async function installDeps(choice, name) {
 	const result = await execa(choice, ['install'], {
 		cwd: process.cwd() + '/' + name,
 	}).catch(() => null);
+
 	if (!result || result?.failed) {
 		spin.fail(`${redBright('Failed')} to install dependencies!`);
 		process.exit(1);
@@ -44,29 +45,38 @@ export async function installDeps(choice, name) {
 
 /**
  * Clone the repo, copy the files from the repo to the new project directory, and delete the repo
- * @param {string} lang - The language of the template
- * @param {string} name - The name of the project
+ * @param lang - The language of the template
+ * @param name - The name of the project
  */
-export async function cloneRepo(lang, name) {
-	await execa('git', [
-		'clone',
-		`https://github.com/sern-handler/templates.git`,
-	]);
-	copyRecursiveSync(`templates/templates/${lang}`, name);
-	fs.rmSync(`templates/`, { recursive: true, force: true });
+export async function cloneRepo(lang: string, name: string) {
+	try {
+		await execa('git', [
+			'clone',
+			`https://github.com/sern-handler/templates.git`,
+		]);
+		copyRecursiveSync(`templates/templates/${lang}`, name);
+		fs.rmSync(`templates/`, { recursive: true, force: true });
+	} catch (error) {
+		console.log(
+			`${redBright(
+				'✖ Failed'
+			)} to clone github templates repo. Install git and try again!`
+		);
+		process.exit(1);
+	}
 }
 
 /**
  * If the source is a directory, create the destination directory and then recursively copy the
  * contents of the source directory to the destination directory. If the source is not a directory,
  * copy the source file to the destination file
- * @param {string} src - The source path.
- * @param {string} dest - The destination folder where the files will be copied to.
+ * @param src - The source path.
+ * @param dest - The destination folder where the files will be copied to.
  */
-export function copyRecursiveSync(src, dest) {
+export function copyRecursiveSync(src: string, dest: string) {
 	const exists = fs.existsSync(src);
 
-	const stats = exists && fs.statSync(src);
+	const stats = (exists && fs.statSync(src)) as fs.Stats;
 
 	const isDirectory = exists && stats.isDirectory();
 	if (isDirectory) {
@@ -82,8 +92,3 @@ export function copyRecursiveSync(src, dest) {
 		fs.copyFileSync(src, dest);
 	}
 }
-
-// async function wait(ms) {
-// 	const wait = (await import('util')).promisify(setTimeout);
-// 	return wait(ms);
-// }

src/utilities/types.ts

@@ -0,0 +1,10 @@
+export type PackageManagerChoice = 'skip' | 'npm' | 'yarn';
+
+export interface Config {
+    language: string;
+    paths : {
+        base: string;
+        commands: string;
+    }
+
+}

src/utilities/version.js

@@ -1,7 +0,0 @@
-import { createRequire } from 'module';
-const require = createRequire(import.meta.url);
-
-export function version() {
-	const { version: v } = require('../../package.json');
-	return `SernHandler CLI v${v}`;
-}

src/utilities/version.ts

@@ -0,0 +1,6 @@
+import { requiree } from "..";
+
+export function version() {
+	const { version: v } = requiree('../../package.json');
+	return `@sern/cli v${v}`;
+}

tsconfig.json

@@ -1,17 +1,18 @@
 {
 	"compilerOptions": {
-		"target": "ES2022",
+		"target": "ESNext",
 		"module": "ESNext",
-		"moduleResolution": "NodeNext",
-		"lib": ["es2017", "dom"],
-		"allowJs": true,
-		"checkJs": true,
-		"noEmit": true,
-		"strict": false,
-		"noImplicitThis": true,
-		"alwaysStrict": true,
+		"moduleResolution": "Node",
+		"outDir": "dist",
+		"rootDir": "src",
+		"declaration": true,
+		"declarationMap": true,
+		"strict": true,
 		"esModuleInterop": true,
-		"resolveJsonModule": true
-	},
-	"include": ["test", "src"]
+		"noImplicitAny": true,
+		"strictNullChecks": true,
+		"importsNotUsedAsValues": "error",
+		"skipLibCheck": true,
+		"forceConsistentCasingInFileNames": true
+	}
 }

tsup.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from 'tsup'
+import { esbuildPluginVersionInjector } from 'esbuild-plugin-version-injector';
+const shared = {
+    entry: ['src/index.ts'],
+    platform: 'node',
+    clean: true,
+    sourcemap: true,
+};
+export default defineConfig(
+    {
+        format: 'esm',
+        target: 'node16',
+        tsconfig: './tsconfig.json',
+        outDir: './dist',
+        treeshake: true,
+        esbuildPlugins: [esbuildPluginVersionInjector()],
+        ...shared,
+    }
+)