diff --git a/bskyembed/README.md b/bskyembed/README.md new file mode 100644 index 00000000000..57cb42ef5e9 --- /dev/null +++ b/bskyembed/README.md @@ -0,0 +1,31 @@ +## Run / Test + +### Prep + +#### In `/bskyembed` + + # install deps + yarn + +#### In `/` (root) + +Make sure to follow main setup instructions first. + + # generate embed static files + yarn build-embed + +### Running + +#### In `/bskyweb` + + # run embedr service + make run-dev-embedr + +#### In `/bskyembed` + + # run dev server + yarn dev + +Web server will be available at http://localhost:5173. + +Navigate to http://localhost:5173/test for a comprehensive live list of embed test cases. \ No newline at end of file diff --git a/bskyembed/snippet/embed.ts b/bskyembed/snippet/embed.ts index 5cd86ed9876..280d163a05c 100644 --- a/bskyembed/snippet/embed.ts +++ b/bskyembed/snippet/embed.ts @@ -3,9 +3,10 @@ interface Window { bluesky: { scan: (element?: Pick) => void } + EMBED_URL?: string } -const EMBED_URL = 'https://embed.bsky.app' +const EMBED_URL = window.EMBED_URL || 'https://embed.bsky.app' window.bluesky = window.bluesky || { scan, diff --git a/bskyembed/test.html b/bskyembed/test.html new file mode 100644 index 00000000000..8e7b6fcaed9 --- /dev/null +++ b/bskyembed/test.html @@ -0,0 +1,1083 @@ + + + + + + + + + + +
+

Base embeds test

+
+
+
+

+

[image or embed] +

+ — test-all-embeds-b.bsky.social (@test-all-embeds-b.bsky.social) + Mar 13, 2025 at 6:58 PM +
+
Image
+
+ +
+
+

+ Test with self-label

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:24 PM +
+
Image w/ label
+
+ +
+
+

+

[image or embed] +

+ — test-all-embeds-b.bsky.social (@test-all-embeds-b.bsky.social) + Mar 13, 2025 at 6:59 PM +
+
Image
+
+ +
+
+

+ De Reclame, 11e Jaargang, No 8, 1932 + designreviewed.com/artefacts/de...

[image or embed] +

+ — Design Reviewed (@designreviewed.com) + Aug 19, 2025 at 2:45 PM +
+
Image x2
+
+ +
+
+

+ Test with 3 images

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 16, 2025 at 1:22 PM +
+
Image x3
+
+ +
+
+

+ Test with 4 images

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 16, 2025 at 1:23 PM +
+
Image x4
+
+ +
+
+

+

[image or embed] +

+ — test-all-embeds-b.bsky.social (@test-all-embeds-b.bsky.social) + Mar 13, 2025 at 6:58 PM +
+
Video
+
+ +
+
+

+ Test video with self-label

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:26 PM +
+
Video w/ label
+
+ +
+
+

+ Test gif

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:26 PM +
+
GIF
+
+ +
+
+

+ Test with list

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:27 PM +
+
List
+
+ +
+
+

+ Test list with self-label

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:28 PM +
+
List w/ label
+
+ +
+
+

+ Test with moderated list

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:28 PM +
+
List (takendown)
+
+ +
+
+

+ Test feed

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:29 PM +
+
Feed
+
+ +
+
+

+ Test adult content feed

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 16, 2025 at 1:32 PM +
+
Feed w/ label
+
+ +
+
+

+

[image or embed] +

+ — test-all-embeds-b.bsky.social (@test-all-embeds-b.bsky.social) + Mar 13, 2025 at 7:00 PM +
+
Link
+
+ +
+
+

+ Quote post of self-labeled moderated image

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:49 PM +
+
Link w/ label
+
+ +
+
+

+ Test starter pack

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:31 PM +
+
Starter pack
+
+ +
+
+

+ Test starter pack with self-label

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:32 PM +
+
Starter pack w/ self label
+
+ +
+
+

+ go.bsky.app/FVMZBTc test

[image or embed] +

+ — h 🪽 partner @ INTDEV (@hannah-final.bsky.social) + Aug 26, 2025 at 7:05 PM +
+
Starter pack w/ signups
+
+
+
+ + +
+

Quote posts

+
+
+
+

+ Quote post

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:32 PM +
+
Image
+
+ +
+
+

+ Quote post with moderated embed

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:32 PM +
+
Image w/ label
+
+ +
+
+

+ Quote post of video

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:33 PM +
+
Video
+
+ +
+
+

+ Quote post of moderated video

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:33 PM +
+
Moderated Video
+
+ +
+
+

+ Quote post of gif

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 16, 2025 at 1:39 PM +
+
GIF
+
+ +
+
+

+ Quote post of gif

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 16, 2025 at 1:39 PM +
+
List
+
+ +
+
+

+ Quote post of moderated list

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:33 PM +
+
List (takedown)
+
+ +
+
+

+ Quote post of feed

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:33 PM +
+
Feed
+
+ +
+
+

+ Quote post of link

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:33 PM +
+
Link
+
+ +
+
+

+ Quote post of moderated link

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:33 PM +
+
Link w/label
+
+ +
+
+

+ Quote post of starter pack

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:34 PM +
+
Starter pack
+
+
+
+ + +
+

Quote post states

+
+
+
+

+ Quoted post of deleted post

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:44 PM +
+
Deleted
+
+ +
+
+

+ Quoted post of detached post

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:44 PM +
+
Detached quoted post
+
+ +
+
+

+ Quoted post of user who blocks me

[image or embed] +

+ — Embed Tester (@test-all-embeds-a.bsky.social) + Mar 13, 2025 at 6:48 PM +
+
Blocked
+
+
+
+ + +
+

Default avatars

+
+
+
+

test

+ — test-all-embeds-b.bsky.social (@test-all-embeds-b.bsky.social) + Mar 13, 2025 at 6:54 PM +
+
Default avatar
+
+ +
+
+

+ quote

[image or embed] +

+ — beep boop 2 (@bleh-5.bsky.social) + Jun 9, 2025 at 9:00 AM +
+
Default avi quote
+
+ +
+
+

+ bsky.app/profile/did:...

[image or embed] +

+ — beep boop 2 (@bleh-5.bsky.social) + Jun 9, 2025 at 9:01 AM +
+
Default avi list
+
+ +
+
+

+ feed bsky.app/profile/why....

[image or embed] +

+ — beep boop 2 (@bleh-5.bsky.social) + Jun 9, 2025 at 9:04 AM +
+
Default avi feed
+
+
+
+ + +
+

Verification

+
+
+
+

+ Viewers in Africa, Asia, and Australia will be able to see the + blood moon in the sky—but those in the Americas will have to + settle for a live feed this time around. + www.wired.com/story/how-to...

[image or embed] +

+ — WIRED (@wired.com) + Aug 28, 2025 at 10:35 PM +
+
Trusted verifier
+
+ +
+
+

+ Wired is one of the few US media organisations which fully + appreciates what's happening.

[image or embed] +

+ — TJ McIntyre (@tjmcintyre.com) + Aug 25, 2025 at 12:46 AM +
+
Trusted verifier quoted
+
+ +
+
+

test

+ — Samuel (@samuel.bsky.team) + Aug 26, 2025 at 5:22 AM +
+
Verified
+
+ +
+
+

+ atproto in one post

[image or embed] +

+ — Samuel (@samuel.bsky.team) + Aug 26, 2025 at 1:30 PM +
+ +
Verified quoted
+
+
+
+ + +
+

Other languages

+
+
+
Japanese
+
+
+
Hebrew
+
+
+
+ + +
+

Misc

+
+
+
Post from labeler
+
+
+
Long name
+
+
+
Long handle
+
+
+
+ +