ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-11 14:50:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: expose promoted template media slots

Browse Source
This commit is contained in:
James
2026-08-25 05:33:50 +00:00
parent a562946e11
commit 1e11608d44
27 changed files with 1336 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files
registry/blocks/share-sheet-carousel/share-sheet-carousel.html
Vendored
+47 -6
View File
@@ -7,7 +7,12 @@
{ "id": "itemLabel", "type": "string", "role": "content", "label": "Item", "description": "What the sender is offering, completing the sentence \"… would like to share …\".", "default": "a video" },
{ "id": "stripText", "type": "string", "role": "content", "label": "Brand strip", "description": "Small-caps line under the preview, beside the logo.", "default": "OPEN-SOURCE VIDEO ENGINE · SHIP FROM HTML" },
{ "id": "acceptLabel", "type": "string", "role": "content", "label": "Accept label", "description": "Right-hand action button.", "default": "Accept" },
{ "id": "declineLabel", "type": "string", "role": "content", "label": "Decline label", "description": "Left-hand action button.", "default": "Decline" }
{ "id": "declineLabel", "type": "string", "role": "content", "label": "Decline label", "description": "Left-hand action button.", "default": "Decline" },
{ "id": "slideImage1", "type": "image", "role": "content", "label": "Slide image 1", "description": "First carousel image; also fills the blurred background.", "default": "assets/slide-01.jpg" },
{ "id": "slideImage2", "type": "image", "role": "content", "label": "Slide image 2", "description": "Second carousel image; also fills the blurred background.", "default": "assets/slide-02.jpg" },
{ "id": "slideImage3", "type": "image", "role": "content", "label": "Slide image 3", "description": "Third carousel image; also fills the blurred background.", "default": "assets/slide-03.jpg" },
{ "id": "slideImage4", "type": "image", "role": "content", "label": "Slide image 4", "description": "Fourth carousel image; also fills the blurred background.", "default": "assets/slide-04.jpg" },
{ "id": "brandLogo", "type": "image", "role": "content", "label": "Brand logo", "description": "Transparent horizontal wordmark in the preview strip.", "default": "assets/hyperframes-logo-black.svg" }
]'
>
<head>
@@ -202,10 +207,38 @@
data-duration="7.2333"
data-track-index="1"
>
<img class="ssc-bg" id="ssc-bg-1" src="assets/slide-01.jpg" alt="" style="opacity: 1" />
<img class="ssc-bg" id="ssc-bg-2" src="assets/slide-02.jpg" alt="" style="opacity: 0" />
<img class="ssc-bg" id="ssc-bg-3" src="assets/slide-03.jpg" alt="" style="opacity: 0" />
<img class="ssc-bg" id="ssc-bg-4" src="assets/slide-04.jpg" alt="" style="opacity: 0" />
<img
class="ssc-bg"
id="ssc-bg-1"
data-var-src="slideImage1"
src="assets/slide-01.jpg"
alt=""
style="opacity: 1"
/>
<img
class="ssc-bg"
id="ssc-bg-2"
data-var-src="slideImage2"
src="assets/slide-02.jpg"
alt=""
style="opacity: 0"
/>
<img
class="ssc-bg"
id="ssc-bg-3"
data-var-src="slideImage3"
src="assets/slide-03.jpg"
alt=""
style="opacity: 0"
/>
<img
class="ssc-bg"
id="ssc-bg-4"
data-var-src="slideImage4"
src="assets/slide-04.jpg"
alt=""
style="opacity: 0"
/>
<div id="ssc-card">
<div id="ssc-cardclipper">
<div id="ssc-title">Share</div>
@@ -214,6 +247,7 @@
<img
class="ssc-slide"
id="ssc-slide-1"
data-var-src="slideImage1"
src="assets/slide-01.jpg"
alt=""
style="opacity: 1"
@@ -221,6 +255,7 @@
<img
class="ssc-slide"
id="ssc-slide-2"
data-var-src="slideImage2"
src="assets/slide-02.jpg"
alt=""
style="opacity: 0"
@@ -228,6 +263,7 @@
<img
class="ssc-slide"
id="ssc-slide-3"
data-var-src="slideImage3"
src="assets/slide-03.jpg"
alt=""
style="opacity: 0"
@@ -235,12 +271,17 @@
<img
class="ssc-slide"
id="ssc-slide-4"
data-var-src="slideImage4"
src="assets/slide-04.jpg"
alt=""
style="opacity: 0"
/>
<div id="ssc-strip">
<img src="assets/hyperframes-logo-black.svg" alt="HyperFrames" />
<img
data-var-src="brandLogo"
src="assets/hyperframes-logo-black.svg"
alt="Brand logo"
/>
<div id="ssc-strip-text">OPEN-SOURCE VIDEO ENGINE · SHIP FROM HTML</div>
</div>
</div>