@streamscloud/embeddable 1.2.0 → 2.0.1

package/dist/streams/stream-player-modal/index.js

@@ -1,78 +0,0 @@
-import { StreamPlayerModalState } from './stream-player-modal-state.svelte';
-/**
- * @module StreamPlayer
- * @description
- * Provides the `StreamPlayerModal` component and utility functions for managing the stream player modal.
- *
- * ## Usage
- *
- * ```svelte
- * <script lang="ts">
- *   import { StreamPlayerModal, openStreamPlayer } from '@streamscloud/embeddable/stream-player';
- *   import { onMount } from 'svelte';
- *
- *   onMount(() => {
- *     if (!customElements.get('stream-player')) {
- *       customElements.define('stream-player', StreamPlayerModal.element!);
- *     }
- *   });
- *
- *   const openPlayer = () => {
- *     openStreamPlayer({
- *       streamId,
- *       graphql
- *     });
- *   };
- * </script>
- *
- * <stream-player></stream-player>
- * <button onclick={openPlayer}>Open Player</button>
- * ```
- */
-/**
- * StreamPlayerModal is a Svelte component compiled in `customElement` mode.
- * It must be registered manually with `customElements.define` before usage.
- *
- * @example
- * ```ts
- * import { StreamPlayerModal } from '@streamscloud/embeddable/stream-player';
- *
- * if (!customElements.get('stream-player')) {
- *   customElements.define('stream-player', StreamPlayerModal.element!);
- * }
- * ```
- */
-export { default as StreamPlayerModal } from './cmp.stream-player-modal.svelte';
-/**
- * Opens the stream player modal with the provided stream details.
- *
- * @param {object} init - Configuration options.
- * @param {string} init.streamId - The ID of the stream to open.
- * @param {Client} init.graphql - The GraphQL client instance.
- *
- * @example
- * ```ts
- * import { openStreamPlayer } from '@streamscloud/embeddable/stream-player';
- *
- * openStreamPlayer({
- *   streamId: '..',
- *   graphql: client
- * });
- * ```
- */
-export const openStreamPlayer = (init) => {
-    StreamPlayerModalState.open(init);
-};
-/**
- * Closes the currently open stream player modal.
- *
- * @example
- * ```ts
- * import { closeStreamPlayer } from '@streamscloud/embeddable/stream-player';
- *
- * closeStreamPlayer();
- * ```
- */
-export const closeStreamPlayer = () => {
-    StreamPlayerModalState.close();
-};

package/dist/streams/stream-player-modal/stream-player-modal-state.svelte.d.ts

@@ -1,17 +0,0 @@
-import type { IStreamPlayerLocalization } from '../stream-player';
-import type { Client } from '@urql/core';
-declare class StreamPlayerModalStateDefinition {
-    playerData: {
-        streamId: string;
-        graphql: Client;
-        localization?: IStreamPlayerLocalization;
-    } | null;
-    open: (init: {
-        streamId: string;
-        graphql: Client;
-        localization?: IStreamPlayerLocalization;
-    }) => void;
-    close: () => void;
-}
-export declare const StreamPlayerModalState: StreamPlayerModalStateDefinition;
-export {};

package/dist/streams/stream-player-modal/stream-player-modal-state.svelte.js

@@ -1,14 +0,0 @@
-class StreamPlayerModalStateDefinition {
-    playerData = $state.raw(null);
-    open = (init) => {
-        this.playerData = {
-            streamId: init.streamId,
-            graphql: init.graphql,
-            localization: init.localization
-        };
-    };
-    close = () => {
-        this.playerData = null;
-    };
-}
-export const StreamPlayerModalState = new StreamPlayerModalStateDefinition();

package/dist/ui/shadow-dom/cmp.shadow-dom.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">import { DynamicComponent, DynamicComponentModel } from '../dynamic-component';
-import normalize from 'styles/_normalize.scss?raw';
-import reset from 'styles/_reset.scss?raw';
-import { mount, onMount } from 'svelte';
-let { model } = $props();
-let shadowRoot;
-let host;
-onMount(() => {
-    shadowRoot = host.attachShadow({ mode: 'open' });
-    const styleElement = document.createElement('style');
-    styleElement.textContent = normalize + reset;
-    shadowRoot.appendChild(styleElement);
-    mount(DynamicComponent, { target: shadowRoot, props: { model } });
-});
-</script>
-
-<div class="host" bind:this={host}></div>
-
-<style>.host {
-  display: contents;
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}</style>