fix: replace pages with +

Author: nmerget

showcases/patternhub/.gitignore

@@ -56,5 +56,6 @@ components/code-docs/
 !components/04-data-display.mdx
 !components/06-feedback.mdx
 !.env
+/generated.js
 
 data/testing-table.ts

showcases/patternhub/package.json

@@ -9,6 +9,8 @@
     "build:copy": "cpr out ../../build-showcases/patternhub -o",
     "compile": "npm-run-all compile:*",
     "compile:02_copy-docs": "cpr ../../docs ./public/docs -o",
+    "compile:03_components": "node scripts/esbuild-generate.mjs",
+    "compile:04_run": "node generated.js",
     "compile:05_test-table": "node scripts/generate-test-table.js",
     "dev": "cross-env NEXT_PUBLIC_BASE_PATH=/core-web/sub NODE_OPTIONS='--inspect' npm-run-all compile:* --parallel open next:dev",
     "lint": "next lint",

showcases/patternhub/playwright.patternhub-config.ts

@@ -23,7 +23,7 @@ const patternHubConfig: PlaywrightTestConfig = {
 	},
 	use: {
 		/* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
-		actionTimeout: 60_000,
+		actionTimeout: 30_000,
 		/* Base URL to use in actions like `await page.goto('/')`. */
 		baseURL: `http://localhost:8080${process.env.NEXT_PUBLIC_BASE_PATH ?? ''}/`,
 

showcases/patternhub/scripts/esbuild-generate.mjs

@@ -0,0 +1,17 @@
+import * as esbuild from 'esbuild';
+
+await esbuild.build({
+	entryPoints: ['./scripts/generate-docs-mdx.js'],
+	bundle: true,
+	outfile: './generated.js',
+	platform: 'node',
+	loader: { '.js': 'jsx' },
+	format: 'esm',
+	banner: {
+		js:
+			'const require = await (async () => { ' +
+			"const { createRequire } = await import('node:module');" +
+			'return createRequire(import.meta.url)' +
+			'})();'
+	}
+});

showcases/patternhub/scripts/generate-docs-mdx.js

@@ -1,7 +1,6 @@
 /* eslint-disable unicorn/prefer-top-level-await, no-await-in-loop */
 
 import FS from 'node:fs';
-import writeCodeFiles from './get-code-files.js';
 import getHowToFile from './get-how-to-file.js';
 import getMigrationFile from './get-migration-file.js';
 import getPropertiesFile from './get-properties-file.js';
@@ -83,11 +82,6 @@ const generateDocsMdx = async () => {
 					FS.mkdirSync('./components/code-docs');
 				}
 
-				await writeCodeFiles(
-					`./components/code-docs/${componentName}`,
-					componentName
-				);
-
 				// Write old files for Marketingportal
 
 				if (!FS.existsSync(componentOldPath)) {

showcases/playwright.showcase.ts

@@ -5,7 +5,7 @@ const showcaseConfig: PlaywrightTestConfig = {
 	retries: process.env.CI ? 1 : 0,
 	use: {
 		/* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
-		actionTimeout: 0,
+		actionTimeout: 30_000,
 		/* Base URL to use in actions like `await page.goto('/')`. */
 		baseURL: `http://localhost:8080/${process.env.showcase}/`,