···

       
16
       
 
       


     

       
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
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
19
       
 
       
## tdl

     

       
20
       
 
       


     

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

     
···

       
29
       
 
       
* [X] Apply facets to text

     

       
30
       
 
       
* [X] Templating engine??

     

       
31
       
 
       
* [ ] Make login page actually work

     

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

     

       
33
       
 
       
* [ ] User authentication (:C)

     

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

     

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

     

···

       
16
       
 
       


     

       
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
       
 
       


     

       
19
       
+
       
the idea is

     

       
20
       
+
       


     

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

     

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

     

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

     

       
24
       
+
       
* work around the central bsky servers whenever possible

     

       
25
       
+
       
* keep it runnable on a potato

     

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

     

       
27
       
+
       


     

       
28
       
 
       
## tdl

     

       
29
       
 
       


     

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

     
···

       
38
       
 
       
* [X] Apply facets to text

     

       
39
       
 
       
* [X] Templating engine??

     

       
40
       
 
       
* [ ] Make login page actually work

     

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

     

       
42
       
 
       
* [ ] User authentication (:C)

     

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

     

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

     

···

       
48
       
 
       
      }

     

       
49
       
 
       
    }

     

       
50
       
 
       
    

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
51
       
 
       
    .actions {

     

       
52
       
 
       
      position: absolute;

     

       
53
       
 
       
      top: -15px;

     

···

       
48
       
 
       
      }

     

       
49
       
 
       
    }

     

       
50
       
 
       
    

     

       
51
       
+
       
    .description {

     

       
52
       
+
       
      margin: 1em 0;

     

       
53
       
+
       
    }

     

       
54
       
+
       
    

     

       
55
       
 
       
    .actions {

     

       
56
       
 
       
      position: absolute;

     

       
57
       
 
       
      top: -15px;

     

···

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

     

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

     

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

     

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

     

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

     

       
6
       
-
       
    console.log(lastPost);

     

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

     

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

     

       
9
       
-
       
    console.log(cursor);

     

       
10
       
-
       
    console.log(user);

     

       
11
       
 
       
    const params = new URLSearchParams();

     

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

     

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

     

       
0
       
 
       

     

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

     

       
15
       
 
       
      .then((data) => {

     

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

     

       
17
       
 
       
          container.innerHTML += content;

     

       
0
       
 
       

     

       
0
       
 
       

     

       
18
       
 
       
        });

     

       
19
       
 
       
      }, (err) => {

     

       
20
       
 
       
        console.error(err);

     

       
0
       
 
       

     

       
0
       
 
       

     

       
21
       
 
       
      });

     

       
22
       
-
       
  }, {

     

       
23
       
-
       
    root: page,

     

       
24
       
-
       
    threshold: 0.9

     

       
25
       
-
       
  });

     

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

     

       
27
       
 
       
}
     

···

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

     

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

     

       
0
       
 
       

     

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

     

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

     

       
0
       
 
       

     

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

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
7
       
 
       
    const params = new URLSearchParams();

     

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

     

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

     

       
10
       
+
       
    observer.unobserve(lastPost);

     

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

     

       
12
       
 
       
      .then((data) => {

     

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

     

       
14
       
 
       
          container.innerHTML += content;

     

       
15
       
+
       
          const newobserver = new IntersectionObserver(observerCheck);

     

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

     

       
17
       
 
       
        });

     

       
18
       
 
       
      }, (err) => {

     

       
19
       
 
       
        console.error(err);

     

       
20
       
+
       
        const newobserver = new IntersectionObserver(observerCheck);

     

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

     

       
22
       
 
       
      });

     

       
23
       
+
       
  }

     

       
24
       
+
       
  const observer = new IntersectionObserver(observerCheck);

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
26
       
 
       
}
     

···

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

     

       
513
       
 
       
      'cursor' => $cursor

     

       
514
       
 
       
    ];

     

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

     

       
516
       
 
       
    return $ret;

     

       
517
       
 
       
  }

     

       
518
       
 
       
  

     

···

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

     

       
513
       
 
       
      'cursor' => $cursor

     

       
514
       
 
       
    ];

     

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

     

       
516
       
 
       
    return $ret;

     

       
517
       
 
       
  }

     

       
518
       
 
       
  

     

···

       
4
       
 
       


     

       
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
       
 
       


     

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

     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
9
       
 
       


     

       
10
       
-
       
### server information

     

       
11
       
 
       


     

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

     

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

     

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

     

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

     

···

       
4
       
 
       


     

       
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
       
 
       


     

       
7
       
+
       
### server information

     

       
8
       
+
       


     

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

     

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

     

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

     

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

     

       
13
       
 
       


     

       
14
       
+
       
### answers

     

       
15
       
 
       


     

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

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

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

     

       
8
       
 
       
  <div class="info">

     

       
9
       
 
       
    <ul>

     

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

     

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

     

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

     

       
13
       
 
       
    </ul>

     

···

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

     

       
8
       
 
       
  <div class="info">

     

       
9
       
 
       
    <ul>

     

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

     

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

     

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

     

       
13
       
 
       
    </ul>

     

···

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

     

       
4
       
 
       


     

       
5
       
 
       
{block content}

     

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

     

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

     

       
8
       
 
       
{/block}
     

···

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

     

       
4
       
 
       


     

       
5
       
 
       
{block content}

     

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

     

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

     

       
8
       
 
       
{/block}
     

···

       
4
       
 
       


     

       
5
       
 
       
{block content}

     

       
6
       
 
       
  <h2>Settings</h2>

     

       
7
       
-
       
  At some point settings will go here!

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
8
       
 
       
{/block}
     

···

       
4
       
 
       


     

       
5
       
 
       
{block content}

     

       
6
       
 
       
  <h2>Settings</h2>

     

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

     

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

     

       
9
       
+
       
    At some point settings will go here!

     

       
10
       
+
       
  </details>

     

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

     

       
12
       
+
       
    At some point settings will go here!

     

       
13
       
+
       
  </details>

     

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

     

       
15
       
+
       
    At some point settings will go here!

     

       
16
       
+
       
  </details>

     

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

     

       
18
       
+
       
    At some point settings will go here!

     

       
19
       
+
       
  </details>

     

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

     

       
21
       
+
       
    At some point settings will go here!

     

       
22
       
+
       
  </details>

     

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

     

       
24
       
+
       
    At some point settings will go here!

     

       
25
       
+
       
  </details>

     

       
26
       
 
       
{/block}