Add registerClientRoute

peertube-plugin-hello-world/client/common-client-plugin.js

@@ -1,4 +1,4 @@
-function register ({ registerHook, registerSettingsScript, peertubeHelpers }) {
+function register ({ registerHook, registerSettingsScript, registerClientRoute, peertubeHelpers }) {
   registerHook({
     target: 'action:application.init',
     handler: () => onApplicationInit(peertubeHelpers)
@@ -88,11 +88,18 @@ function register ({ registerHook, registerSettingsScript, peertubeHelpers }) {
           key: 'in-my-stuff',
           title: 'In my stuff',
           links: [
-              {
+            {
               path: '/about',
               icon: 'alert',
               shortLabel: 'About',
               label: 'About'
+            },
+
+            {
+              path: peertubeHelpers.getBasePluginClientPath() + '/my-super/route',
+              icon: '',
+              shortLabel: 'super route',
+              label: 'Super route'
             }
           ]
         }
@@ -138,6 +145,15 @@ function register ({ registerHook, registerSettingsScript, peertubeHelpers }) {
       return false
     }
   })
+
+  // Routes
+
+  registerClientRoute({
+    route: 'my-super/route',
+    onMount: ({ rootEl }) => {
+      rootEl.innerHTML = 'hello'
+    }
+  })
 }
 
 export {

peertube-plugin-hello-world/client/video-watch-client-plugin.js

@@ -71,6 +71,19 @@ function register ({ registerHook, peertubeHelpers }) {
     }
   })
 
+  for (const hook of [
+    'filter:api.video-watch.video-playlist-elements.get.result'
+  ]) {
+    registerHook({
+      target: hook,
+      handler: (result) => {
+        console.log('Running hook %s', hook, result)
+
+        return result
+      }
+    })
+  }
+
   peertubeHelpers.notifier.info('you are on the watch page', 'useless', 1000)
 }