···

       
252
       
 
       
    justify-content: space-between;

     

       
253
       
 
       
    margin-top: 10px;

     

       
254
       
 
       
  }

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
255
       
 
       
}
     

···

       
252
       
 
       
    justify-content: space-between;

     

       
253
       
 
       
    margin-top: 10px;

     

       
254
       
 
       
  }

     

       
255
       
+
       
}

     

       
256
       
+
       


     

       
257
       
+
       
[popover] {

     

       
258
       
+
       
  max-height: calc(100% - 40px);

     

       
259
       
+
       
  max-width: calc(100% - 40px);

     

       
260
       
+
       
  display: none;

     

       
261
       
+
       
  grid-template-rows: 1fr auto;

     

       
262
       
+
       
  border: 1px var(--border-color) solid;

     

       
263
       
+
       
  background-color: var(--background-color);

     

       
264
       
+
       
  

     

       
265
       
+
       
  &:popover-open {

     

       
266
       
+
       
    display: grid;

     

       
267
       
+
       
  }

     

       
268
       
+
       
  

     

       
269
       
+
       
  img {

     

       
270
       
+
       
    object-fit: contain;

     

       
271
       
+
       
  }

     

       
272
       
+
       
  

     

       
273
       
+
       
  .alt {

     

       
274
       
+
       
    padding: 10px;

     

       
275
       
+
       
  }

     

       
276
       
+
       
}

     

       
277
       
+
       


     

       
278
       
+
       
::backdrop {

     

       
279
       
+
       
  backdrop-filter: blur(5px);

     

       
280
       
+
       
  background-color: color-mix(in srgb-linear, var(--background-color), rgba(0,0,0,.35) 20%);

     

       
281
       
 
       
}
     

···

       
1
       
 
       
<?php

     

       
2
       
 
       
namespace Smallnest\BskyOps;

     

       
3
       
 
       


     

       
0
       
 
       

     

       
4
       
 
       
require_once('vendor/autoload.php');

     

       
5
       
 
       
require_once('lib/bskyProvider.php');

     

       
6
       
 
       


     
···

       
62
       
 
       
    $embeds = $this->renderEmbeds($post->embedType, $post->embeds, $post);

     

       
63
       
 
       
    $imageEmbedClass = $post->embedType === "images" ? " img-".count($post->embeds) : "";

     

       
64
       
 
       
    echo <<<EOD

     

       
65
       
-
       
<div class="post">

     

       
66
       
 
       
  <div class="postHeader">

     

       
67
       
 
       
    <div class="avatar">

     

       
68
       
 
       
      <a href="$profileLink"><img src="$post->avatar" /></a>

     
···

       
92
       
 
       


     

       
93
       
 
       
  function renderEmbeds($type, $embeds, $context) {

     

       
94
       
 
       
    $ret = "";

     

       
95
       
-
       
    print_r($embeds);

     

       
96
       
 
       
    if ($type === 'images') {

     

       
97
       
 
       
      $imageCount = count($embeds);

     

       
98
       
 
       
      foreach ($embeds as $embed) {

     
···

       
110
       
 
       
    } else if ($type === 'video') {

     

       
111
       
 
       
      $thumb = $embeds[0]->thumb;

     

       
112
       
 
       
      $vid = $embeds[0]->video;

     

       
0
       
 
       

     

       
0
       
 
       

     

       
113
       
 
       
      $ret .= <<<EOD

     

       
114
       
 
       
<div class="video">

     

       
115
       
-
       
  <video poster="$thumb" src="$vid" controls type="application/x-mpegURL" />

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
116
       
 
       
</div>

     

       
117
       
 
       
EOD;

     

       
118
       
 
       
    } else if ($type === 'external') {

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
119
       
 
       
      $ret .= <<<EOD

     

       
120
       
 
       
<div class="externalLink">

     

       
121
       
-
       
  <a href="$embeds[0]->uri" rel="external" target="_blank">

     

       
122
       
 
       
    <div class="externalLinkImage">

     

       
123
       
-
       
      <img src="$embeds[0]->thumb" alt="$embeds[0]->title" />

     

       
124
       
 
       
    </div>

     

       
125
       
 
       
    <div class="externalLinkInfo">

     

       
126
       
-
       
      <div class="externalLinkTitle">$embeds[0]->title</div>

     

       
127
       
-
       
      <div class="externalLinkDesc">$embeds[0]->description</div>

     

       
128
       
-
       
      <div class="externalLinkUri">$embeds[0]->uri</div>

     

       
129
       
 
       
    </div>

     

       
130
       
 
       
  </a>

     

       
131
       
 
       
</div>

     
···

       
141
       
 
       
    }

     

       
142
       
 
       
    

     

       
143
       
 
       
    $feedData = json_decode(file_get_contents($this->bskyApiBase.$this->apiEndpoints['getFeed']."?feed=".$atUri));

     

       
144
       
-
       
    $feed = array_map(function($f) {

     

       
0
       
 
       

     

       
145
       
 
       
      $post = $f->post;

     

       
146
       
 
       
      preg_match('/\/([a-z0-9]+)$/', $post->uri, $postIdRegex);

     

       
147
       
 
       
      $pid = $postIdRegex[1];

     
···

       
175
       
 
       
          $embedType = 'images';

     

       
176
       
 
       
        } elseif ($post->embed->{'$type'} === 'app.bsky.embed.video#view') {

     

       
177
       
 
       
          $embeds = [(object) [

     

       
178
       
-
       
            "video" => $post->embed->playlist,

     

       
179
       
 
       
            "thumb" => $post->embed->thumbnail

     

       
180
       
 
       
          ]];

     

       
181
       
 
       
          $embedType = 'video';

     
···

       
188
       
 
       
      return (object) [

     

       
189
       
 
       
        'displayName' => $post->author->displayName,

     

       
190
       
 
       
        'handle' => $post->author->handle,

     

       
0
       
 
       

     

       
191
       
 
       
        'postId' => $pid,

     

       
192
       
 
       
        'avatar' => $post->author->avatar,

     

       
193
       
 
       
        'content' => $post->record->text,

     
···

       
198
       
 
       
        'quoteCount' => $post->quoteCount,

     

       
199
       
 
       
        'createdAt' => $post->record->createdAt,

     

       
200
       
 
       
        'embedType' => $embedType,

     

       
201
       
-
       
        'embeds' => $embeds

     

       
0
       
 
       

     

       
202
       
 
       
      ];

     

       
203
       
 
       
    }, $feedData->feed);

     

       
204
       
 
       
    return $feed;

     

···

       
1
       
 
       
<?php

     

       
2
       
 
       
namespace Smallnest\BskyOps;

     

       
3
       
 
       


     

       
4
       
+
       
require_once('config.php');

     

       
5
       
 
       
require_once('vendor/autoload.php');

     

       
6
       
 
       
require_once('lib/bskyProvider.php');

     

       
7
       
 
       


     
···

       
63
       
 
       
    $embeds = $this->renderEmbeds($post->embedType, $post->embeds, $post);

     

       
64
       
 
       
    $imageEmbedClass = $post->embedType === "images" ? " img-".count($post->embeds) : "";

     

       
65
       
 
       
    echo <<<EOD

     

       
66
       
+
       
<div class="post" data-cursor="$post->cursor">

     

       
67
       
 
       
  <div class="postHeader">

     

       
68
       
 
       
    <div class="avatar">

     

       
69
       
 
       
      <a href="$profileLink"><img src="$post->avatar" /></a>

     
···

       
93
       
 
       


     

       
94
       
 
       
  function renderEmbeds($type, $embeds, $context) {

     

       
95
       
 
       
    $ret = "";

     

       
0
       
 
       

     

       
96
       
 
       
    if ($type === 'images') {

     

       
97
       
 
       
      $imageCount = count($embeds);

     

       
98
       
 
       
      foreach ($embeds as $embed) {

     
···

       
110
       
 
       
    } else if ($type === 'video') {

     

       
111
       
 
       
      $thumb = $embeds[0]->thumb;

     

       
112
       
 
       
      $vid = $embeds[0]->video;

     

       
113
       
+
       
      $author = $context->did;

     

       
114
       
+
       
      $pds = DEFAULT_PDS;

     

       
115
       
 
       
      $ret .= <<<EOD

     

       
116
       
 
       
<div class="video">

     

       
117
       
+
       
  <video

     

       
118
       
+
       
    src="$pds/xrpc/com.atproto.sync.getBlob?did=$author&cid=$vid"

     

       
119
       
+
       
    controls

     

       
120
       
+
       
  ></video>

     

       
121
       
 
       
</div>

     

       
122
       
 
       
EOD;

     

       
123
       
 
       
    } else if ($type === 'external') {

     

       
124
       
+
       
      $title = $embeds[0]->title;

     

       
125
       
+
       
      $uri = $embeds[0]->uri;

     

       
126
       
+
       
      $thumb = $embeds[0]->thumb;

     

       
127
       
+
       
      $desc = $embeds[0]->description;

     

       
128
       
 
       
      $ret .= <<<EOD

     

       
129
       
 
       
<div class="externalLink">

     

       
130
       
+
       
  <a href="$uri" rel="external" target="_blank">

     

       
131
       
 
       
    <div class="externalLinkImage">

     

       
132
       
+
       
      <img src="$thumb" alt="$title" />

     

       
133
       
 
       
    </div>

     

       
134
       
 
       
    <div class="externalLinkInfo">

     

       
135
       
+
       
      <div class="externalLinkTitle">$title</div>

     

       
136
       
+
       
      <div class="externalLinkDesc">$desc</div>

     

       
137
       
+
       
      <div class="externalLinkUri">$uri</div>

     

       
138
       
 
       
    </div>

     

       
139
       
 
       
  </a>

     

       
140
       
 
       
</div>

     
···

       
150
       
 
       
    }

     

       
151
       
 
       
    

     

       
152
       
 
       
    $feedData = json_decode(file_get_contents($this->bskyApiBase.$this->apiEndpoints['getFeed']."?feed=".$atUri));

     

       
153
       
+
       
    $cursor = $feedData->cursor;

     

       
154
       
+
       
    $feed = array_map(function($f) use ($cursor) {

     

       
155
       
 
       
      $post = $f->post;

     

       
156
       
 
       
      preg_match('/\/([a-z0-9]+)$/', $post->uri, $postIdRegex);

     

       
157
       
 
       
      $pid = $postIdRegex[1];

     
···

       
185
       
 
       
          $embedType = 'images';

     

       
186
       
 
       
        } elseif ($post->embed->{'$type'} === 'app.bsky.embed.video#view') {

     

       
187
       
 
       
          $embeds = [(object) [

     

       
188
       
+
       
            "video" => $post->embed->cid,

     

       
189
       
 
       
            "thumb" => $post->embed->thumbnail

     

       
190
       
 
       
          ]];

     

       
191
       
 
       
          $embedType = 'video';

     
···

       
198
       
 
       
      return (object) [

     

       
199
       
 
       
        'displayName' => $post->author->displayName,

     

       
200
       
 
       
        'handle' => $post->author->handle,

     

       
201
       
+
       
        'did' => $post->author->did,

     

       
202
       
 
       
        'postId' => $pid,

     

       
203
       
 
       
        'avatar' => $post->author->avatar,

     

       
204
       
 
       
        'content' => $post->record->text,

     
···

       
209
       
 
       
        'quoteCount' => $post->quoteCount,

     

       
210
       
 
       
        'createdAt' => $post->record->createdAt,

     

       
211
       
 
       
        'embedType' => $embedType,

     

       
212
       
+
       
        'embeds' => $embeds,

     

       
213
       
+
       
        'cursor' => $cursor

     

       
214
       
 
       
      ];

     

       
215
       
 
       
    }, $feedData->feed);

     

       
216
       
 
       
    return $feed;