Work on react frontend loader

1 files changed, 35 insertions, 0 deletions

diff --git a/frontend/src/logger.ts b/frontend/src/logger.ts
new file mode 100644
index 00000000..9eb515a3
--- /dev/null
+++ b/frontend/src/logger.ts
@@ -0,0 +1,35 @@
+export const log = (name: string, ...args: any[]) => {
+  console.log(
+    `%c Decky %c ${name} %c`,
+    'background: #16a085; color: black;',
+    'background: #1abc9c; color: black;',
+    'background: transparent;',
+    ...args,
+  );
+};
+
+export const error = (name: string, ...args: any[]) => {
+  console.log(
+    `%c Decky %c ${name} %c`,
+    'background: #16a085; color: black;',
+    'background: #FF0000;',
+    'background: transparent;',
+    ...args,
+  );
+};
+
+class Logger {
+  constructor(private name: string) {
+    this.name = name;
+  }
+
+  log(...args: any[]) {
+    log(this.name, ...args);
+  }
+
+  debug(...args: any[]) {
+    log(this.name, ...args);
+  }
+}
+
+export default Logger;