@supersoniks/concorde 3.1.57 → 3.1.59

package/src/core/components/ui/captcha/captcha.ts

@@ -1,10 +1,18 @@
 import { Subscriber } from "@supersoniks/concorde/mixins";
-import { PublisherManager } from "@supersoniks/concorde/utils";
-import { html, LitElement } from "lit";
+import { HTML, PublisherManager } from "@supersoniks/concorde/utils";
+import { css, html, LitElement, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { ConcordeWindow } from "@supersoniks/concorde/core/_types/types";
 import Publisher from "@supersoniks/concorde/core/utils/PublisherProxy";
-import { log } from "@supersoniks/concorde/core/utils/api";
+import {
+  generateKey,
+  encryptToBase64,
+} from "@supersoniks/concorde/core/utils/aesCrypto";
+
+const PASS_PHRASE = "supersoniks_altcha";
+const IV = "Si2\\]X8M4!n9DCLd";
+
+let scriptAdded = false;
 
 declare const window: ConcordeWindow;
 const tagName = "sonic-captcha";
@@ -16,14 +24,34 @@ const tagName = "sonic-captcha";
  */
 @customElement(tagName)
 export class Captcha extends Subscriber(LitElement) {
+  static styles = [
+    css`
+      :host {
+        --altcha-border-width: var(--sc-border-width, 1px);
+        --altcha-border-radius: var(--sc-rounded);
+        --altcha-color-base: var(--sc-base);
+        --altcha-color-border: var(
+          --sc-input-border-color,
+          var(--sc-base-content, #000)
+        );
+        --altcha-color-text: currentColor;
+        --altcha-color-border-focus: currentColor;
+        --altcha-color-error-text: var(
+          --sc-danger,
+          var(--sc-base-content, #000)
+        );
+        --altcha-color-footer-bg: var(--sc-base-100);
+        --altcha-max-width: 260px;
+      }
+    `,
+  ];
   @property() key = "";
   @property() action: string | null = null;
   @property({ type: Number }) zIndex = 9999;
   formPublisher?: {
     needsCaptchaValidation: boolean;
+    captchaKey: string;
     captchaToken: Publisher<string> | string;
-    captchaMethod?: { get: () => string };
-    captchaAction?: { get: () => string };
   };
 
   onCaptchaTokenChanged = (v: string) => {
@@ -33,27 +61,22 @@ export class Captcha extends Subscriber(LitElement) {
     }
   };
   connectedCallback() {
-    //verifier que le script n'est pas déjà chargé
-    if (!document.getElementById("captcha-" + this.key)) {
+    if (!scriptAdded) {
       const script = document.createElement("script");
-      script.src = "https://www.google.com/recaptcha/api.js?render=" + this.key;
-      script.id = "captcha-" + this.key;
+      script.type = "module";
+      this.setAttribute("async", "");
+      this.setAttribute("defer", "");
+      script.src = "https://eu.altcha.org/js/latest/altcha.min.js";
+      scriptAdded = true;
       document.head.appendChild(script);
     }
+    this.generateEncryptedKey();
     super.connectedCallback();
     this.formPublisher = PublisherManager.get(
       this.getAncestorAttributeValue("headersDataProvider") ??
         this.getAncestorAttributeValue("formDataProvider")
     );
 
-    // add css to document to force z-index
-    if (!document.getElementById("concorde-recaptcha-css")) {
-      const style = document.createElement("style");
-      style.innerHTML = ".grecaptcha-badge {z-index: 9999;}";
-      style.id = "concorde-recaptcha-css";
-      document.head.appendChild(style);
-    }
-
     if (
       this.formPublisher &&
       !(this.formPublisher.captchaToken as Publisher<string>).get()
@@ -77,35 +100,64 @@ export class Captcha extends Subscriber(LitElement) {
   requestToken() {
     if (!this.formPublisher) return;
 
-    // On récupère l'action liée au recaptcha,
-    // et on vérifie qu'il ne contienne que des caractères alpha-numériques, underscore et slash
-    const action = (
-      this.action ??
-      this.formPublisher.captchaAction?.get() ??
-      "submit"
-    ).replace(/[^\w_/]/g, "_");
-    const method = (
-      this.formPublisher.captchaMethod?.get() ?? "POST"
-    ).toUpperCase();
-    delete this.formPublisher.captchaAction;
-    delete this.formPublisher.captchaMethod;
-    if (!window.grecaptcha) {
-      log("grecaptcha not loaded");
-      return;
-    }
-    window.grecaptcha.ready(() => {
-      if (!window.grecaptcha) return;
-      window.grecaptcha
-        .execute(this.key, { action: method + "//" + action })
-        .then((token: string) => {
-          if (this.formPublisher) {
-            this.formPublisher.captchaToken = token;
-          }
-        });
-    });
+    const form = this.shadowRoot.querySelector("form");
+    if (!form) return;
+    const formData = new FormData(form);
+    this.formPublisher.captchaKey = this.key;
+    this.formPublisher.captchaToken = formData.get("altcha")?.toString() || "";
   }
 
+  async generateEncryptedKey() {
+    if (this.key) return;
+    const key = await generateKey();
+    const iv = new TextEncoder().encode(IV);
+    const encryptedBase64 = await encryptToBase64(PASS_PHRASE, key, iv);
+    this.key = encryptedBase64;
+  }
+
+  maxNumber = 50000;
+  chalengeUrl = "https://altcha.supersoniks.org/get-challenge";
   protected render() {
-    return html` <slot></slot> `;
+    if (!this.key) {
+      return nothing;
+    }
+
+    const isFR = HTML.getLanguage().match("^fr\\b");
+    const labels = isFR
+      ? {
+          aria: "Visitez altcha.org",
+          error: "La vérification a échoué, réessayez plus tard.",
+          expired: "La vérification a expiré, réessayez.",
+          footer: "Protégé par Altcha",
+          label: "Je ne suis pas un robot.",
+          verified: "Vérifié",
+          verifying: "Vérification en cours...",
+          wait: "Vérification en cours… Veuillez patienter.",
+        }
+      : {
+          aria: "Visit altcha.org",
+          error: "Verification failed, try again later.",
+          expired: "Verification expired, try again.",
+          footer: "Protected by Altcha",
+          label: "I'm not a robot.",
+          verified: "Verified",
+          verifying: "Verifying...",
+          wait: "Verifying... Please wait.",
+        };
+
+    return html`
+      <form>
+        <altcha-widget
+          challengeurl="${this.chalengeUrl}?key=${this.key}&maxNumber=${this
+            .maxNumber}"
+          maxnumber=${this.maxNumber}
+          hidelogo
+          hidefooter
+          auto="onfocus"
+          strings=${JSON.stringify(labels)}
+        ></altcha-widget>
+      </form>
+      <slot></slot>
+    `;
   }
 }

package/src/core/mixins/Fetcher.ts

@@ -39,20 +39,19 @@ const dispatchFetchError = (apiResponse: Response) => {
   }
 };
 
-const fetchComponents = new Set<{_fetchData:()=>void}>();
+const fetchComponents = new Set<{ _fetchData: () => void }>();
 let languageChangeRequestId = 0;
-detecHTMLLanguageChange(async ()=>{
+detecHTMLLanguageChange(async () => {
   //relaunch 4 fetchs then wait the result before launching the next 4 fetchs
   languageChangeRequestId++;
   const currentRequestId = languageChangeRequestId;
   const fetchers = Array.from(fetchComponents);
-  while(fetchers.length>0){
-    if(currentRequestId!=languageChangeRequestId) return;
-    const fourFetchers = fetchers.splice(0,4);
-    await Promise.all(fourFetchers.map((fetcher)=>fetcher._fetchData()));
+  while (fetchers.length > 0) {
+    if (currentRequestId != languageChangeRequestId) return;
+    const fourFetchers = fetchers.splice(0, 4);
+    await Promise.all(fourFetchers.map((fetcher) => fetcher._fetchData()));
   }
-} 
-);
+});
 
 const Fetcher = <
   T extends Constructor<SubscriberInterface<PropsType>>,
@@ -63,7 +62,6 @@ const Fetcher = <
 ) => {
   propsType;
   class FetcherElement extends superClass {
-
     api: API | null = null;
     /**
      * Après le chargement des données on traverse l'objet reçu en fonctione de la cible exprimées dans cette propriété avec la dot syntaxe.
@@ -259,21 +257,26 @@ const Fetcher = <
     /**
      * Première update, le comportement de lazyload est géré ici a l'aide d'un intersection observer.
      */
-    lazyLoadSpan?: HTMLSpanElement;
+    lazyLoadPlaceHolder?: HTMLSpanElement;
     handleLazyLoad() {
       if (!this.lazyLoad) {
         return;
       }
-      const rect = this.getBoundingClientRect();
-      if (
-        rect.x < window.innerWidth &&
-        rect.right > 0 &&
-        rect.y < window.innerHeight &&
-        rect.right > 0
-      ) {
-        this._fetchData();
-        return;
-      }
+      /**
+       * Should not be required
+       * Todo :  remove after success
+       * creates forced reflow
+       */
+      // const rect = this.getBoundingClientRect();
+      // if (
+      //   rect.x < window.innerWidth &&
+      //   rect.right > 0 &&
+      //   rect.y < window.innerHeight &&
+      //   rect.right > 0
+      // ) {
+      //   this._fetchData();
+      //   return;
+      // }
 
       const boundsRatio = parseFloat(
         this.getAttribute("lazyBoundsRatio") || "1"
@@ -302,14 +305,17 @@ const Fetcher = <
           (e) => e.nodeName.toLowerCase() != "style"
         )[0] as HTMLElement;
       if (!elt || elt.nodeName.toLocaleLowerCase() == "template") {
-        elt = document.createElement("span");
+        elt = document.createElement("div");
         const style = elt.style;
         /**
          * !!! Pas de position absolute ici si on veut que le composant soit au bon endroit dans la page pour l'intersection observer
          * En effest sinon il vpeut remonter en congugaison avec le style display="contents"
          */
         style.pointerEvents = "none";
-        this.lazyLoadSpan = elt;
+        style.width = "1px";
+        style.height = "1px";
+        this.lazyLoadPlaceHolder = elt;
+
         this.appendChild(elt);
       }
       if (elt) {
@@ -322,8 +328,8 @@ const Fetcher = <
       for (const e of entries) {
         if (e.isIntersecting && this.isFirstLoad) {
           this._fetchData();
-          this.lazyLoadSpan?.remove();
-          this.lazyLoadSpan = undefined;
+          this.lazyLoadPlaceHolder?.remove();
+          this.lazyLoadPlaceHolder = undefined;
           this.iObserver?.disconnect();
           break;
         }

package/src/core/utils/aesCrypto.ts

@@ -0,0 +1,129 @@
+// Algorithme et configuration constants
+const algorithm = "AES-CBC";
+const keyLength = 256;
+
+/**
+ * Génère une clé AES-256
+ */
+export async function generateKey(): Promise<CryptoKey> {
+  return crypto.subtle.generateKey(
+    {
+      name: algorithm,
+      length: keyLength,
+    },
+    true, // extractable
+    ["encrypt", "decrypt"]
+  );
+}
+
+/**
+ * Exporte une clé AES en format JSON Web Key (JWK)
+ */
+export async function exportKey(key: CryptoKey): Promise<JsonWebKey> {
+  return crypto.subtle.exportKey("jwk", key);
+}
+
+/**
+ * Importe une clé AES à partir d'un format JSON Web Key (JWK)
+ */
+export async function importKey(jwk: JsonWebKey): Promise<CryptoKey> {
+  return crypto.subtle.importKey(
+    "jwk",
+    jwk,
+    { name: algorithm },
+    true, // extractable
+    ["encrypt", "decrypt"]
+  );
+}
+
+/**
+ * Encode les données en Base64
+ */
+function toBase64(buffer: ArrayBuffer): string {
+  return btoa(String.fromCharCode(...new Uint8Array(buffer)));
+}
+
+/**
+ * Décode les données en Base64
+ */
+function fromBase64(base64: string): ArrayBuffer {
+  const binaryString = atob(base64);
+  const bytes = new Uint8Array(binaryString.length);
+  for (let i = 0; i < binaryString.length; i++) {
+    bytes[i] = binaryString.charCodeAt(i);
+  }
+  return bytes.buffer;
+}
+
+/**
+ * Chiffre une donnée
+ * @param data - Les données à chiffrer
+ * @param key - La clé AES
+ * @param iv - Le vecteur d'initialisation
+ * @returns Une chaîne encodée en Base64
+ */
+export async function encryptToBase64(
+  data: string,
+  key: CryptoKey,
+  iv: Uint8Array
+): Promise<string> {
+  const encodedData = new TextEncoder().encode(data);
+  const encrypted = await crypto.subtle.encrypt(
+    {
+      name: algorithm,
+      iv: iv,
+    },
+    key,
+    encodedData
+  );
+  return toBase64(encrypted);
+}
+
+/**
+ * Déchiffre une donnée
+ * @param base64Data - Les données chiffrées en Base64
+ * @param key - La clé AES
+ * @param iv - Le vecteur d'initialisation
+ * @returns Une chaîne déchiffrée
+ */
+export async function decryptFromBase64(
+  base64Data: string,
+  key: CryptoKey,
+  iv: Uint8Array
+): Promise<string> {
+  const encryptedData = fromBase64(base64Data);
+  const decrypted = await crypto.subtle.decrypt(
+    {
+      name: algorithm,
+      iv: iv,
+    },
+    key,
+    encryptedData
+  );
+  return new TextDecoder().decode(decrypted);
+}
+
+/**
+ * USAGE
+
+import { generateKey, encryptToBase64, decryptFromBase64, exportKey, importKey } from './aesCrypto';
+
+(async () => {
+    const key = await generateKey();
+    const iv = crypto.getRandomValues(new Uint8Array(16)); // Génère un IV aléatoire
+
+    const data = "Ceci est un secret!";
+
+    // Chiffrement
+    const encryptedBase64 = await encryptToBase64(data, key, iv);
+
+    // Déchiffrement
+    const decrypted = await decryptFromBase64(encryptedBase64, key, iv);
+
+    // Exporter et importer la clé
+    const exportedKey = await exportKey(key);
+
+    const importedKey = await importKey(exportedKey);
+})();
+
+ */

package/src/tsconfig.json

@@ -766,6 +766,9 @@
       "./utils/Utils": [
         "/sites/concorde/src/core/utils/Utils.ts"
       ],
+      "./utils/aesCrypto": [
+        "/sites/concorde/src/core/utils/aesCrypto.ts"
+      ],
       "./utils/api": [
         "/sites/concorde/src/core/utils/api.ts"
       ],

package/src/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./components.ts","./concorde-loaded.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/switch/switch.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.stories.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/api.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"version":"5.6.3"}
+{"root":["./components.ts","./concorde-loaded.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/switch/switch.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.stories.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/aesCrypto.ts","./core/utils/api.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"version":"5.6.3"}

package/vite.config.mts

@@ -1,4 +1,5 @@
 import postcssLit from "rollup-plugin-postcss-lit";
+import basicSsl from "@vitejs/plugin-basic-ssl";
 
 // import minifyHTML from "rollup-plugin-minify-html-literals";
 import { defineConfig } from "vite";
@@ -81,6 +82,7 @@ export default defineConfig({
   },
   build: build,
   plugins: [
+    basicSsl(),
     CustomHmr(),
     postcssLit({
       include: ["src/**/*.css", "src/**/*.css?*"],