prism tab 4->2

Author: Jenny-Jiani

_includes/head.html

@@ -99,7 +99,6 @@
 <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism.min.css" rel="stylesheet" />
 <script data-manual="true" src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/normalize-whitespace/prism-normalize-whitespace.min.js"></script>
 
 <script type="text/javascript" src="{{assetsPath}}/lib/mermaid/dist/mermaid.min.js"></script>
 <script type="text/javascript" src="{{ site.assets }}js/jquery-3.5.0.min.js"></script>

assets/js/index-banner-v3.js

@@ -1426,14 +1426,24 @@ function onSubsetBtnLineClick(randomId, fromJS) {
 }
 
 function transformRougeToPrism(root=document) {
-    Prism.plugins.NormalizeWhitespace.setDefaults({
-        "tabs-to-spaces": 2,
-        "indent": 2
+    Prism.hooks.add('before-highlight', function (env) {
+        env.code = normalizeIndent(env.code, 4, 2);
+        console.log(JSON.stringify(env.code));
     });
     Prism.highlightAll();
+}
+
+
+function normalizeIndent(code, from = 4, to = 2) {
+  return code
+    .split('\n')
+    .map(line => {
+      const match = line.match(/^ */);
+      const spaces = match ? match[0].length : 0;
 
-    // var template2Objs = $('.markdown-body .sample-code-prefix.template2 + blockquote')
-    // for (var i = 0; i < template2Objs.length; i++) {
-    //     $(template2Objs[i]).find(">div").eq(0).addClass('on')
-    // }
+      const level = Math.floor(spaces / from);
+
+      return ' '.repeat(level * to) + line.trimStart();
+    })
+    .join('\n');
 }