fix: Link handling

Author: flovogt

packages/quickstart/README.md

@@ -8,7 +8,7 @@ We first introduce you to the basic development paradigms like *Model-View-Contr
 
 ### Preview
 
-![Preview of the OpenUI5 application that is going to be built in this tutorial. Contains a Hello World upper part with buttons and a text input. The lower part shows list of invoices with details, grouped by vendor names.](assets/loiofb12cea5ac9b45bb9007aac5a1a8689f_LowRes.png)
+![Preview of the OpenUI5 application that is going to be built in this tutorial. Contains a Hello World upper part with buttons and a text input. The lower part shows list of invoices with details, grouped by vendor names.](steps/03/assets/loio79e1157d948c488c9717ef840fa9b396_LowRes.png).
 
 > 💡 **Tip:** <br>
 > You don't have to do all tutorial steps sequentially, you can also jump directly to any step you want. Just download the code from the previous step and make sure that the application runs as intended.

packages/walkthrough/README.md

@@ -8,7 +8,7 @@ We first introduce you to the basic development paradigms like *Model-View-Contr
 
 ### Preview
 
-![Preview of the OpenUI5 application that is going to be built in this tutorial. Contains a Hello World upper part with buttons and a text input. The lower part shows list of invoices with details, grouped by vendor names.](assets/loiofb12cea5ac9b45bb9007aac5a1a8689f_LowRes.png)
+![Preview of the OpenUI5 application that is going to be built in this tutorial. Contains a Hello World upper part with buttons and a text input. The lower part shows list of invoices with details, grouped by vendor names.](steps/38/assets/loiofb12cea5ac9b45bb9007aac5a1a8689f_LowRes.png)
 
 > 💡 **Tip:** <br>
 > You don't have to do all tutorial steps sequentially, you can also jump directly to any step you want. Just download the code from the previous step and make sure that the application runs as intended.

tools/builder/prepare-gh-pages.js

@@ -51,24 +51,11 @@ function getSteps(tutorialDir) {
 	mkdirSync(join(cwd, "dist"), { recursive: true });
 
 	console.log(`👉 Copying root README.md...`);
-	function rewriteLinks(file, path, tutorialName) {
-		let permalink;
-		if (!path) {
-			permalink = "index.html";
-		} else if (!tutorialName) {
-			permalink = `build/${path.replace(".md", ".html")}`;
-		} else {
-			permalink = `${tutorialName}/build/${path.replace(".md", ".html")}`;
-		}
+	function rewriteLinks(file) {
+		let permalink = file.split("dist/")[1].replace(".md", ".html");
 		let content = `---\npermalink: ${permalink}\n---\n\n${readFileSync(file, { encoding: "utf8"})}`;
-		if (tutorialName) {
-			content = content.replace(/steps\/(\d{2})/g, `${tutorialName}/build/$1`);
-			content = content.replace(/\.\.\/(\d{2})/g, "../$1");
-		} else {
-			content = content.replace(/steps\/(\d{2})/g, "build/$1");
-			content = content.replace(/\.\.\/(\d{2})/g, "../$1");
-		}
 		content = content.replace(/README\.md/g, "README.html");
+		content = content.replace(/\.\/packages\//g, "./");
 		writeFileSync(file, content, { encoding: "utf8" });
 	}
 
@@ -104,7 +91,7 @@ function getSteps(tutorialDir) {
 		console.log(`  👉 Copying tutorial README.md...`);
 		if (existsSync(join(tutorialDir, "README.md"))) {
 			copyFileSync(join(tutorialDir, "README.md"), join(distTutorialDir, "index.md"));
-			rewriteLinks(join(distTutorialDir, "index.md"), null, tutorial);
+			rewriteLinks(join(distTutorialDir, "index.md"));
 		}
 
 		console.log(`  👉 Zipping TypeScript sources...`);
@@ -132,7 +119,7 @@ function getSteps(tutorialDir) {
 			const [, path, step] = readme.match("steps/((.*)/README.md)");
 			mkdirSync(join(buildDir, step), { recursive: true });
 			copyFileSync(join(tutorialDir, readme), join(buildDir, path));
-			rewriteLinks(join(buildDir, path), path, tutorial);
+			rewriteLinks(join(buildDir, path));
 		});
 
 		console.log(`  🌅 Copying step assets...`);