CatAClock/Fedi.CrowdedGames.Group
CatAClock/Fedi.CrowdedGames.Group
0
0
Fork 0
Code Issues 4 Pull requests Activity

MoreWork Merge #40

Merged
CatAClock merged 18 commits from MoreWork into main 2025-05-26 02:37:04 +00:00
Conversation 0 Commits 18 Files changed 19 +626 -336
19 changed files with 626 additions and 336 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
CSS/account.css Normal file
View file

@ -0,0 +1,36 @@
.Button {
margin-top: 30px;
border-style: solid;
border-width: 1px;
width: 100px;
height: 100px;
}
body {
margin: 0px;
text-align: center;
}
footer {
display: flex;
justify-content: center;
height: 5vh;
}
/* Mastodon things */
.Entry {
border-left: 2px solid;
border-right: 1px dashed;
border-top: 2px solid;
border-bottom: 2px solid;
}
.Exitry {
border-left: 1px dashed;
border-right: 2px solid;
border-top: 2px solid;
border-bottom: 2px solid;
}

5
CSS/expanded.css
View file

@ -8,6 +8,11 @@ img, video {
width: 45%; width: 45%;
} }
body {
margin: 0px;
text-align: center;
}
.Embed { .Embed {
border-style: solid; border-style: solid;
border-radius: 1%; border-radius: 1%;

59
CSS/index.css
View file

@ -26,11 +26,11 @@
} }
@keyframes Next { @keyframes Next {
0% { 0% {
left: 0vw; left: 85vw;
} }
100% { 100% {
left: -85vw; left: 0vw;
} }
} }
@ -44,11 +44,11 @@
} }
@keyframes Back { @keyframes Back {
0% { 0% {
left: 0vw; left: -85vw;
} }
100% { 100% {
left: 85vw; left: 0vw;
} }
} }
@ -78,24 +78,28 @@ html {
animation-play-state: running; animation-play-state: running;
animation-fill-mode: forwards; animation-fill-mode: forwards;
animation-duration: 4s; animation-duration: 5s;
}
@keyframes WarningFadeOut {
0% {
visibility: visible; visibility: visible;
background-color: #000000; background-color: #000000;
color: #FFFFFF; color: #FFFFFF;
font-size: 18px; font-size: 18px;
}
@keyframes WarningFadeOut {
0% {
color: #FFFFFF;
} }
20% { 20% {
background-color: #000000;
color: #000000; color: #000000;
} }
80% {
opacity: 1;
}
99.99% { 99.99% {
visibility: visible; visibility: visible;
font-size: 18px; font-size: 18px;
@ -107,10 +111,12 @@ html {
color: #000000; color: #000000;
font-size: 0px; font-size: 0px;
opacity: 0;
} }
} }
/* Classes for the main page */ /* Classes for the main page */
/* What the entire page should look like */
.MainBefore, .MainAfter { .MainBefore, .MainAfter {
position: absolute; position: absolute;
top: 0px; top: 0px;
@ -119,6 +125,16 @@ html {
background-image: url("../Icons/IndexBackground.png"); background-image: url("../Icons/IndexBackground.png");
} }
.MainBlacked {
position: absolute;
top: 0px;
left: 0px;
color: white;
background-image: url("../Icons/IndexBlackBackground.png");
}
/* Animation things to get it working smoothly */ /* Animation things to get it working smoothly */
.MainBefore { .MainBefore {
visibility: collapse; visibility: collapse;
@ -134,23 +150,21 @@ html {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
}
@keyframes MainFadeIn {
0% {
visibility: collapse; visibility: collapse;
} background-image: url("../Icons/IndexBackground.png");
}
@keyframes MainFadeIn {
79.99% { 79.99% {
visibility: collapse; visibility: collapse;
} }
80% { 80% {
visibility: visible; visibility: visible;
background-color: #000000; opacity: 0;
} }
100% { 100% {
background-color: #FFFFFF; opacity: 1;
} }
} }
@ -195,6 +209,7 @@ html {
border-bottom-right-radius: 2% 50%; border-bottom-right-radius: 2% 50%;
background-color: #FFFFFF; background-color: #FFFFFF;
color: #000000;
width: 22%; width: 22%;
height: 23%; height: 23%;
} }
@ -234,13 +249,11 @@ html {
font-size: 4ch; font-size: 4ch;
} }
.MainFooter { .MainFooter, .MainBlackedFooter {
display: flex; display: flex;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
background: linear-gradient(#dcdcdc, #b4b4b4);
margin-top: 75vh; margin-top: 75vh;
border-top-style: solid; border-top-style: solid;
@ -249,3 +262,11 @@ html {
height: 20vh; height: 20vh;
} }
.MainFooter {
background: linear-gradient(#dcdcdc, #b4b4b4);
}
.MainBlackedFooter {
background: linear-gradient(#646464, #3c3c3c);
}

9
CSS/mail.css
View file

@ -4,6 +4,10 @@ header, footer {
z-index: 1; z-index: 1;
} }
header {
height: 5vh;
}
/* Singletons */ /* Singletons */
html { html {
background: linear-gradient(#b4b4b4, #dcdcdc, #b4b4b4); background: linear-gradient(#b4b4b4, #dcdcdc, #b4b4b4);
@ -11,8 +15,9 @@ html {
overflow-y: hidden; overflow-y: hidden;
} }
header { body {
height: 5vh; margin: 0px;
text-align: center;
} }
section { section {

5
CSS/post.css
View file

@ -7,6 +7,11 @@ header {
height: 5vh; height: 5vh;
} }
body {
margin: 0px;
text-align: center;
}
section { section {
height: 75vh; height: 75vh;
} }

11
CSS/setting.css
View file

@ -11,18 +11,27 @@ header {
height: 5vh; height: 5vh;
} }
body {
margin: 0px;
text-align: center;
}
.Hidden { .Hidden {
visibility: hidden; visibility: hidden;
display: none; display: none;
} }
.Button { .Button {
margin: auto;
border-style: solid; border-style: solid;
border-width: 6px; border-width: 6px;
border-color: #00FFFF; border-color: #00FFFF;
padding: 25vh 8vw; padding: 8%;
display: flex;
justify-content: center;
background: linear-gradient(#dcdcdc, #b4b4b4); background: linear-gradient(#dcdcdc, #b4b4b4);
color: black; color: black;
} }

34
HTML/account.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>The Fediverse</title>
<meta name="description" content="Change the fucking channel already!">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1" />
<link rel="icon" href="../Icons/favicon.ico" />
<link rel="stylesheet" href="../CSS/account.css">
<script type="module" src="../JS/account.js"></script>
<!-- Dependenci -->
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head>
<body style="margin: 0px; text-align: center;">
<header>
<h1>Account</h1>
</header>
<div>
<h2 class="Account"></h2>
<img class="AccountImage" />
<p class="AccountDescription"></p>
<div style="display: flex; justify-content: center;">
<p class="Button Follow">Follow!</p>
<p class="Button Block">Block!</p>
</div>
<div class="Posts">
<p>Not implemented. Posts should populate here.</p>
</div>
</div>
<footer>
<p class="Button" onclick="history.back();"><b>Back</b></p>
</footer>
</body>
</html>

2
HTML/expanded.html
View file

@ -11,7 +11,7 @@
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script> <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head> </head>
<body style="margin: 0px; text-align: center;"> <body>
<!-- Grandparent is a reply post above the reply post above the regular, clicked post. --> <!-- Grandparent is a reply post above the reply post above the regular, clicked post. -->
<header> <header>
<h1 class="Handle GrandParent"></h1> <h1 class="Handle GrandParent"></h1>

2
HTML/mail.html
View file

@ -11,7 +11,7 @@
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script> <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head> </head>
<body style="margin: 0px; text-align: center;"> <body>
<header> <header>
<h1>Mail</h1> <h1>Mail</h1>
</header> </header>

2
HTML/post.html
View file

@ -11,7 +11,7 @@
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script> <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head> </head>
<body style="margin: 0px; text-align: center;"> <body>
<header> <header>
<h1>Post</h1> <h1>Post</h1>
</header> </header>

6
HTML/setting.html
View file

@ -11,15 +11,15 @@
<script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script> <script language="JavaScript" type="text/javascript" src="https://kjur.github.io/jsrsasign/jsrsasign-latest-all-min.js"></script>
</head> </head>
<body style="margin: 0px; text-align: center;"> <body>
<header> <header>
<h1>Setting</h1> <h1>Setting</h1>
</header> </header>
<div style="display: flex; justify-content: center; height: 75vh;"> <div style="display: flex; justify-content: center; height: 75vh;">
<div class="Button" style="margin: auto;"> <div class="Button">
<p class="Remote">Toggle Remote</p> <p class="Remote">Toggle Remote</p>
</div> </div>
<div class="Button" style="display: flex; justify-content: center; margin: auto;"> <div class="Button">
<!-- Sorry people! --> <!-- Sorry people! -->
<!-- Mastodon things. --> <!-- Mastodon things. -->
<div> <div>

BIN
Icons/IndexBackground.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 180 B

After

Width:  |  Height:  |  Size: 156 B

BIN
Icons/IndexBlackBackground.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 156 B

192
JS/BlueskyAPI.js
View file

@ -1,23 +1,22 @@
import * as Variables from "./Variables.js"; import * as Variables from "./Variables.js";
let Token = localStorage.getItem(Variables.BlueskyAccessToken);
if (Token == null) {
console.error("No Bluesky access token!");
}
// Getters // Getters
// This gets the timeline. The cursor is a time in Z form. // This gets the timeline. The cursor is a time in Z form.
export async function GetTimeline(Cursor) { export async function GetTimeline(Cursor) {
if (localStorage.getItem(Variables.BlueskyAccessToken) == null) { if (Token == null) {
console.log("No access token!");
return ""; return "";
} }
let FetchThing = localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getTimeline";
let DPoP; if (Cursor != "") {
let request; FetchThing += "?cursor=" + Cursor;
if (Cursor == "") {
DPoP = await ClientDPoPPDS("GET", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getTimeline");
request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getTimeline", {method: "GET", headers: {"Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}});
} else {
DPoP = await ClientDPoPPDS("GET", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getTimeline?cursor=" + Cursor);
request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getTimeline?cursor=" + Cursor, {method: "GET", headers: {"Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}});
} }
let DPoP = await ClientDPoPPDS("GET", FetchThing);
let request = fetch(FetchThing, {method: "GET", headers: {"Authorization": "DPoP " + Token, "DPoP": DPoP}});;
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
let header = await request.then((response) => response.headers.get("dpop-nonce")); let header = await request.then((response) => response.headers.get("dpop-nonce"));
@ -30,20 +29,15 @@ export async function GetTimeline(Cursor) {
// Gets a "public" timeline (essentially a feed by bsky.app where you can discover posts). // Gets a "public" timeline (essentially a feed by bsky.app where you can discover posts).
export async function GetPublicTimeline(Cursor) { export async function GetPublicTimeline(Cursor) {
if (localStorage.getItem(Variables.BlueskyAccessToken) == null) { if (Token == null) {
console.log("No access token!");
return ""; return "";
} }
let FetchThing = localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getFeed?feed=at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.generator/whats-hot";
let DPoP; if (Cursor != "") {
let request; FetchThing += "&cursor=" + Cursor;
if (Cursor == "") {
DPoP = await ClientDPoPPDS("GET", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getFeed?feed=at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.generator/whats-hot");
request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getFeed?feed=at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.generator/whats-hot", {method: "GET", headers: {"Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}});
} else {
DPoP = await ClientDPoPPDS("GET", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getTimeline?feed=at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.generator/whats-hot&cursor=" + Cursor);
request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getTimeline?feed=at://did:plc:z72i7hdynmk6r22z27h6tvur/app.bsky.feed.generator/whats-hot&cursor=" + Cursor, {method: "GET", headers: {"Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}});
} }
let DPoP = await ClientDPoPPDS("GET", FetchThing);
let request = fetch(FetchThing, {method: "GET", headers: {"Authorization": "DPoP " + Token, "DPoP": DPoP}});
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
let header = await request.then((response) => response.headers.get("dpop-nonce")); let header = await request.then((response) => response.headers.get("dpop-nonce"));
@ -54,15 +48,31 @@ export async function GetPublicTimeline(Cursor) {
return body; return body;
} }
// This gets the post. If there are multiple URIs, they must be within an array. export async function GetProfile(DID) {
export async function GetPosts(URIs) { if (Token == null) {
if (localStorage.getItem(Variables.BlueskyAccessToken) == null) {
console.log("No access token!");
return ""; return "";
} }
let FetchThing = localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.actor.getProfile?actor=" + DID;
let DPoP = await ClientDPoPPDS("GET", FetchThing);
let request = fetch(FetchThing, { method: "GET", headers: {"Authorization": "DPoP " + Token, "DPoP": DPoP}});
let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status);
let header = await request.then((response) => response.headers.get("dpop-nonce"));
if (status == 401) {
await HandleError(body, header);
body = await GetProfile(DID);
}
return body;
}
let DPoP = await ClientDPoPPDS("GET", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getPosts?uris=" + URIs); // This gets the post. If there are multiple URIs, they must be within an array.
let request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getPosts?uris=" + URIs, { method: "GET", headers: {"Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}}); export async function GetPosts(URIs) {
if (Token == null) {
return "";
}
let FetchThing = localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/app.bsky.feed.getPosts?uris=" + URIs;
let DPoP = await ClientDPoPPDS("GET", FetchThing);
let request = fetch(FetchThing, { method: "GET", headers: {"Authorization": "DPoP " + Token, "DPoP": DPoP}});
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
let header = await request.then((response) => response.headers.get("dpop-nonce")); let header = await request.then((response) => response.headers.get("dpop-nonce"));
@ -82,13 +92,17 @@ export async function GetBlob(DID, CID) {
// Gets a record. The repo is the account DID, the collection is the type of record, and the key is the little bit at the end. // Gets a record. The repo is the account DID, the collection is the type of record, and the key is the little bit at the end.
export async function GetRecord(Repo, Collection, RKey) { export async function GetRecord(Repo, Collection, RKey) {
if (Token == null) {
return "";
}
let RequestBody = { let RequestBody = {
"repo": Repo, "repo": Repo,
"collection": Collection, "collection": Collection,
"rkey": RKey "rkey": RKey
} }
let DPoP = await ClientDPoPPDS("GET", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.getRecord?repo=" + Repo + "&collection=" + Collection + "&rkey=" + RKey); let FetchThing = localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.getRecord?repo=" + Repo + "&collection=" + Collection + "&rkey=" + RKey;
let request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.getRecord?repo=" + Repo + "&collection=" + Collection + "&rkey=" + RKey, { method: "GET", headers: {"Content-Type": "application/json", "Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}}); let DPoP = await ClientDPoPPDS("GET", FetchThing);
let request = fetch(FetchThing, { method: "GET", headers: {"Content-Type": "application/json", "Authorization": "DPoP " + Token, "DPoP": DPoP}});
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
let header = await request.then((response) => response.headers.get("dpop-nonce")); let header = await request.then((response) => response.headers.get("dpop-nonce"));
@ -102,30 +116,22 @@ export async function GetRecord(Repo, Collection, RKey) {
// Creators // Creators
// This creates a post. Requires the DID of the account and the Text for the record. // This creates a post. Requires the DID of the account and the Text for the record.
export async function CreatePost(DID, Text, ContentWarning = undefined) { export async function CreatePost(DID, Text, ContentWarning = undefined) {
if (localStorage.getItem(Variables.BlueskyAccessToken) == null) { if (Token == null) {
console.log("No access token!");
return ""; return "";
} }
let Record; let Record = {
if (ContentWarning == undefined) {
Record = {
"$type": "app.bsky.feed.post", "$type": "app.bsky.feed.post",
"text": Text, "text": Text,
"createdAt": new Date(Date.now()).toISOString() "createdAt": new Date(Date.now()).toISOString()
} };
} else { if (ContentWarning != undefined) {
Record = { Record.labels = {
"$type": "app.bsky.feed.post",
"text": Text,
"createdAt": new Date(Date.now()).toISOString(),
"labels": {
"$type": "com.atproto.label.defs#selfLabels", "$type": "com.atproto.label.defs#selfLabels",
"values": [{ "values": [{
"val": ContentWarning "val": ContentWarning
}] }]
} }
} }
}
let body = await CreateRecord(DID, "app.bsky.feed.post", Record, undefined); let body = await CreateRecord(DID, "app.bsky.feed.post", Record, undefined);
if (body.hasOwnProperty("error") && body.error == "InvalidRequest") { if (body.hasOwnProperty("error") && body.error == "InvalidRequest") {
let matches = body.message.match(/(\d+)/); let matches = body.message.match(/(\d+)/);
@ -138,13 +144,10 @@ export async function CreatePost(DID, Text, ContentWarning = undefined) {
// Creates a reply post. The RootID is always the first post, the ReplyID is the post you are replying to. // Creates a reply post. The RootID is always the first post, the ReplyID is the post you are replying to.
export async function CreateReplyPost(DID, Text, ReplyID, RootID, ContentWarning = undefined) { export async function CreateReplyPost(DID, Text, ReplyID, RootID, ContentWarning = undefined) {
if (localStorage.getItem(Variables.BlueskyAccessToken) == null) { if (Token == null) {
console.log("No access token!");
return ""; return "";
} }
let Record; let Record = {
if (ContentWarning == undefined) {
Record = {
"$type": "app.bsky.feed.post", "$type": "app.bsky.feed.post",
"text": Text, "text": Text,
"createdAt": new Date(Date.now()).toISOString(), "createdAt": new Date(Date.now()).toISOString(),
@ -158,30 +161,15 @@ export async function CreateReplyPost(DID, Text, ReplyID, RootID, ContentWarning
"cid": RootID.cid "cid": RootID.cid
} }
} }
} };
} else { if (ContentWarning != undefined) {
Record = { Record.labels = {
"$type": "app.bsky.feed.post",
"text": Text,
"createdAt": new Date(Date.now()).toISOString(),
"reply": {
"parent": {
"uri": ReplyID.uri,
"cid": ReplyID.cid
},
"root": {
"uri": RootID.uri,
"cid": RootID.cid
},
},
"labels": {
"$type": "com.atproto.label.defs#selfLabels", "$type": "com.atproto.label.defs#selfLabels",
"values": [{ "values": [{
"val": ContentWarning "val": ContentWarning
}] }]
} }
} }
}
let body = await CreateRecord(DID, "app.bsky.feed.post", Record, undefined); let body = await CreateRecord(DID, "app.bsky.feed.post", Record, undefined);
if (body.hasOwnProperty("error") && body.error == "InvalidRequest") { if (body.hasOwnProperty("error") && body.error == "InvalidRequest") {
let matches = body.message.match(/(\d+)/); let matches = body.message.match(/(\d+)/);
@ -194,8 +182,7 @@ export async function CreateReplyPost(DID, Text, ReplyID, RootID, ContentWarning
// Creates a Thread Gate for who can reply. Requires the account DID, a post, and a list of who is allowed. // Creates a Thread Gate for who can reply. Requires the account DID, a post, and a list of who is allowed.
export async function CreateThreadGate(DID, Post, VisibilitySettings) { export async function CreateThreadGate(DID, Post, VisibilitySettings) {
if (localStorage.getItem(Variables.BlueskyAccessToken) == null) { if (Token == null) {
console.log("No access token!");
return ""; return "";
} }
let Record = { let Record = {
@ -210,8 +197,7 @@ export async function CreateThreadGate(DID, Post, VisibilitySettings) {
// Create a like and send it to the server. // Create a like and send it to the server.
export async function CreateLike(DID, RefURI, RefCID) { export async function CreateLike(DID, RefURI, RefCID) {
if (localStorage.getItem(Variables.BlueskyAccessToken) == null) { if (Token == null) {
console.log("No access token!");
return ""; return "";
} }
let StrongRef = { let StrongRef = {
@ -234,6 +220,44 @@ export async function CreateLike(DID, RefURI, RefCID) {
return body; return body;
} }
export async function CreateFollow(DID, SubjectDID) {
if (Token == null) {
return "";
}
let Record = {
"$type": "app.bsky.graph.follow",
"subject": SubjectDID,
"createdAt": new Date(Date.now()).toISOString()
}
let body = await GetRecord(DID, "app.bsky.graph.follow", SubjectDID);
// We might have a record. If we do, delete the thing. If we don't, create the thing.
if (body.hasOwnProperty("error") && body.error == "RecordNotFound") {
body = await CreateRecord(DID, "app.bsky.graph.follow", Record, SubjectDID);
} else {
body = await DeleteRecord(DID, "app.bsky.graph.follow", SubjectDID);
}
return body;
}
export async function CreateBlock(DID, SubjectDID) {
if (Token == null) {
return "";
}
let Record = {
"$type": "app.bsky.graph.block",
"subject": SubjectDID,
"createdAt": new Date(Date.now()).toISOString()
}
let body = await GetRecord(DID, "app.bsky.graph.block", SubjectDID);
// We might have a record. If we do, delete the thing. If we don't, create the thing.
if (body.hasOwnProperty("error") && body.error == "RecordNotFound") {
body = await CreateRecord(DID, "app.bsky.graph.block", Record, SubjectDID);
} else {
body = await DeleteRecord(DID, "app.bsky.graph.block", SubjectDID);
}
return body;
}
// Create a repost and send it to the server. // Create a repost and send it to the server.
export async function CreateRepost(DID, RefURI, RefCID) { export async function CreateRepost(DID, RefURI, RefCID) {
if (localStorage.getItem(Variables.BlueskyAccessToken) == null) { if (localStorage.getItem(Variables.BlueskyAccessToken) == null) {
@ -262,14 +286,18 @@ export async function CreateRepost(DID, RefURI, RefCID) {
// Put record updates a record. // Put record updates a record.
export async function PutRecord(Repo, Collection, Record, RKey) { export async function PutRecord(Repo, Collection, Record, RKey) {
if (Token == null) {
return "";
}
let RequestBody = { let RequestBody = {
"repo": Repo, "repo": Repo,
"collection": Collection, "collection": Collection,
"record": Record, "record": Record,
"rkey": RKey "rkey": RKey
} }
let DPoP = await ClientDPoPPDS("POST", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.putRecord"); let FetchThing = localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.putRecord";
let request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.putRecord", { body: JSON.stringify(RequestBody), method: "POST", headers: {"Content-Type": "application/json", "Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}}); let DPoP = await ClientDPoPPDS("POST", FetchThing);
let request = fetch(FetchThing, { body: JSON.stringify(RequestBody), method: "POST", headers: {"Content-Type": "application/json", "Authorization": "DPoP " + Token, "DPoP": DPoP}});
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
let header = await request.then((response) => response.headers.get("dpop-nonce")); let header = await request.then((response) => response.headers.get("dpop-nonce"));
@ -282,6 +310,9 @@ export async function PutRecord(Repo, Collection, Record, RKey) {
// Creates a record. Universal way of making things. // Creates a record. Universal way of making things.
export async function CreateRecord(Repo, Collection, Record, RKey) { export async function CreateRecord(Repo, Collection, Record, RKey) {
if (Token == null) {
return "";
}
let RequestBody = { let RequestBody = {
"repo": Repo, "repo": Repo,
"collection": Collection, "collection": Collection,
@ -290,8 +321,9 @@ export async function CreateRecord(Repo, Collection, Record, RKey) {
if (RKey != undefined) { if (RKey != undefined) {
RequestBody.rkey = RKey; RequestBody.rkey = RKey;
} }
let DPoP = await ClientDPoPPDS("POST", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.createRecord"); let FetchThing = localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.createRecord";
let request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.createRecord", { body: JSON.stringify(RequestBody), method: "POST", headers: {"Content-Type": "application/json", "Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}}); let DPoP = await ClientDPoPPDS("POST", FetchThing);
let request = fetch(FetchThing, { body: JSON.stringify(RequestBody), method: "POST", headers: {"Content-Type": "application/json", "Authorization": "DPoP " + Token, "DPoP": DPoP}});
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
let header = await request.then((response) => response.headers.get("dpop-nonce")); let header = await request.then((response) => response.headers.get("dpop-nonce"));
@ -303,6 +335,7 @@ export async function CreateRecord(Repo, Collection, Record, RKey) {
} }
// Applyers // Applyers
// Currently this only applies to the link Facets.
export function ApplyFacets(record, text) { export function ApplyFacets(record, text) {
let StringArray = []; let StringArray = [];
let SplitAreas = [0]; let SplitAreas = [0];
@ -338,19 +371,24 @@ export function ApplyFacets(record, text) {
} }
if (TempText == "") { if (TempText == "") {
return text; return text;
}return TempText; }
return TempText;
} }
// Deleters // Deleters
// Removes a record. Can be a like, a repost, a post, etc. // Removes a record. Can be a like, a repost, a post, etc.
export async function DeleteRecord(Repo, Collection, RKey) { export async function DeleteRecord(Repo, Collection, RKey) {
if (Token == null) {
return "";
}
let RequestBody = { let RequestBody = {
"repo": Repo, "repo": Repo,
"collection": Collection, "collection": Collection,
"rkey": RKey "rkey": RKey
} }
let DPoP = await ClientDPoPPDS("POST", localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.deleteRecord"); let FetchThing = localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.deleteRecord";
let request = fetch(localStorage.getItem(Variables.BlueskyPDS) + "/xrpc/com.atproto.repo.deleteRecord", { body: JSON.stringify(RequestBody), method: "POST", headers: {"Content-Type": "application/json", "Authorization": "DPoP " + localStorage.getItem(Variables.BlueskyAccessToken), "DPoP": DPoP}}); let DPoP = await ClientDPoPPDS("POST", FetchThing);
let request = fetch(FetchThing, { body: JSON.stringify(RequestBody), method: "POST", headers: {"Content-Type": "application/json", "Authorization": "DPoP " + Token, "DPoP": DPoP}});
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
let header = await request.then((response) => response.headers.get("dpop-nonce")); let header = await request.then((response) => response.headers.get("dpop-nonce"));

191
JS/MastodonAPI.js
View file

@ -2,130 +2,124 @@ import * as Variables from "./Variables.js";
export const Scopes = "read write follow push"; export const Scopes = "read write follow push";
let TokenType = localStorage.getItem(Variables.MastodonTokenType);
let Token = localStorage.getItem(Variables.MastodonAccessToken);
if (Token == null || TokenType == null) {
console.error("No Mastodon access token!");
}
// Getters // Getters
// Gets the public timeline. // Gets the public timeline.
export async function GetPublicTimeline(Local = false, Remote = false, Website, Cursor) { export async function GetPublicTimeline(Local = false, Remote = false, Website, Cursor) {
// Variables can be found in `setting.js` // Variables can be found in `setting.js`
let Timeline; let Timeline;
if (Cursor == "") { if (Cursor == "") {
if (Remote == true && Local == false) { if (Remote == true && Local == false) {
Timeline = await fetch(Website + "/api/v1/timelines/public?remote=true") Timeline = fetch(Website + "/api/v1/timelines/public?remote=true");
.then((response) => response.json());
} else if (Local == true && Remote == false) { } else if (Local == true && Remote == false) {
Timeline = await fetch(Website + "/api/v1/timelines/public?local=true") Timeline = fetch(Website + "/api/v1/timelines/public?local=true");
.then((response) => response.json());
} else { } else {
Timeline = await fetch(Website + "/api/v1/timelines/public") Timeline = fetch(Website + "/api/v1/timelines/public");
.then((response) => response.json());
} }
} else { } else {
if (Remote == true && Local == false) { if (Remote == true && Local == false) {
Timeline = await fetch(Website + "/api/v1/timelines/public?remote=true&max_id=" + Cursor) Timeline = fetch(Website + "/api/v1/timelines/public?remote=true&max_id=" + Cursor);
.then((response) => response.json());
} else if (Local == true && Remote == false) { } else if (Local == true && Remote == false) {
Timeline = await fetch(Website + "/api/v1/timelines/public?local=true&max_id=" + Cursor) Timeline = fetch(Website + "/api/v1/timelines/public?local=true&max_id=" + Cursor);
.then((response) => response.json());
} else { } else {
Timeline = await fetch(Website + "/api/v1/timelines/public?max_id=" + Cursor) Timeline = fetch(Website + "/api/v1/timelines/public?max_id=" + Cursor);
.then((response) => response.json());
} }
} }
return Timeline; let request = await Timeline.then((response) => response.json());
return request;
} }
// Get the personal timeline. // Get the personal timeline.
export async function GetTimeline(Cursor) { export async function GetTimeline(Cursor = "") {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (Token == null || TokenType == null) {
console.log("No access token!");
return ""; return "";
} }
let Website = localStorage.getItem(Variables.MastodonWebsite); // If there is a timestamp, GET with the timestamp.
// Get the varaibles that are stored in localStorage. let request = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/timelines/home";
if (Cursor == "") { if (Cursor != "") {
return await fetch(Website + "/api/v1/timelines/home", {method: "GET", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}) request += "?max_id=" + Cursor;
.then((response) => response.json());
} else {
return await fetch(Website + "/api/v1/timelines/home?max_id=" + Cursor, {method: "GET", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}})
.then((response) => response.json());
} }
return await fetch(request, {method: "GET", headers: {"Authorization": TokenType + " " + Token}})
.then((response) => response.json());
}
// Get the relationship. The token houses the person you are getting a relationship for.
export async function GetRelationship(ID) {
if (Token == null || TokenType == null) {
return "";
}
return await fetch(localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/accounts/relationships?id[]=" + ID, {method: "GET", headers: {"Authorization": TokenType + " " + Token}})
.then((response) => response.json());
} }
// Gets the favorites of a user that you have access to. // Gets the favorites of a user that you have access to.
export async function GetFavorites() { export async function GetFavorites() {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (Token == null || TokenType == null) {
console.log("No access token!");
return ""; return "";
} }
let Website = localStorage.getItem(Variables.MastodonWebsite); return await fetch(localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/favourites", {method: "GET", headers: {"Authorization": TokenType + " " + Token}})
// Get the varaibles that are stored in localStorage.
return await fetch(Website + "/api/v1/favourites", {method: "GET", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}})
.then((response) => response.json()); .then((response) => response.json());
} }
// Gets the bookmarks of a user that you have access to. // Gets the bookmarks of a user that you have access to.
export async function GetBookmarks() { export async function GetBookmarks() {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (Token == null || TokenType == null) {
console.log("No access token!");
return ""; return "";
} }
let Website = localStorage.getItem(Variables.MastodonWebsite); return await fetch(localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/bookmarks", {method: "GET", headers: {"Authorization": TokenType + " " + Token}})
// Get the varaibles that are stored in Variables.
return await fetch(Website + "/api/v1/bookmarks", {method: "GET", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}})
.then((response) => response.json()); .then((response) => response.json());
} }
// Gets the notifications of a user that you have access to. // Gets the notifications of a user that you have access to.
export async function GetNotifications() { export async function GetNotifications() {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (Token == null || TokenType == null) {
console.log("No access token!");
return ""; return "";
} }
let Website = localStorage.getItem(Variables.MastodonWebsite); return await fetch(localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/notifications", {method: "GET", headers: {"Authorization": TokenType + " " + Token}})
// Get the varaibles that are stored in Variables and then input it.
return await fetch(Website + "/api/v1/notifications", {method: "GET", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}})
.then((response) => response.json()); .then((response) => response.json());
} }
// A status is just a post. It gets it. // A status is just a post. It gets it.
export async function GetStatus(ID) { export async function GetStatus(ID) {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (Token == null || TokenType == null) {
console.log("No access token!");
return ""; return "";
} }
let Website = localStorage.getItem(Variables.MastodonWebsite); return await fetch(localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/statuses/" + ID, {method: "GET", headers: {"Authorization": TokenType + " " + Token}})
// Get the varaibles that are stored in Variables and then input it.
return await fetch(Website + "/api/v1/statuses/" + ID, {method: "GET", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}})
.then((response) => response.json()); .then((response) => response.json());
} }
// Creators // Creators
// Make a status // Make a status
export async function CreateStatus(Text, SpoilerText = undefined, Visibility = "public") { export async function CreateStatus(Text, SpoilerText = undefined, Visibility = "public") {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (Token == null || TokenType == null) {
console.log("No access token!");
return ""; return "";
} }
// Stolen from StackOverflow // Stolen from StackOverflow.
Text = Text.replace(/(?:\r|\n|\r\n)/g, '<br>'); Text = Text.replace(/(?:\r|\n|\r\n)/g, '<br>');
// Check for a token // Get the correct fetch body.
let Website = localStorage.getItem(Variables.MastodonWebsite); let FetchThing = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/statuses?status=" + Text + "&visibility=" + Visibility;
let request; if (SpoilerText != undefined) {
if (SpoilerText == undefined) { FetchThing += "&spoiler_text=" + SpoilerText;
request = fetch(Website + "/api/v1/statuses?status=" + Text + "&visibility=" + Visibility, {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}});
} else {
request = fetch(Website + "/api/v1/statuses?status=" + Text + "&visibility=" + Visibility + "&spoiler_text=" + SpoilerText, {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}});
} }
// Send the request.
let request = fetch(FetchThing, {method: "POST", headers: {"Authorization": TokenType + " " + Token}});
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
// This is in case you went over the characters. // This is in case you went over the characters.
if (status == 422) { if (status == 422) {
let matches = body.error.match(/(\d+)/); let matches = body.error.match(/(\d+)/);
if (SpoilerText == undefined) { // Get the correct fetch body.
request = fetch(Website + "/api/v1/statuses?status=" + Text.slice(0, matches[0] - 1) + "&visibility=" + Visibility, {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}); FetchThing = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/statuses?status=" + Text.slice(0, matches[0] - 1) + "&visibility=" + Visibility
} else { if (SpoilerText != undefined) {
request = fetch(Website + "/api/v1/statuses?status=" + Text + "&visibility=" + Visibility + "&spoiler_text=" + SpoilerText, {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}); FetchThing += "&spoiler_text=" + SpoilerText;
} }
// Send the request.
request = fetch(FetchThing, {method: "POST", headers: {"Authorization": TokenType + " " + Token}});
body = await request.then((response) => response.json()); body = await request.then((response) => response.json());
await CreateReplyStatus(Text.slice(matches[0] - 1, SpoilerText, Text.length - 1), Visibility, body.id); await CreateReplyStatus(Text.slice(matches[0] - 1, SpoilerText, Text.length - 1), Visibility, body.id);
} }
@ -133,30 +127,30 @@ export async function CreateStatus(Text, SpoilerText = undefined, Visibility = "
} }
export async function CreateReplyStatus(Text, SpoilerText = undefined, Visibility = "public", ReplyID) { export async function CreateReplyStatus(Text, SpoilerText = undefined, Visibility = "public", ReplyID) {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (Token == null || TokenType == null) {
console.log("No access token!");
return ""; return "";
} }
// Stolen from StackOverflow // Stolen from StackOverflow
Text = Text.replace(/(?:\r|\n|\r\n)/g, '<br>'); Text = Text.replace(/(?:\r|\n|\r\n)/g, '<br>');
// Check for a token // Get the correct fetch body.
let Website = localStorage.getItem(Variables.MastodonWebsite); let FetchThing = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/statuses?status=" + Text + "&visibility=" + Visibility + "&in_reply_to_id=" + ReplyID;
let request; if (SpoilerText != undefined) {
if (SpoilerText == undefined) { FetchThing += "&spoiler_text=" + SpoilerText;
request = fetch(Website + "/api/v1/statuses?status=" + Text + "&visibility=" + Visibility + "&in_reply_to_id=" + ReplyID, {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}});
} else {
request = fetch(Website + "/api/v1/statuses?status=" + Text + "&visibility=" + Visibility + "&in_reply_to_id=" + ReplyID + "&spoiler_text=" + SpoilerText, {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}});
} }
// Send the request.
let request = fetch(FetchThing, {method: "POST", headers: {"Authorization": TokenType + " " + Token}});
let body = await request.then((response) => response.json()); let body = await request.then((response) => response.json());
let status = await request.then((response) => response.status); let status = await request.then((response) => response.status);
// This is in case you went over the characters. // This is in case you went over the characters.
if (status == 422) { if (status == 422) {
let matches = body.error.match(/(\d+)/); let matches = body.error.match(/(\d+)/);
if (SpoilerText == undefined) { // Get the correct fetch body.
request = fetch(Website + "/api/v1/statuses?status=" + Text.slice(0, matches[0] - 1) + "&visibility=" + Visibility + "&in_reply_to_id=" + ReplyID, {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}); FetchThing = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/statuses?status=" + Text.slice(0, matches[0] - 1) + "&visibility=" + Visibility + "&in_reply_to_id=" + ReplyID;
} else { if (SpoilerText != undefined) {
request = fetch(Website + "/api/v1/statuses?status=" + Text + "&visibility=" + Visibility + "&in_reply_to_id=" + ReplyID + "&spoiler_text=" + SpoilerText, {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}); FetchThing += "&spoiler_text=" + SpoilerText;
} }
// Send the request.
request = fetch(FetchThing, {method: "POST", headers: {"Authorization": TokenType + " " + Token}});
body = await request.then((response) => response.json()); body = await request.then((response) => response.json());
await CreateReplyStatus(Text.slice(matches[0] - 1, Text.length - 1), SpoilerText, Visibility, body.id); await CreateReplyStatus(Text.slice(matches[0] - 1, Text.length - 1), SpoilerText, Visibility, body.id);
} }
@ -164,33 +158,60 @@ export async function CreateReplyStatus(Text, SpoilerText = undefined, Visibilit
} }
export async function CreateFavorite(ID, IsFavorited) { export async function CreateFavorite(ID, IsFavorited) {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (Token == null || TokenType == null) {
console.log("No access token!");
return ""; return "";
} }
let Website = localStorage.getItem(Variables.MastodonWebsite); let request = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/statuses/" + ID;
if (IsFavorited == false) { if (IsFavorited == false) {
return await fetch(Website + "/api/v1/statuses/" + ID + "/favourite", {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}) request += "/favourite";
.then((response) => response.json());
} else { } else {
return await fetch(Website + "/api/v1/statuses/" + ID + "/unfavourite", {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}) request += "/unfavourite";
.then((response) => response.json());
} }
return await fetch(request, {method: "POST", headers: {"Authorization": TokenType + " " + Token}})
.then((response) => response.json());
} }
export async function CreateReblog(ID, IsReblogged) { export async function CreateReblog(ID, IsReblogged) {
if (Token == null || TokenType == null) {
return "";
}
let request = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/statuses/" + ID;
if (IsReblogged == false) {
request += "/reblog";
} else {
request += "/unreblog";
}
return await fetch(request, {method: "POST", headers: {"Authorization": TokenType + " " + Token}})
.then((response) => response.json());
}
export async function CreateFollow(ID, IsFollowed) {
if (localStorage.getItem(Variables.MastodonAccessToken) == null) { if (localStorage.getItem(Variables.MastodonAccessToken) == null) {
console.log("No access token!"); console.log("No access token!");
return ""; return "";
} }
let Website = localStorage.getItem(Variables.MastodonWebsite); let request = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/accounts/" + ID;
if (IsReblogged == false) { if (IsFollowed == false) {
return await fetch(Website + "/api/v1/statuses/" + ID + "/reblog", {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}) request += "/follow";
.then((response) => response.json());
} else { } else {
return await fetch(Website + "/api/v1/statuses/" + ID + "/unreblog", {method: "POST", headers: {"Authorization": localStorage.getItem(Variables.MastodonTokenType) + " " + localStorage.getItem(Variables.MastodonAccessToken)}}) request += "/unfollow";
.then((response) => response.json());
} }
return await fetch(request, {method: "POST", headers: {"Authorization": TokenType + " " + Token}})
.then((response) => response.json());
}
export async function CreateBlock(ID, IsBlocked) {
if (Token == null || TokenType == null) {
return "";
}
let request = localStorage.getItem(Variables.MastodonWebsite) + "/api/v1/accounts/" + ID;
if (IsReblogged == false) {
request += "/block";
} else {
request += "/unblock";
}
return await fetch(request, {method: "POST", headers: {"Authorization": TokenType + " " + Token}})
.then((response) => response.json());
} }
// Things to make this work // Things to make this work

112
JS/account.js Normal file
View file

@ -0,0 +1,112 @@
import * as MastodonAPI from "./MastodonAPI.js";
import * as BlueskyAPI from "./BlueskyAPI.js";
import * as TumblrAPI from "./TumblrAPI.js";
import * as Variables from "./Variables.js";
let website = document.location.href.split("website=")[1];
let post = JSON.parse(localStorage.getItem("post"));
// HTML elements.
let AccountName = document.getElementsByClassName("Account")[0];
let AccountImage = document.getElementsByClassName("AccountImage")[0];
let AccountDescription = document.getElementsByClassName("AccountDescription")[0];
let FollowButton = document.getElementsByClassName("Follow")[0];
let BlockButton = document.getElementsByClassName("Block")[0];
// Other vars.
let Following = false;
let Blocking = false;
GetAccount();
FollowButton.onclick = (event) => {
FollowBoop();
}
async function FollowBoop() {
if (website == "Mastodon") {
let Relations = await MastodonAPI.GetRelationship(post.account.id);
await MastodonAPI.CreateFollow(post.account.id, Relations[0].following);
} else if (website == "Bluesky") {
await BlueskyAPI.CreateFollow(localStorage.getItem(Variables.BlueskyDID), post.post.author.did);
}
SetFollow();
}
function SetFollow() {
Following = !(Following);
if (Following == true) {
FollowButton.innerHTML = "Unfollow...";
} else {
FollowButton.innerHTML = "Follow!";
}
}
BlockButton.onclick = (event) => {
BlockBoop();
}
async function BlockBoop() {
if (website == "Mastodon") {
let Relations = await MastodonAPI.GetRelationship(post.account.id);
await MastodonAPI.CreateBlock(post.account.id, Relations[0].blocking);
} else if (website == "Bluesky") {
await BlueskyAPI.CreateBlock(localStorage.getItem(Variables.BlueskyDID), post.post.author.did);
}
SetBlock();
}
function SetBlock() {
Blocking = !(Blocking);
if (Blocking == true) {
BlockButton.innerHTML = "Unblock...";
} else {
BlockButton.innerHTML = "Block!";
}
}
async function GetAccount() {
if (website == "Mastodon") {
// Get the relationshop.
let Relations = await MastodonAPI.GetRelationship(post.account.id);
// Set the buttons using the relationship.
Following = !(Relations[0].following);
Blocking = !(Relations[0].blocking);
SetFollow();
SetBlock();
// Check for a reblog.
if (post.reblog != null) {
post = post.reblog;
}
AccountName.innerHTML = post.account.username;
AccountDescription.innerHTML = post.account.note;
AccountImage.setAttribute("src", post.account.avatar);
// Build the fields
let Field = "<div style=\"display: flex; justify-content: center;\">";
for (let i of post.account.fields) {
Field += "<b class=\"Entry\">" + i.name + "</b><em class=\"Exitry\">" + i.value + "</em>";
}
Field += "</div>";
AccountDescription.innerHTML += Field;
} else if (website == "Bluesky") {
// Set the relationship follows
let thing = await BlueskyAPI.GetRecord(localStorage.getItem(Variables.BlueskyDID), "app.bsky.graph.follow", post.post.author.did);
let thing2 = await BlueskyAPI.GetRecord(localStorage.getItem(Variables.BlueskyDID), "app.bsky.graph.block", post.post.author.did);
if (thing.hasOwnProperty("error") && thing.error == "RecordNotFound") {
Following = true;
} else {
Following = false;
}
if (thing2.hasOwnProperty("error") && thing2.error == "RecordNotFound") {
Blocking = true;
} else {
Blocking = false;
}
SetFollow();
SetBlock();
let account = await BlueskyAPI.GetProfile(post.post.author.did);
AccountName.innerHTML = account.handle;
AccountDescription.innerHTML = account.description;
AccountImage.setAttribute("src", account.avatar);
}
}

178
JS/expanded.js
View file

@ -43,20 +43,29 @@ Reply.onclick = (event) => {
window.location.href = "../../HTML/post.html?website=" + website; window.location.href = "../../HTML/post.html?website=" + website;
} }
// Seleecting other posts // Other post stuff.
for (let i of document.getElementsByClassName("Regular")) {
i.onclick = (event) => {
if (i.classList.contains("Handle")) {
window.location.href = "../../HTML/account.html?website=" + website;
}
}
}
// Selecting other posts.
for (let i of document.getElementsByClassName("Parent")) { for (let i of document.getElementsByClassName("Parent")) {
i.onclick = (event) => { i.onclick = (event) => {
SetThreadPost(Parentpost); SetThreadPost(Parentpost, i);
} }
} }
for (let i of document.getElementsByClassName("GrandParent")) { for (let i of document.getElementsByClassName("GrandParent")) {
i.onclick = (event) => { i.onclick = (event) => {
SetThreadPost(GrandParentpost); SetThreadPost(GrandParentpost, i);
} }
} }
async function SetThreadPost(element) { async function SetThreadPost(element, i) {
if (website == "Mastodon") { if (website == "Mastodon") {
localStorage.setItem("post", JSON.stringify(element)); localStorage.setItem("post", JSON.stringify(element));
} else if (website == "Bluesky") { } else if (website == "Bluesky") {
@ -64,67 +73,42 @@ async function SetThreadPost(element) {
element.post = Temp.posts[0]; element.post = Temp.posts[0];
localStorage.setItem("post", JSON.stringify(element)); localStorage.setItem("post", JSON.stringify(element));
} }
document.location.href = "./expanded.html?website=" + website; if (i.classList.contains("Handle")) {
window.location.href = "../../HTML/account.html?website=" + website;
} else {
window.location.href = "../../HTML/expanded.html?website=" + website;
}
} }
// Functions and things. // Functions and things.
async function GetPost() { async function GetPost() {
if (website == "Mastodon") { if (website == "Mastodon") {
// Check for a reblog.
if (post.reblog != null) {
document.getElementsByClassName("PostText Regular")[0].innerHTML = post.reblog.content;
document.getElementsByClassName("Handle Regular")[0].innerHTML = post.reblog.account.username + " ( R: " + post.account.username + " )";
if (post.reblog.media_attachments.length != 0) {
for (let i of post.reblog.media_attachments) {
ApplyMedia(i, document.getElementsByClassName("Images Regular")[0]);
}
}
} else {
document.getElementsByClassName("PostText Regular")[0].innerHTML = post.content;
document.getElementsByClassName("Handle Regular")[0].innerHTML = post.account.username;
// Show the image if it exists.
if (post.media_attachments.length != 0) {
for (let i of post.media_attachments) {
ApplyMedia(i, document.getElementsByClassName("Images Regular")[0]);
}
}
}
// Set the texts. It's opposite because "setting" causes it to switch. // Set the texts. It's opposite because "setting" causes it to switch.
post = await MastodonAPI.GetStatus(post.id); post = await MastodonAPI.GetStatus(post.id);
FavoriteFlipper = !(post.favourited); FavoriteFlipper = !(post.favourited);
BoostFlipper = !(post.reblogged); BoostFlipper = !(post.reblogged);
SetFavorite(); SetFavorite();
SetBoost(); SetBoost();
// Check for a reblog.
if (post.reblog != null) {
document.getElementsByClassName("Handle Regular")[0].innerHTML = post.reblog.account.username + " ( R: " + post.account.username + " )";
post = post.reblog;
} else {
document.getElementsByClassName("Handle Regular")[0].innerHTML = post.account.username;
}
document.getElementsByClassName("PostText Regular")[0].innerHTML = post.content;
// Show the image if it exists.
if (post.media_attachments.length != 0) {
for (let i of post.media_attachments) {
ApplyMedia(i, document.getElementsByClassName("Images Regular")[0]);
}
}
// Now time to see if there are any parents // Now time to see if there are any parents
if (post.in_reply_to_id != null) { if (post.in_reply_to_id != null) {
Parentpost = await MastodonAPI.GetStatus(post.in_reply_to_id); let ParentPost = await MastodonReplylFunction("Parent", post.in_reply_to_id);
document.getElementsByClassName("Origin Parent")[0].innerHTML = website;
document.getElementsByClassName("Handle Parent")[0].innerHTML = Parentpost.account.username;
if (Parentpost.spoiler_text != "") {
document.getElementsByClassName("PostText Parent")[0].innerHTML = "WARNING: " + Parentpost.spoiler_text;
} else {
document.getElementsByClassName("PostText Parent")[0].innerHTML = Parentpost.content;
}
if (Parentpost.media_attachments.length != 0) {
for (let i of Parentpost.media_attachments) {
ApplyMedia(i, document.getElementsByClassName("Images Parent")[0]);
}
}
// Now time to see if there are any grandparents // Now time to see if there are any grandparents
if (Parentpost.in_reply_to_id != null) { if (ParentPost == undefined && ParentPost.in_reply_to_id != null) {
GrandParentpost = await MastodonAPI.GetStatus(Parentpost.in_reply_to_id); MastodonReplylFunction("GrandParent", ParentPost.in_reply_to_id);
document.getElementsByClassName("Origin GrandParent")[0].innerHTML = website;
document.getElementsByClassName("Handle GrandParent")[0].innerHTML = GrandParentpost.account.username;
if (GrandParentpost.spoiler_text != "") {
document.getElementsByClassName("PostText GrandParent")[0].innerHTML = "WARNING: " + GrandParentpost.spoiler_text;
} else {
document.getElementsByClassName("PostText GrandParent")[0].innerHTML = GrandParentpost.content;
}
if (GrandParentpost.media_attachments.length != 0) {
for (let i of GrandParentpost.media_attachments) {
ApplyMedia(i, document.getElementsByClassName("Images GrandParent")[0]);
}
}
} }
} }
} else if (website == "Bluesky") { } else if (website == "Bluesky") {
@ -157,43 +141,10 @@ async function GetPost() {
SetBoost(); SetBoost();
// Now time to see if there are any parents. // Now time to see if there are any parents.
if (post.hasOwnProperty("reply")) { if (post.hasOwnProperty("reply")) {
Parentpost = await BlueskyAPI.GetRecord(post.reply.parent.uri.split("/")[2], post.reply.parent.uri.split("/")[3], post.reply.parent.uri.split("/")[4]); Parentpost = await BlueskyReplyFunction("Parent", post.reply.parent, post.reply.parent.author);
document.getElementsByClassName("Origin Parent")[0].innerHTML = website;
document.getElementsByClassName("Handle Parent")[0].innerHTML = post.reply.parent.author.handle;
Text = BlueskyAPI.ApplyFacets(Parentpost.value, Parentpost.value.text);
Text = Text.replace(/\r?\n|\r/g, "<br/>");
// Sensitive topic :3
if (Parentpost.value.hasOwnProperty("labels") && Parentpost.value.labels.length != 0) {
document.getElementsByClassName("PostText Parent")[0].innerHTML = "LABELS APPLIED: ";
console.log(Parentpost.value.labels);
for (let lab of Parentpost.value.labels.values) {
document.getElementsByClassName("PostText Parent")[0].innerHTML += lab.val + " ";
}
} else {
document.getElementsByClassName("PostText Parent")[0].innerHTML = Text;
if (Parentpost.value.hasOwnProperty("embed")) {
ApplyMedia(Parentpost.value.embed, document.getElementsByClassName("Images Parent")[0], post.reply.parent.author.did);
}
}
// Now time to see if there are any grandparents. // Now time to see if there are any grandparents.
if (Parentpost.value.hasOwnProperty("reply")) { if (Parentpost.value.hasOwnProperty("reply")) {
GrandParentpost = await BlueskyAPI.GetRecord(Parentpost.value.reply.parent.uri.split("/")[2], Parentpost.value.reply.parent.uri.split("/")[3], Parentpost.value.reply.parent.uri.split("/")[4]); GrandParentpost = await BlueskyReplyFunction("Parent", Parentpost.value.reply.parent, post.reply.grandparentAuthor);
document.getElementsByClassName("Origin GrandParent")[0].innerHTML = website;
document.getElementsByClassName("Handle GrandParent")[0].innerHTML = post.reply.grandparentAuthor.handle;
Text = BlueskyAPI.ApplyFacets(GrandParentpost.value, GrandParentpost.value.text);
Text = Text.replace(/\r?\n|\r/g, "<br/>");
// Sensitive topic :3
if (GrandParentpost.value.hasOwnProperty("labels") && GrandParentpost.value.labels.length != 0) {
document.getElementsByClassName("PostText GrandParent")[0].innerHTML = "LABELS APPLIED: ";
for (let lab of GrandParentpost.value.labels.values) {
document.getElementsByClassName("PostText GrandParent")[0].innerHTML += lab.val + " ";
}
} else {
document.getElementsByClassName("PostText GrandParent")[0].innerHTML = Text;
if (GrandParentpost.value.hasOwnProperty("embed")) {
ApplyMedia(GrandParentpost.value.embed, document.getElementsByClassName("Images GrandParent")[0], post.reply.grandparentAuthor.did);
}
}
} }
} }
} else { } else {
@ -201,6 +152,45 @@ async function GetPost() {
} }
} }
// Because of repeat code, we can put it into it's own function. Hell, more of a thread can be added later.
async function MastodonReplylFunction(ClassName, post) {
let OtherPost = await MastodonAPI.GetStatus(post);
document.getElementsByClassName("Origin " + ClassName)[0].innerHTML = website;
document.getElementsByClassName("Handle " + ClassName)[0].innerHTML = OtherPost.account.username;
if (OtherPost.spoiler_text != "") {
document.getElementsByClassName("PostText " + ClassName)[0].innerHTML = "WARNING: " + OtherPost.spoiler_text;
} else {
document.getElementsByClassName("PostText " + ClassName)[0].innerHTML = OtherPost.content;
}
if (OtherPost.media_attachments.length != 0) {
for (let i of OtherPost.media_attachments) {
ApplyMedia(i, document.getElementsByClassName("Images " + ClassName)[0]);
}
}
return OtherPost;
}
async function BlueskyReplyFunction(ClassName, post, OtherAuthor) {
let OtherPost = await BlueskyAPI.GetRecord(post.uri.split("/")[2], post.uri.split("/")[3], post.uri.split("/")[4]);
document.getElementsByClassName("Origin " + ClassName)[0].innerHTML = website;
document.getElementsByClassName("Handle " + ClassName)[0].innerHTML = OtherAuthor.handle;
Text = BlueskyAPI.ApplyFacets(OtherPost.value, OtherPost.value.text);
Text = Text.replace(/\r?\n|\r/g, "<br/>");
// Sensitive topic :3
if (OtherPost.value.hasOwnProperty("labels") && OtherPost.value.labels.length != 0) {
document.getElementsByClassName("PostText " + ClassName)[0].innerHTML = "LABELS APPLIED: ";
for (let lab of OtherPost.value.labels.values) {
document.getElementsByClassName("PostText " + ClassName)[0].innerHTML += lab.val + " ";
}
} else {
document.getElementsByClassName("PostText " + ClassName)[0].innerHTML = Text;
if (OtherPost.value.hasOwnProperty("embed")) {
ApplyMedia(OtherPost.value.embed, document.getElementsByClassName("Images " + ClassName)[0], OtherAuthor.did);
}
}
return OtherPost;
}
// Applyers. Essentially applies a thing to an operation. // Applyers. Essentially applies a thing to an operation.
// Finds any associated media and applies it to the post. // Finds any associated media and applies it to the post.
async function ApplyMedia(Media, Element, Author = undefined) { async function ApplyMedia(Media, Element, Author = undefined) {
@ -208,15 +198,15 @@ async function ApplyMedia(Media, Element, Author = undefined) {
if (website == "Mastodon") { if (website == "Mastodon") {
if (Media.type == "image") { if (Media.type == "image") {
if (Media.remote_url == null) { if (Media.remote_url == null) {
Element.innerHTML += "<img src=" + Media.url + " alt='" + EscapeRegExp(Media.description) + "'/>"; Element.innerHTML += "<img src=" + Media.url + " alt=\"" + EscapeRegExp(Media.description) + "\"/>";
} else { } else {
Element.innerHTML += "<img src=" + Media.remote_url + " alt='" + EscapeRegExp(Media.description) + "'/>"; Element.innerHTML += "<img src=" + Media.remote_url + " alt=\"" + EscapeRegExp(Media.description) + "\"/>";
} }
} else if (Media.type == "video") { } else if (Media.type == "video" || Media.type == "gifv") {
if (Media.remote_url == null) { if (Media.remote_url == null) {
Element.innerHTML += "<video controls src=" + Media.url + " alt='" + EscapeRegExp(Media.description) + "'></video>"; Element.innerHTML += "<video controls src=" + Media.url + " alt=\"" + EscapeRegExp(Media.description) + "\"></video>";
} else { } else {
Element.innerHTML += "<video controls src=" + Media.remote_url + " alt='" + EscapeRegExp(Media.description) + "'></video>"; Element.innerHTML += "<video controls src=" + Media.remote_url + " alt=\"" + EscapeRegExp(Media.description) + "\"></video>";
} }
} }
} else if (website == "Bluesky") { } else if (website == "Bluesky") {
@ -229,7 +219,7 @@ async function ApplyMedia(Media, Element, Author = undefined) {
Element.innerHTML += "<p class='Embed'>" + Text + "</p><br/>"; Element.innerHTML += "<p class='Embed'>" + Text + "</p><br/>";
// To stop confusion: this is for the RECORD EMBED! It gets an image from the record embed and puts it there. // To stop confusion: this is for the RECORD EMBED! It gets an image from the record embed and puts it there.
if (Texty.posts[0].record.embed.$type == "app.bsky.embed.images" || Texty.posts[0].record.embed.$type == "app.bsky.embed.video") { if (Texty.posts[0].record.embed.$type == "app.bsky.embed.images" || Texty.posts[0].record.embed.$type == "app.bsky.embed.video") {
await BlueskyBlobEmbed(Texty.posts[0].record.embed, Element, Author); await BlueskyBlobEmbed(Texty.posts[0].record.embed, Element, Texty.posts[0].author.did);
} }
// Just a record on it's own. // Just a record on it's own.
} else if (Media.$type == "app.bsky.embed.record") { } else if (Media.$type == "app.bsky.embed.record") {
@ -238,7 +228,7 @@ async function ApplyMedia(Media, Element, Author = undefined) {
Text = Text.replace(/\r?\n|\r/g, "<br/>"); Text = Text.replace(/\r?\n|\r/g, "<br/>");
Element.innerHTML += "<p class='Embed'>" + Text + "</p><br/>"; Element.innerHTML += "<p class='Embed'>" + Text + "</p><br/>";
if (Texty.posts[0].record.embed.$type == "app.bsky.embed.images" || Texty.posts[0].record.embed.$type == "app.bsky.embed.video") { if (Texty.posts[0].record.embed.$type == "app.bsky.embed.images" || Texty.posts[0].record.embed.$type == "app.bsky.embed.video") {
await BlueskyBlobEmbed(Texty.posts[0].record.embed, Element, Author); await BlueskyBlobEmbed(Texty.posts[0].record.embed, Element, Texty.posts[0].author.did);
} }
// Image on it's own // Image on it's own
} else if (Media.$type == "app.bsky.embed.images" || Media.$type == "app.bsky.embed.video") { } else if (Media.$type == "app.bsky.embed.images" || Media.$type == "app.bsky.embed.video") {
@ -253,7 +243,7 @@ async function BlueskyBlobEmbed(Blob, Element, Author) {
for (let i of Blob.images) { for (let i of Blob.images) {
var Blobby = await BlueskyAPI.GetBlob(Author, i.image.ref.$link); var Blobby = await BlueskyAPI.GetBlob(Author, i.image.ref.$link);
var ObjectURL = URL.createObjectURL(Blobby); var ObjectURL = URL.createObjectURL(Blobby);
Element.innerHTML += "<img src=" + ObjectURL + " alt='" + EscapeRegExp(i.alt) + "'/>"; Element.innerHTML += "<img src=" + ObjectURL + " alt=\"" + EscapeRegExp(i.alt) + "\"/>";
} }
// Video embed. // Video embed.
} else if (Blob.$type == "app.bsky.embed.video") { } else if (Blob.$type == "app.bsky.embed.video") {

55
JS/index.js
View file

@ -92,6 +92,7 @@ function Music() {
// Clicking the next button // Clicking the next button
ArrowsButton[1].onclick = (event) => { ArrowsButton[1].onclick = (event) => {
if (!ContainerContainer.classList.contains("NextAnimation")) { if (!ContainerContainer.classList.contains("NextAnimation")) {
UpdateOtherContainers(1);
ContainerContainer.classList.add("NextAnimation"); ContainerContainer.classList.add("NextAnimation");
ButtonSound.play(); ButtonSound.play();
setTimeout(() => { setTimeout(() => {
@ -104,6 +105,7 @@ ArrowsButton[1].onclick = (event) => {
// Clicking the back button // Clicking the back button
ArrowsButton[0].onclick = (event) => { ArrowsButton[0].onclick = (event) => {
if (!ContainerContainer.classList.contains("BackAnimation")) { if (!ContainerContainer.classList.contains("BackAnimation")) {
UpdateOtherContainers(3);
ContainerContainer.classList.add("BackAnimation"); ContainerContainer.classList.add("BackAnimation");
ButtonSound.play(); ButtonSound.play();
setTimeout(() => { setTimeout(() => {
@ -113,6 +115,14 @@ ArrowsButton[0].onclick = (event) => {
} }
} }
function UpdateOtherContainers(Num) {
let Posts = ContainerContainer.getElementsByClassName("PostContainer")[Num].children;
for (let i = 0; i < ClickableContainers.length; i++) {
Posts[i].getElementsByClassName("Username")[0].innerHTML = ClickableContainers[i].getElementsByClassName("Username")[0].innerHTML;
Posts[i].getElementsByClassName("PostContent")[0].innerHTML = ClickableContainers[i].getElementsByClassName("PostContent")[0].innerHTML;
}
}
// These numbers are here so you don't go back. // These numbers are here so you don't go back.
let MastodonLoadedFeed = []; let MastodonLoadedFeed = [];
let BlueskyLoadedFeed = []; let BlueskyLoadedFeed = [];
@ -221,24 +231,21 @@ async function PosterContainerUpdate(Direction) {
} }
MastodonLoadedFeed = MastodonLoadedFeed.concat(TempFeed); MastodonLoadedFeed = MastodonLoadedFeed.concat(TempFeed);
} }
// Check for images. Reblog roundabout fix included. // put the reblog into the regular post; Make changes as necessary.
if (MastodonLoadedFeed[CurrentThing + counter].reblog != null) { if (MastodonLoadedFeed[CurrentThing + counter].reblog != null) {
if (MastodonLoadedFeed[CurrentThing + counter].reblog.media_attachments.length != 0) { i.getElementsByClassName("Username")[0].innerHTML = MastodonLoadedFeed[CurrentThing + counter].reblog.account.username + " ( R: " + MastodonLoadedFeed[CurrentThing + counter].account.username + " )";
if (MastodonLoadedFeed[CurrentThing + counter].reblog.media_attachments[0].type == "image") { MastodonLoadedFeed[CurrentThing + counter] = MastodonLoadedFeed[CurrentThing + counter].reblog;
i.getElementsByClassName("PostContent")[0].innerHTML += "This post has an image!<br/>";
} else if (MastodonLoadedFeed[CurrentThing + counter].reblog.media_attachments[0].type == "video") {
i.getElementsByClassName("PostContent")[0].innerHTML += "This post has a video!<br/>";
}
}
} else { } else {
i.getElementsByClassName("Username")[0].innerHTML = MastodonLoadedFeed[CurrentThing + counter].account.username
}
// Check for images.
if (MastodonLoadedFeed[CurrentThing + counter].media_attachments.length != 0) { if (MastodonLoadedFeed[CurrentThing + counter].media_attachments.length != 0) {
if (MastodonLoadedFeed[CurrentThing + counter].media_attachments[0].type == "image") { if (MastodonLoadedFeed[CurrentThing + counter].media_attachments[0].type == "image") {
i.getElementsByClassName("PostContent")[0].innerHTML += "This post has an image!<br/>"; i.getElementsByClassName("PostContent")[0].innerHTML += "This post has an image!<br/>";
} else if (MastodonLoadedFeed[CurrentThing + counter].media_attachments[0].type == "video") { } else if (MastodonLoadedFeed[CurrentThing + counter].media_attachments[0].type == "video" || MastodonLoadedFeed[CurrentThing + counter].media_attachments[0].type == "gifv") {
i.getElementsByClassName("PostContent")[0].innerHTML += "This post has a video!<br/>"; i.getElementsByClassName("PostContent")[0].innerHTML += "This post has a video!<br/>";
} }
} }
}
// Check for a thread. // Check for a thread.
if (MastodonLoadedFeed[CurrentThing + counter].in_reply_to_id != null) { if (MastodonLoadedFeed[CurrentThing + counter].in_reply_to_id != null) {
i.getElementsByClassName("PostContent")[0].innerHTML += "This post is a thread!<br/>"; i.getElementsByClassName("PostContent")[0].innerHTML += "This post is a thread!<br/>";
@ -249,14 +256,7 @@ async function PosterContainerUpdate(Direction) {
i.getElementsByClassName("Username")[0].innerHTML = MastodonLoadedFeed[CurrentThing + counter].account.username; i.getElementsByClassName("Username")[0].innerHTML = MastodonLoadedFeed[CurrentThing + counter].account.username;
break; break;
} }
// Check for a reblog.
if (MastodonLoadedFeed[CurrentThing + counter].reblog != null) {
i.getElementsByClassName("PostContent")[0].innerHTML += MastodonLoadedFeed[CurrentThing + counter].reblog.content;
i.getElementsByClassName("Username")[0].innerHTML = MastodonLoadedFeed[CurrentThing + counter].reblog.account.username + " ( R: " + MastodonLoadedFeed[CurrentThing + counter].account.username + " )";
} else {
i.getElementsByClassName("PostContent")[0].innerHTML += MastodonLoadedFeed[CurrentThing + counter].content; i.getElementsByClassName("PostContent")[0].innerHTML += MastodonLoadedFeed[CurrentThing + counter].content;
i.getElementsByClassName("Username")[0].innerHTML = MastodonLoadedFeed[CurrentThing + counter].account.username;
}
break; break;
// Bsky // Bsky
case 1: case 1:
@ -326,14 +326,14 @@ function CheckForDups(Timeline, DupeArray, counter) {
for (let j of DupeArray) { for (let j of DupeArray) {
if (j == Timeline[counter].post.uri) { if (j == Timeline[counter].post.uri) {
Timeline.splice(counter, 1); Timeline.splice(counter, 1);
console.log("Culled a duplicate post.") console.log("Culled a duplicate post.");
Timeline = CheckForDups(Timeline, DupeArray, counter); Timeline = CheckForDups(Timeline, DupeArray, counter);
} }
} }
return Timeline; return Timeline;
} }
// Open the settings // Open the settings.
SettingButton.onclick = (event) => { SettingButton.onclick = (event) => {
window.location.href = "./HTML/setting.html"; window.location.href = "./HTML/setting.html";
} }
@ -343,16 +343,29 @@ MailButton.onclick = (event) => {
window.location.href = "./HTML/mail.html"; window.location.href = "./HTML/mail.html";
} }
// Open the posting area // Open the posting area.
PostingButton.onclick = (event) => { PostingButton.onclick = (event) => {
window.location.href = "./HTML/post.html"; window.location.href = "./HTML/post.html";
} }
// Change the feed to a "public" feed.
FeedButton.onclick = (event) => { FeedButton.onclick = (event) => {
if (Discover == false) {
let Footer = document.getElementsByClassName("MainFooter")[0];
Main.classList.add("MainBlacked");
Main.classList.remove("MainAfter");
Footer.classList.add("MainBlackedFooter");
Footer.classList.remove("MainFooter");
} else {
let Footer = document.getElementsByClassName("MainBlackedFooter")[0];
Main.classList.add("MainAfter");
Main.classList.remove("MainBlacked");
Footer.classList.add("MainFooter");
Footer.classList.remove("MainBlackedFooter");
}
Discover = !(Discover); Discover = !(Discover);
MastodonLoadedFeed = []; MastodonLoadedFeed = [];
BlueskyLoadedFeed = []; BlueskyLoadedFeed = [];
CurrentThing = 0; CurrentThing = 0;
PosterContainerUpdate(); PosterContainerUpdate();
} }

3
JS/post.js
View file

@ -52,9 +52,9 @@ async function Post() {
} else { } else {
await MastodonAPI.CreateReplyStatus(Text, WarningInputArea.value, TempVisible, JSON.parse(localStorage.getItem("post")).id); await MastodonAPI.CreateReplyStatus(Text, WarningInputArea.value, TempVisible, JSON.parse(localStorage.getItem("post")).id);
} }
return;
InputArea.value = ""; InputArea.value = "";
WarningInputArea.value = ""; WarningInputArea.value = "";
return;
} else if (website == "All") { } else if (website == "All") {
if (WarningInputArea.value == "") { if (WarningInputArea.value == "") {
await MastodonAPI.CreateStatus(Text, undefined, TempVisible); await MastodonAPI.CreateStatus(Text, undefined, TempVisible);
@ -99,6 +99,7 @@ async function Post() {
} }
InputArea.value = ""; InputArea.value = "";
WarningInputArea.value = ""; WarningInputArea.value = "";
return;
} else if (website == "All") { } else if (website == "All") {
let Post; let Post;
if (WarningInputArea.value == "") { if (WarningInputArea.value == "") {