cherrypick/src/web/app/mobile/script.ts

/**
 * Mobile Client
 */

// Style
import './style.styl';

import init from '../init';

import chooseDriveFolder from './api/choose-drive-folder';
import chooseDriveFile from './api/choose-drive-file';
import dialog from './api/dialog';
import input from './api/input';
import post from './api/post';
import notify from './api/notify';
import updateAvatar from './api/update-avatar';
import updateBanner from './api/update-banner';

import MkIndex from './views/pages/index.vue';
import MkUser from './views/pages/user/user.vue';
import MkSelectDrive from './views/pages/selectdrive.vue';
import MkDrive from './views/pages/drive.vue';

/**
 * init
 */
init((launch) => {
	// Register directives
	require('./views/directives');

	// Register components
	require('./views/components');

	// http://qiita.com/junya/items/3ff380878f26ca447f85
	document.body.setAttribute('ontouchstart', '');

	// Launch the app
	const [app, os] = launch(os => ({
		chooseDriveFolder,
		chooseDriveFile,
		dialog,
		input,
		post,
		notify,
		updateAvatar: updateAvatar(os),
		updateBanner: updateBanner(os)
	}));

	// Routing
	app.$router.addRoutes([
		{ path: '/', name: 'index', component: MkIndex },
		{ path: '/i/drive', component: MkDrive },
		{ path: '/i/drive/folder/:folder', component: MkDrive },
		{ path: '/selectdrive', component: MkSelectDrive },
		{ path: '/:user', component: MkUser }
	]);
}, true);