feat: new working structure with workspaces (#2)

.eslintrc.js

@@ -1,10 +1,34 @@
-// This configuration only applies to the package manager root.
+const { resolve } = require("node:path");
+
+const project = resolve(process.cwd(), "tsconfig.json");
+
 /** @type {import("eslint").Linter.Config} */
 module.exports = {
-  ignorePatterns: ["apps/**", "packages/**"],
-  extends: ["@repo/eslint-config/library.js"],
-  parser: "@typescript-eslint/parser",
-  parserOptions: {
-    project: true,
+  extends: ["eslint:recommended", "prettier"],
+  plugins: ["only-warn"],
+  globals: {
+    React: true,
+    JSX: true,
   },
+  env: {
+    node: true,
+  },
+  settings: {
+    "import/resolver": {
+      typescript: {
+        project,
+      },
+    },
+  },
+  ignorePatterns: [
+    // Ignore dotfiles
+    ".*.js",
+    "node_modules/",
+    "dist/",
+  ],
+  overrides: [
+    {
+      files: ["*.js?(x)", "*.ts?(x)"],
+    },
+  ],
 };

.gitignore

@@ -28,7 +28,6 @@ out/
 build
 dist
 
-
 # Debug
 npm-debug.log*
 yarn-debug.log*

README.md

@@ -1,13 +1,13 @@
-# React Email with Turborepo + npm
+# React Email + Turborepo + npm workspaces
 
-This example shows how to use React Email with [Turborepo](https://turbo.build) + [npm](https://npmjs.com).
+This example shows how to use React Email with [Turborepo](https://turbo.build) + [npm workspaces](https://docs.npmjs.com/cli/v10/using-npm/workspaces).
 
 ### Structure
 
 This monorepo includes the following apps:
 
-- `apps/next`: a [Next.js](https://nextjs.org) app
-- `apps/react-email`: a [react.email](https://react.email) app
+- `apps/web`: a [Next.js](https://nextjs.org) app
+- `packages/transactional`: a package with [react.email](https://react.email) email templates
 
 ## Instructions
 
@@ -23,11 +23,11 @@ npm install
 npm run dev
   ```
 
-4. Open URLs in the browser:
+3. Open URL in the browser:
 
 * http://localhost:3000
 * http://localhost:3001
 
 ## License
 
-MIT License
+MIT License

packages/eslint-config/next.js → apps/web/.eslintrc.js

@@ -7,17 +7,17 @@ module.exports = {
   extends: [
     "eslint:recommended",
     "prettier",
-    require.resolve("@vercel/style-guide/eslint/next"),
-    "eslint-config-turbo",
+    require.resolve("@vercel/style-guide/eslint/next")
   ],
+  parser: '@typescript-eslint/parser',
   globals: {
     React: true,
     JSX: true,
   },
   env: {
     node: true,
   },
-  plugins: ["only-warn"],
+  plugins: ["only-warn", "@typescript-eslint"],
   settings: {
     "import/resolver": {
       typescript: {

apps/web/README.md

@@ -0,0 +1,17 @@
+## NextJS Web app
+
+A simple example NextJS app that imports the email template from the 
+[transactional](../../packages/transactional/readme.md) package and renders 
+it on the index page.
+
+### Running app
+
+If you want to run the app individually you can just run:
+
+```sh
+npm run dev
+```
+
+## License
+
+MIT License

apps/web/app/page.tsx

@@ -0,0 +1,11 @@
+import { render } from '@react-email/components';
+
+import { VercelInviteUserEmail } from 'transactional/emails/vercel-invite-user';
+
+export default function Page(): JSX.Element {
+  const emailHTML = render(VercelInviteUserEmail({ }));
+
+  return (
+    <div dangerouslySetInnerHTML={{ __html: emailHTML }} />
+  );
+}

apps/next/package.json → apps/web/package.json

@@ -9,14 +9,14 @@
     "lint": "eslint . --max-warnings 0"
   },
   "dependencies": {
+    "@react-email/components": "0.0.12",
     "next": "^14.0.3",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "transactional": "^1.0.0"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^14.0.2",
-    "@repo/eslint-config": "*",
-    "@repo/typescript-config": "*",
     "@types/eslint": "^8.44.7",
     "@types/node": "^17.0.12",
     "@types/react": "^18.0.22",

apps/next/tsconfig.json → apps/web/tsconfig.json

@@ -1,6 +1,12 @@
 {
-  "extends": "@repo/typescript-config/nextjs.json",
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowJs": true,
+    "jsx": "preserve",
+    "noEmit": true,
     "plugins": [
       {
         "name": "next"