fix: allow importing code transform from cjs

Author: skoshx

examples/with-express/package.json

@@ -5,7 +5,8 @@
 	"type": "module",
 	"scripts": {
 		"build": "rollup -c",
-		"build:esbuild": "node esbuild.build.js"
+		"build:esbuild": "node esbuild.build.js",
+		"build:webpack": "webpack"
 	},
 	"dependencies": {
 		"@rollup/plugin-commonjs": "^25.0.0",
@@ -17,6 +18,11 @@
 		"useflytrap": "workspace:*"
 	},
 	"devDependencies": {
-		"@types/express": "^4.17.17"
+		"@types/express": "^4.17.17",
+		"@types/webpack": "^5.28.1",
+		"ts-loader": "^9.4.4",
+		"webpack": "^5.88.0",
+		"webpack-cli": "^5.1.4",
+		"webpack-node-externals": "^3.0.0"
 	}
 }

examples/with-express/src/index.ts

@@ -32,9 +32,9 @@ app.put('/todos/:id', (req: Request, res: Response) => {
 
 	const foundTodo = todos.find((todo) => todo.id === id)
 
-	// @ts-expect-error
+	// @ts-ignore
 	foundTodo.completed = req.body.completed
-	// @ts-expect-error
+	// @ts-ignore
 	foundTodo.title = req.body.title
 
 	res.json(foundTodo)

examples/with-express/webpack.config.cjs

@@ -0,0 +1,34 @@
+// @ts-check
+const path = require('path');
+const nodeExternals = require('webpack-node-externals');
+const { FlytrapTransformPlugin } = require('useflytrap/transform');
+
+/** @type { import('webpack').Configuration } */
+module.exports = {
+  target: 'node',
+	mode: 'production',
+  externals: [nodeExternals()],
+  entry: {
+    app: './src/index.ts'
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].cjs'
+  },
+  resolve: {
+    extensions: ['.ts', '.js'],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: [
+          'ts-loader',
+        ],
+      },
+    ],
+  },
+	plugins: [
+		FlytrapTransformPlugin.webpack()
+	]
+};