commit 000396

static/style.css

@@ -232,8 +232,6 @@ pre[class*="language-"] {
   white-space: pre-wrap !important;
   word-break: break-word;
   overflow-x: auto;
-  padding: 1em;
-  border-radius: 8px;
 }
 
 

templates/index.html

@@ -67,7 +67,7 @@
   python: ['def ', 'print(', 'import ', 'class '],
   javascript: ['function ', 'console.log(', 'let ', 'const ', 'document.getElementById'],
   typescript: ['interface ', 'type ', 'let ', 'const ', ': string', ': number'],
-  java: ['public class', 'System.out', 'void main(', 'new Scanner'],
+  java: ['import java.', 'ArrayList<', 'System.out', 'void main(', 'public class', 'new '],
   c: ['#include <stdio.h>', 'printf(', 'scanf(', 'int main('],
   cpp: ['#include', 'std::', 'cout <<', 'cin >>'],
   bash: ['#!/bin/bash', 'echo ', 'cd ', 'ls', 'pwd'],
@@ -96,7 +96,7 @@ const detectLanguageByKeywords = (code) => {
 
 const renderCode = (text) => {
   const codeBlocks = text.split(/```/);
-  let output = '';
+  let container = document.createElement('div');
 
   for (let i = 0; i < codeBlocks.length; i++) {
     if (i % 2 === 1) {
@@ -109,29 +109,38 @@ const renderCode = (text) => {
         langGuess = detectLanguageByKeywords(rawCode);
       }
 
-      const escapedCode = rawCode
-        .replace(/&/g, "&amp;")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;");
-
-      output += `
-        <div class="code-block-wrapper">
-          <div class="language-label">${langGuess.toUpperCase() || 'CODE'}</div>
-          <button class="copy-btn" onclick="copyToClipboard(\`${rawCode.replace(/\\/g, '\\\\').replace(/`/g, '\\`').replace(/\$/g, '\\$')}\`, this)">
-            <span class="material-icons">content_copy</span>
-          </button>
-          <pre class="line-numbers language-${langGuess}"><code class="language-${langGuess}">${escapedCode}</code></pre>
-        </div>
-      `;
+      const wrapper = document.createElement('div');
+      wrapper.className = 'code-block-wrapper';
+
+      const label = document.createElement('div');
+      label.className = 'language-label';
+      label.textContent = langGuess.toUpperCase() || 'CODE';
+
+      const button = document.createElement('button');
+      button.className = 'copy-btn';
+      button.innerHTML = `<span class="material-icons">content_copy</span>`;
+      button.onclick = () =>
+        copyToClipboard(rawCode, button);
+
+      const pre = document.createElement('pre');
+      pre.className = `line-numbers language-${langGuess}`;
+      const code = document.createElement('code');
+      code.className = `language-${langGuess}`;
+      code.textContent = rawCode;
+
+      pre.appendChild(code);
+      wrapper.append(label, button, pre);
+      container.appendChild(wrapper);
     } else {
-      output += `<div class="text-content">${formatText(codeBlocks[i])}</div>`;
+      const textDiv = document.createElement('div');
+      textDiv.className = 'text-content';
+      textDiv.innerHTML = formatText(codeBlocks[i]);
+      container.appendChild(textDiv);
     }
   }
 
-  // highlight all new code blocks
   nextTick(() => Prism.highlightAll());
-
-  return output;
+  return container.innerHTML;
 };