@ewanc26/svelte-standard-site 0.2.0

package/dist/components/document/LinearDocumentRenderer.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import BlockRenderer from './BlockRenderer.svelte';
+
+	interface LinearDocumentPage {
+		$type: 'pub.leaflet.pages.linearDocument';
+		id?: string;
+		blocks: Array<{
+			$type: 'pub.leaflet.pages.linearDocument#block';
+			block: any;
+			alignment?: string;
+		}>;
+	}
+
+	interface Props {
+		page: LinearDocumentPage;
+		did?: string;
+		pds?: string;
+		hasTheme?: boolean;
+	}
+
+	const { page, did = '', pds = '', hasTheme = false }: Props = $props();
+
+	function getAlignmentClass(alignment?: string): string {
+		switch (alignment) {
+			case '#textAlignLeft':
+				return 'text-left';
+			case '#textAlignCenter':
+				return 'text-center';
+			case '#textAlignRight':
+				return 'text-right';
+			case '#textAlignJustify':
+				return 'text-justify';
+			default:
+				return '';
+		}
+	}
+</script>
+
+<div class="space-y-6">
+	{#each page.blocks as blockWrapper}
+		<div class={getAlignmentClass(blockWrapper.alignment)}>
+			<BlockRenderer block={blockWrapper.block} {did} {pds} {hasTheme} />
+		</div>
+	{/each}
+</div>

package/dist/components/document/LinearDocumentRenderer.svelte.d.ts

@@ -0,0 +1,18 @@
+interface LinearDocumentPage {
+    $type: 'pub.leaflet.pages.linearDocument';
+    id?: string;
+    blocks: Array<{
+        $type: 'pub.leaflet.pages.linearDocument#block';
+        block: any;
+        alignment?: string;
+    }>;
+}
+interface Props {
+    page: LinearDocumentPage;
+    did?: string;
+    pds?: string;
+    hasTheme?: boolean;
+}
+declare const LinearDocumentRenderer: import("svelte").Component<Props, {}, "">;
+type LinearDocumentRenderer = ReturnType<typeof LinearDocumentRenderer>;
+export default LinearDocumentRenderer;

package/dist/components/document/MarkdownRenderer.svelte

@@ -0,0 +1,62 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+
+	interface Props {
+		/** Raw markdown string — rendered client-side via unified pipeline */
+		markdown?: string;
+		/** Pre-rendered HTML from the server — bypasses client-side processing */
+		html?: string;
+		class?: string;
+	}
+
+	let { markdown, html: prerenderedHtml, class: className = '' }: Props = $props();
+
+	let renderedHtml = $state<string>(prerenderedHtml ?? '');
+	let loading = $state(!prerenderedHtml && !!markdown);
+
+	onMount(async () => {
+		if (prerenderedHtml || !markdown) return;
+
+		try {
+			const [
+				{ unified },
+				{ default: remarkParse },
+				{ default: remarkGfm },
+				{ default: remarkRehype },
+				{ default: rehypeSlug },
+				{ default: rehypeStringify }
+			] = await Promise.all([
+				import('unified'),
+				import('remark-parse'),
+				import('remark-gfm'),
+				import('remark-rehype'),
+				import('rehype-slug'),
+				import('rehype-stringify')
+			]);
+
+			const processor = unified()
+				.use(remarkParse)
+				.use(remarkGfm)
+				.use(remarkRehype)
+				.use(rehypeSlug)
+				.use(rehypeStringify);
+
+			renderedHtml = String(await processor.process(markdown));
+		} catch {
+			// Fallback: naive paragraph split
+			renderedHtml = markdown
+				.split(/\n{2,}/)
+				.filter(Boolean)
+				.map((p) => `<p>${p.replace(/\n/g, '<br>')}</p>`)
+				.join('\n');
+		} finally {
+			loading = false;
+		}
+	});
+</script>
+
+{#if renderedHtml}
+	<div class="prose prose-lg max-w-none {className}">{@html renderedHtml}</div>
+{:else if loading}
+	<div class="prose prose-lg max-w-none {className} whitespace-pre-wrap opacity-70">{markdown}</div>
+{/if}

package/dist/components/document/MarkdownRenderer.svelte.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    /** Raw markdown string — rendered client-side via unified pipeline */
+    markdown?: string;
+    /** Pre-rendered HTML from the server — bypasses client-side processing */
+    html?: string;
+    class?: string;
+}
+declare const MarkdownRenderer: import("svelte").Component<Props, {}, "">;
+type MarkdownRenderer = ReturnType<typeof MarkdownRenderer>;
+export default MarkdownRenderer;

package/dist/components/document/RichText.svelte

@@ -0,0 +1,272 @@
+<script lang="ts">
+	import InlineMath from './InlineMath.svelte';
+	import { UnicodeString } from '@atproto/api';
+
+	interface Facet {
+		index: {
+			byteStart: number;
+			byteEnd: number;
+		};
+		features: Array<{
+			$type: string;
+			[key: string]: any;
+		}>;
+	}
+
+	interface Props {
+		plaintext: string;
+		facets?: Facet[];
+		hasTheme?: boolean;
+	}
+
+	const { plaintext, facets = [], hasTheme = false }: Props = $props();
+
+	interface RichTextSegment {
+		text: string;
+		facet?: Array<{ $type: string; [key: string]: any }>;
+	}
+
+	class RichText {
+		unicodeText: UnicodeString;
+		facets: Facet[];
+
+		constructor(props: { text: string; facets: Facet[] }) {
+			this.unicodeText = new UnicodeString(props.text || '');
+			this.facets = props.facets || [];
+			if (this.facets) {
+				this.facets = this.facets
+					.filter((facet) => facet.index.byteStart <= facet.index.byteEnd)
+					.sort((a, b) => a.index.byteStart - b.index.byteStart);
+			}
+		}
+
+		*segments(): Generator<RichTextSegment, void, void> {
+			const facets = this.facets || [];
+			if (!facets.length) {
+				yield { text: this.unicodeText.utf16 || '' };
+				return;
+			}
+
+			let textCursor = 0;
+			let facetCursor = 0;
+			do {
+				const currFacet = facets[facetCursor];
+				if (textCursor < currFacet.index.byteStart) {
+					const sliced = this.unicodeText.slice(textCursor, currFacet.index.byteStart);
+					yield {
+						text: sliced || ''
+					};
+				} else if (textCursor > currFacet.index.byteStart) {
+					facetCursor++;
+					continue;
+				}
+				if (currFacet.index.byteStart < currFacet.index.byteEnd) {
+					const subtext = this.unicodeText.slice(
+						currFacet.index.byteStart,
+						currFacet.index.byteEnd
+					);
+					const subtextStr = subtext || '';
+					if (!subtextStr.trim()) {
+						// don't emit empty string entities
+						yield { text: subtextStr };
+					} else {
+						yield { text: subtextStr, facet: currFacet.features };
+					}
+				}
+				textCursor = currFacet.index.byteEnd;
+				facetCursor++;
+			} while (facetCursor < facets.length);
+			if (textCursor < this.unicodeText.length) {
+				const sliced = this.unicodeText.slice(textCursor, this.unicodeText.length);
+				yield {
+					text: sliced || ''
+				};
+			}
+		}
+	}
+
+	interface ProcessedSegment {
+		parts: Array<{ text: string; isBr: boolean }>;
+		isBold: boolean;
+		isItalic: boolean;
+		isUnderline: boolean;
+		isStrikethrough: boolean;
+		isCode: boolean;
+		isHighlighted: boolean;
+		isMath: boolean;
+		isDidMention: boolean;
+		isAtMention: boolean;
+		link?: string;
+		id?: string;
+		did?: string;
+		atURI?: string;
+	}
+
+	function processSegments(): ProcessedSegment[] {
+		// Handle undefined or empty plaintext
+		const text = plaintext || '';
+		const richText = new RichText({ text, facets });
+		const result: ProcessedSegment[] = [];
+
+		for (const segment of richText.segments()) {
+			const id = segment.facet?.find((f) => f.$type === 'pub.leaflet.richtext.facet#id');
+			const link = segment.facet?.find((f) => f.$type === 'pub.leaflet.richtext.facet#link');
+			const isBold = segment.facet?.some((f) => f.$type === 'pub.leaflet.richtext.facet#bold');
+			const isCode = segment.facet?.some((f) => f.$type === 'pub.leaflet.richtext.facet#code');
+			const isStrikethrough = segment.facet?.some(
+				(f) => f.$type === 'pub.leaflet.richtext.facet#strikethrough'
+			);
+			const isDidMention = segment.facet?.find(
+				(f) => f.$type === 'pub.leaflet.richtext.facet#didMention'
+			);
+			const isAtMention = segment.facet?.find(
+				(f) => f.$type === 'pub.leaflet.richtext.facet#atMention'
+			);
+			const isUnderline = segment.facet?.some(
+				(f) => f.$type === 'pub.leaflet.richtext.facet#underline'
+			);
+			const isItalic = segment.facet?.some((f) => f.$type === 'pub.leaflet.richtext.facet#italic');
+			const isHighlighted = segment.facet?.some(
+				(f) => f.$type === 'pub.leaflet.richtext.facet#highlight'
+			);
+			const isMath = segment.facet?.some((f) => f.$type === 'pub.leaflet.richtext.facet#math');
+
+			// Split text by newlines and mark br elements - handle undefined segment.text
+			const segmentText = segment.text || '';
+			const textParts = segmentText.split('\n');
+			const parts = textParts.flatMap((part, i) =>
+				i < textParts.length - 1
+					? [
+							{ text: part, isBr: false },
+							{ text: '', isBr: true }
+						]
+					: [{ text: part, isBr: false }]
+			);
+
+			result.push({
+				parts,
+				isBold: isBold || false,
+				isItalic: isItalic || false,
+				isUnderline: isUnderline || false,
+				isStrikethrough: isStrikethrough || false,
+				isCode: isCode || false,
+				isHighlighted: isHighlighted || false,
+				isMath: isMath || false,
+				isDidMention: !!isDidMention,
+				isAtMention: !!isAtMention,
+				link: link?.uri,
+				id: id?.id,
+				did: isDidMention?.did,
+				atURI: isAtMention?.atURI
+			});
+		}
+
+		return result;
+	}
+
+	const segments = $derived(processSegments());
+</script>
+
+{#each segments as segment, i}
+	{#each segment.parts as part, j}
+		{#if part.isBr}
+			<br />
+		{:else if segment.isMath}
+			<InlineMath tex={part.text} {hasTheme} />
+		{:else}
+			{@const classes = [
+				segment.isCode ? 'inline-code' : '',
+				segment.id ? 'scroll-mt-12 scroll-mb-10' : '',
+				segment.isBold ? 'font-bold' : '',
+				segment.isItalic ? 'italic' : '',
+				segment.isUnderline ? 'underline' : '',
+				segment.isStrikethrough ? 'line-through decoration-tertiary' : '',
+				segment.isHighlighted ? 'highlight' : ''
+			]
+				.filter(Boolean)
+				.join(' ')}
+
+			{#if segment.isCode}
+				<code class={classes} id={segment.id}>{part.text}</code>
+			{:else if segment.isDidMention}
+				<a
+					href={`https://leaflet.pub/p/${segment.did}`}
+					target="_blank"
+					rel="noopener noreferrer"
+					class="no-underline"
+				>
+					<span class="mention {classes}" class:themed={hasTheme}>{part.text}</span>
+				</a>
+			{:else if segment.isAtMention}
+				<a
+					href={segment.atURI}
+					target="_blank"
+					rel="noopener noreferrer"
+					class="hover:underline {classes}"
+					class:themed={hasTheme}
+				>
+					{part.text}
+				</a>
+			{:else if segment.link}
+				<a
+					href={segment.link.trim()}
+					class="hover:underline {classes}"
+					class:themed={hasTheme}
+					target="_blank"
+					rel="noopener noreferrer"
+				>
+					{part.text}
+				</a>
+			{:else}
+				<span class={classes} id={segment.id}>{part.text}</span>
+			{/if}
+		{/if}
+	{/each}
+{/each}
+
+<style>
+	.mention {
+		cursor: pointer;
+		color: rgb(0 0 225);
+		padding: 0 0.125rem;
+		border-radius: 0.25rem;
+		background-color: color-mix(in oklab, rgb(0 0 225), transparent 80%);
+		border: 1px solid transparent;
+		display: inline;
+		white-space: normal;
+	}
+
+	.mention.themed {
+		color: var(--theme-accent);
+		background-color: color-mix(in oklab, var(--theme-accent), transparent 80%);
+	}
+
+	a {
+		color: rgb(0 0 225);
+	}
+
+	a.themed {
+		color: var(--theme-accent);
+	}
+
+	.inline-code {
+		display: inline;
+		font-size: 1em;
+		background-color: color-mix(in oklab, currentColor, transparent 90%);
+		font-family: ui-monospace, monospace;
+		padding: 1px;
+		margin: -1px;
+		border-radius: 4px;
+		box-decoration-break: clone;
+		-webkit-box-decoration-break: clone;
+	}
+
+	.highlight {
+		padding: 1px;
+		margin: -1px;
+		border-radius: 4px;
+		box-decoration-break: clone;
+		-webkit-box-decoration-break: clone;
+		background-color: rgb(255, 177, 177);
+	}
+</style>

package/dist/components/document/RichText.svelte.d.ts

@@ -0,0 +1,18 @@
+interface Facet {
+    index: {
+        byteStart: number;
+        byteEnd: number;
+    };
+    features: Array<{
+        $type: string;
+        [key: string]: any;
+    }>;
+}
+interface Props {
+    plaintext: string;
+    facets?: Facet[];
+    hasTheme?: boolean;
+}
+declare const RichText: import("svelte").Component<Props, {}, "">;
+type RichText = ReturnType<typeof RichText>;
+export default RichText;

package/dist/components/document/blocks/BlockquoteBlock.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import RichText from '../RichText.svelte';
+
+	interface Props {
+		block: {
+			plaintext: string;
+			facets?: any[];
+		};
+		hasTheme?: boolean;
+	}
+
+	const { block, hasTheme = false }: Props = $props();
+</script>
+
+<blockquote class="blockquote mt-1 mb-2" class:themed={hasTheme}>
+	<RichText plaintext={block.plaintext} facets={block.facets} {hasTheme} />
+</blockquote>
+
+<style>
+	.blockquote {
+		border-left: 2px solid rgb(107 114 128); /* Default gray color */
+		padding-left: 0.75rem;
+		margin-left: 0.5rem;
+	}
+
+	.blockquote.themed {
+		border-color: var(--theme-accent);
+	}
+</style>

package/dist/components/document/blocks/BlockquoteBlock.svelte.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    block: {
+        plaintext: string;
+        facets?: any[];
+    };
+    hasTheme?: boolean;
+}
+declare const BlockquoteBlock: import("svelte").Component<Props, {}, "">;
+type BlockquoteBlock = ReturnType<typeof BlockquoteBlock>;
+export default BlockquoteBlock;

package/dist/components/document/blocks/BskyPostBlock.svelte

@@ -0,0 +1,202 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+
+	interface Props {
+		block: {
+			postRef: {
+				uri: string;
+				cid: string;
+			};
+		};
+		hasTheme?: boolean;
+		postData?: any; // The full post data if already fetched
+	}
+
+	const { block, hasTheme = false, postData }: Props = $props();
+
+	let post = $state<any>(null);
+	let loading = $state(true);
+	let error = $state<string | null>(null);
+
+	// Extract post info from AT URI
+	function extractPostInfo(uri: string): { did: string; rkey: string } | null {
+		const match = uri.match(/^at:\/\/([^/]+)\/app\.bsky\.feed\.post\/(.+)$/);
+		if (!match) return null;
+		return { did: match[1], rkey: match[2] };
+	}
+
+	const postInfo = $derived(extractPostInfo(block.postRef.uri));
+	const postUrl = $derived(
+		postInfo ? `https://bsky.app/profile/${postInfo.did}/post/${postInfo.rkey}` : null
+	);
+
+	onMount(async () => {
+		// Use postData if provided
+		if (postData) {
+			post = postData;
+			loading = false;
+			return;
+		}
+
+		// You would fetch the post data here from your API or Bluesky API
+		// For now, we'll just show a simple link
+		loading = false;
+	});
+</script>
+
+{#if loading}
+	<div
+		class="relative my-2 flex w-full flex-col gap-2 overflow-hidden rounded-md border bg-white p-3 text-sm dark:bg-gray-900"
+		style:border-color={hasTheme ? 'var(--theme-accent)' : undefined}
+		class:border-gray-200={!hasTheme}
+		class:dark:border-gray-700={!hasTheme}
+	>
+		<div class="animate-pulse">
+			<div class="mb-2 h-8 w-8 rounded-full bg-gray-200 dark:bg-gray-700"></div>
+			<div class="mb-2 h-4 w-3/4 rounded bg-gray-200 dark:bg-gray-700"></div>
+			<div class="h-4 w-1/2 rounded bg-gray-200 dark:bg-gray-700"></div>
+		</div>
+	</div>
+{:else if error}
+	<div
+		class="relative my-2 flex w-full flex-col gap-2 overflow-hidden rounded-md border border-red-200 bg-red-50 p-3 text-sm dark:border-red-800 dark:bg-red-950"
+	>
+		<p class="text-red-600 dark:text-red-400">Failed to load Bluesky post: {error}</p>
+	</div>
+{:else if post && post.author && post.record}
+	<div
+		class="relative my-2 flex w-full flex-col gap-2 overflow-hidden rounded-md border bg-white p-3 text-sm dark:bg-gray-900"
+		style:border-color={hasTheme ? 'var(--theme-accent)' : undefined}
+		class:border-gray-200={!hasTheme}
+		class:dark:border-gray-700={!hasTheme}
+	>
+		<div class="flex w-full items-center gap-2">
+			{#if post.author.avatar}
+				<img
+					src={post.author.avatar}
+					alt="{post.author.displayName}'s avatar"
+					class="h-8 w-8 shrink-0 rounded-full border border-gray-200 dark:border-gray-700"
+				/>
+			{/if}
+			<div class="flex grow flex-col gap-0.5 leading-tight">
+				<div class="font-bold text-gray-900 dark:text-gray-100">
+					{post.author.displayName}
+				</div>
+				<a
+					href="https://bsky.app/profile/{post.author.handle}"
+					target="_blank"
+					rel="noopener noreferrer"
+					class="text-xs text-gray-600 hover:underline dark:text-gray-400"
+				>
+					@{post.author.handle}
+				</a>
+			</div>
+		</div>
+
+		<div class="flex flex-col gap-2">
+			{#if post.record.text}
+				<pre class="whitespace-pre-wrap text-gray-900 dark:text-gray-100">{post.record.text}</pre>
+			{/if}
+
+			{#if post.embed}
+				<div>
+					<!-- Embed rendering would go here -->
+					<div class="text-sm text-gray-600 italic dark:text-gray-400">[Embedded content]</div>
+				</div>
+			{/if}
+		</div>
+
+		<div class="flex w-full items-center justify-between gap-2 text-gray-600 dark:text-gray-400">
+			{#if post.record.createdAt}
+				<div class="text-xs">
+					{new Date(post.record.createdAt).toLocaleDateString('en-US', {
+						month: 'short',
+						day: 'numeric',
+						year: 'numeric',
+						hour: 'numeric',
+						minute: 'numeric',
+						hour12: true
+					})}
+				</div>
+			{/if}
+			<div class="flex items-center gap-2">
+				{#if post.replyCount != null && post.replyCount > 0}
+					<span class="flex items-center gap-1 text-xs">
+						<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
+							/>
+						</svg>
+						{post.replyCount}
+					</span>
+				{/if}
+				{#if post.quoteCount != null && post.quoteCount > 0}
+					<span class="flex items-center gap-1 text-xs">
+						<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"
+							/>
+						</svg>
+						{post.quoteCount}
+					</span>
+				{/if}
+				<a
+					href={postUrl}
+					target="_blank"
+					rel="noopener noreferrer"
+					class="transition-opacity hover:opacity-70"
+					title="View on Bluesky"
+				>
+					<svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24">
+						<path
+							d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"
+						/>
+					</svg>
+				</a>
+			</div>
+		</div>
+	</div>
+{:else if postUrl}
+	<div
+		class="my-2 rounded-md border bg-white p-6 dark:bg-gray-900"
+		style:border-color={hasTheme ? 'var(--theme-accent)' : undefined}
+		class:border-gray-200={!hasTheme}
+		class:dark:border-gray-700={!hasTheme}
+	>
+		<div class="mb-3 flex items-center gap-2 text-sm font-medium">
+			<svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">
+				<path
+					d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"
+				/>
+			</svg>
+			<span style:color={hasTheme ? 'var(--theme-accent)' : undefined}> Bluesky Post </span>
+		</div>
+		<a
+			href={postUrl}
+			target="_blank"
+			rel="noopener noreferrer"
+			class="inline-flex items-center gap-2 text-sm font-medium transition-all hover:gap-3"
+			style:color={hasTheme ? 'var(--theme-accent)' : undefined}
+		>
+			View on Bluesky
+			<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+				<path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="2"
+					d="M14 5l7 7m0 0l-7 7m7-7H3"
+				/>
+			</svg>
+		</a>
+	</div>
+{:else}
+	<div class="my-4 rounded-lg border border-yellow-500/20 bg-yellow-500/5 p-4">
+		<p class="text-sm text-yellow-600 dark:text-yellow-400">Invalid Bluesky post reference</p>
+	</div>
+{/if}

package/dist/components/document/blocks/BskyPostBlock.svelte.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    block: {
+        postRef: {
+            uri: string;
+            cid: string;
+        };
+    };
+    hasTheme?: boolean;
+    postData?: any;
+}
+declare const BskyPostBlock: import("svelte").Component<Props, {}, "">;
+type BskyPostBlock = ReturnType<typeof BskyPostBlock>;
+export default BskyPostBlock;