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

package/dist/cjs/lido-standalone.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-52f24ddb.js');
+const index = require('./index-9a2514de.js');
 
 const lidoStandaloneCss = "";
 const LidoStandaloneStyle0 = lidoStandaloneCss;
@@ -15,7 +15,9 @@ const LidoStandalone = class {
         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;
@@ -30,6 +32,10 @@ const LidoStandalone = class {
     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();
@@ -51,7 +57,11 @@ const LidoStandalone = class {
         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';
@@ -64,79 +74,117 @@ const LidoStandalone = class {
             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,
@@ -163,15 +211,13 @@ const LidoStandalone = class {
             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();
@@ -199,11 +245,14 @@ const LidoStandalone = class {
          *
          * This ensures the custom elements are defined before usage.
          */
-        return index.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 index.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 });
     }
+    get hostElement() { return index.getElement(this); }
     static get watchers() { return {
         "baseUrl": ["onBaseUrlChange"],
-        "xmlPath": ["onXmlPathChange"]
+        "xmlPath": ["onXmlPathChange"],
+        "xmlData": ["onXmlDataChange"]
     }; }
 };
 LidoStandalone.style = LidoStandaloneStyle0;

package/dist/cjs/lido-standalone.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"lido-standalone.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/lido-standalone/lido-standalone.css?tag=lido-standalone","src/components/lido-standalone/lido-standalone.tsx"],"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.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/lido-standalone/lido-standalone.css?tag=lido-standalone","src/components/lido-standalone/lido-standalone.tsx"],"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"],"version":3}

package/dist/cjs/lido-standalone.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-52f24ddb.js');
+const index = require('./index-9a2514de.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["lido-standalone.cjs",[[0,"lido-standalone",{"baseUrl":[1,"base-url"],"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"canplay":[4],"height":[1],"xmlData":[1,"xml-data"],"codeFolderPath":[1,"code-folder-path"],"commonAudioPath":[1,"common-audio-path"],"scriptsInjected":[32],"localXmlData":[32],"xmlBaseUrl":[32]},null,{"baseUrl":["onBaseUrlChange"],"xmlPath":["onXmlPathChange"]}]]]], options);
+  return index.bootstrapLazy([["lido-standalone.cjs",[[0,"lido-standalone",{"baseUrl":[1,"base-url"],"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"canplay":[4],"height":[1],"language":[1],"xmlData":[1,"xml-data"],"zipUrl":[1,"zip-url"],"codeFolderPath":[1,"code-folder-path"],"commonAudioPath":[1,"common-audio-path"],"scriptsInjected":[32],"localXmlData":[32],"xmlBaseUrl":[32]},null,{"baseUrl":["onBaseUrlChange"],"xmlPath":["onXmlPathChange"],"xmlData":["onXmlDataChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-52f24ddb.js');
+const index = require('./index-9a2514de.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["lido-standalone.cjs",[[0,"lido-standalone",{"baseUrl":[1,"base-url"],"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"canplay":[4],"height":[1],"xmlData":[1,"xml-data"],"codeFolderPath":[1,"code-folder-path"],"commonAudioPath":[1,"common-audio-path"],"scriptsInjected":[32],"localXmlData":[32],"xmlBaseUrl":[32]},null,{"baseUrl":["onBaseUrlChange"],"xmlPath":["onXmlPathChange"]}]]]], options);
+  return index.bootstrapLazy([["lido-standalone.cjs",[[0,"lido-standalone",{"baseUrl":[1,"base-url"],"xmlPath":[1,"xml-path"],"initialIndex":[2,"initial-index"],"canplay":[4],"height":[1],"language":[1],"xmlData":[1,"xml-data"],"zipUrl":[1,"zip-url"],"codeFolderPath":[1,"code-folder-path"],"commonAudioPath":[1,"common-audio-path"],"scriptsInjected":[32],"localXmlData":[32],"xmlBaseUrl":[32]},null,{"baseUrl":["onBaseUrlChange"],"xmlPath":["onXmlPathChange"],"xmlData":["onXmlDataChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;