refactor(create-jsx-email): use esm, add tests

.eslintignore

@@ -4,4 +4,4 @@ dist
 node_modules
 
 # Starter template files
-packages/create-jsx-email/starter
+packages/create-jsx-email/starter

.github/workflows/test-cli.yml

@@ -66,4 +66,4 @@ jobs:
         # We'll need that for the preview tests below
         run: |
           pnpm i
-          moon repo:test.cli
+          moon test-cli:test

.github/workflows/smoke.yml → .github/workflows/test-smoke.yml

@@ -66,4 +66,4 @@ jobs:
         # We'll need that for the preview tests below
         run: |
           pnpm i
-          moon smoke:run.ci
+          moon test-smoke:run.ci

.moon/workspace.yml

@@ -5,6 +5,7 @@ projects:
   globs:
     - 'apps/*'
     - 'packages/*'
+    - 'test/cli'
     - 'test/smoke'
   sources:
     root: '.'

moon.yml

@@ -81,16 +81,3 @@ tasks:
       cache: false
       outputStyle: 'stream'
       runDepsInParallel: false
-
-  test.cli:
-    command: vitest --config ./shared/vitest.config.ts test/cli --no-threads
-    deps:
-      - jsx-email:build
-      - plugin-inline:build
-      - plugin-minify:build
-      - plugin-pretty:build
-    inputs:
-      - test/cli
-    options:
-      cache: false
-      outputStyle: 'stream'

package.json

@@ -18,13 +18,11 @@
     "csstype": "3.1.2",
     "eslint-config-shellscape": "^6.0.2",
     "eslint-import-resolver-typescript": "^3.6.1",
-    "execa": "^9.4.1",
     "gh-pages": "^6.0.0",
     "happy-dom": "^12.2.1",
     "husky": "^8.0.3",
     "jsx-email": "workspace:*",
     "lint-staged": "14.0.1",
-    "strip-ansi": "^7.1.0",
     "ts-node": "10.9.1",
     "tshy": "^1.14.0",
     "typescript": "^5.2.2",

packages/create-jsx-email/bin/create-jsx-email

@@ -0,0 +1,2 @@
+#!/usr/bin/env -S node --enable-source-maps --no-warnings=ExperimentalWarning
+import './../dist/index.js';

packages/create-jsx-email/package.json

@@ -11,14 +11,17 @@
     "url": "https://github.com/shellscape/jsx-email.git",
     "directory": "packages/create-jsx-email"
   },
+  "homepage": "https://jsx.email/",
   "main": "dist/src/index.js",
   "bin": {
-    "create-jsx-email": "./dist/src/index.js"
+    "create-jsx-email": "./bin/create-jsx-email"
   },
+  "type": "module",
   "engines": {
     "node": ">=18.0.0"
   },
   "files": [
+    "bin/**",
     "dist/**"
   ],
   "keywords": [
@@ -27,11 +30,12 @@
     "email"
   ],
   "dependencies": {
-    "chalk": "4.1.2",
+    "chalk-template": "^1.1.0",
     "detect-package-manager": "^3.0.1",
-    "globby": "11.0.4",
+    "globby": "14.0.2",
     "mustache": "^4.2.0",
-    "prompts": "^2.4.2"
+    "prompts": "^2.4.2",
+    "yargs-parser": "^21.1.1"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.2",

packages/create-jsx-email/src/index.ts

@@ -1,23 +1,29 @@
-#!/usr/bin/env node
-/* eslint-disable no-await-in-loop */
+/* eslint-disable no-await-in-loop, no-underscore-dangle */
+
 import { existsSync, readdirSync, rmSync } from 'fs';
 import { mkdir, readFile, writeFile } from 'fs/promises';
 import { basename, dirname, join, resolve, win32, posix } from 'path';
+import { fileURLToPath } from 'node:url';
 
-import chalk from 'chalk';
+import chalk from 'chalk-template';
+// Note: https://github.com/egoist/detect-package-manager/issues/18
+// @ts-ignore
 import { detect } from 'detect-package-manager';
-import globby from 'globby';
+import { globby } from 'globby';
 import mustache from 'mustache';
 import prompts from 'prompts';
+import yargs from 'yargs-parser';
 
-import pkg from '../package.json';
+import * as pkg from './package-info.cjs';
 
 interface CreateEmailArgs {
   jsx: boolean;
   name: string;
   outputPath: string;
 }
 
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 const cancelled = () => {
   throw new Error(chalk`{red ✖} Operation cancelled`);
 };
@@ -46,6 +52,8 @@ const typeProps = `\nexport type TemplateProps = {
   email: string;
   name: string;
 }`;
+const argv = yargs(process.argv.slice(2), { configuration: { 'strip-dashed': true } });
+const argTargetDir: string = argv._[0] as string;
 
 export const createEmail = async ({ jsx, name, outputPath }: CreateEmailArgs) => {
   const data = {
@@ -72,7 +80,6 @@ const run = async () => {
   log(intro);
 
   const skip = process.argv.some((arg) => arg === '--yes');
-  const argTargetDir = formatTargetDir(process.argv[2]);
   let targetPath = argTargetDir || defaultTargetDir;
   let result: prompts.Answers<'projectName' | 'projectType' | 'overwrite'>;
   const defaults: typeof result = {

packages/create-jsx-email/src/package-info.cts

@@ -0,0 +1,5 @@
+// Note: This is a workaround for Node v18 and Node v20 having different import assertion formats
+// eslint-disable-next-line
+const pkg = require('../package.json') as { description: string; name: string; version: string };
+
+export const { description, name, version } = pkg;

shared/tsconfig.eslint.json

@@ -10,7 +10,6 @@
     "../scripts",
     "../shared",
     "../test",
-    "../vitest.config.ts",
-    "../vitest.workspace.ts"
+    "./vitest.config.ts"
   ]
 }

test/cli/create.test.ts

@@ -2,7 +2,6 @@ import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
 
 import { execa } from 'execa';
-import { describe, expect, test } from 'vitest';
 import strip from 'strip-ansi';
 
 process.chdir(__dirname);

test/cli/moon.yml

@@ -0,0 +1,16 @@
+# https://moonrepo.dev/docs/config/tasks
+$schema: 'https://moonrepo.dev/schemas/tasks.json'
+
+workspace:
+  inheritedTasks:
+    exclude: ['build', 'compile', 'release', 'test']
+
+tasks:
+  test:
+    command: vitest --config ../../shared/vitest.config.ts . --no-threads
+    inputs:
+      - ./**.*.test.ts
+      - package.json
+    options:
+      cache: false
+      outputStyle: 'stream'

test/cli/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "test-cli",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "dependencies": {
+    "execa": "^9.4.1",
+    "jsx-email": "workspace:^",
+    "strip-ansi": "^7.1.0"
+  }
+}

test/smoke/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "smoke-test",
+  "name": "test-smoke",
   "version": "0.0.0",
   "private": true,
   "description": "A project to demo and test the `email preview` CLI command",