From 7724f79cc04ab530e07940eb571ddbe79fdf8e80 Mon Sep 17 00:00:00 2001 From: Roberto Hernandez Date: Mon, 19 Aug 2024 10:01:03 -0600 Subject: [PATCH 1/3] feat(emulsif-246): restructure video data files for SDC support --- .../videos/video-embed.component.yml | 21 +++++++++++++++++ src/components/videos/video-embed.yml | 2 -- .../videos/video-html5.component.yml | 23 +++++++++++++++++++ src/components/videos/video-html5.yml | 5 ---- 4 files changed, 44 insertions(+), 7 deletions(-) create mode 100644 src/components/videos/video-embed.component.yml delete mode 100644 src/components/videos/video-embed.yml create mode 100644 src/components/videos/video-html5.component.yml delete mode 100644 src/components/videos/video-html5.yml diff --git a/src/components/videos/video-embed.component.yml b/src/components/videos/video-embed.component.yml new file mode 100644 index 0000000..44f1b25 --- /dev/null +++ b/src/components/videos/video-embed.component.yml @@ -0,0 +1,21 @@ +$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json + +name: Video Embed +group: Components +status: stable +props: + type: object + required: + - video__type + - video_content + properties: + video__type: + type: string + title: Video Type + description: 'Specifies the type of video to embed. Possible values: embed, html5' + data: 'embed' + video_content: + type: string + title: Video Content + description: 'Directly specifies the HTML content for embed videos' + data: "" diff --git a/src/components/videos/video-embed.yml b/src/components/videos/video-embed.yml deleted file mode 100644 index e95c955..0000000 --- a/src/components/videos/video-embed.yml +++ /dev/null @@ -1,2 +0,0 @@ -video__type: 'embed' -video_content: "" diff --git a/src/components/videos/video-html5.component.yml b/src/components/videos/video-html5.component.yml new file mode 100644 index 0000000..3d805f8 --- /dev/null +++ b/src/components/videos/video-html5.component.yml @@ -0,0 +1,23 @@ +$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json + +name: Video HTML5 +group: Components +status: stable +props: + type: object + required: + - video__type + - video__urls + properties: + video__type: + type: string + title: Video Type + description: 'Specifies the type of video to embed. Possible values: embed, html5' + data: 'html5' + video__urls: + type: array + title: Video URLs + description: 'List of video URLs for HTML5 videos' + data: + - 'https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4' + - 'https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-webm-file.webm' diff --git a/src/components/videos/video-html5.yml b/src/components/videos/video-html5.yml deleted file mode 100644 index b49d5e0..0000000 --- a/src/components/videos/video-html5.yml +++ /dev/null @@ -1,5 +0,0 @@ -video__type: 'html5' -# Add remote or locally hosted MP4, WebM, or OGG files. -video__urls: - - 'https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4' - - 'https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-webm-file.webm' From 0b06b62e51a10b11726779acf9754a7134269bb7 Mon Sep 17 00:00:00 2001 From: Roberto Hernandez Date: Mon, 19 Aug 2024 10:01:16 -0600 Subject: [PATCH 2/3] feat(emulsif-245): restructure video stories file --- src/components/videos/videos.stories.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/videos/videos.stories.js b/src/components/videos/videos.stories.js index 94723d7..26b8eb8 100644 --- a/src/components/videos/videos.stories.js +++ b/src/components/videos/videos.stories.js @@ -1,8 +1,9 @@ import video from './video.twig'; -import videoEmbedData from './video-embed.yml'; -import videoHTML5Data from './video-html5.yml'; +import { props as videoEmbedProps } from './video-embed.component.yml'; +import { props as videoHTML5Props } from './video-html5.component.yml'; +import { mapDataToTwig } from '../../util/dataTransformers'; import './video-embed'; /** @@ -10,5 +11,8 @@ import './video-embed'; */ export default { title: 'Components/Media' }; +const videoEmbedData = mapDataToTwig(videoEmbedProps.properties); +const videoHTML5Data = mapDataToTwig(videoHTML5Props.properties); + export const videoEmbed = () => video(videoEmbedData); export const videoHtml5 = () => video(videoHTML5Data); From 4140f14a74b342dbc642b499b041a889e135b072 Mon Sep 17 00:00:00 2001 From: robherba Date: Fri, 23 Aug 2024 15:40:11 +0000 Subject: [PATCH 3/3] feat: create tokens --- src/components/tokens/_tokens.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/tokens/_tokens.scss b/src/components/tokens/_tokens.scss index fd378fe..9922298 100644 --- a/src/components/tokens/_tokens.scss +++ b/src/components/tokens/_tokens.scss @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Fri, 16 Aug 2024 00:39:27 GMT + * Generated on Fri, 23 Aug 2024 15:40:09 GMT */ :root {