Ensure the decoders object is utilised wherever code is being referenced.

Add some slightly improved UX hints for the `Image` renderer.
Keep newlines when returning code as text.
Disable Idbfs.

Author: dom111

css/app.scss

@@ -165,6 +165,11 @@ span.actions {
 .tty {
     border: 1px solid rgba(248, 248, 242, .3);
     padding: 4px;
+    resize: vertical;
+
+    .fullscreen & {
+        height: calc(100vh - 16px);
+    }
 
     &:focus-within {
         border-color: #a6e22e;

dist/css/app.css

@@ -26,6 +26,10 @@ <h1>
             <button name="copy" aria-label="Copy Link"></button>
             <button name="markdown" aria-label="Generate Markdown"></button>
         </span>
+
+        <button class="fullscreen-toggle" style="display: none;">
+            Fullscreen
+        </button>
     </h1>
 
     <h3 class="code-header">

dist/css/app.css.map

@@ -1,7 +1,9 @@
 export interface Decoder {
   name(): string;
-  matches(code: string): boolean;
-  decode(code: string): number[];
+  matches(code: number[]): boolean;
+  matchesAsString(code: string): boolean;
+  decode(code: number[]): number[];
+  decodeAsString(code: string): number[];
 }
 
 export class Decoders {
@@ -11,17 +13,29 @@ export class Decoders {
     this.registered.push(...decoders);
   }
 
-  public decode(code: string): number[] {
+  public decode(code: number[]): number[] {
     return this.decoder(code).decode(code);
   }
 
-  public decoder(code: string): Decoder {
+  public decodeAsString(code: string): number[] {
+    return this.decoderAsString(code).decodeAsString(code);
+  }
+
+  public decoder(code: number[]): Decoder {
     const [decoder] = this.registered.filter((decoder): boolean =>
       decoder.matches(code)
     );
 
     return decoder;
   }
+
+  public decoderAsString(code: string): Decoder {
+    const [decoder] = this.registered.filter((decoder): boolean =>
+      decoder.matchesAsString(code)
+    );
+
+    return decoder;
+  }
 }
 
 export default Decoders;

dist/js/app.js

@@ -1,11 +1,12 @@
 import { Decoder } from '../Decoders';
+import Default from './Default';
 
-export class Base64 implements Decoder {
+export class Base64 extends Default implements Decoder {
   public name(): string {
     return 'base64';
   }
 
-  public matches(code: string): boolean {
+  public matchesAsString(code: string): boolean {
     // base64 input is at least 4 chars
     if (code.length < 4) {
       return false;
@@ -20,7 +21,7 @@ export class Base64 implements Decoder {
     }
   }
 
-  public decode(code: string): number[] {
+  public decodeAsString(code: string): number[] {
     return Array.from(atob(code)).map((c: string): number => c.charCodeAt(0));
   }
 }

dist/js/app.js.map

@@ -5,12 +5,28 @@ export class Default implements Decoder {
     return 'default';
   }
 
-  public matches(): boolean {
+  protected codePointsToString(code: number[]): string {
+    return code.reduce((code, ord) => code + String.fromCharCode(ord), '');
+  }
+
+  protected stringToCodePoints(code: string): number[] {
+    return code.split('').map((c: string): number => c.charCodeAt(0));
+  }
+
+  public matches(code: number[]): boolean {
+    return this.matchesAsString(this.codePointsToString(code));
+  }
+
+  public matchesAsString(code: string): boolean {
     return true;
   }
 
-  public decode(code: string): number[] {
-    return Array.from(code).map((char: string): number => char.charCodeAt(0));
+  public decode(code: number[]): number[] {
+    return this.decodeAsString(this.codePointsToString(code));
+  }
+
+  public decodeAsString(code: string): number[] {
+    return this.stringToCodePoints(code);
   }
 }
 

index.html

@@ -1,15 +1,16 @@
 import { Decoder } from '../Decoders';
+import Default from './Default';
 
-export class Hexdump implements Decoder {
+export class Hexdump extends Default implements Decoder {
   public name(): string {
     return 'hexdump';
   }
 
-  public matches(code: string): boolean {
+  public matchesAsString(code: string): boolean {
     return /^(\d{7} (((.{2}){1,2} ){1,8})(\n|$))+$/.test(code);
   }
 
-  public decode(code: string): number[] {
+  public decodeAsString(code: string): number[] {
     return code
       .trim()
       .replace(/(?<=^|\n)\d{7} (((.{2}){1,2} ){1,8}).+/g, '$1')