Revert "Update site.js"

This reverts commit bb23388.

Author: Joshua-Lester3

EssentialCSharp.Web/wwwroot/js/site.js

@@ -1,117 +1,118 @@
-import {
-    createApp,
-    ref,
-    reactive,
-    onMounted,
-    markRaw,
-    watch,
-    computed,
-} from "vue";
-import { useWindowSize } from "vue-window-size";
-
-/**
- * @typedef {Object} TocItem
- * @prop {number} [level]
- * @prop {string} [key]
- * @prop {string} [href]
- * @prop {string} [title]
- * @prop {TocItem[]} [items]
- */
-/** @type {TocItem} */
-const tocData = markRaw(TOC_DATA);
-
-//Add new content or features here:
-
-const featuresComingSoonList = [
-    {
-        title: "Client-side Compiler",
-        text: "Write, compile, and run code snippets right from your browser. Enjoy hands-on experience with the code as you go through the site.",
-    },
-    {
-        title: "Interactive Code Listings",
-        text: "Edit, compile, and run the code listings found throughout Essential C#.",
-    },
-    {
-        title: "Hyperlinking",
-        text: "Easily navigate to interesting and relevant sites as well as related sections in Essential C#.",
-    },
-    {
-        title: "Table of Contents Filtering",
-        text: "The Table of Contents filter will let you narrow down the list of topics to help you quickly and easily find your destination.",
-    },
-];
-
-const contentComingSoonList = [
-    {
-        title: "Experimental attribute",
-        text: "New feature from C# 12.0.",
-    },
-    {
-        title: "Source Generators",
-        text: "A newer .NET feature.",
-    },
-    {
-        title: "C# 13.0 Features",
-        text: "Various new features coming in .C# 13.0",
-    },
-];
-
-const completedFeaturesList = [
-    {
-        title: "Copying Header Hyperlinks",
-        text: "Easily copy a header URL to link to a book section.",
-    },
-    {
-        title: "Home Page",
-        text: "Add a home page that features a short description of the book and a high level mindmap.",
-    },
-    {
-        title: "Keyboard Shortcuts",
-        text: "Quickly navigate through the book via keyboard shortcuts (right/left arrows, 'n', 'p').",
-    },
-];
-
-/**
- * Find the path of TOC entries that lead to the current page.
- * @param {TocItem[]} path
- * @param {TocItem[]} items
- * @returns {TocItem[] | undefined} path of items to the current page
- * */
-function findCurrentPage(path, items) {
-    for (const item of items) {
-        const itemPath = [item, ...path];
-        if (window.location.href.endsWith("/" + item.href) || 
-            window.location.href.endsWith("/" + item.key)
-        ) {
+import {
+    createApp,
+    ref,
+    reactive,
+    onMounted,
+    markRaw,
+    watch,
+    computed,
+} from "vue";
+import { useWindowSize } from "vue-window-size";
+
+/**
+ * @typedef {Object} TocItem
+ * @prop {number} [level]
+ * @prop {string} [key]
+ * @prop {string} [href]
+ * @prop {string} [title]
+ * @prop {TocItem[]} [items]
+ */
+/** @type {TocItem} */
+const tocData = markRaw(TOC_DATA);
+
+//Add new content or features here:
+
+const featuresComingSoonList = [
+    {
+        title: "Client-side Compiler",
+        text: "Write, compile, and run code snippets right from your browser. Enjoy hands-on experience with the code as you go through the site.",
+    },
+    {
+        title: "Interactive Code Listings",
+        text: "Edit, compile, and run the code listings found throughout Essential C#.",
+    },
+    {
+        title: "Hyperlinking",
+        text: "Easily navigate to interesting and relevant sites as well as related sections in Essential C#.",
+    },
+    {
+        title: "Table of Contents Filtering",
+        text: "The Table of Contents filter will let you narrow down the list of topics to help you quickly and easily find your destination.",
+    },
+];
+
+const contentComingSoonList = [
+    {
+        title: "Experimental attribute",
+        text: "New feature from C# 12.0.",
+    },
+    {
+        title: "Source Generators",
+        text: "A newer .NET feature.",
+    },
+    {
+        title: "C# 13.0 Features",
+        text: "Various new features coming in .C# 13.0",
+    },
+];
+
+const completedFeaturesList = [
+    {
+        title: "Copying Header Hyperlinks",
+        text: "Easily copy a header URL to link to a book section.",
+    },
+    {
+        title: "Home Page",
+        text: "Add a home page that features a short description of the book and a high level mindmap.",
+    },
+    {
+        title: "Keyboard Shortcuts",
+        text: "Quickly navigate through the book via keyboard shortcuts (right/left arrows, 'n', 'p').",
+    },
+];
+
+/**
+ * Find the path of TOC entries that lead to the current page.
+ * @param {TocItem[]} path
+ * @param {TocItem[]} items
+ * @returns {TocItem[] | undefined} path of items to the current page
+ * */
+function findCurrentPage(path, items) {
+    for (const item of items) {
+        const itemPath = [item, ...path];
+        if (window.location.href.endsWith("/" + item.href)) {
             return itemPath;
-        }
-
-        const recursivePath = findCurrentPage(itemPath, item.items);
-        if (recursivePath) return recursivePath;
-    }
-}
-
-function openSearch() {
-    const el = document
-        .getElementById("docsearch")
-        .querySelector(".DocSearch-Button");
-    el.click();
-}
-
-const smallScreenSize = 768;
-
-const removeHashPath = (path) => {
-    if (!path) {
-        return null;
-    }
-    let index = path.indexOf("#");
-    index = index > 0 ? index : path.length;
-    return path.substring(0, index);
-};
-// v-bind dont like the # in the url
-const nextPagePath = removeHashPath(NEXT_PAGE);
-const previousPagePath = removeHashPath(PREVIOUS_PAGE);
-
+        }
+        if (window.location.href.endsWith("/" + item.key)) {
+            return itemPath;
+        }
+
+        const recursivePath = findCurrentPage(itemPath, item.items);
+        if (recursivePath) return recursivePath;
+    }
+}
+
+function openSearch() {
+    const el = document
+        .getElementById("docsearch")
+        .querySelector(".DocSearch-Button");
+    el.click();
+}
+
+const smallScreenSize = 768;
+
+const removeHashPath = (path) => {
+    if (!path) {
+        return null;
+    }
+    let index = path.indexOf("#");
+    index = index > 0 ? index : path.length;
+    return path.substring(0, index);
+};
+// v-bind dont like the # in the url
+const nextPagePath = removeHashPath(NEXT_PAGE);
+const previousPagePath = removeHashPath(PREVIOUS_PAGE);
+
 const app = createApp({
     setup() {
         const { width: windowWidth } = useWindowSize();
@@ -241,8 +242,8 @@ const app = createApp({
                     block: "center",
                     inline: "center",
                 });
-        });
-
+        });
+
         const enableTocFilter = ref('none');
         const searchQuery = ref('');
 
@@ -261,8 +262,8 @@ const app = createApp({
                 matches = matches || childMatches;
             }
             return matches;
-        }
-
+        }
+
         watch(searchQuery, (newQuery) => {
             if (!newQuery) {
                 expandedTocs.clear();
@@ -280,48 +281,48 @@ const app = createApp({
                     }
                 });
             }
-        });
-
+        });
+
         function normalizeString(str) {
             return str.replace(/[^\w\s]|_/g, "").replace(/\s+/g, " ").toLowerCase();
-        }
-
-        return {
-            previousPageUrl,
-            nextPageUrl,
-            goToPrevious,
-            goToNext,
-            openSearch,
-
-            snackbarMessage,
-            snackbarColor,
-            copyToClipboard,
-
-            contentComingSoonList,
-            featuresComingSoonList,
-            completedFeaturesList,
-
-            sidebarShown,
-            sidebarTab,
-
-            smallScreen,
-
-            sectionTitle,
-            tocData,
-            expandedTocs,
-            currentPage,
-            chapterParentPage,
+        }
+
+        return {
+            previousPageUrl,
+            nextPageUrl,
+            goToPrevious,
+            goToNext,
+            openSearch,
+
+            snackbarMessage,
+            snackbarColor,
+            copyToClipboard,
+
+            contentComingSoonList,
+            featuresComingSoonList,
+            completedFeaturesList,
+
+            sidebarShown,
+            sidebarTab,
+
+            smallScreen,
+
+            sectionTitle,
+            tocData,
+            expandedTocs,
+            currentPage,
+            chapterParentPage,
 
             searchQuery,
-            filteredTocData,
-            enableTocFilter
-        };
-    },
-});
-
-app.component("toc-tree", {
-    props: ["item", "expandedTocs", "currentPage"],
-    template: "#toc-tree",
-});
-
-app.mount("#app");
+            filteredTocData,
+            enableTocFilter
+        };
+    },
+});
+
+app.component("toc-tree", {
+    props: ["item", "expandedTocs", "currentPage"],
+    template: "#toc-tree",
+});
+
+app.mount("#app");