thelounge/client/js/router.js

"use strict";

const Vue = require("vue").default;
const VueRouter = require("vue-router").default;
Vue.use(VueRouter);

const store = require("./store").default;

const SignIn = require("../components/Windows/SignIn.vue").default;
const Connect = require("../components/Windows/Connect.vue").default;
const Settings = require("../components/Windows/Settings.vue").default;
const Help = require("../components/Windows/Help.vue").default;
const Changelog = require("../components/Windows/Changelog.vue").default;
const NetworkEdit = require("../components/Windows/NetworkEdit.vue").default;
const RoutedChat = require("../components/RoutedChat.vue").default;

const router = new VueRouter({
	routes: [
		{
			path: "/sign-in",
			component: SignIn,
			meta: {
				isChat: false,
				windowName: "SignIn",
			},
		},
	],
});

router.afterEach((to) => {
	if (!router.app.initialized) {
		return;
	}

	router.app.closeSidebarIfNeeded();

	if (!to.meta.isChat) {
		// Navigating out of a chat window
		store.commit("activeWindow", to.meta.windowName);

		if (store.state.activeChannel && store.state.activeChannel.channel) {
			router.app.switchOutOfChannel(store.state.activeChannel.channel);
		}

		store.commit("activeChannel", null);
	}
});

function initialize() {
	router.addRoutes([
		{
			path: "/sign-in",
			component: SignIn,
			meta: {
				isChat: false,
				windowName: "SignIn",
			},
		},
		{
			path: "/connect",
			component: Connect,
			meta: {
				isChat: false,
				windowName: "Connect",
			},
		},
		{
			path: "/settings",
			component: Settings,
			meta: {
				isChat: false,
				windowName: "Settings",
			},
		},
		{
			path: "/help",
			component: Help,
			meta: {
				isChat: false,
				windowName: "Help",
			},
		},
		{
			path: "/changelog",
			component: Changelog,
			meta: {
				isChat: false,
				windowName: "Changelog",
			},
		},
		{
			path: "/edit-network/:uuid",
			component: NetworkEdit,
			meta: {
				isChat: false,
				windowName: "NetworkEdit",
			},
		},
		{
			path: "/chan-*",
			component: RoutedChat,
			meta: {
				isChat: true,
				windowName: "RoutedChat",
			},
		},
	]);
}

module.exports = {
	initialize,
	router,
};