40b32ffb12
* feat: Lazy-load routes * feat: Lazy-load modals * feat: Lazy-load columns * refactor: Simplify Bundle API * feat: Optimize bundles * feat: Prevent flashing the waiting state * feat: Preload commonly used bundles * feat: Lazy load Compose reducers * feat: Lazy load Notifications reducer * refactor: Move all dynamic imports into one file * fix: Minor bugs * fix: Manually hydrate the lazy-loaded reducers * refactor: Move all dynamic imports to async-components * fix: Loading modal style * refactor: Avoid converting the raw state for each lazy hydration * refactor: Remove unused component * refactor: Maintain modal name * fix: Add as=script to preload link * chore: Fix lint error * fix(components/bundle): Check if timestamp is set when computing elapsed * fix: Load compose reducers for the onboarding modal
143 lines
5 KiB
JavaScript
143 lines
5 KiB
JavaScript
import { store } from '../../../containers/mastodon';
|
|
import { injectAsyncReducer } from '../../../store/configureStore';
|
|
|
|
// NOTE: When lazy-loading reducers, make sure to add them
|
|
// to application.html.haml (if the component is preloaded there)
|
|
|
|
export function EmojiPicker () {
|
|
return import(/* webpackChunkName: "emojione_picker" */'emojione-picker');
|
|
}
|
|
|
|
export function Compose () {
|
|
return Promise.all([
|
|
import(/* webpackChunkName: "features/compose" */'../../compose'),
|
|
import(/* webpackChunkName: "reducers/compose" */'../../../reducers/compose'),
|
|
import(/* webpackChunkName: "reducers/media_attachments" */'../../../reducers/media_attachments'),
|
|
import(/* webpackChunkName: "reducers/search" */'../../../reducers/search'),
|
|
]).then(([component, composeReducer, mediaAttachmentsReducer, searchReducer]) => {
|
|
injectAsyncReducer(store, 'compose', composeReducer.default);
|
|
injectAsyncReducer(store, 'media_attachments', mediaAttachmentsReducer.default);
|
|
injectAsyncReducer(store, 'search', searchReducer.default);
|
|
|
|
return component;
|
|
});
|
|
}
|
|
|
|
export function Notifications () {
|
|
return Promise.all([
|
|
import(/* webpackChunkName: "features/notifications" */'../../notifications'),
|
|
import(/* webpackChunkName: "reducers/notifications" */'../../../reducers/notifications'),
|
|
]).then(([component, notificationsReducer]) => {
|
|
injectAsyncReducer(store, 'notifications', notificationsReducer.default);
|
|
|
|
return component;
|
|
});
|
|
}
|
|
|
|
export function HomeTimeline () {
|
|
return import(/* webpackChunkName: "features/home_timeline" */'../../home_timeline');
|
|
}
|
|
|
|
export function PublicTimeline () {
|
|
return import(/* webpackChunkName: "features/public_timeline" */'../../public_timeline');
|
|
}
|
|
|
|
export function CommunityTimeline () {
|
|
return import(/* webpackChunkName: "features/community_timeline" */'../../community_timeline');
|
|
}
|
|
|
|
export function HashtagTimeline () {
|
|
return import(/* webpackChunkName: "features/hashtag_timeline" */'../../hashtag_timeline');
|
|
}
|
|
|
|
export function Status () {
|
|
return import(/* webpackChunkName: "features/status" */'../../status');
|
|
}
|
|
|
|
export function GettingStarted () {
|
|
return import(/* webpackChunkName: "features/getting_started" */'../../getting_started');
|
|
}
|
|
|
|
export function AccountTimeline () {
|
|
return import(/* webpackChunkName: "features/account_timeline" */'../../account_timeline');
|
|
}
|
|
|
|
export function AccountGallery () {
|
|
return import(/* webpackChunkName: "features/account_gallery" */'../../account_gallery');
|
|
}
|
|
|
|
export function Followers () {
|
|
return import(/* webpackChunkName: "features/followers" */'../../followers');
|
|
}
|
|
|
|
export function Following () {
|
|
return import(/* webpackChunkName: "features/following" */'../../following');
|
|
}
|
|
|
|
export function Reblogs () {
|
|
return import(/* webpackChunkName: "features/reblogs" */'../../reblogs');
|
|
}
|
|
|
|
export function Favourites () {
|
|
return import(/* webpackChunkName: "features/favourites" */'../../favourites');
|
|
}
|
|
|
|
export function FollowRequests () {
|
|
return import(/* webpackChunkName: "features/follow_requests" */'../../follow_requests');
|
|
}
|
|
|
|
export function GenericNotFound () {
|
|
return import(/* webpackChunkName: "features/generic_not_found" */'../../generic_not_found');
|
|
}
|
|
|
|
export function FavouritedStatuses () {
|
|
return import(/* webpackChunkName: "features/favourited_statuses" */'../../favourited_statuses');
|
|
}
|
|
|
|
export function Blocks () {
|
|
return import(/* webpackChunkName: "features/blocks" */'../../blocks');
|
|
}
|
|
|
|
export function Mutes () {
|
|
return import(/* webpackChunkName: "features/mutes" */'../../mutes');
|
|
}
|
|
|
|
export function MediaModal () {
|
|
return import(/* webpackChunkName: "modals/media_modal" */'../components/media_modal');
|
|
}
|
|
|
|
export function OnboardingModal () {
|
|
return Promise.all([
|
|
import(/* webpackChunkName: "modals/onboarding_modal" */'../components/onboarding_modal'),
|
|
import(/* webpackChunkName: "reducers/compose" */'../../../reducers/compose'),
|
|
import(/* webpackChunkName: "reducers/media_attachments" */'../../../reducers/media_attachments'),
|
|
]).then(([component, composeReducer, mediaAttachmentsReducer]) => {
|
|
injectAsyncReducer(store, 'compose', composeReducer.default);
|
|
injectAsyncReducer(store, 'media_attachments', mediaAttachmentsReducer.default);
|
|
return component;
|
|
});
|
|
}
|
|
|
|
export function VideoModal () {
|
|
return import(/* webpackChunkName: "modals/video_modal" */'../components/video_modal');
|
|
}
|
|
|
|
export function BoostModal () {
|
|
return import(/* webpackChunkName: "modals/boost_modal" */'../components/boost_modal');
|
|
}
|
|
|
|
export function ConfirmationModal () {
|
|
return import(/* webpackChunkName: "modals/confirmation_modal" */'../components/confirmation_modal');
|
|
}
|
|
|
|
export function ReportModal () {
|
|
return import(/* webpackChunkName: "modals/report_modal" */'../components/report_modal');
|
|
}
|
|
|
|
export function MediaGallery () {
|
|
return import(/* webpackChunkName: "status/MediaGallery" */'../../../components/media_gallery');
|
|
}
|
|
|
|
export function VideoPlayer () {
|
|
return import(/* webpackChunkName: "status/VideoPlayer" */'../../../components/video_player');
|
|
}
|