interdiff of round #3 and #2 · pull #1 · finxol.io/blog

ERROR

.zed/settings.json

Failed to calculate interdiff for this file.

ERROR

app/components/BskyComments.vue

Failed to calculate interdiff for this file.

ERROR

app/pages/posts/[...slug].vue

Failed to calculate interdiff for this file.

ERROR

app/util/atproto.ts

Failed to calculate interdiff for this file.

ERROR

blog.config.ts

Failed to calculate interdiff for this file.

ERROR

content/posts/embracing-atproto-pt-2-tangled-knot.md

Failed to calculate interdiff for this file.

ERROR

content.config.ts

Failed to calculate interdiff for this file.

ERROR

globals.ts

Failed to calculate interdiff for this file.

ERROR

package.json

Failed to calculate interdiff for this file.

ERROR

pnpm-lock.yaml

Failed to calculate interdiff for this file.

ERROR

tsconfig.json

Failed to calculate interdiff for this file.

NEW

app/components/BskyPost.vue

···

       1
       1
       +
       <script setup lang="ts">

     

       2
       2
       +
       import type { AppBskyFeedDefs } from "@atcute/bluesky";

     

       3
       3
       +
       import { extractPostId } from "~/util/atproto";

     

       4
       4
       +
       

     

       5
       5
       +
       const props = defineProps<{

     

       6
       6
       +
           post: AppBskyFeedDefs.ThreadViewPost;

     

       7
       7
       +
           depth: number;

     

       8
       8
       +
       }>();

     

       9
       9
       +
       const { post, depth } = toRefs(props);

     

       10
       10
       +
       

     

       11
       11
       +
       const MAX_DEPTH = 2; // Max number of replies to a reply

     

       12
       12
       +
       </script>

     

       13
       13
       +
       

     

       14
       14
       +
       <template>

     

       15
       15
       +
       <div v-if="post && depth <= MAX_DEPTH" :class="['mt-6', depth > 0 ? 'ml-10' : '']">

     

       16
       16
       +
           <a :href="`https://bsky.app/profile/${post.post.author.handle}`" class="flex items-center gap-2 text-blue-500 hover:underline w-fit">

     

       17
       17
       +
               <img :src="post.post.author.avatar" :alt="post.post.author.displayName" class="size-8 rounded-full" />

     

       18
       18
       +
               <span>

     

       19
       19
       +
               {{ post.post.author.displayName }}

     

       20
       20
       +
               </span>

     

       21
       21
       +
           </a>

     

       22
       22
       +
           <div class="ml-10">{{ post.post.record.text }}</div>

     

       23
       23
       +
           <div class="flex items-baseline gap-4 ml-10 mt-2">

     

       24
       24
       +
               <p class="text-gray-500 text-sm" title="Replies">

     

       25
       25
       +
                   <Icon name="ri:reply-line" class="-mb-[2px] mr-1" />

     

       26
       26
       +
                   {{post.post.replyCount}}

     

       27
       27
       +
               </p>

     

       28
       28
       +
               <p class="text-gray-500 text-sm" title="Likes">

     

       29
       29
       +
                   <Icon name="ri:heart-3-line" class="-mb-[2px] mr-1" />

     

       30
       30
       +
                   <span>

     

       31
       31
       +
                       {{post.post.likeCount}}

     

       32
       32
       +
                   </span>

     

       33
       33
       +
               </p>

     

       34
       34
       +
               <p class="text-gray-500 text-sm" title="Bookmarks">

     

       35
       35
       +
                   <Icon name="ri:bookmark-line" class="-mb-[2px] mr-1" />

     

       36
       36
       +
                   {{post.post.bookmarkCount}}

     

       37
       37
       +
               </p>

     

       38
       38
       +
           </div>

     

       39
       39
       +
       

     

       40
       40
       +
           <div v-if="post.replies">

     

       41
       41
       +
               <div v-if="depth === MAX_DEPTH">

     

       42
       42
       +
                   <a :href="`https://bsky.app/profile/${post.post.author.handle}/post/${extractPostId(post.post.uri)}`" class="text-gray-500 text-sm flex items-center gap-2 mt-4 ml-10">

     

       43
       43
       +
                       View more replies on Bluesky

     

       44
       44
       +
                       <Icon name='ri:arrow-drop-right-line' />

     

       45
       45
       +
                   </a>

     

       46
       46
       +
               </div>

     

       47
       47
       +
               <div v-for="reply in post.replies">

     

       48
       48
       +
                   <BskyPost v-if="reply.$type === 'app.bsky.feed.defs#threadViewPost'" :post="reply" :depth="depth + 1" />

     

       49
       49
       +
               </div>

     

       50
       50
       +
           </div>

     

       51
       51
       +
       </div>

     

       52
       52
       +
       </template>

NEW

app/components/ShareActions.vue

···

       70
       70
        
       

     

       71
       71
        
       <template>

     

       72
       72
        
         <aside

     

       73
       73
       -
             class="print:hidden flex flex-row justify-center items-center gap-4 mt-24 md:w-[80%] mx-auto"

     

       73
       73
       +
             class="print:hidden flex flex-row justify-center items-center gap-4 mt-16 md:w-[80%] mx-auto"

     

       74
       74
        
         >

     

       75
       75
        
             <div class="h-1 bg-stone-200 dark:bg-stone-700 grow" />

     

       76
       76
        
             <div class="whitespace-nowrap px-4 flex flex-row items-center gap-4">

NEW

content/posts/blog-template.md

···

       7
       7
        
       tags:

     

       8
       8
        
         - open source

     

       9
       9
        
       published: true

     

       10
       10
       +
       bskyCid: 3lqatrbwkjk2a

     

       10
       11
        
       ---

     

       11
       12
        
       

     

       12
       13
        
       Are you enjoying this blog?

NEW

content/posts/embracing-atproto-pt-1-hosting-pds.md

···

       9
       9
        
         - atproto

     

       10
       10
        
         - self-hosting

     

       11
       11
        
       published: true

     

       12
       12
       +
       bskyCid: 3lxwbhjz4l22i

     

       12
       13
        
       ---

     

       13
       14
        
       

     

       14
       15
        
       The [Atmosphere Protocol](https://atproto.com/), or atproto for short, is the protocol behind the Bluesky social network.

NEW

content/posts/extending-openauth.md

···

       8
       8
        
         - auth

     

       9
       9
        
         - open source

     

       10
       10
        
       published: true

     

       11
       11
       +
       bskyCid: 3llnnj4z2xs2u

     

       11
       12
        
       ---

     

       12
       13
        
       

     

       13
       14
        
       I'm currently building [Karr](https://karr.mobi/?utm_source=finxol-blog&utm_content=openauth-post), an open-source federated carpool platform—it's still very early days, not much there yet.

NEW

deno.jsonc

···

       1
       1
        
       {

     

       2
       2
        
           "deploy": {

     

       3
       3
       -
               "org": "finxol",

     

       4
       4
       -
               "app": "blogging"

     

       3
       3
       +
             "org": "finxol",

     

       4
       4
       +
             "app": "blogging"

     

       5
       5
        
           }

     

       6
       6
        
       }