chrome extension 2.5

Author: zamgi

m3u8-browser-extensions/m3u8-chrome-extension/how to- chrome extension - exchange data between service worker and popup extension window- - Поиск в Google.url

@@ -0,0 +1,2 @@
+[InternetShortcut]
+URL=https://www.google.com/search?q=how+to%3A+chrome+extension+%3A+exchange+data+between+service+worker+and+popup+extension+window%3F&newwindow=1&sca_esv=ebc9003c0e8ff0d8&sxsrf=ANbL-n4gQkhDJK4kDYLh60sqE_KMfcsk8g%3A1771199774077&udm=50&fbs=ADc_l-Zp0lk4TtbHg8O7cKPcxjGd8MFRgIC0ldWrtAGqEa8BZC6go8AzVdEKUtx4DM_KW0H5WSV9XyrY_EtQH2lIUf2g05EQqRyj3v_WvnzZ4naeHVpn_z9jvJ00aFiocv_5EY40leDGmnXLkUekEUQ9jFC_yoiULPw_X3z8OZuWxMD_GVfDsuX3-n2hX1ARCpNg_imiqvnlzQtlGgUF7HzGAiVNN1yFNmqzJ4zZhWDm-xIJb1XFaKHVLdOmCklDyX69xLg17RagGD86Wdcpxe8mlsK5nto4Zw&aep=1&ntc=1&sa=X&ved=2ahUKEwiPu_Cq2dySAxWCExAIHYx8DHQQ2J8OegQIExAE&biw=1868&bih=880&dpr=1&mstk=AUtExfDQaaR9swljZRcSAqiZvdxqbTRLsJLf6l0aGIKV9azA4-MqcdeuV8tfAfhgnsXR9M65JQS4xt_1e7N64H6qu1eImWhrl5lARfxQgWOa8ktG2X0LRWxt48XUmhnH3thJrmQ0PwS_yyseDKqmUn0efUNnDEzvd4gKyynFtOrxn6_nHF9VfbKFk4HHd5EM80yrO710p_6KsJ9ZJfBSmEVwi2KAAYiujmndGtdwFZkDrwDk3KYx5VmMqFoM_Q&csuir=1

m3u8-browser-extensions/m3u8-chrome-extension/v3_next/js/popup.js

@@ -1,11 +1,8 @@
-window.addEventListener('load', async function () {
-    const getActiveTabId = async () => {
-        // Query for the active tab in the current window
-        const tabs = await root.tabs.query({ active: true, currentWindow: true });
-        return (tabs?.length ? tabs[ 0 ].id : undefined);
-    }
-
+window.addEventListener('load', async function () {
     try {
+        //---var resp = await root.runtime.sendMessage({ action: 'getData' }); console.log('Ответ от SW:', resp);
+        //root.runtime.sendMessage({ action: 'getData' }, resp => { console.log('Ответ от SW:', resp); });
+
         // get m3u8 urls for current active tab
         const activeTabId = await getActiveTabId();        
 

m3u8-browser-extensions/m3u8-chrome-extension/v3_next/js/serviceWorker.js

@@ -1,4 +1,4 @@
-self.importScripts('workInfoType.js');
+self.importScripts('workInfoType.js');
 
 //urls-list will be saved between reloads.
 (async () => {
@@ -10,10 +10,14 @@ self.importScripts('workInfoType.js');
     }
 })();
 
+const is_match_url = url => {
+    const ext = (url.split('?')[ 0 ].split('.').pop() || '').toLowerCase();
+    return (ext === 'm3u8');
+};
+
 const requestHeaders_by_url = {};
 root.webRequest.onCompleted.addListener(async d => {
-    const ext = (d.url.split('?')[ 0 ].split('.').pop() || '').toLowerCase();
-    if (ext === 'm3u8') {
+    if (is_match_url(d.url)) {
         const requestHeaders = requestHeaders_by_url[d.url];
         if (requestHeaders) delete requestHeaders_by_url[d.url];
 
@@ -25,8 +29,7 @@ root.webRequest.onCompleted.addListener(async d => {
 { urls: ['<all_urls>'] });
 
 root.webRequest.onBeforeSendHeaders.addListener(d => {
-    const ext = (d.url.split('?')[ 0 ].split('.').pop() || '').toLowerCase();
-    if (ext === 'm3u8') {
+    if (is_match_url(d.url)) {
         requestHeaders_by_url[d.url] = JSON.stringify(d.requestHeaders);
     }
 },
@@ -36,7 +39,6 @@ root.tabs.onActivated.addListener(async d => await (await load_workInfo()).activ
 
 root.tabs.onRemoved.addListener(async tabId => await (await load_workInfo()).deleteTab(tabId));
 
-// set handler to tabs
 root.tabs.onUpdated.addListener(async (tabId, info, tab) => {
     if (!info?.status || (info.status.toLowerCase() !== 'complete')) return;
 
@@ -58,26 +60,9 @@ root.tabs.onUpdated.addListener(async (tabId, info, tab) => {
     }
 });
 
-/*
-// set handler to tabs
-root.tabs.onActivated.addListener(async (info) => await (await load_workInfo()).onActivateTab(info.tabId));
-
-root.tabs.onRemoved.addListener(async (tabId) => await (await load_workInfo()).onRemoveTab(tabId));
-
-// set handler to tabs
-root.tabs.onUpdated.addListener(async function (tabId, info, tab) {
-    // if tab not-load
-    if (!info?.status || (info.status.toLowerCase() !== 'complete')) return;
-
-    // if user open empty tab or ftp protocol and etc.
-    if (!tab?.url || ((tab.url.indexOf('http:') === -1) && (tab.url.indexOf('https:') === -1))) {
-        await (await load_workInfo()).deleteTab(tabId);
-    }
-    else {
-        const opt = await root.storage.local.get();
-        if (!opt.saveUrlListBetweenTabReload) {
-            await conv_2_workInfo(opt.workInfo).deleteTabUrls(tabId);
-        }
-    }    
-});
-*/
+//root.runtime.onMessage.addListener(async (message, sender, sendResponse) => {
+//    if (message.action === 'getData') {
+//        sendResponse({ data: 'Привет из Service Worker!' });
+//    }
+//    return (true); // Важно для асинхронного ответа
+//});

m3u8-browser-extensions/m3u8-chrome-extension/v3_next/js/workInfoType.js

@@ -1,4 +1,4 @@
-const root = chrome;
+const root = chrome;
 root.browserAction = root.browserAction || root.action;
 
 const conv_2_workInfo = saved_wi => new workInfoType(saved_wi);
@@ -14,6 +14,12 @@ const workInfoType = function (saved_wi) {
     }
 };
 
+const getActiveTabId = async () => {
+    // Query for the active tab in the current window
+    const tabs = await root.tabs.query({ active: true, currentWindow: true });
+    return (tabs?.length ? tabs[ 0 ].id : undefined);
+};
+
 workInfoType.prototype = {
     tabs: {},
     activeTabId: null,
@@ -51,16 +57,18 @@ workInfoType.prototype = {
             }
 
             await this.save2Storage();
-        }        
+        }
 
-        await this.setUrlsCountText(tabId);        
+        await this.setUrlsCountText(tabId);
     },
     deleteTab: async function (tabId) {
         const has = !!this.tabs[tabId];
         if (has) {
             delete this.tabs[tabId];
             await this.save2Storage();
-            await this.setUrlsCountText(tabId);
+
+            const activeTabId = await getActiveTabId();
+            await this.setUrlsCountText(activeTabId);
         }
     },
     deleteAllUrlsFromTab: async function (tabId) { await this.deleteTab(tabId); },
@@ -97,7 +105,7 @@ workInfoType.prototype = {
                 }
 
                 if (cnt) await root.browserAction.enable(tabId);
-                else     await root.browserAction.disable(tabId)
+                else try { await root.browserAction.disable(tabId); } catch (ex) { ; }
             }
         }
     },

m3u8-browser-extensions/m3u8-chrome-extension/v3_next_2/.gitignore

@@ -0,0 +1 @@
+/alter-view/*

m3u8-browser-extensions/m3u8-chrome-extension/v3_next_2/css/main.css

@@ -0,0 +1,73 @@
+html { overflow: hidden; max-width: 800px; }
+.body { /*font-family: verdana;*/font-family: monospace; font-size: 1em; overflow: hidden; margin: 3px 3px 0 3px; }
+.body_2 { margin-bottom: 10px }
+.right { text-align: right; }
+
+div.content {
+    overflow: auto;
+    min-width: 200px;
+    min-height: 50px;
+    white-space: nowrap;
+    /*max-width: 800px;*/
+    /*direction: rtl;*/
+}
+table.header { border-spacing: 0; border: 1px dotted gray; margin-top: 2px; }
+    table.header.no-border { border-color: transparent; }
+    table.header td { padding: 0 0 0 3px; }
+    table.header input[type="checkbox"] {
+        appearance: none;
+        width: 16px;
+        height: 16px;
+        border: 1px solid #ccc;
+        border-radius: 3px;
+        background-color: #fff;
+        position: relative;
+        margin: 1px 1px 0 1px;
+    }
+        table.header input[type="checkbox"]:checked {
+            background-color: #b8e3fd; /*rgb(113, 188, 29)*/ /* Цвет фона (вместо accent-color) */
+        }
+            table.header input[type="checkbox"]:checked::after {
+                content: '\2714'/*'✔'*/;
+                color: dodgerblue; /* ТОТ САМЫЙ ЦВЕТ ГАЛОЧКИ */
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+            }
+
+table.content { /*font-size: 10px;*/font-size: 0.85em; border-spacing: 0; }
+td.separator { border-left: 1px dotted gray; }
+
+h5.found { text-align: left; color: forestgreen; vertical-align: middle; margin: 0/*3px 0 3px 7px*/; }
+    h5.found a.download_all { color: forestgreen; }
+h5.not-found { color: maroon; white-space: nowrap; margin-left: 10px; margin-right: 10px; }
+
+input[type="checkbox"], label[for] { cursor: pointer; }
+
+a { outline: none; text-decoration: none; color: dimgrey; }
+    a:hover { text-decoration: underline; color: black; }
+    a > img { border: 1px solid transparent; border-radius: 2px; height: 16px; }
+        a > img:hover { border-color: silver; }
+    a.auto_start_download_all { margin-left: 5px; }
+    #refreshButton { height: 16px; width: 16px; margin-right: 5px; }
+
+div.options_1 { background-color: whitesmoke; text-align: right; white-space: nowrap; 
+                display: flex; flex-wrap: nowrap; justify-content: flex-end; }
+    div.options_1 > div { display: flex; flex-wrap: nowrap; align-items: center; margin-left: 5px; }
+div.options_1 input, div.options_1 label { color: silver; font-size: small; }
+    div.options_1 input[checked="checked"], div.options_1 input[type="checkbox"]:checked + label { color: #a4a4a4; }
+
+div.content_2 { font-size: 0.6em; font-weight: normal; padding: 0 0 5px 15px; }
+div.options_root { padding: 0 0 20px 15px; }
+div.options_2 { background-color: whitesmoke; margin-right: 15px; }
+    div.options_2:nth-child(1) {padding-top: 5px;}
+    div.options_2:nth-last-child(1) {padding-bottom: 5px;}
+
+span.sign { padding: 0 0 15px 15px }
+span.sign_2 { padding: 0 0 15px 5px }
+
+.is_group_by_audio_video { color: dodgerblue; }
+    .is_group_by_audio_video:hover { color: #0081ff; }
+.vis_hidden { visibility: hidden; }
+.ord_num { color: silver; padding-left: 2px; }