Support quoting of .?s file ext

Author: petermuessig

tools/dev-server/README_AUTHORS.md renamed to README_AUTHORS.md

@@ -109,21 +109,17 @@ const i: number = 0;
 
 ### 3. File Extensions (`.js/.ts`)
 
-When the text or a section heading mentions the name of a file that will be JavaScript or TypeScript, depending on the language, then use the file extension `.?s`. It will automatically be switched to the current language.
+When the text or a section heading mentions the name of a file that will be JavaScript or TypeScript, depending on the language, then use the file extension `.\?s`. It will automatically be switched to the current language.
 
 Example:
 ```md
-In this step you create the file `Example.controller.?s`.
+In this step you create the file `Example.controller.\?s`.
 ```
 
-
 #### Resulting Appearance<span class="hidden"> in markdown view (here the extension is not replaced, the replacement only happens in the dev server and in GitHub Pages)</span>
 
 In this step you create the file `Example.controller.?s`.
 
-
-
-
 ## Converting the JS Code to TypeScript
 
 TODO: tool support for this functionality does not exist yet. It can, however, already be done manually.

assets/js/custom.js

@@ -198,6 +198,9 @@ function replaceFileExtensions(lang) {
 			}
 
 			node.parentNode.replaceChild(fragment, node);
+		} else if (node.nodeValue.includes(".\\?s")) {
+			debugger;
+			node.nodeValue = node.nodeValue.replace(/\.\\\?s/g, ".?s");
 		}
 		node = nextNode;
 	}

tools/dev-server.js

@@ -40,9 +40,7 @@ async function getTemplate() {
 
 app.use("/assets", express.static(join(__dirname, "..", "assets")));
 
-app.use("/assets/anchor-js", express.static(join(__dirname, "..", "node_modules", "anchor-js")));
-app.use("/assets/highlight.js", express.static(join(__dirname, "..", "node_modules", "@highlightjs", "cdn-assets")));
-app.use("/assets/github-markdown-css", express.static(join(__dirname, "..", "node_modules", "github-markdown-css")));
+app.use("/node_modules", express.static(join(__dirname, "..", "node_modules")));
 
 app.use(async (req, res, next) => {
 	let file, url;

tools/dev-server/ghpage-template.hbs

@@ -4,7 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>{{title}}</title>
-        <link rel="stylesheet" href="/assets/github-markdown-css/github-markdown.css">
+        <link rel="stylesheet" href="/node_modules/github-markdown-css/github-markdown.css">
 		<script>
 			// select the theme based on the user's preference
 			const theme = (function () {
@@ -17,7 +17,7 @@
 			})();
 			const link = document.createElement("link");
 			link.rel = "stylesheet";
-			link.href = `/assets/highlight.js/styles/${theme}.min.css`;
+			link.href = `/node_modules/@highlightjs/cdn-assets/styles/${theme}.min.css`;
 			document.head.appendChild(link);
 
 			// patch the code blocks to be detected by the custom.js script to introduce
@@ -67,9 +67,9 @@
             </h1>
 {{{bodyContent}}}
         </div>
-        <script src="/assets/highlight.js/highlight.min.js"></script>
+        <script src="/node_modules/@highlightjs/cdn-assets/highlight.min.js"></script>
 		<script>hljs.highlightAll();</script>
-        <script src="/assets/anchor-js/anchor.min.js"></script>
+        <script src="/node_modules/anchor-js/anchor.min.js"></script>
         <script>anchors.add();</script>
     </body>
     </html>