2023-07-27 05:31:52 +00:00
|
|
|
<!--
|
2024-02-13 15:50:11 +00:00
|
|
|
SPDX-FileCopyrightText: syuilo and other misskey contributors
|
2023-07-27 05:31:52 +00:00
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
-->
|
|
|
|
|
2020-02-06 14:12:27 +00:00
|
|
|
<template>
|
2022-07-24 06:41:06 +00:00
|
|
|
<MkStickyContainer>
|
|
|
|
<template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
|
2023-05-19 07:20:53 +00:00
|
|
|
<MkSpacer :contentMax="800">
|
2023-02-10 11:52:13 +00:00
|
|
|
<MkPostForm
|
2022-07-24 06:41:06 +00:00
|
|
|
v-if="state === 'writing'"
|
|
|
|
fixed
|
|
|
|
:instant="true"
|
2023-05-19 07:20:53 +00:00
|
|
|
:initialText="initialText"
|
|
|
|
:initialVisibility="visibility"
|
|
|
|
:initialFiles="files"
|
|
|
|
:initialLocalOnly="localOnly"
|
2022-07-24 06:41:06 +00:00
|
|
|
:reply="reply"
|
|
|
|
:renote="renote"
|
2023-05-19 07:20:53 +00:00
|
|
|
:initialVisibleUsers="visibleUsers"
|
2022-07-24 06:41:06 +00:00
|
|
|
class="_panel"
|
2023-11-29 16:08:29 +00:00
|
|
|
@posted="onPosted"
|
2022-07-24 06:41:06 +00:00
|
|
|
/>
|
2023-05-26 05:18:01 +00:00
|
|
|
<div v-else-if="state === 'posted'" class="_buttonsCenter">
|
|
|
|
<MkButton primary @click="close">{{ i18n.ts.close }}</MkButton>
|
|
|
|
<MkButton @click="goToMisskey">{{ i18n.ts.goToMisskey }}</MkButton>
|
|
|
|
</div>
|
2022-07-24 06:41:06 +00:00
|
|
|
</MkSpacer>
|
|
|
|
</MkStickyContainer>
|
2020-02-06 14:12:27 +00:00
|
|
|
</template>
|
|
|
|
|
2022-06-20 08:38:49 +00:00
|
|
|
<script lang="ts" setup>
|
2023-12-22 11:16:31 +00:00
|
|
|
// SPECIFICATION: https://misskey-hub.net/docs/for-users/features/share-form/
|
2021-10-19 18:10:36 +00:00
|
|
|
|
2023-12-07 05:42:09 +00:00
|
|
|
import { ref, computed } from 'vue';
|
2021-10-19 18:10:36 +00:00
|
|
|
import * as Misskey from 'misskey-js';
|
2022-09-06 09:21:49 +00:00
|
|
|
import MkButton from '@/components/MkButton.vue';
|
2023-02-09 01:35:28 +00:00
|
|
|
import MkPostForm from '@/components/MkPostForm.vue';
|
2023-09-19 07:37:43 +00:00
|
|
|
import * as os from '@/os.js';
|
2024-01-04 09:32:46 +00:00
|
|
|
import { misskeyApi } from '@/scripts/misskey-api.js';
|
2023-09-19 07:37:43 +00:00
|
|
|
import { definePageMetadata } from '@/scripts/page-metadata.js';
|
2023-11-29 16:08:29 +00:00
|
|
|
import { postMessageToParentWindow } from '@/scripts/post-message.js';
|
2023-09-19 07:37:43 +00:00
|
|
|
import { i18n } from '@/i18n.js';
|
2022-06-20 08:38:49 +00:00
|
|
|
|
|
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
|
|
const localOnlyQuery = urlParams.get('localOnly');
|
2023-09-04 04:33:38 +00:00
|
|
|
const visibilityQuery = urlParams.get('visibility') as typeof Misskey.noteVisibilities[number];
|
2022-06-20 08:38:49 +00:00
|
|
|
|
2023-11-29 16:08:29 +00:00
|
|
|
const state = ref<'fetching' | 'writing' | 'posted'>('fetching');
|
2023-12-07 05:42:09 +00:00
|
|
|
const title = ref(urlParams.get('title'));
|
2022-06-20 08:38:49 +00:00
|
|
|
const text = urlParams.get('text');
|
|
|
|
const url = urlParams.get('url');
|
2023-12-07 05:42:09 +00:00
|
|
|
const initialText = ref<string | undefined>();
|
|
|
|
const reply = ref<Misskey.entities.Note | undefined>();
|
|
|
|
const renote = ref<Misskey.entities.Note | undefined>();
|
|
|
|
const visibility = ref(Misskey.noteVisibilities.includes(visibilityQuery) ? visibilityQuery : undefined);
|
|
|
|
const localOnly = ref(localOnlyQuery === '0' ? false : localOnlyQuery === '1' ? true : undefined);
|
|
|
|
const files = ref([] as Misskey.entities.DriveFile[]);
|
2024-01-30 10:53:53 +00:00
|
|
|
const visibleUsers = ref([] as Misskey.entities.UserDetailed[]);
|
2022-06-20 08:38:49 +00:00
|
|
|
|
|
|
|
async function init() {
|
|
|
|
let noteText = '';
|
2023-12-07 05:42:09 +00:00
|
|
|
if (title.value) noteText += `[ ${title.value} ]\n`;
|
2022-06-20 08:38:49 +00:00
|
|
|
// Googleニュース対策
|
2023-12-07 05:42:09 +00:00
|
|
|
if (text?.startsWith(`${title.value}.\n`)) noteText += text.replace(`${title.value}.\n`, '');
|
|
|
|
else if (text && title.value !== text) noteText += `${text}\n`;
|
2022-06-20 08:38:49 +00:00
|
|
|
if (url) noteText += `${url}`;
|
2023-12-07 05:42:09 +00:00
|
|
|
initialText.value = noteText.trim();
|
2022-06-20 08:38:49 +00:00
|
|
|
|
2023-12-07 05:42:09 +00:00
|
|
|
if (visibility.value === 'specified') {
|
2022-06-20 08:38:49 +00:00
|
|
|
const visibleUserIds = urlParams.get('visibleUserIds');
|
|
|
|
const visibleAccts = urlParams.get('visibleAccts');
|
|
|
|
await Promise.all(
|
|
|
|
[
|
|
|
|
...(visibleUserIds ? visibleUserIds.split(',').map(userId => ({ userId })) : []),
|
2023-09-04 04:33:38 +00:00
|
|
|
...(visibleAccts ? visibleAccts.split(',').map(Misskey.acct.parse) : []),
|
2022-06-20 08:38:49 +00:00
|
|
|
]
|
|
|
|
// TypeScriptの指示通りに変換する
|
2023-02-09 01:35:28 +00:00
|
|
|
.map(q => 'username' in q ? { username: q.username, host: q.host === null ? undefined : q.host } : q)
|
2024-01-04 09:32:46 +00:00
|
|
|
.map(q => misskeyApi('users/show', q)
|
2023-02-09 01:35:28 +00:00
|
|
|
.then(user => {
|
2023-12-07 05:42:09 +00:00
|
|
|
visibleUsers.value.push(user);
|
2023-02-09 01:35:28 +00:00
|
|
|
}, () => {
|
|
|
|
console.error(`Invalid user query: ${JSON.stringify(q)}`);
|
|
|
|
}),
|
|
|
|
),
|
2022-06-20 08:38:49 +00:00
|
|
|
);
|
|
|
|
}
|
2020-02-06 14:12:27 +00:00
|
|
|
|
2022-06-20 08:38:49 +00:00
|
|
|
try {
|
|
|
|
//#region Reply
|
|
|
|
const replyId = urlParams.get('replyId');
|
|
|
|
const replyUri = urlParams.get('replyUri');
|
|
|
|
if (replyId) {
|
2024-01-04 09:32:46 +00:00
|
|
|
reply.value = await misskeyApi('notes/show', {
|
2022-06-20 08:38:49 +00:00
|
|
|
noteId: replyId,
|
|
|
|
});
|
|
|
|
} else if (replyUri) {
|
2024-01-04 09:32:46 +00:00
|
|
|
const obj = await misskeyApi('ap/show', {
|
2022-06-20 08:38:49 +00:00
|
|
|
uri: replyUri,
|
|
|
|
});
|
|
|
|
if (obj.type === 'Note') {
|
2023-12-07 05:42:09 +00:00
|
|
|
reply.value = obj.object;
|
2022-06-20 08:38:49 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
//#endregion
|
|
|
|
|
|
|
|
//#region Renote
|
|
|
|
const renoteId = urlParams.get('renoteId');
|
|
|
|
const renoteUri = urlParams.get('renoteUri');
|
|
|
|
if (renoteId) {
|
2024-01-04 09:32:46 +00:00
|
|
|
renote.value = await misskeyApi('notes/show', {
|
2022-06-20 08:38:49 +00:00
|
|
|
noteId: renoteId,
|
|
|
|
});
|
|
|
|
} else if (renoteUri) {
|
2024-01-04 09:32:46 +00:00
|
|
|
const obj = await misskeyApi('ap/show', {
|
2022-06-20 08:38:49 +00:00
|
|
|
uri: renoteUri,
|
|
|
|
});
|
|
|
|
if (obj.type === 'Note') {
|
2023-12-07 05:42:09 +00:00
|
|
|
renote.value = obj.object;
|
2022-06-20 08:38:49 +00:00
|
|
|
}
|
2021-10-19 18:10:36 +00:00
|
|
|
}
|
2022-06-20 08:38:49 +00:00
|
|
|
//#endregion
|
2021-10-19 18:10:36 +00:00
|
|
|
|
2022-06-20 08:38:49 +00:00
|
|
|
//#region Drive files
|
|
|
|
const fileIds = urlParams.get('fileIds');
|
|
|
|
if (fileIds) {
|
2021-10-19 18:10:36 +00:00
|
|
|
await Promise.all(
|
2022-06-20 08:38:49 +00:00
|
|
|
fileIds.split(',')
|
2024-01-04 09:32:46 +00:00
|
|
|
.map(fileId => misskeyApi('drive/files/show', { fileId })
|
2023-02-09 01:35:28 +00:00
|
|
|
.then(file => {
|
2023-12-07 05:42:09 +00:00
|
|
|
files.value.push(file);
|
2023-02-09 01:35:28 +00:00
|
|
|
}, () => {
|
|
|
|
console.error(`Failed to fetch a file ${fileId}`);
|
|
|
|
}),
|
|
|
|
),
|
2021-10-19 18:10:36 +00:00
|
|
|
);
|
|
|
|
}
|
2022-06-20 08:38:49 +00:00
|
|
|
//#endregion
|
2023-02-10 11:52:13 +00:00
|
|
|
} catch (err: any) {
|
2022-06-20 08:38:49 +00:00
|
|
|
os.alert({
|
|
|
|
type: 'error',
|
|
|
|
title: err.message,
|
|
|
|
text: err.name,
|
|
|
|
});
|
|
|
|
}
|
2021-10-19 18:10:36 +00:00
|
|
|
|
2023-11-29 16:08:29 +00:00
|
|
|
state.value = 'writing';
|
2022-06-20 08:38:49 +00:00
|
|
|
}
|
2021-10-19 18:10:36 +00:00
|
|
|
|
2022-06-20 08:38:49 +00:00
|
|
|
init();
|
2020-02-06 14:12:27 +00:00
|
|
|
|
2022-06-20 08:38:49 +00:00
|
|
|
function close(): void {
|
|
|
|
window.close();
|
2021-10-19 18:10:36 +00:00
|
|
|
|
2022-06-20 08:38:49 +00:00
|
|
|
// 閉じなければ100ms後タイムラインに
|
|
|
|
window.setTimeout(() => {
|
2023-05-26 05:18:01 +00:00
|
|
|
location.href = '/';
|
2022-06-20 08:38:49 +00:00
|
|
|
}, 100);
|
|
|
|
}
|
|
|
|
|
2023-05-26 05:18:01 +00:00
|
|
|
function goToMisskey(): void {
|
|
|
|
location.href = '/';
|
|
|
|
}
|
|
|
|
|
2023-11-29 16:08:29 +00:00
|
|
|
function onPosted(): void {
|
|
|
|
state.value = 'posted';
|
|
|
|
postMessageToParentWindow('misskey:shareForm:shareCompleted');
|
|
|
|
}
|
|
|
|
|
2023-12-07 05:42:09 +00:00
|
|
|
const headerActions = computed(() => []);
|
2022-06-20 08:38:49 +00:00
|
|
|
|
2023-12-07 05:42:09 +00:00
|
|
|
const headerTabs = computed(() => []);
|
2022-06-20 08:38:49 +00:00
|
|
|
|
|
|
|
definePageMetadata({
|
|
|
|
title: i18n.ts.share,
|
2022-12-19 10:01:30 +00:00
|
|
|
icon: 'ti ti-share',
|
2020-02-06 14:12:27 +00:00
|
|
|
});
|
|
|
|
</script>
|