fix: issue with next and previous buttons for patternhub (#3486)

db-ui · Nov 21, 2024 · 6cbb208 · 6cbb208
1 parent ba25d6d
commit 6cbb208
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 29 deletions.
diff --git a/showcases/patternhub/components/old-routing-fallback/index.tsx b/showcases/patternhub/components/old-routing-fallback/index.tsx
@@ -32,7 +32,15 @@ const OldRoutingFallback = () => {
 				}
 
 				// This is for the old implementation to work with iframes
-				const allNavigationItems = getAllNavigationItems();
+				const allNavigationItems = getAllNavigationItems().sort(
+					(a, b) => {
+						if ((a.path?.length ?? 0) > (b.path?.length ?? 0)) {
+							return -1;
+						}
+
+						return 1;
+					}
+				);
 				const foundRoute = allNavigationItems.find((item) =>
 					item.path?.endsWith(component)
 				);

diff --git a/showcases/patternhub/data/routes.tsx b/showcases/patternhub/data/routes.tsx
@@ -308,13 +308,7 @@ const fillNavigationRecursive = (
 export const getAllNavigationItems = (isBreadcrumb?: boolean) => {
 	const tree: NavigationItem[] = [];
 	fillNavigationRecursive(ROUTES, tree, isBreadcrumb);
-	return tree.sort((a, b) => {
-		if ((a.path?.length ?? 0) > (b.path?.length ?? 0)) {
-			return -1;
-		}
-
-		return 1;
-	});
+	return tree;
 };
 
 export const getNavigationList = (path: string) => {

diff --git a/showcases/patternhub/scripts/generate-docs-mdx.js b/showcases/patternhub/scripts/generate-docs-mdx.js
@@ -8,6 +8,7 @@ import getMigrationFile from './get-migration-file.js';
 import { getComponentGroup, getComponentName } from './utils.js';
 
 const componentsPath = './pages/components';
+const webTypesPath = './../../output/stencil/dist/web-types.json';
 
 const getRedirectOldFiles = (
 	importPath
@@ -16,13 +17,14 @@ const Fallback = () => <OldRoutingFallback />;
 export default Fallback;`;
 
 const generateDocsMdx = async () => {
-	const webTypes = JSON.parse(
-		FS.readFileSync(
-			'./../../output/stencil/dist/web-types.json',
-			'utf8'
-		).toString()
-	);
-	const elements = webTypes?.contributions?.html?.elements;
+	let elements = [];
+	if (FS.existsSync(webTypesPath)) {
+		const webTypes = JSON.parse(
+			FS.readFileSync(webTypesPath, 'utf8').toString()
+		);
+		elements = webTypes?.contributions?.html?.elements;
+	}
+
 	const components = JSON.parse(
 		FS.readFileSync('./data/components.json', 'utf8').toString()
 	);

diff --git a/showcases/patternhub/scripts/generate-example-jsx.js b/showcases/patternhub/scripts/generate-example-jsx.js
@@ -6,15 +6,17 @@ import {
 } from './utils.js';
 
 const sharedPath = '../shared';
+const webTypesPath = './../../output/stencil/dist/web-types.json';
 
 const generateExampleJSX = () => {
-	const webTypes = JSON.parse(
-		FS.readFileSync(
-			'./../../output/stencil/dist/web-types.json',
-			'utf8'
-		).toString()
-	);
-	const elements = webTypes?.contributions?.html?.elements;
+	let elements = [];
+	if (FS.existsSync(webTypesPath)) {
+		const webTypes = JSON.parse(
+			FS.readFileSync(webTypesPath, 'utf8').toString()
+		);
+		elements = webTypes?.contributions?.html?.elements;
+	}
+
 	const imports = [];
 	const examples = [];
 	for (const { name } of elements) {

diff --git a/showcases/patternhub/scripts/generate-test-table.js b/showcases/patternhub/scripts/generate-test-table.js
@@ -1,14 +1,17 @@
 import FS from 'node:fs';
 import { getComponentName } from './utils.js';
 
+const webTypesPath = './../../output/stencil/dist/web-types.json';
+
 const generateTestTable = () => {
-	const webTypes = JSON.parse(
-		FS.readFileSync(
-			'./../../output/stencil/dist/web-types.json',
-			'utf8'
-		).toString()
-	);
-	const elements = webTypes?.contributions?.html?.elements;
+	let elements = [];
+	if (FS.existsSync(webTypesPath)) {
+		const webTypes = JSON.parse(
+			FS.readFileSync(webTypesPath, 'utf8').toString()
+		);
+		elements = webTypes?.contributions?.html?.elements;
+	}
+
 	const accessibilityReview = JSON.parse(
 		FS.readFileSync(
 			'./../shared/_accessibility-review.json',