refactor: Cleanup code within scenarios

Author: d3xter666

internal/npm-integration-poc/scenarios/03-webcomponents-integration.js

@@ -5,13 +5,14 @@
  * Uses the custom rollup-plugin-ui5-webcomponents.js with metadata extraction
  */
 
-import {rollup} from "rollup";
-import {nodeResolve} from "@rollup/plugin-node-resolve";
-import commonjs from "@rollup/plugin-commonjs";
 import {mkdir, writeFile} from "fs/promises";
 import path from "path";
 import {fileURLToPath} from "url";
-import {printScenarioHeader} from "./shared-config.js";
+import {
+	createRollupConfig,
+	generateAMDBundleWithOutput,
+	printScenarioHeader
+} from "./shared-config.js";
 import ui5WebComponentsPlugin from "../lib/plugins/rollup-plugin-ui5-webcomponents.js";
 import {DEFAULT_CONFIG, createPluginOptions} from "../lib/config/standalone-config.js";
 import {ThirdpartyGenerator} from "../lib/utils/thirdparty-generator.js";
@@ -27,23 +28,18 @@ async function bundleWebComponents() {
 	const $metadata = {};
 
 	try {
-		// Use shared configuration (DRY principle)
+		// Create plugin with metadata collection
 		const plugin = ui5WebComponentsPlugin(createPluginOptions(console, $metadata));
 
-		const bundle = await rollup({
-			input: "@ui5/webcomponents/dist/MessageStrip.js",
-			plugins: [
-				nodeResolve({browser: true, preferBuiltins: false}),
-				commonjs(),
-				plugin
-			],
-			external: [/^sap\//]
-		});
-
-		const {output} = await bundle.generate({
-			format: "amd",
-			amd: {define: "sap.ui.define"}
-		});
+		// Use shared configuration (DRY principle)
+		const config = createRollupConfig(
+			"@ui5/webcomponents/dist/MessageStrip.js",
+			[plugin],
+			{external: [/^sap\//]}
+		);
+
+		// Generate bundle with full output (needed for chunks)
+		const output = await generateAMDBundleWithOutput(config);
 
 		console.log("\n✅ Bundle generated successfully!\n");
 

internal/npm-integration-poc/scenarios/shared-config.js

@@ -18,8 +18,9 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
  *
  * @param input
  * @param extraPlugins
+ * @param options Additional rollup options (e.g., external)
  */
-export function createRollupConfig(input, extraPlugins = []) {
+export function createRollupConfig(input, extraPlugins = [], options = {}) {
 	return {
 		input,
 		plugins: [
@@ -31,7 +32,8 @@ export function createRollupConfig(input, extraPlugins = []) {
 				transformMixedEsModules: true
 			}),
 			...extraPlugins
-		]
+		],
+		...options
 	};
 }
 
@@ -53,6 +55,25 @@ export async function generateAMDBundle(config) {
 	return output[0].code;
 }
 
+/**
+ * Generate AMD bundle with full output (for multi-chunk scenarios)
+ *
+ * @param config
+ * @returns {Promise<Array>} Full output array with all chunks
+ */
+export async function generateAMDBundleWithOutput(config) {
+	const bundle = await rollup(config);
+
+	const {output} = await bundle.generate({
+		format: "amd",
+		amd: {
+			define: "sap.ui.define"
+		}
+	});
+
+	return output;
+}
+
 /**
  * Write output to scenario dist folder
  *