lido-standalone 0.0.0-beta-19-dev → 0.0.0-beta-20-dev

package/dist/collection/components/lido-standalone/lido-standalone.js

@@ -21,7 +21,9 @@ export class LidoStandalone {
         this.initialIndex = 0;
         this.canplay = false;
         this.height = '75vh';
+        this.language = undefined;
         this.xmlData = undefined;
+        this.zipUrl = undefined;
         this.codeFolderPath = undefined;
         this.commonAudioPath = undefined;
         this.scriptsInjected = false;
@@ -36,6 +38,10 @@ export class LidoStandalone {
     onXmlPathChange() {
         this.fetchXmlData();
     }
+    // Re-apply inline XML whenever the host prop changes.
+    onXmlDataChange() {
+        this.fetchXmlData();
+    }
     componentWillLoad() {
         // 1) Attempt to inject the Lido scripts from baseUrl
         this.injectLidoScripts();
@@ -57,7 +63,11 @@ export class LidoStandalone {
         const cleanBase = this.baseUrl.replace(/\/+$/, '');
         const scriptCheckUrl = `${cleanBase}/code/lido-player.esm.js`;
         const fileExists = this.doesFileExistSync(scriptCheckUrl);
+        // --------------- CASE: NO codeFolderPath PROVIDED ---------------
+        // Try loading version from default /code_versions folder
+        // --------------- SINGLE CASE: codeFolderPath PROVIDED ---------------
         if (fileExists) {
+            console.log("Using code from zip....");
             // If it exists, inject them
             const scriptEsm = document.createElement('script');
             scriptEsm.type = 'module';
@@ -70,79 +80,117 @@ export class LidoStandalone {
             document.head.appendChild(scriptNoModule);
             this.scriptsInjected = true;
             console.debug('Lido scripts injected from:', this.baseUrl);
+            return;
         }
-        else if (this.codeFolderPath) {
+        if (this.codeFolderPath) {
             const cleanBase = this.baseUrl.replace(/\/+$/, "");
-            const cfgUrl = `${cleanBase}/config.json`;
             try {
-                const res = await fetch(cfgUrl);
-                if (!res.ok) {
-                    console.warn("config.json not found. Skipping versioning and continuing...");
-                    throw new Error("config.json fetch failed");
-                }
-                else {
-                    const cfg = await res.json();
-                    const version = cfg.codeVersion;
-                    if (!version) {
-                        console.warn("config.json missing codeVersion. Skipping versioning. Falling back to npm package lido-player...");
-                        throw new Error("codeVersion missing in config.json");
-                    }
-                    else {
-                        // --- Version exists: try to load versioned folder ---
-                        const codePath = this.codeFolderPath.replace(/\/+$/, "");
-                        const versionFolder = `${codePath}/${version}`;
-                        const esmUrl = `${versionFolder}/lido-player.esm.js`;
-                        const noModuleUrl = `${versionFolder}/lido-player.js`;
-                        // Check if versioned ESM exists
-                        const headCheck = await fetch(esmUrl, { method: "HEAD" });
-                        if (!headCheck.ok) {
-                            console.warn(`Version folder found but lido-player.esm.js missing: ${esmUrl}`);
+                const lessonCfgUrl = `${cleanBase}/config.json`;
+                try {
+                    // 1️⃣ Load lesson config.json safely
+                    let lessonCfg = {};
+                    let lessonVersion = null;
+                    try {
+                        const lessonResp = await fetch(lessonCfgUrl);
+                        if (!lessonResp.ok)
+                            throw new Error("Lesson config.json missing");
+                        // Check for empty file (0 bytes)
+                        const text = await lessonResp.text();
+                        if (text.trim().length > 0) {
+                            lessonCfg = JSON.parse(text);
                         }
                         else {
-                            // --- Load versioned scripts (SUCCESS CASE) ---
-                            const scriptEsm = document.createElement("script");
-                            scriptEsm.type = "module";
-                            scriptEsm.src = esmUrl;
-                            document.head.appendChild(scriptEsm);
-                            const scriptNoModule = document.createElement("script");
-                            scriptNoModule.setAttribute("nomodule", "");
-                            scriptNoModule.src = noModuleUrl;
-                            document.head.appendChild(scriptNoModule);
-                            this.scriptsInjected = true;
-                            console.debug("Loaded version from config.json:", versionFolder);
-                            return; // return when version successfully loaded
+                            console.warn("Lesson config.json is EMPTY → falling back to latest version");
                         }
+                        lessonVersion = lessonCfg.code_version;
+                        console.log(`%c USING THE VERSION FOLDER--> ${lessonVersion} `, "color: #3bffe8ff; background:#d32f2f; font-size: 15px; font-weight: bold; padding: 6px 10px; border-radius: 4px;");
+                    }
+                    catch (parseErr) {
+                        console.warn("Lesson config.json invalid or unreadable → fallback to latest version");
+                        lessonVersion = null;
+                    }
+                    // Normalize invalid versions
+                    if (!lessonVersion || typeof lessonVersion !== "string" || lessonVersion.trim() === "") {
+                        console.warn("Lesson has NO valid codeVersion → using latest version in code-folder-path");
+                        lessonVersion = null;
                     }
+                    // 2️⃣ Load version list from code-folder-path/config.json
+                    const codeCfgUrl = `${this.codeFolderPath.replace(/\/+$/, '')}/config.json`;
+                    const codeResp = await fetch(codeCfgUrl);
+                    if (!codeResp.ok)
+                        throw new Error("Code-folder config.json missing");
+                    const codeCfg = await codeResp.json();
+                    const availableVersions = codeCfg.versions || [];
+                    if (!availableVersions.length) {
+                        throw new Error("No versions listed in code-folder config.json");
+                    }
+                    // 3️⃣ Compute selected version
+                    let selectedVersion = null;
+                    if (lessonVersion) {
+                        selectedVersion = availableVersions.find(v => v.includes(lessonVersion));
+                    }
+                    // Fallback: use latest version
+                    if (!selectedVersion) {
+                        selectedVersion = availableVersions[availableVersions.length - 1];
+                        console.log(`%c USING THE LATEST VERSION FOLDER-> ${selectedVersion} `, "color: #3bffe8ff; background:#d32f2f; font-size: 15px; font-weight: bold; padding: 6px 10px; border-radius: 4px;");
+                    }
+                    // 4️⃣ Inject scripts
+                    const versionDir = `${this.codeFolderPath}/${selectedVersion}`;
+                    const esmUrl = `${versionDir}/lido-player.esm.js`;
+                    const noModuleUrl = `${versionDir}/lido-player.js`;
+                    // Check if version folder exists
+                    const headCheck = await fetch(esmUrl, { method: "HEAD" });
+                    if (!headCheck.ok)
+                        throw new Error(`Versioned script missing: ${esmUrl}`);
+                    // Inject main module file
+                    const scriptEsm = document.createElement("script");
+                    scriptEsm.type = "module";
+                    scriptEsm.src = esmUrl;
+                    document.head.appendChild(scriptEsm);
+                    // Inject fallback nomodule script
+                    const scriptNoModule = document.createElement("script");
+                    scriptNoModule.setAttribute("nomodule", "");
+                    scriptNoModule.src = noModuleUrl;
+                    document.head.appendChild(scriptNoModule);
+                    this.scriptsInjected = true;
+                    console.debug("Loaded Lido version from:", versionDir);
+                }
+                catch (err) {
+                    console.warn("Failed to load versioned scripts, falling back to npm:", err);
+                    this.fallbackNpmImport();
                 }
             }
-            catch (e) {
-                console.error("Failed to read config.json. Skipping versioning...", e);
+            catch (err) {
+                console.warn("Failed loading scripts → fallback to npm:", err);
                 this.fallbackNpmImport();
             }
-            // If we reach this point, version loading FAILED → continue to final else
-        }
-        else {
-            // Otherwise, fallback to the npm package
-            console.warn(`Could not find remote scripts at "${scriptCheckUrl}". Falling back to npm package "lido-player"...`);
-            this.fallbackNpmImport();
+            return;
         }
+        this.fallbackNpmImport();
     }
     /**
-     * Synchronously checks if a file exists via HTTP HEAD request.
-     * Returns true if status is 2xx, false otherwise.
-     */
+    * Checks if a file truly exists (not a dev-server fallback).
+    * Ensures:
+    *  - HTTP HEAD returns 2xx
+    *  - responseURL matches the requested URL
+    */
     doesFileExistSync(url) {
-        let exists = false;
         try {
             const xhr = new XMLHttpRequest();
-            xhr.open('HEAD', url, false); // false = synchronous
-            xhr.send(null);
-            exists = xhr.status >= 200 && xhr.status < 300;
+            xhr.open("HEAD", url, false); // synchronous
+            xhr.send();
+            const statusOk = xhr.status >= 200 && xhr.status < 300;
+            if (!statusOk)
+                return false;
+            // Detect fallback HTML responses (common when folder/file is missing)
+            const contentType = xhr.getResponseHeader("Content-Type") || "";
+            const isHtmlFallback = contentType.includes("text/html");
+            return !isHtmlFallback;
         }
         catch (err) {
-            console.warn('Synchronous HEAD request failed for:', url, err);
+            console.warn("File existence check failed for:", url, err);
+            return false;
         }
-        return exists;
     }
     /**
      * Fallback approach: dynamically import the "lido-player/loader" module,
@@ -169,15 +217,13 @@ export class LidoStandalone {
             return;
         }
         // If xmlPath is not explicitly provided, default to `index.xml` in baseUrl
-        if (!this.xmlPath) {
-            if (this.baseUrl) {
-                const cleanBase = this.baseUrl.replace(/\/+$/, '');
-                this.xmlPath = `${cleanBase}/index.xml`;
-                this.xmlBaseUrl = this.baseUrl;
-            }
-            else {
-                return;
-            }
+        if (this.baseUrl) {
+            const cleanBase = this.baseUrl.replace(/\/+$/, '');
+            this.xmlPath = `${cleanBase}/index.xml`;
+            this.xmlBaseUrl = this.baseUrl;
+        }
+        else {
+            return;
         }
         try {
             const xhr = new XMLHttpRequest();
@@ -205,7 +251,8 @@ export class LidoStandalone {
          *
          * This ensures the custom elements are defined before usage.
          */
-        return h("lido-home", { key: '4e0aae8e3dae8ebc2b78fbbe97b9cbd3e08b6ff1', "common-audio-path": this.commonAudioPath, "initial-index": this.initialIndex, canplay: this.canplay, height: this.height, "xml-data": this.localXmlData, "base-url": this.xmlBaseUrl, "code-folder-path": this.codeFolderPath });
+        const lang = this.language || 'en';
+        return h("lido-home", { key: '52fd8d3879919dbba73d4c687f2d540f0e4e601f', "common-audio-path": this.commonAudioPath, "initial-index": this.initialIndex, canplay: this.canplay, height: this.height, lang: lang, "xml-data": this.localXmlData, "base-url": this.xmlBaseUrl, "code-folder-path": this.codeFolderPath, "zip-url": this.zipUrl });
     }
     static get is() { return "lido-standalone"; }
     static get originalStyleUrls() {
@@ -309,6 +356,23 @@ export class LidoStandalone {
                 "reflect": false,
                 "defaultValue": "'75vh'"
             },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The language prop to pass to <lido-home>."
+                },
+                "attribute": "language",
+                "reflect": false
+            },
             "xmlData": {
                 "type": "string",
                 "mutable": false,
@@ -326,6 +390,23 @@ export class LidoStandalone {
                 "attribute": "xml-data",
                 "reflect": false
             },
+            "zipUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "To pass zip file directly to <lido-home> as its attribute."
+                },
+                "attribute": "zip-url",
+                "reflect": false
+            },
             "codeFolderPath": {
                 "type": "string",
                 "mutable": false,
@@ -369,6 +450,7 @@ export class LidoStandalone {
             "xmlBaseUrl": {}
         };
     }
+    static get elementRef() { return "hostElement"; }
     static get watchers() {
         return [{
                 "propName": "baseUrl",
@@ -376,6 +458,9 @@ export class LidoStandalone {
             }, {
                 "propName": "xmlPath",
                 "methodName": "onXmlPathChange"
+            }, {
+                "propName": "xmlData",
+                "methodName": "onXmlDataChange"
             }];
     }
 }

package/dist/collection/components/lido-standalone/lido-standalone.js.map

@@ -1 +1 @@
-{"version":3,"file":"lido-standalone.js","sourceRoot":"","sources":["../../../src/components/lido-standalone/lido-standalone.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Watch, h } from '@stencil/core';\n\n/**\n * <lido-standalone> usage example:\n *\n *   <lido-standalone\n *     base-url=\"https://example.com/path/to/folder/lido-game\"\n *     xml-path=\"https://example.com/path/to/folder/lido-game/assets/xmlData.xml\"\n *     initial-index=\"2\"\n *     canplay=\"true\"\n *     height=\"75vh\"\n *   ></lido-standalone>\n *\n * This attempts to load the external Lido scripts at runtime (from `baseUrl`).\n * If they aren't found, it falls back to loading the Lido npm package\n * and calls defineCustomElements(...) to register <lido-home>.\n */\n@Component({\n  tag: 'lido-standalone',\n  styleUrl: 'lido-standalone.css',\n  shadow: false,\n})\nexport class LidoStandalone {\n  /**\n   * The public URL where the unzipped Lido code is hosted, e.g.\n   * \"https://example.com/path/to/lido-game\".\n   *\n   * Inside that folder, we expect:\n   *   - code/lido-player.esm.js\n   *   - code/lido-player.js\n   *   - assets/ (optional)\n   */\n  @Prop() baseUrl: string = '';\n\n  /**\n   * If provided, we'll fetch this XML path once and pass the loaded string\n   * to <lido-home>'s `xml-data` attribute.\n   */\n  @Prop() xmlPath?: string;\n\n  /** The initial index to pass down to <lido-home>. Defaults to 0. */\n  @Prop() initialIndex: number = 0;\n\n  /** Whether the <lido-home> can play. Defaults to false. */\n  @Prop() canplay: boolean = false;\n\n  /** The height prop to pass to <lido-home>. Defaults to \"75vh\". */\n  @Prop() height: string = '75vh';\n\n  /**\n   * Optional prop for directly providing XML data instead of fetching.\n   */\n  @Prop() xmlData?: string;\n\n  /**\n    * If provided(in index.html) → tries versioned script loading from config.json.\n    * If no version is found → automatically falls back to default player loading.\n    * If not provided → version management is skipped entirely and falls back to default player loading.\n   */\n  @Prop() codeFolderPath?: string;\n\n  @Prop() commonAudioPath?: string;\n\n  /** Whether scripts are already injected (remote or fallback). */\n  @State() scriptsInjected: boolean = false;\n\n  /** Stores the fetched or provided XML data. */\n  @State() localXmlData?: string;\n\n  /** This might be used by <lido-home> if referencing assets. */\n  @State() xmlBaseUrl?: string;\n\n  // Re-inject scripts if the baseUrl changes\n  @Watch('baseUrl')\n  onBaseUrlChange() {\n    this.injectLidoScripts();\n  }\n\n  // Re-fetch XML if the xmlPath changes\n  @Watch('xmlPath')\n  onXmlPathChange() {\n    this.fetchXmlData();\n  }\n\n  componentWillLoad() {\n    // 1) Attempt to inject the Lido scripts from baseUrl\n    this.injectLidoScripts();\n    // 2) Fetch the XML (or use the xmlData if provided)\n    this.fetchXmlData();\n  }\n\n  private async injectLidoScripts() {\n    console.log('injectLidoScripts() called. baseUrl=', this.baseUrl);\n\n    // If no baseUrl is provided OR we already injected scripts, just go to fallback\n    if (!this.baseUrl) {\n      console.warn('lido-standalone: No baseUrl provided. Using npm fallback...');\n      this.fallbackNpmImport();\n      return;\n    }\n    if (this.scriptsInjected) {\n      return;\n    }\n\n    // Synchronously check if remote ESM script exists at baseUrl/code/lido-player.esm.js\n    const cleanBase = this.baseUrl.replace(/\\/+$/, '');\n    const scriptCheckUrl = `${cleanBase}/code/lido-player.esm.js`;\n    const fileExists = this.doesFileExistSync(scriptCheckUrl);\n\n    if (fileExists) {\n      // If it exists, inject them\n      const scriptEsm = document.createElement('script');\n      scriptEsm.type = 'module';\n      scriptEsm.src = scriptCheckUrl;\n      document.head.appendChild(scriptEsm);\n\n      // (Optional) NoModule script for older browsers\n      const scriptNoModule = document.createElement('script');\n      scriptNoModule.setAttribute('nomodule', '');\n      scriptNoModule.src = `${cleanBase}/code/lido-player.js`;\n      document.head.appendChild(scriptNoModule);\n\n      this.scriptsInjected = true;\n      console.debug('Lido scripts injected from:', this.baseUrl);\n    }\n\n    else if (this.codeFolderPath) {\n      const cleanBase = this.baseUrl.replace(/\\/+$/, \"\");\n      const cfgUrl = `${cleanBase}/config.json`;\n\n      try {\n          const res = await fetch(cfgUrl);\n\n          if (!res.ok) {\n              console.warn(\"config.json not found. Skipping versioning and continuing...\");\n              throw new Error(\"config.json fetch failed\");\n          } \n          else {\n              const cfg = await res.json();\n              const version = cfg.codeVersion;\n\n              if (!version) {\n                  console.warn(\"config.json missing codeVersion. Skipping versioning. Falling back to npm package lido-player...\");\n                  throw new Error(\"codeVersion missing in config.json\");\n              } else {\n                  // --- Version exists: try to load versioned folder ---\n                  const codePath = this.codeFolderPath.replace(/\\/+$/, \"\");\n                  const versionFolder = `${codePath}/${version}`;\n\n                  const esmUrl = `${versionFolder}/lido-player.esm.js`;\n                  const noModuleUrl = `${versionFolder}/lido-player.js`;\n\n                  // Check if versioned ESM exists\n                  const headCheck = await fetch(esmUrl, { method: \"HEAD\" });\n\n                  if (!headCheck.ok) {\n                      console.warn(`Version folder found but lido-player.esm.js missing: ${esmUrl}`);\n                  } else {\n                      // --- Load versioned scripts (SUCCESS CASE) ---\n                      const scriptEsm = document.createElement(\"script\");\n                      scriptEsm.type = \"module\";\n                      scriptEsm.src = esmUrl;\n                      document.head.appendChild(scriptEsm);\n\n                      const scriptNoModule = document.createElement(\"script\");\n                      scriptNoModule.setAttribute(\"nomodule\", \"\");\n                      scriptNoModule.src = noModuleUrl;\n                      document.head.appendChild(scriptNoModule);\n\n                      this.scriptsInjected = true;\n                      console.debug(\"Loaded version from config.json:\", versionFolder);\n                      return; // return when version successfully loaded\n                  }\n              }\n          }\n        } catch (e) {\n            console.error(\"Failed to read config.json. Skipping versioning...\", e);\n            this.fallbackNpmImport();\n        }\n      // If we reach this point, version loading FAILED → continue to final else\n    }\n\n    else {\n      // Otherwise, fallback to the npm package\n      console.warn(`Could not find remote scripts at \"${scriptCheckUrl}\". Falling back to npm package \"lido-player\"...`);\n      this.fallbackNpmImport();\n    }\n  }\n\n  /**\n   * Synchronously checks if a file exists via HTTP HEAD request.\n   * Returns true if status is 2xx, false otherwise.\n   */\n  private doesFileExistSync(url: string): boolean {\n    let exists = false;\n    try {\n      const xhr = new XMLHttpRequest();\n      xhr.open('HEAD', url, false); // false = synchronous\n      xhr.send(null);\n      exists = xhr.status >= 200 && xhr.status < 300;\n    } catch (err) {\n      console.warn('Synchronous HEAD request failed for:', url, err);\n    }\n    return exists;\n  }\n\n  /**\n   * Fallback approach: dynamically import the \"lido-player/loader\" module,\n   * then call defineCustomElements(window) to register the <lido-home> component.\n   * This is asynchronous by nature.\n   */\n  private fallbackNpmImport() {\n    import('lido-player/loader')\n      .then(({ defineCustomElements }) => {\n        // Register custom elements on 'window'\n        defineCustomElements(window);\n        // Mark scripts as loaded so we can proceed\n        this.scriptsInjected = true;\n        console.debug('Lido scripts loaded via npm fallback (defineCustomElements).');\n      })\n      .catch(err => {\n        console.error('Failed to load from npm package \"lido-player\":', err);\n      });\n  }\n\n  private fetchXmlData() {\n    // If the user provided raw XML data, just store it\n    if (this.xmlData) {\n      this.localXmlData = this.xmlData;\n      return;\n    }\n\n    // If xmlPath is not explicitly provided, default to `index.xml` in baseUrl\n    if (!this.xmlPath) {\n      if (this.baseUrl) {\n        const cleanBase = this.baseUrl.replace(/\\/+$/, '');\n        this.xmlPath = `${cleanBase}/index.xml`;\n        this.xmlBaseUrl = this.baseUrl;\n      } else {\n        return;\n      }\n    }\n\n    try {\n      const xhr = new XMLHttpRequest();\n      xhr.open('GET', this.xmlPath, false); // false = synchronous\n      xhr.send(null);\n\n      if (xhr.status >= 200 && xhr.status < 300) {\n        this.localXmlData = xhr.responseText;\n      } else {\n        console.warn(`Failed to fetch XML from ${this.xmlPath}:`, xhr.status);\n      }\n    } catch (err) {\n      console.warn(`Error fetching XML from ${this.xmlPath}:`, err);\n    }\n  }\n\n  render() {\n    /**\n     * If you want to hide <lido-home> until the fallback is fully loaded,\n     * you could do something like:\n     *\n     * if (!this.scriptsInjected) {\n     *   return <div>Loading Lido...</div>;\n     * }\n     *\n     * This ensures the custom elements are defined before usage.\n     */\n\n    return <lido-home  common-audio-path={this.commonAudioPath} initial-index={this.initialIndex} canplay={this.canplay} height={this.height} xml-data={this.localXmlData} base-url={this.xmlBaseUrl} code-folder-path={this.codeFolderPath}></lido-home>;\n  }\n\n  \n}\n\n\n"]}
+{"version":3,"file":"lido-standalone.js","sourceRoot":"","sources":["../../../src/components/lido-standalone/lido-standalone.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Prop, State, Watch, h } from '@stencil/core';\n\n/**\n * <lido-standalone> usage example:\n *\n *   <lido-standalone\n *     base-url=\"https://example.com/path/to/folder/lido-game\"\n *     xml-path=\"https://example.com/path/to/folder/lido-game/assets/xmlData.xml\"\n *     initial-index=\"2\"\n *     canplay=\"true\"\n *     height=\"75vh\"\n *   ></lido-standalone>\n *\n * This attempts to load the external Lido scripts at runtime (from `baseUrl`).\n * If they aren't found, it falls back to loading the Lido npm package\n * and calls defineCustomElements(...) to register <lido-home>.\n */\n@Component({\n  tag: 'lido-standalone',\n  styleUrl: 'lido-standalone.css',\n  shadow: false,\n})\nexport class LidoStandalone {\n  @Element() hostElement!: HTMLElement;\n\n  /**\n   * The public URL where the unzipped Lido code is hosted, e.g.\n   * \"https://example.com/path/to/lido-game\".\n   *\n   * Inside that folder, we expect:\n   *   - code/lido-player.esm.js\n   *   - code/lido-player.js\n   *   - assets/ (optional)\n   */\n  @Prop() baseUrl: string = '';\n\n  /**\n   * If provided, we'll fetch this XML path once and pass the loaded string\n   * to <lido-home>'s `xml-data` attribute.\n   */\n  @Prop() xmlPath?: string;\n\n  /** The initial index to pass down to <lido-home>. Defaults to 0. */\n  @Prop() initialIndex: number = 0;\n\n  /** Whether the <lido-home> can play. Defaults to false. */\n  @Prop() canplay: boolean = false;\n\n  /** The height prop to pass to <lido-home>. Defaults to \"75vh\". */\n  @Prop() height: string = '75vh';\n\n  /** The language prop to pass to <lido-home>. */\n  @Prop() language?: string;\n\n  /**\n   * Optional prop for directly providing XML data instead of fetching.\n   */\n  @Prop() xmlData?: string;\n\n  /**\n   *  To pass zip file directly to <lido-home> as its attribute.\n   */\n  @Prop() zipUrl?: string;\n\n  /**\n    * If provided(in index.html) → tries versioned script loading from config.json.\n    * If no version is found → automatically falls back to default player loading.\n    * If not provided → version management is skipped entirely and falls back to default player loading.\n   */\n  @Prop() codeFolderPath?: string;\n\n  @Prop() commonAudioPath?: string;\n\n  /** Whether scripts are already injected (remote or fallback). */\n  @State() scriptsInjected: boolean = false;\n\n  /** Stores the fetched or provided XML data. */\n  @State() localXmlData?: string;\n\n  /** This might be used by <lido-home> if referencing assets. */\n  @State() xmlBaseUrl?: string;\n\n  // Re-inject scripts if the baseUrl changes\n  @Watch('baseUrl')\n  onBaseUrlChange() {\n    this.injectLidoScripts();\n  }\n\n  // Re-fetch XML if the xmlPath changes\n  @Watch('xmlPath')\n  onXmlPathChange() {\n    this.fetchXmlData();\n  }\n\n  // Re-apply inline XML whenever the host prop changes.\n  @Watch('xmlData')\n  onXmlDataChange() {\n    this.fetchXmlData();\n  }\n\n  componentWillLoad() {\n    // 1) Attempt to inject the Lido scripts from baseUrl\n    this.injectLidoScripts();\n    // 2) Fetch the XML (or use the xmlData if provided)\n    this.fetchXmlData();\n  }\n\n  private async injectLidoScripts() {\n    console.log('injectLidoScripts() called. baseUrl=', this.baseUrl);\n\n    // If no baseUrl is provided OR we already injected scripts, just go to fallback\n    if (!this.baseUrl) {\n      console.warn('lido-standalone: No baseUrl provided. Using npm fallback...');\n      this.fallbackNpmImport();\n      return;\n    }\n    if (this.scriptsInjected) {\n      return;\n    }\n\n    // Synchronously check if remote ESM script exists at baseUrl/code/lido-player.esm.js\n    const cleanBase = this.baseUrl.replace(/\\/+$/, '');\n    const scriptCheckUrl = `${cleanBase}/code/lido-player.esm.js`;\n    const fileExists = this.doesFileExistSync(scriptCheckUrl);\n\n    // --------------- CASE: NO codeFolderPath PROVIDED ---------------\n    // Try loading version from default /code_versions folder\n    // --------------- SINGLE CASE: codeFolderPath PROVIDED ---------------\n\n    if (fileExists) {\n      console.log(\"Using code from zip....\")\n      // If it exists, inject them\n      const scriptEsm = document.createElement('script');\n      scriptEsm.type = 'module';\n      scriptEsm.src = scriptCheckUrl;\n      document.head.appendChild(scriptEsm);\n      // (Optional) NoModule script for older browsers\n      const scriptNoModule = document.createElement('script');\n      scriptNoModule.setAttribute('nomodule', '');\n      scriptNoModule.src = `${cleanBase}/code/lido-player.js`;\n      document.head.appendChild(scriptNoModule);\n      this.scriptsInjected = true;\n      console.debug('Lido scripts injected from:', this.baseUrl);\n      return;\n    }\n    \n    if (this.codeFolderPath) {\n    const cleanBase = this.baseUrl.replace(/\\/+$/, \"\");\n    try {\n      const lessonCfgUrl = `${cleanBase}/config.json`;\n      try {\n          // 1️⃣ Load lesson config.json safely\n          let lessonCfg: any = {};\n          let lessonVersion: string | null = null;\n\n          try {\n            const lessonResp = await fetch(lessonCfgUrl);\n            if (!lessonResp.ok) throw new Error(\"Lesson config.json missing\");\n\n            // Check for empty file (0 bytes)\n            const text = await lessonResp.text();\n            if (text.trim().length > 0) {\n              lessonCfg = JSON.parse(text);\n            } else {\n              console.warn(\"Lesson config.json is EMPTY → falling back to latest version\");\n            }\n\n            lessonVersion = lessonCfg.code_version;\n            console.log(`%c USING THE VERSION FOLDER--> ${lessonVersion} `,\"color: #3bffe8ff; background:#d32f2f; font-size: 15px; font-weight: bold; padding: 6px 10px; border-radius: 4px;\");\n\n          } catch (parseErr) {\n            console.warn(\"Lesson config.json invalid or unreadable → fallback to latest version\");\n            lessonVersion = null;\n          }\n\n          // Normalize invalid versions\n          if (!lessonVersion || typeof lessonVersion !== \"string\" || lessonVersion.trim() === \"\") {\n            console.warn(\"Lesson has NO valid codeVersion → using latest version in code-folder-path\");\n            lessonVersion = null;\n          }\n\n          // 2️⃣ Load version list from code-folder-path/config.json\n          const codeCfgUrl = `${this.codeFolderPath.replace(/\\/+$/, '')}/config.json`;\n          const codeResp = await fetch(codeCfgUrl);\n          if (!codeResp.ok) throw new Error(\"Code-folder config.json missing\");\n\n          const codeCfg = await codeResp.json();\n          const availableVersions: string[] = codeCfg.versions || [];\n\n          if (!availableVersions.length) {\n            throw new Error(\"No versions listed in code-folder config.json\");\n          }\n\n          // 3️⃣ Compute selected version\n          let selectedVersion: string | undefined = null;\n\n          if (lessonVersion) {\n            selectedVersion = availableVersions.find(v => v.includes(lessonVersion));\n          }\n\n          // Fallback: use latest version\n          if (!selectedVersion) {\n            selectedVersion = availableVersions[availableVersions.length - 1];\n            console.log(`%c USING THE LATEST VERSION FOLDER-> ${selectedVersion} `,\"color: #3bffe8ff; background:#d32f2f; font-size: 15px; font-weight: bold; padding: 6px 10px; border-radius: 4px;\");\n          }\n\n          // 4️⃣ Inject scripts\n          const versionDir = `${this.codeFolderPath}/${selectedVersion}`;\n          const esmUrl = `${versionDir}/lido-player.esm.js`;\n          const noModuleUrl = `${versionDir}/lido-player.js`;\n\n          // Check if version folder exists\n          const headCheck = await fetch(esmUrl, { method: \"HEAD\" });\n          if (!headCheck.ok) throw new Error(`Versioned script missing: ${esmUrl}`);\n\n          // Inject main module file\n          const scriptEsm = document.createElement(\"script\");\n          scriptEsm.type = \"module\";\n          scriptEsm.src = esmUrl;\n          document.head.appendChild(scriptEsm);\n\n          // Inject fallback nomodule script\n          const scriptNoModule = document.createElement(\"script\");\n          scriptNoModule.setAttribute(\"nomodule\", \"\");\n          scriptNoModule.src = noModuleUrl;\n          document.head.appendChild(scriptNoModule);\n\n          this.scriptsInjected = true;\n          console.debug(\"Loaded Lido version from:\", versionDir);\n\n        }catch (err) {\n          console.warn(\"Failed to load versioned scripts, falling back to npm:\", err);\n          this.fallbackNpmImport();\n        } \n    } catch (err) {\n      console.warn(\"Failed loading scripts → fallback to npm:\", err);\n      this.fallbackNpmImport();\n    }\n    return;\n  }\n    this.fallbackNpmImport();\n  }\n\n /**\n * Checks if a file truly exists (not a dev-server fallback).\n * Ensures:\n *  - HTTP HEAD returns 2xx\n *  - responseURL matches the requested URL\n */\nprivate doesFileExistSync(url: string): boolean {\n  try {\n    const xhr = new XMLHttpRequest();\n    xhr.open(\"HEAD\", url, false); // synchronous\n    xhr.send();\n\n    const statusOk = xhr.status >= 200 && xhr.status < 300;\n\n    if (!statusOk) return false;\n\n    // Detect fallback HTML responses (common when folder/file is missing)\n    const contentType = xhr.getResponseHeader(\"Content-Type\") || \"\";\n\n    const isHtmlFallback = contentType.includes(\"text/html\");\n\n    return !isHtmlFallback;\n  } catch (err) {\n    console.warn(\"File existence check failed for:\", url, err);\n    return false;\n  }\n}\n\n\n  /**\n   * Fallback approach: dynamically import the \"lido-player/loader\" module,\n   * then call defineCustomElements(window) to register the <lido-home> component.\n   * This is asynchronous by nature.\n   */\n  private fallbackNpmImport() {\n    import('lido-player/loader')\n      .then(({ defineCustomElements }) => {\n        // Register custom elements on 'window'\n        defineCustomElements(window);\n        // Mark scripts as loaded so we can proceed\n        this.scriptsInjected = true;\n        console.debug('Lido scripts loaded via npm fallback (defineCustomElements).');\n      })\n      .catch(err => {\n        console.error('Failed to load from npm package \"lido-player\":', err);\n      });\n  }\n\n  private fetchXmlData() {\n    // If the user provided raw XML data, just store it\n    if (this.xmlData) {\n      this.localXmlData = this.xmlData;\n      return;\n    }\n\n    // If xmlPath is not explicitly provided, default to `index.xml` in baseUrl\n      if (this.baseUrl) {\n        const cleanBase = this.baseUrl.replace(/\\/+$/, '');\n        this.xmlPath = `${cleanBase}/index.xml`;\n        this.xmlBaseUrl = this.baseUrl;\n      } else {\n        return;\n      }\n\n    try {\n      const xhr = new XMLHttpRequest();\n      xhr.open('GET', this.xmlPath, false); // false = synchronous\n      xhr.send(null);\n\n      if (xhr.status >= 200 && xhr.status < 300) {\n        this.localXmlData = xhr.responseText;\n      } else {\n        console.warn(`Failed to fetch XML from ${this.xmlPath}:`, xhr.status);\n      }\n    } catch (err) {\n      console.warn(`Error fetching XML from ${this.xmlPath}:`, err);\n    }\n  }\n\n  render() {\n    /**\n     * If you want to hide <lido-home> until the fallback is fully loaded,\n     * you could do something like:\n     *\n     * if (!this.scriptsInjected) {\n     *   return <div>Loading Lido...</div>;\n     * }\n     *\n     * This ensures the custom elements are defined before usage.\n     */\n\n    const lang = this.language || 'en';\n    return <lido-home  common-audio-path={this.commonAudioPath} initial-index={this.initialIndex} canplay={this.canplay} height={this.height} lang={lang} xml-data={this.localXmlData} base-url={this.xmlBaseUrl} code-folder-path={this.codeFolderPath} zip-url={this.zipUrl}></lido-home>;\n  }\n\n  \n}\n\n\n"]}