Add basic support for rendering code and other preformatted text

Works by having a list of file extensions to render.
AI-SDC · Oct 18, 2023 · d00a7ab · d00a7ab
1 parent 2f244cd
commit d00a7ab
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/assets/src/scripts/_file-elements.js b/assets/src/scripts/_file-elements.js
@@ -39,7 +39,7 @@ export async function createTextElement(el, ext, url) {
   const data = await fileLoader(ext, url);
 
   const textEl = document.createElement("pre");
-  textEl.classList.add("break-words", "text-sm", "whitespace-pre-line");
+  textEl.classList.add("break-words", "text-sm");
   textEl.innerText = data;
 
   el.appendChild(textEl);

diff --git a/assets/src/scripts/_utils.js b/assets/src/scripts/_utils.js
@@ -11,13 +11,21 @@ export const isCsv = (ext) => ext.toLowerCase() === "csv";
 export const isImg = (ext) =>
   ["gif", "jpg", "jpeg", "png", "svg"].includes(ext.toLowerCase());
 
+export const TEXT_TYPES = [
+  "txt",
+  "md",
+  "py",
+  "yaml",
+  "R",
+  "log",
+]
 /**
  * Confirm if file is .txt
  * @param {string} ext - file extension
  * @returns {boolean}
  */
 export function isTxt(ext) {
-  return ext.toLowerCase() === "txt";
+  return TEXT_TYPES.includes(ext.toLowerCase());
 }
 
 /**