Add Windows Terminal export

Author: ciembor

.gitignore

@@ -4,6 +4,7 @@ dist
 coverage
 playwright-report
 test-results
+TODO.md
 js/compiled.js
 css/_compiled_main.css
 css/merged.css

README.md

@@ -43,6 +43,9 @@ Put the generated file to `~/.config/alacritty/alacritty.yml`.
 * __Mintty:__
 Copy the colors and save them in `~/.minttyrc`.
 
+* __Windows Terminal:__
+Copy the generated JSON object into the `schemes` array in Windows Terminal `settings.json`, then select `4bit` as the profile color scheme.
+
 * __Other terminals:__
 Generate one of the supported formats and copy hex values into the configuration file, preferences panel, or import tool of your terminal.
 

src/infrastructure/serialization/scheme-exporters.js

@@ -7,10 +7,12 @@ import { serializeKonsole } from './scheme-exports/konsole';
 import { serializeMintty } from './scheme-exports/mintty';
 import { serializePutty } from './scheme-exports/putty';
 import { serializeTerminator } from './scheme-exports/terminator';
+import { serializeWindowsTerminal } from './scheme-exports/windows-terminal';
 import { serializeXfceTerminal } from './scheme-exports/xfce-terminal';
 import { serializeXresources } from './scheme-exports/xresources';
 
 const TEXT_MIME_TYPE = 'text/plain;charset=utf-8';
+const JSON_MIME_TYPE = 'application/json;charset=utf-8';
 const XML_MIME_TYPE = 'application/xml;charset=utf-8';
 
 const EXPORT_BUILDERS = {
@@ -24,6 +26,7 @@ const EXPORT_BUILDERS = {
   mintty: serializeMintty,
   putty: serializePutty,
   terminator: serializeTerminator,
+  windowsTerminal: serializeWindowsTerminal,
 };
 
 export const SCHEME_DOWNLOADS = [
@@ -99,6 +102,14 @@ export const SCHEME_DOWNLOADS = [
     downloadName: 'config',
     mimeType: TEXT_MIME_TYPE,
   },
+  {
+    id: 'windowsTerminal',
+    buttonId: 'windows-terminal-button',
+    text: 'windows terminal',
+    linkLabel: '*.json',
+    downloadName: '4bit-windows-terminal.json',
+    mimeType: JSON_MIME_TYPE,
+  },
   {
     id: 'xfceTerminal',
     buttonId: 'xfce-terminal-button',

src/infrastructure/serialization/scheme-exports/windows-terminal.js

@@ -0,0 +1,27 @@
+import { colorHex } from './shared';
+
+export function serializeWindowsTerminal(colors) {
+  return JSON.stringify({
+    name: '4bit',
+    black: colorHex(colors.black),
+    red: colorHex(colors.red),
+    green: colorHex(colors.green),
+    yellow: colorHex(colors.yellow),
+    blue: colorHex(colors.blue),
+    purple: colorHex(colors.magenta),
+    cyan: colorHex(colors.cyan),
+    white: colorHex(colors.white),
+    brightBlack: colorHex(colors.brightBlack),
+    brightRed: colorHex(colors.brightRed),
+    brightGreen: colorHex(colors.brightGreen),
+    brightYellow: colorHex(colors.brightYellow),
+    brightBlue: colorHex(colors.brightBlue),
+    brightPurple: colorHex(colors.brightMagenta),
+    brightCyan: colorHex(colors.brightCyan),
+    brightWhite: colorHex(colors.brightWhite),
+    background: colorHex(colors.background),
+    foreground: colorHex(colors.foreground),
+    cursorColor: colorHex(colors.foreground),
+    selectionBackground: colorHex(colors.brightBlack),
+  }, null, 2);
+}

tests/infrastructure/serialization/scheme-exporters.test.js

@@ -93,6 +93,42 @@ describe('SchemeExporters', () => {
     }
   });
 
+  it('generates a Windows Terminal JSON scheme', async () => {
+    const blob = buildSchemeDownload('windowsTerminal', createColors());
+    const scheme = JSON.parse(await blob.text());
+    const terminalColorKeys = [
+      'black',
+      'red',
+      'green',
+      'yellow',
+      'blue',
+      'purple',
+      'cyan',
+      'white',
+      'brightBlack',
+      'brightRed',
+      'brightGreen',
+      'brightYellow',
+      'brightBlue',
+      'brightPurple',
+      'brightCyan',
+      'brightWhite',
+    ];
+
+    expect(blob.type).toBe('application/json;charset=utf-8');
+    expect(scheme.name).toBe('4bit');
+    expect(scheme.background).toBe('#101010');
+    expect(scheme.foreground).toBe('#F0F0F0');
+    expect(scheme.cursorColor).toBe('#F0F0F0');
+    expect(scheme.selectionBackground).toBe('#808080');
+    expect(scheme.purple).toBe('#AA00AA');
+    expect(scheme.brightPurple).toBe('#FF55FF');
+
+    terminalColorKeys.forEach((key) => {
+      expect(scheme[key]).toMatch(/^#[0-9A-F]{6}$/);
+    });
+  });
+
   it('throws for unknown export formats', () => {
     expect(() => buildSchemeDownload('unknown-format', createColors())).toThrow(
       'Unknown export format: unknown-format'