@nx-extend/react-email 0.0.1 → 0.1.1

package/CHANGELOG.md

@@ -2,4 +2,17 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.1.1](https://github.com/TriPSs/nx-extend/compare/react-email@0.1.0...react-email@0.1.1) (2024-01-18)
+
+
+
+# [0.1.0](https://github.com/TriPSs/nx-extend/compare/react-email@0.0.1...react-email@0.1.0) (2023-12-19)
+
+
+### Features
+
+* **react-email:** Added react email package ([e5e64c8](https://github.com/TriPSs/nx-extend/commit/e5e64c8ce600176b5d40b6c5e6f11affb8349169))
+
+
+
 ## 0.0.1 (2023-12-19)

package/README.md

@@ -12,4 +12,23 @@
 
 ```sh
 npm install -D @nx-extend/react-email
+nx g @nx-extend/react-email:init
 ```
+
+## Usage
+
+### Serve
+
+#### Available options:
+
+| name | type | default | description |
+|------|------|---------|-------------|
+
+### Export
+
+#### Available options:
+
+| name               | type     | default | description                        |
+|--------------------|----------|---------|------------------------------------|
+| **`--outputPath`** | `string` |         | Output path to output the build to |
+

package/executors.json

@@ -1,7 +1,26 @@
 {
   "executors": {
-
+    "serve": {
+      "implementation": "./src/executors/serve/serve.impl",
+      "schema": "./src/executors/serve/schema.json",
+      "description": "Start react email in dev mode."
+    },
+    "export": {
+      "implementation": "./src/executors/export/export.impl",
+      "schema": "./src/executors/export/schema.json",
+      "description": "export react email"
+    }
   },
   "builders": {
+    "serve": {
+      "implementation": "./src/executors/serve/serve.impl",
+      "schema": "./src/executors/serve/schema.json",
+      "description": "Start react email in dev mode."
+    },
+    "export": {
+      "implementation": "./src/executors/export/export.impl",
+      "schema": "./src/executors/export/schema.json",
+      "description": "export react email"
+    }
   }
 }

package/generators.json

@@ -3,6 +3,10 @@
   "name": "react-email",
   "version": "0.0.1",
   "generators": {
-
+    "init": {
+      "factory": "./src/generators/init/init.impl",
+      "schema": "./src/generators/init/schema.json",
+      "description": "react email generator"
+    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx-extend/react-email",
-  "version": "0.0.1",
+  "version": "0.1.1",
   "keywords": [
     "nx",
     "react-email"
@@ -15,9 +15,19 @@
   },
   "license": "MIT",
   "main": "./src/index.js",
+  "devDependencies": {
+    "@react-email/components": "^0.0.13",
+    "react-email": "^1.10.1"
+  },
   "builders": "./executors.json",
   "generators": "./generators.json",
   "dependencies": {
+    "@nx/devkit": "17.2.7",
+    "@nx/workspace": "17.2.7",
+    "@react-email/components": "0.0.13",
+    "react-email": "1.10.1",
+    "shelljs": "^0.8.5",
+    "@nx-extend/core": "5.2.1",
     "tslib": "2.6.2"
   },
   "type": "commonjs"

package/src/executors/export/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/executors/export/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const export_impl_1 = require("./export.impl");
+exports.default = (0, devkit_1.convertNxExecutor)(export_impl_1.exportExecutor);
+//# sourceMappingURL=compat.js.map

package/src/executors/export/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/react-email/src/executors/export/compat.ts"],"names":[],"mappings":";;AAAA,uCAA8C;AAE9C,+CAA8C;AAE9C,kBAAe,IAAA,0BAAiB,EAAC,4BAAc,CAAC,CAAA"}

package/src/executors/export/export.impl.d.ts

@@ -0,0 +1,11 @@
+import { ExecutorContext } from '@nx/devkit';
+import 'dotenv/config';
+export interface ServeExecutorOptions {
+    outputPath: string;
+    pretty?: boolean;
+    plainText?: boolean;
+}
+export declare function exportExecutor(options: ServeExecutorOptions, context: ExecutorContext): Promise<{
+    success: boolean;
+}>;
+export default exportExecutor;

package/src/executors/export/export.impl.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exportExecutor = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@nx-extend/core");
+require("dotenv/config");
+function exportExecutor(options, context) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { sourceRoot, root } = context.workspace.projects[context.projectName];
+        if (!options.outputPath) {
+            throw new Error('No "outputPath" defined in options!');
+        }
+        return (0, core_1.execPackageManagerCommand)((0, core_1.buildCommand)([
+            'email export',
+            `--dir=${sourceRoot || root}`,
+            `--outDir=${options.outputPath}`,
+            options.pretty && `--pretty`,
+            options.plainText && `--plainText`
+        ]), {
+            env: process.env
+        });
+    });
+}
+exports.exportExecutor = exportExecutor;
+exports.default = exportExecutor;
+//# sourceMappingURL=export.impl.js.map

package/src/executors/export/export.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export.impl.js","sourceRoot":"","sources":["../../../../../../packages/react-email/src/executors/export/export.impl.ts"],"names":[],"mappings":";;;;AACA,0CAAyE;AAEzE,yBAAsB;AAQtB,SAAsB,cAAc,CAClC,OAA6B,EAC7B,OAAwB;;QAExB,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;QAE5E,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;YACxB,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;QACxD,CAAC;QAED,OAAO,IAAA,gCAAyB,EAAC,IAAA,mBAAY,EAAC;YAC5C,cAAc;YACd,SAAS,UAAU,IAAI,IAAI,EAAE;YAC7B,YAAY,OAAO,CAAC,UAAU,EAAE;YAChC,OAAO,CAAC,MAAM,IAAI,UAAU;YAC5B,OAAO,CAAC,SAAS,IAAI,aAAa;SACnC,CAAC,EAAE;YACF,GAAG,EAAE,OAAO,CAAC,GAAG;SACjB,CAAC,CAAA;IACJ,CAAC;CAAA;AAnBD,wCAmBC;AAED,kBAAe,cAAc,CAAA"}

package/src/executors/export/export.impl.ts

@@ -0,0 +1,33 @@
+import { ExecutorContext } from '@nx/devkit'
+import { buildCommand, execPackageManagerCommand } from '@nx-extend/core'
+
+import 'dotenv/config'
+
+export interface ServeExecutorOptions {
+  outputPath: string
+  pretty?: boolean
+  plainText?: boolean
+}
+
+export async function exportExecutor(
+  options: ServeExecutorOptions,
+  context: ExecutorContext
+): Promise<{ success: boolean }> {
+  const { sourceRoot, root } = context.workspace.projects[context.projectName]
+
+  if (!options.outputPath) {
+    throw new Error('No "outputPath" defined in options!')
+  }
+
+  return execPackageManagerCommand(buildCommand([
+    'email export',
+    `--dir=${sourceRoot || root}`,
+    `--outDir=${options.outputPath}`,
+    options.pretty && `--pretty`,
+    options.plainText && `--plainText`
+  ]), {
+    env: process.env
+  })
+}
+
+export default exportExecutor

package/src/executors/export/schema.json

@@ -0,0 +1,21 @@
+{
+  "version": 2,
+  "outputCapture": "direct-nodejs",
+  "type": "object",
+  "title": "Export executor",
+  "description": "Export react email",
+  "properties": {
+    "outputPath": {
+      "type": "string"
+    },
+    "pretty": {
+      "type": "boolean",
+      "default": false
+    },
+    "plainText": {
+      "type": "boolean",
+      "default": false
+    }
+  },
+  "required": ["outputPath"]
+}

package/src/executors/serve/compat.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/src/executors/serve/compat.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const serve_impl_1 = require("./serve.impl");
+exports.default = (0, devkit_1.convertNxExecutor)(serve_impl_1.serveExecutor);
+//# sourceMappingURL=compat.js.map

package/src/executors/serve/compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compat.js","sourceRoot":"","sources":["../../../../../../packages/react-email/src/executors/serve/compat.ts"],"names":[],"mappings":";;AAAA,uCAA8C;AAE9C,6CAA4C;AAE5C,kBAAe,IAAA,0BAAiB,EAAC,0BAAa,CAAC,CAAA"}

package/src/executors/serve/schema.json

@@ -0,0 +1,13 @@
+{
+  "version": 2,
+  "outputCapture": "direct-nodejs",
+  "type": "object",
+  "title": "Serve executor",
+  "description": "Runs react email",
+  "properties": {
+    "port": {
+      "type": "string"
+    }
+  },
+  "required": []
+}

package/src/executors/serve/serve.impl.d.ts

@@ -0,0 +1,9 @@
+import { ExecutorContext } from '@nx/devkit';
+import 'dotenv/config';
+export interface ServeExecutorOptions {
+    port?: string;
+}
+export declare function serveExecutor(options: ServeExecutorOptions, context: ExecutorContext): Promise<{
+    success: boolean;
+}>;
+export default serveExecutor;

package/src/executors/serve/serve.impl.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serveExecutor = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@nx-extend/core");
+require("dotenv/config");
+function serveExecutor(options, context) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { sourceRoot, root } = context.workspace.projects[context.projectName];
+        return (0, core_1.execPackageManagerCommand)((0, core_1.buildCommand)([
+            'email dev',
+            `--dir=${sourceRoot || root}`,
+            options.port && `--port=${options.port}`
+        ]), {
+            env: process.env
+        });
+    });
+}
+exports.serveExecutor = serveExecutor;
+exports.default = serveExecutor;
+//# sourceMappingURL=serve.impl.js.map

package/src/executors/serve/serve.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serve.impl.js","sourceRoot":"","sources":["../../../../../../packages/react-email/src/executors/serve/serve.impl.ts"],"names":[],"mappings":";;;;AACA,0CAAyE;AAEzE,yBAAsB;AAMtB,SAAsB,aAAa,CACjC,OAA6B,EAC7B,OAAwB;;QAExB,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;QAE5E,OAAO,IAAA,gCAAyB,EAAC,IAAA,mBAAY,EAAC;YAC5C,WAAW;YACX,SAAS,UAAU,IAAI,IAAI,EAAE;YAC7B,OAAO,CAAC,IAAI,IAAI,UAAU,OAAO,CAAC,IAAI,EAAE;SACzC,CAAC,EAAE;YACF,GAAG,EAAE,OAAO,CAAC,GAAG;SACjB,CAAC,CAAA;IACJ,CAAC;CAAA;AAbD,sCAaC;AAED,kBAAe,aAAa,CAAA"}

package/src/executors/serve/serve.impl.ts

@@ -0,0 +1,25 @@
+import { ExecutorContext } from '@nx/devkit'
+import { buildCommand, execPackageManagerCommand } from '@nx-extend/core'
+
+import 'dotenv/config'
+
+export interface ServeExecutorOptions {
+  port?: string
+}
+
+export async function serveExecutor(
+  options: ServeExecutorOptions,
+  context: ExecutorContext
+): Promise<{ success: boolean }> {
+  const { sourceRoot, root } = context.workspace.projects[context.projectName]
+
+  return execPackageManagerCommand(buildCommand([
+    'email dev',
+    `--dir=${sourceRoot || root}`,
+    options.port && `--port=${options.port}`
+  ]), {
+    env: process.env
+  })
+}
+
+export default serveExecutor

package/src/generators/init/files/src/index.tsx.template

@@ -0,0 +1,15 @@
+import { Button, Html } from "@react-email/components";
+import * as React from "react";
+
+export default function Email() {
+  return (
+    <Html>
+      <Button
+        href="https://example.com"
+        style={{ background: "#000", color: "#fff", padding: "12px 20px" }}
+      >
+        Click me
+      </Button>
+    </Html>
+  );
+}

package/src/generators/init/init.impl.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import type { ReactEmailSchema } from './schema';
+export default function (host: Tree, options: ReactEmailSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/init/init.impl.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const core_1 = require("@nx-extend/core");
+const path = require("path");
+const package_json_1 = require("../../../package.json");
+function addFiles(host, options) {
+    (0, devkit_1.generateFiles)(host, path.join(__dirname, 'files'), options.projectRoot, Object.assign(Object.assign(Object.assign({}, options), (0, devkit_1.names)(options.name)), { offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.projectRoot), template: '' }));
+}
+function default_1(host, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const normalizedOptions = (0, core_1.normalizeOptions)(host, options);
+        (0, devkit_1.addProjectConfiguration)(host, normalizedOptions.projectName, {
+            root: normalizedOptions.projectRoot,
+            projectType: 'application',
+            sourceRoot: `${normalizedOptions.projectRoot}/src`,
+            targets: {
+                serve: {
+                    executor: '@nx-extend/react-email:serve',
+                    options: {}
+                },
+                export: {
+                    executor: '@nx-extend/react-email:export',
+                    outputs: ['{options.outputPath}'],
+                    defaultConfiguration: 'production',
+                    options: {
+                        outputPath: `dist/${normalizedOptions.projectRoot}`
+                    },
+                    configurations: {
+                        production: {
+                            pretty: false
+                        }
+                    }
+                }
+            },
+            tags: normalizedOptions.parsedTags
+        });
+        addFiles(host, normalizedOptions);
+        yield (0, devkit_1.formatFiles)(host);
+        return (0, devkit_1.runTasksInSerial)((0, devkit_1.addDependenciesToPackageJson)(host, {}, {
+            'react-email': package_json_1.devDependencies['react-email'],
+            '@react-email/components': package_json_1.devDependencies['@react-email/components']
+        }));
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=init.impl.js.map

package/src/generators/init/init.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.impl.js","sourceRoot":"","sources":["../../../../../../packages/react-email/src/generators/init/init.impl.ts"],"names":[],"mappings":";;;AAAA,uCAQmB;AACnB,0CAAoE;AACpE,6BAA4B;AAI5B,wDAAuD;AAEvD,SAAS,QAAQ,CAAC,IAAU,EAAE,OAAyB;IACrD,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,gDACjE,OAAO,GACP,IAAA,cAAK,EAAC,OAAO,CAAC,IAAI,CAAC,KACtB,cAAc,EAAE,IAAA,uBAAc,EAAC,OAAO,CAAC,WAAW,CAAC,EACnD,QAAQ,EAAE,EAAE,IACZ,CAAA;AACJ,CAAC;AAED,mBAA+B,IAAU,EAAE,OAAyB;;QAClE,MAAM,iBAAiB,GAAG,IAAA,uBAAgB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;QAEzD,IAAA,gCAAuB,EAAC,IAAI,EAAE,iBAAiB,CAAC,WAAW,EAAE;YAC3D,IAAI,EAAE,iBAAiB,CAAC,WAAW;YACnC,WAAW,EAAE,aAAa;YAC1B,UAAU,EAAE,GAAG,iBAAiB,CAAC,WAAW,MAAM;YAClD,OAAO,EAAE;gBACP,KAAK,EAAE;oBACL,QAAQ,EAAE,8BAA8B;oBACxC,OAAO,EAAE,EAAE;iBACZ;gBACD,MAAM,EAAE;oBACN,QAAQ,EAAE,+BAA+B;oBACzC,OAAO,EAAE,CAAC,sBAAsB,CAAC;oBACjC,oBAAoB,EAAE,YAAY;oBAClC,OAAO,EAAE;wBACP,UAAU,EAAE,QAAQ,iBAAiB,CAAC,WAAW,EAAE;qBACpD;oBACD,cAAc,EAAE;wBACd,UAAU,EAAE;4BACV,MAAM,EAAE,KAAK;yBACd;qBACF;iBACF;aACF;YACD,IAAI,EAAE,iBAAiB,CAAC,UAAU;SACnC,CAAC,CAAA;QAEF,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAA;QACjC,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAA;QAEvB,OAAO,IAAA,yBAAgB,EACrB,IAAA,qCAA4B,EAC1B,IAAI,EACJ,EAAE,EACF;YACE,aAAa,EAAE,8BAAe,CAAC,aAAa,CAAC;YAC7C,yBAAyB,EAAE,8BAAe,CAAC,yBAAyB,CAAC;SACtE,CACF,CACF,CAAA;IACH,CAAC;CAAA;AA1CD,4BA0CC"}

package/src/generators/init/init.impl.ts

@@ -0,0 +1,68 @@
+import {
+  addDependenciesToPackageJson,
+  addProjectConfiguration,
+  formatFiles,
+  generateFiles,
+  names,
+  offsetFromRoot, runTasksInSerial,
+  Tree
+} from '@nx/devkit'
+import { NormalizedSchema, normalizeOptions } from '@nx-extend/core'
+import * as path from 'path'
+
+import type { ReactEmailSchema } from './schema'
+
+import { devDependencies } from '../../../package.json'
+
+function addFiles(host: Tree, options: NormalizedSchema) {
+  generateFiles(host, path.join(__dirname, 'files'), options.projectRoot, {
+    ...options,
+    ...names(options.name),
+    offsetFromRoot: offsetFromRoot(options.projectRoot),
+    template: ''
+  })
+}
+
+export default async function (host: Tree, options: ReactEmailSchema) {
+  const normalizedOptions = normalizeOptions(host, options)
+
+  addProjectConfiguration(host, normalizedOptions.projectName, {
+    root: normalizedOptions.projectRoot,
+    projectType: 'application',
+    sourceRoot: `${normalizedOptions.projectRoot}/src`,
+    targets: {
+      serve: {
+        executor: '@nx-extend/react-email:serve',
+        options: {}
+      },
+      export: {
+        executor: '@nx-extend/react-email:export',
+        outputs: ['{options.outputPath}'],
+        defaultConfiguration: 'production',
+        options: {
+          outputPath: `dist/${normalizedOptions.projectRoot}`
+        },
+        configurations: {
+          production: {
+            pretty: false
+          }
+        }
+      }
+    },
+    tags: normalizedOptions.parsedTags
+  })
+
+  addFiles(host, normalizedOptions)
+  await formatFiles(host)
+
+  return runTasksInSerial(
+    addDependenciesToPackageJson(
+      host,
+      {},
+      {
+        'react-email': devDependencies['react-email'],
+        '@react-email/components': devDependencies['@react-email/components']
+      }
+    )
+  )
+}

package/src/generators/init/schema.d.ts

@@ -0,0 +1,5 @@
+export interface ReactEmailSchema {
+  name: string
+  tags?: string
+  directory?: string
+}

package/src/generators/init/schema.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "type": "object",
+  "id": "Strapi",
+  "title": "",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use?"
+    },
+    "tags": {
+      "type": "string",
+      "description": "Add tags to the project (used for linting)",
+      "alias": "t"
+    },
+    "directory": {
+      "type": "string",
+      "description": "A directory where the project is placed",
+      "alias": "d"
+    }
+  },
+  "required": [
+    "name"
+  ]
+}