chore(root): prepare workspace for alpha (#276)

packages/__tech-preview__/html/src/define/index.ts

@@ -0,0 +1,13 @@
+// be sure to import video-provider first for proper context initialization
+import './video-provider';
+import './media-container';
+import './media-play-button';
+import './media-mute-button';
+import './media-volume-slider';
+import './media-time-slider';
+import './media-fullscreen-button';
+import './media-duration-display';
+import './media-current-time-display';
+import './media-preview-time-display';
+import './media-popover';
+import './media-tooltip';

packages/__tech-preview__/html/src/define/media-container.ts

@@ -0,0 +1,4 @@
+import { MediaContainerElement } from '@/media/media-container';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-container', MediaContainerElement);

packages/__tech-preview__/html/src/define/media-current-time-display.ts

@@ -0,0 +1,4 @@
+import { CurrentTimeDisplayElement } from '@/elements/current-time-display';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-current-time-display', CurrentTimeDisplayElement);

packages/__tech-preview__/html/src/define/media-duration-display.ts

@@ -0,0 +1,4 @@
+import { DurationDisplayElement } from '@/elements/duration-display';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-duration-display', DurationDisplayElement);

packages/__tech-preview__/html/src/define/media-fullscreen-button.ts

@@ -0,0 +1,4 @@
+import { FullscreenButtonElement } from '@/elements/fullscreen-button';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-fullscreen-button', FullscreenButtonElement);

packages/__tech-preview__/html/src/define/media-mute-button.ts

@@ -0,0 +1,4 @@
+import { MuteButtonElement } from '@/elements/mute-button';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-mute-button', MuteButtonElement);

packages/__tech-preview__/html/src/define/media-play-button.ts

@@ -0,0 +1,4 @@
+import { PlayButtonElement } from '@/elements/play-button';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-play-button', PlayButtonElement);

packages/__tech-preview__/html/src/define/media-popover.ts

@@ -0,0 +1,4 @@
+import { PopoverElement } from '@/elements/popover';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-popover', PopoverElement);

packages/__tech-preview__/html/src/define/media-preview-time-display.ts

@@ -0,0 +1,4 @@
+import { PreviewTimeDisplayElement } from '@/elements/preview-time-display';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-preview-time-display', PreviewTimeDisplayElement);

packages/__tech-preview__/html/src/define/media-time-slider.ts

@@ -0,0 +1,8 @@
+import { TimeSliderPointerElement, TimeSliderProgressElement, TimeSliderRootElement, TimeSliderThumbElement, TimeSliderTrackElement } from '@/elements/time-slider';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-time-slider', TimeSliderRootElement);
+defineCustomElement('media-time-slider-track', TimeSliderTrackElement);
+defineCustomElement('media-time-slider-progress', TimeSliderProgressElement);
+defineCustomElement('media-time-slider-pointer', TimeSliderPointerElement);
+defineCustomElement('media-time-slider-thumb', TimeSliderThumbElement);

packages/__tech-preview__/html/src/define/media-tooltip.ts

@@ -0,0 +1,4 @@
+import { TooltipElement } from '@/elements/tooltip';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-tooltip', TooltipElement);

packages/__tech-preview__/html/src/define/media-volume-slider.ts

@@ -0,0 +1,7 @@
+import { VolumeSliderIndicatorElement, VolumeSliderRootElement, VolumeSliderThumbElement, VolumeSliderTrackElement } from '@/elements/volume-slider';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('media-volume-slider', VolumeSliderRootElement);
+defineCustomElement('media-volume-slider-track', VolumeSliderTrackElement);
+defineCustomElement('media-volume-slider-indicator', VolumeSliderIndicatorElement);
+defineCustomElement('media-volume-slider-thumb', VolumeSliderThumbElement);

packages/__tech-preview__/html/src/define/video-provider.ts

@@ -0,0 +1,4 @@
+import { VideoProviderElement } from '@/media/video-provider';
+import { defineCustomElement } from '@/utils/custom-element';
+
+defineCustomElement('video-provider', VideoProviderElement);