feat: self hosted mathjax

Co-authored-by: uranuspucksaxophone <84784521+uranuspucksaxophone@users.noreply.github.com>
Co-authored-by: zyachel <aricla@protonmail.com>

README.md

@@ -137,10 +137,6 @@ From [their privacy policy](https://www.quora.com/about/privacy)
 
   A key called 'theme' is stored in local storage provided by your browser to store your theme preference should you override the default theme. To prevent this behaviour, either disable JavaScript or local storage for Quetre.
 
-- Data collected by other services
-
-  As Quetre connects to 'cdn.jsdelivr.net' for MathJax library, jsdelivr might log some data. So, follow due precaution. Using a VPN might be a good idea. Or even better, consider hosting your own instance.
-
 ---
 
 ## FAQs
@@ -157,10 +153,6 @@ From [their privacy policy](https://www.quora.com/about/privacy)
 
   I'm working to implement them soon. Keep an eye on [To-Do list](#to-do).
 
-- Why is the website connecting to 'cdn.jsdelivr.net'?
-
-  It is for an open source library – [Mathjax](https://www.mathjax.org/) – which is used to display math eqations nicely. If I get enough time, I'll include it locally.
-
 - Why are some math equations showing up weirdly?
 
   If you're browsing with JavaScript disabled, then the Mathjax library isn't able to load and format tex equations. I'd recommend to enable JavaScript for it since there's no other way to show them in the browser. Even Quora uses Mathjax.

app.js

@@ -20,10 +20,9 @@ const app = express();
 // 1. IMPORTANT MIDDLWARES
 app.use(compression()); // compressing responses
 app.use(
- helmet({
+  helmet({
     contentSecurityPolicy: {
       directives: {
-        'script-src': ["'self'", 'cdn.jsdelivr.net'],
         'block-all-mixed-content': null, // deprecated.
         'upgrade-insecure-requests': process.env.NO_UPGRADE ? null : [],
       },

public/js/index.js

@@ -48,3 +48,8 @@ btnTheme.addEventListener('click', () => {
   if (userPrefersTheme) setTheme(userPrefersTheme);
   else if (browserPrefersDarkTheme) setTheme('dark');
 })();
+
+////////////////////////////////////////////////////////
+//                   MATHJAX CONFIG
+////////////////////////////////////////////////////////
+window.MathJax = { options: { enableMenu: false } };

views/pug/base.pug

@@ -50,6 +50,6 @@ html(lang='en')
     if someAnswerContainsMath
       script#MathJax-script(
         type='text/javascript', 
-        src='https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js',
+        src='/mathjax/tex-chtml.js',
         async
       )

views/pug/pages/about.pug

@@ -86,12 +86,6 @@ block content
           summary.faqs__question There are some unreachable routes.
             svg.faqs__icon: use(href='/misc/sprite.svg#icon-open')
           p.faqs__answer I'm working to implement them soon.
-        details.faqs__faq
-          summary.faqs__question Why is website connecting to 'cdn.jsdelivr.net'?
-            svg.faqs__icon: use(href='/misc/sprite.svg#icon-open')
-          p.faqs__answer It is for an open source library – 
-            a.about__link(href='https://www.mathjax.org/') Mathjax
-            | – which is used to display math eqations nicely. If I get enough time, I'll include it locally.
         details.faqs__faq
           summary.faqs__question Why are some math equations showing up weirdly?
             svg.faqs__icon: use(href='/misc/sprite.svg#icon-open')

views/pug/pages/privacy.pug

@@ -31,7 +31,3 @@ block content
           summary.faqs__question Data stored locally in your browser
             svg.faqs__icon: use(href='/misc/sprite.svg#icon-open')
           p.faqs__answer A key called 'theme' is stored in local storage provided by your browser to store your theme preference should you override the default theme. To prevent this behaviour, either disable JavaScript or local storage for Quetre.
-        details.faqs__faq
-          summary.faqs__question Data collected by other services
-            svg.faqs__icon: use(href='/misc/sprite.svg#icon-open')
-          p.faqs__answer As Quetre connects to 'cdn.jsdelivr.net' for MathJax library, jsdelivr might log some data. So, follow due precaution. Using a VPN might be a good idea. Or even better, consider hosting your own instance.

views/sass/_base.scss

@@ -141,26 +141,3 @@ body {
     @include focus-rules;
   }
 }
-
-////////////////////////////////////////////////////////
-//                   FOR MATHJAX
-////////////////////////////////////////////////////////
-mjx-container.MathJax {
-  pointer-events: none;
-}
-/*
-.CtxtMenu_ContextMenu,
-.CtxtMenu_Info {
-  background-color: var(--clr-base-bg) !important;
-  font-family: inherit !important;
-  color: inherit !important;
-}
-.CtxtMenu_InfoTitle,
-.CtxtMenu_InfoSignature,
-.CtxtMenu_MenuClose .CtxtMenu_InfoClose,
-.CtxtMenu_InfoContent {
-  font-family: inherit !important;
-  background: inherit !important;
-  color: inherit !important;
-}
-*/