@lynxwall/cucumber-tsflow 7.2.0 → 7.3.0

package/lib/transpilers/esm/tsnode-exp-esm.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/transpilers/esm/tsnode-exp-esm.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require('ts-node/esm').register({
+    compilerOptions: {
+        module: 'nodeNext',
+        target: 'es2022',
+        strict: true,
+        allowJs: true,
+        allowSyntheticDefaultImports: true,
+        esModuleInterop: true,
+        experimentalDecorators: true,
+        resolveJsonModule: true,
+        skipLibCheck: true,
+        lib: ['es2022']
+    },
+    transpileOnly: true
+});
+require('tsconfig-paths').register();
+//# sourceMappingURL=tsnode-exp-esm.js.map

package/lib/transpilers/esm/tsnode-exp-esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tsnode-exp-esm.js","sourceRoot":"","sources":["../../../src/transpilers/esm/tsnode-exp-esm.ts"],"names":[],"mappings":";;AAEA,OAAO,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC;IAC/B,eAAe,EAAE;QAChB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,4BAA4B,EAAE,IAAI;QAClC,eAAe,EAAE,IAAI;QACrB,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,IAAI;QACvB,YAAY,EAAE,IAAI;QAClB,GAAG,EAAE,CAAC,QAAQ,CAAC;KACf;IACD,aAAa,EAAE,IAAI;CACnB,CAAC,CAAC;AAEH,OAAO,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC","sourcesContent":["import { SourceMap } from 'node:module';\r\n\r\nrequire('ts-node/esm').register({\r\n\tcompilerOptions: {\r\n\t\tmodule: 'nodeNext',\r\n\t\ttarget: 'es2022',\r\n\t\tstrict: true,\r\n\t\tallowJs: true,\r\n\t\tallowSyntheticDefaultImports: true,\r\n\t\tesModuleInterop: true,\r\n\t\texperimentalDecorators: true,\r\n\t\tresolveJsonModule: true,\r\n\t\tskipLibCheck: true,\r\n\t\tlib: ['es2022']\r\n\t},\r\n\ttranspileOnly: true\r\n});\r\n\r\nrequire('tsconfig-paths').register();\r\n"]}

package/lib/transpilers/esm/tsnode-loader.mjs

@@ -0,0 +1,107 @@
+import { pathToFileURL } from 'url';
+import { createRequire } from 'node:module';
+import { resolveSpecifier } from './loader-utils.mjs';
+import { loadConfig } from 'tsconfig-paths';
+import path from 'path';
+
+const require = createRequire(import.meta.url);
+
+// Load tsconfig to get paths
+const configLoaderResult = loadConfig(process.cwd());
+let paths = {};
+let baseUrl = './';
+
+if (configLoaderResult.resultType === 'success') {
+	paths = configLoaderResult.paths || {};
+	baseUrl = configLoaderResult.baseUrl || './';
+}
+
+// Create ts-node service with our configuration
+const tsNode = require('ts-node-maintained');
+
+const service = tsNode.create({
+	esm: true,
+	experimentalSpecifierResolution: 'node',
+	files: true,
+	transpileOnly: true,
+	compilerOptions: {
+		experimentalDecorators: process.env.CUCUMBER_EXPERIMENTAL_DECORATORS === 'true',
+		module: 'ESNext',
+		target: 'ES2022',
+		// Add path mapping to ts-node's compiler options
+		baseUrl: baseUrl,
+		paths: paths
+	}
+});
+
+// Create ESM hooks from the service
+const esmHooks = tsNode.createEsmHooks(service);
+
+export async function resolve(specifier, context, nextResolve) {
+	// Try common resolution logic (includes path mapping + extension resolution)
+	const resolved = await resolveSpecifier(specifier, context, {
+		checkExtensions: true,
+		handleTsFiles: true,
+		tsNodeHooks: esmHooks,
+		nextResolve
+	});
+
+	if (resolved) {
+		return resolved;
+	}
+
+	// Fall back to ts-node's resolver
+	return esmHooks.resolve(specifier, context, nextResolve);
+}
+
+export const load = async (url, context, nextLoad) => {
+	// Only intercept TypeScript files for path rewriting
+	if (url.endsWith('.ts') || url.endsWith('.tsx')) {
+		// First, let ts-node load the file
+		const result = await esmHooks.load(url, context, nextLoad);
+
+		// If we have path mappings, check if we need to rewrite the source
+		if (configLoaderResult.resultType === 'success' && configLoaderResult.paths) {
+			let code = result.source.toString();
+			let modified = false;
+
+			for (const [pattern, replacements] of Object.entries(configLoaderResult.paths)) {
+				// Convert TS path pattern to regex: @fixtures/* -> @fixtures/
+				const searchPattern = pattern.replace('/*', '/');
+				const searchRegex = new RegExp(`(from\\s+['"])${searchPattern}([^'"]+)(['"])`, 'g');
+
+				if (searchRegex.test(code)) {
+					// Get the replacement path (use first one if multiple)
+					const replacementPath = replacements[0].replace('/*', '');
+
+					code = code.replace(searchRegex, (match, prefix, importPath, suffix) => {
+						// Create the full path
+						const fullPath = path.join(configLoaderResult.absoluteBaseUrl, replacementPath, importPath);
+						// Convert to file:// URL for ESM
+						const fileUrl = pathToFileURL(fullPath).href;
+						return `${prefix}${fileUrl}${suffix}`;
+					});
+
+					modified = true;
+				}
+			}
+
+			if (modified) {
+				// Return the modified result
+				return {
+					...result,
+					source: code
+				};
+			}
+		}
+
+		// Return the unmodified result from ts-node
+		return result;
+	}
+
+	// For non-TypeScript files, let ts-node handle it
+	return esmHooks.load(url, context, nextLoad);
+};
+
+export const getFormat = esmHooks.getFormat;
+export const transformSource = esmHooks.transformSource;

package/lib/transpilers/esm/tsnode-service.mjs

@@ -0,0 +1,40 @@
+import { createRequire } from 'module';
+
+const require = createRequire(import.meta.url);
+const tsNode = require('ts-node-maintained');
+
+// Cache for different ts-node configurations
+const serviceCache = new Map();
+
+export function createTsNodeService(options = {}) {
+	const cacheKey = JSON.stringify(options);
+
+	if (serviceCache.has(cacheKey)) {
+		return serviceCache.get(cacheKey);
+	}
+
+	// Ensure ts-node respects tsconfig.json files
+	process.env.TS_NODE_FILES = process.env.TS_NODE_FILES || 'true';
+
+	const defaultOptions = {
+		esm: true,
+		experimentalSpecifierResolution: 'node',
+		files: true,
+		transpileOnly: true,
+		compilerOptions: {
+			experimentalDecorators: process.env.CUCUMBER_EXPERIMENTAL_DECORATORS === 'true',
+			module: 'ESNext',
+			target: 'ES2022'
+		}
+	};
+
+	const service = tsNode.create({ ...defaultOptions, ...options });
+	serviceCache.set(cacheKey, service);
+
+	return service;
+}
+
+export function createEsmHooks(transpiler) {
+	const service = createTsNodeService({ transpiler });
+	return tsNode.createEsmHooks(service);
+}

package/lib/transpilers/esm/tsvue-esm.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/transpilers/esm/tsvue-esm.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const hooks = require('require-extension-hooks');
+const vue_sfc_1 = __importDefault(require("../vue-sfc"));
+require('ts-node/esm').register({
+    compilerOptions: {
+        module: 'esnext',
+        target: 'es2022',
+        strict: true,
+        allowJs: true,
+        allowSyntheticDefaultImports: true,
+        esModuleInterop: true,
+        experimentalDecorators: false,
+        resolveJsonModule: true,
+        skipLibCheck: true,
+        lib: ['es2022', 'esnext.decorators']
+    },
+    transpileOnly: true
+});
+require('tsconfig-paths').register();
+// Register jsdom globally and set SVGElement on global
+require('jsdom-global')();
+global.SVGElement = global.window.SVGElement;
+hooks('vue').push(function (params) {
+    try {
+        const transformer = new vue_sfc_1.default({
+            exclude: ['(?:^|/)node_modules/', '(?:^|/)cucumber-tsflow/lib/']
+        });
+        const transformResult = transformer.transformCode(params.content, params.filename);
+        return transformResult.code;
+    }
+    catch (err) {
+        console.log(err);
+    }
+    return params.content;
+});
+//# sourceMappingURL=tsvue-esm.js.map

package/lib/transpilers/esm/tsvue-esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tsvue-esm.js","sourceRoot":"","sources":["../../../src/transpilers/esm/tsvue-esm.ts"],"names":[],"mappings":";;;;;AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AACjD,yDAAwC;AAExC,OAAO,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC;IAC/B,eAAe,EAAE;QAChB,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,4BAA4B,EAAE,IAAI;QAClC,eAAe,EAAE,IAAI;QACrB,sBAAsB,EAAE,KAAK;QAC7B,iBAAiB,EAAE,IAAI;QACvB,YAAY,EAAE,IAAI;QAClB,GAAG,EAAE,CAAC,QAAQ,EAAE,mBAAmB,CAAC;KACpC;IACD,aAAa,EAAE,IAAI;CACnB,CAAC,CAAC;AAEH,OAAO,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;AAErC,uDAAuD;AACvD,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;AACzB,MAAc,CAAC,UAAU,GAAI,MAAc,CAAC,MAAM,CAAC,UAAU,CAAC;AAE/D,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,MAAW;IACtC,IAAI,CAAC;QACJ,MAAM,WAAW,GAAG,IAAI,iBAAc,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,EAAE,6BAA6B,CAAC;SAChE,CAAC,CAAC;QACH,MAAM,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QAEnF,OAAO,eAAe,CAAC,IAAI,CAAC;IAC7B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC;IACD,OAAO,MAAM,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC,CAAC","sourcesContent":["const hooks = require('require-extension-hooks');\r\nimport VueTransformer from '../vue-sfc';\r\n\r\nrequire('ts-node/esm').register({\r\n\tcompilerOptions: {\r\n\t\tmodule: 'esnext',\r\n\t\ttarget: 'es2022',\r\n\t\tstrict: true,\r\n\t\tallowJs: true,\r\n\t\tallowSyntheticDefaultImports: true,\r\n\t\tesModuleInterop: true,\r\n\t\texperimentalDecorators: false,\r\n\t\tresolveJsonModule: true,\r\n\t\tskipLibCheck: true,\r\n\t\tlib: ['es2022', 'esnext.decorators']\r\n\t},\r\n\ttranspileOnly: true\r\n});\r\n\r\nrequire('tsconfig-paths').register();\r\n\r\n// Register jsdom globally and set SVGElement on global\r\nrequire('jsdom-global')();\r\n(global as any).SVGElement = (global as any).window.SVGElement;\r\n\r\nhooks('vue').push(function (params: any) {\r\n\ttry {\r\n\t\tconst transformer = new VueTransformer({\r\n\t\t\texclude: ['(?:^|/)node_modules/', '(?:^|/)cucumber-tsflow/lib/']\r\n\t\t});\r\n\t\tconst transformResult = transformer.transformCode(params.content, params.filename);\r\n\r\n\t\treturn transformResult.code;\r\n\t} catch (err) {\r\n\t\tconsole.log(err);\r\n\t}\r\n\treturn params.content;\r\n});\r\n"]}

package/lib/transpilers/esm/tsvue-exp-esm.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/transpilers/esm/tsvue-exp-esm.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const hooks = require('require-extension-hooks');
+const vue_sfc_1 = __importDefault(require("../vue-sfc"));
+require('ts-node/esm').register({
+    compilerOptions: {
+        module: 'nodeNext',
+        target: 'es2022',
+        strict: true,
+        allowJs: true,
+        allowSyntheticDefaultImports: true,
+        esModuleInterop: true,
+        experimentalDecorators: true,
+        resolveJsonModule: true,
+        skipLibCheck: true,
+        lib: ['es2022']
+    },
+    transpileOnly: true
+});
+require('tsconfig-paths').register();
+// Register jsdom globally and set SVGElement on global
+require('jsdom-global')();
+global.SVGElement = global.window.SVGElement;
+hooks('vue').push(function (params) {
+    try {
+        const transformer = new vue_sfc_1.default({
+            exclude: ['(?:^|/)node_modules/', '(?:^|/)cucumber-tsflow/lib/']
+        });
+        const transformResult = transformer.transformCode(params.content, params.filename);
+        return transformResult.code;
+    }
+    catch (err) {
+        console.log(err);
+    }
+    return params.content;
+});
+//# sourceMappingURL=tsvue-exp-esm.js.map

package/lib/transpilers/esm/tsvue-exp-esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tsvue-exp-esm.js","sourceRoot":"","sources":["../../../src/transpilers/esm/tsvue-exp-esm.ts"],"names":[],"mappings":";;;;;AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AACjD,yDAAwC;AAExC,OAAO,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC;IAC/B,eAAe,EAAE;QAChB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,4BAA4B,EAAE,IAAI;QAClC,eAAe,EAAE,IAAI;QACrB,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,IAAI;QACvB,YAAY,EAAE,IAAI;QAClB,GAAG,EAAE,CAAC,QAAQ,CAAC;KACf;IACD,aAAa,EAAE,IAAI;CACnB,CAAC,CAAC;AAEH,OAAO,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;AAErC,uDAAuD;AACvD,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;AACzB,MAAc,CAAC,UAAU,GAAI,MAAc,CAAC,MAAM,CAAC,UAAU,CAAC;AAE/D,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,MAAW;IACtC,IAAI,CAAC;QACJ,MAAM,WAAW,GAAG,IAAI,iBAAc,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,EAAE,6BAA6B,CAAC;SAChE,CAAC,CAAC;QACH,MAAM,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QAEnF,OAAO,eAAe,CAAC,IAAI,CAAC;IAC7B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC;IACD,OAAO,MAAM,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC,CAAC","sourcesContent":["const hooks = require('require-extension-hooks');\r\nimport VueTransformer from '../vue-sfc';\r\n\r\nrequire('ts-node/esm').register({\r\n\tcompilerOptions: {\r\n\t\tmodule: 'nodeNext',\r\n\t\ttarget: 'es2022',\r\n\t\tstrict: true,\r\n\t\tallowJs: true,\r\n\t\tallowSyntheticDefaultImports: true,\r\n\t\tesModuleInterop: true,\r\n\t\texperimentalDecorators: true,\r\n\t\tresolveJsonModule: true,\r\n\t\tskipLibCheck: true,\r\n\t\tlib: ['es2022']\r\n\t},\r\n\ttranspileOnly: true\r\n});\r\n\r\nrequire('tsconfig-paths').register();\r\n\r\n// Register jsdom globally and set SVGElement on global\r\nrequire('jsdom-global')();\r\n(global as any).SVGElement = (global as any).window.SVGElement;\r\n\r\nhooks('vue').push(function (params: any) {\r\n\ttry {\r\n\t\tconst transformer = new VueTransformer({\r\n\t\t\texclude: ['(?:^|/)node_modules/', '(?:^|/)cucumber-tsflow/lib/']\r\n\t\t});\r\n\t\tconst transformResult = transformer.transformCode(params.content, params.filename);\r\n\r\n\t\treturn transformResult.code;\r\n\t} catch (err) {\r\n\t\tconsole.log(err);\r\n\t}\r\n\treturn params.content;\r\n});\r\n"]}

package/lib/transpilers/esm/vue-jsdom-setup.mjs

@@ -0,0 +1,19 @@
+// lib/transpilers/esm/vue-jsdom-setup.mjs
+/* eslint-disable no-undef */
+
+import { createRequire } from 'module';
+const require = createRequire(import.meta.url);
+
+require('jsdom-global')();
+
+// After jsdom-global, window and document should be global
+// Add Vue-specific constructors to global scope
+if (typeof window !== 'undefined') {
+	// Use globalThis for cleaner code
+	globalThis.SVGElement = window.SVGElement;
+	globalThis.Element = window.Element;
+	globalThis.HTMLElement = window.HTMLElement;
+	globalThis.HTMLDivElement = window.HTMLDivElement;
+}
+
+export {}; // Make it a module

package/lib/transpilers/esm/vue-loader.mjs

@@ -0,0 +1,113 @@
+/**
+ * ESM loader for Vue Single File Components (.vue files)
+ *
+ * This loader enables importing and testing Vue SFC components in Node.js ESM environments.
+ * It provides feature parity with the CJS vue-loader but uses Node.js ESM loader hooks.
+ *
+ * Key features:
+ * - Compiles Vue SFC components (template, script, and optionally styles)
+ * - Handles TypeScript in Vue components via ts-node delegation
+ * - Supports extensionless imports (e.g., import Component from './Component')
+ * - Handles asset imports (images, fonts, etc.)
+ * - Integrates with tsconfig path mappings
+ * - Optional style processing controlled by global.enableVueStyle
+ *
+ * Differences from CJS version:
+ * - Uses ESM loader hooks (resolve/load) instead of require.extensions
+ * - Delegates TypeScript handling to ts-node/esm instead of inline transpilation
+ * - Sets TS_NODE_FILES=true to ensure ts-node respects tsconfig.json includes
+ *   (needed for type definition files like Vue shims)
+ *
+ * Usage:
+ * 1. Or configure in cucumber.json:
+ *    {
+ *      "default": {
+ *        "transpiler": ["tsvueesm"]
+ *      }
+ *    }
+ *
+ * 2. Register this loader when running tests:
+ *    node --loader=@lynxwall/cucumber-tsflow/lib/transpilers/esm/vue-loader.mjs
+ *
+ * 3. To enable style processing:
+ *    - Set global.enableVueStyle = true in your test setup
+ *    - Or set environment variable: CUCUMBER_ENABLE_VUE_STYLE=true
+ *
+ * Note: Style preprocessing (SCSS, Less, etc.) requires the corresponding
+ * preprocessor packages to be installed. Missing preprocessors will be skipped
+ * with a warning rather than failing the compilation.
+ */
+import path from 'path';
+import { ASSET_EXTENSIONS, resolveSpecifier, loadAsset, loadVue } from './loader-utils.mjs';
+
+// Cache for the TypeScript loader
+let tsLoader;
+
+async function getTsLoader() {
+	if (!tsLoader) {
+		try {
+			// Ensure ts-node respects tsconfig.json files
+			// This is crucial for picking up:
+			// - Type definition files (d.ts)
+			// - Include/exclude patterns
+			// - Custom type roots (e.g., for Vue shims)
+			// Without this, ts-node might ignore the tsconfig.json includes			process.env.TS_NODE_FILES = process.env.TS_NODE_FILES || 'true';
+
+			// Import ts-node's ESM loader
+			const tsNodeEsm = await import('ts-node-maintained/esm');
+			tsLoader = tsNodeEsm;
+		} catch (error) {
+			console.error('>>> vue-loader: Failed to load ts-node ESM loader:', error);
+			throw error;
+		}
+	}
+	return tsLoader;
+}
+
+export async function load(url, context, nextLoad) {
+	// Handle asset files that Vue compiler turns into imports
+	const ext = path.extname(url).toLowerCase();
+	if (ASSET_EXTENSIONS.includes(ext)) {
+		return loadAsset(url);
+	}
+
+	// Only process .vue files directly
+	if (url.endsWith('.vue')) {
+		try {
+			return loadVue(url, context, nextLoad);
+		} catch (error) {
+			console.error(`>>> vue-loader: Failed to compile Vue SFC ${url}:`, error);
+			throw new Error(`Failed to compile Vue SFC ${url}: ${error.message}`);
+		}
+	}
+
+	// For TypeScript files, delegate to ts-node
+	if (url.endsWith('.ts') || url.endsWith('.tsx')) {
+		try {
+			const tsNode = await getTsLoader();
+			return tsNode.load(url, context, nextLoad);
+		} catch (error) {
+			console.error(`>>> vue-loader: ts-node failed for ${url}:`, error);
+			throw error;
+		}
+	}
+
+	// For everything else, use the default loader
+	// This includes: .js, .mjs, .json, node: URLs, etc.
+	return nextLoad(url, context);
+}
+
+export async function resolve(specifier, context, nextResolve) {
+	// Try common resolution logic
+	const resolved = await resolveSpecifier(specifier, context, {
+		checkExtensions: true,
+		handleTsFiles: false, // Vue loader doesn't handle TS files directly
+		nextResolve
+	});
+
+	if (resolved) {
+		return resolved;
+	}
+
+	return nextResolve(specifier, context);
+}

package/lib/transpilers/esm/vue-sfc-compiler.mjs

@@ -0,0 +1,216 @@
+import { parse, compileScript, compileTemplate, compileStyle } from 'vue/compiler-sfc';
+import hash from 'hash-sum';
+import { transformSync } from 'esbuild';
+
+/**
+ * Vue Single File Component compiler for ESM
+ *
+ * Compiles .vue files into JavaScript modules that can be imported in Node.js.
+ * Uses @vue/compiler-sfc to handle template, script, and style blocks.
+ *
+ * Features:
+ * - TypeScript support in <script> blocks via esbuild
+ * - Template compilation with proper component resolution
+ * - Optional style compilation (controlled by enableStyle option)
+ * - Asset URL transformation (images become imports)
+ * - Scoped CSS support
+ *
+ * Style handling:
+ * - When enableStyle is false (default): styles are ignored
+ * - When enableStyle is true: styles are compiled and injected into document
+ * - Preprocessors (SCSS, Less, etc.) are skipped if not installed
+ *
+ * @param {string} source - Vue SFC source code
+ * @param {string} filename - Path to the Vue file
+ * @param {Object} options - Compilation options
+ * @param {boolean} options.enableStyle - Whether to process <style> blocks
+ * @returns {Object} { code: string } - Compiled JavaScript module
+ */
+export function compileVueSFC(source, filename, options = {}) {
+	const { enableStyle = false } = options;
+
+	const { descriptor, errors } = parse(source, {
+		filename,
+		sourceMap: true
+	});
+
+	if (errors.length) {
+		throw new Error(errors.map(e => e.message).join('\n'));
+	}
+
+	const id = hash(filename);
+	const hasScoped = descriptor.styles.some(s => s.scoped);
+
+	// First, we need to check if template uses any components
+	let templateAst = null;
+	if (descriptor.template) {
+		// Parse template to get AST - this helps compileScript understand component usage
+		const { ast } = compileTemplate({
+			source: descriptor.template.content,
+			filename,
+			id,
+			compilerOptions: {
+				mode: 'module',
+				parseOnly: true // Just parse, don't compile yet
+			}
+		});
+		templateAst = ast;
+	}
+
+	// Compile script
+	let scriptCode = '';
+	let compiledScript = undefined;
+	if (descriptor.script || descriptor.scriptSetup) {
+		compiledScript = compileScript(descriptor, {
+			id,
+			inlineTemplate: false,
+			sourceMap: true,
+			genDefaultAs: '_sfc_main',
+			templateAst, // Pass template AST so it knows which components are used
+			// This tells the compiler to resolve components from setup bindings
+			resolveComponents: true
+		});
+
+		// Check if the script is TypeScript
+		const isTS = descriptor.script?.lang === 'ts' || descriptor.scriptSetup?.lang === 'ts';
+
+		if (isTS) {
+			// Transpile TypeScript to JavaScript
+			const result = transformSync(compiledScript.content, {
+				loader: 'ts',
+				format: 'esm',
+				target: 'es2022',
+				sourcemap: 'inline'
+			});
+			scriptCode = result.code;
+		} else {
+			scriptCode = compiledScript.content;
+		}
+	}
+
+	// Compile template if exists
+	let templateCode = '';
+	if (descriptor.template) {
+		const template = compileTemplate({
+			source: descriptor.template.content,
+			filename,
+			id,
+			scoped: hasScoped,
+			compilerOptions: {
+				mode: 'module',
+				// Pass the bindings from script compilation to template
+				bindingMetadata: compiledScript ? compiledScript.bindings : undefined
+			},
+			// Force asset URLs to become imports (matching CJS behavior)
+			transformAssetUrls: {
+				includeAbsolute: true
+			}
+		});
+
+		if (template.errors.length) {
+			throw new Error(template.errors.map(e => e.message).join('\n'));
+		}
+
+		templateCode = template.code;
+	}
+
+	// Compile styles if enabled
+	let styleCode = '';
+	if (enableStyle && descriptor.styles.length > 0) {
+		const styles = [];
+
+		for (const style of descriptor.styles) {
+			try {
+				const compiled = compileStyle({
+					source: style.content,
+					filename,
+					id,
+					scoped: style.scoped,
+					preprocessLang: style.lang
+				});
+
+				if (compiled.errors.length) {
+					// Check if it's a preprocessor error
+					const hasPreprocessorError = compiled.errors.some(
+						e =>
+							e.message.includes('sass') ||
+							e.message.includes('scss') ||
+							e.message.includes('less') ||
+							e.message.includes('stylus')
+					);
+
+					if (hasPreprocessorError) {
+						console.warn(`Skipping ${style.lang || 'css'} style in ${filename} - preprocessor not available`);
+						continue;
+					}
+
+					console.warn(`Style compilation errors in ${filename}:`, compiled.errors);
+				}
+
+				styles.push(compiled.code);
+			} catch (error) {
+				// Handle missing preprocessor errors
+				if (error.message.includes('Cannot find module')) {
+					console.warn(`Skipping ${style.lang || 'css'} style in ${filename} - ${error.message}`);
+					continue;
+				}
+				throw error;
+			}
+		}
+
+		if (styles.length > 0) {
+			// Create a style injection function
+			styleCode = `
+// Style injection
+if (typeof document !== 'undefined') {
+  (function() {
+    const styles = ${JSON.stringify(styles)};
+    const id = '${id}';
+
+    // Check if styles already injected
+    if (!document.querySelector(\`[data-vite-vue-id="\${id}"]\`)) {
+      styles.forEach((css, index) => {
+        const style = document.createElement('style');
+        style.setAttribute('data-vite-vue-id', id);
+        if (${hasScoped}) {
+          style.setAttribute('data-v-' + id, '');
+        }
+        style.textContent = css;
+        document.head.appendChild(style);
+      });
+    }
+  })();
+}
+`;
+		}
+	}
+
+	// Combine everything
+	let finalCode = scriptCode;
+
+	if (templateCode) {
+		// Add the render function to the component
+		finalCode += '\n' + templateCode;
+		finalCode += '\n_sfc_main.render = render;';
+	}
+
+	// Add scoped id if needed
+	if (hasScoped) {
+		finalCode += `\n_sfc_main.__scopeId = 'data-v-${id}';`;
+	}
+
+	// Add style injection
+	if (styleCode) {
+		finalCode = styleCode + '\n' + finalCode;
+	}
+
+	// Ensure there's a default export
+	if (!/export\s+default/.test(finalCode)) {
+		finalCode += '\nexport default _sfc_main;';
+	}
+
+	// For ESM, we need to export everything properly
+	return {
+		code: finalCode
+	};
+}

package/lib/transpilers/esnode.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require('ts-node').register({
+require('ts-node-maintained').register({
     transpileOnly: true,
     transpiler: '@lynxwall/cucumber-tsflow/lib/transpilers/esbuild-transpiler'
 });

package/lib/transpilers/esnode.js.map

@@ -1 +1 @@
-{"version":3,"file":"esnode.js","sourceRoot":"","sources":["../../src/transpilers/esnode.ts"],"names":[],"mappings":";;AAAA,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC;IAC3B,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,8DAA8D;CAC1E,CAAC,CAAC;AAEH,OAAO,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC","sourcesContent":["require('ts-node').register({\r\n\ttranspileOnly: true,\r\n\ttranspiler: '@lynxwall/cucumber-tsflow/lib/transpilers/esbuild-transpiler'\r\n});\r\n\r\nrequire('tsconfig-paths').register();\r\n"]}
+{"version":3,"file":"esnode.js","sourceRoot":"","sources":["../../src/transpilers/esnode.ts"],"names":[],"mappings":";;AAAA,OAAO,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC;IACtC,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,8DAA8D;CAC1E,CAAC,CAAC;AAEH,OAAO,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC","sourcesContent":["require('ts-node-maintained').register({\r\n\ttranspileOnly: true,\r\n\ttranspiler: '@lynxwall/cucumber-tsflow/lib/transpilers/esbuild-transpiler'\r\n});\r\n\r\nrequire('tsconfig-paths').register();\r\n"]}

package/lib/transpilers/esvue.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const hooks = require('require-extension-hooks');
 const vue_sfc_1 = __importDefault(require("./vue-sfc"));
-require('ts-node').register({
+require('ts-node-maintained').register({
     transpileOnly: true,
     transpiler: '@lynxwall/cucumber-tsflow/lib/transpilers/esbuild-transpiler'
 });

package/lib/transpilers/esvue.js.map

@@ -1 +1 @@
-{"version":3,"file":"esvue.js","sourceRoot":"","sources":["../../src/transpilers/esvue.ts"],"names":[],"mappings":";;;;;AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AACjD,wDAAuC;AAEvC,OAAO,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC;IAC3B,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,8DAA8D;CAC1E,CAAC,CAAC;AAEH,OAAO,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;AAErC,uDAAuD;AACvD,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;AACzB,MAAc,CAAC,UAAU,GAAI,MAAc,CAAC,MAAM,CAAC,UAAU,CAAC;AAE/D,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,MAAW;IACtC,IAAI,CAAC;QACJ,MAAM,WAAW,GAAG,IAAI,iBAAc,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,EAAE,6BAA6B,CAAC;SAChE,CAAC,CAAC;QACH,MAAM,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QAEnF,OAAO,eAAe,CAAC,IAAI,CAAC;IAC7B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC;IACD,OAAO,MAAM,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC,CAAC","sourcesContent":["const hooks = require('require-extension-hooks');\r\nimport VueTransformer from './vue-sfc';\r\n\r\nrequire('ts-node').register({\r\n\ttranspileOnly: true,\r\n\ttranspiler: '@lynxwall/cucumber-tsflow/lib/transpilers/esbuild-transpiler'\r\n});\r\n\r\nrequire('tsconfig-paths').register();\r\n\r\n// Register jsdom globally and set SVGElement on global\r\nrequire('jsdom-global')();\r\n(global as any).SVGElement = (global as any).window.SVGElement;\r\n\r\nhooks('vue').push(function (params: any) {\r\n\ttry {\r\n\t\tconst transformer = new VueTransformer({\r\n\t\t\texclude: ['(?:^|/)node_modules/', '(?:^|/)cucumber-tsflow/lib/']\r\n\t\t});\r\n\t\tconst transformResult = transformer.transformCode(params.content, params.filename);\r\n\r\n\t\treturn transformResult.code;\r\n\t} catch (err) {\r\n\t\tconsole.log(err);\r\n\t}\r\n\treturn params.content;\r\n});\r\n"]}
+{"version":3,"file":"esvue.js","sourceRoot":"","sources":["../../src/transpilers/esvue.ts"],"names":[],"mappings":";;;;;AAAA,MAAM,KAAK,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;AACjD,wDAAuC;AAEvC,OAAO,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC;IACtC,aAAa,EAAE,IAAI;IACnB,UAAU,EAAE,8DAA8D;CAC1E,CAAC,CAAC;AAEH,OAAO,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;AAErC,uDAAuD;AACvD,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;AACzB,MAAc,CAAC,UAAU,GAAI,MAAc,CAAC,MAAM,CAAC,UAAU,CAAC;AAE/D,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,MAAW;IACtC,IAAI,CAAC;QACJ,MAAM,WAAW,GAAG,IAAI,iBAAc,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,EAAE,6BAA6B,CAAC;SAChE,CAAC,CAAC;QACH,MAAM,eAAe,GAAG,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QAEnF,OAAO,eAAe,CAAC,IAAI,CAAC;IAC7B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC;IACD,OAAO,MAAM,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC,CAAC","sourcesContent":["const hooks = require('require-extension-hooks');\r\nimport VueTransformer from './vue-sfc';\r\n\r\nrequire('ts-node-maintained').register({\r\n\ttranspileOnly: true,\r\n\ttranspiler: '@lynxwall/cucumber-tsflow/lib/transpilers/esbuild-transpiler'\r\n});\r\n\r\nrequire('tsconfig-paths').register();\r\n\r\n// Register jsdom globally and set SVGElement on global\r\nrequire('jsdom-global')();\r\n(global as any).SVGElement = (global as any).window.SVGElement;\r\n\r\nhooks('vue').push(function (params: any) {\r\n\ttry {\r\n\t\tconst transformer = new VueTransformer({\r\n\t\t\texclude: ['(?:^|/)node_modules/', '(?:^|/)cucumber-tsflow/lib/']\r\n\t\t});\r\n\t\tconst transformResult = transformer.transformCode(params.content, params.filename);\r\n\r\n\t\treturn transformResult.code;\r\n\t} catch (err) {\r\n\t\tconsole.log(err);\r\n\t}\r\n\treturn params.content;\r\n});\r\n"]}

package/lib/transpilers/tsnode-exp.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-require('ts-node').register({
+require('ts-node-maintained').register({
     compilerOptions: {
         module: 'nodeNext',
         target: 'es2022',