commit 590df666427c3af5aae2ed4b6e244fbb3124a947 · knotbin.com/blog

+5

components/post-list-item.tsx

···

       72
        
                   <Title className="text-lg w-full" level="h3">

     

       73
        
                     {post.title}

     

       74
        
                   </Title>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       75
        
                   <PostInfo

     

       76
        
                     content={post.content}

     

       77
        
                     createdAt={post.createdAt}

···

       72
        
                   <Title className="text-lg w-full" level="h3">

     

       73
        
                     {post.title}

     

       74
        
                   </Title>

     

       75
       +
                   {post.subtitle && (

     

       76
       +
                     <p className="text-sm text-slate-600 dark:text-slate-300 font-serif italic line-clamp-2">

     

       77
       +
                       {post.subtitle}

     

       78
       +
                     </p>

     

       79
       +
                   )}

     

       80
        
                   <PostInfo

     

       81
        
                     content={post.content}

     

       82
        
                     createdAt={post.createdAt}

-9

lib/bsky.ts

···

       1
       -
       import { CredentialManager, XRPC } from "npm:@atcute/client";

     

       2
       -
       

     

       3
       -
       import { env } from "./env.ts";

     

       4
       -
       

     

       5
       -
       const handler = new CredentialManager({

     

       6
       -
         service: env.NEXT_PUBLIC_BSKY_PDS,

     

       7
       -
         fetch,

     

       8
       -
       });

     

       9
       -
       export const bsky = new XRPC({ handler });

+7 -1

routes/post/[slug].tsx

···

       12
        
         uri: string;

     

       13
        
         value: {

     

       14
        
           title: string;

     

       0
        
       
     

       15
        
           content: string;

     

       16
        
           createdAt: string;

     

       17
        
         };

     
···

       110
        
           <>

     

       111
        
             <Head>

     

       112
        
               <title>{post.value.title} — knotbin</title>

     

       113
       -
               <meta name="description" content="by Roscoe Rubin-Rottenberg" />

     

       114
        
               {/* Merge GFM's default styles with our dark-mode overrides */}

     

       115
        
               <style

     

       116
        
                 dangerouslySetInnerHTML={{ __html: CSS + transparentDarkModeCSS }}

     
···

       124
        
                   <article class="w-full space-y-8">

     

       125
        
                     <div class="space-y-4 w-full">

     

       126
        
                       <Title>{post.value.title}</Title>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       127
        
                       <PostInfo

     

       128
        
                         content={post.value.content}

     

       129
        
                         createdAt={post.value.createdAt}

···

       12
        
         uri: string;

     

       13
        
         value: {

     

       14
        
           title: string;

     

       15
       +
           subtitle?: string;

     

       16
        
           content: string;

     

       17
        
           createdAt: string;

     

       18
        
         };

     
···

       111
        
           <>

     

       112
        
             <Head>

     

       113
        
               <title>{post.value.title} — knotbin</title>

     

       114
       +
               <meta name="description" content={post.value.subtitle || "by Roscoe Rubin-Rottenberg"} />

     

       115
        
               {/* Merge GFM's default styles with our dark-mode overrides */}

     

       116
        
               <style

     

       117
        
                 dangerouslySetInnerHTML={{ __html: CSS + transparentDarkModeCSS }}

     
···

       125
        
                   <article class="w-full space-y-8">

     

       126
        
                     <div class="space-y-4 w-full">

     

       127
        
                       <Title>{post.value.title}</Title>

     

       128
       +
                       {post.value.subtitle && (

     

       129
       +
                         <p class="text-xl text-slate-600 dark:text-slate-300 font-serif italic">

     

       130
       +
                           {post.value.subtitle}

     

       131
       +
                         </p>

     

       132
       +
                       )}

     

       133
        
                       <PostInfo

     

       134
        
                         content={post.value.content}

     

       135
        
                         createdAt={post.value.createdAt}

+17 -7

routes/rss.ts

···

       21
        
         });

     

       22
        
       

     

       23
        
         for (const post of posts) {

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       24
        
           rss.item({

     

       25
        
             title: post.value.title ?? "Untitled",

     

       26
       -
             description: await unified()

     

       27
       -
               .use(remarkParse)

     

       28
       -
               .use(remarkRehype)

     

       29
       -
               .use(rehypeFormat)

     

       30
       -
               .use(rehypeStringify)

     

       31
       -
               .process(post.value.content)

     

       32
       -
               .then((v) => v.toString()),

     

       33
        
             url: `https://knotbin.com/post/${post.uri.split("/").pop()}`,

     

       34
        
             date: new Date(post.value.createdAt ?? Date.now()),

     

       35
        
           });

···

       21
        
         });

     

       22
        
       

     

       23
        
         for (const post of posts) {

     

       24
       +
           const description = post.value.subtitle 

     

       25
       +
             ? `${post.value.subtitle}\n\n${await unified()

     

       26
       +
                 .use(remarkParse)

     

       27
       +
                 .use(remarkRehype)

     

       28
       +
                 .use(rehypeFormat)

     

       29
       +
                 .use(rehypeStringify)

     

       30
       +
                 .process(post.value.content)

     

       31
       +
                 .then((v) => v.toString())}`

     

       32
       +
             : await unified()

     

       33
       +
                 .use(remarkParse)

     

       34
       +
                 .use(remarkRehype)

     

       35
       +
                 .use(rehypeFormat)

     

       36
       +
                 .use(rehypeStringify)

     

       37
       +
                 .process(post.value.content)

     

       38
       +
                 .then((v) => v.toString());

     

       39
       +
       

     

       40
        
           rss.item({

     

       41
        
             title: post.value.title ?? "Untitled",

     

       42
       +
             description,

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       43
        
             url: `https://knotbin.com/post/${post.uri.split("/").pop()}`,

     

       44
        
             date: new Date(post.value.createdAt ?? Date.now()),

     

       45
        
           });