@uibit/video 0.1.0

package/dist/video.js

@@ -0,0 +1,456 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+};
+import { html, nothing } from 'lit';
+import { customElement, fromLucide, getIcon, msg, UIBitElement } from '@uibit/core';
+import { Play, Pause, Volume1, Volume2, VolumeX, Maximize, Minimize } from 'lucide';
+import { property, state, query } from 'lit/decorators.js';
+import { styles } from './styles';
+/**
+ * Enhanced custom video component that wraps a native `<video>` or `<iframe>` element.
+ * Provides custom interactive player controls with Scandinavian design aesthetics.
+ *
+ * @slot - The default slot where the native `<video>` or `<iframe>` element is placed.
+ *
+ * @cssprop [--uibit-video-radius=0.5rem] - Border radius of the video player.
+ * @cssprop [--uibit-video-bg=#000000] - Background color of the video player.
+ * @cssprop [--uibit-video-focus-color=#000000] - Focus outline color.
+ * @cssprop [--uibit-video-control-bg=rgba(17, 24, 39, 0.85)] - Background of the control bar.
+ * @cssprop [--uibit-video-control-border=rgba(255, 255, 255, 0.1)] - Border of the control bar.
+ * @cssprop [--uibit-video-control-color=#ffffff] - Color of icons and text.
+ */
+let Video = class Video extends UIBitElement {
+    constructor() {
+        super(...arguments);
+        /** Poster image URL. Also used as background for iframes before playing. */
+        this.poster = '';
+        /** Show player controls. */
+        this.controls = true;
+        this._isPlaying = false;
+        this._currentTime = 0;
+        this._duration = 0;
+        this._volume = 1;
+        this._isMuted = false;
+        this._isFullscreen = false;
+        this._isSeeking = false;
+        this._isVolumeSeeking = false;
+        this._isIframeMode = false;
+        this._iframePlaying = false;
+        this._videoEl = null;
+        this._iframeEl = null;
+    }
+    static { this.styles = styles; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.listen(document, 'fullscreenchange', this._onFullscreenChange.bind(this));
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this._detectSlottedElements();
+    }
+    _detectSlottedElements() {
+        const slot = this.shadowRoot?.querySelector('slot:not([name])');
+        let assigned = [];
+        if (slot) {
+            assigned = slot.assignedElements({ flatten: true });
+        }
+        // Fallback for environments where slot is not fully resolved yet
+        const video = assigned.find(el => el.tagName === 'VIDEO') ||
+            this.querySelector('video');
+        if (video) {
+            this._videoEl = video;
+            this._isIframeMode = false;
+            this._setupVideoListeners();
+            if (!this.poster && video.hasAttribute('poster')) {
+                this.poster = video.getAttribute('poster') || '';
+            }
+            return;
+        }
+        const iframe = assigned.find(el => el.tagName === 'IFRAME') ||
+            this.querySelector('iframe');
+        if (iframe) {
+            this._iframeEl = iframe;
+            this._isIframeMode = true;
+            this._iframeEl.style.display = 'none';
+            return;
+        }
+    }
+    _setupVideoListeners() {
+        if (!this._videoEl)
+            return;
+        // Hide default controls
+        this._videoEl.controls = false;
+        // Sync initial state
+        this._isPlaying = !this._videoEl.paused;
+        this._currentTime = this._videoEl.currentTime;
+        this._duration = this._videoEl.duration || 0;
+        this._volume = this._videoEl.volume;
+        this._isMuted = this._videoEl.muted;
+        // Bind event listeners
+        this.listen(this._videoEl, 'play', () => { this._isPlaying = true; });
+        this.listen(this._videoEl, 'pause', () => { this._isPlaying = false; });
+        this.listen(this._videoEl, 'timeupdate', () => {
+            if (!this._isSeeking) {
+                this._currentTime = this._videoEl?.currentTime || 0;
+            }
+        });
+        this.listen(this._videoEl, 'durationchange', () => {
+            this._duration = this._videoEl?.duration || 0;
+        });
+        this.listen(this._videoEl, 'loadedmetadata', () => {
+            this._duration = this._videoEl?.duration || 0;
+            this._currentTime = this._videoEl?.currentTime || 0;
+        });
+        this.listen(this._videoEl, 'volumechange', () => {
+            if (this._videoEl) {
+                this._volume = this._videoEl.volume;
+                this._isMuted = this._videoEl.muted;
+            }
+        });
+        this.listen(this._videoEl, 'ended', () => {
+            this._isPlaying = false;
+        });
+    }
+    _onSlotChange() {
+        this._detectSlottedElements();
+    }
+    // ── Actions ────────────────────────────────────────────────────
+    togglePlay() {
+        if (this._isIframeMode) {
+            this._playIframe();
+            return;
+        }
+        if (!this._videoEl)
+            return;
+        if (this._isPlaying) {
+            this._videoEl.pause();
+        }
+        else {
+            this._videoEl.play();
+        }
+    }
+    _playIframe() {
+        this._iframePlaying = true;
+        if (this._iframeEl) {
+            this._iframeEl.style.display = 'block';
+            // Auto play YouTube / Vimeo if possible by rewriting source or appending autoplay
+            const src = this._iframeEl.getAttribute('src') || '';
+            if (src && !src.includes('autoplay=1')) {
+                const separator = src.includes('?') ? '&' : '?';
+                this._iframeEl.setAttribute('src', `${src}${separator}autoplay=1`);
+            }
+        }
+    }
+    toggleMute() {
+        if (!this._videoEl)
+            return;
+        this._videoEl.muted = !this._videoEl.muted;
+        this._isMuted = this._videoEl.muted;
+    }
+    _onVolumePointerDown(e) {
+        this._isVolumeSeeking = true;
+        this._updateVolumeFromEvent(e);
+        const container = e.currentTarget;
+        container.setPointerCapture(e.pointerId);
+    }
+    _onVolumePointerMove(e) {
+        if (!this._isVolumeSeeking)
+            return;
+        this._updateVolumeFromEvent(e);
+    }
+    _onVolumePointerUp(e) {
+        if (!this._isVolumeSeeking)
+            return;
+        this._isVolumeSeeking = false;
+        this._updateVolumeFromEvent(e);
+        const container = e.currentTarget;
+        container.releasePointerCapture(e.pointerId);
+    }
+    _updateVolumeFromEvent(e) {
+        const rect = e.currentTarget.getBoundingClientRect();
+        const offsetX = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
+        const pct = Math.max(0, Math.min(offsetX / rect.width, 1));
+        this._volume = pct;
+        if (this._videoEl) {
+            this._videoEl.volume = pct;
+            this._videoEl.muted = pct === 0;
+        }
+        this._isMuted = pct === 0;
+    }
+    toggleFullscreen() {
+        if (!this._containerEl)
+            return;
+        if (!document.fullscreenElement) {
+            this._containerEl.requestFullscreen().catch((err) => {
+                console.error('Failed to enter fullscreen:', err);
+            });
+        }
+        else {
+            document.exitFullscreen();
+        }
+    }
+    _onFullscreenChange() {
+        this._isFullscreen = document.fullscreenElement === this._containerEl;
+    }
+    // ── Timeline Scrubbing ─────────────────────────────────────────
+    _onTimelinePointerDown(e) {
+        if (!this._videoEl || !this._duration)
+            return;
+        this._isSeeking = true;
+        this._updateTimelineFromEvent(e);
+        const container = e.currentTarget;
+        container.setPointerCapture(e.pointerId);
+    }
+    _onTimelinePointerMove(e) {
+        if (!this._isSeeking)
+            return;
+        this._updateTimelineFromEvent(e);
+    }
+    _onTimelinePointerUp(e) {
+        if (!this._isSeeking)
+            return;
+        this._isSeeking = false;
+        this._updateTimelineFromEvent(e);
+        const container = e.currentTarget;
+        container.releasePointerCapture(e.pointerId);
+    }
+    _updateTimelineFromEvent(e) {
+        if (!this._videoEl || !this._duration)
+            return;
+        const rect = e.currentTarget.getBoundingClientRect();
+        const offsetX = Math.max(0, Math.min(e.clientX - rect.left, rect.width));
+        const pct = offsetX / rect.width;
+        this._videoEl.currentTime = pct * this._duration;
+        this._currentTime = this._videoEl.currentTime;
+    }
+    // ── Keyboard Navigation ────────────────────────────────────────
+    _onKeyDown(e) {
+        if (this._isIframeMode && this._iframePlaying)
+            return;
+        if (e.key === ' ' || e.key === 'k') {
+            e.preventDefault();
+            this.togglePlay();
+        }
+        else if (e.key === 'm') {
+            e.preventDefault();
+            this.toggleMute();
+        }
+        else if (e.key === 'f') {
+            e.preventDefault();
+            this.toggleFullscreen();
+        }
+        else if (e.key === 'ArrowRight') {
+            e.preventDefault();
+            if (this._videoEl)
+                this._videoEl.currentTime = Math.min(this._duration, this._currentTime + 5);
+        }
+        else if (e.key === 'ArrowLeft') {
+            e.preventDefault();
+            if (this._videoEl)
+                this._videoEl.currentTime = Math.max(0, this._currentTime - 5);
+        }
+        else if (e.key === 'ArrowUp') {
+            e.preventDefault();
+            if (this._videoEl) {
+                this._videoEl.volume = Math.min(1, this._videoEl.volume + 0.1);
+            }
+        }
+        else if (e.key === 'ArrowDown') {
+            e.preventDefault();
+            if (this._videoEl) {
+                this._videoEl.volume = Math.max(0, this._videoEl.volume - 0.1);
+            }
+        }
+    }
+    // ── Formatting ─────────────────────────────────────────────────
+    _formatTime(sec) {
+        if (isNaN(sec) || !isFinite(sec))
+            return '0:00';
+        const m = Math.floor(sec / 60);
+        const s = Math.floor(sec % 60);
+        return `${m}:${s < 10 ? '0' : ''}${s}`;
+    }
+    _onPlayerClick(e) {
+        const target = e.target;
+        if (target.closest('.controls-bar') || target.closest('.center-play-btn')) {
+            return;
+        }
+        this.togglePlay();
+    }
+    // ── Render ─────────────────────────────────────────────────────
+    render() {
+        const progressPct = this._duration ? (this._currentTime / this._duration) * 100 : 0;
+        const showOverlay = (!this._isPlaying && this._currentTime === 0) && !this._iframePlaying;
+        const isPaused = !this._isPlaying;
+        return html `
+      <div 
+        class="player-container ${isPaused ? 'paused' : ''} ${this._isSeeking ? 'seeking' : ''}" 
+        part="container"
+        @keydown=${this._onKeyDown}
+        @click=${this._onPlayerClick}
+        tabindex="0"
+        aria-label=${msg('Video Player')}
+      >
+        <!-- Raw video/iframe goes here -->
+        <slot @slotchange=${this._onSlotChange}></slot>
+
+        <!-- Premium Iframe / Native Poster Overlay -->
+        ${(this._isIframeMode && !this._iframePlaying) || showOverlay ? html `
+          <div 
+            class="poster-overlay" 
+            part="poster" 
+            style=${this.poster ? `background-image: url('${this.poster}');` : ''}
+          >
+            <button 
+              class="center-play-btn" 
+              part="center-play-btn"
+              @click=${this.togglePlay}
+              aria-label=${msg('Play Video')}
+            ></button>
+          </div>
+        ` : nothing}
+
+        <!-- Custom Controls (Only for native video mode, and only if controls enabled) -->
+        ${!this._isIframeMode && this.controls ? html `
+          <div class="controls-bar" part="controls-bar" @click=${(e) => e.stopPropagation()}>
+            <!-- Play/Pause -->
+            <button 
+              class="control-btn" 
+              part="play-btn"
+              @click=${this.togglePlay}
+              aria-label=${this._isPlaying ? msg('Pause') : msg('Play')}
+            >
+              ${this._isPlaying
+            ? getIcon('pause', 18, fromLucide(Pause))
+            : getIcon('play', 18, fromLucide(Play))}
+            </button>
+
+            <!-- Time display -->
+            <div class="time-display" part="time-display">
+              <span>${this._formatTime(this._currentTime)}</span>
+              <span style="opacity: 0.5; margin: 0 0.25rem;">/</span>
+              <span>${this._formatTime(this._duration)}</span>
+            </div>
+
+            <!-- Timeline -->
+            <div 
+              class="timeline-container" 
+              part="timeline-container"
+              @pointerdown=${this._onTimelinePointerDown}
+              @pointermove=${this._onTimelinePointerMove}
+              @pointerup=${this._onTimelinePointerUp}
+              role="slider"
+              aria-label=${msg('Seek timeline')}
+              aria-valuemin="0"
+              aria-valuemax=${Math.round(this._duration)}
+              aria-valuenow=${Math.round(this._currentTime)}
+              aria-valuetext=${`${this._formatTime(this._currentTime)} of ${this._formatTime(this._duration)}`}
+              tabindex="0"
+            >
+              <div class="timeline-bar" part="timeline-bar">
+                <div class="timeline-progress" part="timeline-progress" style="width: ${progressPct}%;"></div>
+                <div class="timeline-handle" part="timeline-handle" style="left: ${progressPct}%;"></div>
+              </div>
+            </div>
+
+            <!-- Volume Controls -->
+            <div class="volume-container">
+              <button 
+                class="control-btn" 
+                part="volume-btn"
+                @click=${this.toggleMute}
+                aria-label=${this._isMuted ? msg('Unmute') : msg('Mute')}
+              >
+                ${this._isMuted || this._volume === 0
+            ? getIcon('volume-x', 18, fromLucide(VolumeX))
+            : this._volume < 0.5
+                ? getIcon('volume-1', 18, fromLucide(Volume1))
+                : getIcon('volume-2', 18, fromLucide(Volume2))}
+              </button>
+              <div class="volume-slider-wrap">
+                <div 
+                  class="volume-slider-container" 
+                  part="volume-slider-container"
+                  @pointerdown=${this._onVolumePointerDown}
+                  @pointermove=${this._onVolumePointerMove}
+                  @pointerup=${this._onVolumePointerUp}
+                  role="slider"
+                  aria-label=${msg('Volume level')}
+                  aria-valuemin="0"
+                  aria-valuemax="100"
+                  aria-valuenow=${Math.round((this._isMuted ? 0 : this._volume) * 100)}
+                  tabindex="0"
+                >
+                  <div class="volume-slider-bar" part="volume-slider-bar">
+                    <div class="volume-slider-progress" part="volume-slider-progress" style="width: ${(this._isMuted ? 0 : this._volume) * 100}%;"></div>
+                    <div class="volume-slider-handle" part="volume-slider-handle" style="left: ${(this._isMuted ? 0 : this._volume) * 100}%;"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Fullscreen -->
+            <button 
+              class="control-btn" 
+              part="fullscreen-btn"
+              @click=${this.toggleFullscreen}
+              aria-label=${this._isFullscreen ? msg('Exit fullscreen') : msg('Fullscreen')}
+            >
+              ${this._isFullscreen
+            ? getIcon('minimize', 18, fromLucide(Minimize))
+            : getIcon('maximize', 18, fromLucide(Maximize))}
+            </button>
+          </div>
+        ` : nothing}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], Video.prototype, "poster", void 0);
+__decorate([
+    property({ type: Boolean })
+], Video.prototype, "controls", void 0);
+__decorate([
+    state()
+], Video.prototype, "_isPlaying", void 0);
+__decorate([
+    state()
+], Video.prototype, "_currentTime", void 0);
+__decorate([
+    state()
+], Video.prototype, "_duration", void 0);
+__decorate([
+    state()
+], Video.prototype, "_volume", void 0);
+__decorate([
+    state()
+], Video.prototype, "_isMuted", void 0);
+__decorate([
+    state()
+], Video.prototype, "_isFullscreen", void 0);
+__decorate([
+    state()
+], Video.prototype, "_isSeeking", void 0);
+__decorate([
+    state()
+], Video.prototype, "_isVolumeSeeking", void 0);
+__decorate([
+    state()
+], Video.prototype, "_isIframeMode", void 0);
+__decorate([
+    state()
+], Video.prototype, "_iframePlaying", void 0);
+__decorate([
+    query('.player-container')
+], Video.prototype, "_containerEl", void 0);
+Video = __decorate([
+    customElement('uibit-video')
+], Video);
+export { Video };
+export default Video;
+//# sourceMappingURL=video.js.map

package/dist/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","sourceRoot":"","sources":["../src/video.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@uibit/video",
+  "version": "0.1.0",
+  "description": "Custom premium customizable wrapper for native video elements and iframe video embeds",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./custom-elements.json": "./custom-elements.json",
+    "./react": "./dist/frameworks/react/index.d.ts",
+    "./vue": "./dist/frameworks/vue/index.ts",
+    "./svelte": "./dist/frameworks/svelte/index.svelte",
+    "./angular": "./dist/frameworks/angular/index.ts",
+    "./solid": "./dist/frameworks/solid/index.d.ts",
+    "./astro": "./dist/frameworks/astro/index.astro",
+    "./qwik": "./dist/frameworks/qwik/index.tsx",
+    "./nuxt": "./dist/frameworks/nuxt/index.ts",
+    "./preact": "./dist/frameworks/preact/index.d.ts",
+    "./stencil": "./dist/frameworks/stencil/index.d.ts"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "custom-elements.json"
+  ],
+  "keywords": [
+    "video",
+    "player",
+    "custom-video",
+    "web-component",
+    "lit"
+  ],
+  "author": "Jonathan Rawlings",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Rawlings/uibit",
+    "directory": "packages/components/video"
+  },
+  "dependencies": {
+    "lucide": "^1.24.0",
+    "@uibit/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.43",
+    "lit": "^3.3.3",
+    "typescript": "7.0.2",
+    "@uibit/codegen": "0.1.0"
+  },
+  "peerDependencies": {
+    "lit": "^3.0.0",
+    "react": ">=18",
+    "vue": ">=3",
+    "svelte": ">=4 || ^5",
+    "@angular/core": ">=14"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    }
+  },
+  "customElements": "custom-elements.json",
+  "uibit": {
+    "id": "video",
+    "title": "Video",
+    "category": "Media",
+    "tagName": "uibit-video"
+  },
+  "scripts": {
+    "build": "cem analyze --globs 'src/**/*.ts' --litelement && uibit-codegen --package . && tsc",
+    "dev": "concurrently \"cem analyze --globs 'src/**/*.ts' --litelement --watch\" \"tsc --watch\"",
+    "analyze": "cem analyze --globs 'src/**/*.ts' --litelement",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run -c ../../../vitest.config.ts --passWithNoTests"
+  }
+}