https://technomancer.biz/js/home/about/social-stream.js

1fetch("/api/facebook")
2    .then((response) => response.json())
3    .then((data) => {
4        const dataFiltered = [];
5
6        data["data"]["published_posts"]["data"].forEach((element) => {
7            if (typeof element["full_picture"] !== "undefined") {
8                dataFiltered.push(element);
9            }
10        });
11
12
13        if (dataFiltered.length > 0) {
14            for (let i = 0; i < 3; i++) {
15                if (dataFiltered[i]["message"]) {
16                    const message = dataFiltered[i]["message"];
17                    const words = message.split(" ");
18                    let truncatedMessage = words.slice(0, 20).join(" ");
19                    if (words.length > 20) {
20                        truncatedMessage += "...";
21                    }
22                    document.querySelector( "#messageContent" + (i + 1) ).textContent = truncatedMessage;
23                }
24
25                document.querySelector("#img" + (i + 1)).src = dataFiltered[i]["full_picture"];
26                document.querySelector("#postLink" + (i + 1)).href = dataFiltered[i]["permalink_url"];
27
28                const isoDate = dataFiltered[i]["created_time"];
29                const date = new Date(isoDate);
30                const year = date.getFullYear();

31                const month = date.toLocaleString("default", { month: "short" });
32                const day = date.getDate();
33                const monthAndDay = month + " " + day;
34
35                document.querySelector("#year" + (i + 1)).textContent = year;
36                document.querySelector("#monthAndDay" + (i + 1)).textContent = monthAndDay;
37            }
38        }
39    })
40    .catch((error) => {
41        console.error("Error retrieving Facebook posts:", error);
42    });