"use strict";
var g_data = {
	whoami: null,
	connections: [],
	messages: [],
	users: {},
	broadcasts: [],
	show_connect_dialog: false,
	show_user_dialog: null,
	connect: null,
	pubs: [],
	votes: {},
	apps: {},
	share_app: null,
	unread: 0,
};

var g_data_initial = JSON.parse(JSON.stringify(g_data));
window.addEventListener('message', function(event) {
	var key = Object.keys(event.data)[0];
	if (key == 'message') {
		event.data[key].children = [];
		var found = false;
		var root = JSON.parse(event.data[key].content).root;
		if (root) {
			for (let message of g_data.messages) {
				if (root == message.id) {
					message.children.push(event.data[key]);
					message.children.sort((x, y) => y.timestamp - x.timestamp);
					found = true;
				}
			}
		}
		if (!found) {
			for (let message of g_data.messages) {
				if (JSON.parse(message.content).root == event.data[key].id) {
					event.data[key].children.push(message);
					event.data[key].children.sort((x, y) => y.timestamp - x.timestamp);
					g_data.messages.splice(g_data.messages.indexOf(message), 1);
					break;
				}
			}
		}
		if (!found) {
			g_data.messages.push(event.data[key]);
			g_data.messages.sort((x, y) => y.timestamp - x.timestamp);
		}
	} else if (key + 's' in g_data && Array.isArray(g_data[key + 's'])) {
		g_data[key + 's'].push(event.data[key]);
	} else if (key == 'user') {
		Vue.set(g_data.users, event.data.user.user, Object.assign({}, g_data.users[event.data.user.user] || {}, event.data.user.about));
	} else if (key == 'followers') {
		if (!g_data.users[event.data.followers.id]) {
			Vue.set(g_data.users, event.data.followers.id, {});
		}
		Vue.set(g_data.users[event.data.followers.id], 'followers', event.data.followers.users);
	} else if (key == 'following') {
		if (!g_data.users[event.data.following.id]) {
			Vue.set(g_data.users, event.data.following.id, {});
		}
		Vue.set(g_data.users[event.data.following.id], 'following', event.data.following.users);
	} else if (key == 'broadcasts') {
		g_data.broadcasts = event.data.broadcasts;
	} else if (key == 'pubs') {
		g_data.pubs = event.data.pubs;
	} else if (key == 'apps') {
		g_data.apps = event.data.apps;
	} else if (key == 'votes') {
		event.data.votes.forEach(function(vote) {
			var content = JSON.parse(vote.content);
			var link = content.vote.link;
			if (!g_data.votes[link]) {
				Vue.set(g_data.votes, link, {});
			}
			if (!g_data.votes[link][content.vote.expression]) {
				Vue.set(g_data.votes[link], content.vote.expression, []);
			}
			g_data.votes[link][content.vote.expression].push({author: vote.author, value: content.vote.value});
		});
	} else if (key == 'clear') {
		Object.keys(g_data_initial).forEach(function(key) {
			Vue.set(g_data, key, JSON.parse(JSON.stringify(g_data_initial[key])));
		});
	} else if (key == 'unread') {
		g_data.unread += event.data.unread;
	} else {
		g_data[key] = event.data[key];
	}
});
window.addEventListener('load', function() {
	Vue.use(VueMaterial.default);
	var vue = new Vue({
		el: '#app',
		data: g_data,
		methods: {
			post_message: function() {
				if (g_data.share_app) {
					window.parent.postMessage({share_app: {
						app: g_data.apps[g_data.share_app],
						name: g_data.share_app,
						text: document.getElementById('post_text').value,
					}}, '*');
				} else {
					window.parent.postMessage({post: document.getElementById('post_text').value}, '*');
				}
				document.getElementById('post_text').value = '';
			},
			ssb_connect: function(connection) {
				window.parent.postMessage({connect: connection}, '*');
			},
			content_json: function(message) {
				try {
					return JSON.parse(message.content);
				} catch {
					return undefined;
				}
			},
			refresh: function() {
				window.parent.postMessage({refresh: true}, '*');
			},
		}
	});
	window.parent.postMessage('ready', '*');
});