From 956c7cbcba5dd5e0300c84203e074f32c0c66abc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rg=20Breitbart?= <jerch@rockborn.de>
Date: Fri, 4 Oct 2024 04:00:20 +0200
Subject: [PATCH] demo tests

---
 .../typings/addon-web-fonts.d.ts              |   4 +-
 addons/addon-web-fonts/webpack.config.js      |   2 +-
 demo/bpdots.regular.otf                       | Bin 0 -> 48296 bytes
 demo/client.ts                                |  23 +++-
 demo/index.html                               |   4 +
 demo/kongtext.regular.ttf                     | Bin 0 -> 10280 bytes
 demo/server.js                                |   3 +
 demo/style.css                                | 112 ------------------
 8 files changed, 31 insertions(+), 117 deletions(-)
 create mode 100644 demo/bpdots.regular.otf
 create mode 100644 demo/kongtext.regular.ttf

diff --git a/addons/addon-web-fonts/typings/addon-web-fonts.d.ts b/addons/addon-web-fonts/typings/addon-web-fonts.d.ts
index c353a421..9be3de21 100644
--- a/addons/addon-web-fonts/typings/addon-web-fonts.d.ts
+++ b/addons/addon-web-fonts/typings/addon-web-fonts.d.ts
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2017 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2024 The xterm.js authors. All rights reserved.
  * @license MIT
  */
 
@@ -13,7 +13,7 @@ declare module '@xterm/addon-web-fonts' {
    */
   export class WebFontsAddon implements ITerminalAddon {
     /**
-     * @param forceInitialRelayout Force an initial relayout, if a webfont was found.
+     * @param forceInitialRelayout Force initial relayout, if a webfont was found (default true).
      */
     constructor(forceInitialRelayout?: boolean);
     public activate(terminal: Terminal): void;
diff --git a/addons/addon-web-fonts/webpack.config.js b/addons/addon-web-fonts/webpack.config.js
index c73a60ba..f75d2d50 100644
--- a/addons/addon-web-fonts/webpack.config.js
+++ b/addons/addon-web-fonts/webpack.config.js
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2019 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2024 The xterm.js authors. All rights reserved.
  * @license MIT
  */
 
diff --git a/demo/bpdots.regular.otf b/demo/bpdots.regular.otf
new file mode 100644
index 0000000000000000000000000000000000000000..e5b5d1dcb74e06e7719aefbe81fd356e6257c1a7
GIT binary patch
literal 48296
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

literal 0
HcmV?d00001

diff --git a/demo/client.ts b/demo/client.ts
index d125bfee..d5e9fc08 100644
--- a/demo/client.ts
+++ b/demo/client.ts
@@ -23,7 +23,7 @@ import { FitAddon } from '@xterm/addon-fit';
 import { LigaturesAddon } from '@xterm/addon-ligatures';
 import { SearchAddon, ISearchOptions } from '@xterm/addon-search';
 import { SerializeAddon } from '@xterm/addon-serialize';
-import { WebFontsAddon } from '@xterm/addon-web-fonts';
+import { WebFontsAddon, loadFonts } from '@xterm/addon-web-fonts';
 import { WebLinksAddon } from '@xterm/addon-web-links';
 import { WebglAddon } from '@xterm/addon-webgl';
 import { Unicode11Addon } from '@xterm/addon-unicode11';
@@ -252,6 +252,7 @@ if (document.location.pathname === '/test') {
   addVtButtons();
   initImageAddonExposed();
   testEvents();
+  testWebfonts();
 }
 
 function createTerminal(): void {
@@ -268,7 +269,7 @@ function createTerminal(): void {
       backend: 'conpty',
       buildNumber: 22621
     } : undefined,
-    fontFamily: '"Roboto Mono", "Fira Code", courier-new, courier, monospace, "Powerline Extra Symbols"',
+    fontFamily: '"Fira Code", courier-new, courier, monospace, "Powerline Extra Symbols"',
     theme: xtermjsTheme
   } as ITerminalOptions);
 
@@ -1427,3 +1428,21 @@ function testEvents(): void {
   document.getElementById('event-focus').addEventListener('click', ()=> term.focus());
   document.getElementById('event-blur').addEventListener('click', ()=> term.blur());
 }
+
+function testWebfonts() {
+  document.getElementById('webfont-kongtime').addEventListener('click', async () => {
+    const ff = new FontFace('Kongtext', "url(/kongtext.regular.ttf) format('truetype')");
+    await loadFonts([ff]);
+    term.options.fontFamily = 'Kongtext';
+    term.options.lineHeight = 1.3;
+    addons.fit.instance?.fit();
+  });
+  document.getElementById('webfont-bpdots').addEventListener('click', async () => {
+    document.styleSheets[0].insertRule("@font-face { font-family: 'BPdots'; src: url(/bpdots.regular.otf) format('opentype'); weight: 400 }", 0);
+    await loadFonts(['BPdots']);
+    term.options.fontFamily = 'BPdots';
+    term.options.lineHeight = 1.3;
+    term.options.fontSize = 20;
+    addons.fit.instance?.fit();
+  });
+}
diff --git a/demo/index.html b/demo/index.html
index 06451847..a5673481 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -116,6 +116,10 @@
               <dt>Events Test</dt>
               <dd><button id="event-focus">focus</button></dd>
               <dd><button id="event-blur">blur</button></dd>
+
+              <dt>Webfonts</dt>
+              <dd><button id="webfont-kongtime">Kongtext (JS)</button></dd>
+              <dd><button id="webfont-bpdots">BPdots (CSS)</button></dd>
             </dl>
           </div>
         </div>
diff --git a/demo/kongtext.regular.ttf b/demo/kongtext.regular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..5e4d65fd1e059a159342d62f86c374da152df7f5
GIT binary patch
literal 10280
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

literal 0
HcmV?d00001

diff --git a/demo/server.js b/demo/server.js
index 748546d9..738e256d 100644
--- a/demo/server.js
+++ b/demo/server.js
@@ -39,6 +39,9 @@ function startServer() {
     res.sendFile(__dirname + '/style.css');
   });
 
+  app.get('/kongtext.regular.ttf', (req, res) => res.sendFile(__dirname + '/kongtext.regular.ttf'));
+  app.get('/bpdots.regular.otf', (req, res) => res.sendFile(__dirname + '/bpdots.regular.otf'));
+
   app.use('/dist', express.static(__dirname + '/dist'));
   app.use('/src', express.static(__dirname + '/src'));
 
diff --git a/demo/style.css b/demo/style.css
index 3e32b42f..1fb8f7ac 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -1,115 +1,3 @@
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm3CWWoKC.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm3mWWoKC.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm36WWoKC.woff2) format('woff2');
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm3KWWoKC.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm3OWWoKC.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: italic;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm32WWg.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');
-  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');
-  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Roboto Mono';
-  font-style: normal;
-  font-weight: 100 700;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-
-
-
 body {
     font-family: helvetica, sans-serif, arial;
     font-size: 1em;