@atmo-dev/kit 0.3.0 → 0.4.0

package/dist/social/posts.js

@@ -1,4 +1,69 @@
+import { isActorIdentifier, isRecordKey } from '@atcute/lexicons/syntax';
 import { blueskyProfileUrl } from './urls.js';
+/** Convert record-view variants without mistaking blocked authors or starter packs for posts. */
+function recordEmbed(record, depth) {
+    const type = record.$type;
+    if (record.blocked || type === 'app.bsky.embed.record#viewBlocked')
+        return { type: 'quote', unavailable: true, reason: 'blocked' };
+    if (record.detached || type === 'app.bsky.embed.record#viewDetached')
+        return { type: 'quote', unavailable: true, reason: 'detached' };
+    if (record.notFound || type === 'app.bsky.embed.record#viewNotFound')
+        return { type: 'quote', unavailable: true };
+    const kind = {
+        'app.bsky.feed.defs#generatorView': 'feed',
+        'app.bsky.graph.defs#listView': 'list',
+        'app.bsky.graph.defs#starterPackViewBasic': 'starter-pack',
+        'app.bsky.labeler.defs#labelerView': 'labeler'
+    };
+    const recordKind = Object.hasOwn(kind, type ?? '') ? kind[type] : undefined;
+    if (recordKind) {
+        const match = /^at:\/\/([^/]+)\/([^/]+)\/([^/]+)$/.exec(record.uri ?? '');
+        if (!match)
+            return { type: 'unsupported' };
+        const [, actor, , rkey] = match;
+        if (!isActorIdentifier(actor) || !isRecordKey(rkey))
+            return { type: 'unsupported' };
+        const details = record.record;
+        const profile = blueskyProfileUrl(actor);
+        const href = recordKind === 'starter-pack'
+            ? `https://bsky.app/starter-pack/${actor}/${encodeURIComponent(rkey)}`
+            : recordKind === 'labeler'
+                ? profile
+                : `${profile}/${recordKind === 'feed' ? 'feed' : 'lists'}/${encodeURIComponent(rkey)}`;
+        return {
+            type: 'record',
+            kind: recordKind,
+            href,
+            title: record.displayName ||
+                record.name ||
+                (typeof details?.name === 'string' && details.name) ||
+                record.creator?.displayName ||
+                record.creator?.handle ||
+                'Untitled',
+            description: record.description ||
+                (typeof details?.description === 'string' ? details.description : undefined),
+            image: record.avatar || (recordKind === 'labeler' ? record.creator?.avatar : undefined),
+            handle: record.creator?.handle
+        };
+    }
+    if (record.uri &&
+        record.author?.handle &&
+        depth < 3 &&
+        (!type || type === 'app.bsky.embed.record#viewRecord')) {
+        return {
+            type: 'quote',
+            post: blueskyPostToPostData({
+                ...record,
+                uri: record.uri,
+                author: { ...record.author, handle: record.author.handle },
+                record: record.record
+            }, depth + 1)
+        };
+    }
+    return type && type !== 'app.bsky.embed.record#viewRecord'
+        ? { type: 'unsupported' }
+        : { type: 'quote', unavailable: true };
+}
 export function blueskyPostToPostData(post, depth = 0) {
     const record = post.record ?? post.value;
     const result = {
@@ -14,11 +79,14 @@ export function blueskyPostToPostData(post, depth = 0) {
         facets: record?.facets,
         createdAt: record?.createdAt,
         replyCount: post.replyCount,
+        repostCount: post.repostCount,
         likeCount: post.likeCount,
         embeds: []
     };
     function add(embed) {
-        if (embed.images)
+        if (embed.media)
+            add(embed.media);
+        if (embed.images) {
             result.embeds.push({
                 type: 'images',
                 images: embed.images.map((image) => ({
@@ -28,7 +96,23 @@ export function blueskyPostToPostData(post, depth = 0) {
                     ...image.aspectRatio
                 }))
             });
-        if (embed.external)
+        }
+        else if (embed.items) {
+            const images = embed.items.filter((item) => item.thumbnail && (!item.$type || item.$type === 'app.bsky.embed.gallery#viewImage'));
+            if (images.length)
+                result.embeds.push({
+                    type: 'images',
+                    images: images.map((image) => ({
+                        src: image.thumbnail,
+                        fullsize: image.fullsize,
+                        alt: image.alt ?? '',
+                        ...image.aspectRatio
+                    }))
+                });
+            if (images.length !== embed.items.length)
+                result.embeds.push({ type: 'unsupported' });
+        }
+        else if (embed.external) {
             result.embeds.push({
                 type: 'external',
                 uri: embed.external.uri,
@@ -36,22 +120,25 @@ export function blueskyPostToPostData(post, depth = 0) {
                 description: embed.external.description,
                 image: embed.external.thumb
             });
-        if (embed.playlist)
+        }
+        else if (embed.playlist) {
             result.embeds.push({
                 type: 'video',
                 playlist: embed.playlist,
                 poster: embed.thumbnail,
                 alt: embed.alt
             });
-        if (embed.media)
-            add(embed.media);
-        if (embed.record && depth < 3) {
-            const quote = embed.record.record ?? embed.record;
-            result.embeds.push({
-                type: 'quote',
-                post: quote.author && quote.uri ? blueskyPostToPostData(quote, depth + 1) : undefined,
-                unavailable: !quote.author
-            });
+        }
+        else if (!embed.record && !embed.media) {
+            result.embeds.push({ type: 'unsupported' });
+        }
+        if (embed.record) {
+            // recordWithMedia wraps an embed.record#view; a plain record embed does not.
+            const quote = embed.record.$type === 'app.bsky.embed.record#view' ||
+                (!embed.record.uri && embed.record.record)
+                ? embed.record.record
+                : embed.record;
+            result.embeds.push(quote ? recordEmbed(quote, depth) : { type: 'quote', unavailable: true });
         }
     }
     for (const embed of post.embeds ?? (post.embed ? [post.embed] : []))

package/dist/social.d.ts

@@ -1,3 +1,5 @@
 export { PREFERRED_CLIENT_COLLECTION, PREFERRED_CLIENT_RKEY, PREFERRED_CLIENT_SCOPE, socialClients, normalizeSocialClientUrl, parsePreferredSocialClient, preferredSocialClientRecord, socialClientInfo } from './social/preferred-client.js';
 export type { SocialClientId, PreferredSocialClient } from './social/preferred-client.js';
+export { defaultExternalEmbedProviders, youtubeEmbedProvider, klipyEmbedProvider, resolveExternalEmbed } from './social/external-embeds.js';
+export type { ExternalPostEmbed, ExternalEmbedProvider, ExternalEmbedPlayer } from './social/external-embeds.js';
 export { blueskyProfileUrl, socialProfileUrl, socialPostUrl, socialHashtagUrl } from './social/urls.js';

package/dist/social.js

@@ -1,2 +1,3 @@
 export { PREFERRED_CLIENT_COLLECTION, PREFERRED_CLIENT_RKEY, PREFERRED_CLIENT_SCOPE, socialClients, normalizeSocialClientUrl, parsePreferredSocialClient, preferredSocialClientRecord, socialClientInfo } from './social/preferred-client.js';
+export { defaultExternalEmbedProviders, youtubeEmbedProvider, klipyEmbedProvider, resolveExternalEmbed } from './social/external-embeds.js';
 export { blueskyProfileUrl, socialProfileUrl, socialPostUrl, socialHashtagUrl } from './social/urls.js';

package/dist/streamplace.d.ts

@@ -0,0 +1,6 @@
+export { parseStreamplaceLink } from './grain/urls.js';
+export type StreamplaceLink = {
+    actor: string;
+    url: string;
+};
+export type StreamplaceSelection = (stream: StreamplaceLink) => void | string | Promise<void | string>;

package/dist/streamplace.js

@@ -0,0 +1 @@
+export { parseStreamplaceLink } from './grain/urls.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atmo-dev/kit",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "The shared UI foundation for Atmo apps.",
   "license": "MIT",
   "repository": {
@@ -27,6 +27,18 @@
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./grain": {
+      "types": "./dist/grain.d.ts",
+      "default": "./dist/grain.js"
+    },
+    "./streamplace": {
+      "types": "./dist/streamplace.d.ts",
+      "default": "./dist/streamplace.js"
+    },
+    "./media": {
+      "types": "./dist/media.d.ts",
+      "default": "./dist/media.js"
+    },
     "./social": {
       "types": "./dist/social.d.ts",
       "default": "./dist/social.js"