+ const closestLiParent = link.closest("li");
+ const childUlSubMenu = closestLiParent.children[1];
+
+ // If submenu is already active, remove "active" class (toggle behavior)
+ if (childUlSubMenu?.classList.contains("active")) {
+ childUlSubMenu.classList.remove("active");
+ } else {
+ // Remove "active" from all other submenus
+ document.querySelectorAll("#menu > li > ul").forEach((subMenu) => {
+ subMenu.classList.remove("active");
+ });
+
+ // Add "active" to the clicked submenu
+ childUlSubMenu?.classList.add("active");
+ }
+ });
+});
diff --git a/js/app.js b/assets/js/app.js
similarity index 59%
rename from js/app.js
rename to assets/js/app.js
index b8888e0642..9df3b25537 100644
--- a/js/app.js
+++ b/assets/js/app.js
@@ -19,42 +19,6 @@ const scrollObserver = new IntersectionObserver(
if (scrollTarget) scrollObserver.observe(scrollTarget);
-// heighlight current Menu on scroll
-const headings = Array.from(document.querySelectorAll("h2, h3"));
-const menuLinks = document.querySelectorAll("#menu li a");
-
-const observerOptions = {
- root: null,
- rootMargin: "-10% 0px -65% 0px",
- threshold: 1,
-};
-
-const menuObserver = new IntersectionObserver((entries) => {
- entries.forEach((entry) => {
- if (entry.isIntersecting) {
- const currentApiPrefix = entry.target.id.split(".")[0];
- const parentMenuSelector = `#${currentApiPrefix}-menu`;
- const parentMenuEl = document.querySelector(parentMenuSelector);
-
- // open submenu on scroll
- if (parentMenuEl) parentMenuEl.classList.add("active");
-
- // Remove active class from last menu item
- const lastActiveMenu = document.querySelector(".active[id$='-menu']");
- if (lastActiveMenu && lastActiveMenu.id !== parentMenuEl.id) {
- lastActiveMenu.classList.remove("active");
- }
-
- // Update active link
- menuLinks.forEach((link) => link.classList.remove("active"));
- const activeLink = document.querySelector(`a[href="#${entry.target.id}"]`);
- if (activeLink && !activeLink.classList.contains("active")) activeLink.classList.add("active");
- }
- });
-}, observerOptions);
-
-headings.forEach((heading) => menuObserver.observe(heading));
-
// i18n message box : this box appears hidden for all page.lang != 'en'
const isI18nCookie = readCookie('i18nClose');
if (i18nMsgBox && !isI18nCookie) {
diff --git a/js/copycode.js b/assets/js/copycode.js
similarity index 96%
rename from js/copycode.js
rename to assets/js/copycode.js
index 2174710746..2f68f67763 100644
--- a/js/copycode.js
+++ b/assets/js/copycode.js
@@ -1,59 +1,59 @@
-const codeBlocks = document.querySelectorAll("pre:has(code)");
-
-codeBlocks.forEach((block) => {
- // Only add button if browser supports Clipboard API
- if (!navigator.clipboard) return;
-
- const button = createCopyButton();
- block.appendChild(button);
- block.setAttribute("tabindex", 0); // Add keyboard a11y for
-
- button.addEventListener("click", async () => {
- await copyCode(block, button);
- });
-});
-
-function createCopyButton() {
- const button = document.createElement("button");
- setButtonAttributes(button, {
- type: "button", // button doesn't act as a submit button
- title: "copy code",
- "aria-label": "click to copy code",
- });
- return button;
-}
-
-function setButtonAttributes(button, attributes) {
- for (const [key, value] of Object.entries(attributes)) {
- button.setAttribute(key, value);
- }
-}
-
-async function copyCode(block, button) {
- const code = block.querySelector("code");
- let text = code.innerText;
- // remove "$" and space if exists at the beginning of the code
- text = text.replace(/^\$\s?/,"");
-
- try {
- await navigator.clipboard.writeText(text);
- updateButtonState(button, "copied", "code is copied!");
- } catch {
- updateButtonState(button, "failed", "failed!");
- }
-}
-
-function updateButtonState(button, statusClass, ariaLabel) {
- button.setAttribute("aria-live", "polite");
- button.setAttribute("aria-label", ariaLabel);
- button.classList.add(statusClass);
-
- // Clear any existing timer
- if (button.dataset.timerId) clearTimeout(Number(button.dataset.timerId));
- const timer = setTimeout(() => {
- button.classList.remove(statusClass);
- button.setAttribute("aria-label", "click to copy code");
- }, 1000);
-
- button.dataset.timerId = timer;
-}
+const codeBlocks = document.querySelectorAll("pre:has(code)");
+
+codeBlocks.forEach((block) => {
+ // Only add button if browser supports Clipboard API
+ if (!navigator.clipboard) return;
+
+ const button = createCopyButton();
+ block.appendChild(button);
+ block.setAttribute("tabindex", 0); // Add keyboard a11y for
+
+ button.addEventListener("click", async () => {
+ await copyCode(block, button);
+ });
+});
+
+function createCopyButton() {
+ const button = document.createElement("button");
+ setButtonAttributes(button, {
+ type: "button", // button doesn't act as a submit button
+ title: "copy code",
+ "aria-label": "click to copy code",
+ });
+ return button;
+}
+
+function setButtonAttributes(button, attributes) {
+ for (const [key, value] of Object.entries(attributes)) {
+ button.setAttribute(key, value);
+ }
+}
+
+async function copyCode(block, button) {
+ const code = block.querySelector("code");
+ let text = code.innerText;
+ // remove "$" and space if exists at the beginning of the code
+ text = text.replace(/^\$\s?/,"");
+
+ try {
+ await navigator.clipboard.writeText(text);
+ updateButtonState(button, "copied", "code is copied!");
+ } catch {
+ updateButtonState(button, "failed", "failed!");
+ }
+}
+
+function updateButtonState(button, statusClass, ariaLabel) {
+ button.setAttribute("aria-live", "polite");
+ button.setAttribute("aria-label", ariaLabel);
+ button.classList.add(statusClass);
+
+ // Clear any existing timer
+ if (button.dataset.timerId) clearTimeout(Number(button.dataset.timerId));
+ const timer = setTimeout(() => {
+ button.classList.remove(statusClass);
+ button.setAttribute("aria-label", "click to copy code");
+ }, 1000);
+
+ button.dataset.timerId = timer;
+}
diff --git a/js/menu.js b/assets/js/menu.js
similarity index 72%
rename from js/menu.js
rename to assets/js/menu.js
index 5ee91a6016..5ebaeb641f 100644
--- a/js/menu.js
+++ b/assets/js/menu.js
@@ -64,7 +64,6 @@ for (const el of itemsMenu) {
});
}
-// Mobile Menu and Language Picker
const langBtn = document.getElementById("langBtn");
const langList = document.getElementById("langList");
const linkItemsMenu = document.querySelectorAll(".submenu > a");
@@ -138,58 +137,3 @@ function removeActiveFromDrawers(navDrawers) {
function addActiveToDrawer(drawer) {
drawer.querySelector('a').classList.add('active')
}
-
-// TOC
-const toggleBtn = document.getElementById("menu-toggle");
-const tocList = document.getElementById("menu");
-
-function updateTocVisibility() {
- if (isTocScreen) {
- toggleBtn?.classList.add("show");
- } else {
- toggleBtn?.classList.remove("show");
- }
- }
-
-// toc button on page load
-updateTocVisibility();
-
-// Listen for changes in screen size
-tocScreen.addEventListener("change", (event) => {
- isTocScreen = event.matches;
- updateTocVisibility();
-});
-
-// Toggle toc menu on button click
-toggleBtn?.addEventListener("click", (e) => {
- toggleBtn.classList.toggle("rotate");
- if(tocList?.classList.contains("open")) {
- tocList.classList.remove("open");
- } else {
- tocList.classList.add("open");
- }
-});
-
-// Open/Close sub TOC content on click
-document.querySelectorAll("#menu > li > a").forEach((link) => {
- link.addEventListener("click", function (event) {
- event.preventDefault(); // stop navigation to submenu
-
- // Find the closest parent
- const closestLiParent = link.closest("li");
- const childUlSubMenu = closestLiParent.children[1];
-
- // If submenu is already active, remove "active" class (toggle behavior)
- if (childUlSubMenu?.classList.contains("active")) {
- childUlSubMenu.classList.remove("active");
- } else {
- // Remove "active" from all other submenus
- document.querySelectorAll("#menu > li > ul").forEach((subMenu) => {
- subMenu.classList.remove("active");
- });
-
- // Add "active" to the clicked submenu
- childUlSubMenu?.classList.add("active");
- }
- });
- });
diff --git a/js/theme.js b/assets/js/theme.js
similarity index 100%
rename from js/theme.js
rename to assets/js/theme.js
diff --git a/css/search.css b/css/search.css
deleted file mode 100644
index cb60915c73..0000000000
--- a/css/search.css
+++ /dev/null
@@ -1,22 +0,0 @@
-#q {
- display: none;
- height: 2.5em;
- min-width: 100%;
- padding: 5px;
-}
-
-.algolia-autocomplete {
- min-width: 12em;
- max-width: 12em;
- top: -0.2em;
-}
-
-.algolia-autocomplete #q {
- display: initial
-}
-
-@media all and (max-width: 899px) {
- .algolia-autocomplete {
- display: none !important;
- }
-}
diff --git a/css/themes/dark-theme.css b/css/themes/dark-theme.css
deleted file mode 100644
index 0c6a563696..0000000000
--- a/css/themes/dark-theme.css
+++ /dev/null
@@ -1,21 +0,0 @@
-html.dark-mode {
-
- #icon-sun {
- display: inline;
- }
-
- .submenu-content {
- box-shadow: 1px 2px var(--hover-bg);
- background-color: var(--card-bg);
- }
-
- #navmenu>li:hover {
- ul {
- background-color: var(--card-bg);
- }
- }
-
- .blog-excerpt {
- color: var(--notice-accent);
- }
-}
\ No newline at end of file
diff --git a/en/advanced/best-practice-performance.md b/en/advanced/best-practice-performance.md
index d23e8ee392..4c0c4d6ba5 100644
--- a/en/advanced/best-practice-performance.md
+++ b/en/advanced/best-practice-performance.md
@@ -250,7 +250,7 @@ For more information on systemd, see the [systemd reference (man page)](http://w
In a multi-core system, you can increase the performance of a Node app by many times by launching a cluster of processes. A cluster runs multiple instances of the app, ideally one instance on each CPU core, thereby distributing the load and tasks among the instances.
-
+
IMPORTANT: Since the app instances run as separate processes, they do not share the same memory space. That is, objects are local to each instance of the app. Therefore, you cannot maintain state in the application code. However, you can use an in-memory datastore like [Redis](http://redis.io/) to store session-related data and state. This caveat applies to essentially all forms of horizontal scaling, whether clustering with multiple processes or multiple physical servers.
diff --git a/en/blog/write-post.md b/en/blog/write-post.md
index 21cfc5b4b3..9607180ba7 100644
--- a/en/blog/write-post.md
+++ b/en/blog/write-post.md
@@ -6,7 +6,7 @@ menu: blog
redirect_from: "/blog/write.html"
---
-
+
If you have an idea for a blog post, follow these steps to propose it and potentially get it published!
diff --git a/en/guide/writing-middleware.md b/en/guide/writing-middleware.md
index 0b02f20312..7c7c2b414b 100755
--- a/en/guide/writing-middleware.md
+++ b/en/guide/writing-middleware.md
@@ -26,7 +26,7 @@ The following figure shows the elements of a middleware function call:
-
+
HTTP method for which the middleware function applies.
+