✨ Add support for ascii-color

package.json

@@ -13,22 +13,23 @@
     "lint-fix": "eslint --fix"
   },
   "dependencies": {
+    "ansicolor": "^2.0.3",
     "crypto-js": "^4.1.1",
     "pyodide": "^0.20.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.7.0",
     "@types/crypto-js": "^4.1.1",
     "@types/node": "^22.0.0",
-    "typescript-eslint": "^7.16.1",
     "builtin-modules": "3.3.0",
-    "vite-plugin-solid": "^2.10.2",
-    "@eslint/js": "^9.7.0",
     "eslint": "^9.7.0",
-    "solid-js": "^1.8.19",
     "obsidian": "latest",
     "sass": "^1.54.8",
+    "solid-js": "^1.8.19",
     "tslib": "^2.5.0",
     "typescript": "5.5.4",
-    "vite": "^5.4.0"
+    "typescript-eslint": "^8.0.1",
+    "vite": "^5.4.0",
+    "vite-plugin-solid": "^2.10.2"
   }
 }

src/backend/languages/js.ts

@@ -2,13 +2,14 @@ import type { CodeOutput } from '..';
 import { ProxySandbox } from '../../lib/sandbox';
 
 
+
 export default async function (code: string, output: CodeOutput): Promise<void> {
 
   return new Promise((resolve, reject) => {
     const sandbox = new ProxySandbox('t');
     let run = (async function (window: typeof sandbox.proxy) {
       const { console } = window;
-      Object.assign(console, output);
+      Object.assign(console, wrapConsole(output));
       sandbox.active();
       try {
         await eval(code);
@@ -23,3 +24,24 @@ export default async function (code: string, output: CodeOutput): Promise<void>
     (run(sandbox.proxy)).then(resolve).catch(reject);
   });
 }
+
+const wrapConsole = ({ update }: CodeOutput) => {
+  const prettyWrite = (name: string, data: string[]): void => {
+    const output = `<div class="log-${name}">${data.join(',')}</div>`;
+    update(n => [...n, output as unknown as string]);
+  };
+
+  const log = (...data: string[]) => prettyWrite('info', data);
+  const info = (...data: string[]) => prettyWrite('info', data);
+  const debug = (...data: string[]) => prettyWrite('debug', data);
+  const warn = (...data: string[]) => prettyWrite('warn', data);
+  const error = (...data: string[]) => prettyWrite('error', data);
+
+  return {
+    log,
+    info,
+    debug,
+    warn,
+    error,
+  }
+}

src/backend/store.ts

@@ -18,17 +18,6 @@ export function createCodeOutput<T = Message>() {
     update(() => value);
   };
 
-  const prettyWrite = (name: string, data: T[]): void => {
-    const output = `<div class="log-${name}">${data.join(',')}</div>`;
-    update(n => [...n, output as unknown as T]);
-  };
-
-  const log = (...data: T[]) => prettyWrite('info', data);
-  const info = (...data: T[]) => prettyWrite('info', data);
-  const debug = (...data: T[]) => prettyWrite('debug', data);
-  const warn = (...data: T[]) => prettyWrite('warn', data);
-  const error = (...data: T[]) => prettyWrite('error', data);
-
   const write = (...data: T[]) => {
     const msg = data.join(',');
     update(n => [...n, msg as unknown as T]);
@@ -48,9 +37,9 @@ export function createCodeOutput<T = Message>() {
 
   return {
     subscribe,
-    log, info, debug, warn, error,
     write,
     clear,
+    update,
     set,
   };
 }