import { defineComponentMetadata, defineOptionsMetadata } from '@/components/define' import { ComponentEntry } from '@/components/types' import { matchUrlPattern } from '@/core/utils' import { videoUrls, watchlaterUrls } from '@/core/utils/urls' import { KeyBindingAction } from '../../utils/keymap/bindings' const options = defineOptionsMetadata({ showInWatchlaterPages: { defaultValue: false, displayName: '在稍后再看页面中仍然显示', }, }) const entry: ComponentEntry = async ({ settings }) => { if (watchlaterUrls.some(matchUrlPattern) && !settings.options.showInWatchlaterPages) { return } const { mountVueComponent, getUID, playerReady, } = await import('@/core/utils') if (!getUID()) { return } await playerReady() const favoriteButton = dq('.video-toolbar .ops .collect, .video-toolbar-v1 .toolbar-left .collect') as HTMLElement if (!favoriteButton) { return } const { hasVideo } = await import('@/core/spin-query') await hasVideo() const OuterWatchlater = await import('./OuterWatchlater.vue') const vm: Vue & { aid: string } = mountVueComponent(OuterWatchlater) favoriteButton.insertAdjacentElement('afterend', vm.$el) const { videoChange } = await import('@/core/observer') videoChange(({ aid }) => { console.log('videoChange', unsafeWindow.aid, aid) vm.aid = unsafeWindow.aid }) } export const component = defineComponentMetadata({ name: 'outerWatchlater', displayName: '外置稍后再看', entry, tags: [ componentsTags.video, ], description: { 'zh-CN': '将视频页面菜单里的 \`稍后再看\` 移到外面. 请注意如果在稍后再看页面中仍然显示, 是不会实时同步右侧的播放列表的.', }, urlInclude: videoUrls, // urlExclude: watchlaterUrls, options, reload: () => { dqa('.ops .watchlater').forEach((it: HTMLElement) => { it.style.display = 'inline-block' }) }, unload: () => { dqa('.ops .watchlater').forEach((it: HTMLElement) => { it.style.display = 'none' }) }, plugin: { displayName: '稍后再看 - 快捷键支持', setup: ({ addData }) => { addData('keymap.actions', (actions: Record) => { actions.watchlater = { displayName: '稍后再看', run: context => { const { clickElement } = context return clickElement('.video-toolbar .ops .watchlater, .more-ops-list .ops-watch-later, .video-toolbar-module .see-later-box', context) }, } }) addData('keymap.presets', (presetBase: Record) => { presetBase.watchlater = 'shift w' }) }, }, })