Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: Youtube Integration #34

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

scriptscrypt
Copy link

@scriptscrypt scriptscrypt commented Oct 21, 2024

This PR adds the functionality for rendering blinks and actions from youtube.
Demo here : https://youtu.be/xSMyBGzGGtc

The Files changed include :
Youtube.tsx - The logic of detecting the comments section, validating if it's a blink url and rendering the Blink happens here.
Package.json - exports from the paths of the build folder (dist)
index.css - added the styles for StylePreset - youtube-light and youtube-dark
types.ts, presets.ts, postcss.config.js - added the StylePresets

Minute changes in :
useActionSolanaWalletAdapter - Fixes the Buffer error on the base64 conversion (sometimes)
blinks/src/index.ts - Added missing import

@zhelezkov
Copy link
Contributor

wow! thanks for PR, this looks amazing. gonna review it shortly

@@ -6,6 +6,11 @@
.blink {
container-type: inline-size;
}
/* Restricting the Width only for Youtube - can be done either ways */
/* Can also change depending on the platform */
.blink.youtube-dark, .blink.youtube-light {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd recommend controlling the width through youtube.tsx, where the injected Blink component is rendered with a max-w wrapper

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

meaning: createYouTubeAction's div with stopPropagation

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done, Please check the below Commit : 6e02c65

@scriptscrypt scriptscrypt requested a review from fsher October 23, 2024 16:36
@scriptscrypt
Copy link
Author

@fsher @zhelezkov any update on this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

3 participants