webpack-run-chrome-extension/dist/extensions/manager-extension/initialTab.js

Run your extension on Google Chrome with auto-reload support

/* global chrome */

async function getDevExtension() {
  const allExtensions = await new Promise((resolve) => {
    chrome.management.getAll(resolve)
  })

  const devExtensions = allExtensions.filter((extension) => {
    return (
      // Do not include itself
      extension.id !== chrome.runtime.id &&
      // Reload extension
      extension.id !== 'igcijhgmihmjbbahdabahfbpffalcfnn' &&
      // Show only unpackaged extensions
      extension.installType === 'development'
    )
  })

  return devExtensions[0]
}

// Ideas here are adapted from
// https://github.com/jeremyben/webpack-chrome-extension-launcher
// Released under MIT license.

// Create a new tab and set it to background.
// We want the user-selected page to be active,
// not chrome://extensions.
function createChromeExtensionsTab(initialTab, url) {
  // Check if url tab is open
  chrome.tabs.query({url: 'chrome://extensions/'}, (tabs) => {
    const extensionsTabExist = tabs.length > 0

    // Return if url exists
    if (extensionsTabExist) return

    // Create an inactive tab
    chrome.tabs.create(
      {url, active: false},
      function setBackgroundTab(extensionsTab) {
        // Get current url tab and move it left.
        // This action auto-activates the tab
        chrome.tabs.move(extensionsTab.id, {index: 0}, () => {
          // Get user-selected initial page tab and activate the right tab
          setTimeout(() => {
            chrome.tabs.update(initialTab.id, {active: true})
          }, 500)
        })
      }
    )
  })
}

// Function to handle first run logic
async function handleFirstRun() {
  chrome.tabs.update({url: 'chrome://extensions/'})

  const devExtension = await getDevExtension()

  chrome.storage.local.get(devExtension.id, (result) => {
    if (result[devExtension.id] && result[devExtension.id].didRun) {
      return
    }

    chrome.tabs.create({url: 'pages/welcome.html'})
    // Ensure the welcome page shows only once per extension installation
    chrome.storage.local.set({[devExtension.id]: {didRun: true}})
  })
}

chrome.tabs.query({active: true}, async ([initialTab]) => {
  if (
    initialTab.url === 'chrome://newtab/' ||
    initialTab.url === 'chrome://welcome/'
  ) {
    await handleFirstRun()
  } else {
    createChromeExtensionsTab(initialTab, 'chrome://extensions/')
  }
})