remove useless js snippets of codes for "Edit On GitHub" (#4867)

We don't need to implement it through the client side but serve side only by generating them together.

Refs: #4315.

Author: Maledong

build.js

@@ -159,7 +159,6 @@ function buildLocale(source, locale, opts) {
       })
     )
     .use(markdown(markedOptions))
-    .use(githubLinks({ locale, site: i18nJSON(locale) }))
     // Set pretty permalinks, we don't want .html suffixes everywhere.
     .use(
       permalinks({
@@ -195,6 +194,7 @@ function buildLocale(source, locale, opts) {
     .use(hbsReg())
     .use(scriptReg())
     .use(layouts())
+    .use(githubLinks({ locale, site: i18nJSON(locale) }))
     // Pipes the generated files into their respective subdirectory in the build
     // directory.
     .destination(path.join(__dirname, 'build', locale))

layouts/partials/footer.hbs

@@ -14,10 +14,8 @@
         <a href="https://trademark-policy.openjsf.org">Trademark Policy</a> | 
         <a href="https://trademark-list.openjsf.org">Trademark List</a> | 
         <a href="https://www.linuxfoundation.org/cookies">Cookie Policy</a>
-        </p>
-        <div class="openjsfoundation-footer-edit">
-             | <a id="editOnGitHubLink" href="#">{{site.editOnGithub}}</a>
-        </div>
+      </p>
+        <div class="openjsfoundation-footer-edit"></div>
     </div>
   </div>
 

scripts/plugins/githubLinks.js

@@ -17,10 +17,18 @@ function githubLinks(options) {
       const file = files[path];
       path = path.replace('.html', '.md').replace(/\\/g, '/');
       const url = `https://github.com/nodejs/nodejs.org/edit/main/locale/${options.locale}/${path}`;
-
-      const contents =
-        file.contents.toString() +
-        ` <input type = "hidden" id = "editOnGitHubUrl" value="${url}"/> `;
+      const editOnGitHubTrans = options.site.editOnGithub || 'Edit on GitHub';
+      const replCallBack = (match, $1, $2) => {
+        return `<div class="openjsfoundation-footer-edit">
+            | <a href="${url}">${editOnGitHubTrans}</a>
+            </div>`;
+      };
+      const contents = file.contents
+        .toString()
+        .replace(
+          /<div class="openjsfoundation-footer-edit"><\/div>/,
+          replCallBack
+        );
 
       file.contents = Buffer.from(contents);
     });

static/js/main.js

@@ -159,22 +159,3 @@
     winText.textContent = winText.textContent.replace(/x(86|64)/, arch);
   }
 })();
-(function () {
-  // This function is used to replace the anchor
-  // link of Edit on GitHub
-
-  var editOnGitHubElement = document.getElementById('editOnGitHubLink');
-  var editOnGitHubUrlElement = document.getElementById('editOnGitHubUrl');
-
-  if (!editOnGitHubElement) {
-    return;
-  }
-
-  if (editOnGitHubUrlElement) {
-    editOnGitHubElement.setAttribute('href', editOnGitHubUrlElement.value);
-  } else {
-    editOnGitHubElement.parentNode.parentNode.removeChild(
-      editOnGitHubElement.parentNode
-    );
-  }
-})();