fix: inject ESM globals for TypeScript files using __dirname/__filename

Problem:
When TypeScript files use __dirname or __filename (CommonJS globals),
they fail after transpilation to ESM with:
'ReferenceError: __dirname is not defined in ES module scope'

Solution:
- Detect usage of __dirname/__filename in transpiled code
- Automatically inject ESM equivalents at the top of transpiled files:
  * import { fileURLToPath } from 'url'
  * import { dirname } from 'path'
  * const __filename = fileURLToPath(import.meta.url)
  * const __dirname = dirname(__filename)

Testing:
- Added test case with TypeScript file using __dirname/__filename
- All 481 container tests pass
- Verified transpiled code works without ReferenceError

Version: 4.0.0-beta.10 -> 4.0.0-beta.11

Author: kobenguyent

lib/container.js

@@ -690,13 +690,27 @@ async function loadSupportObject(modulePath, supportObjectName) {
             const tsContent = fs.readFileSync(filePath, 'utf8')
 
             // Transpile TypeScript to JavaScript with ES module output
-            const jsContent = transpile(tsContent, {
+            let jsContent = transpile(tsContent, {
               module: 99, // ModuleKind.ESNext
               target: 99, // ScriptTarget.ESNext
               esModuleInterop: true,
               allowSyntheticDefaultImports: true,
             })
 
+            // Check if the code uses __dirname or __filename (CommonJS globals)
+            const usesCommonJSGlobals = /__dirname|__filename/.test(jsContent)
+            
+            if (usesCommonJSGlobals) {
+              // Inject ESM equivalents at the top of the file
+              const esmGlobals = `import { fileURLToPath as __fileURLToPath } from 'url';
+import { dirname as __dirname_fn } from 'path';
+const __filename = __fileURLToPath(import.meta.url);
+const __dirname = __dirname_fn(__filename);
+
+`
+              jsContent = esmGlobals + jsContent
+            }
+            
             return jsContent
           }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeceptjs",
-  "version": "4.0.0-beta.10.esm-aria",
+  "version": "4.0.0-beta.11.esm-aria",
   "type": "module",
   "description": "Supercharged End 2 End Testing Framework for NodeJS",
   "keywords": [

test/data/typescript-support/steps_with_dirname.ts

@@ -0,0 +1,15 @@
+// Test TypeScript file that uses __dirname
+import path from 'path'
+
+export default function() {
+  return {
+    getConfigPath() {
+      // This will fail after transpilation because __dirname is not defined in ESM
+      return path.join(__dirname, 'config.json')
+    },
+    
+    getCurrentFile() {
+      return __filename
+    }
+  }
+}

test/unit/container_test.js

@@ -320,5 +320,20 @@ describe('Container', () => {
       expect(I.useHelper).to.exist
       expect(I.getConstant).to.exist
     })
+
+    it('should handle TypeScript files that use __dirname and __filename', async () => {
+      const tsStepsPath = path.join(__dirname, '../data/typescript-support/steps_with_dirname.ts')
+      await container.create({
+        include: {
+          I: tsStepsPath
+        }
+      })
+      
+      const I = container.support('I')
+      expect(I).to.be.ok
+      expect(I.getConfigPath).to.be.a('function')
+      expect(I.getCurrentFile).to.be.a('function')
+      // The test verifies that the file loads without "ReferenceError: __dirname is not defined"
+    })
   })
 })