2020-02-06 06:12:27 -08:00
|
|
|
<template>
|
|
|
|
<div class="">
|
2020-10-17 04:12:00 -07:00
|
|
|
<section class="_section">
|
2020-02-06 06:12:27 -08:00
|
|
|
<div class="_content">
|
2021-10-19 11:10:36 -07:00
|
|
|
<XPostForm
|
|
|
|
v-if="state === 'writing'"
|
|
|
|
fixed
|
|
|
|
:share="true"
|
|
|
|
:initial-text="initialText"
|
|
|
|
:initial-visibility="visibility"
|
|
|
|
:initial-files="files"
|
|
|
|
:initial-local-only="localOnly"
|
|
|
|
:reply="reply"
|
|
|
|
:renote="renote"
|
|
|
|
:visible-users="visibleUsers"
|
|
|
|
@posted="state = 'posted'"
|
|
|
|
class="_panel"
|
|
|
|
/>
|
|
|
|
<MkButton v-else-if="state === 'posted'" primary @click="close()" class="close">{{ $ts.close }}</MkButton>
|
2020-02-06 06:12:27 -08:00
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
2021-11-05 00:18:52 -07:00
|
|
|
// SPECIFICATION: https://misskey-hub.net/docs/features/share-form.html
|
2021-10-19 11:10:36 -07:00
|
|
|
|
2020-10-17 04:12:00 -07:00
|
|
|
import { defineComponent } from 'vue';
|
2021-03-23 01:30:14 -07:00
|
|
|
import MkButton from '@client/components/ui/button.vue';
|
|
|
|
import XPostForm from '@client/components/post-form.vue';
|
|
|
|
import * as os from '@client/os';
|
2021-10-19 11:10:36 -07:00
|
|
|
import { noteVisibilities } from '@/types';
|
|
|
|
import { parseAcct } from '@/misc/acct';
|
2021-04-09 20:54:12 -07:00
|
|
|
import * as symbols from '@client/symbols';
|
2021-10-19 11:10:36 -07:00
|
|
|
import * as Misskey from 'misskey-js';
|
2020-02-06 06:12:27 -08:00
|
|
|
|
2020-10-17 04:12:00 -07:00
|
|
|
export default defineComponent({
|
2020-02-06 06:12:27 -08:00
|
|
|
components: {
|
2020-10-17 04:12:00 -07:00
|
|
|
XPostForm,
|
|
|
|
MkButton,
|
2020-02-06 06:12:27 -08:00
|
|
|
},
|
|
|
|
|
|
|
|
data() {
|
|
|
|
return {
|
2021-04-09 20:54:12 -07:00
|
|
|
[symbols.PAGE_INFO]: {
|
2020-12-25 17:47:36 -08:00
|
|
|
title: this.$ts.share,
|
2021-04-20 07:22:59 -07:00
|
|
|
icon: 'fas fa-share-alt'
|
2020-10-17 04:12:00 -07:00
|
|
|
},
|
2021-10-19 11:10:36 -07:00
|
|
|
state: 'fetching' as 'fetching' | 'writing' | 'posted',
|
2020-02-07 20:06:09 -08:00
|
|
|
|
2021-10-19 11:10:36 -07:00
|
|
|
title: null as string | null,
|
|
|
|
initialText: null as string | null,
|
|
|
|
reply: null as Misskey.entities.Note | null,
|
|
|
|
renote: null as Misskey.entities.Note | null,
|
|
|
|
visibility: null as string | null,
|
|
|
|
localOnly: null as boolean | null,
|
|
|
|
files: [] as Misskey.entities.DriveFile[],
|
|
|
|
visibleUsers: [] as Misskey.entities.User[],
|
2020-02-06 06:12:27 -08:00
|
|
|
}
|
|
|
|
},
|
|
|
|
|
2021-10-19 11:10:36 -07:00
|
|
|
async created() {
|
2020-02-06 06:12:27 -08:00
|
|
|
const urlParams = new URLSearchParams(window.location.search);
|
2021-10-19 11:10:36 -07:00
|
|
|
|
2020-02-06 06:12:27 -08:00
|
|
|
this.title = urlParams.get('title');
|
2021-10-19 11:10:36 -07:00
|
|
|
const text = urlParams.get('text');
|
|
|
|
const url = urlParams.get('url');
|
|
|
|
|
|
|
|
let noteText = '';
|
|
|
|
if (this.title) noteText += `[ ${this.title} ]\n`;
|
|
|
|
// Googleニュース対策
|
|
|
|
if (text?.startsWith(`${this.title}.\n`)) noteText += text.replace(`${this.title}.\n`, '');
|
|
|
|
else if (text && this.title !== text) noteText += `${text}\n`;
|
|
|
|
if (url) noteText += `${url}`;
|
|
|
|
this.initialText = noteText.trim();
|
|
|
|
|
|
|
|
const visibility = urlParams.get('visibility');
|
|
|
|
if (noteVisibilities.includes(visibility)) {
|
|
|
|
this.visibility = visibility;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (this.visibility === 'specified') {
|
|
|
|
const visibleUserIds = urlParams.get('visibleUserIds');
|
|
|
|
const visibleAccts = urlParams.get('visibleAccts');
|
|
|
|
await Promise.all(
|
|
|
|
[
|
|
|
|
...(visibleUserIds ? visibleUserIds.split(',').map(userId => ({ userId })) : []),
|
|
|
|
...(visibleAccts ? visibleAccts.split(',').map(parseAcct) : [])
|
|
|
|
]
|
|
|
|
// TypeScriptの指示通りに変換する
|
|
|
|
.map(q => 'username' in q ? { username: q.username, host: q.host === null ? undefined : q.host } : q)
|
|
|
|
.map(q => os.api('users/show', q)
|
|
|
|
.then(user => {
|
|
|
|
this.visibleUsers.push(user);
|
|
|
|
}, () => {
|
|
|
|
console.error(`Invalid user query: ${JSON.stringify(q)}`);
|
|
|
|
})
|
|
|
|
)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
const localOnly = urlParams.get('localOnly');
|
|
|
|
if (localOnly === '0') this.localOnly = false;
|
|
|
|
else if (localOnly === '1') this.localOnly = true;
|
|
|
|
|
|
|
|
try {
|
|
|
|
//#region Reply
|
|
|
|
const replyId = urlParams.get('replyId');
|
|
|
|
const replyUri = urlParams.get('replyUri');
|
|
|
|
if (replyId) {
|
|
|
|
this.reply = await os.api('notes/show', {
|
|
|
|
noteId: replyId
|
|
|
|
});
|
|
|
|
} else if (replyUri) {
|
|
|
|
const obj = await os.api('ap/show', {
|
|
|
|
uri: replyUri
|
|
|
|
});
|
|
|
|
if (obj.type === 'Note') {
|
|
|
|
this.reply = obj.object;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//#endregion
|
|
|
|
|
|
|
|
//#region Renote
|
|
|
|
const renoteId = urlParams.get('renoteId');
|
|
|
|
const renoteUri = urlParams.get('renoteUri');
|
|
|
|
if (renoteId) {
|
|
|
|
this.renote = await os.api('notes/show', {
|
|
|
|
noteId: renoteId
|
|
|
|
});
|
|
|
|
} else if (renoteUri) {
|
|
|
|
const obj = await os.api('ap/show', {
|
|
|
|
uri: renoteUri
|
|
|
|
});
|
|
|
|
if (obj.type === 'Note') {
|
|
|
|
this.renote = obj.object;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//#endregion
|
|
|
|
|
|
|
|
//#region Drive files
|
|
|
|
const fileIds = urlParams.get('fileIds');
|
|
|
|
if (fileIds) {
|
|
|
|
await Promise.all(
|
|
|
|
fileIds.split(',')
|
|
|
|
.map(fileId => os.api('drive/files/show', { fileId })
|
|
|
|
.then(file => {
|
|
|
|
this.files.push(file);
|
|
|
|
}, () => {
|
|
|
|
console.error(`Failed to fetch a file ${fileId}`);
|
|
|
|
})
|
|
|
|
)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
//#endregion
|
|
|
|
} catch (e) {
|
|
|
|
os.dialog({
|
|
|
|
type: 'error',
|
|
|
|
title: e.message,
|
|
|
|
text: e.name
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
this.state = 'writing';
|
2020-02-06 06:12:27 -08:00
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
2020-02-07 20:06:09 -08:00
|
|
|
close() {
|
2021-10-19 11:10:36 -07:00
|
|
|
window.close();
|
|
|
|
|
|
|
|
// 閉じなければ100ms後タイムラインに
|
|
|
|
setTimeout(() => {
|
|
|
|
this.$router.push('/');
|
|
|
|
}, 100);
|
2020-02-06 06:12:27 -08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
2021-10-19 11:10:36 -07:00
|
|
|
.close {
|
|
|
|
margin: 16px auto;
|
|
|
|
}
|
2020-02-06 06:12:27 -08:00
|
|
|
</style>
|