This commit is contained in:
syuilo 2017-11-16 03:06:52 +09:00
parent a2f75ea49d
commit 8b91502ab5
21 changed files with 267 additions and 165 deletions

View File

@ -32,6 +32,7 @@
"@types/deep-equal": "1.0.1", "@types/deep-equal": "1.0.1",
"@types/elasticsearch": "5.0.17", "@types/elasticsearch": "5.0.17",
"@types/event-stream": "3.3.32", "@types/event-stream": "3.3.32",
"@types/eventemitter3": "^2.0.2",
"@types/express": "4.0.37", "@types/express": "4.0.37",
"@types/gm": "1.17.33", "@types/gm": "1.17.33",
"@types/gulp": "4.0.3", "@types/gulp": "4.0.3",
@ -114,6 +115,7 @@
"diskusage": "0.2.2", "diskusage": "0.2.2",
"elasticsearch": "13.3.1", "elasticsearch": "13.3.1",
"escape-regexp": "0.0.1", "escape-regexp": "0.0.1",
"eventemitter3": "^2.0.3",
"express": "4.15.4", "express": "4.15.4",
"file-type": "7.2.0", "file-type": "7.2.0",
"fuckadblock": "3.2.1", "fuckadblock": "3.2.1",

View File

@ -14,7 +14,7 @@ document.title = 'Misskey | アプリの連携';
/** /**
* init * init
*/ */
init(me => { init(() => {
mount(document.createElement('mk-index')); mount(document.createElement('mk-index'));
}); });

View File

@ -2,7 +2,7 @@ import * as riot from 'riot';
import * as route from 'page'; import * as route from 'page';
let page = null; let page = null;
export default me => { export default () => {
route('/', index); route('/', index);
route('/:channel', channel); route('/:channel', channel);
route('*', notFound); route('*', notFound);

View File

@ -12,7 +12,7 @@ import route from './router';
/** /**
* init * init
*/ */
init(me => { init(() => {
// Start routing // Start routing
route(me); route();
}); });

181
src/web/app/common/mios.ts Normal file
View File

@ -0,0 +1,181 @@
import { EventEmitter } from 'eventemitter3';
import * as riot from 'riot';
import signout from './scripts/signout';
import Progress from './scripts/loading';
import Connection from './scripts/home-stream';
import CONFIG from './scripts/config';
import api from './scripts/api';
/**
* Misskey Operating System
*/
export default class MiOS extends EventEmitter {
/**
* Misskeyの /meta
*/
private meta: {
data: { [x: string]: any };
chachedAt: Date;
};
private isMetaFetching = false;
/**
* A signing user
*/
public i: any;
/**
* Whether signed in
*/
public get isSignedin() {
return this.i != null;
}
/**
* A connection of home stream
*/
public stream: Connection;
constructor() {
super();
//#region BIND
this.init = this.init.bind(this);
this.api = this.api.bind(this);
this.getMeta = this.getMeta.bind(this);
//#endregion
}
/**
* Initialize MiOS (boot)
* @param callback A function that call when initialized
*/
public async init(callback) {
// ユーザーをフェッチしてコールバックする
const fetchme = (token, cb) => {
let me = null;
// Return when not signed in
if (token == null) {
return done();
}
// Fetch user
fetch(`${CONFIG.apiUrl}/i`, {
method: 'POST',
body: JSON.stringify({
i: token
})
}).then(res => { // When success
// When failed to authenticate user
if (res.status !== 200) {
return signout();
}
res.json().then(i => {
me = i;
me.token = token;
done();
});
}, () => { // When failure
// Render the error screen
document.body.innerHTML = '<mk-error />';
riot.mount('*');
Progress.done();
});
function done() {
if (cb) cb(me);
}
};
// フェッチが完了したとき
const fetched = me => {
if (me) {
riot.observable(me);
// この me オブジェクトを更新するメソッド
me.update = data => {
if (data) Object.assign(me, data);
me.trigger('updated');
};
// ローカルストレージにキャッシュ
localStorage.setItem('me', JSON.stringify(me));
me.on('updated', () => {
// キャッシュ更新
localStorage.setItem('me', JSON.stringify(me));
});
}
this.i = me;
// Init home stream connection
this.stream = this.i ? new Connection(this.i) : null;
// Finish init
callback();
};
// Get cached account data
const cachedMe = JSON.parse(localStorage.getItem('me'));
if (cachedMe) {
fetched(cachedMe);
// 後から新鮮なデータをフェッチ
fetchme(cachedMe.token, freshData => {
Object.assign(cachedMe, freshData);
cachedMe.trigger('updated');
});
} else {
// Get token from cookie
const i = (document.cookie.match(/i=(!\w+)/) || [null, null])[1];
fetchme(i, fetched);
}
}
/**
* Misskey APIにリクエストします
* @param endpoint
* @param data
*/
public api(endpoint: string, data?: { [x: string]: any }) {
return api(this.i, endpoint, data);
}
/**
* Misskeyのメタ情報を取得します
* @param force
*/
public getMeta(force = false) {
return new Promise<{ [x: string]: any }>(async (res, rej) => {
if (this.isMetaFetching) {
this.once('_meta_fetched_', () => {
res(this.meta.data);
});
return;
}
const expire = 1000 * 60; // 1min
// forceが有効, meta情報を保持していない or 期限切れ
if (force || this.meta == null || Date.now() - this.meta.chachedAt.getTime() > expire) {
this.isMetaFetching = true;
const meta = await this.api('meta');
this.meta = {
data: meta,
chachedAt: new Date()
};
this.isMetaFetching = false;
this.emit('_meta_fetched_');
res(meta);
} else {
res(this.meta.data);
}
});
}
}

View File

@ -0,0 +1,39 @@
import * as riot from 'riot';
import MiOS from './mios';
import ServerStreamManager from './scripts/server-stream-manager';
import RequestsStreamManager from './scripts/requests-stream-manager';
import MessagingIndexStream from './scripts/messaging-index-stream-manager';
export default (mios: MiOS) => {
(riot as any).mixin('os', {
mios: mios
});
(riot as any).mixin('i', {
init: function() {
this.I = mios.i;
this.SIGNIN = mios.isSignedin;
if (this.SIGNIN) {
this.on('mount', () => {
mios.i.on('updated', this.update);
});
this.on('unmount', () => {
mios.i.off('updated', this.update);
});
}
},
me: mios.i
});
(riot as any).mixin('api', {
api: mios.api
});
(riot as any).mixin('stream', { stream: mios.stream });
(riot as any).mixin('server-stream', { serverStream: new ServerStreamManager() });
(riot as any).mixin('requests-stream', { requestsStream: new RequestsStreamManager() });
(riot as any).mixin('messaging-index-stream', { messagingIndexStream: new MessagingIndexStream(mios.i) });
};

View File

@ -1,8 +0,0 @@
import * as riot from 'riot';
import api from '../scripts/api';
export default me => {
(riot as any).mixin('api', {
api: api.bind(null, me ? me.token : null)
});
};

View File

@ -1,20 +0,0 @@
import * as riot from 'riot';
export default me => {
(riot as any).mixin('i', {
init: function() {
this.I = me;
this.SIGNIN = me != null;
if (this.SIGNIN) {
this.on('mount', () => {
me.on('updated', this.update);
});
this.on('unmount', () => {
me.off('updated', this.update);
});
}
},
me: me
});
};

View File

@ -1,18 +0,0 @@
import * as riot from 'riot';
import activateMe from './i';
import activateApi from './api';
import ServerStreamManager from '../scripts/server-stream-manager';
import RequestsStreamManager from '../scripts/requests-stream-manager';
import MessagingIndexStream from '../scripts/messaging-index-stream-manager';
export default (me, stream) => {
activateMe(me);
activateApi(me);
(riot as any).mixin('stream', { stream });
(riot as any).mixin('server-stream', { serverStream: new ServerStreamManager() });
(riot as any).mixin('requests-stream', { requestsStream: new RequestsStreamManager() });
(riot as any).mixin('messaging-index-stream', { messagingIndexStream: new MessagingIndexStream(me) });
};

View File

@ -14,7 +14,7 @@ let pending = 0;
* @param {any} [data={}] Data * @param {any} [data={}] Data
* @return {Promise<any>} Response * @return {Promise<any>} Response
*/ */
export default (i, endpoint, data = {}): Promise<any> => { export default (i, endpoint, data = {}): Promise<{ [x: string]: any }> => {
if (++pending === 1) { if (++pending === 1) {
spinner = document.createElement('div'); spinner = document.createElement('div');
spinner.setAttribute('id', 'wait'); spinner.setAttribute('id', 'wait');

View File

@ -1,16 +1,12 @@
import CONFIG from './config'; import MiOS from '../mios';
declare var VERSION: string; declare var VERSION: string;
export default function() { export default async function(mios: MiOS) {
fetch(CONFIG.apiUrl + '/meta', { const meta = await mios.getMeta();
method: 'POST'
}).then(res => {
res.json().then(meta => {
if (meta.version != VERSION) { if (meta.version != VERSION) {
localStorage.setItem('should-refresh', 'true'); localStorage.setItem('should-refresh', 'true');
alert('%i18n:common.update-available%'.replace('{newer}', meta.version).replace('{current}', VERSION)); alert('%i18n:common.update-available%'.replace('{newer}', meta.version).replace('{current}', VERSION));
} }
});
});
} }

View File

@ -4,9 +4,10 @@
import * as riot from 'riot'; import * as riot from 'riot';
import * as route from 'page'; import * as route from 'page';
import MiOS from '../common/mios';
let page = null; let page = null;
export default me => { export default (mios: MiOS) => {
route('/', index); route('/', index);
route('/selectdrive', selectDrive); route('/selectdrive', selectDrive);
route('/i/customize-home', customizeHome); route('/i/customize-home', customizeHome);
@ -22,7 +23,7 @@ export default me => {
route('*', notFound); route('*', notFound);
function index() { function index() {
me ? home() : entrance(); mios.isSignedin ? home() : entrance();
} }
function home() { function home() {

View File

@ -12,11 +12,12 @@ import init from '../init';
import route from './router'; import route from './router';
import fuckAdBlock from './scripts/fuck-ad-block'; import fuckAdBlock from './scripts/fuck-ad-block';
import getPostSummary from '../../../common/get-post-summary'; import getPostSummary from '../../../common/get-post-summary';
import MiOS from '../common/mios';
/** /**
* init * init
*/ */
init(async (me, stream) => { init(async (mios: MiOS) => {
/** /**
* Fuck AD Block * Fuck AD Block
*/ */
@ -32,12 +33,12 @@ init(async (me, stream) => {
} }
if ((Notification as any).permission == 'granted') { if ((Notification as any).permission == 'granted') {
registerNotifications(stream); registerNotifications(mios.stream);
} }
} }
// Start routing // Start routing
route(me); route(mios);
}); });
function registerNotifications(stream) { function registerNotifications(stream) {

View File

@ -62,6 +62,8 @@
</style> </style>
<script> <script>
this.mixin('os');
this.data = { this.data = {
view: 0, view: 0,
design: 0 design: 0
@ -76,7 +78,7 @@
this.initializing = true; this.initializing = true;
this.on('mount', () => { this.on('mount', () => {
this.api('meta').then(meta => { this.mios.getMeta().then(meta => {
this.update({ this.update({
initializing: false, initializing: false,
meta meta

View File

@ -2,7 +2,7 @@ import * as riot from 'riot';
import * as route from 'page'; import * as route from 'page';
let page = null; let page = null;
export default me => { export default () => {
route('/', index); route('/', index);
route('/apps', apps); route('/apps', apps);
route('/app/new', newApp); route('/app/new', newApp);

View File

@ -12,7 +12,7 @@ import route from './router';
/** /**
* init * init
*/ */
init(me => { init(() => {
// Start routing // Start routing
route(me); route();
}); });

View File

@ -6,12 +6,10 @@ declare var VERSION: string;
declare var LANG: string; declare var LANG: string;
import * as riot from 'riot'; import * as riot from 'riot';
import signout from './common/scripts/signout';
import checkForUpdate from './common/scripts/check-for-update'; import checkForUpdate from './common/scripts/check-for-update';
import Connection from './common/scripts/home-stream';
import Progress from './common/scripts/loading';
import mixin from './common/mixins'; import mixin from './common/mixins';
import CONFIG from './common/scripts/config'; import CONFIG from './common/scripts/config';
import MiOS from './common/mios';
require('./common/tags'); require('./common/tags');
/** /**
@ -51,54 +49,13 @@ if (localStorage.getItem('should-refresh') == 'true') {
location.reload(true); location.reload(true);
} }
// 更新チェック // MiOSを初期化してコールバックする
setTimeout(checkForUpdate, 3000);
// ユーザーをフェッチしてコールバックする
export default callback => { export default callback => {
// Get cached account data const mios = new MiOS();
const cachedMe = JSON.parse(localStorage.getItem('me'));
if (cachedMe) {
fetched(cachedMe);
// 後から新鮮なデータをフェッチ
fetchme(cachedMe.token, freshData => {
Object.assign(cachedMe, freshData);
cachedMe.trigger('updated');
});
} else {
// Get token from cookie
const i = (document.cookie.match(/i=(!\w+)/) || [null, null])[1];
fetchme(i, fetched);
}
// フェッチが完了したとき
function fetched(me) {
if (me) {
riot.observable(me);
// この me オブジェクトを更新するメソッド
me.update = data => {
if (data) Object.assign(me, data);
me.trigger('updated');
};
// ローカルストレージにキャッシュ
localStorage.setItem('me', JSON.stringify(me));
me.on('updated', () => {
// キャッシュ更新
localStorage.setItem('me', JSON.stringify(me));
});
}
// Init home stream connection
const stream = me ? new Connection(me) : null;
mios.init(() => {
// ミックスイン初期化 // ミックスイン初期化
mixin(me, stream); mixin(mios);
// ローディング画面クリア // ローディング画面クリア
const ini = document.getElementById('ini'); const ini = document.getElementById('ini');
@ -110,51 +67,18 @@ export default callback => {
document.body.appendChild(app); document.body.appendChild(app);
try { try {
callback(me, stream); callback(mios);
} catch (e) { } catch (e) {
panic(e); panic(e);
} }
}
// 更新チェック
setTimeout(() => {
checkForUpdate(mios);
}, 3000);
});
}; };
// ユーザーをフェッチしてコールバックする
function fetchme(token, cb) {
let me = null;
// Return when not signed in
if (token == null) {
return done();
}
// Fetch user
fetch(`${CONFIG.apiUrl}/i`, {
method: 'POST',
body: JSON.stringify({
i: token
})
}).then(res => { // When success
// When failed to authenticate user
if (res.status !== 200) {
return signout();
}
res.json().then(i => {
me = i;
me.token = token;
done();
});
}, () => { // When failure
// Render the error screen
document.body.innerHTML = '<mk-error />';
riot.mount('*');
Progress.done();
});
function done() {
if (cb) cb(me);
}
}
// BSoD // BSoD
function panic(e) { function panic(e) {
console.error(e); console.error(e);

View File

@ -4,9 +4,10 @@
import * as riot from 'riot'; import * as riot from 'riot';
import * as route from 'page'; import * as route from 'page';
import MiOS from '../common/mios';
let page = null; let page = null;
export default me => { export default (mios: MiOS) => {
route('/', index); route('/', index);
route('/selectdrive', selectDrive); route('/selectdrive', selectDrive);
route('/i/notifications', notifications); route('/i/notifications', notifications);
@ -32,7 +33,7 @@ export default me => {
route('*', notFound); route('*', notFound);
function index() { function index() {
me ? home() : entrance(); mios.isSignedin ? home() : entrance();
} }
function home() { function home() {

View File

@ -8,14 +8,15 @@ import './style.styl';
require('./tags'); require('./tags');
import init from '../init'; import init from '../init';
import route from './router'; import route from './router';
import MiOS from '../common/mios';
/** /**
* init * init
*/ */
init(me => { init((mios: MiOS) => {
// http://qiita.com/junya/items/3ff380878f26ca447f85 // http://qiita.com/junya/items/3ff380878f26ca447f85
document.body.setAttribute('ontouchstart', ''); document.body.setAttribute('ontouchstart', '');
// Start routing // Start routing
route(me); route(mios);
}); });

View File

@ -14,7 +14,7 @@ document.title = 'Misskey Statistics';
/** /**
* init * init
*/ */
init(me => { init(() => {
mount(document.createElement('mk-index')); mount(document.createElement('mk-index'));
}); });

View File

@ -14,7 +14,7 @@ document.title = 'Misskey System Status';
/** /**
* init * init
*/ */
init(me => { init(() => {
mount(document.createElement('mk-index')); mount(document.createElement('mk-index'));
}); });