build: enable ESM bundling

getlarge · Dec 15, 2023 · a5f70ca · a5f70ca
1 parent a95223a
commit a5f70ca
Show file tree

Hide file tree

Showing 50 changed files with 324 additions and 155 deletions.
diff --git a/apps/auth/openapi.json b/apps/auth/openapi.json
@@ -149,7 +149,10 @@
       "url": "http://localhost:3000"
     },
     {
-      "url": "http://localhost"
+      "url": "http://localhost:8080"
+    },
+    {
+      "url": "http://ticketing.dev"
     }
   ],
   "components": {

diff --git a/apps/auth/project.json b/apps/auth/project.json
@@ -9,13 +9,14 @@
       "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/apps/auth",
+        "outputFileName": "main.mjs",
         "main": "apps/auth/src/main.ts",
         "tsConfig": "apps/auth/tsconfig.app.json",
         "assets": ["apps/auth/src/assets"],
         "generatePackageJson": true,
         "target": "node",
         "compiler": "tsc",
-        "webpackConfig": "apps/auth/webpack.config.js",
+        "webpackConfig": "apps/auth/webpack.config.cjs",
         "isolatedConfig": true,
         "babelUpwardRootMode": true
       },

diff --git a/apps/auth/src/app/env/index.ts b/apps/auth/src/app/env/index.ts
@@ -7,23 +7,29 @@ import {
   OryEnvironmentVariables,
 } from '@ticketing/microservices/shared/env';
 import { Exclude } from 'class-transformer';
-import { readFileSync } from 'fs';
-import { join } from 'path';
+import { readFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { Mixin } from 'ts-mixer';
 
 export type AppConfigService = ConfigService<EnvironmentVariables, true>;
 
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkgPath = join(__dirname, '..', '..', '..', '..', '..', 'package.json');
+
 export class EnvironmentVariables extends Mixin(
   BaseEnvironmentVariables,
   JWTEnvironmentVariables,
   MongoEnvironmentVariables,
   OryEnvironmentVariables,
-  OryActionEnvironmentVariables
+  OryActionEnvironmentVariables,
 ) {
   @Exclude()
   private pkg: { [key: string]: unknown; name?: string; version?: string } =
-    // eslint-disable-next-line security/detect-non-literal-fs-filename
-    JSON.parse(readFileSync(join(process.cwd(), 'package.json'), 'utf8'));
+    JSON.parse(
+      // eslint-disable-next-line security/detect-non-literal-fs-filename
+      readFileSync(pkgPath, 'utf8'),
+    );
 
   APP_NAME?: string = 'auth';
 

diff --git a/apps/auth/src/app/users/schemas/user.schema.ts b/apps/auth/src/app/users/schemas/user.schema.ts
@@ -1,5 +1,5 @@
 import { Prop, Schema, SchemaFactory } from '@nestjs/mongoose';
-import { omit } from 'lodash';
+import { omit } from 'lodash-es';
 import { Document, Model } from 'mongoose';
 
 import { User as UserAttrs } from '../models';

diff --git a/apps/auth/tsconfig.app.json b/apps/auth/tsconfig.app.json
@@ -2,10 +2,20 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["node"],
     "emitDecoratorMetadata": true,
+    "moduleResolution": "Bundler",
+    "module": "esnext",
+    "target": "es2022",
+    "types": [
+      "node"
+    ],
   },
-  "exclude": ["**/*.spec.ts", "**/*.e2e-spec.ts", "jest.config.ts"],
-  "include": ["**/*.ts"]
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.e2e-spec.ts",
+    "jest.config.ts"
+  ],
+  "include": [
+    "**/*.ts"
+  ]
 }
diff --git a/apps/auth/tsconfig.spec.json b/apps/auth/tsconfig.spec.json
@@ -2,7 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
+   "module": "esnext",
     "emitDecoratorMetadata": true,
     "types": [
       "jest",

diff --git a/apps/auth/webpack.config.cjs b/apps/auth/webpack.config.cjs
@@ -0,0 +1,43 @@
+const { composePlugins, withNx } = require('@nx/webpack');
+const nodeExternals = require('webpack-node-externals');
+
+// workaround to load ESM modules in node
+// @see https://github.com/nrwl/nx/pull/10414
+// @see https://github.com/nrwl/nx/issues/7872#issuecomment-997460397
+
+// Nx plugins for webpack.
+module.exports = composePlugins(withNx(), (config) => {
+  config.resolve.extensionAlias = {
+    ...config.resolve.extensionAlias,
+    '.js': ['.ts', '.js'],
+    '.mjs': ['.mts', '.mjs'],
+  };
+  return {
+    ...config,
+    externalsPresets: {
+      node: true,
+    },
+    output: {
+      ...config.output,
+      module: true,
+      libraryTarget: 'module',
+      chunkFormat: 'module',
+      filename: '[name].mjs',
+      chunkFilename: '[name].mjs',
+      library: {
+        type: 'module',
+      },
+      environment: {
+        module: true,
+      },
+    },
+    experiments: {
+      ...config.experiments,
+      outputModule: true,
+      topLevelAwait: true,
+    },
+    externals: nodeExternals({
+      importType: 'module',
+    }),
+  };
+});
diff --git a/apps/auth/webpack.config.js b/apps/auth/webpack.config.js
diff --git a/apps/expiration/project.json b/apps/expiration/project.json
@@ -9,13 +9,14 @@
       "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/apps/expiration",
+        "outputFileName": "main.mjs",
         "main": "apps/expiration/src/main.ts",
         "tsConfig": "apps/expiration/tsconfig.app.json",
         "assets": ["apps/expiration/src/assets"],
         "generatePackageJson": true,
         "target": "node",
         "compiler": "tsc",
-        "webpackConfig": "apps/expiration/webpack.config.js",
+        "webpackConfig": "apps/expiration/webpack.config.cjs",
         "isolatedConfig": true,
         "babelUpwardRootMode": true
       },

diff --git a/apps/expiration/src/app/env/index.ts b/apps/expiration/src/app/env/index.ts
@@ -6,19 +6,23 @@ import {
 } from '@ticketing/microservices/shared/env';
 import { Exclude } from 'class-transformer';
 import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { Mixin } from 'ts-mixer';
 
 export type AppConfigService = ConfigService<EnvironmentVariables, true>;
 
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkgPath = join(__dirname, '..', '..', '..', '..', '..', 'package.json');
+
 export class EnvironmentVariables extends Mixin(
   BaseEnvironmentVariables,
   RedisEnvironmentVariables,
   RmqEnvironmentVariables,
 ) {
   @Exclude()
   private pkg: { [key: string]: unknown; name?: string; version?: string } =
-    JSON.parse(readFileSync(join(process.cwd(), 'package.json'), 'utf8'));
+    JSON.parse(readFileSync(pkgPath, 'utf8'));
 
   APP_NAME?: string = 'expiration';
 

diff --git a/apps/expiration/tsconfig.app.json b/apps/expiration/tsconfig.app.json
@@ -2,11 +2,13 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
+    "emitDecoratorMetadata": true,
+    "moduleResolution": "Bundler",
+    "module": "esnext",
+    "target": "es2022",
     "types": [
       "node"
     ],
-    "emitDecoratorMetadata": true,
   },
   "exclude": [
     "**/*.spec.ts",

diff --git a/apps/expiration/tsconfig.spec.json b/apps/expiration/tsconfig.spec.json
@@ -2,7 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
+   "module": "esnext",
     "emitDecoratorMetadata": true,
     "types": ["jest", "node"],
     "allowJs": true

diff --git a/apps/expiration/webpack.config.cjs b/apps/expiration/webpack.config.cjs
@@ -0,0 +1,43 @@
+const { composePlugins, withNx } = require('@nx/webpack');
+const nodeExternals = require('webpack-node-externals');
+
+// workaround to load ESM modules in node
+// @see https://github.com/nrwl/nx/pull/10414
+// @see https://github.com/nrwl/nx/issues/7872#issuecomment-997460397
+
+// Nx plugins for webpack.
+module.exports = composePlugins(withNx(), (config) => {
+  config.resolve.extensionAlias = {
+    ...config.resolve.extensionAlias,
+    '.js': ['.ts', '.js'],
+    '.mjs': ['.mts', '.mjs'],
+  };
+  return {
+    ...config,
+    externalsPresets: {
+      node: true,
+    },
+    output: {
+      ...config.output,
+      module: true,
+      libraryTarget: 'module',
+      chunkFormat: 'module',
+      filename: '[name].mjs',
+      chunkFilename: '[name].mjs',
+      library: {
+        type: 'module',
+      },
+      environment: {
+        module: true,
+      },
+    },
+    experiments: {
+      ...config.experiments,
+      outputModule: true,
+      topLevelAwait: true,
+    },
+    externals: nodeExternals({
+      importType: 'module',
+    }),
+  };
+});
diff --git a/apps/expiration/webpack.config.js b/apps/expiration/webpack.config.js
diff --git a/apps/orders/project.json b/apps/orders/project.json
@@ -15,7 +15,7 @@
         "generatePackageJson": true,
         "target": "node",
         "compiler": "tsc",
-        "webpackConfig": "apps/orders/webpack.config.js",
+        "webpackConfig": "apps/orders/webpack.config.cjs",
         "isolatedConfig": true,
         "babelUpwardRootMode": true
       },

diff --git a/apps/orders/src/app/env/index.ts b/apps/orders/src/app/env/index.ts
@@ -9,11 +9,15 @@ import {
 import { Exclude, Expose } from 'class-transformer';
 import { IsNumber, IsOptional } from 'class-validator';
 import { readFileSync } from 'node:fs';
-import { join } from 'node:path';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { Mixin } from 'ts-mixer';
 
 export type AppConfigService = ConfigService<EnvironmentVariables, true>;
 
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkgPath = join(__dirname, '..', '..', '..', '..', '..', 'package.json');
+
 export class EnvironmentVariables extends Mixin(
   BaseEnvironmentVariables,
   JWTEnvironmentVariables,
@@ -23,7 +27,7 @@ export class EnvironmentVariables extends Mixin(
 ) {
   @Exclude()
   private pkg: { [key: string]: unknown; name?: string; version?: string } =
-    JSON.parse(readFileSync(join(process.cwd(), 'package.json'), 'utf8'));
+    JSON.parse(readFileSync(pkgPath, 'utf8'));
 
   APP_NAME?: string = 'orders';
 

diff --git a/apps/orders/src/app/orders/orders.service.ts b/apps/orders/src/app/orders/orders.service.ts
@@ -17,7 +17,7 @@ import {
 } from '@ticketing/microservices/shared/events';
 import { transactionManager } from '@ticketing/microservices/shared/mongo';
 import { User } from '@ticketing/shared/models';
-import { isEmpty } from 'lodash';
+import { isEmpty } from 'lodash-es';
 import { Model } from 'mongoose';
 import { lastValueFrom, Observable, zip } from 'rxjs';
 

diff --git a/apps/orders/src/app/orders/schemas/order.schema.ts b/apps/orders/src/app/orders/schemas/order.schema.ts
@@ -1,5 +1,5 @@
 import { Prop, Schema, SchemaFactory } from '@nestjs/mongoose';
-import { omit } from 'lodash';
+import { omit } from 'lodash-es';
 import { Document, Model, Schema as MongooseSchema } from 'mongoose';
 
 import { TicketDocument } from '../../tickets/schemas';

diff --git a/apps/orders/src/app/tickets/schemas/ticket.schema.ts b/apps/orders/src/app/tickets/schemas/ticket.schema.ts
@@ -1,5 +1,5 @@
 import { Prop, Schema, SchemaFactory } from '@nestjs/mongoose';
-import { omit } from 'lodash';
+import { omit } from 'lodash-es';
 import { Document, Model } from 'mongoose';
 
 import { OrderStatus } from '../../orders/models';
@@ -35,7 +35,6 @@ export class Ticket implements TicketAttrs {
 }
 
 export type TicketDocument = Ticket & Document;
-// export type TicketDocument = Ticket & Document<ObjectId>;
 
 export const TicketSchema = SchemaFactory.createForClass(Ticket);
 

diff --git a/apps/orders/tsconfig.app.json b/apps/orders/tsconfig.app.json
@@ -2,11 +2,13 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
+    "emitDecoratorMetadata": true,
+    "moduleResolution": "Bundler",
+    "module": "esnext",
+    "target": "es2022",
     "types": [
       "node"
     ],
-    "emitDecoratorMetadata": true,
   },
   "exclude": [
     "**/*.spec.ts",

diff --git a/apps/orders/tsconfig.spec.json b/apps/orders/tsconfig.spec.json
@@ -2,7 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
+   "module": "esnext",
     "emitDecoratorMetadata": true,
     "types": [
       "jest",