feat: only define progress element if enabled

Author: issacgerges

client-src/index.js

@@ -11,8 +11,6 @@ import reloadApp from "./utils/reloadApp.js";
 import createSocketURL from "./utils/createSocketURL.js";
 import { isProgressSupported, defineProgressElement } from "./progress.js";
 
-defineProgressElement();
-
 /**
  * @typedef {Object} OverlayOptions
  * @property {boolean | (error: Error) => boolean} [warnings]
@@ -243,6 +241,7 @@ const onSocketMessage = {
       if (typeof options.progress === "string") {
         let progress = document.querySelector("wds-progress");
         if (!progress) {
+          defineProgressElement();
           progress = document.createElement("wds-progress");
           document.body.appendChild(progress);
         }

client-src/progress.js

@@ -197,7 +197,7 @@ export function isProgressSupported() {
 }
 
 export function defineProgressElement() {
-  if (!isProgressSupported() || customElements.get("wds-progress")) {
+  if (customElements.get("wds-progress")) {
     return;
   }
 

types/lib/Server.d.ts

@@ -732,7 +732,8 @@ declare class Server<
       ClientProgress: {
         description: string;
         link: string;
-        type: string;
+        type: string[];
+        enum: (string | boolean)[];
         cli: {
           negatedDescription: string;
         };