@nuraly/lumenui 0.2.1 → 0.3.2

package/dist/src/components/video/video.component.js

@@ -4,14 +4,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { html, LitElement } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
 import styles from "./video.style.js";
+// hls.js module specifier — stored as a variable so bundlers (Vite/Rollup)
+// cannot statically resolve it and fail if the package is not installed.
+// eslint-disable-next-line prefer-const
+let _hlsModule = 'hls.js';
+const importHls = () => import(/* @vite-ignore */ _hlsModule);
 /**
- * Video player component with poster, autoplay, loop, and fullscreen preview support.
+ * Video player component with poster, autoplay, loop, fullscreen preview, and HLS streaming support.
+ *
+ * When the `src` is an HLS manifest (.m3u8), the component automatically uses hls.js for
+ * adaptive bitrate streaming. Safari uses native HLS support. Falls back to a direct <source>
+ * for non-HLS sources.
  *
  * @csspart container - The root wrapper div of the video player
  * @csspart video - The native video element
@@ -35,6 +53,82 @@ let NrVideoElement = class NrVideoElement extends NuralyUIBaseMixin(LitElement)
         this.showPreview = false;
         this.hasError = false;
         this.defaultFallback = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDI0MCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjI0MCIgaGVpZ2h0PSIxODAiIGZpbGw9IiNGM0Y0RjYiLz48cGF0aCBkPSJNMTg4IDY5TDE2OCA4OU0xNjggNjlMMTg4IDg5IiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+';
+        this.hlsInstance = null;
+        this.previewHlsInstance = null;
+    }
+    get isHLS() {
+        return !!this.src && (this.src.endsWith('.m3u8') || this.src.includes('.m3u8?'));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.destroyHls();
+        this.destroyPreviewHls();
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (changed.has('src') && this.src) {
+            this.hasError = false;
+            this.attachHlsIfNeeded();
+        }
+    }
+    destroyHls() {
+        if (this.hlsInstance) {
+            this.hlsInstance.destroy();
+            this.hlsInstance = null;
+        }
+    }
+    destroyPreviewHls() {
+        if (this.previewHlsInstance) {
+            this.previewHlsInstance.destroy();
+            this.previewHlsInstance = null;
+        }
+    }
+    attachHlsIfNeeded() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const video = (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector('video[part="video"]');
+            if (!video || !this.isHLS) {
+                this.destroyHls();
+                return;
+            }
+            // Safari supports HLS natively
+            if (video.canPlayType('application/vnd.apple.mpegurl')) {
+                video.src = this.src;
+                return;
+            }
+            // Dynamic import of hls.js — it's an optional peer dep
+            try {
+                const { default: Hls } = yield importHls();
+                if (!Hls.isSupported()) {
+                    this.handleError();
+                    return;
+                }
+                this.destroyHls();
+                const hls = new Hls({ enableWorker: true });
+                this.hlsInstance = hls;
+                hls.loadSource(this.src);
+                hls.attachMedia(video);
+                hls.on(Hls.Events.ERROR, (_event, data) => {
+                    if (data.fatal) {
+                        switch (data.type) {
+                            case Hls.ErrorTypes.NETWORK_ERROR:
+                                hls.startLoad();
+                                break;
+                            case Hls.ErrorTypes.MEDIA_ERROR:
+                                hls.recoverMediaError();
+                                break;
+                            default:
+                                this.handleError();
+                                break;
+                        }
+                    }
+                });
+            }
+            catch (_b) {
+                // hls.js not installed — fall back to direct source (will likely fail for HLS)
+                video.src = this.src;
+            }
+        });
     }
     handleError() {
         this.hasError = true;
@@ -73,16 +167,49 @@ let NrVideoElement = class NrVideoElement extends NuralyUIBaseMixin(LitElement)
                 composed: true,
                 detail: { src: this.src }
             }));
+            // Attach HLS to preview video after render
+            this.updateComplete.then(() => this.attachPreviewHls());
         }
     }
     closePreviewModal() {
         this.showPreview = false;
+        this.destroyPreviewHls();
         this.dispatchEvent(new CustomEvent('nr-video-preview-close', {
             bubbles: true,
             composed: true,
             detail: { src: this.src }
         }));
     }
+    attachPreviewHls() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const video = (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector('video[part="preview-video"]');
+            if (!video || !this.isHLS)
+                return;
+            if (video.canPlayType('application/vnd.apple.mpegurl')) {
+                video.src = this.src;
+                return;
+            }
+            try {
+                const { default: Hls } = yield importHls();
+                if (!Hls.isSupported())
+                    return;
+                this.destroyPreviewHls();
+                const hls = new Hls({ enableWorker: true });
+                this.previewHlsInstance = hls;
+                hls.loadSource(this.src);
+                hls.attachMedia(video);
+            }
+            catch (_b) {
+                video.src = this.src;
+            }
+        });
+    }
+    firstUpdated() {
+        if (this.src) {
+            this.attachHlsIfNeeded();
+        }
+    }
     render() {
         const containerClasses = {
             'video-container': true,
@@ -118,7 +245,7 @@ let NrVideoElement = class NrVideoElement extends NuralyUIBaseMixin(LitElement)
           @pause=${this.handlePause}
           @ended=${this.handleEnded}
         >
-          <source src=${this.src} />
+          ${!this.isHLS ? html `<source src=${this.src} />` : ''}
           Your browser does not support the video tag.
         </video>
         ${this.previewable ? html `
@@ -134,13 +261,14 @@ let NrVideoElement = class NrVideoElement extends NuralyUIBaseMixin(LitElement)
           <div part="preview-modal" class="preview-modal" @click=${this.closePreviewModal}>
             <button part="preview-close" class="preview-close" @click=${this.closePreviewModal} aria-label="Close preview">×</button>
             <video
+              part="preview-video"
               ?autoplay=${true}
               ?loop=${this.loop}
               ?muted=${this.muted}
               controls
               poster=${this.poster || ''}
             >
-              <source src=${this.src} />
+              ${!this.isHLS ? html `<source src=${this.src} />` : ''}
             </video>
           </div>
         ` : ''}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuraly/lumenui",
-  "version": "0.2.1",
+  "version": "0.3.2",
   "description": "A comprehensive collection of enterprise-class web components built with Lit and TypeScript",
   "type": "module",
   "main": "dist/nuralyui.bundle.js",
@@ -12,6 +12,7 @@
     "./bundle": {
       "import": "./dist/nuralyui.bundle.js"
     },
+    "./cdn": "./dist/cdn.js",
     "./common": {
       "import": "./packages/common/dist/index.js",
       "types": "./packages/common/dist/index.d.ts"
@@ -49,15 +50,42 @@
     "./*/react": {
       "import": "./dist/src/components/*/react.js",
       "types": "./dist/src/components/*/react.d.ts"
+    },
+    "./chatbot/core": {
+      "import": "./dist/src/components/chatbot/core/index.js",
+      "types": "./dist/src/components/chatbot/core/index.d.ts"
+    },
+    "./chatbot/providers": {
+      "import": "./dist/src/components/chatbot/providers/index.js",
+      "types": "./dist/src/components/chatbot/providers/index.d.ts"
+    },
+    "./chatbot/plugins": {
+      "import": "./dist/src/components/chatbot/plugins/index.js",
+      "types": "./dist/src/components/chatbot/plugins/index.d.ts"
+    },
+    "./chatbot/storage": {
+      "import": "./dist/src/components/chatbot/storage/index.js",
+      "types": "./dist/src/components/chatbot/storage/index.d.ts"
+    },
+    "./chatbot/controllers": {
+      "import": "./dist/src/components/chatbot/controllers/index.js",
+      "types": "./dist/src/components/chatbot/controllers/index.d.ts"
+    },
+    "./chatbot/utils": {
+      "import": "./dist/src/components/chatbot/utils/index.js",
+      "types": "./dist/src/components/chatbot/utils/index.d.ts"
     }
   },
   "files": [
     "dist/nuralyui.bundle.js",
     "dist/nuralyui.bundle.js.gz",
+    "dist/cdn.js",
     "dist/src/components/*/index.js",
     "dist/src/components/*/index.d.ts",
     "dist/src/components/*/*.js",
     "dist/src/components/*/*.d.ts",
+    "dist/src/components/*/*/*.js",
+    "dist/src/components/*/*/*.d.ts",
     "dist/src/components/*/bundle.js",
     "dist/src/components/*/bundle.js.gz",
     "packages/common/dist",
@@ -148,24 +176,16 @@
     "dayjs": "^2.0.0-alpha.4",
     "highlight.js": "^11.11.1",
     "lit": "^3.0.0",
-    "nanostores": "^0.11.4",
     "mermaid": "^11.0.0",
+    "nanostores": "^0.11.4",
     "vanilla-colorful": "^0.7.2"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0 || ^19.0.0",
-    "monaco-editor": "^0.55.0",
-    "monacopilot": "^1.2.0",
     "react": "^18.0.0 || ^19.0.0",
     "socket.io-client": "^4.0.0"
   },
   "peerDependenciesMeta": {
-    "monaco-editor": {
-      "optional": true
-    },
-    "monacopilot": {
-      "optional": true
-    },
     "mermaid": {
       "optional": true
     },
@@ -185,6 +205,7 @@
     "@custom-elements-manifest/analyzer": "^0.6.3",
     "@lit/localize-tools": "^0.8.0",
     "@open-wc/testing": "^3.1.5",
+    "@rollup/plugin-commonjs": "^25.0.8",
     "@rollup/plugin-dynamic-import-vars": "^2.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-replace": "^5.0.2",

package/packages/common/dist/VERSIONS.md

@@ -1,4 +1,4 @@
 # @nuralyui/common
 
 Version: 0.1.5
-Build Date: 2026-03-31
+Build Date: 2026-04-14