diff options
Diffstat (limited to 'client/src/standalone/videos/embed.ts')
-rw-r--r-- | client/src/standalone/videos/embed.ts | 53 |
1 files changed, 13 insertions, 40 deletions
diff --git a/client/src/standalone/videos/embed.ts b/client/src/standalone/videos/embed.ts index a367feb8e..dc9727049 100644 --- a/client/src/standalone/videos/embed.ts +++ b/client/src/standalone/videos/embed.ts | |||
@@ -3,7 +3,6 @@ import videojs from 'video.js' | |||
3 | import { peertubeTranslate } from '../../../../shared/core-utils/i18n' | 3 | import { peertubeTranslate } from '../../../../shared/core-utils/i18n' |
4 | import { HttpStatusCode } from '../../../../shared/core-utils/miscs/http-error-codes' | 4 | import { HttpStatusCode } from '../../../../shared/core-utils/miscs/http-error-codes' |
5 | import { | 5 | import { |
6 | ClientHookName, | ||
7 | HTMLServerConfig, | 6 | HTMLServerConfig, |
8 | OAuth2ErrorCode, | 7 | OAuth2ErrorCode, |
9 | PluginType, | 8 | PluginType, |
@@ -19,7 +18,7 @@ import { P2PMediaLoaderOptions, PeertubePlayerManagerOptions, PlayerMode } from | |||
19 | import { VideoJSCaption } from '../../assets/player/peertube-videojs-typings' | 18 | import { VideoJSCaption } from '../../assets/player/peertube-videojs-typings' |
20 | import { TranslationsManager } from '../../assets/player/translations-manager' | 19 | import { TranslationsManager } from '../../assets/player/translations-manager' |
21 | import { peertubeLocalStorage } from '../../root-helpers/peertube-web-storage' | 20 | import { peertubeLocalStorage } from '../../root-helpers/peertube-web-storage' |
22 | import { Hooks, loadPlugin, runHook } from '../../root-helpers/plugins' | 21 | import { PluginsManager } from '../../root-helpers/plugins-manager' |
23 | import { Tokens } from '../../root-helpers/users' | 22 | import { Tokens } from '../../root-helpers/users' |
24 | import { objectToUrlEncoded } from '../../root-helpers/utils' | 23 | import { objectToUrlEncoded } from '../../root-helpers/utils' |
25 | import { RegisterClientHelpers } from '../../types/register-client-option.model' | 24 | import { RegisterClientHelpers } from '../../types/register-client-option.model' |
@@ -68,8 +67,7 @@ export class PeerTubeEmbed { | |||
68 | 67 | ||
69 | private wrapperElement: HTMLElement | 68 | private wrapperElement: HTMLElement |
70 | 69 | ||
71 | private peertubeHooks: Hooks = {} | 70 | private pluginsManager: PluginsManager |
72 | private loadedScripts = new Set<string>() | ||
73 | 71 | ||
74 | static async main () { | 72 | static async main () { |
75 | const videoContainerId = 'video-wrapper' | 73 | const videoContainerId = 'video-wrapper' |
@@ -489,7 +487,7 @@ export class PeerTubeEmbed { | |||
489 | this.PeertubePlayerManagerModulePromise | 487 | this.PeertubePlayerManagerModulePromise |
490 | ]) | 488 | ]) |
491 | 489 | ||
492 | await this.ensurePluginsAreLoaded(serverTranslations) | 490 | await this.loadPlugins(serverTranslations) |
493 | 491 | ||
494 | const videoInfo: VideoDetails = videoInfoTmp | 492 | const videoInfo: VideoDetails = videoInfoTmp |
495 | 493 | ||
@@ -560,7 +558,9 @@ export class PeerTubeEmbed { | |||
560 | 558 | ||
561 | webtorrent: { | 559 | webtorrent: { |
562 | videoFiles: videoInfo.files | 560 | videoFiles: videoInfo.files |
563 | } | 561 | }, |
562 | |||
563 | pluginsManager: this.pluginsManager | ||
564 | } | 564 | } |
565 | 565 | ||
566 | if (this.mode === 'p2p-media-loader') { | 566 | if (this.mode === 'p2p-media-loader') { |
@@ -600,7 +600,7 @@ export class PeerTubeEmbed { | |||
600 | }) | 600 | }) |
601 | } | 601 | } |
602 | 602 | ||
603 | this.runHook('action:embed.player.loaded', undefined, { player: this.player, videojs, video: videoInfo }) | 603 | this.pluginsManager.runHook('action:embed.player.loaded', undefined, { player: this.player, videojs, video: videoInfo }) |
604 | } | 604 | } |
605 | 605 | ||
606 | private async initCore () { | 606 | private async initCore () { |
@@ -740,37 +740,14 @@ export class PeerTubeEmbed { | |||
740 | return window.location.pathname.split('/')[1] === 'video-playlists' | 740 | return window.location.pathname.split('/')[1] === 'video-playlists' |
741 | } | 741 | } |
742 | 742 | ||
743 | private async ensurePluginsAreLoaded (translations?: { [ id: string ]: string }) { | 743 | private loadPlugins (translations?: { [ id: string ]: string }) { |
744 | if (this.config.plugin.registered.length === 0) return | 744 | this.pluginsManager = new PluginsManager({ |
745 | 745 | peertubeHelpersFactory: _ => this.buildPeerTubeHelpers(translations) | |
746 | for (const plugin of this.config.plugin.registered) { | 746 | }) |
747 | for (const key of Object.keys(plugin.clientScripts)) { | ||
748 | const clientScript = plugin.clientScripts[key] | ||
749 | |||
750 | if (clientScript.scopes.includes('embed') === false) continue | ||
751 | |||
752 | const script = `/plugins/${plugin.name}/${plugin.version}/client-scripts/${clientScript.script}` | ||
753 | |||
754 | if (this.loadedScripts.has(script)) continue | ||
755 | 747 | ||
756 | const pluginInfo = { | 748 | this.pluginsManager.loadPluginsList(this.config) |
757 | plugin, | ||
758 | clientScript: { | ||
759 | script, | ||
760 | scopes: clientScript.scopes | ||
761 | }, | ||
762 | pluginType: PluginType.PLUGIN, | ||
763 | isTheme: false | ||
764 | } | ||
765 | 749 | ||
766 | await loadPlugin({ | 750 | return this.pluginsManager.ensurePluginsAreLoaded('embed') |
767 | hooks: this.peertubeHooks, | ||
768 | pluginInfo, | ||
769 | onSettingsScripts: () => undefined, | ||
770 | peertubeHelpersFactory: _ => this.buildPeerTubeHelpers(translations) | ||
771 | }) | ||
772 | } | ||
773 | } | ||
774 | } | 751 | } |
775 | 752 | ||
776 | private buildPeerTubeHelpers (translations?: { [ id: string ]: string }): RegisterClientHelpers { | 753 | private buildPeerTubeHelpers (translations?: { [ id: string ]: string }): RegisterClientHelpers { |
@@ -808,10 +785,6 @@ export class PeerTubeEmbed { | |||
808 | } | 785 | } |
809 | } | 786 | } |
810 | } | 787 | } |
811 | |||
812 | private runHook <T> (hookName: ClientHookName, result?: T, params?: any): Promise<T> { | ||
813 | return runHook(this.peertubeHooks, hookName, result, params) | ||
814 | } | ||
815 | } | 788 | } |
816 | 789 | ||
817 | PeerTubeEmbed.main() | 790 | PeerTubeEmbed.main() |