Migrate to Vue3 (#6587)
* Update reaction.vue
* fix bug
* wip
* wip
* wjio
* wip
* Revert "wip"
This reverts commit e427f2160a.
* wip
* wip
* wip
* Update init.ts
* Update drive-window.vue
* wip
* wip
* Use PascalCase for components
* Use PascalCase for components
* update dep
* wip
* wip
* wip
* Update init.ts
* wip
* Update paging.ts
* Update test.vue
* watch deep
* wip
* lint
* wip
* wip
* wip
* wip
* wiop
* wip
* Update webpack.config.ts
* alllow null poll
* wip
* wip
* wip
* wiop
* UI redesign & refactor (#6714)
* wip
* wip
* wip
* wip
* wip
* Update drive.vue
* Update word-mute.vue
* wip
* wip
* wip
* clean up
* wip
* Update default.vue
* wip
* Update notes.vue
* Update mfm.ts
* Update index.home.vue
* Update post-form.vue
* Update post-form-attaches.vue
* wip
* Update post-form.vue
* Update sidebar.vue
* wip
* wip
* Update index.vue
* wip
* Update default.vue
* Update index.vue
* Update index.vue
* wip
* Update post-form-attaches.vue
* Update note.vue
* wip
* clean up
* Update notes.vue
* wip
* wip
* Update ja-JP.yml
* wip
* wip
* Update index.vue
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* wip
* Update default.vue
* wip
* Update _dark.json5
* wip
* wip
* wip
* clean up
* wip
* wip
* Update index.vue
* Update test.vue
* wip
* wip
* fix
* wip
* wip
* wip
* wip
* clena yop
* wip
* wip
* Update store.ts
* Update messaging-room.vue
* Update default.widgets.vue
* fix
* wip
* wip
* Update modal.vue
* wip
* Update os.ts
* Update os.ts
* Update deck.vue
* Update init.ts
* wip
* Update ja-JP.yml
* v-sizeは単にwindowのresizeを監視するだけで良いかもしれない
* Update modal.vue
* wip
* Update tooltip.ts
* wip
* wip
* wip
* wip
* wip
* Update image-viewer.vue
* wip
* wip
* Update style.scss
* Update style.scss
* Update visitor.vue
* wip
* Update init.ts
* Update init.ts
* wip
* wip
* Update visitor.vue
* Update visitor.vue
* Update visitor.vue
* Update visitor.vue
* wip
* wip
* Update modal.vue
* Update header.vue
* Update menu.vue
* Update about.vue
* Update about-misskey.vue
* wip
* wip
* Update visitor.vue
* Update tooltip.ts
* wip
* Update drive.vue
* wip
* Update style.scss
* Update header.vue
* wip
* wip
* Update users.user.vue
* Update announcements.vue
* wip
* wip
* wip
* Update emojis.vue
* wip
* Update emojis.vue
* Update style.scss
* Update users.vue
* wip
* Update style.scss
* wip
* Update welcome.entrance.vue
* Update radio.vue
* Update size.ts
* Update emoji-edit-dialog.vue
* wip
* Update emojis.vue
* wip
* Update emojis.vue
* Update emojis.vue
* Update emojis.vue
* wip
* wip
* wip
* wip
* Update file-dialog.vue
* wip
* wip
* Update token-generate-window.vue
* Update notification-setting-window.vue
* wip
* wip
* Update _error_.vue
* Update ja-JP.yml
* wip
* wip
* Update store.ts
* Update emojis.vue
* Update emojis.vue
* Update emojis.vue
* Update announcements.vue
* Update store.ts
* wip
* Update page-editor.vue
* wip
* wip
* Update modal.vue
* wip
* Update select-file.ts
* Update timeline.vue
* Update emojis.vue
* Update os.ts
* wip
* Update user-select.vue
* Update mfm.ts
* Update get-file-info.ts
* Update drive.vue
* Update init.ts
* Update mfm.ts
* wip
* wip
* Update window.vue
* Update note.vue
* wip
* wip
* Update user-info.vue
* wip
* wip
* wip
* wip
* wip
* Update header.vue
* Update header.vue
* wip
* Update explore.vue
* wip
* wip
* wip
* Update webpack.config.ts
* wip
* wip
* wip
* wip
* wip
* wip
* Update autocomplete.ts
* wip
* wip
* wip
* Update toast.vue
* wip
* Update post-form-dialog.vue
* wip
* wip
* wip
* wip
* wip
* Update users.vue
* wip
* Update explore.vue
* wip
* wip
* wip
* Update package.json
* wip
* Update icon-dialog.vue
* wip
* wip
* Update user-preview.ts
* wip
* wip
* wip
* wip
* wip
* Update instance.vue
* Update user-name.vue
* Update federation.vue
* Update instance.vue
* wip
* wip
* Update tag.vue
* wip
* wip
* wip
* wip
* wip
* Update instance.vue
* wip
* Update os.ts
* Update os.ts
* wip
* wip
* wip
* Update router.ts
* wip
* Update init.ts
* Update note.vue
* Update messages.vue
* wip
* wip
* wip
* wip
* wip
* google
* wip
* wip
* wip
* wip
* Update theme-editor.vue
* wip
* wip
* Update room.vue
* Update channel-editor.vue
* wip
* Update window.vue
* Update window.vue
* wip
* Update window.vue
* Update window.vue
* wip
* Update menu.vue
* wip
* wip
* wip
* wip
* Update messaging-room.vue
* wip
* Update post-form.vue
* Update default.widgets.vue
* Update window.vue
* wip
This commit is contained in:
syuilo
@@ -1,10 +1,7 @@
|
||||
import Vuex from 'vuex';
|
||||
import { createStore } from 'vuex';
|
||||
import createPersistedState from 'vuex-persistedstate';
|
||||
import * as nestedProperty from 'nested-property';
|
||||
import { faSatelliteDish, faTerminal, faHashtag, faBroadcastTower, faFireAlt, faSearch, faStar, faAt, faListUl, faUserClock, faUsers, faCloud, faGamepad, faFileAlt, faSatellite, faDoorClosed, faColumns } from '@fortawesome/free-solid-svg-icons';
|
||||
import { faBell, faEnvelope, faComments } from '@fortawesome/free-regular-svg-icons';
|
||||
import { AiScript, utils, values } from '@syuilo/aiscript';
|
||||
import { apiUrl, deckmode } from './config';
|
||||
import { api } from '@/os';
|
||||
import { erase } from '../prelude/array';
|
||||
|
||||
export const defaultSettings = {
|
||||
@@ -72,10 +69,10 @@ export const defaultDeviceSettings = {
|
||||
animation: true,
|
||||
animatedMfm: true,
|
||||
imageNewTab: false,
|
||||
chatOpenBehavior: 'page',
|
||||
showFixedPostForm: false,
|
||||
disablePagesScript: true,
|
||||
disablePagesScript: false,
|
||||
enableInfiniteScroll: true,
|
||||
fixedWidgetsPosition: false,
|
||||
useBlurEffectForModal: true,
|
||||
sidebarDisplay: 'full', // full, icon, hide
|
||||
roomGraphicsQuality: 'medium',
|
||||
@@ -98,152 +95,25 @@ function copy<T>(data: T): T {
|
||||
return JSON.parse(JSON.stringify(data));
|
||||
}
|
||||
|
||||
export default () => new Vuex.Store({
|
||||
export const postFormActions = [];
|
||||
export const userActions = [];
|
||||
export const noteActions = [];
|
||||
export const noteViewInterruptors = [];
|
||||
export const notePostInterruptors = [];
|
||||
|
||||
export const store = createStore({
|
||||
strict: _DEV_,
|
||||
|
||||
plugins: [createPersistedState({
|
||||
paths: ['i', 'device', 'deviceUser', 'settings', 'instance']
|
||||
})],
|
||||
|
||||
state: {
|
||||
i: null,
|
||||
pendingApiRequestsCount: 0,
|
||||
spinner: null,
|
||||
fullView: false,
|
||||
|
||||
// Plugin
|
||||
pluginContexts: new Map<string, AiScript>(),
|
||||
postFormActions: [],
|
||||
userActions: [],
|
||||
noteActions: [],
|
||||
noteViewInterruptors: [],
|
||||
notePostInterruptors: [],
|
||||
},
|
||||
|
||||
getters: {
|
||||
isSignedIn: state => state.i != null,
|
||||
|
||||
nav: (state, getters) => actions => ({
|
||||
notifications: {
|
||||
title: 'notifications',
|
||||
icon: faBell,
|
||||
get show() { return getters.isSignedIn; },
|
||||
get indicated() { return getters.isSignedIn && state.i.hasUnreadNotification; },
|
||||
to: '/my/notifications',
|
||||
},
|
||||
messaging: {
|
||||
title: 'messaging',
|
||||
icon: faComments,
|
||||
get show() { return getters.isSignedIn; },
|
||||
get indicated() { return getters.isSignedIn && state.i.hasUnreadMessagingMessage; },
|
||||
to: '/my/messaging',
|
||||
},
|
||||
drive: {
|
||||
title: 'drive',
|
||||
icon: faCloud,
|
||||
get show() { return getters.isSignedIn; },
|
||||
to: '/my/drive',
|
||||
},
|
||||
followRequests: {
|
||||
title: 'followRequests',
|
||||
icon: faUserClock,
|
||||
get show() { return getters.isSignedIn && state.i.isLocked; },
|
||||
get indicated() { return getters.isSignedIn && state.i.hasPendingReceivedFollowRequest; },
|
||||
to: '/my/follow-requests',
|
||||
},
|
||||
featured: {
|
||||
title: 'featured',
|
||||
icon: faFireAlt,
|
||||
to: '/featured',
|
||||
},
|
||||
explore: {
|
||||
title: 'explore',
|
||||
icon: faHashtag,
|
||||
to: '/explore',
|
||||
},
|
||||
announcements: {
|
||||
title: 'announcements',
|
||||
icon: faBroadcastTower,
|
||||
get indicated() { return getters.isSignedIn && state.i.hasUnreadAnnouncement; },
|
||||
to: '/announcements',
|
||||
},
|
||||
search: {
|
||||
title: 'search',
|
||||
icon: faSearch,
|
||||
action: () => actions.search(),
|
||||
},
|
||||
lists: {
|
||||
title: 'lists',
|
||||
icon: faListUl,
|
||||
get show() { return getters.isSignedIn; },
|
||||
to: '/my/lists',
|
||||
},
|
||||
groups: {
|
||||
title: 'groups',
|
||||
icon: faUsers,
|
||||
get show() { return getters.isSignedIn; },
|
||||
to: '/my/groups',
|
||||
},
|
||||
antennas: {
|
||||
title: 'antennas',
|
||||
icon: faSatellite,
|
||||
get show() { return getters.isSignedIn; },
|
||||
to: '/my/antennas',
|
||||
},
|
||||
mentions: {
|
||||
title: 'mentions',
|
||||
icon: faAt,
|
||||
get show() { return getters.isSignedIn; },
|
||||
get indicated() { return getters.isSignedIn && state.i.hasUnreadMentions; },
|
||||
to: '/my/mentions',
|
||||
},
|
||||
messages: {
|
||||
title: 'directNotes',
|
||||
icon: faEnvelope,
|
||||
get show() { return getters.isSignedIn; },
|
||||
get indicated() { return getters.isSignedIn && state.i.hasUnreadSpecifiedNotes; },
|
||||
to: '/my/messages',
|
||||
},
|
||||
favorites: {
|
||||
title: 'favorites',
|
||||
icon: faStar,
|
||||
get show() { return getters.isSignedIn; },
|
||||
to: '/my/favorites',
|
||||
},
|
||||
pages: {
|
||||
title: 'pages',
|
||||
icon: faFileAlt,
|
||||
get show() { return getters.isSignedIn; },
|
||||
to: '/my/pages',
|
||||
},
|
||||
channels: {
|
||||
title: 'channel',
|
||||
icon: faSatelliteDish,
|
||||
to: '/channels',
|
||||
},
|
||||
games: {
|
||||
title: 'games',
|
||||
icon: faGamepad,
|
||||
to: '/games',
|
||||
},
|
||||
scratchpad: {
|
||||
title: 'scratchpad',
|
||||
icon: faTerminal,
|
||||
to: '/scratchpad',
|
||||
},
|
||||
rooms: {
|
||||
title: 'rooms',
|
||||
icon: faDoorClosed,
|
||||
get show() { return getters.isSignedIn; },
|
||||
get to() { return `/@${state.i.username}/room`; },
|
||||
},
|
||||
deck: {
|
||||
title: deckmode ? 'undeck' : 'deck',
|
||||
icon: faColumns,
|
||||
action: () => {
|
||||
localStorage.setItem('deckmode', (!deckmode).toString());
|
||||
location.reload();
|
||||
},
|
||||
},
|
||||
}),
|
||||
},
|
||||
|
||||
mutations: {
|
||||
@@ -254,56 +124,6 @@ export default () => new Vuex.Store({
|
||||
updateIKeyValue(state, { key, value }) {
|
||||
state.i[key] = value;
|
||||
},
|
||||
|
||||
setFullView(state, v) {
|
||||
state.fullView = v;
|
||||
},
|
||||
|
||||
initPlugin(state, { plugin, aiscript }) {
|
||||
state.pluginContexts.set(plugin.id, aiscript);
|
||||
},
|
||||
|
||||
registerPostFormAction(state, { pluginId, title, handler }) {
|
||||
state.postFormActions.push({
|
||||
title, handler: (form, update) => {
|
||||
state.pluginContexts.get(pluginId).execFn(handler, [utils.jsToVal(form), values.FN_NATIVE(([key, value]) => {
|
||||
update(key.value, value.value);
|
||||
})]);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
registerUserAction(state, { pluginId, title, handler }) {
|
||||
state.userActions.push({
|
||||
title, handler: (user) => {
|
||||
state.pluginContexts.get(pluginId).execFn(handler, [utils.jsToVal(user)]);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
registerNoteAction(state, { pluginId, title, handler }) {
|
||||
state.noteActions.push({
|
||||
title, handler: (note) => {
|
||||
state.pluginContexts.get(pluginId).execFn(handler, [utils.jsToVal(note)]);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
registerNoteViewInterruptor(state, { pluginId, handler }) {
|
||||
state.noteViewInterruptors.push({
|
||||
handler: (note) => {
|
||||
return state.pluginContexts.get(pluginId).execFn(handler, [utils.jsToVal(note)]);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
registerNotePostInterruptor(state, { pluginId, handler }) {
|
||||
state.notePostInterruptors.push({
|
||||
handler: (note) => {
|
||||
return state.pluginContexts.get(pluginId).execFn(handler, [utils.jsToVal(note)]);
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
|
||||
actions: {
|
||||
@@ -349,47 +169,6 @@ export default () => new Vuex.Store({
|
||||
ctx.commit('settings/init', me.clientData);
|
||||
}
|
||||
},
|
||||
|
||||
api(ctx, { endpoint, data, token }) {
|
||||
if (++ctx.state.pendingApiRequestsCount === 1) {
|
||||
// TODO: spinnerの表示はstoreでやらない
|
||||
ctx.state.spinner = document.createElement('div');
|
||||
ctx.state.spinner.setAttribute('id', 'wait');
|
||||
document.body.appendChild(ctx.state.spinner);
|
||||
}
|
||||
|
||||
const onFinally = () => {
|
||||
if (--ctx.state.pendingApiRequestsCount === 0) ctx.state.spinner.parentNode.removeChild(ctx.state.spinner);
|
||||
};
|
||||
|
||||
const promise = new Promise((resolve, reject) => {
|
||||
// Append a credential
|
||||
if (ctx.getters.isSignedIn) (data as any).i = ctx.state.i.token;
|
||||
if (token !== undefined) (data as any).i = token;
|
||||
|
||||
// Send request
|
||||
fetch(endpoint.indexOf('://') > -1 ? endpoint : `${apiUrl}/${endpoint}`, {
|
||||
method: 'POST',
|
||||
body: JSON.stringify(data),
|
||||
credentials: 'omit',
|
||||
cache: 'no-cache'
|
||||
}).then(async (res) => {
|
||||
const body = res.status === 204 ? null : await res.json();
|
||||
|
||||
if (res.status === 200) {
|
||||
resolve(body);
|
||||
} else if (res.status === 204) {
|
||||
resolve();
|
||||
} else {
|
||||
reject(body.error);
|
||||
}
|
||||
}).catch(reject);
|
||||
});
|
||||
|
||||
promise.then(onFinally, onFinally);
|
||||
|
||||
return promise;
|
||||
}
|
||||
},
|
||||
|
||||
modules: {
|
||||
@@ -408,12 +187,9 @@ export default () => new Vuex.Store({
|
||||
|
||||
actions: {
|
||||
async fetch(ctx) {
|
||||
const meta = await ctx.dispatch('api', {
|
||||
endpoint: 'meta',
|
||||
data: {
|
||||
detail: false
|
||||
}
|
||||
}, { root: true });
|
||||
const meta = await api('meta', {
|
||||
detail: false
|
||||
});
|
||||
|
||||
ctx.commit('set', meta);
|
||||
}
|
||||
@@ -676,13 +452,10 @@ export default () => new Vuex.Store({
|
||||
ctx.commit('set', x);
|
||||
|
||||
if (ctx.rootGetters.isSignedIn) {
|
||||
ctx.dispatch('api', {
|
||||
endpoint: 'i/update-client-setting',
|
||||
data: {
|
||||
name: x.key,
|
||||
value: x.value
|
||||
}
|
||||
}, { root: true });
|
||||
api('i/update-client-setting', {
|
||||
name: x.key,
|
||||
value: x.value
|
||||
});
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user