inject css, addressing issue #48

src/background.ts

@@ -86,7 +86,7 @@ class SettingsManager {
         const store = await browser.storage.sync.get(null);
 
         if (throwOnOrigin && (!store.instance || store.instance === instance)) throw 'The changes originated from same instance or are incomplete';
-        
+
         const parsedStore = this.decompress(store);
         const parsedSubscriptions = JSON.parse(localStorage?.getItem('subscriptions') || '[]');
 
@@ -620,6 +620,11 @@ SettingsManager.getSettings()
                     active: true
                 })
                     .then(() => browser.tabs.remove(sender.tab.id)))
+            .on('css', sender => browser.tabs.insertCSS(sender.tab.id, {
+                code: '#container .ad-showing > .html5-video-container { display: block !important; }',
+                allFrames: true,
+                cssOrigin: 'user'
+            }))
             .on('mute', (sender, shouldMute: boolean) => browser.tabs.update(sender.tab.id, { muted: shouldMute }))
             .on('last-ad', sender => ads.getLastAdFromTab(sender.tab.id))
             .on('echo-ad', (sender, ad) => ads.echo(sender.tab.id, ad))

src/content.ts

@@ -28,7 +28,6 @@ const MainContentAPI: ContentAPI = {
         el.setAttribute('href', browser.runtime.getURL('userscript.css'));
         return el;
     },
-
     sendMessage<T = any>(action: string, subaction: string, param?: any): Promise<T> {
         return browser.runtime.sendMessage({ action, subaction, param })
             .then((response: any) => {

src/contentmain.ts

@@ -157,7 +157,8 @@ export const main = (api: ContentAPI) => {
         .on('recent-ad', () => api.sendMessage('tab', 'last-ad'))
         .on('echo-ad', ad => api.sendMessage('tab', 'echo-ad', ad))
         .on('mute-tab', (shouldMute: boolean) => api.sendMessage('tab', 'mute', shouldMute || false))
-        .on('highlight-tab', () => api.sendMessage('tab', 'highlight'));
+        .on('highlight-tab', () => api.sendMessage('tab', 'highlight'))
+        .on('css', () => api.sendMessage('tab', 'css'));
 
     hookReload();
     hook.inject();

src/userscript.css

@@ -291,4 +291,4 @@ html[dark] .UBO-wl-btn.UBO-wl-poly.yt-uix-button-toggled {
 
 .force-hide {
     display: none !important;
-}
+}

src/userscript/index.ts

@@ -1300,6 +1300,7 @@ agent
     .then(response => {
         log('uBO-YT', 'Initiated with the following settings', response)
         agent.send('mute-tab', false) // reset
+        agent.send('css');
         settings = new Settings(response.settings);
         subscriptions = new Channels(response.subscriptions, 'subscriptions', 'cache');
         AdOptions.uboIcon = response.accessURLs.ICO;