Friendiiverse/App/Main.js

var Persist = {Servers: {}, Sources: {}, Identities: {},};
var Present = CopyObj(Persist);
var Tasker = {};
var ApiCache = {
	__Store__(Data, Key, Where) {
		ApiCache[Where][Key] = Data;
		ApiCache[Where][Key].__Time__ = Date.now();
	},
	__UrlStore__(Data) {
		ApiCache.__Store__(Data, Data.Url, 'Urls');
	},
	Urls: {},
};

Assets._ = function _(Name) {
	if (Name in Assets) {
		if (Assets[Name].startsWith('data:')) {
			return Assets[Name];
		} else {
			return `./Assets/${Assets[Name]}`;
		};
	};
};

Strings._ = function _(Name) {
	// TODO: Handle arbitrary nestation
	if (Name in Strings) {
		if (Strings[Name]['en']) { // TODO{ Select this language from user config
			return Strings[Name]['en'];
		} else {
			return Strings[Name].en;
		};
	};
};

function DoAsync(First, Then, Data) {
	var Job = RndId();
	Tasker[Job] = {
		Remains: 0,
		Return(Data) {
			this.Remains -= 1;
			this.Result = Data;
		},
	};
	// Call all First functs
	ForceList(First).forEach(function(Fun){
		var Task = RndId();
		var Proc = [Job, Task];
		Tasker[Job][Task] = {};
		Tasker[Job].Remains += 1;
		//Fun(Proc, Data);
		Data ? Fun(Data, Proc) : Fun(Proc);
	});
	// Continuosly check when First functs completed
	Tasker[Job].Interval = setInterval(function(Job, Then){
		if (Tasker[Job].Remains <= 0) {
			clearInterval(Tasker[Job].Interval);
			// Call all Then functs
			ForceList(Then).forEach(function(Fun){
				Fun(Tasker[Job].Result);
			});
			delete Tasker[Job];
		};
	}, 50, Job, Then);
	return Job;
};

function HtmlAssign(Id, Data) {
	Array.from(document.getElementsByClassName(Id)).forEach(function(El){
		HtmlAssignPropper(El, Data);
	});
	Array.from(document.getElementById(Id).querySelectorAll(`*:not([class~="${Id}"])`)).forEach(function(El){
		if (El.dataset.assign) {
			HtmlAssignPropper(El, Data);
		};
	});
};
function HtmlAssignPropper(El, Data) {
	El.dataset.assign.trim().split(' ').forEach(function(Att){
		var Toks = Att.split(':');
		var Prop = Data;
		Toks[1].split('.').forEach(function(Key){
			Prop = Prop[Key];
		});
		if (Prop !== undefined) {
			El[Toks[0]] = Prop;
		};
	});
};

function DisplayProfile(Profile) {
	Profile = UrlObj(Profile);
	var Window = MkWindow({className: "Profile"});
	Window.innerHTML += `<div class="" style="display: inline-block;">
		<a href="${Profile.Url}">
			<div>
				<img class="" src="${Profile.Banner}"/>
			</div>
			<div>
				<img class="" src="${Profile.Icon}"/>
				${Profile.Name}
			</div>
		</a>
	</div>`;
	// TODO: Handle fetching notes of non-standard profiles like servers timelines
	DoAsync(FetchNotes, FillTimeline, Profile);
};

function DisplayMastodonTimeline(Data) {
	var Window = MkWindow();
	Window.innerHTML += `<div class="" style="display: inline-block;">
		<a href="${Profile.Url}">
			<div>
				<img class="" src="${Profile.Banner}"/>
			</div>
			<div>
				<img class="" src="${Profile.Icon}"/>
				${Profile.Name}
			</div>
		</a>
	</div>`;
	DoAsync(FetchNotes, FillTimeline, Profile);
};

function FetchNotes(Profile, Proc) {
	var Soft = Profile.__Software__;
	NetApiCall({Target: UrlBase(Profile.Url), Method: ApiEndpoints.FetchNotes['Mastodon'](Profile), CallFine: function(Res){
		var Notes = ApiTransform(Res.responseJson, Soft, 'Note');
		LogDebug(Notes, 'l');
		Tasker[Res.Proc[0]].Return(Notes);
	}}, Proc);
};

function FetchMastodon(Proc) {
	//if (UseFakeApi) {
	//	ResFetchMastodon({responseJson: [FakeApi.Mastodon.Status], Proc: Proc});
	//} else {
		NetApiCall({Target: "Mastodon", Method: "GET timelines/public", CallFine: ResFetchMastodon}, Proc);
	//};
};
function ResFetchMastodon(Res) {
	var Notes = ApiTransform(Res.responseJson, 'Mastodon', 'Note');
	LogDebug(Notes, 'l');
	Tasker[Res.Proc[0]].Return(Notes);
};

function FillTimeline(Notes) {
	Notes.forEach(function(Note){
		ApiCache.__UrlStore__(Note.Profile);
		Root.lastChild.innerHTML += `<div class="View Note">
			<a href="${Note.Profile.Url}" onclick="DisplayProfile(ApiCache.Urls['${Note.Profile.Url}']); return false;">
				<img class="Profile Icon" src="${Note.Profile.Icon}"/>
				${Note.Profile.Name}
			</a>
			${SanitizeHtml(Note.Content)}
			<a href="${Note.Url}">${Note.Time}</a>
		</div>`;
	});
};

function FillHome() {
	var Window = MkWindow({className: "Gallery"});
	var Categories = ApiStatic.Featured;
	Object.keys(Categories).forEach(function(Category){
		Window.innerHTML += `<h2>Featured ${Category}</h2>`;
		Categories[Category].forEach(function(Profile){
			ApiCache.Urls[Profile.Url] = Profile;
			var Rnd = RndHtmlId();
			Window.innerHTML += `<div id="${Rnd}">
				<a href="${Profile.Url}" onclick="DisplayProfile('${Profile.Url}'); return false;">
					<div>
						<img data-assign="src:Banner" src="${Profile.Banner}"/>
					</div>
					<div>
						<img data-assign="src:Icon" src="${Profile.Icon}"/>
						<span data-assign="innerHTML:Name">${Profile.Url}</span>
					</div>
				</a>
			</div>`;
			NetApiCall({Target: Profile.Url, Method: ApiEndpoints.ServerInfo[Profile.ServerSoftware], CallFine: function(Res){
				var Data = ApiTransform(Res.responseJson, Profile.ServerSoftware, 'Profile');
				HtmlAssign(Rnd, Data);
				_.merge(ApiCache.Urls[Profile.Url], Data);
			}});
		});
	});
};

/*
PlazasView.innerHTML = `
<div>
	<h3>Featured</h3>
	<ul>
		<li onclick="DisplayFriendicaTimeline('statuses/networkpublic_timeline');">Federation</li>
		<li onclick="DisplayFriendicaTimeline('statuses/public_timeline');">${FriendicaUrl}</li>
		<li onclick="DoAsync(FetchMastodon, FillTimeline);">
			<img src=""/>
			${MastodonUrl}
		</li>
	</ul>
</div>
`;
*/

function ComposeNote() {
	var Window = MkWindow();
	Window.innerHTML += `
		<h2>Compose</h2>
		<p>Posting in: [Channel]</p>
		<textarea style="width: 100%; height: 20em;"></textarea>
		<p>
			<button onclick="PostNote(this.parentNode.parentNode.querySelector('textarea').value);">Note!</button>
		</p>
	`;
};
function PostNote(Text) {
	Obj = ExtrimObj(ApiSchema.Note);
	Obj.Content = Text;
	// Find out current profile and destination channel to do a proper net request
};

function ManageSettings() {
	MkWindow().innerHTML = `
		<h2>Settings</h2>
		<h3>Misc</h3>
		<p>
			Language: ${MkSelectMenu([{innerHTML: "en"}, {innerHTML: "it"},]).outerHTML}
		</p>
		<p>
			Theme:
		</p>
		<p>
			<label>Wait <input type="number"/> seconds after clicking send for a note to be sent</label>
		</p>
		<h3>Identities</h3>
		${MkListMenu(Present.Identities, ElsCfg.ListMenu.FullControl).outerHTML}
		<h3>Sources</h3>
		${MkListMenu(Present.Sources, ElsCfg.ListMenu.FullControl).outerHTML}
		<h3>Data</h3>
		<p>
			<button>Import User Data</button>
			<button>Export User Data</button>
		</p>
		<p>
			<label><input type="checkbox"/> Persist cache on app reload</label>
		</p>
	`;
};

FillHome();
CoverView.remove();