feat(jsx-email,app-preview,create-jsx-email,plugin-inline,plugin-minify,plugin-pretty): version 2.0.0

.eslintrc.js

@@ -28,7 +28,6 @@ module.exports = {
       files: ['apps/demo/emails/**/*.tsx', 'apps/demo/staged/**/*.tsx'],
       rules: {
         'arrow-body-style': 'off',
-        'import/no-default-export': 'off',
         'no-use-before-define': 'off',
         'sort-keys': 'off',
         'typescript-sort-keys/interface': 'off'
@@ -52,6 +51,30 @@ module.exports = {
         varsIgnorePattern: '^_'
       }
     ],
+    'import/extensions': [
+      'error',
+      'ignorePackages',
+      {
+        cjs: 'never',
+        cts: 'never',
+        js: 'never',
+        jsx: 'never',
+        mjs: 'never',
+        mts: 'never',
+        ts: 'never',
+        tsx: 'never'
+      }
+    ],
     'no-console': 'error'
+  },
+  settings: {
+    'import/resolver': {
+      node: {
+        extensions: ['.cjs', '.js', '.json', '.jsx', '.mjs', '.ts', '.tsx']
+      },
+      typescript: {
+        alwaysTryTypes: true
+      }
+    }
   }
 };

.github/workflows/release.yml

@@ -87,9 +87,9 @@ jobs:
 
       - name: Build Projects
         run: |
-          moon minify-preset:build
           moon jsx-email:build
           moon create-jsx-email:build
+          moon run :build --query "project~plugin-*"
 
       - name: Release
         run: moon run :release --affected --concurrency 1 --remote

.github/workflows/test.yml

@@ -0,0 +1,74 @@
+name: Run Tests
+
+on:
+  workflow_dispatch:
+  pull_request:
+    types:
+      - edited
+      - opened
+      - synchronize
+  push:
+    branches:
+      - '*'
+      - '!main'
+
+jobs:
+  validate:
+    runs-on: ubuntu-latest
+    name: Run Tests
+
+    steps:
+      - name: Checkout Commit
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 10
+
+      # Needed for https://github.com/moonrepo/moon/issues/1060
+      - name: Force Update Main
+        run: |
+          git fetch origin
+          git branch -f main origin/main
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+
+      - name: Enable Corepack
+        id: pnpm-setup
+        run: |
+          corepack enable
+          corepack prepare pnpm@latest --activate
+          pnpm config set script-shell "/usr/bin/bash"
+
+      - name: Setup Moon
+        uses: moonrepo/setup-toolchain@v0
+
+      - name: Sanity Check
+        run: |
+          echo git `git version`;
+          echo branch `git branch --show-current`;
+          echo node `node -v`;
+          echo pnpm `pnpm -v`
+          echo `moon --version`
+
+      - name: pnpm install
+        run: pnpm install --frozen-lockfile
+
+      - name: Build Projects
+        run: |
+          moon jsx-email:build
+          moon create-jsx-email:build
+          moon run :build --query "project~plugin-*"
+
+      - name: Package Tests
+        env:
+          FORCE_COLOR: 1
+        run: moon run :test --affected --concurrency 1 --remote
+
+      - name: Smoke Test
+        # Note: We're running `pnpm i` again so that pnpm places the `email` bin in root node_modules
+        # We'll need that for the preview tests below
+        run: |
+          pnpm i
+          moon smoke:run.ci

.github/workflows/validate.yml

@@ -40,15 +40,6 @@ jobs:
           corepack enable
           corepack prepare pnpm@latest --activate
           pnpm config set script-shell "/usr/bin/bash"
-          echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
-
-      - name: pnpm Cache
-        uses: actions/cache@v3
-        with:
-          path: ${{ steps.pnpm-setup.outputs.pnpm_cache_dir }}
-          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
-          restore-keys: |
-            ${{ runner.os }}-pnpm-store-
 
       - name: ESLint Cache
         uses: actions/cache@v3
@@ -74,19 +65,9 @@ jobs:
 
       - name: Build Projects
         run: |
-          moon minify-preset:build
           moon jsx-email:build
           moon create-jsx-email:build
+          moon run :build --query "project~plugin-*"
 
       - name: Lint Monorepo
         run: moon run repo:lint
-
-      - name: Run Tests
-        run: moon run :test --affected --concurrency 1 --remote
-
-      - name: Run Preview Test
-        # Note: We're running `pnpm i` again so that pnpm places the `email` bin in root node_modules
-        # We'll need that for the preview tests below
-        run: |
-          pnpm i
-          moon app-test:playwright.ci

.gitignore

@@ -10,8 +10,10 @@ dist
 .env
 .nojekyll
 **/.vitepress/cache
+.idea/
+.tshy
+.tshy-build
 
-packages/**/tsconfig.json
 packages/jsx-email/README.md
 
 test-results

.moon/tasks.yml

@@ -10,12 +10,35 @@ fileGroups:
     - 'tests/**/*.test.*'
 
 tasks:
+  build:
+    command: echo "Build Complete ✓"
+    deps:
+      - ~:clean.dist
+      - ~:compile
+    inputs:
+      - src
+      - package.json
+    options:
+      cache: false
+      outputStyle: 'stream'
+      runDepsInParallel: false
+    outputs:
+      - dist
+
   clean.dist:
     command: rm -rf dist
     inputs:
       - src
       - package.json
 
+  compile:
+    command: tshy
+    inputs:
+      - src
+      - package.json
+    options:
+      runDepsInParallel: false
+
   release:
     command: versioner --target $projectRoot
     deps:
@@ -24,10 +47,3 @@ tasks:
       cache: false
       outputStyle: 'stream'
       runDepsInParallel: false
-
-  tsconfig.link:
-    command: ln -sf ../../shared/tsconfig.default.json tsconfig.json
-    options:
-      cache: false
-      outputStyle: 'stream'
-    platform: system

.moon/toolchain.yml

@@ -14,7 +14,7 @@ node:
 
   # The version of the package manager (above) to use.
   pnpm:
-    version: '8.11.0'
+    version: '9.1.1'
 
   # Add `node.version` as a constraint in the root `package.json` `engines`.
   addEnginesConstraint: true

.moon/workspace.yml

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

apps/demo/emails/airbnb-review.tsx

@@ -21,13 +21,13 @@ interface AirbnbReviewEmailProps {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const PreviewProps = {
+export const previewProps = {
   authorName: 'Joker',
   authorImage: `${baseUrl}batman-twilight.jpg`,
   reviewText: `"Batsy's stay at my Airbnb Batcave was a riot! Batman surprised with a hidden sense of humor, engaging in epic banter and a prank war. His detective skills impressed, and the Batcave remained spotless. Game night and snacks were a hit, and even during downtime, he couldn't resist a Bat-signal. Hosting Batsy was chaos perfected – if you want a guest with brooding intensity and unexpected laughter, Batman's your Bat. Hahahahahahahahahaha! "`
 } as AirbnbReviewEmailProps;
 
-export const TemplateName = 'Airbnb Review';
+export const templateName = 'Airbnb Review';
 
 const main = {
   backgroundColor: '#ffffff',

apps/demo/emails/apple-receipt.tsx

@@ -230,7 +230,7 @@ const walletLinkText = {
   textDecoration: 'none'
 };
 
-export const TemplateName = 'Apple Receipt';
+export const templateName = 'Apple Receipt';
 
 export const Template = () => (
   <Html>

apps/demo/emails/codepen-challengers.tsx

@@ -202,7 +202,7 @@ const footerLink = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const TemplateName = 'Codepen Challengers';
+export const templateName = 'Codepen Challengers';
 
 export const Template = () => (
   <Html>

apps/demo/emails/credential emails/dropbox-reset-password.tsx

@@ -44,12 +44,12 @@ const anchor = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const PreviewProps = {
+export const previewProps = {
   userFirstname: 'Bruce',
   resetPasswordLink: 'https://dropbox.com'
 } as DropboxResetPasswordEmailProps;
 
-export const TemplateName = 'Dropbox Reset Password';
+export const templateName = 'Dropbox Reset Password';
 
 export const Template = ({ userFirstname, resetPasswordLink }: DropboxResetPasswordEmailProps) => {
   return (

apps/demo/emails/credential emails/github-access-token.tsx

@@ -61,11 +61,11 @@ const footer = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const PreviewProps = {
+export const previewProps = {
   username: 'Batman'
 } as GithubAccessTokenEmailProps;
 
-export const TemplateName = 'Github Access Token';
+export const templateName = 'Github Access Token';
 
 export const Template = ({ username }: GithubAccessTokenEmailProps) => (
   <Html>

apps/demo/emails/credential emails/linear-login-code.tsx

@@ -90,11 +90,11 @@ const code = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const PreviewProps = {
+export const previewProps = {
   validationCode: 'tt226-5398x'
 } as LinearLoginCodeEmailProps;
 
-export const TemplateName = 'Linear Login Code';
+export const templateName = 'Linear Login Code';
 
 export const Template = ({ validationCode }: LinearLoginCodeEmailProps) => (
   <Html>

apps/demo/emails/credential emails/magic links/notion-magic-link.tsx

@@ -62,11 +62,11 @@ const code = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const PreviewProps = {
+export const previewProps = {
   loginCode: 'sparo-ndigo-amurt-secan'
 } as NotionMagicLinkEmailProps;
 
-export const TemplateName = 'Notion Magic Link';
+export const templateName = 'Notion Magic Link';
 
 export const Template = ({ loginCode }: NotionMagicLinkEmailProps) => (
   <Html>

apps/demo/emails/credential emails/magic links/raycast-magic-link.tsx

@@ -62,11 +62,11 @@ const footer = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const PreviewProps = {
+export const previewProps = {
   magicLink: 'https://raycast.com'
 } as RaycastMagicLinkEmailProps;
 
-export const TemplateName = 'Raycast Magic Link';
+export const templateName = 'Raycast Magic Link';
 
 export const Template = ({ magicLink }: RaycastMagicLinkEmailProps) => (
   <Html>

apps/demo/emails/credential emails/twitch-reset-password.tsx

@@ -72,12 +72,12 @@ const link = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const PreviewProps = {
+export const previewProps = {
   username: 'Batman',
   updatedDate: new Date('June 23, 2022 4:06:00 pm UTC')
 } as TwitchResetPasswordEmailProps;
 
-export const TemplateName = 'Twitch Reset Password';
+export const templateName = 'Twitch Reset Password';
 
 export const Template = ({ username, updatedDate }: TwitchResetPasswordEmailProps) => {
   const formattedDate = new Intl.DateTimeFormat('en', {

apps/demo/emails/google-play-policy-update.tsx

@@ -76,7 +76,7 @@ const hr = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const TemplateName = 'Google Play Policy Update';
+export const templateName = 'Google Play Policy Update';
 
 export const Template = () => (
   <Html>

apps/demo/emails/nike-receipt.tsx

@@ -186,7 +186,7 @@ const footer = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const TemplateName = 'Nike Receipt';
+export const templateName = 'Nike Receipt';
 
 export const Template = () => (
   <Html>

apps/demo/emails/plaid-verify-identity.tsx

@@ -103,11 +103,11 @@ const footer = {
 
 const baseUrl = 'https://jsx.email/assets/demo/';
 
-export const PreviewProps = {
+export const previewProps = {
   validationCode: '144833'
 } as PlaidVerifyIdentityEmailProps;
 
-export const TemplateName = 'Plaid Verify Identity';
+export const templateName = 'Plaid Verify Identity';
 
 export const Template = ({ validationCode }: PlaidVerifyIdentityEmailProps) => (
   <Html>