commit aeef10ca9a76a0a755a98ade12936f2ddd3664bf · veryroundbird.house/smallbird-social

+10 -1

README.md

···

       16
       16
        
       

     

       17
       17
        
       maybe! i'm not sure if i can or will go for 100% feature parity but i'm going to try my darndest

     

       18
       18
        
       

     

       19
       19
       +
       the idea is

     

       20
       20
       +
       

     

       21
       21
       +
       * no javascript components just straight vanilla javascript (except the compilation tools)

     

       22
       22
       +
       * only the javascript required to load new posts and set settings

     

       23
       23
       +
       * use as much native html functionality as possible (popovers, details/summary)

     

       24
       24
       +
       * work around the central bsky servers whenever possible

     

       25
       25
       +
       * keep it runnable on a potato

     

       26
       26
       +
       * maintain admin flexibility with respect to data sources and themeing

     

       27
       27
       +
       

     

       19
       28
        
       ## tdl

     

       20
       29
        
       

     

       21
       30
        
       * [X] Move profile rendering to bskyRenderer lib file (and also fix the rendering)

     
···

       29
       38
        
       * [X] Apply facets to text

     

       30
       39
        
       * [X] Templating engine??

     

       31
       40
        
       * [ ] Make login page actually work

     

       32
       32
       -
       * [X] Figure out how to do threading

     

       41
       41
       +
       * [X] Figure out how to do threading (never mind threading sucks)

     

       33
       42
        
       * [ ] User authentication (:C)

     

       34
       43
        
       * [ ] Fetch next set of items when user hits bottom of container

     

       35
       44
        
       * [ ] ?? how to get following count ??

+4

css/_partials/_profile.scss

···

       48
       48
        
             }

     

       49
       49
        
           }

     

       50
       50
        
           

     

       51
       51
       +
           .description {

     

       52
       52
       +
             margin: 1em 0;

     

       53
       53
       +
           }

     

       54
       54
       +
           

     

       51
       55
        
           .actions {

     

       52
       56
        
             position: absolute;

     

       53
       57
        
             top: -15px;

+9 -10

js/userposts.mjs

···

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

     

       2
       2
       -
         console.log("it's a profile");

     

       3
       3
       -
         const observer = new IntersectionObserver(() => {

     

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

     

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

     

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

     

       6
       6
       -
           console.log(lastPost);

     

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

     

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

     

       9
       9
       -
           console.log(cursor);

     

       10
       10
       -
           console.log(user);

     

       11
       7
        
           const params = new URLSearchParams();

     

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

     

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

     

       10
       10
       +
           observer.unobserve(lastPost);

     

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

     

       15
       12
        
             .then((data) => {

     

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

     

       17
       14
        
                 container.innerHTML += content;

     

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

     

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

     

       18
       17
        
               });

     

       19
       18
        
             }, (err) => {

     

       20
       19
        
               console.error(err);

     

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

     

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

     

       21
       22
        
             });

     

       22
       22
       -
         }, {

     

       23
       23
       -
           root: page,

     

       24
       24
       -
           threshold: 0.9

     

       25
       25
       -
         });

     

       26
       26
       -
         observer.observe(document.querySelector('main'));

     

       23
       23
       +
         }

     

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

     

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

     

       27
       26
        
       }

+1 -1

lib/bskyToucher.php

···

       512
       512
        
             'embeds' => property_exists($post->value, 'embed') ? $this->sanitizeEmbeds($post->value->embed, $authorInfo) : [],

     

       513
       513
        
             'cursor' => $cursor

     

       514
       514
        
           ];

     

       515
       515
       -
           \updatePostCache($rkey, $did, $ret->content, $ret->embedType, json_encode($ret->embeds), '');

     

       515
       515
       +
           \updatePostCache($rkey, $did, $ret->content, $ret->embedType, json_encode($ret->embeds), $post->value->createdAt);

     

       516
       516
        
           return $ret;

     

       517
       517
        
         }

     

       518
       518

+8 -7

pages/about.md

···

       4
       4
        
       

     

       5
       5
        
       the ethos of smallbird social is to be as low-tech as possible. as few dependencies as possible, as little javascript as possible. we are mostly on the internet of 2003 here. this also means there are no apps. nothing is going in an app store although i intend for this to be as mobile-friendly as possible but i do not want to deal with 1) building an app and 2) dealing with the app store review process, which would mean this whole process would be subject to censorship.

     

       6
       6
        
       

     

       7
       7
       -
       **I'm in Mississippi and I can't see your website?**  

     

       8
       8
       -
       Sorry, I am one woman and can't deal with potentially incurring a fuckton in fines if someone decides i look legit enough.

     

       7
       7
       +
       ### server information

     

       8
       8
       +
       

     

       9
       9
       +
       * **Public API Subscription:** api.public.bsky.app, until another appview exists  

     

       10
       10
       +
       * **Constellation Subscription:** constellation.smallbird.social

     

       11
       11
       +
       * **Slingshot Subscription:** slingshot.microcosm.blue

     

       12
       12
       +
       * **PLC Directory:** plc.directory

     

       9
       13
        
       

     

       10
       10
       -
       ### server information

     

       14
       14
       +
       ### answers

     

       11
       15
        
       

     

       12
       12
       -
       **Public API Subscription:** api.public.bsky.app, until another appview exists  

     

       13
       13
       -
       **Constellation Subscription:** constellation.snek.cc

     

       14
       14
       -
       **Slingshot Subscription:** slingshot.microcosm.blue

     

       15
       15
       -
       **PLC Directory:** plc.directory

     

       16
       16
       +
       no one has asked me questions but just in case

+1 -1

templates/_partials/feedHeader.latte

···

       7
       7
        
         <div class="description">{$description}</div>

     

       8
       8
        
         <div class="info">

     

       9
       9
        
           <ul>

     

       10
       10
       -
             <li><b>creator:</b> <a href="/p/@{$creatorHandle}">{$creatorDisplay}</a> (<a href="/p/@{$creatorHandle}">{$creatorHandle}</a>)</li>

     

       10
       10
       +
             <li><b>creator:</b> <a href="/p/@{$creatorHandle}">{$creatorDisplay}</a> (<a href="/u/{$creatorHandle}">{$creatorHandle}</a>)</li>

     

       11
       11
        
             <li><a href="https://pdsls.dev/{$creatorDid}" target="_blank" rel="external">{$creatorDid}</a></li>

     

       12
       12
        
             <li><b>pds:</b> <a href="{$creatorPds}" target="_blank" rel="external">{$creatorPds}</a></li>

     

       13
       13
        
           </ul>

+1 -1

templates/feed.latte

···

       3
       3
        
       {block title} | {$feedName}{/block}

     

       4
       4
        
       

     

       5
       5
        
       {block content}

     

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

     

       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}

     

       8
       8
        
       {/block}

+19 -1

templates/settings.latte

···

       4
       4
        
       

     

       5
       5
        
       {block content}

     

       6
       6
        
         <h2>Settings</h2>

     

       7
       7
       -
         At some point settings will go here!

     

       7
       7
       +
         <p>(none of these work yet sorry)</p>

     

       8
       8
       +
         <details><summary>Account</summary>

     

       9
       9
       +
           At some point settings will go here!

     

       10
       10
       +
         </details>

     

       11
       11
       +
         <details><summary>Privacy + Security</summary>

     

       12
       12
       +
           At some point settings will go here!

     

       13
       13
       +
         </details>

     

       14
       14
       +
         <details><summary>Moderation</summary>

     

       15
       15
       +
           At some point settings will go here!

     

       16
       16
       +
         </details>

     

       17
       17
       +
         <details><summary>Notifs</summary>

     

       18
       18
       +
           At some point settings will go here!

     

       19
       19
       +
         </details>

     

       20
       20
       +
         <details><summary>Content + Media</summary>

     

       21
       21
       +
           At some point settings will go here!

     

       22
       22
       +
         </details>

     

       23
       23
       +
         <details><summary>Interface</summary>

     

       24
       24
       +
           At some point settings will go here!

     

       25
       25
       +
         </details>

     

       8
       26
        
       {/block}