@vouchfor/embeds 0.0.0-experiment.f9b576b → 1.0.0

package/src/components/InlineEmbed.stories.ts

@@ -1,119 +0,0 @@
-import { html } from 'lit';
-import { ifDefined } from 'lit/directives/if-defined.js';
-
-import type { InlineEmbedProps } from './';
-import type { Meta, StoryObj } from '@storybook/web-components';
-
-import './';
-
-type InlineEmbedArgs = InlineEmbedProps & {
-  showVouch?: boolean;
-};
-
-const _InlineEmbed = ({
-  vouchHashId,
-  preload,
-  autoplay,
-  env,
-  apiKey,
-  controls,
-  enableTracking,
-  trackingSource,
-
-  // Template properties
-  type,
-  format,
-  resolution,
-  aspectRatio,
-  headerShortName,
-  headerSubtitle,
-  headerBrandLogo
-}: InlineEmbedArgs) => {
-  return html`
-    <div style="height: 100vh">
-      <vembed-inline
-        env=${ifDefined(env)}
-        apiKey=${ifDefined(apiKey)}
-        ?autoplay=${autoplay}
-        ?enableTracking=${enableTracking}
-        .vouchHashId=${vouchHashId}
-        resolution=${ifDefined(resolution)}
-        aspectRatio=${ifDefined(aspectRatio)}
-        preload=${ifDefined(preload)}
-        type=${ifDefined(type)}
-        .controls=${controls}
-        trackingSource=${ifDefined(trackingSource)}
-        format=${ifDefined(format)}
-        ?headerShortName=${headerShortName}
-        ?headerBrandLogo=${headerBrandLogo}
-        headerSubtitle=${ifDefined(headerSubtitle)}
-      ></vembed-inline>
-    </div>
-  `;
-};
-
-// More on how to set up stories at: https://storybook.js.org/docs/web-components/writing-stories/introduction
-const meta = {
-  title: 'Embeds/Inline',
-  tags: ['autodocs'],
-  render: (args) => _InlineEmbed(args),
-  component: 'vembed-inline'
-} satisfies Meta<InlineEmbedProps>;
-
-type Story = StoryObj<InlineEmbedArgs>;
-
-const InlineEmbed: Story = {
-  args: {
-    env: 'dev',
-    apiKey: 'RtW1R7JYej-pymoGNEUCblZz0NTLZzsuC9xKxcsewIYpf3UEIePcGvtkRnd4K',
-    vouchHashId: 'X526IKhw90',
-    resolution: 1080,
-    aspectRatio: 0,
-    preload: 'none',
-    autoplay: false,
-    enableTracking: true,
-    trackingSource: 'media_player_storybook',
-
-    type: 'BASIC',
-    format: 'letterbox',
-    headerShortName: true,
-    headerSubtitle: 'client',
-    headerBrandLogo: false,
-
-    showVouch: true
-  },
-  argTypes: {
-    type: {
-      control: 'radio',
-      options: ['BARE', 'BASIC', 'INLINE', 'JUMBO', 'FOUNDIT', 'CISCO']
-    },
-    headerSubtitle: {
-      control: 'radio',
-      options: ['role', 'client']
-    },
-    headerShortName: {
-      control: 'boolean'
-    },
-    headerBrandLogo: {
-      control: 'boolean'
-    },
-    preload: {
-      control: 'radio',
-      options: ['auto', 'none']
-    },
-    format: {
-      control: 'radio',
-      options: ['letterbox', 'letterbox-video', 'crop', 'crop-top', 'squarebox']
-    },
-    env: {
-      control: 'radio',
-      options: ['prod', 'staging', 'dev']
-    }
-  },
-  parameters: {
-    layout: 'fullscreen'
-  }
-};
-
-export default meta;
-export { InlineEmbed };

package/src/components/InlineEmbed.ts

@@ -1,18 +0,0 @@
-import { MediaPlayer } from '@vouchfor/media-player';
-import { customElement } from 'lit/decorators.js';
-
-import type { MediaPlayerProps } from '@vouchfor/media-player';
-
-type InlineEmbedProps = MediaPlayerProps;
-
-@customElement('vembed-inline')
-class InlineEmbed extends MediaPlayer {}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'vembed-inline': InlineEmbed;
-  }
-}
-
-export { InlineEmbed };
-export type { InlineEmbedProps };

package/src/components/index.ts

@@ -1,2 +0,0 @@
-export { InlineEmbed } from './InlineEmbed';
-export type { InlineEmbedProps } from './InlineEmbed';