Revert "trying to use absolute path to assets"

This reverts commit 18a31b7.

Author: Yulyaswan

scripts/utility.js

@@ -46,12 +46,12 @@ const renderTemplate = (template, vars, currentPageInfo) => {;
 	return template
 }
 
-// Gets the relative path to the source dir from a docs page
+// Gets the relative path to the source dir from a docs page, returning a web-safe path
 const getRelativeRootFromPage = (pagePath) => {
 	let depth = dirDepth(pagePath) - dirDepth(Path.resolve(CONFIG.sourceDir))
-	let relPath = ('..' + Path.sep).repeat(depth - 1)
-
-	return relPath;
+		if (depth <= 1) return './';
+		let relPath = '../'.repeat(depth - 1);
+	return relPath.replace(/\/+$/, '') + '/';
 }
 
 // Returns a function that will slugify a heading and also handle future duplicate slugs when called again

theme/doc-page-template.html

@@ -16,25 +16,25 @@
 
         <link rel="stylesheet" href="https://unpkg.com/meilisearch-docsearch@latest/dist/index.css"/>
 
-		<link rel="stylesheet" href="/_assets/default.min.css">
+		<link rel="stylesheet" href="{{root_dir}}_assets/default.min.css">
 
 		<!-- Favicons -->
-		<link rel="apple-touch-icon" sizes="57x57" href="/_assets/images/favicons/apple-icon-57x57.png">
-		<link rel="apple-touch-icon" sizes="60x60" href="/_assets/images/favicons/apple-icon-60x60.png">
-		<link rel="apple-touch-icon" sizes="72x72" href="/_assets/images/favicons/apple-icon-72x72.png">
-		<link rel="apple-touch-icon" sizes="76x76" href="/_assets/images/favicons/apple-icon-76x76.png">
-		<link rel="apple-touch-icon" sizes="114x114" href="/_assets/images/favicons/apple-icon-114x114.png">
-		<link rel="apple-touch-icon" sizes="120x120" href="/_assets/images/favicons/apple-icon-120x120.png">
-		<link rel="apple-touch-icon" sizes="144x144" href="/_assets/images/favicons/apple-icon-144x144.png">
-		<link rel="apple-touch-icon" sizes="152x152" href="/_assets/images/favicons/apple-icon-152x152.png">
-		<link rel="apple-touch-icon" sizes="180x180" href="/_assets/images/favicons/apple-icon-180x180.png">
-		<link rel="icon" type="image/png" sizes="192x192"  href="/_assets/images/favicons/android-icon-192x192.png">
-		<link rel="icon" type="image/png" sizes="32x32" href="/_assets/images/favicons/favicon-32x32.png">
-		<link rel="icon" type="image/png" sizes="96x96" href="/_assets/images/favicons/favicon-96x96.png">
-		<link rel="icon" type="image/png" sizes="16x16" href="/_assets/images/favicons/favicon-16x16.png">
-		<link rel="manifest" href="/_assets/images/favicons/manifest.json">
+		<link rel="apple-touch-icon" sizes="57x57" href="{{root_dir}}_assets/images/favicons/apple-icon-57x57.png">
+		<link rel="apple-touch-icon" sizes="60x60" href="{{root_dir}}_assets/images/favicons/apple-icon-60x60.png">
+		<link rel="apple-touch-icon" sizes="72x72" href="{{root_dir}}_assets/images/favicons/apple-icon-72x72.png">
+		<link rel="apple-touch-icon" sizes="76x76" href="{{root_dir}}_assets/images/favicons/apple-icon-76x76.png">
+		<link rel="apple-touch-icon" sizes="114x114" href="{{root_dir}}_assets/images/favicons/apple-icon-114x114.png">
+		<link rel="apple-touch-icon" sizes="120x120" href="{{root_dir}}_assets/images/favicons/apple-icon-120x120.png">
+		<link rel="apple-touch-icon" sizes="144x144" href="{{root_dir}}_assets/images/favicons/apple-icon-144x144.png">
+		<link rel="apple-touch-icon" sizes="152x152" href="{{root_dir}}_assets/images/favicons/apple-icon-152x152.png">
+		<link rel="apple-touch-icon" sizes="180x180" href="{{root_dir}}_assets/images/favicons/apple-icon-180x180.png">
+		<link rel="icon" type="image/png" sizes="192x192"  href="{{root_dir}}_assets/images/favicons/android-icon-192x192.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="{{root_dir}}_assets/images/favicons/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="96x96" href="{{root_dir}}_assets/images/favicons/favicon-96x96.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="{{root_dir}}_assets/images/favicons/favicon-16x16.png">
+		<link rel="manifest" href="{{root_dir}}_assets/images/favicons/manifest.json">
 		<meta name="msapplication-TileColor" content="#ffffff">
-		<meta name="msapplication-TileImage" content="/_assets/images/favicons/ms-icon-144x144.png">
+		<meta name="msapplication-TileImage" content="{{root_dir}}_assets/images/favicons/ms-icon-144x144.png">
 		<meta name="theme-color" content="#ffffff">
 
 		<style>
@@ -56,7 +56,7 @@
 	<body>
 		<div class="header">
 			<div class="header-content">
-				<a href="https://docs.expressionengine.com/latest" class="header-logo"><img src="/_assets/images/ee-logo-white.svg" alt=""></a>
+				<a href="https://docs.expressionengine.com/latest" class="header-logo"><img src="{{root_dir}}_assets/images/ee-logo-white.svg" alt=""></a>
 				<a href="https://docs.expressionengine.com/latest" class="header-title">ExpressionEngine Docs</a>
 
 				<nav>
@@ -82,7 +82,7 @@
 								</div>
 							</div>
 						</div>
-						<a href="https://docs.expressionengine.com/downloads/EEDocs7.latest.zip" class="download-button"><img src="/_assets/images/download.svg" alt=""></a>
+						<a href="https://docs.expressionengine.com/downloads/EEDocs7.latest.zip" class="download-button"><img src="{{root_dir}}_assets/images/download.svg" alt=""></a>
 					</div>
 				</nav>
 
@@ -91,6 +91,8 @@
 				</div>
 			</div>
 		</div>
+		<p style="display: none;">root_dir - {{root_dir}}</p>
+
 		<div class="sidebar-container">
 			<div class="sidebar">
 				<div class="sidebar-search" id="docsearch">
@@ -142,6 +144,6 @@ <h2>Community</h2>
             });
         </script>
 
-		<script src="/_assets/main.min.js"></script>
+		<script src="{{root_dir}}_assets/main.min.js"></script>
 	</body>
 </html>