VideoJS-Player/background.js at main · sadik-malik/VideoJS-Player · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
// Supported Formats List along with some sample videos
const formats = [
  '.m3u8',
  '.mpd', // https://s3.amazonaws.com/_bc_dml/example-content/sintel_dash/sintel_vod.mpd
  '.mp4', // https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4
  '.webm', // https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-webm-file.webm
  '.ogv', // https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-ogv-file.ogv
  '.mov', // https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mov-file.mov
  '.mp3'
];

// State
const state = {
  enabled: true
};

// Actions for mutating extension behaviour
const setEnabled = (newState = true) => {
  state.enabled = newState;
  state.enabled
    ? chrome.browserAction.setIcon({ path: 'icons/icon128.png' })
    : chrome.browserAction.setIcon({ path: 'icons/icon128_disabled.png' });
};

// Creating Options in contextMenus
chrome.contextMenus.create({
  contexts: ['browser_action'],
  id: 'enable-disable',
  title: 'Enable/Disable Extension',
  type: 'checkbox',
  checked: state.enabled
});
chrome.contextMenus.create({
  contexts: ['browser_action'],
  type: 'separator'
});
chrome.contextMenus.create({
  contexts: ['browser_action'],
  id: 'faq',
  title: 'Read FAQ',
  type: 'normal'
});

// Handling click on contextMenus Items
chrome.contextMenus.onClicked.addListener((item) => {
  const { menuItemId, checked } = item;
  if (menuItemId === 'enable-disable') {
    setEnabled(checked);
  } else if (menuItemId === 'faq') {
    chrome.tabs.create({
      url: 'https://github.com/art1mis/VideoJS-Player/wiki/FAQ'
    });
  }
});

// Listening to keyboard shortcuts commands specified in manifest.json
chrome.commands.onCommand.addListener((command) => {
  if (command === 'toggle-extension') {
    setEnabled(!state.enabled);
  }
});

// Utility Function
// Genearte URL/Path Pattern For Formats
const extPatternPaths = (formats) => formats.map((format) => `*://*/*${format}*`);

// Capturing URL Input
chrome.webRequest.onBeforeRequest.addListener(
  (info) => {
    const isFormatSupported = (url, formats) => {
      const resourceURL = url.split('?')[0].split('#')[0];
      for (const format of formats) {
        if (resourceURL.endsWith(format)) {
          return true;
        }
      }
      return false;
    };
    if (state.enabled && isFormatSupported(info.url, formats)) {
      const playerUrl = chrome.runtime.getURL('player/player.html') + '#' + info.url;
      if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
        chrome.tabs.update(info.tabId, { url: playerUrl });
        return { cancel: true };
      } else {
        return { redirectUrl: playerUrl };
      }
    }
  },
  { urls: extPatternPaths(formats), types: ['main_frame', 'sub_frame'] },
  ['blocking']
);

// Capturing Omnibox Input
chrome.omnibox.onInputEntered.addListener((input) => {
  // This also enables artibary input of the formats that are not listed above

  // if extension is disabled using enabled property
  // then it will get enable again if omnibox onInputEntered is triggered
  if (!state.enabled) {
    setEnabled(true);
  }
  const playerUrl = chrome.runtime.getURL('player/player.html') + '#' + input;
  chrome.tabs.query({ currentWindow: true, active: true }, (tabs) => {
    chrome.tabs.update(tabs[0].id, { url: playerUrl });
  });
});