commit 695ba4fd0785a10f37d80da16c4e18e3bfb89163 · veryroundbird.house/smallbird-social

+2

css/_partials/_post.scss

···

       128
       128
        
               img {

     

       129
       129
        
                 border: none;

     

       130
       130
        
                 display: block;

     

       131
       131
       +
                 height: auto;

     

       132
       132
       +
                 width: 100%;

     

       131
       133
        
               }

     

       132
       134
        
             }

     

       133
       135

+1

css/main.scss

···

       4
       4
        
       @use 'themes/rosepine';

     

       5
       5
        
       @use 'themes/solarized';

     

       6
       6
        
       @use 'themes/tempus';

     

       7
       7
       +
       @use 'themes/seoul';

     

       7
       8
        
       

     

       8
       9
        
       @use '_partials/_fonts';

     

       9
       10
        
       @use '_partials/_globals';

+33

css/themes/seoul.scss

···

       1
       1
       +
       button[data-theme="seoul"] {

     

       2
       2
       +
         background-color: #faf4ed;

     

       3
       3
       +
         background-image: linear-gradient(to bottom right, #faf4ed, #d7827e);

     

       4
       4
       +
         

     

       5
       5
       +
         @media (prefers-color-scheme: dark) {

     

       6
       6
       +
           background-color: #232136;

     

       7
       7
       +
           background-image: linear-gradient(to bottom right, #232136, #ea9a97);

     

       8
       8
       +
         }

     

       9
       9
       +
       }

     

       10
       10
       +
       

     

       11
       11
       +
       body[data-theme="seoul"] {

     

       12
       12
       +
         --border-color: #4e4e4e;

     

       13
       13
       +
         --background-color: #eeeeee;

     

       14
       14
       +
         --text-color: #4e4e4e;

     

       15
       15
       +
         --link-color: #008787;

     

       16
       16
       +
         --btn-primary-bg: #005f00;

     

       17
       17
       +
         --btn-primary-color: #eeeeee;

     

       18
       18
       +
         --btn-danger-bg: #870100;

     

       19
       19
       +
         --btn-danger-color: #eeeeee;

     

       20
       20
       +
         --blend-color: #eeeeee;

     

       21
       21
       +
         

     

       22
       22
       +
         @media (prefers-color-scheme: dark) {

     

       23
       23
       +
           --border-color: #626262;

     

       24
       24
       +
           --background-color: #4e4e4e;

     

       25
       25
       +
           --text-color: #e0def4;

     

       26
       26
       +
           --link-color: #87d7d7;

     

       27
       27
       +
           --btn-primary-bg: #87af87;

     

       28
       28
       +
           --btn-primary-color: #4e4e4e;

     

       29
       29
       +
           --btn-danger-bg: #d75f87;

     

       30
       30
       +
           --btn-danger-color: #4e4e4e;

     

       31
       31
       +
           --blend-color: #4e4e4e;

     

       32
       32
       +
         }

     

       33
       33
       +
       }

+4 -4

css/themes/tempus.scss

···

       9
       9
        
       }

     

       10
       10
        
       

     

       11
       11
        
       body[data-theme="tempus"] {

     

       12
       12
       -
         --border-color: #a83884;

     

       12
       12
       +
         --border-color: #796271;

     

       13
       13
        
         --background-color: #f8f2e5;

     

       14
       14
        
         --text-color: #464340;

     

       15
       15
       -
         --link-color: #385dc4;

     

       15
       15
       +
         --link-color: #a83884;

     

       16
       16
        
         --btn-primary-bg: #007070;

     

       17
       17
        
         --btn-primary-color: #f8f2e5;

     

       18
       18
        
         --btn-danger-bg: #c81000;

     
···

       20
       20
        
         --blend-color: #f8f2e5;

     

       21
       21
        
         

     

       22
       22
        
         @media (prefers-color-scheme: dark) {

     

       23
       23
       -
           --border-color: #2c3150;

     

       23
       23
       +
           --border-color: #a7a2c4;

     

       24
       24
        
           --background-color: #1f252d;

     

       25
       25
        
           --text-color: #a2a8ba;

     

       26
       26
       -
           --link-color: #2ab7bb;

     

       26
       26
       +
           --link-color: #e58f84;

     

       27
       27
        
           --btn-primary-bg: #80b48f;

     

       28
       28
        
           --btn-primary-color: #a2a8ba;

     

       29
       29
        
           --btn-danger-bg: #cb8d56;

+15 -9

index.php

···

       61
       61
        
         $posts = $bskyToucher->getFeed(Flight::get('frontpageFeed'));

     

       62
       62
        
         $latte = new Latte\Engine;

     

       63
       63
        
         $latte->render('./templates/home.latte', array_merge(Flight::get('standardParams'), [

     

       64
       64
       -
           'mainClass' => 'home',

     

       65
       65
       -
           'posts' => $posts

     

       64
       64
       +
           'mainClass' => 'home feed',

     

       65
       65
       +
           'posts' => $posts->feed,

     

       66
       66
       +
           'cursor' => $posts->cursor,

     

       67
       67
       +
           'feedAtUri' => FRONTPAGE_FEED

     

       66
       68
        
         ]));

     

       67
       69
        
       });

     

       68
       70
        
       

     
···

       110
       112
        
         $latte = new Latte\Engine;

     

       111
       113
        
         $latte->render('./templates/feed.latte', array_merge(Flight::get('standardParams'), [

     

       112
       114
        
           'mainClass' => 'feed',

     

       113
       113
       -
           'posts' => $posts,

     

       115
       115
       +
           'posts' => $posts->feed,

     

       116
       116
       +
           'cursor' => $posts->cursor,

     

       114
       117
        
           'feedName' => $feedInfo->title,

     

       115
       118
        
           'feedAvatar' => $feedInfo->avatar,

     

       116
       119
        
           'feedDescription' => $feedInfo->description,

     
···

       157
       160
        
           $user = $_GET['user'];

     

       158
       161
        
           $auth = false; // TODO: set up so that it's like. actually dynamic later

     

       159
       162
        
           $cursor = array_key_exists('cursor', $_GET) ? $_GET['cursor'] : 0;

     

       160
       160
       -
           $posts = $bskyToucher->getUserPosts($user, $auth, $cursor);

     

       163
       163
       +
           $posts = $bskyToucher->getUserPosts($user, $cursor, $auth);

     

       161
       164
        
           $latte->render('./templates/_partials/feedPosts.latte', array_merge(Flight::get('standardParams'), [

     

       162
       165
        
             'posts' => $posts

     

       163
       166
        
           ]));

     

       164
       167
        
           return;

     

       165
       168
        
         } else if ($endpoint === 'feedPosts') {

     

       166
       169
        
           if (!array_key_exists('feed', $_GET)) Flight::json(["error" => "missing feed uri in query"]);

     

       167
       167
       -
           if (!preg_match('/^at:\/\/(did:plc:[a-z0-9]+)\/app.bsky.feed.generator\/([a-z0-9]+)$/', $_GET['feed'], $_out)) Flight::json(["error" => "malformed at-uri representing feed"]);

     

       170
       170
       +
           if (!preg_match('/^at:\/\/(did:plc:[a-z0-9]+)\/app.bsky.feed.generator\/([a-z0-9]+)$/', $_GET['feed'], $_out)) Flight::json(["error" => "malformed at-uri representing feed", "feed" => $_GET['feed']]);

     

       168
       171
        
           $cursor = array_key_exists('cursor', $_GET) ? $_GET['cursor'] : 0;

     

       169
       172
        
           $auth = false; // TODO: again. once i figure out auth

     

       170
       170
       -
           //$posts = $bskyToucher->getFeed($_GET['feed'], $cursor, $auth);

     

       171
       171
       -
           /*$latte->render('./templates/_partials/feedPosts.latte', array_merge(Flight::get('standardParams'), [

     

       172
       172
       -
             'posts' => $posts

     

       173
       173
       -
           ]));*/

     

       173
       173
       +
           $posts = $bskyToucher->getFeed($_GET['feed'], $cursor, $auth);

     

       174
       174
       +
           if ($posts) {

     

       175
       175
       +
             $latte->render('./templates/_partials/feedPosts.latte', array_merge(Flight::get('standardParams'), [

     

       176
       176
       +
               'posts' => $posts->feed,

     

       177
       177
       +
               'cursor' => $posts->cursor

     

       178
       178
       +
             ]));

     

       179
       179
       +
             }

     

       174
       180
        
         } else if ($endpoint === 'notifs') {

     

       175
       181
        
           

     

       176
       182
        
         }

+28 -17

js/feed.mjs

···

       1
       1
       -
       document.querySelector('.refreshBar').addEventListener('click', async (e) => {

     

       2
       2
       -
         e.preventDefault();

     

       3
       3
       -
         const feedUri = e.target.getAttribute('data-feed');

     

       4
       4
       -
         const cursor = document.querySelector('.post').getAttribute('data-cursor');

     

       5
       5
       -
         console.log(cursor);

     

       6
       6
       -
         fetch('lib/asyncRequestHandler.php', {

     

       7
       7
       -
           method: 'POST',

     

       8
       8
       -
           headers: { 'Content-Type': 'application/x-www-form-urlencoded' },

     

       9
       9
       -
           body: "action=updateFeed&feed="+feedUri+"&cursor="+cursor+"&newer=true",

     

       10
       10
       -
           mode: 'cors'

     

       11
       11
       -
         }).then(response => response.text())

     

       12
       12
       -
           .then((data) => {

     

       13
       13
       -
             const htmlNodes = new DOMParser().parseFromString(data, 'text/html');

     

       14
       14
       -
             const refreshBar = document.querySelector('.refreshBar');

     

       15
       15
       -
             refreshBar.after(...htmlNodes.querySelectorAll('.post'));

     

       16
       16
       -
         });

     

       17
       17
       -
       });
     

       1
       1
       +
       if (document.querySelector('main').classList.contains('feed') && document.querySelectorAll('.postsList > .post').length > 0) {

     

       2
       2
       +
         const observerCheck = (entry, observer) => {

     

       3
       3
       +
           if (entry[0].isIntersecting) {

     

       4
       4
       +
             const container = document.querySelector('.postsList');

     

       5
       5
       +
             const lastPost = document.querySelector('.postsList > .post:last-child');

     

       6
       6
       +
             const uri = container.getAttribute('data-uri');

     

       7
       7
       +
             const cursor = lastPost.querySelector(".timeAgo").textContent;

     

       8
       8
       +
             const params = new URLSearchParams();

     

       9
       9
       +
             params.append("feed", uri);

     

       10
       10
       +
             params.append("cursor", cursor);

     

       11
       11
       +
             observer.unobserve(lastPost);

     

       12
       12
       +
             fetch(`/api/feedPosts?${params}`)

     

       13
       13
       +
               .then((data) => {

     

       14
       14
       +
                 data.text().then((content) => {

     

       15
       15
       +
                   container.innerHTML += content;

     

       16
       16
       +
                   const newobserver = new IntersectionObserver(observerCheck);

     

       17
       17
       +
                   newobserver.observe(document.querySelector('.postsList > .post:last-child'));

     

       18
       18
       +
                 });

     

       19
       19
       +
               }, (err) => {

     

       20
       20
       +
                 console.error(err);

     

       21
       21
       +
                 const newobserver = new IntersectionObserver(observerCheck);

     

       22
       22
       +
                 newobserver.observe(document.querySelector('.postsList > .post:last-child'));

     

       23
       23
       +
               });

     

       24
       24
       +
             }

     

       25
       25
       +
         }

     

       26
       26
       +
         const observer = new IntersectionObserver(observerCheck);

     

       27
       27
       +
         observer.observe(document.querySelector('.postsList > .post:last-child'));

     

       28
       28
       +
       }

+1

js/main.mjs

···

       1
       1
        
       import './themes.mjs';

     

       2
       2
        
       import './post.mjs';

     

       3
       3
        
       import './feed.mjs';

     

       4
       4
       +
       import './refresh.mjs';

     

       4
       5
        
       import './userposts.mjs';

+19

js/refresh.mjs

···

       1
       1
       +
       if (document.querySelector('.refreshBar')) {

     

       2
       2
       +
         document.querySelector('.refreshBar').addEventListener('click', async (e) => {

     

       3
       3
       +
           e.preventDefault();

     

       4
       4
       +
           const feedUri = e.target.getAttribute('data-feed');

     

       5
       5
       +
           const cursor = document.querySelector('.post').getAttribute('data-cursor');

     

       6
       6
       +
           console.log(cursor);

     

       7
       7
       +
           fetch('lib/asyncRequestHandler.php', {

     

       8
       8
       +
             method: 'POST',

     

       9
       9
       +
             headers: { 'Content-Type': 'application/x-www-form-urlencoded' },

     

       10
       10
       +
             body: "action=updateFeed&feed="+feedUri+"&cursor="+cursor+"&newer=true",

     

       11
       11
       +
             mode: 'cors'

     

       12
       12
       +
           }).then(response => response.text())

     

       13
       13
       +
             .then((data) => {

     

       14
       14
       +
               const htmlNodes = new DOMParser().parseFromString(data, 'text/html');

     

       15
       15
       +
               const refreshBar = document.querySelector('.refreshBar');

     

       16
       16
       +
               refreshBar.after(...htmlNodes.querySelectorAll('.post'));

     

       17
       17
       +
           });

     

       18
       18
       +
         });

     

       19
       19
       +
       }

+19 -17

js/userposts.mjs

···

       1
       1
        
       if (document.querySelector('main').classList.contains("profile") && document.querySelectorAll('.postsList > .post').length > 0) {

     

       2
       2
        
         const observerCheck = (entry, observer) => {

     

       3
       3
       -
           const container = document.querySelector('.postsList');

     

       4
       4
       -
           const lastPost = document.querySelector('.postsList > .post:last-child');

     

       5
       5
       -
           const cursor = lastPost.getAttribute('data-cursor');

     

       6
       6
       -
           const user = lastPost.getAttribute('data-did');

     

       7
       7
       -
           const params = new URLSearchParams();

     

       8
       8
       -
           params.append("user", user);

     

       9
       9
       -
           params.append("cursor", cursor);

     

       10
       10
       -
           observer.unobserve(lastPost);

     

       11
       11
       -
           fetch(`/api/userPosts?${params}`)

     

       12
       12
       -
             .then((data) => {

     

       13
       13
       -
               data.text().then((content) => {

     

       14
       14
       -
                 container.innerHTML += content;

     

       3
       3
       +
           if (entry[0].isIntersecting) {

     

       4
       4
       +
             const container = document.querySelector('.postsList');

     

       5
       5
       +
             const lastPost = document.querySelector('.postsList > .post:last-child');

     

       6
       6
       +
             const cursor = lastPost.getAttribute('data-cursor');

     

       7
       7
       +
             const user = lastPost.getAttribute('data-did');

     

       8
       8
       +
             const params = new URLSearchParams();

     

       9
       9
       +
             params.append("user", user);

     

       10
       10
       +
             params.append("cursor", cursor);

     

       11
       11
       +
             observer.unobserve(lastPost);

     

       12
       12
       +
             fetch(`/api/userPosts?${params}`)

     

       13
       13
       +
               .then((data) => {

     

       14
       14
       +
                 data.text().then((content) => {

     

       15
       15
       +
                   container.innerHTML += content;

     

       16
       16
       +
                   const newobserver = new IntersectionObserver(observerCheck);

     

       17
       17
       +
                   newobserver.observe(document.querySelector('.postsList > .post:last-child'));

     

       18
       18
       +
                 });

     

       19
       19
       +
               }, (err) => {

     

       20
       20
       +
                 console.error(err);

     

       15
       21
        
                 const newobserver = new IntersectionObserver(observerCheck);

     

       16
       22
        
                 newobserver.observe(document.querySelector('.postsList > .post:last-child'));

     

       17
       23
        
               });

     

       18
       18
       -
             }, (err) => {

     

       19
       19
       -
               console.error(err);

     

       20
       20
       -
               const newobserver = new IntersectionObserver(observerCheck);

     

       21
       21
       -
               newobserver.observe(document.querySelector('.postsList > .post:last-child'));

     

       22
       22
       -
             });

     

       24
       24
       +
             }

     

       23
       25
        
         }

     

       24
       26
        
         const observer = new IntersectionObserver(observerCheck);

     

       25
       27
        
         observer.observe(document.querySelector('.postsList > .post:last-child'));

+54 -21

lib/bskyToucher.php

···

       37
       37
        
         

     

       38
       38
        
         /* GENERAL QUERIES */

     

       39
       39
        
         

     

       40
       40
       -
         function makeRequest(string $method, string $uri, array $opts = [], float $timeout = 5.0, int $maxRetries = 5): ResponseInterface {

     

       40
       40
       +
         function makeRequest(string $method, string $uri, array $opts = [], float $timeout = 5.0, int $maxRetries = 5): ResponseInterface|Exception {

     

       41
       41
        
           global $log;

     

       42
       42
        
           try {

     

       43
       43
        
             $handler = HandlerStack::create();

     
···

       72
       72
        
             $response = $httpClient->request($method, $uri, $opts);

     

       73
       73
        
             return $response;

     

       74
       74
        
           } catch (Exception $e) {

     

       75
       75
       -
             error_log($e);

     

       76
       76
       -
             return false;

     

       75
       75
       +
             return $e;

     

       77
       76
        
           }

     

       78
       77
        
         }

     

       79
       78
        
         

     

       80
       80
       -
         function getSlingshotData(string $repo, string $collection, string $rkey, bool $reverse = false): object|bool {

     

       79
       79
       +
         function getSlingshotData(string $repo, string $collection, ?string $rkey = 'self', ?array $params = []): object|bool {

     

       81
       80
        
           $query = [

     

       82
       81
        
             'collection' => $collection,

     

       83
       83
       -
             'repo' => $repo,

     

       84
       84
       -
             'rkey' => $rkey

     

       82
       82
       +
             'repo' => $repo

     

       85
       83
        
           ];

     

       86
       86
       -
           if ($reverse) {

     

       87
       87
       -
             $query['reverse'] = true;

     

       84
       84
       +
           if ($rkey) {

     

       85
       85
       +
             $query['rkey'] = $rkey;

     

       86
       86
       +
           }

     

       87
       87
       +
           if ($params) {

     

       88
       88
       +
             $query = array_merge($query, $params);

     

       88
       89
        
           }

     

       89
       90
        
           $ret = $this->makeRequest("GET", $this->slingshotBase."com.atproto.repo.getRecord", [

     

       90
       91
        
             'query' => $query

     
···

       192
       193
        
           return false;

     

       193
       194
        
         }

     

       194
       195
        
         

     

       196
       196
       +
         function getFeedSkeleton(string $didweb, string $atUri, ?string $offset = null): object|bool {

     

       197
       197
       +
           $query = [

     

       198
       198
       +
             'feed' => $atUri

     

       199
       199
       +
           ];

     

       200
       200
       +
           if ($offset) {

     

       201
       201
       +
             $query['offset'] = $offset;

     

       202
       202
       +
           }

     

       203
       203
       +
           preg_match('/^did:web:([a-z0-9\.\-]+)$/', $didweb, $didWebBase);

     

       204
       204
       +
           if (!$didWebBase) return false;

     

       205
       205
       +
           $base = "https://".$didWebBase[1];

     

       206
       206
       +
           $ret = $this->makeRequest('GET', $base.'/xrpc/app.bsky.feed.getFeedSkeleton?feed='.$atUri);

     

       207
       207
       +
           if (gettype($ret) === 'Exception') {

     

       208
       208
       +
             return false;

     

       209
       209
       +
           }

     

       210
       210
       +
           $body = json_decode($ret->getBody());

     

       211
       211
       +
           $body->feed = array_map(function ($feed) {

     

       212
       212
       +
             preg_match('/at:\/\/(did:plc:[a-z0-9]+)\/app.bsky.feed.post\/([a-z0-9]+)/', $feed->post, $uriComponents);

     

       213
       213
       +
             $did = $uriComponents[1];

     

       214
       214
       +
             $rkey = $uriComponents[2];

     

       215
       215
       +
             return $this->getPost($did, $rkey, true);

     

       216
       216
       +
           }, $body->feed);

     

       217
       217
       +
           return $body;

     

       218
       218
       +
         }

     

       219
       219
       +
         

     

       195
       220
        
         /* AUTH */

     

       196
       221
        
         

     

       197
       222
        
         /* HELPERS */

     
···

       377
       402
        
           $ret = $this->getConstellationLinkData($post, "app.bsky.feed.post", ".reply.root.uri");

     

       378
       403
        
           if ($ret) {

     

       379
       404
        
             return array_map(function ($rec) {

     

       380
       380
       -
               $slingshotRecord = $this->getSlingshotData($rec->did, $rec->collection, $rec->rkey, true);

     

       405
       405
       +
               $slingshotRecord = $this->getSlingshotData($rec->did, $rec->collection, $rec->rkey, ['reverse' => true]);

     

       381
       406
        
               return $this->sanitizePost($slingshotRecord, true);

     

       382
       407
        
             }, $ret->linking_records);

     

       383
       408
        
           }

     

       384
       409
        
           return [];

     

       385
       410
        
         }

     

       386
       411
        
         

     

       387
       387
       -
         function getUserPosts(string $did, $auth = false, $cursor = null, $newer = false):array|bool {

     

       412
       412
       +
         function getUserPosts(string $did, ?string $cursor = null, bool $auth = false, bool $newer = false): array|bool {

     

       388
       413
        
           $userData = $this->getUserInfo($did, 'did');

     

       389
       414
        
           $postData = $this->getPdsData($userData->pds, 'com.atproto.repo.listRecords', [

     

       390
       415
        
             'repo' => $did,

     
···

       446
       471
        
           return $feedData;

     

       447
       472
        
         }

     

       448
       473
        
         

     

       449
       449
       -
         function getFeed(string $atUri, ?string $cursor = null, ?string $userAuth = null, ?bool $newer = false, int $limit = 15):array|bool {

     

       474
       474
       +
         function getFeed(string $atUri, ?string $cursor = null, ?string $userAuth = null, ?bool $newer = false, int $limit = 15):object|bool {

     

       475
       475
       +
           preg_match('/^at:\/\/(did:plc:[a-z0-9\.]+)\/app.bsky.feed.generator\/([a-z0-9]+)$/', $atUri, $uriComponents);

     

       476
       476
       +
           $did = $uriComponents[1];

     

       477
       477
       +
           $rkey = $uriComponents[2];

     

       478
       478
       +
           $userInfo = $this->getUserInfo($did, 'did');

     

       479
       479
       +
           

     

       480
       480
       +
           if (!$userInfo) return false;

     

       481
       481
       +
           

     

       482
       482
       +
           $feedInfo = $this->getPdsData($userInfo->pds, 'com.atproto.repo.getRecord', [

     

       483
       483
       +
             'repo' => $did,

     

       484
       484
       +
             'collection' => 'app.bsky.feed.generator',

     

       485
       485
       +
             'rkey' => $rkey

     

       486
       486
       +
           ]);

     

       487
       487
       +
             

     

       488
       488
       +
           if (!$feedInfo) return false;

     

       489
       489
       +
           

     

       450
       490
        
           if ($userAuth) {

     

       451
       491
        
             // do something. i don't care rn tho

     

       452
       492
        
       

     
···

       458
       498
        
             return false;

     

       459
       499
        
           }

     

       460
       500
        
           

     

       461
       461
       -
           $feedData = $this->getPublicApiData('app.bsky.feed.getFeed', [

     

       462
       462
       -
             'feed' => $atUri,

     

       463
       463
       -
             'limit' => $limit,

     

       464
       464
       -
             'cursor' => $cursor

     

       465
       465
       -
           ]);

     

       501
       501
       +
           $feedData = $this->getFeedSkeleton($feedInfo->value->did, $atUri, $cursor);

     

       466
       502
        
             

     

       467
       503
        
           if ($feedData) {

     

       468
       468
       -
             $newCursor = $feedData->cursor;

     

       469
       469
       -
             $feed = $feedData->feed;

     

       470
       470
       -
             

     

       471
       471
       -
             return $this->sanitizePublicApiPosts($feed, $newCursor, $cursor, $newer);

     

       504
       504
       +
             return $feedData;

     

       472
       505
        
           }

     

       473
       506
        
           

     

       474
       507
        
           return false;

     
···

       502
       535
        
             'pds' => $authorInfo->pds,

     

       503
       536
        
             'postId' => $rkey,

     

       504
       537
        
             'postLink' => '/u/'.$authorInfo->handle.'/'.$rkey,

     

       505
       505
       -
             'content' => $this->applyFacets($post->value->text, $facets),

     

       538
       538
       +
             'content' => property_exists($post->value, 'text') ? $this->applyFacets($post->value->text, $facets) : '',

     

       506
       539
        
             'replyCount' => $this->getReplies($post->uri),

     

       507
       540
        
             'repostCount' => $this->getReposts($post->uri),

     

       508
       541
        
             'likeCount' => $this->getLikes($post->uri),

+3 -1

templates/feed.latte

···

       4
       4
        
       

     

       5
       5
        
       {block content}

     

       6
       6
        
         {include '_partials/feedHeader.latte', displayName: $feedName, description: $feedDescription, avatar: $feedAvatar, creatorDisplay: $feedAuthorName, creatorHandle: $feedAuthorHandle, creatorPds: $feedAuthorPds, creatorDid: $feedAuthorDid, feedAtUri: $feedAtUri}

     

       7
       7
       -
         {include '_partials/feedPosts.latte', posts: $posts}

     

       7
       7
       +
         <div class="postList" data-uri="{$feedAtUri}" data-cursor="{$cursor}">

     

       8
       8
       +
           {include '_partials/feedPosts.latte', posts: $posts}

     

       9
       9
       +
         </div>

     

       8
       10
        
       {/block}

+3 -1

templates/home.latte

···

       1
       1
        
       {layout 'layout.latte'}

     

       2
       2
        
       

     

       3
       3
        
       {block content}

     

       4
       4
       -
         {include '_partials/feedPosts.latte', posts: $posts}

     

       4
       4
       +
         <div class="postsList" data-uri="{$feedAtUri}" data-cursor="{$cursor}">

     

       5
       5
       +
           {include '_partials/feedPosts.latte', posts: $posts}

     

       6
       6
       +
         </div>

     

       5
       7
        
       {/block}