import { defineComponentMetadata, defineOptionsMetadata, OptionsOfMetadata, } 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: '在稍后再看页面中仍然显示', }, }) type Options = OptionsOfMetadata 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('.be-outer-watchlater').forEach((it: HTMLElement) => { it.style.display = '' }) }, unload: () => { dqa('.be-outer-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('.be-outer-watchlater', context) }, } }) addData('keymap.presets', (presetBase: Record) => { presetBase.watchlater = 'shift w' }) }, }, })