From 62c6d8ab94e00e37fadb4fc990ca1181629d22a2 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Sat, 31 Dec 2022 10:29:01 +0900
Subject: [PATCH 01/26] bump: 0.13.1-SNAPSHOT

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b7176f3a1..2a4117009 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "piping-ui",
-  "version": "0.13.0",
+  "version": "0.13.1-SNAPSHOT",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "piping-ui",
-      "version": "0.13.0",
+      "version": "0.13.1-SNAPSHOT",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index 95774d22f..ba9024d39 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "piping-ui",
-  "version": "0.13.0",
+  "version": "0.13.1-SNAPSHOT",
   "private": true,
   "author": "Ryo Ota <nwtgck@nwtgck.org> (https://github.com/nwtgck)",
   "scripts": {

From 6a4d45b29ef01ae93ac6c9bcbd3a24fa920d3002 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Sat, 31 Dec 2022 21:32:26 +0900
Subject: [PATCH 02/26] use real <a href download> when retrying

---
 src/components/DataDownloader.vue | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/components/DataDownloader.vue b/src/components/DataDownloader.vue
index 91e57ba53..32e8d6fda 100644
--- a/src/components/DataDownloader.vue
+++ b/src/components/DataDownloader.vue
@@ -38,8 +38,9 @@
           <v-card-text>{{ strings['browser_may_have_blocked_download'] }}</v-card-text>
           <v-card-actions>
             <v-spacer></v-spacer>
-            <v-btn color="primary" text @click="openRetryDownload = false">{{ strings['retry_download_dialog_no'] }}</v-btn>
-            <v-btn color="primary" text @click="retryDownload()">{{ strings['retry_download_dialog_yes'] }}</v-btn>
+            <v-btn color="primary" outlined @click="openRetryDownload = false">{{ strings['retry_download_dialog_no'] }}</v-btn>
+            <!-- NOTE: tag="a" is important. This element will be injected href and download attributes. -->
+            <v-btn ref="retry_download_button" tag="a" @click="openRetryDownload = false" color="primary" outlined>{{ strings['retry_download_dialog_yes'] }}</v-btn>
           </v-card-actions>
         </v-card>
       </v-dialog>
@@ -61,7 +62,7 @@ export type DataDownloaderProps = {
 <script setup lang="ts">
 /* eslint-disable */
 
-import Vue, {ref, computed, onMounted} from "vue";
+import Vue, {ref, computed, onMounted, nextTick} from "vue";
 import urlJoin from 'url-join';
 import {mdiAlert, mdiChevronDown} from "@mdi/js";
 import * as pipingUiUtils from "@/piping-ui-utils";
@@ -115,7 +116,7 @@ const downloadPath = computed<string>(() => {
 const rootElement = ref<Vue>();
 const pipingUiAuthVerificationCode = ref<string | undefined>();
 const openRetryDownload = ref<boolean>(false);
-const retryDownload = ref<() => void>(() => {});
+const retry_download_button = ref<Vue>();
 
 // NOTE: Automatically download when mounted
 onMounted(async () => {
@@ -281,17 +282,17 @@ onMounted(async () => {
   // NOTE: '/sw-download/v2' can be received by Service Worker in src/sw.js
   // NOTE: URL fragment is passed to Service Worker but not passed to Web server
   const downloadUrl = `/sw-download/v2#?id=${swDownloadId}`;
-  retryDownload.value = () => {
-    const win = window.open(downloadUrl, "_blank");
-    console.log("retried window.open()?.closed =", win?.closed);
-    openRetryDownload.value = false;
-    retryDownload.value = () => {};
-  };
   const win = window.open(downloadUrl, "_blank");
   console.log("window.open()?.closed =", win?.closed);
   // NOTE: Desktop and iOS Safari 16.1 blocks by default
   if(win === null || win.closed || win.closed === undefined) {
     openRetryDownload.value = true;
+    nextTick(() => {
+      // Use real click, not element.click()
+      const a = retry_download_button.value!.$el as HTMLAnchorElement;
+      a.href = downloadUrl;
+      a.download = fileName;
+    });
   }
   // Without this, memory leak occurs. It consumes as much memory as the received file size.
   // Memory still leaks when using `npm run serve`. Build and serve to confirm.

From cf407a5f476a1295472ce19c7386090411e4c633 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Sun, 1 Jan 2023 17:39:51 +0900
Subject: [PATCH 03/26] e2e-test: add popup blocking test

---
 .github/workflows/e2e-test.yml    |  4 +++-
 e2e-test/src/index.test.ts        | 26 ++++++++++++++++++++++++++
 e2e-test/src/util.ts              |  8 +++++++-
 src/components/DataDownloader.vue |  2 +-
 4 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/e2e-test.yml b/.github/workflows/e2e-test.yml
index a878a1428..10a2a415e 100644
--- a/.github/workflows/e2e-test.yml
+++ b/.github/workflows/e2e-test.yml
@@ -28,6 +28,8 @@ jobs:
             e2e_service_worker_disable: true
           - e2e_docker_image_fragment: firefox:78.0
             e2e_service_worker_disable: true
+          - e2e_docker_image_fragment: firefox:78.0
+            e2e_block_popup: true
 
     runs-on: ubuntu-20.04
     timeout-minutes: 10
@@ -47,4 +49,4 @@ jobs:
           (cd e2e-test && npm ci) &
           wait
       - name: E2E test (${{ matrix.e2e_docker_image_fragment }})
-        run: cd e2e-test && E2E_DOCKER_IMAGE=selenium/standalone-${{ matrix.e2e_docker_image_fragment }} E2E_DISABLE_SERVICE_WORKER=${{ matrix.e2e_service_worker_disable }} npm start
+        run: cd e2e-test && E2E_DOCKER_IMAGE=selenium/standalone-${{ matrix.e2e_docker_image_fragment }} E2E_DISABLE_SERVICE_WORKER=${{ matrix.e2e_service_worker_disable }} E2E_BLOCK_POPUP=${{ matrix.e2e_block_popup }} npm start
diff --git a/e2e-test/src/index.test.ts b/e2e-test/src/index.test.ts
index f09aed532..93ffec8dc 100644
--- a/e2e-test/src/index.test.ts
+++ b/e2e-test/src/index.test.ts
@@ -22,6 +22,7 @@ const PIPING_UI_URL = `http://localhost:${PIPING_UI_PORT}`;
 const driverFactoryPromise = createDriverFactory({
   dockerBaseImage: process.env["E2E_DOCKER_IMAGE"] || (() => {throw new Error("$E2E_DOCKER_IMAGE not found")})(),
   disablesServiceWorker: process.env["E2E_DISABLE_SERVICE_WORKER"] === "true",
+  blockPopup: process.env["E2E_BLOCK_POPUP"] === "true",
   forwardingTcpPorts: [PIPING_UI_PORT],
 });
 
@@ -58,6 +59,25 @@ function getActions(driver: WebDriver) {
       await (await elements.secretPathClearButton()).click();
       await (await elements.secretPathInput()).sendKeys(path);
     },
+    retryDownloadButtonIfNeed(): () => void {
+      let done = false;
+      (async () => {
+        let retryDownloadButton: webdriver.WebElement;
+        while (true) {
+          try {
+            retryDownloadButton = await driver.findElement(webdriver.By.css("[data-testid=retry_download_button]"));
+            break;
+          } catch (e) {
+          }
+          await new Promise(resolve => setTimeout(resolve, 500));
+          if (done) {
+            return;
+          }
+        }
+        await nativeClick(driver, retryDownloadButton);
+      })().catch(e => console.error(e));
+      return () => { done = true };
+    },
   };
 }
 
@@ -110,6 +130,8 @@ describe('Piping UI', () => {
       await nativeClick(driver, await elements.passwordlessSwitch());
       await new Promise(resolve => setTimeout(resolve, 1000));
       await (await elements.downloadButton()).click();
+      const finishRetryDownload = actions.retryDownloadButtonIfNeed();
+      defer(() => finishRetryDownload());
 
       const downloadedFilePath = path.join(downloadPath, secretPath);
       await waitForDownload(downloadedFilePath);
@@ -207,6 +229,8 @@ describe('Piping UI', () => {
       await (await elements.passwordInput()).sendKeys(filePassword);
       await new Promise(resolve => setTimeout(resolve, 1000));
       await (await elements.downloadButton()).click();
+      const finishRetryDownload = actions.retryDownloadButtonIfNeed();
+      defer(() => finishRetryDownload());
 
       const downloadedFilePath = path.join(downloadPath, secretPath);
       await waitForDownload(downloadedFilePath);
@@ -300,6 +324,8 @@ describe('Piping UI', () => {
     await receiverActions.inputSecretPath(secretPath);
     await new Promise(resolve => setTimeout(resolve, 1000));
     await (await receiverElements.downloadButton()).click();
+    const finishRetryDownload = receiverActions.retryDownloadButtonIfNeed();
+    defer(() => finishRetryDownload());
 
     await new Promise(resolve => setTimeout(resolve, 2000));
     await (await senderElements.passwordlessVerifiedButton0()).click();
diff --git a/e2e-test/src/util.ts b/e2e-test/src/util.ts
index dc80e0672..8faa6d52b 100644
--- a/e2e-test/src/util.ts
+++ b/e2e-test/src/util.ts
@@ -50,6 +50,7 @@ export async function servePipingUiIfNotServed(port: number) {
   }
 }
 
+// NOTE: e.click() causes "Element <input id="..." type="checkbox"> is not clickable at point because another element <div class="..."> obscures it"
 export async function nativeClick(driver: webdriver.WebDriver, element: webdriver.WebElement) {
   await driver.executeScript((e: any) => e.click(), element);
 }
@@ -94,7 +95,7 @@ export async function waitFor<T>(f: () => T | Promise<T>, { intervalMillis = 100
 
 export const rayTracingPngImage: Buffer = fs.readFileSync("./resources/ray-tracing-iow-1280x720.png");
 
-export async function createDriverFactory({dockerBaseImage, disablesServiceWorker, forwardingTcpPorts}: {dockerBaseImage: string, disablesServiceWorker: boolean, forwardingTcpPorts: readonly number[]}) {
+export async function createDriverFactory({dockerBaseImage, disablesServiceWorker, blockPopup, forwardingTcpPorts}: {dockerBaseImage: string, disablesServiceWorker: boolean, blockPopup: boolean, forwardingTcpPorts: readonly number[]}) {
   const sharePath = fs.mkdtempSync(path.join(os.tmpdir(), "selenium-docker-share-"));
   const sharePathInDocker = "/home/seluser/tmp";
   const downloadPath = fs.mkdtempSync(path.join(os.tmpdir(), "selenium-docker-downloads-share-"));
@@ -122,6 +123,8 @@ export async function createDriverFactory({dockerBaseImage, disablesServiceWorke
             new firefox.Options()
               .setPreference("browser.helperApps.neverAsk.saveToDisk", "application/octet-stream;application/x-unknown-content-type")
               .setPreference("dom.serviceWorkers.enabled", !disablesServiceWorker)
+              // 20 is default value in Firefox 108
+              .setPreference("dom.popup_maximum", blockPopup ? 0 : 20)
           )
           .usingServer("http://localhost:4444/wd/hub").build();
       }
@@ -130,6 +133,9 @@ export async function createDriverFactory({dockerBaseImage, disablesServiceWorke
       if (disablesServiceWorker) {
         throw new Error(`can not disable Service Worker on Chrome/Chromium`);
       }
+      if (blockPopup) {
+        throw new Error(`can not block popup on Chrome/Chromium`);
+      }
       return () => {
         return new webdriver.Builder().forBrowser(webdriver.Browser.CHROME)
           .usingServer("http://localhost:4444/wd/hub").build();
diff --git a/src/components/DataDownloader.vue b/src/components/DataDownloader.vue
index 32e8d6fda..00299bdae 100644
--- a/src/components/DataDownloader.vue
+++ b/src/components/DataDownloader.vue
@@ -40,7 +40,7 @@
             <v-spacer></v-spacer>
             <v-btn color="primary" outlined @click="openRetryDownload = false">{{ strings['retry_download_dialog_no'] }}</v-btn>
             <!-- NOTE: tag="a" is important. This element will be injected href and download attributes. -->
-            <v-btn ref="retry_download_button" tag="a" @click="openRetryDownload = false" color="primary" outlined>{{ strings['retry_download_dialog_yes'] }}</v-btn>
+            <v-btn ref="retry_download_button" tag="a" @click="openRetryDownload = false" color="primary" outlined data-testid="retry_download_button">{{ strings['retry_download_dialog_yes'] }}</v-btn>
           </v-card-actions>
         </v-card>
       </v-dialog>

From f8ec5679e06ef4fac29ab649682be9db984f86db Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Sun, 1 Jan 2023 20:02:36 +0900
Subject: [PATCH 04/26] e2e-test: speed up getBufferByBlobUrl()

---
 e2e-test/src/util.ts | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/e2e-test/src/util.ts b/e2e-test/src/util.ts
index 8faa6d52b..593af0672 100644
--- a/e2e-test/src/util.ts
+++ b/e2e-test/src/util.ts
@@ -56,15 +56,23 @@ export async function nativeClick(driver: webdriver.WebDriver, element: webdrive
 }
 
 export async function getBufferByBlobUrl(driver: webdriver.WebDriver, blobUrl: string): Promise<Buffer> {
-  const array: number[] = await driver.executeAsyncScript(async function (blobUrl: string) {
+  const base64String: string = await driver.executeAsyncScript(async function (blobUrl: string) {
     // eslint-disable-next-line prefer-rest-params
     const callback = arguments[arguments.length - 1];
     const res = await window.fetch(blobUrl);
     const arrayBuffer = await res.arrayBuffer();
     // NOTE: transferring raw Uint8Array causes "Error: Accessing TypedArray data over Xrays is slow, and forbidden in order to encourage performant code. To copy TypedArrays across origin boundaries, consider using Components.utils.cloneInto()."
-    callback([...new Uint8Array(arrayBuffer)]);
+    // NOTE: Transferring Base64 string is faster than transferring number[] especially in Firefox
+    const array = [...new Uint8Array(arrayBuffer)];
+    // NOTE: chunking avoids an error "RangeError: too many function arguments"
+    const chunkSize = 65536;
+    let str = '';
+    while (array.length > 0) {
+      str += String.fromCharCode.apply(null, array.splice(0, chunkSize));
+    }
+    callback(btoa(str));
   }, blobUrl);
-  return Buffer.from(array);
+  return Buffer.from(base64String, "base64");
 }
 
 export function randomBytesAvoidingMimeTypeDetection(size: number): Buffer {

From ed4a38827874011fa9bf3f665bcf14384a9be322 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Sun, 1 Jan 2023 19:00:13 +0900
Subject: [PATCH 05/26] remove "download" attributes when retrying download
 because Chrome 108 and Safari 16.1 bypass Service Worker

---
 src/components/DataDownloader.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/DataDownloader.vue b/src/components/DataDownloader.vue
index 00299bdae..a636cd85a 100644
--- a/src/components/DataDownloader.vue
+++ b/src/components/DataDownloader.vue
@@ -291,7 +291,8 @@ onMounted(async () => {
       // Use real click, not element.click()
       const a = retry_download_button.value!.$el as HTMLAnchorElement;
       a.href = downloadUrl;
-      a.download = fileName;
+      // NOTE: With "download" attributes, Chrome 108 and Safari 16.1 bypass Service Worker
+      // a.download = fileName;
     });
   }
   // Without this, memory leak occurs. It consumes as much memory as the received file size.

From 7f1fc4cec1bb561fb74f7f46a9cf0898fe5d8a69 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Sun, 1 Jan 2023 23:05:06 +0900
Subject: [PATCH 06/26] e2e-test: stablizie E2E test for pop blocking

---
 .github/workflows/e2e-test.yml |  2 +-
 e2e-test/src/index.test.ts     | 61 ++++++++++++++++++++++++----------
 e2e-test/src/util.ts           |  1 +
 3 files changed, 46 insertions(+), 18 deletions(-)

diff --git a/.github/workflows/e2e-test.yml b/.github/workflows/e2e-test.yml
index 10a2a415e..6dc74a105 100644
--- a/.github/workflows/e2e-test.yml
+++ b/.github/workflows/e2e-test.yml
@@ -28,7 +28,7 @@ jobs:
             e2e_service_worker_disable: true
           - e2e_docker_image_fragment: firefox:78.0
             e2e_service_worker_disable: true
-          - e2e_docker_image_fragment: firefox:78.0
+          - e2e_docker_image_fragment: firefox:108.0
             e2e_block_popup: true
 
     runs-on: ubuntu-20.04
diff --git a/e2e-test/src/index.test.ts b/e2e-test/src/index.test.ts
index 93ffec8dc..490ebe585 100644
--- a/e2e-test/src/index.test.ts
+++ b/e2e-test/src/index.test.ts
@@ -66,7 +66,10 @@ function getActions(driver: WebDriver) {
         while (true) {
           try {
             retryDownloadButton = await driver.findElement(webdriver.By.css("[data-testid=retry_download_button]"));
-            break;
+            const href = await retryDownloadButton.getAttribute("href");
+            if (href.includes("/sw-download/")) {
+              break;
+            }
           } catch (e) {
           }
           await new Promise(resolve => setTimeout(resolve, 500));
@@ -74,8 +77,12 @@ function getActions(driver: WebDriver) {
             return;
           }
         }
-        await nativeClick(driver, retryDownloadButton);
-      })().catch(e => console.error(e));
+        await driver.executeScript((button: HTMLElement) => {
+          window.scrollTo(0, button.offsetTop)
+        }, retryDownloadButton);
+        await new Promise(resolve => setTimeout(resolve, 2000));
+        await retryDownloadButton.click();
+      })().catch(e => console.error("failed to run retryDownloadButtonIfNeed()", e));
       return () => { done = true };
     },
   };
@@ -93,8 +100,13 @@ describe('Piping UI', () => {
     afterCallbacks.push(f);
   }
 
-  it('should send and download a file', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and download a file', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
+    if (blockPopup) {
+      // NOTE: Firefox frequently fails to download. You can reproduce when transferring large file without E2E encryption.
+      this.skip();
+      return;
+    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -143,8 +155,12 @@ describe('Piping UI', () => {
     }
   });
 
-  it('should send and show a file', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and show a file', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
+    // NOTE: Skip because GitHub Actions frequently failed. In local Intel Mac, it succeeds.
+    if (blockPopup) {
+      this.skip();
+    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     {
@@ -187,8 +203,11 @@ describe('Piping UI', () => {
     }
   });
 
-  it('should send and download an E2E encrypted file with password', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and download an E2E encrypted file with password', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
+    if (blockPopup) {
+      this.skip();
+    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -242,8 +261,11 @@ describe('Piping UI', () => {
     }
   });
 
-  it('should send and show an E2E encrypted file with password', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and show an E2E encrypted file with password', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
+    if (blockPopup) {
+      this.skip();
+    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const filePassword = crypto.randomBytes(32).toString("binary");
@@ -292,8 +314,9 @@ describe('Piping UI', () => {
     }
   });
 
-  it('should send and download a file by passwordless E2E encryption', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and download a file by passwordless E2E encryption', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
+    // NOTE: not skip when blockPopup is true
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -324,12 +347,13 @@ describe('Piping UI', () => {
     await receiverActions.inputSecretPath(secretPath);
     await new Promise(resolve => setTimeout(resolve, 1000));
     await (await receiverElements.downloadButton()).click();
-    const finishRetryDownload = receiverActions.retryDownloadButtonIfNeed();
-    defer(() => finishRetryDownload());
 
     await new Promise(resolve => setTimeout(resolve, 2000));
     await (await senderElements.passwordlessVerifiedButton0()).click();
 
+    const finishRetryDownload = receiverActions.retryDownloadButtonIfNeed();
+    defer(() => finishRetryDownload());
+
     const downloadedFilePath = path.join(downloadPath, secretPath);
     await waitForDownload(downloadedFilePath);
     const downloadedFileContent = fs.readFileSync(downloadedFilePath);
@@ -339,8 +363,11 @@ describe('Piping UI', () => {
     fs.rmSync(downloadedFilePath);
   });
 
-  it('should send and show a file by passwordless E2E encryption', async () => {
-    const {sharePath, sharePathInDocker, downloadPath, createDriver} = await driverFactoryPromise;
+  it('should send and show a file by passwordless E2E encryption', async function () {
+    const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
+    if (blockPopup) {
+      this.skip();
+    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
 
diff --git a/e2e-test/src/util.ts b/e2e-test/src/util.ts
index 593af0672..eb977d58e 100644
--- a/e2e-test/src/util.ts
+++ b/e2e-test/src/util.ts
@@ -158,5 +158,6 @@ export async function createDriverFactory({dockerBaseImage, disablesServiceWorke
     downloadPath,
     downloadPathInDocker,
     createDriver,
+    blockPopup,
   };
 }

From a35dd2db231e52b61b662daec05a6002f060cc99 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Mon, 2 Jan 2023 13:28:08 +0900
Subject: [PATCH 07/26] add "download" attribute only in Firefox

---
 e2e-test/src/index.test.ts        | 21 ++-------------------
 src/components/DataDownloader.vue | 11 +++++++++--
 src/utils/isFirefox.ts            |  3 +++
 3 files changed, 14 insertions(+), 21 deletions(-)
 create mode 100644 src/utils/isFirefox.ts

diff --git a/e2e-test/src/index.test.ts b/e2e-test/src/index.test.ts
index 490ebe585..8bcf8cd90 100644
--- a/e2e-test/src/index.test.ts
+++ b/e2e-test/src/index.test.ts
@@ -80,7 +80,8 @@ function getActions(driver: WebDriver) {
         await driver.executeScript((button: HTMLElement) => {
           window.scrollTo(0, button.offsetTop)
         }, retryDownloadButton);
-        await new Promise(resolve => setTimeout(resolve, 2000));
+        // GitHub Actions frequently fails in 2 seconds.
+        await new Promise(resolve => setTimeout(resolve, 5000));
         await retryDownloadButton.click();
       })().catch(e => console.error("failed to run retryDownloadButtonIfNeed()", e));
       return () => { done = true };
@@ -102,11 +103,6 @@ describe('Piping UI', () => {
 
   it('should send and download a file', async function () {
     const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
-    if (blockPopup) {
-      // NOTE: Firefox frequently fails to download. You can reproduce when transferring large file without E2E encryption.
-      this.skip();
-      return;
-    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -158,9 +154,6 @@ describe('Piping UI', () => {
   it('should send and show a file', async function () {
     const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
     // NOTE: Skip because GitHub Actions frequently failed. In local Intel Mac, it succeeds.
-    if (blockPopup) {
-      this.skip();
-    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     {
@@ -205,9 +198,6 @@ describe('Piping UI', () => {
 
   it('should send and download an E2E encrypted file with password', async function () {
     const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
-    if (blockPopup) {
-      this.skip();
-    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -263,9 +253,6 @@ describe('Piping UI', () => {
 
   it('should send and show an E2E encrypted file with password', async function () {
     const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
-    if (blockPopup) {
-      this.skip();
-    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const filePassword = crypto.randomBytes(32).toString("binary");
@@ -316,7 +303,6 @@ describe('Piping UI', () => {
 
   it('should send and download a file by passwordless E2E encryption', async function () {
     const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
-    // NOTE: not skip when blockPopup is true
 
     const secretPath = crypto.randomBytes(8).toString("hex");
     const transferContent = randomBytesAvoidingMimeTypeDetection(1024 * 1024);
@@ -365,9 +351,6 @@ describe('Piping UI', () => {
 
   it('should send and show a file by passwordless E2E encryption', async function () {
     const {sharePath, sharePathInDocker, downloadPath, createDriver, blockPopup} = await driverFactoryPromise;
-    if (blockPopup) {
-      this.skip();
-    }
 
     const secretPath = crypto.randomBytes(8).toString("hex");
 
diff --git a/src/components/DataDownloader.vue b/src/components/DataDownloader.vue
index a636cd85a..263a0d264 100644
--- a/src/components/DataDownloader.vue
+++ b/src/components/DataDownloader.vue
@@ -73,6 +73,7 @@ import * as pipingUiAuth from "@/piping-ui-auth";
 import * as fileType from 'file-type/browser';
 import {canTransferReadableStream} from "@/utils/canTransferReadableStream";
 import {makePromise} from "@/utils/makePromise";
+import {isFirefox} from "@/utils/isFirefox";
 import {useErrorMessage} from "@/useErrorMessage";
 import {strings} from "@/strings/strings";
 import {ecdsaP384SigningKeyPairPromise} from "@/signing-key";
@@ -291,8 +292,14 @@ onMounted(async () => {
       // Use real click, not element.click()
       const a = retry_download_button.value!.$el as HTMLAnchorElement;
       a.href = downloadUrl;
-      // NOTE: With "download" attributes, Chrome 108 and Safari 16.1 bypass Service Worker
-      // a.download = fileName;
+      // NOTE: The feature detection can not be created because it would confirm the downloaded file.
+      if (isFirefox()) {
+        // NOTE: With "download" attributes, Chrome 108 and Safari 16.1 bypass Service Worker
+        // NOTE: Without "download" attribute, Firefox frequently fails to download a large file. Passwordless protection is stable without "download" attribute because it uses Piping UI Robust, which transfer small chunks especially first chunk even in Firefox.
+        // For testing in Firefox, you can enable "Block pop-up windows" in your preference.
+        a.download = fileName;
+        console.log("'download' attribute added to <a>");
+      }
     });
   }
   // Without this, memory leak occurs. It consumes as much memory as the received file size.
diff --git a/src/utils/isFirefox.ts b/src/utils/isFirefox.ts
new file mode 100644
index 000000000..27483bf60
--- /dev/null
+++ b/src/utils/isFirefox.ts
@@ -0,0 +1,3 @@
+export function isFirefox(): boolean {
+  return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
+}

From 11296a96f050d1f202c6676f994669055a55a444 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Mon, 2 Jan 2023 16:19:28 +0900
Subject: [PATCH 08/26] e2e-test: specify matrix parameter explicitly for
 better GitHub UI experience

---
 .github/workflows/e2e-test.yml | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/.github/workflows/e2e-test.yml b/.github/workflows/e2e-test.yml
index 6dc74a105..f516c3a74 100644
--- a/.github/workflows/e2e-test.yml
+++ b/.github/workflows/e2e-test.yml
@@ -21,14 +21,25 @@ jobs:
           # "selenium/standalone-${e2e_docker_image_fragment}"
           # Why fragment? These short names are more readable in GitHub UI
           - e2e_docker_image_fragment: chrome:108.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: false
           - e2e_docker_image_fragment: chrome:84.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:108.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:78.0
+            e2e_service_worker_disable: false
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:108.0
             e2e_service_worker_disable: true
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:78.0
             e2e_service_worker_disable: true
+            e2e_block_popup: false
           - e2e_docker_image_fragment: firefox:108.0
+            e2e_service_worker_disable: false
             e2e_block_popup: true
 
     runs-on: ubuntu-20.04

From 0456aa44787ebc783afd1d019d24cb717570befb Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Mon, 2 Jan 2023 17:51:32 +0900
Subject: [PATCH 09/26] make UI height shorter to be send button visible
 without scrolling for mobile users

---
 src/App.vue                            |  67 ++++++++++-
 src/components/FilePondWrapper.vue     |   6 -
 src/components/PipingUI.vue            | 150 ++++++-------------------
 src/settings/pipingServerUrl.ts        |  16 +++
 src/settings/pipingServerUrlHistory.ts |  28 +++++
 src/strings/en.ts                      |   6 +-
 src/strings/ja.ts                      |   6 +-
 7 files changed, 144 insertions(+), 135 deletions(-)
 create mode 100644 src/settings/pipingServerUrl.ts
 create mode 100644 src/settings/pipingServerUrlHistory.ts

diff --git a/src/App.vue b/src/App.vue
index 690611a9a..fd7451f85 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,6 +16,29 @@
 
       <v-spacer></v-spacer>
 
+      <v-combobox
+        v-model="inputtingPipingServerUrl"
+        :items="pipingServerUrlHistory"
+        :label="strings?.['server']"
+        @blur="attachProtocolToUrl()"
+        clearable
+        :clear-icon="mdiClose"
+        outlined
+        dense
+        @keyup="updatePipingServerUrl($event)"
+        class="readable-font"
+        :style="{ marginTop: '1.6rem', maxWidth: `${Math.max(10, (inputtingPipingServerUrl ?? '').length - 2)}rem` }">
+        <template v-slot:item="{ index, item }">
+          <span class="readable-font">{{ item }}</span>
+          <div class="flex-grow-1"></div>
+          <v-list-item-action @click.stop>
+            <v-btn icon @click.stop.prevent="deleteServerUrl(item)">
+              <v-icon>{{ mdiDelete }}</v-icon>
+            </v-btn>
+          </v-list-item-action>
+        </template>
+      </v-combobox>
+
       <!-- Menu -->
       <v-menu :close-on-content-click="false">
         <template v-slot:activator="{ on }">
@@ -34,7 +57,7 @@
       <Licenses v-model="licenseDialog" v-if="licenseDialog"/>
     </v-dialog>
 
-    <v-main>
+    <v-main style="padding-top: 2.2rem;">
       <PipingUI/>
     </v-main>
   </v-app>
@@ -43,16 +66,50 @@
 <script setup lang="ts">
 /* eslint-disable */
 import type Vue from "vue";
-import {ref, onMounted} from "vue";
+import {onMounted, ref, watch} from "vue";
+import {VERSION} from '@/version';
+import {mdiClose, mdiDelete, mdiDotsVertical} from "@mdi/js";
+import {appBarPromiseResolverWhichShouldBeUsedInAppVue} from "@/app-bar-promise";
+import {strings} from "@/strings/strings";
+import {pipingServerUrl} from "@/settings/pipingServerUrl";
+import {pipingServerUrlHistory} from "@/settings/pipingServerUrlHistory";
+
 const PipingUI = () => import('@/components/PipingUI.vue');
 const MenuContent = () => import('@/components/MenuContent.vue');
 const Licenses = () => import("@/components/Licenses.vue");
-import {VERSION} from '@/version';
-import {mdiDotsVertical} from "@mdi/js";
-import {appBarPromiseResolverWhichShouldBeUsedInAppVue} from "@/app-bar-promise";
+
 
 const appBarRef = ref<Vue>();
 const licenseDialog = ref(false);
+const inputtingPipingServerUrl = ref<string | null>(pipingServerUrl.value);
+
+function updatePipingServerUrl(event: any) {
+  if (typeof event.target.value !== "string") {
+    throw new Error("event.target.value is not string");
+  }
+  pipingServerUrl.value = event.target.value;
+}
+
+// NOTE: Combobox is lazy to update v-model
+watch(inputtingPipingServerUrl, () => {
+  // NOTE: Clearing input makes inputtingPipingServerUrl null
+  pipingServerUrl.value = inputtingPipingServerUrl.value ?? "";
+});
+
+function attachProtocolToUrl(): void {
+  // FIXME: Don't use setTimeout()
+  // @blur is called before the value changed.
+  setTimeout(() => {
+    if (inputtingPipingServerUrl.value?.match(/^https?:\/\//) === null) {
+      inputtingPipingServerUrl.value = `https://${inputtingPipingServerUrl.value}`;
+    }
+  }, 100);
+}
+
+function deleteServerUrl(url: string): void {
+  // Remove path
+  pipingServerUrlHistory.value = pipingServerUrlHistory.value.filter(u => u !== url);
+}
 
 onMounted(() => {
   // Resolve app bar element
diff --git a/src/components/FilePondWrapper.vue b/src/components/FilePondWrapper.vue
index 8bf6e07c0..9be212605 100644
--- a/src/components/FilePondWrapper.vue
+++ b/src/components/FilePondWrapper.vue
@@ -36,9 +36,3 @@ export default Vue.extend({
   }
 });
 </script>
-
-<style>
-.filepond--root .filepond--drop-label {
-  min-height: 6rem;
-}
-</style>
diff --git a/src/components/PipingUI.vue b/src/components/PipingUI.vue
index f5e1e32ba..a76049488 100644
--- a/src/components/PipingUI.vue
+++ b/src/components/PipingUI.vue
@@ -3,7 +3,7 @@
     <v-flex xs12 sm8 offset-sm2 offset-md3 md6>
       <v-card style="padding: 1em; margin-bottom: 1em;">
 
-        <div style="text-align: center">
+        <div style="text-align: center; margin-bottom: 1.2rem;">
           <v-btn-toggle v-model="sendOrGet" mandatory>
             <v-btn text value="send" data-testid="send_menu_button">
               {{ strings?.['send'] }}
@@ -16,7 +16,7 @@
           </v-btn-toggle>
         </div>
 
-        <div v-show="sendOrGet === 'send'" style="margin-top: 1.2rem;">
+        <div v-show="sendOrGet === 'send'">
           <file-pond-wrapper v-model="inputFiles"
                              :label-idle="filePondLabelIdle"
                              data-testid="file_input"
@@ -32,35 +32,13 @@
           ></v-textarea>
         </div>
 
-        <v-combobox :label="strings?.['server_url']"
-                    v-model="serverUrl"
-                    :items="serverUrlHistory"
-                    @change="onUpdateServerUrl()"
-                    @blur="attachProtocolToUrl()"
-                    ref="server_url_ref"
-                    clearable
-                    :clear-icon="mdiClose"
-                    style="margin-bottom: 0.8em;"
-                    class="readable-font"
-                    data-testid="server_url_input">
-          <template v-slot:item="{ index, item }">
-            <span class="readable-font">{{ item }}</span>
-            <div class="flex-grow-1"></div>
-            <v-list-item-action @click.stop>
-              <v-btn icon
-                     @click.stop.prevent="deleteServerUrl(item)"
-              >
-                <v-icon>{{ mdiDelete }}</v-icon>
-              </v-btn>
-            </v-list-item-action>
-          </template>
-        </v-combobox>
         <v-combobox :label="strings?.['secret_path']"
                     v-model="secretPath"
                     :items="secretPathHistory"
                     :placeholder="strings?.['secret_path_placeholder']"
                     ref="secret_path_ref"
                     class="ma-0 pa-0 readable-font"
+                    outlined
                     clearable
                     :clear-icon="mdiClose"
                     data-testid="secret_path_input"
@@ -78,7 +56,7 @@
           </template>
         </v-combobox>
 
-        <div style="text-align: right; margin-bottom: 1.5em;">
+        <div style="text-align: right;">
           <template v-if="sendOrGet === 'send' && suggestedSecretPaths.length !== 0" >
             <!-- Secret path suggestion  -->
             <v-chip v-for="suggestedSecretPath in suggestedSecretPaths"
@@ -103,12 +81,12 @@
         </div>
 
         <v-col class="pa-0">
-          <v-row align="center" class="ma-0" style="padding-top: 0.4em;">
+          <v-row align="center" class="ma-0">
             <v-switch :input-value="protectionType === 'passwordless'"
                       @change="onEnablePasswordlessProtection"
                       inset
                       data-testid="passwordless_switch"
-                      style="margin-right: 2.5rem;">
+                      style="margin-right: 2rem;">
               <template v-slot:label>
                 <v-icon class="icon-and-text-margin" :color="protectionType === 'passwordless' ? 'blue' : ''">{{ mdiShieldHalfFull }}</v-icon>
                 {{ strings?.['passwordless_protection'] }}
@@ -152,13 +130,6 @@
           </v-row>
         </v-col>
 
-        <v-btn @click="showsMoreOptions = !showsMoreOptions" depressed plain style="margin-bottom: 1rem; text-transform: none" data-testid="more_options_button">
-          <v-icon left dark>
-            {{ showsMoreOptions ? mdiCollapseAll : mdiExpandAll }}
-          </v-icon>
-          {{ showsMoreOptions ? strings?.['hide_options'] : strings?.['more_options'] }}
-        </v-btn>
-
         <div>
           <v-btn v-if="sendOrGet === 'send'"
                  color="primary"
@@ -195,6 +166,13 @@
           </v-layout>
         </div>
 
+        <v-btn @click="showsMoreOptions = !showsMoreOptions" depressed plain style="margin-top: 1.2rem; text-transform: none" data-testid="more_options_button">
+          <v-icon left dark>
+            {{ showsMoreOptions ? mdiCollapseAll : mdiExpandAll }}
+          </v-icon>
+          {{ showsMoreOptions ? strings?.['hide_options'] : strings?.['more_options'] }}
+        </v-btn>
+
       </v-card>
 
       <div style="padding: 0.5em;">
@@ -226,30 +204,28 @@
 </template>
 
 <script setup lang="ts">
-import Vue, { ref, watch, computed, onMounted } from 'vue';
-const urlJoinAsync = () => import('url-join').then(p => p.default);
+import Vue, {computed, onMounted, ref, watch} from 'vue';
 import {type DataUploaderProps} from '@/components/DataUploader.vue';
-const DataUploader = () => import('@/components/DataUploader.vue');
 import {type DataViewerProps} from "@/components/DataViewer.vue";
-const DataViewer = () => import("@/components/DataViewer.vue");
-const DataDownloader = () => import('@/components/DataDownloader.vue');
 import {type DataDownloaderProps} from "@/components/DataDownloader.vue";
-// NOTE: Use `const FilePond = () => import('vue-filepond').then(vueFilePond => vueFilePond.default())` and <file-pond> in template causes "[Vue warn]: Failed to mount component: template or render function not defined."
-const FilePondWrapper = () => import("@/components/FilePondWrapper.vue");
 import * as t from 'io-ts';
-import {mdiUpload, mdiDownload, mdiDelete, mdiFileFind, mdiClose, mdiEye, mdiEyeOff, mdiKey, mdiShieldHalfFull, mdiShieldCheck, mdiExpandAll, mdiCollapseAll, mdiAlert} from "@mdi/js";
-
-import {keys} from "@/local-storage-keys";
+import {mdiAlert, mdiClose, mdiCollapseAll, mdiDelete, mdiDownload, mdiExpandAll, mdiEye, mdiEyeOff, mdiFileFind, mdiKey, mdiShieldCheck, mdiShieldHalfFull, mdiUpload} from "@mdi/js";
 import {strings} from "@/strings/strings";
 import {type FilePondFile} from "filepond";
 import {type Protection} from "@/datatypes";
-import buildConstants from "@/build-constants";
 import {recordsServerUrlHistory} from "@/settings/recordsServerUrlHistory";
 import {recordsSecretPathHistory} from "@/settings/recordsSecretPathHistory";
-import {loadLocalStorageWithValidation} from "@/utils/loadLocalStorageWithValidation";
 import {secretPathHistory} from "@/settings/secretPathHistory";
+import {pipingServerUrl} from "@/settings/pipingServerUrl";
+import {pipingServerUrlHistory} from "@/settings/pipingServerUrlHistory";
+
+const urlJoinAsync = () => import('url-join').then(p => p.default);
+const DataUploader = () => import('@/components/DataUploader.vue');
+const DataViewer = () => import("@/components/DataViewer.vue");
+const DataDownloader = () => import('@/components/DataDownloader.vue');
+// NOTE: Use `const FilePond = () => import('vue-filepond').then(vueFilePond => vueFilePond.default())` and <file-pond> in template causes "[Vue warn]: Failed to mount component: template or render function not defined."
+const FilePondWrapper = () => import("@/components/FilePondWrapper.vue");
 
-const defaultServerUrls: ReadonlyArray<string> = buildConstants.pipingServerUrls;
 
 function normalizeUrl(url: string): string {
   return new URL(url).href;
@@ -272,12 +248,9 @@ function getShareTargetText(): string | null {
   return new URL(window.location.toString()).searchParams.get("text");
 }
 
-const server_url_ref = ref<Vue>();
 const secret_path_ref = ref<Vue>();
 
 const sendOrGet = ref<'send' | 'get'>('send');
-
-const serverUrl = ref<string>(defaultServerUrls[0]);
 const initialSecretPath = randomStr(4, chars.numbers);
 const secretPath = ref<string>(initialSecretPath);
 const inputText = ref<string>((() => {
@@ -291,7 +264,6 @@ watch(inputText, () => {
   }
 });
 const inputFiles = ref<FilePondFile[]>([]);
-const serverUrlHistory = ref<string[]>([]);
 const protectionType = ref<Protection["type"]>('passwordless');
 const password = ref<string>('');
 const showsPassword = ref<boolean>(false);
@@ -325,19 +297,12 @@ const snackbarMessage = ref<string>('');
 // FIXME: Should be removed
 // This for lazy v-model of Combobox
 const shouldBeRemoved = ref({
-  latestServerUrl: serverUrl.value,
   latestSecretPath: secretPath.value,
 });
 const halfWidthLatestSecretPath = computed(() =>
   shouldBeRemoved.value.latestSecretPath.replace(/[！-～]/g, (s) => String.fromCharCode(s.charCodeAt(0) - 0xFEE0))
 )
 
-// FIXME: Should be removed
-// NOTE: This is for update by clicking listed auto-complete
-watch(serverUrl, () => {
-  shouldBeRemoved.value.latestServerUrl = serverUrl.value;
-});
-
 watch(secretPath, () => {
   // NOTE: <v-combobox> "clearable" makes it null or undefined (maybe)
   if (secretPath.value === null || secretPath.value === undefined) {
@@ -349,10 +314,6 @@ watch(secretPath, () => {
   shouldBeRemoved.value.latestSecretPath = secretPath.value;
 });
 
-function onUpdateServerUrl() {
-  window.localStorage.setItem(keys.selectedServerUrl, serverUrl.value);
-}
-
 const filePondLabelIdle = computed<string | undefined>(() => {
   if (strings.value === undefined) {
     return undefined;
@@ -360,9 +321,9 @@ const filePondLabelIdle = computed<string | undefined>(() => {
   // If files are nothing
   if (inputFiles.value.length === 0) {
     // Hint with file icon
-    return `<img src='img/file-icon.svg' style='width: 2em'><br>${strings.value['drop_a_file_here_or_browse']}`;
+    return `<img src='img/file-icon.svg' style='width: 2em'><br>${strings.value['drop_files_here_or_browse']}`;
   } else {
-    return strings.value['drop_a_file_here_or_browse'];
+    return strings.value['drop_files_here_or_browse'];
   }
 });
 
@@ -389,9 +350,7 @@ function updateRandomStrs() {
 
 const suggestedSecretPaths = computed<string[]>(() => {
   const candidates: string[] = (() => {
-    if (inputFiles.value.length === 0 && inputText.value === '') {
-      // NOTE: This is for simplicity of UI
-      //       Not show suggested secret path on initial status
+    if (shouldBeRemoved.value.latestSecretPath) {
       return [];
     }
     return randomStrs.value;
@@ -412,35 +371,12 @@ onMounted(() => {
   // Update random strings
   updateRandomStrs();
 
-  // Load from Local Storage
-  const savedServerUrl = window.localStorage.getItem(keys.selectedServerUrl);
-  if (savedServerUrl !== null) {
-    serverUrl.value = savedServerUrl;
-  }
-
-  // FIXME: Combobox is lazy to update v-model
-  // This is for updating server URL in real-time
-  server_url_ref.value!.$el.querySelector('input')!.addEventListener('keyup', (ev)=>{
-    // NOTE: [Send] button is hidden by auto-complete list if assigning to this.serverUrl
-    shouldBeRemoved.value.latestServerUrl = (ev.target as any).value;
-  });
   // FIXME: Combobox is lazy to update v-model
   // This is for updating secret path in real-time
   secret_path_ref.value!.$el.querySelector('input')!.addEventListener('keyup', (ev)=>{
     // NOTE: [Send] button is hidden by auto-complete list if assigning to this.secretPath
     shouldBeRemoved.value.latestSecretPath = (ev.target as any).value;
   });
-
-  // Load server URL history from local storage
-  const savedServerUrlHistory: string[] | undefined = loadLocalStorageWithValidation(t.array(t.string), keys.serverUrlHistory);
-  // If none
-  if (savedServerUrlHistory === undefined) {
-    // Set default
-    serverUrlHistory.value = defaultServerUrls.slice();
-  } else {
-    // Load from storage
-    serverUrlHistory.value = savedServerUrlHistory;
-  }
 });
 
 function onFilePondMounted() {
@@ -466,9 +402,6 @@ function preloadForUserExperience() {
 
 // FIXME: Should be removed
 function applyLatestServerUrlAndSecretPath() {
-  // FIXME: should be removed after fix
-  // NOTE: This set the latest secret path because v-model of Combobox is lazy
-  serverUrl.value = shouldBeRemoved.value.latestServerUrl;
   // FIXME: should be removed after fix
   // NOTE: This set the latest secret path because v-model of Combobox is lazy
   secretPath.value = shouldBeRemoved.value.latestSecretPath;
@@ -519,7 +452,7 @@ async function send() {
     props: {
       uploadNo: uploadCount.value,
       data: body,
-      serverUrl: serverUrl.value,
+      serverUrl: pipingServerUrl.value,
       secretPath: secretPath.value,
       protection: protection.value,
     }
@@ -528,11 +461,9 @@ async function send() {
   expandedPanelIds.value.push(expandedPanels.value.length-1);
 
   // If history is enable and user-input server URL is new
-  if (recordsServerUrlHistory.value && !serverUrlHistory.value.map(normalizeUrl).includes(normalizeUrl(serverUrl.value))) {
+  if (recordsServerUrlHistory.value && !pipingServerUrlHistory.value.map(normalizeUrl).includes(normalizeUrl(pipingServerUrl.value))) {
     // Enroll server URLs
-    serverUrlHistory.value.push(serverUrl.value);
-    // Save to local storage
-    window.localStorage.setItem(keys.serverUrlHistory, JSON.stringify(serverUrlHistory.value));
+    pipingServerUrlHistory.value = [...pipingServerUrlHistory.value, pipingServerUrl.value];
   }
 
   // If history is enable and user-input secret path is new
@@ -584,7 +515,7 @@ async function get() {
     type: 'data_downloader',
     props: {
       downloadNo: downloadCount.value,
-      serverUrl: serverUrl.value,
+      serverUrl: pipingServerUrl.value,
       secretPath: secretPath.value,
       protection: protection.value,
     }
@@ -618,7 +549,7 @@ async function view() {
     type: 'data_viewer',
     props: {
       viewNo: viewCount.value,
-      serverUrl: serverUrl.value,
+      serverUrl: pipingServerUrl.value,
       secretPath: secretPath.value,
       protection: protection.value,
     }
@@ -633,23 +564,6 @@ function showSnackbar(message: string): void {
   snackbarMessage.value = message;
 }
 
-function attachProtocolToUrl(): void {
-  // FIXME: Don't use setTimeout()
-  // @blur is called before the value changed.
-  setTimeout(() => {
-    if (serverUrl.value.match(/^https?:\/\//) === null) {
-      serverUrl.value = `https://${serverUrl.value}`;
-    }
-  }, 100);
-}
-
-function deleteServerUrl(url: string): void {
-  // Remove path
-  serverUrlHistory.value = serverUrlHistory.value.filter(u => u !== url);
-  // Save to local storage
-  window.localStorage.setItem(keys.serverUrlHistory, JSON.stringify(serverUrlHistory.value));
-}
-
 function deleteSecretPath(path: string): void {
   // Remove path
   secretPathHistory.value = secretPathHistory.value.filter(p => p !== path);
diff --git a/src/settings/pipingServerUrl.ts b/src/settings/pipingServerUrl.ts
new file mode 100644
index 000000000..e4f4b4388
--- /dev/null
+++ b/src/settings/pipingServerUrl.ts
@@ -0,0 +1,16 @@
+import {ref, watch} from "vue";
+import buildConstants from "@/build-constants";
+import {keys} from "@/local-storage-keys";
+
+export const pipingServerUrl = ref<string>((() => {
+  // Load from Local Storage
+  const savedServerUrl = window.localStorage.getItem(keys.selectedServerUrl);
+  if (savedServerUrl !== null) {
+    return savedServerUrl;
+  }
+  return buildConstants.pipingServerUrls[0];
+})());
+
+watch(pipingServerUrl, () => {
+  window.localStorage.setItem(keys.selectedServerUrl, pipingServerUrl.value);
+});
diff --git a/src/settings/pipingServerUrlHistory.ts b/src/settings/pipingServerUrlHistory.ts
new file mode 100644
index 000000000..793b21f7f
--- /dev/null
+++ b/src/settings/pipingServerUrlHistory.ts
@@ -0,0 +1,28 @@
+import {computed, ref} from "vue";
+import {keys} from "@/local-storage-keys";
+import {loadLocalStorageWithValidation} from "@/utils/loadLocalStorageWithValidation";
+import * as t from "io-ts";
+import buildConstants from "@/build-constants";
+
+const defaultServerUrls: ReadonlyArray<string> = buildConstants.pipingServerUrls;
+
+const inner = ref<readonly string[]>((() => {
+  // Load server URL history from local storage
+  const savedServerUrlHistory: string[] | undefined = loadLocalStorageWithValidation(t.array(t.string), keys.serverUrlHistory);
+  // If none
+  if (savedServerUrlHistory === undefined) {
+    // Set default
+    return defaultServerUrls.slice();
+  }
+  return savedServerUrlHistory;
+})());
+
+export const pipingServerUrlHistory = computed<readonly string[]>({
+  get() {
+    return inner.value;
+  },
+  set(history: readonly string[]) {
+    window.localStorage.setItem(keys.serverUrlHistory, JSON.stringify(history));
+    inner.value = history;
+  },
+});
diff --git a/src/strings/en.ts b/src/strings/en.ts
index 2005b057c..95e2ea6dc 100644
--- a/src/strings/en.ts
+++ b/src/strings/en.ts
@@ -27,14 +27,14 @@ export const en = {
   },
   get: 'Get',
   text_mode: 'Text mode',
-  text_placeholder: 'Text',
-  server_url: 'Server URL',
+  text_placeholder: 'Text or links',
+  server: 'Server',
   secret_path: 'Secret path',
   secret_path_placeholder: 'e.g. mypath374',
   make_half_width(notHalfWidth: string) {
     return `Make "${notHalfWidth}" half-width`;
   },
-  drop_a_file_here_or_browse: 'Drop a file here or <span class=\'filepond--label-action\'>Browse</span>',
+  drop_files_here_or_browse: 'Drop files here or <span class=\'filepond--label-action\'>Browse</span>',
   protect_with_password: 'Protect with password',
   passwordless_protection: 'Passwordless',
   passwordless_verify_and_send: 'Verify and send',
diff --git a/src/strings/ja.ts b/src/strings/ja.ts
index bac0458bc..3aad88a1c 100644
--- a/src/strings/ja.ts
+++ b/src/strings/ja.ts
@@ -27,14 +27,14 @@ export const ja: Strings = {
   },
   get: '受信',
   text_mode: 'テキスト',
-  text_placeholder: 'テキスト',
-  server_url: 'サーバー',
+  text_placeholder: 'テキストやリンク',
+  server: 'サーバー',
   secret_path: '転送パス',
   secret_path_placeholder: '例: mypath374, あいう123',
   make_half_width(notHalfWidth: string) {
     return `"${notHalfWidth}" を半角にする`;
   },
-  drop_a_file_here_or_browse: 'ファイルをドラッグするか<span class=\'filepond--label-action\'>開く</span>',
+  drop_files_here_or_browse: 'ファイルをドラッグするか<span class=\'filepond--label-action\'>開く</span>',
   protect_with_password: 'パスワードで保護',
   passwordless_protection: 'パスワードレス',
   passwordless_verify_and_send: '確認して送信',

From 5a6a18882d4011a8c14666214449bb5a8831bbb7 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 2 Jan 2023 21:15:08 +0900
Subject: [PATCH 10/26] build(deps-dev): bump eslint from 8.30.0 to 8.31.0
 (#1403)

Bumps [eslint](https://github.com/eslint/eslint) from 8.30.0 to 8.31.0.
- [Release notes](https://github.com/eslint/eslint/releases)
- [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/eslint/eslint/compare/v8.30.0...v8.31.0)

---
updated-dependencies:
- dependency-name: eslint
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 30 +++++++++++++++---------------
 package.json      |  2 +-
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2a4117009..2cf34cba1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -59,7 +59,7 @@
         "chai": "^4.3.6",
         "concurrently": "^7.4.0",
         "cross-var": "^1.1.0",
-        "eslint": "^8.30.0",
+        "eslint": "^8.31.0",
         "eslint-plugin-vue": "^8.0.3",
         "license-checker": "^25.0.1",
         "material-design-icons-iconfont": "^6.7.0",
@@ -1844,9 +1844,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz",
-      "integrity": "sha512-7yfvXy6MWLgWSFsLhz5yH3iQ52St8cdUY6FoGieKkRDVxuxmrNuUetIuu6cmjNWwniUHiWXjxCr5tTXDrbYS5A==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz",
+      "integrity": "sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
@@ -7505,12 +7505,12 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.30.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.30.0.tgz",
-      "integrity": "sha512-MGADB39QqYuzEGov+F/qb18r4i7DohCDOfatHaxI2iGlPuC65bwG2gxgO+7DkyL38dRFaRH7RaRAgU6JKL9rMQ==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
+      "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
       "dev": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.4.0",
+        "@eslint/eslintrc": "^1.4.1",
         "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
@@ -17483,9 +17483,9 @@
       }
     },
     "@eslint/eslintrc": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.0.tgz",
-      "integrity": "sha512-7yfvXy6MWLgWSFsLhz5yH3iQ52St8cdUY6FoGieKkRDVxuxmrNuUetIuu6cmjNWwniUHiWXjxCr5tTXDrbYS5A==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.4.1.tgz",
+      "integrity": "sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
@@ -22027,12 +22027,12 @@
       }
     },
     "eslint": {
-      "version": "8.30.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.30.0.tgz",
-      "integrity": "sha512-MGADB39QqYuzEGov+F/qb18r4i7DohCDOfatHaxI2iGlPuC65bwG2gxgO+7DkyL38dRFaRH7RaRAgU6JKL9rMQ==",
+      "version": "8.31.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.31.0.tgz",
+      "integrity": "sha512-0tQQEVdmPZ1UtUKXjX7EMm9BlgJ08G90IhWh0PKDCb3ZLsgAOHI8fYSIzYVZej92zsgq+ft0FGsxhJ3xo2tbuA==",
       "dev": true,
       "requires": {
-        "@eslint/eslintrc": "^1.4.0",
+        "@eslint/eslintrc": "^1.4.1",
         "@humanwhocodes/config-array": "^0.11.8",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@nodelib/fs.walk": "^1.2.8",
diff --git a/package.json b/package.json
index ba9024d39..23ace6bf4 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "chai": "^4.3.6",
     "concurrently": "^7.4.0",
     "cross-var": "^1.1.0",
-    "eslint": "^8.30.0",
+    "eslint": "^8.31.0",
     "eslint-plugin-vue": "^8.0.3",
     "license-checker": "^25.0.1",
     "material-design-icons-iconfont": "^6.7.0",

From 1f0beb4e0abda8fd5661e8584ad74324a74844ff Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Mon, 2 Jan 2023 22:47:57 +0900
Subject: [PATCH 11/26] show server URL without "https://"

---
 src/App.vue | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index fd7451f85..44f9e6f12 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,17 +17,17 @@
       <v-spacer></v-spacer>
 
       <v-combobox
-        v-model="inputtingPipingServerUrl"
+        v-model="pipingServerUrlWithoutProtocol"
         :items="pipingServerUrlHistory"
         :label="strings?.['server']"
-        @blur="attachProtocolToUrl()"
+        @blur="removeHttpsFromPipingServerUrl()"
         clearable
         :clear-icon="mdiClose"
         outlined
         dense
         @keyup="updatePipingServerUrl($event)"
         class="readable-font"
-        :style="{ marginTop: '1.6rem', maxWidth: `${Math.max(10, (inputtingPipingServerUrl ?? '').length - 2)}rem` }">
+        :style="{ marginTop: '1.6rem', maxWidth: `${Math.max(10, (pipingServerUrlWithoutProtocol ?? '').length - 2)}rem` }">
         <template v-slot:item="{ index, item }">
           <span class="readable-font">{{ item }}</span>
           <div class="flex-grow-1"></div>
@@ -81,7 +81,14 @@ const Licenses = () => import("@/components/Licenses.vue");
 
 const appBarRef = ref<Vue>();
 const licenseDialog = ref(false);
-const inputtingPipingServerUrl = ref<string | null>(pipingServerUrl.value);
+// NOTE: Clearing input makes inputtingPipingServerUrl null
+const pipingServerUrlWithoutProtocol = ref<string | null>(pipingServerUrl.value);
+// Add "https://"
+watch(pipingServerUrlWithoutProtocol, () => {
+  const url = pipingServerUrlWithoutProtocol.value ?? "";
+  pipingServerUrl.value = (url.startsWith("http://") || url === "") ? url : `https://${url}`;
+});
+removeHttpsFromPipingServerUrl();
 
 function updatePipingServerUrl(event: any) {
   if (typeof event.target.value !== "string") {
@@ -90,20 +97,12 @@ function updatePipingServerUrl(event: any) {
   pipingServerUrl.value = event.target.value;
 }
 
-// NOTE: Combobox is lazy to update v-model
-watch(inputtingPipingServerUrl, () => {
-  // NOTE: Clearing input makes inputtingPipingServerUrl null
-  pipingServerUrl.value = inputtingPipingServerUrl.value ?? "";
-});
-
-function attachProtocolToUrl(): void {
-  // FIXME: Don't use setTimeout()
-  // @blur is called before the value changed.
-  setTimeout(() => {
-    if (inputtingPipingServerUrl.value?.match(/^https?:\/\//) === null) {
-      inputtingPipingServerUrl.value = `https://${inputtingPipingServerUrl.value}`;
-    }
-  }, 100);
+function removeHttpsFromPipingServerUrl() {
+  const url = pipingServerUrlWithoutProtocol.value;
+  if (url === null) {
+    return;
+  }
+  pipingServerUrlWithoutProtocol.value = url.replace(/^https:\/\//, "");
 }
 
 function deleteServerUrl(url: string): void {

From 34ab2cb338703ca5f01a5f5178d4e72710ed6ec4 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Mon, 2 Jan 2023 23:11:07 +0900
Subject: [PATCH 12/26] avoid clearing server URL accidentally when clicking

---
 src/App.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 44f9e6f12..8b4e580bc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -20,8 +20,9 @@
         v-model="pipingServerUrlWithoutProtocol"
         :items="pipingServerUrlHistory"
         :label="strings?.['server']"
-        @blur="removeHttpsFromPipingServerUrl()"
-        clearable
+        @focus="pipingServerUrlClearable = true"
+        @blur="removeHttpsFromPipingServerUrl(); pipingServerUrlClearable = false"
+        :clearable="pipingServerUrlClearable"
         :clear-icon="mdiClose"
         outlined
         dense
@@ -89,6 +90,7 @@ watch(pipingServerUrlWithoutProtocol, () => {
   pipingServerUrl.value = (url.startsWith("http://") || url === "") ? url : `https://${url}`;
 });
 removeHttpsFromPipingServerUrl();
+const pipingServerUrlClearable = ref(false);
 
 function updatePipingServerUrl(event: any) {
   if (typeof event.target.value !== "string") {

From 1a28245f8e0a1542c3228c5095b7896e7e3d3db3 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Mon, 2 Jan 2023 23:21:01 +0900
Subject: [PATCH 13/26] remove https://ppng.herokuapp.com from public server
 URLs

---
 vue.config.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/vue.config.js b/vue.config.js
index 2d926f5b8..4731c1ac7 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -18,7 +18,6 @@ module.exports = {
         PIPING_SERVER_URLS: process.env.PIPING_SERVER_URLS || JSON.stringify([
           "https://ppng.io",
           "https://piping.nwtgck.repl.co",
-          "https://ppng.herokuapp.com",
           "https://piping.glitch.me",
           "https://piping-47q675ro2guv.runkit.sh"
         ]),

From f0f77f03fc303ec903a9e6699ba7a3ae62225c97 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 00:03:34 +0900
Subject: [PATCH 14/26] deps: update linkify 4.0

---
 package-lock.json             | 29 ++++++++++++++++++++++-------
 package.json                  |  3 ++-
 src/components/DataViewer.vue | 18 ++++++++----------
 src/components/PipingUI.vue   |  4 ++--
 types/linkifyjs/html.d.ts     |  4 ----
 5 files changed, 34 insertions(+), 24 deletions(-)
 delete mode 100644 types/linkifyjs/html.d.ts

diff --git a/package-lock.json b/package-lock.json
index 2cf34cba1..44b547b74 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,7 +24,8 @@
         "io-ts": "^2.2.18",
         "jszip": "^3.10.1",
         "jwk-thumbprint": "^0.1.4",
-        "linkifyjs": "^3.0.5",
+        "linkify-string": "^4.0.2",
+        "linkifyjs": "^4.0.2",
         "openpgp": "^5.5.0",
         "register-service-worker": "^1.7.2",
         "sanitize-html": "^2.8.1",
@@ -10042,10 +10043,18 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "node_modules/linkify-string": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/linkify-string/-/linkify-string-4.0.2.tgz",
+      "integrity": "sha512-+HoBme50rPaKxh5TrEJqRLq4gphks1zj3cz6gMBKIHwJCFYVwHig8ii9aCzqGUz8DxF2otbq+Z3AJmKUnfOtKg==",
+      "peerDependencies": {
+        "linkifyjs": "^4.0.0"
+      }
+    },
     "node_modules/linkifyjs": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-3.0.5.tgz",
-      "integrity": "sha512-1Y9XQH65eQKA9p2xtk+zxvnTeQBG7rdAXSkUG97DmuI/Xhji9uaUzaWxRj6rf9YC0v8KKHkxav7tnLX82Sz5Fg=="
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.0.2.tgz",
+      "integrity": "sha512-/VSoCZiglX0VMsXmL5PN3lRg45M86lrD9PskdkA2abWaTKap1bIcJ11LS4EE55bcUl9ZOR4eZ792UtQ9E/5xLA=="
     },
     "node_modules/loader-runner": {
       "version": "4.3.0",
@@ -23904,10 +23913,16 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "dev": true
     },
+    "linkify-string": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/linkify-string/-/linkify-string-4.0.2.tgz",
+      "integrity": "sha512-+HoBme50rPaKxh5TrEJqRLq4gphks1zj3cz6gMBKIHwJCFYVwHig8ii9aCzqGUz8DxF2otbq+Z3AJmKUnfOtKg==",
+      "requires": {}
+    },
     "linkifyjs": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-3.0.5.tgz",
-      "integrity": "sha512-1Y9XQH65eQKA9p2xtk+zxvnTeQBG7rdAXSkUG97DmuI/Xhji9uaUzaWxRj6rf9YC0v8KKHkxav7tnLX82Sz5Fg=="
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.0.2.tgz",
+      "integrity": "sha512-/VSoCZiglX0VMsXmL5PN3lRg45M86lrD9PskdkA2abWaTKap1bIcJ11LS4EE55bcUl9ZOR4eZ792UtQ9E/5xLA=="
     },
     "loader-runner": {
       "version": "4.3.0",
diff --git a/package.json b/package.json
index 23ace6bf4..97ab39c6c 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,8 @@
     "io-ts": "^2.2.18",
     "jszip": "^3.10.1",
     "jwk-thumbprint": "^0.1.4",
-    "linkifyjs": "^3.0.5",
+    "linkify-string": "^4.0.2",
+    "linkifyjs": "^4.0.2",
     "openpgp": "^5.5.0",
     "register-service-worker": "^1.7.2",
     "sanitize-html": "^2.8.1",
diff --git a/src/components/DataViewer.vue b/src/components/DataViewer.vue
index 736fa51b4..f90395ea0 100644
--- a/src/components/DataViewer.vue
+++ b/src/components/DataViewer.vue
@@ -111,7 +111,7 @@
 
       <!-- Text viewer -->
       <!-- NOTE: Don't use v-if because the inner uses "ref" and the ref is loaded in mounted()-->
-      <div v-show="linkifiedText !== undefined" style="text-align: center">
+      <div v-show="linkifiedTextAsHtml !== ''" style="text-align: center">
         <div style="text-align: right">
           <v-tooltip v-model="showsCopied" bottom>
             <template v-slot:activator="{}">
@@ -123,8 +123,7 @@
             <span>{{ strings['copied'] }}</span>
           </v-tooltip>
         </div>
-        <pre v-html="linkifiedText"
-             class="text-view"/>
+        <pre v-html="linkifiedTextAsHtml" class="text-view"/>
       </div>
 
       <div v-if="isCancelable" style="text-align: right">
@@ -173,7 +172,7 @@ export type DataViewerProps = {
 <script setup lang="ts">
 import Vue, {ref, computed, watch, onMounted} from "vue";
 import urlJoin from 'url-join';
-import linkifyHtml from 'linkifyjs/html';
+import linkifyStr from "linkify-string";
 const FileSaverAsync = () => import('file-saver').then(p => p.default);
 const clipboardCopyAsync = () => import("clipboard-copy").then(p => p.default);
 import * as fileType from 'file-type/browser';
@@ -192,7 +191,6 @@ import * as pipingUiAuth from "@/piping-ui-auth";
 import {uint8ArrayIsText} from "@/utils/uint8ArrayIsText";
 import {readableBytesString} from "@/utils/readableBytesString";
 import {readBlobAsText} from "@/utils/readBlobAsText";
-import {sanitizeHtmlAllowingATag} from "@/utils/sanitizeHtmlAllowingATag";
 import {makePromise} from "@/utils/makePromise";
 import {useErrorMessage} from "@/useErrorMessage";
 import {getReadableStreamWithProgress} from "@/utils/getReadableStreamWithProgress";
@@ -279,11 +277,11 @@ const downloadPath = computed<string>(() => {
   return urlJoin(props.composedProps.serverUrl, props.composedProps.secretPath);
 });
 
-const linkifiedText = ref<string>();
-watch(text, async () => {
-  linkifiedText.value = await sanitizeHtmlAllowingATag(linkifyHtml(text.value, {
-    defaultProtocol: 'https'
-  }));
+const linkifiedTextAsHtml = computed(() => {
+  return linkifyStr(text.value, {
+    defaultProtocol: 'https',
+    target: "_blank",
+  });
 });
 
 async function copyToClipboard() {
diff --git a/src/components/PipingUI.vue b/src/components/PipingUI.vue
index a76049488..1e6674569 100644
--- a/src/components/PipingUI.vue
+++ b/src/components/PipingUI.vue
@@ -390,8 +390,8 @@ function preloadForUserExperience() {
   import("jwk-thumbprint");
   import("@/utils/openpgp-utils");
   import("file-type/browser");
-  import("linkifyjs/html");
-  import("sanitize-html");
+  import("linkifyjs");
+  import("linkify-string");
   import("jszip");
 
   const logoImage = new Image();
diff --git a/types/linkifyjs/html.d.ts b/types/linkifyjs/html.d.ts
deleted file mode 100644
index ddca31019..000000000
--- a/types/linkifyjs/html.d.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-// @types/linkifyjs is available, but having the following error
-// ERROR in /.../node_modules/@types/react/index.d.ts
-// 107:31 Type 'T' does not satisfy the constraint 'string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)'.
-declare module 'linkifyjs/html';

From fa264d697f2814856dea8652dfb33efb9887a156 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 3 Jan 2023 00:14:48 +0900
Subject: [PATCH 15/26] build(deps-dev): bump @vue/eslint-config-typescript
 from 9.1.0 to 10.0.0 (#1302)

Bumps [@vue/eslint-config-typescript](https://github.com/vuejs/eslint-config-typescript) from 9.1.0 to 10.0.0.
- [Release notes](https://github.com/vuejs/eslint-config-typescript/releases)
- [Commits](https://github.com/vuejs/eslint-config-typescript/compare/v9.1.0...v10.0.0)

---
updated-dependencies:
- dependency-name: "@vue/eslint-config-typescript"
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 20 +++++++++++---------
 package.json      |  2 +-
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 44b547b74..09b2d8c3b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -53,7 +53,7 @@
         "@vue/cli-plugin-typescript": "^5.0.8",
         "@vue/cli-plugin-unit-mocha": "^5.0.8",
         "@vue/cli-service": "^5.0.8",
-        "@vue/eslint-config-typescript": "^9.1.0",
+        "@vue/eslint-config-typescript": "^10.0.0",
         "@vue/test-utils": "^1.3.0",
         "babel-eslint": "^10.1.0",
         "buffer": "^6.0.3",
@@ -3396,19 +3396,19 @@
       "dev": true
     },
     "node_modules/@vue/eslint-config-typescript": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-9.1.0.tgz",
-      "integrity": "sha512-j/852/ZYQ5wDvCD3HE2q4uqJwJAceer2FwoEch1nFo+zTOsPrbzbE3cuWIs3kvu5hdFsGTMYwRwjI6fqZKDMxQ==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-10.0.0.tgz",
+      "integrity": "sha512-F94cL8ug3FaYXlCfU5/wiGjk1qeadmoBpRGAOBq+qre3Smdupa59dd6ZJrsfRODpsMPyTG7330juMDsUvpZ3Rw==",
       "dev": true,
       "dependencies": {
+        "@typescript-eslint/eslint-plugin": "^5.0.0",
+        "@typescript-eslint/parser": "^5.0.0",
         "vue-eslint-parser": "^8.0.0"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": "^5.0.0",
-        "@typescript-eslint/parser": "^5.0.0",
         "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0",
         "eslint-plugin-vue": "^8.0.1"
       }
@@ -18715,11 +18715,13 @@
       }
     },
     "@vue/eslint-config-typescript": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-9.1.0.tgz",
-      "integrity": "sha512-j/852/ZYQ5wDvCD3HE2q4uqJwJAceer2FwoEch1nFo+zTOsPrbzbE3cuWIs3kvu5hdFsGTMYwRwjI6fqZKDMxQ==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-10.0.0.tgz",
+      "integrity": "sha512-F94cL8ug3FaYXlCfU5/wiGjk1qeadmoBpRGAOBq+qre3Smdupa59dd6ZJrsfRODpsMPyTG7330juMDsUvpZ3Rw==",
       "dev": true,
       "requires": {
+        "@typescript-eslint/eslint-plugin": "^5.0.0",
+        "@typescript-eslint/parser": "^5.0.0",
         "vue-eslint-parser": "^8.0.0"
       }
     },
diff --git a/package.json b/package.json
index 97ab39c6c..8a993b958 100644
--- a/package.json
+++ b/package.json
@@ -60,7 +60,7 @@
     "@vue/cli-plugin-typescript": "^5.0.8",
     "@vue/cli-plugin-unit-mocha": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
-    "@vue/eslint-config-typescript": "^9.1.0",
+    "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/test-utils": "^1.3.0",
     "babel-eslint": "^10.1.0",
     "buffer": "^6.0.3",

From 52c88270a76d2fa83050d6e38d2940388a79ef58 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 00:51:07 +0900
Subject: [PATCH 16/26] deps: npm update

---
 package-lock.json | 48 +++++++++++++++++++++++------------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 09b2d8c3b..d8586cbcf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2380,9 +2380,9 @@
       }
     },
     "node_modules/@types/express-serve-static-core": {
-      "version": "4.17.31",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.31.tgz",
-      "integrity": "sha512-DxMhY+NAsTwMMFHBTtJFNp5qiHKJ7TeqOo23zVEM9alT1Ml27Q3xcTH0xwxn7Q0BbMcVEJOs/7aQtUWupUQN3Q==",
+      "version": "4.17.32",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.32.tgz",
+      "integrity": "sha512-aI5h/VOkxOF2Z1saPy0Zsxs5avets/iaiAJYznQFm5By/pamU31xWKL//epiF4OfUA2qTOc9PV6tCUjhO8wlZA==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -8252,9 +8252,9 @@
       "dev": true
     },
     "node_modules/fastq": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.14.0.tgz",
-      "integrity": "sha512-eR2D+V9/ExcbF9ls441yIuN6TI2ED1Y2ZcA5BmMtJsOkWOFRJQ0Jt0g1UwqXJJVAb+V+umH5Dfr8oh4EVP7VVg==",
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
       "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
@@ -9885,9 +9885,9 @@
       "dev": true
     },
     "node_modules/json5": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.2.tgz",
-      "integrity": "sha512-46Tk9JiOL2z7ytNQWFLpj99RZkVgeHf87yGQKsIkaPz1qSH9UczKH1rO7K3wgRselo0tYMUNfecYpm/p1vC7tQ==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true,
       "bin": {
         "json5": "lib/cli.js"
@@ -10080,9 +10080,9 @@
       }
     },
     "node_modules/loader-utils/node_modules/json5": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-      "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
       "dev": true,
       "dependencies": {
         "minimist": "^1.2.0"
@@ -17932,9 +17932,9 @@
       }
     },
     "@types/express-serve-static-core": {
-      "version": "4.17.31",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.31.tgz",
-      "integrity": "sha512-DxMhY+NAsTwMMFHBTtJFNp5qiHKJ7TeqOo23zVEM9alT1Ml27Q3xcTH0xwxn7Q0BbMcVEJOs/7aQtUWupUQN3Q==",
+      "version": "4.17.32",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.32.tgz",
+      "integrity": "sha512-aI5h/VOkxOF2Z1saPy0Zsxs5avets/iaiAJYznQFm5By/pamU31xWKL//epiF4OfUA2qTOc9PV6tCUjhO8wlZA==",
       "dev": true,
       "requires": {
         "@types/node": "*",
@@ -22589,9 +22589,9 @@
       "dev": true
     },
     "fastq": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.14.0.tgz",
-      "integrity": "sha512-eR2D+V9/ExcbF9ls441yIuN6TI2ED1Y2ZcA5BmMtJsOkWOFRJQ0Jt0g1UwqXJJVAb+V+umH5Dfr8oh4EVP7VVg==",
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
+      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
       "dev": true,
       "requires": {
         "reusify": "^1.0.4"
@@ -23781,9 +23781,9 @@
       "dev": true
     },
     "json5": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.2.tgz",
-      "integrity": "sha512-46Tk9JiOL2z7ytNQWFLpj99RZkVgeHf87yGQKsIkaPz1qSH9UczKH1rO7K3wgRselo0tYMUNfecYpm/p1vC7tQ==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
       "dev": true
     },
     "jsonfile": {
@@ -23944,9 +23944,9 @@
       },
       "dependencies": {
         "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
           "dev": true,
           "requires": {
             "minimist": "^1.2.0"

From 9d30939c77283fad09682f63eb2324a55b5da0f6 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 02:09:51 +0900
Subject: [PATCH 17/26] add icon to text input

---
 src/components/PipingUI.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/PipingUI.vue b/src/components/PipingUI.vue
index 1e6674569..92ca31691 100644
--- a/src/components/PipingUI.vue
+++ b/src/components/PipingUI.vue
@@ -26,6 +26,7 @@
                       v-model="inputText"
                       clearable
                       :clear-icon="mdiClose"
+                      :prepend-inner-icon="mdiPencil"
                       rows="2"
                       auto-grow
                       outlined
@@ -209,7 +210,7 @@ import {type DataUploaderProps} from '@/components/DataUploader.vue';
 import {type DataViewerProps} from "@/components/DataViewer.vue";
 import {type DataDownloaderProps} from "@/components/DataDownloader.vue";
 import * as t from 'io-ts';
-import {mdiAlert, mdiClose, mdiCollapseAll, mdiDelete, mdiDownload, mdiExpandAll, mdiEye, mdiEyeOff, mdiFileFind, mdiKey, mdiShieldCheck, mdiShieldHalfFull, mdiUpload} from "@mdi/js";
+import {mdiAlert, mdiClose, mdiCollapseAll, mdiDelete, mdiDownload, mdiExpandAll, mdiEye, mdiEyeOff, mdiFileFind, mdiKey, mdiShieldCheck, mdiShieldHalfFull, mdiUpload, mdiPencil} from "@mdi/js";
 import {strings} from "@/strings/strings";
 import {type FilePondFile} from "filepond";
 import {type Protection} from "@/datatypes";

From 2e7e5d3ca43911604fd033a5318c0c19bd3e77cc Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 02:41:16 +0900
Subject: [PATCH 18/26] adjust server URL width in real-time

---
 src/App.vue | 66 ++++++++++++++++++++++++++++++-----------------------
 1 file changed, 37 insertions(+), 29 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8b4e580bc..39b6c13de 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,29 +16,31 @@
 
       <v-spacer></v-spacer>
 
-      <v-combobox
-        v-model="pipingServerUrlWithoutProtocol"
-        :items="pipingServerUrlHistory"
-        :label="strings?.['server']"
-        @focus="pipingServerUrlClearable = true"
-        @blur="removeHttpsFromPipingServerUrl(); pipingServerUrlClearable = false"
-        :clearable="pipingServerUrlClearable"
-        :clear-icon="mdiClose"
-        outlined
-        dense
-        @keyup="updatePipingServerUrl($event)"
-        class="readable-font"
-        :style="{ marginTop: '1.6rem', maxWidth: `${Math.max(10, (pipingServerUrlWithoutProtocol ?? '').length - 2)}rem` }">
-        <template v-slot:item="{ index, item }">
-          <span class="readable-font">{{ item }}</span>
-          <div class="flex-grow-1"></div>
-          <v-list-item-action @click.stop>
-            <v-btn icon @click.stop.prevent="deleteServerUrl(item)">
-              <v-icon>{{ mdiDelete }}</v-icon>
-            </v-btn>
-          </v-list-item-action>
-        </template>
-      </v-combobox>
+      <v-responsive class="ma-0 pa-0" :style="{ maxWidth: `${Math.max(10, (latestPipingServerUrlWithoutProtocol ?? '').length - 1)}em` }">
+        <v-combobox
+          v-model="pipingServerUrlWithoutProtocol"
+          :items="pipingServerUrlHistory"
+          :label="strings?.['server']"
+          @focus="pipingServerUrlClearable = true"
+          @blur="removeHttpsFromPipingServerUrl(); pipingServerUrlClearable = false"
+          @keyup="setLatestPipingServerUrlWithoutProtocol($event)"
+          :clearable="pipingServerUrlClearable"
+          :clear-icon="mdiClose"
+          outlined
+          dense
+          class="readable-font"
+          style="margin-top: 1.6rem">
+          <template v-slot:item="{ index, item }">
+            <span class="readable-font">{{ item }}</span>
+            <div class="flex-grow-1"></div>
+            <v-list-item-action @click.stop>
+              <v-btn icon @click.stop.prevent="deleteServerUrl(item)">
+                <v-icon>{{ mdiDelete }}</v-icon>
+              </v-btn>
+            </v-list-item-action>
+          </template>
+        </v-combobox>
+      </v-responsive>
 
       <!-- Menu -->
       <v-menu :close-on-content-click="false">
@@ -84,19 +86,21 @@ const appBarRef = ref<Vue>();
 const licenseDialog = ref(false);
 // NOTE: Clearing input makes inputtingPipingServerUrl null
 const pipingServerUrlWithoutProtocol = ref<string | null>(pipingServerUrl.value);
-// Add "https://"
+removeHttpsFromPipingServerUrl();
+const latestPipingServerUrlWithoutProtocol = ref(pipingServerUrlWithoutProtocol.value);
 watch(pipingServerUrlWithoutProtocol, () => {
-  const url = pipingServerUrlWithoutProtocol.value ?? "";
-  pipingServerUrl.value = (url.startsWith("http://") || url === "") ? url : `https://${url}`;
+  latestPipingServerUrlWithoutProtocol.value = pipingServerUrlWithoutProtocol.value;
 });
-removeHttpsFromPipingServerUrl();
 const pipingServerUrlClearable = ref(false);
+watch(latestPipingServerUrlWithoutProtocol, () => {
+  pipingServerUrl.value = attachHttpsToUrlIfNeed(latestPipingServerUrlWithoutProtocol.value);
+});
 
-function updatePipingServerUrl(event: any) {
+function setLatestPipingServerUrlWithoutProtocol(event: any) {
   if (typeof event.target.value !== "string") {
     throw new Error("event.target.value is not string");
   }
-  pipingServerUrl.value = event.target.value;
+  latestPipingServerUrlWithoutProtocol.value = event.target.value;
 }
 
 function removeHttpsFromPipingServerUrl() {
@@ -111,6 +115,10 @@ function deleteServerUrl(url: string): void {
   // Remove path
   pipingServerUrlHistory.value = pipingServerUrlHistory.value.filter(u => u !== url);
 }
+function attachHttpsToUrlIfNeed(url: string | null) {
+  url = url ?? "";
+  return (url.startsWith("http://") || url === "") ? url : `https://${url}`;
+}
 
 onMounted(() => {
   // Resolve app bar element

From 343a61c2dc05f560471fcb2c82899985e557d09c Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 02:47:41 +0900
Subject: [PATCH 19/26] refactor: use `strings?.[...]`

---
 src/components/DataDownloader.vue   | 16 ++++++++--------
 src/components/DataUploader.vue     | 18 +++++++++---------
 src/components/DataViewer.vue       | 24 ++++++++++++------------
 src/components/Licenses.vue         |  4 ++--
 src/components/MenuContent.vue      | 14 +++++++-------
 src/components/VerificationCode.vue |  2 +-
 6 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/src/components/DataDownloader.vue b/src/components/DataDownloader.vue
index 263a0d264..ee563551f 100644
--- a/src/components/DataDownloader.vue
+++ b/src/components/DataDownloader.vue
@@ -1,12 +1,12 @@
 <template>
   <v-expansion-panel ref="rootElement">
     <v-expansion-panel-header :disable-icon-rotate="hasError">
-      <span>{{ strings['download_in_downloader'] }} #{{ composedProps.downloadNo }}</span>
+      <span>{{ strings?.['download_in_downloader'] }} #{{ composedProps.downloadNo }}</span>
     </v-expansion-panel-header>
     <v-expansion-panel-content>
 
       <v-alert type="info" v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'initial'">
-        <span style="">{{ strings['waiting_for_sender'] }}</span>
+        <span style="">{{ strings?.['waiting_for_sender'] }}</span>
       </v-alert>
 
       <span v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'verification_code_arrived'">
@@ -16,11 +16,11 @@
       <v-simple-table class="text-left">
         <tbody>
         <tr class="text-left">
-          <td>{{ strings['download_url'] }}</td>
+          <td>{{ strings?.['download_url'] }}</td>
           <td>{{ downloadPath }}</td>
         </tr>
         <tr v-if="pipingUiAuthVerificationCode !== undefined" class="text-left">
-          <td>{{ strings['verification_code'] }}</td>
+          <td>{{ strings?.['verification_code'] }}</td>
           <td>{{ pipingUiAuthVerificationCode }}</td>
         </tr>
         </tbody>
@@ -34,13 +34,13 @@
 
       <v-dialog v-model="openRetryDownload" persistent max-width="290">
         <v-card>
-          <v-card-title class="text-h5">{{ strings['retry_download_dialog_title'] }}</v-card-title>
-          <v-card-text>{{ strings['browser_may_have_blocked_download'] }}</v-card-text>
+          <v-card-title class="text-h5">{{ strings?.['retry_download_dialog_title'] }}</v-card-title>
+          <v-card-text>{{ strings?.['browser_may_have_blocked_download'] }}</v-card-text>
           <v-card-actions>
             <v-spacer></v-spacer>
-            <v-btn color="primary" outlined @click="openRetryDownload = false">{{ strings['retry_download_dialog_no'] }}</v-btn>
+            <v-btn color="primary" outlined @click="openRetryDownload = false">{{ strings?.['retry_download_dialog_no'] }}</v-btn>
             <!-- NOTE: tag="a" is important. This element will be injected href and download attributes. -->
-            <v-btn ref="retry_download_button" tag="a" @click="openRetryDownload = false" color="primary" outlined data-testid="retry_download_button">{{ strings['retry_download_dialog_yes'] }}</v-btn>
+            <v-btn ref="retry_download_button" tag="a" @click="openRetryDownload = false" color="primary" outlined data-testid="retry_download_button">{{ strings?.['retry_download_dialog_yes'] }}</v-btn>
           </v-card-actions>
         </v-card>
       </v-dialog>
diff --git a/src/components/DataUploader.vue b/src/components/DataUploader.vue
index 66d4ffc13..12ba2311f 100644
--- a/src/components/DataUploader.vue
+++ b/src/components/DataUploader.vue
@@ -1,7 +1,7 @@
 <template>
   <v-expansion-panel ref="rootElement" active="true">
     <v-expansion-panel-header :disable-icon-rotate="isDoneUpload || hasError">
-      <span>{{ strings['upload'] }} #{{ composedProps.uploadNo }}</span>
+      <span>{{ strings?.['upload'] }} #{{ composedProps.uploadNo }}</span>
       <!-- Percentage -->
       {{ isReadyToUpload ? progressPercentage && `${progressPercentage.toFixed(2)} %` : '' }}
       <template v-slot:actions>
@@ -13,7 +13,7 @@
     <v-expansion-panel-content>
 
       <v-alert type="info" v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'initial'" :color="canceled ? 'grey' : undefined">
-        <span>{{ strings['waiting_for_receiver'] }}</span>
+        <span>{{ strings?.['waiting_for_receiver'] }}</span>
       </v-alert>
 
       <span v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'verification_code_arrived'">
@@ -27,7 +27,7 @@
                    block
                    data-testid="passwordless_verified_button">
               <v-icon left dark>{{ mdiCheck }}</v-icon>
-              {{ strings['passwordless_verified'] }}
+              {{ strings?.['passwordless_verified'] }}
             </v-btn>
           </v-flex>
           <v-flex xs6>
@@ -36,7 +36,7 @@
                    @click="verify(false)"
                    block>
               <v-icon left dark>{{ mdiCancel }}</v-icon>
-              {{ strings['cancel'] }}
+              {{ strings?.['cancel'] }}
             </v-btn>
           </v-flex>
         </v-layout>
@@ -44,7 +44,7 @@
 
       <div v-show="isCompressing">
         <div style="text-align: center">
-          {{ strings['compressing'] }}
+          {{ strings?.['compressing'] }}
         </div>
         <!-- Compression progress bar -->
         <v-progress-linear indeterminate />
@@ -52,7 +52,7 @@
 
       <div v-show="isNonStreamingEncrypting">
         <div style="text-align: center">
-          {{ strings['encrypting'] }}
+          {{ strings?.['encrypting'] }}
         </div>
         <!-- Encryption progress bar -->
         <v-progress-linear indeterminate />
@@ -75,11 +75,11 @@
       <v-simple-table class="text-left">
         <tbody>
         <tr class="text-left">
-          <td>{{ strings['upload_url'] }}</td>
+          <td>{{ strings?.['upload_url'] }}</td>
           <td>{{ uploadPath }}</td>
         </tr>
         <tr v-if="pipingUiAuthVerificationCode !== undefined" class="text-left">
-          <td>{{ strings['verification_code'] }}</td>
+          <td>{{ strings?.['verification_code'] }}</td>
           <td>{{ pipingUiAuthVerificationCode }}</td>
         </tr>
         </tbody>
@@ -92,7 +92,7 @@
                class="ma-2 justify-end"
                @click="cancel()">
           <v-icon >{{ mdiCloseCircle }}</v-icon>
-          {{ strings['cancel'] }}
+          {{ strings?.['cancel'] }}
         </v-btn>
       </div>
 
diff --git a/src/components/DataViewer.vue b/src/components/DataViewer.vue
index f90395ea0..66b7f6a8d 100644
--- a/src/components/DataViewer.vue
+++ b/src/components/DataViewer.vue
@@ -1,7 +1,7 @@
 <template>
   <v-expansion-panel ref="rootElement">
     <v-expansion-panel-header :disable-icon-rotate="isDoneDownload || hasError">
-      <span>{{ strings['view_in_viewer'] }} #{{ composedProps.viewNo }}</span>
+      <span>{{ strings?.['view_in_viewer'] }} #{{ composedProps.viewNo }}</span>
       <!-- Percentage -->
       {{ progressPercentage ? `${progressPercentage.toFixed(2)} %` : "" }}
       <template v-slot:actions>
@@ -13,7 +13,7 @@
     <v-expansion-panel-content>
 
       <v-alert type="info" v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'initial'" :color="canceled ? 'grey' : undefined">
-        <span style="">{{ strings['waiting_for_sender'] }}</span>
+        <span style="">{{ strings?.['waiting_for_sender'] }}</span>
       </v-alert>
 
       <span v-if="composedProps.protection.type === 'passwordless' && verificationStep.type === 'verification_code_arrived'">
@@ -40,7 +40,7 @@
 
       <div v-show="isDecrypting">
         <div style="text-align: center">
-          {{ strings['decrypting'] }}
+          {{ strings?.['decrypting'] }}
         </div>
         <!-- Decryption progress bar -->
         <v-progress-linear indeterminate />
@@ -49,11 +49,11 @@
       <v-simple-table class="text-left">
         <tbody>
         <tr class="text-left">
-          <td>{{ strings['download_url'] }}</td>
+          <td>{{ strings?.['download_url'] }}</td>
           <td>{{ downloadPath }}</td>
         </tr>
         <tr v-if="pipingUiAuthVerificationCode !== undefined" class="text-left">
-          <td>{{ strings['verification_code'] }}</td>
+          <td>{{ strings?.['verification_code'] }}</td>
           <td>{{ pipingUiAuthVerificationCode }}</td>
         </tr>
         </tbody>
@@ -64,14 +64,14 @@
         <v-layout>
           <v-switch v-model="enablePasswordReinput"
                     inset
-                    :label="strings['reinput_password']"
+                    :label="strings?.['reinput_password']"
                     color="blue"
                     style="padding-left: 0.5em;"/>
 
           <v-text-field v-if="enablePasswordReinput"
                         v-model="password"
                         :type="showsPassword ? 'text' : 'password'"
-                        :label="strings['password']"
+                        :label="strings?.['password']"
                         :append-icon="showsPassword ? mdiEye : mdiEyeOff"
                         @click:append="showsPassword = !showsPassword"
                         single-line
@@ -83,13 +83,13 @@
                  text
                  @click="decryptIfNeedAndViewBlob(password)">
             <v-icon >{{ mdiKey }}</v-icon>
-            {{ strings['unlock'] }}
+            {{ strings?.['unlock'] }}
           </v-btn>
           <v-btn color="primary"
                  text
                  @click="viewRaw()">
             <v-icon >{{ mdiFeatureSearchOutline }}</v-icon>
-            {{ strings['view_raw'] }}
+            {{ strings?.['view_raw'] }}
           </v-btn>
         </div>
       </div>
@@ -120,7 +120,7 @@
                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1.5em" height="1.5em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M2 13h4v1H2v-1zm5-6H2v1h5V7zm2 3V8l-3 3 3 3v-2h5v-2H9zM4.5 9H2v1h2.5V9zM2 12h2.5v-1H2v1zm9 1h1v2c-.02.28-.11.52-.3.7-.19.18-.42.28-.7.3H1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c0-1.11.89-2 2-2 1.11 0 2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V6H1v9h10v-2zM2 5h8c0-.55-.45-1-1-1H8c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H3c-.55 0-1 .45-1 1z" fill="#000000"/></svg>
               </v-btn>
             </template>
-            <span>{{ strings['copied'] }}</span>
+            <span>{{ strings?.['copied'] }}</span>
           </v-tooltip>
         </div>
         <pre v-html="linkifiedTextAsHtml" class="text-view"/>
@@ -133,7 +133,7 @@
                class="ma-2 justify-end"
                @click="cancel()">
           <v-icon >{{ mdiCloseCircle }}</v-icon>
-          {{ strings['cancel'] }}
+          {{ strings?.['cancel'] }}
         </v-btn>
       </div>
 
@@ -144,7 +144,7 @@
              @click="save()"
              style="margin-top: 1em;">
         <v-icon >{{ mdiContentSave }}</v-icon>
-        {{ strings['save'] }}
+        {{ strings?.['save'] }}
       </v-btn>
 
       <v-alert type="error"
diff --git a/src/components/Licenses.vue b/src/components/Licenses.vue
index d29684300..19eb60ad7 100644
--- a/src/components/Licenses.vue
+++ b/src/components/Licenses.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card>
-    <v-card-title>{{ strings['open_source_licenses'] }}</v-card-title>
+    <v-card-title>{{ strings?.['open_source_licenses'] }}</v-card-title>
     <v-divider></v-divider>
     <v-card-text>
 
@@ -31,7 +31,7 @@
     <v-divider></v-divider>
     <v-card-actions class="justify-end">
       <v-btn color="blue darken-1" text @click="$emit('input', false)">
-        {{ strings['close'] }}
+        {{ strings?.['close'] }}
       </v-btn>
     </v-card-actions>
   </v-card>
diff --git a/src/components/MenuContent.vue b/src/components/MenuContent.vue
index 08475681a..196b57e68 100644
--- a/src/components/MenuContent.vue
+++ b/src/components/MenuContent.vue
@@ -9,10 +9,10 @@
 
           <v-list-item-content>
             <v-list-item-title>Piping UI</v-list-item-title>
-            <v-list-item-subtitle>{{ strings['version'] }}</v-list-item-subtitle>
+            <v-list-item-subtitle>{{ strings?.['version'] }}</v-list-item-subtitle>
             <a href="https://github.com/nwtgck/piping-ui-web" target="_blank">
               <font-awesome-icon :icon="['fab', 'github']" />
-              {{ strings['view_on_github'] }}
+              {{ strings?.['view_on_github'] }}
             </a>
           </v-list-item-content>
         </v-list-item>
@@ -24,7 +24,7 @@
         <v-list-item-action>
           <v-select v-model="language"
                     :items="availableLanguages"
-                    :label="strings['language']"
+                    :label="strings?.['language']"
                     item-text="str"
                     item-value="lang"
                     outlined/>
@@ -32,21 +32,21 @@
       </v-list-item>
 
       <v-list-item>
-        <v-list-item-title>{{ strings['dark_theme'] }}</v-list-item-title>
+        <v-list-item-title>{{ strings?.['dark_theme'] }}</v-list-item-title>
         <v-list-item-action>
           <dark-theme-switch />
         </v-list-item-action>
       </v-list-item>
 
       <v-list-item>
-        <v-list-item-title>{{ strings['record_server_url'] }}</v-list-item-title>
+        <v-list-item-title>{{ strings?.['record_server_url'] }}</v-list-item-title>
         <v-list-item-action>
           <v-switch v-model="recordsServerUrlHistory"></v-switch>
         </v-list-item-action>
       </v-list-item>
 
       <v-list-item>
-        <v-list-item-title>{{ strings['record_secret_path'] }}</v-list-item-title>
+        <v-list-item-title>{{ strings?.['record_secret_path'] }}</v-list-item-title>
         <v-list-item-action>
           <v-switch v-model="recordsSecretPathHistory"></v-switch>
         </v-list-item-action>
@@ -60,7 +60,7 @@
       </v-list-item>
 
       <v-list-item @click="$emit('input', true)">
-        <v-list-item-title>{{ strings['open_source_licenses'] }}</v-list-item-title>
+        <v-list-item-title>{{ strings?.['open_source_licenses'] }}</v-list-item-title>
       </v-list-item>
     </v-list>
   </v-card>
diff --git a/src/components/VerificationCode.vue b/src/components/VerificationCode.vue
index 31c10fd6b..232358a94 100644
--- a/src/components/VerificationCode.vue
+++ b/src/components/VerificationCode.vue
@@ -1,6 +1,6 @@
 <template>
   <v-alert type="info" :color="color">
-    <span style="font-size: 1.2em">{{ strings['verification_code'] }}: <b>{{ value }}</b></span>
+    <span style="font-size: 1.2em">{{ strings?.['verification_code'] }}: <b>{{ value }}</b></span>
   </v-alert>
 </template>
 

From 789444dd149d0c283a5563bc882b9e4337f3966a Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 13:56:04 +0900
Subject: [PATCH 20/26] show suggested secret paths for receiver

---
 src/components/PipingUI.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PipingUI.vue b/src/components/PipingUI.vue
index 92ca31691..5c8215ce0 100644
--- a/src/components/PipingUI.vue
+++ b/src/components/PipingUI.vue
@@ -58,7 +58,7 @@
         </v-combobox>
 
         <div style="text-align: right;">
-          <template v-if="sendOrGet === 'send' && suggestedSecretPaths.length !== 0" >
+          <template v-if="suggestedSecretPaths.length !== 0" >
             <!-- Secret path suggestion  -->
             <v-chip v-for="suggestedSecretPath in suggestedSecretPaths"
                     :key="suggestedSecretPath"

From 22a0dff8faabe4aa1f24e05769000fd658cb4b97 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 3 Jan 2023 13:58:48 +0900
Subject: [PATCH 21/26] build(deps-dev): bump @typescript-eslint/parser from
 5.47.1 to 5.48.0 (#1405)

Bumps [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) from 5.47.1 to 5.48.0.
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v5.48.0/packages/parser)

---
updated-dependencies:
- dependency-name: "@typescript-eslint/parser"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 143 +++++++++++++++++++++++++++++++++++++++++-----
 package.json      |   2 +-
 2 files changed, 131 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d8586cbcf..d24bcbf89 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -47,7 +47,7 @@
         "@types/smoothscroll-polyfill": "^0.3.1",
         "@types/url-join": "^4.0.0",
         "@typescript-eslint/eslint-plugin": "^5.47.1",
-        "@typescript-eslint/parser": "^5.47.1",
+        "@typescript-eslint/parser": "^5.48.0",
         "@vue/cli-plugin-babel": "^5.0.8",
         "@vue/cli-plugin-eslint": "^5.0.8",
         "@vue/cli-plugin-typescript": "^5.0.8",
@@ -2623,14 +2623,14 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.47.1.tgz",
-      "integrity": "sha512-9Vb+KIv29r6GPu4EboWOnQM7T+UjpjXvjCPhNORlgm40a9Ia9bvaPJswvtae1gip2QEeVeGh6YquqAzEgoRAlw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.48.0.tgz",
+      "integrity": "sha512-1mxNA8qfgxX8kBvRDIHEzrRGrKHQfQlbW6iHyfHYS0Q4X1af+S6mkLNtgCOsGVl8+/LUPrqdHMssAemkrQ01qg==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/typescript-estree": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/typescript-estree": "5.48.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -2649,6 +2649,80 @@
         }
       }
     },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": {
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.48.0.tgz",
+      "integrity": "sha512-0AA4LviDtVtZqlyUQnZMVHydDATpD9SAX/RC5qh6cBd3xmyWvmXYF+WT1oOmxkeMnWDlUVTwdODeucUnjz3gow==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": {
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.48.0.tgz",
+      "integrity": "sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.0.tgz",
+      "integrity": "sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "semver": "^7.3.7",
+        "tsutils": "^3.21.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.0.tgz",
+      "integrity": "sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "5.48.0",
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
     "node_modules/@typescript-eslint/scope-manager": {
       "version": "5.47.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.1.tgz",
@@ -18159,15 +18233,58 @@
       }
     },
     "@typescript-eslint/parser": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.47.1.tgz",
-      "integrity": "sha512-9Vb+KIv29r6GPu4EboWOnQM7T+UjpjXvjCPhNORlgm40a9Ia9bvaPJswvtae1gip2QEeVeGh6YquqAzEgoRAlw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.48.0.tgz",
+      "integrity": "sha512-1mxNA8qfgxX8kBvRDIHEzrRGrKHQfQlbW6iHyfHYS0Q4X1af+S6mkLNtgCOsGVl8+/LUPrqdHMssAemkrQ01qg==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/typescript-estree": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/typescript-estree": "5.48.0",
         "debug": "^4.3.4"
+      },
+      "dependencies": {
+        "@typescript-eslint/scope-manager": {
+          "version": "5.48.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.48.0.tgz",
+          "integrity": "sha512-0AA4LviDtVtZqlyUQnZMVHydDATpD9SAX/RC5qh6cBd3xmyWvmXYF+WT1oOmxkeMnWDlUVTwdODeucUnjz3gow==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.48.0",
+            "@typescript-eslint/visitor-keys": "5.48.0"
+          }
+        },
+        "@typescript-eslint/types": {
+          "version": "5.48.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.48.0.tgz",
+          "integrity": "sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==",
+          "dev": true
+        },
+        "@typescript-eslint/typescript-estree": {
+          "version": "5.48.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.0.tgz",
+          "integrity": "sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.48.0",
+            "@typescript-eslint/visitor-keys": "5.48.0",
+            "debug": "^4.3.4",
+            "globby": "^11.1.0",
+            "is-glob": "^4.0.3",
+            "semver": "^7.3.7",
+            "tsutils": "^3.21.0"
+          }
+        },
+        "@typescript-eslint/visitor-keys": {
+          "version": "5.48.0",
+          "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.0.tgz",
+          "integrity": "sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==",
+          "dev": true,
+          "requires": {
+            "@typescript-eslint/types": "5.48.0",
+            "eslint-visitor-keys": "^3.3.0"
+          }
+        }
       }
     },
     "@typescript-eslint/scope-manager": {
diff --git a/package.json b/package.json
index 8a993b958..c50aa5b99 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "@types/smoothscroll-polyfill": "^0.3.1",
     "@types/url-join": "^4.0.0",
     "@typescript-eslint/eslint-plugin": "^5.47.1",
-    "@typescript-eslint/parser": "^5.47.1",
+    "@typescript-eslint/parser": "^5.48.0",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",
     "@vue/cli-plugin-typescript": "^5.0.8",

From efcd150777702a2bc03a7938f648c9aaf1715ec9 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 3 Jan 2023 14:12:09 +0900
Subject: [PATCH 22/26] build(deps-dev): bump @typescript-eslint/eslint-plugin
 (#1404)

Bumps [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) from 5.47.1 to 5.48.0.
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v5.48.0/packages/eslint-plugin)

---
updated-dependencies:
- dependency-name: "@typescript-eslint/eslint-plugin"
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 package-lock.json | 247 ++++++++++++----------------------------------
 package.json      |   2 +-
 2 files changed, 66 insertions(+), 183 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d24bcbf89..d9ce97c2a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -46,7 +46,7 @@
         "@types/sanitize-html": "^2.6.2",
         "@types/smoothscroll-polyfill": "^0.3.1",
         "@types/url-join": "^4.0.0",
-        "@typescript-eslint/eslint-plugin": "^5.47.1",
+        "@typescript-eslint/eslint-plugin": "^5.48.0",
         "@typescript-eslint/parser": "^5.48.0",
         "@vue/cli-plugin-babel": "^5.0.8",
         "@vue/cli-plugin-eslint": "^5.0.8",
@@ -2590,14 +2590,14 @@
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.47.1.tgz",
-      "integrity": "sha512-r4RZ2Jl9kcQN7K/dcOT+J7NAimbiis4sSM9spvWimsBvDegMhKLA5vri2jG19PmIPbDjPeWzfUPQ2hjEzA4Nmg==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.0.tgz",
+      "integrity": "sha512-SVLafp0NXpoJY7ut6VFVUU9I+YeFsDzeQwtK0WZ+xbRN3mtxJ08je+6Oi2N89qDn087COdO0u3blKZNv9VetRQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/type-utils": "5.47.1",
-        "@typescript-eslint/utils": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/type-utils": "5.48.0",
+        "@typescript-eslint/utils": "5.48.0",
         "debug": "^4.3.4",
         "ignore": "^5.2.0",
         "natural-compare-lite": "^1.4.0",
@@ -2649,7 +2649,7 @@
         }
       }
     },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": {
+    "node_modules/@typescript-eslint/scope-manager": {
       "version": "5.48.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.48.0.tgz",
       "integrity": "sha512-0AA4LviDtVtZqlyUQnZMVHydDATpD9SAX/RC5qh6cBd3xmyWvmXYF+WT1oOmxkeMnWDlUVTwdODeucUnjz3gow==",
@@ -2666,88 +2666,14 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": {
-      "version": "5.48.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.48.0.tgz",
-      "integrity": "sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.48.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.0.tgz",
-      "integrity": "sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.48.0",
-        "@typescript-eslint/visitor-keys": "5.48.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.48.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.0.tgz",
-      "integrity": "sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.48.0",
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.1.tgz",
-      "integrity": "sha512-9hsFDsgUwrdOoW1D97Ewog7DYSHaq4WKuNs0LHF9RiCmqB0Z+XRR4Pf7u7u9z/8CciHuJ6yxNws1XznI3ddjEw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/visitor-keys": "5.47.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.47.1.tgz",
-      "integrity": "sha512-/UKOeo8ee80A7/GJA427oIrBi/Gd4osk/3auBUg4Rn9EahFpevVV1mUK8hjyQD5lHPqX397x6CwOk5WGh1E/1w==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.48.0.tgz",
+      "integrity": "sha512-vbtPO5sJyFjtHkGlGK4Sthmta0Bbls4Onv0bEqOGm7hP9h8UpRsHJwsrCiWtCUndTRNQO/qe6Ijz9rnT/DB+7g==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.47.1",
-        "@typescript-eslint/utils": "5.47.1",
+        "@typescript-eslint/typescript-estree": "5.48.0",
+        "@typescript-eslint/utils": "5.48.0",
         "debug": "^4.3.4",
         "tsutils": "^3.21.0"
       },
@@ -2768,9 +2694,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.1.tgz",
-      "integrity": "sha512-CmALY9YWXEpwuu6377ybJBZdtSAnzXLSQcxLSqSQSbC7VfpMu/HLVdrnVJj7ycI138EHqocW02LPJErE35cE9A==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.48.0.tgz",
+      "integrity": "sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==",
       "dev": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -2781,13 +2707,13 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.1.tgz",
-      "integrity": "sha512-4+ZhFSuISAvRi2xUszEj0xXbNTHceV9GbH9S8oAD2a/F9SW57aJNQVOCxG8GPfSWH/X4eOPdMEU2jYVuWKEpWA==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.0.tgz",
+      "integrity": "sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/visitor-keys": "5.47.1",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -2808,16 +2734,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.1.tgz",
-      "integrity": "sha512-l90SdwqfmkuIVaREZ2ykEfCezepCLxzWMo5gVfcJsJCaT4jHT+QjgSkYhs5BMQmWqE9k3AtIfk4g211z/sTMVw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.48.0.tgz",
+      "integrity": "sha512-x2jrMcPaMfsHRRIkL+x96++xdzvrdBCnYRd5QiW5Wgo1OB4kDYPbC1XjWP/TNqlfK93K/lUL92erq5zPLgFScQ==",
       "dev": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
         "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/typescript-estree": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/typescript-estree": "5.48.0",
         "eslint-scope": "^5.1.1",
         "eslint-utils": "^3.0.0",
         "semver": "^7.3.7"
@@ -2834,12 +2760,12 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.1.tgz",
-      "integrity": "sha512-rF3pmut2JCCjh6BLRhNKdYjULMb1brvoaiWDlHfLNVgmnZ0sBVJrs3SyaKE1XoDDnJuAx/hDQryHYmPUuNq0ig==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.0.tgz",
+      "integrity": "sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "5.47.1",
+        "@typescript-eslint/types": "5.48.0",
         "eslint-visitor-keys": "^3.3.0"
       },
       "engines": {
@@ -18216,14 +18142,14 @@
       }
     },
     "@typescript-eslint/eslint-plugin": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.47.1.tgz",
-      "integrity": "sha512-r4RZ2Jl9kcQN7K/dcOT+J7NAimbiis4sSM9spvWimsBvDegMhKLA5vri2jG19PmIPbDjPeWzfUPQ2hjEzA4Nmg==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.48.0.tgz",
+      "integrity": "sha512-SVLafp0NXpoJY7ut6VFVUU9I+YeFsDzeQwtK0WZ+xbRN3mtxJ08je+6Oi2N89qDn087COdO0u3blKZNv9VetRQ==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/type-utils": "5.47.1",
-        "@typescript-eslint/utils": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/type-utils": "5.48.0",
+        "@typescript-eslint/utils": "5.48.0",
         "debug": "^4.3.4",
         "ignore": "^5.2.0",
         "natural-compare-lite": "^1.4.0",
@@ -18242,87 +18168,44 @@
         "@typescript-eslint/types": "5.48.0",
         "@typescript-eslint/typescript-estree": "5.48.0",
         "debug": "^4.3.4"
-      },
-      "dependencies": {
-        "@typescript-eslint/scope-manager": {
-          "version": "5.48.0",
-          "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.48.0.tgz",
-          "integrity": "sha512-0AA4LviDtVtZqlyUQnZMVHydDATpD9SAX/RC5qh6cBd3xmyWvmXYF+WT1oOmxkeMnWDlUVTwdODeucUnjz3gow==",
-          "dev": true,
-          "requires": {
-            "@typescript-eslint/types": "5.48.0",
-            "@typescript-eslint/visitor-keys": "5.48.0"
-          }
-        },
-        "@typescript-eslint/types": {
-          "version": "5.48.0",
-          "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.48.0.tgz",
-          "integrity": "sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==",
-          "dev": true
-        },
-        "@typescript-eslint/typescript-estree": {
-          "version": "5.48.0",
-          "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.0.tgz",
-          "integrity": "sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==",
-          "dev": true,
-          "requires": {
-            "@typescript-eslint/types": "5.48.0",
-            "@typescript-eslint/visitor-keys": "5.48.0",
-            "debug": "^4.3.4",
-            "globby": "^11.1.0",
-            "is-glob": "^4.0.3",
-            "semver": "^7.3.7",
-            "tsutils": "^3.21.0"
-          }
-        },
-        "@typescript-eslint/visitor-keys": {
-          "version": "5.48.0",
-          "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.0.tgz",
-          "integrity": "sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==",
-          "dev": true,
-          "requires": {
-            "@typescript-eslint/types": "5.48.0",
-            "eslint-visitor-keys": "^3.3.0"
-          }
-        }
       }
     },
     "@typescript-eslint/scope-manager": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.47.1.tgz",
-      "integrity": "sha512-9hsFDsgUwrdOoW1D97Ewog7DYSHaq4WKuNs0LHF9RiCmqB0Z+XRR4Pf7u7u9z/8CciHuJ6yxNws1XznI3ddjEw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.48.0.tgz",
+      "integrity": "sha512-0AA4LviDtVtZqlyUQnZMVHydDATpD9SAX/RC5qh6cBd3xmyWvmXYF+WT1oOmxkeMnWDlUVTwdODeucUnjz3gow==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/visitor-keys": "5.47.1"
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0"
       }
     },
     "@typescript-eslint/type-utils": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.47.1.tgz",
-      "integrity": "sha512-/UKOeo8ee80A7/GJA427oIrBi/Gd4osk/3auBUg4Rn9EahFpevVV1mUK8hjyQD5lHPqX397x6CwOk5WGh1E/1w==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.48.0.tgz",
+      "integrity": "sha512-vbtPO5sJyFjtHkGlGK4Sthmta0Bbls4Onv0bEqOGm7hP9h8UpRsHJwsrCiWtCUndTRNQO/qe6Ijz9rnT/DB+7g==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/typescript-estree": "5.47.1",
-        "@typescript-eslint/utils": "5.47.1",
+        "@typescript-eslint/typescript-estree": "5.48.0",
+        "@typescript-eslint/utils": "5.48.0",
         "debug": "^4.3.4",
         "tsutils": "^3.21.0"
       }
     },
     "@typescript-eslint/types": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.47.1.tgz",
-      "integrity": "sha512-CmALY9YWXEpwuu6377ybJBZdtSAnzXLSQcxLSqSQSbC7VfpMu/HLVdrnVJj7ycI138EHqocW02LPJErE35cE9A==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.48.0.tgz",
+      "integrity": "sha512-UTe67B0Ypius0fnEE518NB2N8gGutIlTojeTg4nt0GQvikReVkurqxd2LvYa9q9M5MQ6rtpNyWTBxdscw40Xhw==",
       "dev": true
     },
     "@typescript-eslint/typescript-estree": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.47.1.tgz",
-      "integrity": "sha512-4+ZhFSuISAvRi2xUszEj0xXbNTHceV9GbH9S8oAD2a/F9SW57aJNQVOCxG8GPfSWH/X4eOPdMEU2jYVuWKEpWA==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.48.0.tgz",
+      "integrity": "sha512-7pjd94vvIjI1zTz6aq/5wwE/YrfIyEPLtGJmRfyNR9NYIW+rOvzzUv3Cmq2hRKpvt6e9vpvPUQ7puzX7VSmsEw==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/visitor-keys": "5.47.1",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/visitor-keys": "5.48.0",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -18331,28 +18214,28 @@
       }
     },
     "@typescript-eslint/utils": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.47.1.tgz",
-      "integrity": "sha512-l90SdwqfmkuIVaREZ2ykEfCezepCLxzWMo5gVfcJsJCaT4jHT+QjgSkYhs5BMQmWqE9k3AtIfk4g211z/sTMVw==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.48.0.tgz",
+      "integrity": "sha512-x2jrMcPaMfsHRRIkL+x96++xdzvrdBCnYRd5QiW5Wgo1OB4kDYPbC1XjWP/TNqlfK93K/lUL92erq5zPLgFScQ==",
       "dev": true,
       "requires": {
         "@types/json-schema": "^7.0.9",
         "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.47.1",
-        "@typescript-eslint/types": "5.47.1",
-        "@typescript-eslint/typescript-estree": "5.47.1",
+        "@typescript-eslint/scope-manager": "5.48.0",
+        "@typescript-eslint/types": "5.48.0",
+        "@typescript-eslint/typescript-estree": "5.48.0",
         "eslint-scope": "^5.1.1",
         "eslint-utils": "^3.0.0",
         "semver": "^7.3.7"
       }
     },
     "@typescript-eslint/visitor-keys": {
-      "version": "5.47.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.47.1.tgz",
-      "integrity": "sha512-rF3pmut2JCCjh6BLRhNKdYjULMb1brvoaiWDlHfLNVgmnZ0sBVJrs3SyaKE1XoDDnJuAx/hDQryHYmPUuNq0ig==",
+      "version": "5.48.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.48.0.tgz",
+      "integrity": "sha512-5motVPz5EgxQ0bHjut3chzBkJ3Z3sheYVcSwS5BpHZpLqSptSmELNtGixmgj65+rIfhvtQTz5i9OP2vtzdDH7Q==",
       "dev": true,
       "requires": {
-        "@typescript-eslint/types": "5.47.1",
+        "@typescript-eslint/types": "5.48.0",
         "eslint-visitor-keys": "^3.3.0"
       }
     },
diff --git a/package.json b/package.json
index c50aa5b99..d206d1c99 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "@types/sanitize-html": "^2.6.2",
     "@types/smoothscroll-polyfill": "^0.3.1",
     "@types/url-join": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.47.1",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
     "@typescript-eslint/parser": "^5.48.0",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",

From c2bdfbfaa0e2316b34dbb84d2605709fa4085a93 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 14:18:53 +0900
Subject: [PATCH 23/26] remove unused file

---
 src/memorize-func.ts | 11 -----------
 1 file changed, 11 deletions(-)
 delete mode 100644 src/memorize-func.ts

diff --git a/src/memorize-func.ts b/src/memorize-func.ts
deleted file mode 100644
index 23b661801..000000000
--- a/src/memorize-func.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-const NOT_MEMORIZED: unique symbol = Symbol('NOT_MEMORIZED');
-export function memorizeFunc<T>(func: () => T) {
-  let memo: T | typeof NOT_MEMORIZED = NOT_MEMORIZED;
-  return (): T => {
-    // If no memo
-    if (memo === NOT_MEMORIZED) {
-      memo = func();
-    }
-    return memo;
-  };
-}

From f930e4e1df5725786dbd88e3774b1e5a3406ceaf Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 14:28:38 +0900
Subject: [PATCH 24/26] =?UTF-8?q?settings=20=E2=86=92=20states?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                            |  4 ++--
 src/components/DataDownloader.vue                      |  2 +-
 src/components/DataUploader.vue                        |  4 ++--
 src/components/DataViewer.vue                          |  2 +-
 src/components/MenuContent.vue                         |  6 +++---
 src/components/PipingUI.vue                            | 10 +++++-----
 .../ecdsaP384SigningKeyPairPromise.ts}                 |  0
 .../forceDisableStreamingUpload.ts                     |  0
 src/{settings => states}/pipingServerUrl.ts            |  0
 src/{settings => states}/pipingServerUrlHistory.ts     |  0
 src/{settings => states}/recordsSecretPathHistory.ts   |  0
 src/{settings => states}/recordsServerUrlHistory.ts    |  0
 src/{settings => states}/secretPathHistory.ts          |  0
 13 files changed, 14 insertions(+), 14 deletions(-)
 rename src/{signing-key.ts => states/ecdsaP384SigningKeyPairPromise.ts} (100%)
 rename src/{settings => states}/forceDisableStreamingUpload.ts (100%)
 rename src/{settings => states}/pipingServerUrl.ts (100%)
 rename src/{settings => states}/pipingServerUrlHistory.ts (100%)
 rename src/{settings => states}/recordsSecretPathHistory.ts (100%)
 rename src/{settings => states}/recordsServerUrlHistory.ts (100%)
 rename src/{settings => states}/secretPathHistory.ts (100%)

diff --git a/src/App.vue b/src/App.vue
index 39b6c13de..86d202854 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -74,8 +74,8 @@ import {VERSION} from '@/version';
 import {mdiClose, mdiDelete, mdiDotsVertical} from "@mdi/js";
 import {appBarPromiseResolverWhichShouldBeUsedInAppVue} from "@/app-bar-promise";
 import {strings} from "@/strings/strings";
-import {pipingServerUrl} from "@/settings/pipingServerUrl";
-import {pipingServerUrlHistory} from "@/settings/pipingServerUrlHistory";
+import {pipingServerUrl} from "@/states/pipingServerUrl";
+import {pipingServerUrlHistory} from "@/states/pipingServerUrlHistory";
 
 const PipingUI = () => import('@/components/PipingUI.vue');
 const MenuContent = () => import('@/components/MenuContent.vue');
diff --git a/src/components/DataDownloader.vue b/src/components/DataDownloader.vue
index ee563551f..2bb092d5f 100644
--- a/src/components/DataDownloader.vue
+++ b/src/components/DataDownloader.vue
@@ -76,7 +76,7 @@ import {makePromise} from "@/utils/makePromise";
 import {isFirefox} from "@/utils/isFirefox";
 import {useErrorMessage} from "@/useErrorMessage";
 import {strings} from "@/strings/strings";
-import {ecdsaP384SigningKeyPairPromise} from "@/signing-key";
+import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
 import {firstAtLeastBlobFromReadableStream} from "@/utils/firstAtLeastBlobFromReadableStream";
 
 const FileSaverAsync = () => import('file-saver').then(p => p.default);
diff --git a/src/components/DataUploader.vue b/src/components/DataUploader.vue
index 12ba2311f..c55b80129 100644
--- a/src/components/DataUploader.vue
+++ b/src/components/DataUploader.vue
@@ -133,10 +133,10 @@ import {readableBytesString} from "@/utils/readableBytesString";
 import {zipFilesAsReadableStream} from "@/utils/zipFilesAsReadableStream";
 import {supportsFetchUploadStreaming} from "@/utils/supportsFetchUploadStreaming";
 import {makePromise} from "@/utils/makePromise";
-import {forceDisableStreamingUpload} from "@/settings/forceDisableStreamingUpload";
+import {forceDisableStreamingUpload} from "@/states/forceDisableStreamingUpload";
 import {useErrorMessage} from "@/useErrorMessage";
 import {strings} from "@/strings/strings";
-import {ecdsaP384SigningKeyPairPromise} from "@/signing-key";
+import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
 import * as fileType from 'file-type/browser';
 
 const props = defineProps<{ composedProps: DataUploaderProps }>();
diff --git a/src/components/DataViewer.vue b/src/components/DataViewer.vue
index 66b7f6a8d..5d0b02def 100644
--- a/src/components/DataViewer.vue
+++ b/src/components/DataViewer.vue
@@ -195,7 +195,7 @@ import {makePromise} from "@/utils/makePromise";
 import {useErrorMessage} from "@/useErrorMessage";
 import {getReadableStreamWithProgress} from "@/utils/getReadableStreamWithProgress";
 import {strings} from "@/strings/strings";
-import {ecdsaP384SigningKeyPairPromise} from "@/signing-key";
+import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
 
 // eslint-disable-next-line no-undef
 const props = defineProps<{ composedProps: DataViewerProps }>();
diff --git a/src/components/MenuContent.vue b/src/components/MenuContent.vue
index 196b57e68..6c05dea06 100644
--- a/src/components/MenuContent.vue
+++ b/src/components/MenuContent.vue
@@ -71,9 +71,9 @@ import {defineComponent} from "vue";
 import {strings} from "@/strings/strings";
 import {language} from "@/language";
 import DarkThemeSwitch from "@/components/DarkThemeSwitch.vue";
-import {recordsServerUrlHistory} from "@/settings/recordsServerUrlHistory";
-import {recordsSecretPathHistory} from "@/settings/recordsSecretPathHistory";
-import {forceDisableStreamingUpload} from "@/settings/forceDisableStreamingUpload";
+import {recordsServerUrlHistory} from "@/states/recordsServerUrlHistory";
+import {recordsSecretPathHistory} from "@/states/recordsSecretPathHistory";
+import {forceDisableStreamingUpload} from "@/states/forceDisableStreamingUpload";
 
 // Available languages
 type Language = 'en' | 'ja';
diff --git a/src/components/PipingUI.vue b/src/components/PipingUI.vue
index 5c8215ce0..a905f27b8 100644
--- a/src/components/PipingUI.vue
+++ b/src/components/PipingUI.vue
@@ -214,11 +214,11 @@ import {mdiAlert, mdiClose, mdiCollapseAll, mdiDelete, mdiDownload, mdiExpandAll
 import {strings} from "@/strings/strings";
 import {type FilePondFile} from "filepond";
 import {type Protection} from "@/datatypes";
-import {recordsServerUrlHistory} from "@/settings/recordsServerUrlHistory";
-import {recordsSecretPathHistory} from "@/settings/recordsSecretPathHistory";
-import {secretPathHistory} from "@/settings/secretPathHistory";
-import {pipingServerUrl} from "@/settings/pipingServerUrl";
-import {pipingServerUrlHistory} from "@/settings/pipingServerUrlHistory";
+import {recordsServerUrlHistory} from "@/states/recordsServerUrlHistory";
+import {recordsSecretPathHistory} from "@/states/recordsSecretPathHistory";
+import {secretPathHistory} from "@/states/secretPathHistory";
+import {pipingServerUrl} from "@/states/pipingServerUrl";
+import {pipingServerUrlHistory} from "@/states/pipingServerUrlHistory";
 
 const urlJoinAsync = () => import('url-join').then(p => p.default);
 const DataUploader = () => import('@/components/DataUploader.vue');
diff --git a/src/signing-key.ts b/src/states/ecdsaP384SigningKeyPairPromise.ts
similarity index 100%
rename from src/signing-key.ts
rename to src/states/ecdsaP384SigningKeyPairPromise.ts
diff --git a/src/settings/forceDisableStreamingUpload.ts b/src/states/forceDisableStreamingUpload.ts
similarity index 100%
rename from src/settings/forceDisableStreamingUpload.ts
rename to src/states/forceDisableStreamingUpload.ts
diff --git a/src/settings/pipingServerUrl.ts b/src/states/pipingServerUrl.ts
similarity index 100%
rename from src/settings/pipingServerUrl.ts
rename to src/states/pipingServerUrl.ts
diff --git a/src/settings/pipingServerUrlHistory.ts b/src/states/pipingServerUrlHistory.ts
similarity index 100%
rename from src/settings/pipingServerUrlHistory.ts
rename to src/states/pipingServerUrlHistory.ts
diff --git a/src/settings/recordsSecretPathHistory.ts b/src/states/recordsSecretPathHistory.ts
similarity index 100%
rename from src/settings/recordsSecretPathHistory.ts
rename to src/states/recordsSecretPathHistory.ts
diff --git a/src/settings/recordsServerUrlHistory.ts b/src/states/recordsServerUrlHistory.ts
similarity index 100%
rename from src/settings/recordsServerUrlHistory.ts
rename to src/states/recordsServerUrlHistory.ts
diff --git a/src/settings/secretPathHistory.ts b/src/states/secretPathHistory.ts
similarity index 100%
rename from src/settings/secretPathHistory.ts
rename to src/states/secretPathHistory.ts

From 2bda1b8e897a51cb6d97587a785366b88b419c49 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 14:44:49 +0900
Subject: [PATCH 25/26] chore: tidy src/ root

---
 src/components/DarkThemeSwitch.vue                      | 2 +-
 src/components/DataDownloader.vue                       | 2 +-
 src/components/DataUploader.vue                         | 2 +-
 src/components/DataViewer.vue                           | 4 ++--
 src/components/MenuContent.vue                          | 2 +-
 src/{ => composables}/useErrorMessage.ts                | 2 +-
 src/plugins/vuetify.ts                                  | 2 +-
 src/{enable-dark-theme.ts => states/enableDarkTheme.ts} | 0
 src/{ => states}/language.ts                            | 2 +-
 src/strings/strings.ts                                  | 2 +-
 src/{blob-url-manager.ts => utils/BlobUrlManager.ts}    | 0
 11 files changed, 10 insertions(+), 10 deletions(-)
 rename src/{ => composables}/useErrorMessage.ts (95%)
 rename src/{enable-dark-theme.ts => states/enableDarkTheme.ts} (100%)
 rename src/{ => states}/language.ts (94%)
 rename src/{blob-url-manager.ts => utils/BlobUrlManager.ts} (100%)

diff --git a/src/components/DarkThemeSwitch.vue b/src/components/DarkThemeSwitch.vue
index 554894b55..7c2f2aca7 100644
--- a/src/components/DarkThemeSwitch.vue
+++ b/src/components/DarkThemeSwitch.vue
@@ -4,7 +4,7 @@
 
 <script lang="ts">
 import Vue from 'vue';
-import {enableDarkTheme} from "@/enable-dark-theme";
+import {enableDarkTheme} from "@/states/enableDarkTheme";
 
 export default Vue.extend({
   computed: {
diff --git a/src/components/DataDownloader.vue b/src/components/DataDownloader.vue
index 2bb092d5f..dda4280f1 100644
--- a/src/components/DataDownloader.vue
+++ b/src/components/DataDownloader.vue
@@ -74,7 +74,7 @@ import * as fileType from 'file-type/browser';
 import {canTransferReadableStream} from "@/utils/canTransferReadableStream";
 import {makePromise} from "@/utils/makePromise";
 import {isFirefox} from "@/utils/isFirefox";
-import {useErrorMessage} from "@/useErrorMessage";
+import {useErrorMessage} from "@/composables/useErrorMessage";
 import {strings} from "@/strings/strings";
 import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
 import {firstAtLeastBlobFromReadableStream} from "@/utils/firstAtLeastBlobFromReadableStream";
diff --git a/src/components/DataUploader.vue b/src/components/DataUploader.vue
index c55b80129..ba733dad0 100644
--- a/src/components/DataUploader.vue
+++ b/src/components/DataUploader.vue
@@ -134,7 +134,7 @@ import {zipFilesAsReadableStream} from "@/utils/zipFilesAsReadableStream";
 import {supportsFetchUploadStreaming} from "@/utils/supportsFetchUploadStreaming";
 import {makePromise} from "@/utils/makePromise";
 import {forceDisableStreamingUpload} from "@/states/forceDisableStreamingUpload";
-import {useErrorMessage} from "@/useErrorMessage";
+import {useErrorMessage} from "@/composables/useErrorMessage";
 import {strings} from "@/strings/strings";
 import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
 import * as fileType from 'file-type/browser';
diff --git a/src/components/DataViewer.vue b/src/components/DataViewer.vue
index 5d0b02def..e7a887095 100644
--- a/src/components/DataViewer.vue
+++ b/src/components/DataViewer.vue
@@ -186,13 +186,13 @@ import * as openPgpUtils from '@/utils/openpgp-utils';
 import * as pipingUiUtils from "@/piping-ui-utils";
 import {type VerificationStep} from "@/datatypes";
 import VerificationCode from "@/components/VerificationCode.vue";
-import {BlobUrlManager} from "@/blob-url-manager";
+import {BlobUrlManager} from "@/utils/BlobUrlManager";
 import * as pipingUiAuth from "@/piping-ui-auth";
 import {uint8ArrayIsText} from "@/utils/uint8ArrayIsText";
 import {readableBytesString} from "@/utils/readableBytesString";
 import {readBlobAsText} from "@/utils/readBlobAsText";
 import {makePromise} from "@/utils/makePromise";
-import {useErrorMessage} from "@/useErrorMessage";
+import {useErrorMessage} from "@/composables/useErrorMessage";
 import {getReadableStreamWithProgress} from "@/utils/getReadableStreamWithProgress";
 import {strings} from "@/strings/strings";
 import {ecdsaP384SigningKeyPairPromise} from "@/states/ecdsaP384SigningKeyPairPromise";
diff --git a/src/components/MenuContent.vue b/src/components/MenuContent.vue
index 6c05dea06..a591f7dee 100644
--- a/src/components/MenuContent.vue
+++ b/src/components/MenuContent.vue
@@ -69,7 +69,7 @@
 <script lang="ts">
 import {defineComponent} from "vue";
 import {strings} from "@/strings/strings";
-import {language} from "@/language";
+import {language} from "@/states/language";
 import DarkThemeSwitch from "@/components/DarkThemeSwitch.vue";
 import {recordsServerUrlHistory} from "@/states/recordsServerUrlHistory";
 import {recordsSecretPathHistory} from "@/states/recordsSecretPathHistory";
diff --git a/src/useErrorMessage.ts b/src/composables/useErrorMessage.ts
similarity index 95%
rename from src/useErrorMessage.ts
rename to src/composables/useErrorMessage.ts
index 42ed17c24..718b92d82 100644
--- a/src/useErrorMessage.ts
+++ b/src/composables/useErrorMessage.ts
@@ -1,5 +1,5 @@
 import {Ref, ref, watch} from "vue";
-import {language} from "@/language";
+import {language} from "@/states/language";
 
 type ReadonlyRef<T> = Ref<T> & { readonly value: T}
 
diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index de13158a3..78983e6a2 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -1,6 +1,6 @@
 import Vue from 'vue';
 import Vuetify from 'vuetify/lib';
-import {enableDarkTheme} from "@/enable-dark-theme";
+import {enableDarkTheme} from "@/states/enableDarkTheme";
 
 Vue.use(Vuetify);
 
diff --git a/src/enable-dark-theme.ts b/src/states/enableDarkTheme.ts
similarity index 100%
rename from src/enable-dark-theme.ts
rename to src/states/enableDarkTheme.ts
diff --git a/src/language.ts b/src/states/language.ts
similarity index 94%
rename from src/language.ts
rename to src/states/language.ts
index 9f32a5213..ccabb8303 100644
--- a/src/language.ts
+++ b/src/states/language.ts
@@ -1,5 +1,5 @@
 import {ref, watch} from "vue";
-import {keys} from "./local-storage-keys";
+import {keys} from "../local-storage-keys";
 import constants from "@/constants";
 
 export const language = (() => {
diff --git a/src/strings/strings.ts b/src/strings/strings.ts
index e4de6e868..aedcdda2e 100644
--- a/src/strings/strings.ts
+++ b/src/strings/strings.ts
@@ -1,6 +1,6 @@
 import {ref, watch, type Ref} from "vue";
 
-import {language} from "@/language"
+import {language} from "@/states/language"
 import {type Strings} from "@/strings/en";
 const enAsync = () => import("./en").then(p => p.en);
 const jaAsync = () => import("./ja").then(p => p.ja);
diff --git a/src/blob-url-manager.ts b/src/utils/BlobUrlManager.ts
similarity index 100%
rename from src/blob-url-manager.ts
rename to src/utils/BlobUrlManager.ts

From 3fef88ca5fa93f2ff31ebf86d8e44824e92485a9 Mon Sep 17 00:00:00 2001
From: Ryo Ota <nwtgck@nwtgck.org>
Date: Tue, 3 Jan 2023 16:31:31 +0900
Subject: [PATCH 26/26] bump: 0.14.0

---
 CHANGELOG.md      | 10 +++++++++-
 package-lock.json |  4 ++--
 package.json      |  2 +-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e09dfc8ca..443c0c7ab 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,13 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 
 ## [Unreleased]
 
+## [0.14.0] - 2022-01-03
+### Changed
+- Improve retry-download
+- Make UI height shorter to be the send button visible without scrolling for mobile users
+- Update dependencies
+- Remove <https://ppng.herokuapp.com> from public server URLs
+
 ## [0.13.0] - 2022-12-31
 ### Changed
 - Passwordless protection by default
@@ -443,7 +450,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 ### Added
 - First release
 
-[Unreleased]: https://github.com/nwtgck/piping-ui-web/compare/v0.13.0...HEAD
+[Unreleased]: https://github.com/nwtgck/piping-ui-web/compare/v0.14.0...HEAD
+[0.14.0]: https://github.com/nwtgck/piping-ui-web/compare/v0.13.0...v0.14.0
 [0.13.0]: https://github.com/nwtgck/piping-ui-web/compare/v0.12.1...v0.13.0
 [0.12.1]: https://github.com/nwtgck/piping-ui-web/compare/v0.12.0...v0.12.1
 [0.12.0]: https://github.com/nwtgck/piping-ui-web/compare/v0.11.0...v0.12.0
diff --git a/package-lock.json b/package-lock.json
index d9ce97c2a..e25896f30 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "piping-ui",
-  "version": "0.13.1-SNAPSHOT",
+  "version": "0.14.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "piping-ui",
-      "version": "0.13.1-SNAPSHOT",
+      "version": "0.14.0",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index d206d1c99..d5502b848 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "piping-ui",
-  "version": "0.13.1-SNAPSHOT",
+  "version": "0.14.0",
   "private": true,
   "author": "Ryo Ota <nwtgck@nwtgck.org> (https://github.com/nwtgck)",
   "scripts": {