Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reduce initial bundle size

Browse source
This commit is contained in:
syuilo 2019-05-21 04:21:43 +09:00
parent 3cc2049fb3
commit cd4c7689b7
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
13 changed files with 67 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/client/app/mobile/script.ts
View file

@ -11,16 +11,13 @@ import './style.styl';
import init from '../init';
import MkIndex from './views/pages/index.vue';
import MkDeck from '../common/views/deck/deck.vue';
import MkSignup from './views/pages/signup.vue';
import MkSelectDrive from './views/pages/selectdrive.vue';
import MkDrive from './views/pages/drive.vue';
import MkWidgets from './views/pages/widgets.vue';
import MkMessaging from './views/pages/messaging.vue';
import MkMessagingRoom from './views/pages/messaging-room.vue';
import MkNote from './views/pages/note.vue';
import MkSearch from './views/pages/search.vue';
import MkFavorites from './views/pages/favorites.vue';
import UI from './views/pages/ui.vue';
import MkReversi from './views/pages/games/reversi.vue';
import MkTag from './views/pages/tag.vue';
@ -29,7 +26,6 @@ import MkFollow from '../common/views/pages/follow.vue';
import MkNotFound from '../common/views/pages/not-found.vue';
import DeckColumn from '../common/views/deck/deck.column-template.vue';
import PostForm from './views/components/post-form-dialog.vue';
import FileChooser from './views/components/drive-file-chooser.vue';
import FolderChooser from './views/components/drive-folder-chooser.vue';
@ -54,16 +50,16 @@ init((launch, os) => {
document.documentElement.style.overflow = 'auto';
}
const vm = this.$root.new(PostForm, {
this.$root.new(() => import('./views/components/post-form-dialog.vue').then(m => m.default), {
reply: o.reply,
mention: o.mention,
renote: o.renote
}).then(vm => {
vm.$once('cancel', recover);
vm.$once('posted', recover);
if (o.cb) vm.$once('closed', o.cb);
(vm as any).focus();
});
vm.$once('cancel', recover);
vm.$once('posted', recover);
if (o.cb) vm.$once('closed', o.cb);
(vm as any).focus();
},
$chooseDriveFile(opts) {
@ -114,7 +110,7 @@ init((launch, os) => {
mode: 'history',
routes: [
...(os.store.state.device.inDeckMode
? [{ path: '/', name: 'index', component: MkDeck, children: [
? [{ path: '/', name: 'index', component: () => import('../common/views/deck/deck.vue').then(m => m.default), children: [
{ path: '/@:user', component: () => import('../common/views/deck/deck.user-column.vue').then(m => m.default), children: [
{ path: '', name: 'user', component: () => import('../common/views/deck/deck.user-column.home.vue').then(m => m.default) },
{ path: 'following', component: () => import('../common/views/pages/following.vue').then(m => m.default) },
@ -145,7 +141,7 @@ init((launch, os) => {
{ path: '/i/groups', name: 'user-groups', component: UI, props: route => ({ component: () => import('../common/views/pages/user-groups.vue').then(m => m.default) }) },
{ path: '/i/groups/:group', component: UI, props: route => ({ component: () => import('../common/views/pages/user-group-editor.vue').then(m => m.default), groupId: route.params.group }) },
{ path: '/i/follow-requests', name: 'follow-requests', component: UI, props: route => ({ component: () => import('../common/views/pages/follow-requests.vue').then(m => m.default) }) },
{ path: '/i/widgets', name: 'widgets', component: MkWidgets },
{ path: '/i/widgets', name: 'widgets', component: () => import('./views/pages/widgets.vue').then(m => m.default) },
{ path: '/i/messaging', name: 'messaging', component: MkMessaging },
{ path: '/i/messaging/group/:group', component: MkMessagingRoom },
{ path: '/i/messaging/:user', component: MkMessagingRoom },

2
src/client/app/mobile/views/components/index.ts
View file

@ -14,7 +14,6 @@ import notificationPreview from './notification-preview.vue';
import userTimeline from './user-timeline.vue';
import userListTimeline from './user-list-timeline.vue';
import uiContainer from './ui-container.vue';
import postForm from './post-form.vue';
Vue.component('mk-ui', ui);
Vue.component('mk-note', note);
@ -30,4 +29,3 @@ Vue.component('mk-notification-preview', notificationPreview);
Vue.component('mk-user-timeline', userTimeline);
Vue.component('mk-user-list-timeline', userListTimeline);
Vue.component('ui-container', uiContainer);
Vue.component('mk-post-form', postForm);

7
src/client/app/mobile/views/components/post-form-dialog.vue
View file

@ -2,7 +2,7 @@
<div class="ulveipglmagnxfgvitaxyszerjwiqmwl">
<div class="bg" ref="bg"></div>
<div class="main" ref="main">
<mk-post-form ref="form"
<x-post-form ref="form"
:reply="reply"
:renote="renote"
:mention="mention"
@ -17,8 +17,13 @@
<script lang="ts">
import Vue from 'vue';
import anime from 'animejs';
import XPostForm from './post-form.vue';
export default Vue.extend({
components: {
XPostForm
},
props: {
reply: {
type: Object,

4
src/client/app/mobile/views/components/post-form.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="mk-post-form">
<div class="gafaadew">
<div class="form">
<header>
<button class="cancel" @click="cancel"><fa icon="times"/></button>
@ -387,7 +387,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
.mk-post-form
.gafaadew
max-width 500px
width calc(100% - 16px)
margin 8px auto