mailtrap-plugin 1.0.0 → 1.1.0

package/dist/node-bundle.js.LICENSE.txt

@@ -0,0 +1,15 @@
+/*!
+ * mime-db
+ * Copyright(c) 2014 Jonathan Ong
+ * Copyright(c) 2015-2022 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+
+/*!
+ * mime-types
+ * Copyright(c) 2014 Jonathan Ong
+ * Copyright(c) 2015 Douglas Christopher Wilson
+ * MIT Licensed
+ */
+
+/*! Axios v1.13.2 Copyright (c) 2025 Matt Zabriskie and contributors */

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "mailtrap-plugin",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Mailtrap plugin to Flow requests",
-  "main": "dist/index.js",
+  "main": "./dist/node-bundle.js",
+  "browser": "./dist/browser-bundle.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "scripts": {
     "build": "webpack",
-    "prepublish": "pnpm run build",
     "preinstall": "pnpm run build",
     "start": "tsx src/index.ts",
     "test": "jest ./tests/*.spec.ts"

package/webpack.config.cjs

@@ -1,8 +1,24 @@
 const path = require("path");
 
-module.exports = {
-  entry: "./src/index.ts", // Your main entry file
-  mode: "production", // Use 'development' for dev, 'production' for final output
+// Helper to get __dirname equivalent in ESM
+// const __filename = fileURLToPath(import.meta.url);
+// const __dirname = path.dirname(__filename);
+
+const commonConfig = {
+  entry: "./src/index.ts",
+  mode: "production",
+  // Shared output settings
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    library: {
+      name: "AlertMessage",
+      type: "var",
+    },
+  },
+  // Ensure we can resolve ESM modules strictly
+  resolve: {
+    extensions: ["ts", ".js", ".mjs"],
+  },
   module: {
     rules: [
       {
@@ -12,13 +28,73 @@ module.exports = {
       },
     ],
   },
-  resolve: {
-    extensions: [".ts", ".js"],
+
+  // Add other loaders (e.g., Babel) if needed
+};
+
+// Configuration for Node.js bundle
+const nodeConfig = {
+  ...commonConfig,
+  target: "node", // Target Node.js environment
+  output: {
+    ...commonConfig.output,
+    filename: "node-bundle.js",
+    library: {
+      type: "module", // Output as an ES module
+    },
+  },
+  // Tells webpack to externalize node_modules
+  // (typically you don't bundle them for Node)
+  externalsPresets: { node: true },
+  experiments: {
+    outputModule: true, // Enable experimental output module support
   },
+};
+
+// Configuration for Browser bundle
+const browserConfig = {
+  ...commonConfig,
+  target: "web", // Target web environment
   output: {
-    filename: "bundle.js",
-    path: path.resolve(__dirname, "dist"),
-    library: "MailtrapPlugin",
-    libraryTarget: "umd",
+    ...commonConfig.output,
+    filename: "browser-bundle.js",
+    // You can use 'module' here as well, but 'umd' or 'assign'
+    // are more flexible for general browser usage (e.g., script tag or module import)
+    // 'module' requires <script type="module">
+    library: {
+      ...commonConfig.output.library,
+      type: "umd",
+    },
+  },
+  experiments: {
+    outputModule: true, // Enable experimental output module support
   },
 };
+
+module.exports = [nodeConfig, browserConfig];
+
+// module.exports = {
+//   entry: "./src/index.ts", // Your main entry file
+//   mode: "production", // Use 'development' for dev, 'production' for final output
+//   module: {
+//     rules: [
+//       {
+//         test: /\.ts$/,
+//         use: "ts-loader",
+//         exclude: /node_modules/,
+//       },
+//     ],
+//   },
+//   resolve: {
+//     extensions: [".ts", ".js"],
+//   },
+//   output: {
+//     filename: "bundle.js",
+//     path: path.resolve(__dirname, "dist"),
+//     library: {
+//       name: "AlertMessage",
+//       type: "var",
+//     },
+//     libraryTarget: "umd",
+//   },
+// };