Add dist files

levmyshkin · May 3, 2024 · 29ba2e3 · 29ba2e3
1 parent 753a314
commit 29ba2e3
Show file tree

Hide file tree

Showing 11 changed files with 13,174 additions and 47 deletions.
diff --git a/.gitignore b/.gitignore
@@ -83,7 +83,4 @@ typings/
 # DynamoDB Local files
 .dynamodb/
 
-# Do not version dist
-dist
-
 .DS_Store
diff --git a/composer.json b/composer.json
@@ -0,0 +1,13 @@
+{
+    "name": "levmyshkin/vidbg",
+    "description": "An HTML5 video player.",
+    "type": "drupal-library",
+    "keywords": [
+        "video background",
+        "html5",
+        "video",
+        "player"
+    ],
+    "homepage": "https://drupalbook.org/",
+    "license": "MIT"
+}
diff --git a/dist/types/definitions/defaultVidbgAttributes.d.ts b/dist/types/definitions/defaultVidbgAttributes.d.ts
@@ -0,0 +1,2 @@
+import { VidbgAttributes } from "../types/types";
+export declare const defaultAttributes: VidbgAttributes;
diff --git a/dist/types/definitions/defaultVidbgOptions.d.ts b/dist/types/definitions/defaultVidbgOptions.d.ts
@@ -0,0 +1,2 @@
+import { VidbgOptions } from "../types/types";
+export declare const defaultOptions: VidbgOptions;
diff --git a/dist/types/errors/InvalidSelectorError.d.ts b/dist/types/errors/InvalidSelectorError.d.ts
@@ -0,0 +1,4 @@
+declare class InvalidSelectorError extends Error {
+    constructor(message: string);
+}
+export default InvalidSelectorError;
diff --git a/dist/types/errors/VideoSourceNotSpecifiedError.d.ts b/dist/types/errors/VideoSourceNotSpecifiedError.d.ts
@@ -0,0 +1,4 @@
+declare class VideoSourceNotSpecifiedError extends Error {
+    constructor(message: string);
+}
+export default VideoSourceNotSpecifiedError;
diff --git a/dist/types/types/types.d.ts b/dist/types/types/types.d.ts
@@ -0,0 +1,14 @@
+export interface VidbgOptions {
+    mp4: string | null;
+    webm: string | null;
+    poster: string | null;
+    overlay: boolean;
+    overlayColor: string;
+    overlayAlpha: number;
+}
+export interface VidbgAttributes {
+    controls: boolean;
+    loop: boolean;
+    muted: boolean;
+    playsInline: boolean;
+}
diff --git a/dist/types/vidbg.d.ts b/dist/types/vidbg.d.ts
@@ -0,0 +1,26 @@
+import { VidbgAttributes, VidbgOptions } from "./types/types";
+declare class vidbg {
+    el: HTMLElement;
+    options: VidbgOptions;
+    attributes: VidbgAttributes;
+    containerEl: HTMLElement;
+    overlayEl: HTMLElement;
+    videoEl: HTMLVideoElement;
+    constructor(selector: string, options?: VidbgOptions, attributes?: VidbgAttributes);
+    private init;
+    private createContainer;
+    private createOverlay;
+    private createPoster;
+    private createVideo;
+    private onPlayEvent;
+    removeVideo: () => void;
+    getVideo: () => HTMLVideoElement;
+    getEl: () => HTMLElement;
+    isVideoPlaying: () => boolean;
+    playVideo: () => Promise<void>;
+    pauseVideo: () => void;
+    destroy: () => void;
+    resize: () => void;
+}
+export { VidbgOptions, VidbgAttributes };
+export default vidbg;
diff --git a/dist/vidbg.css b/dist/vidbg.css
@@ -0,0 +1,31 @@
+.vidbg-container {
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+
+.vidbg-container video {
+  position: absolute;
+  margin: 0;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  transition: 0.25s opacity ease-in-out;
+  max-width: none;
+  opacity: 0;
+}
+
+.vidbg-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
diff --git a/dist/vidbg.js b/dist/vidbg.js