electron-devtools-vendor

Feature

unrecognized manifest key warning

when using this library, you will not see the following warning:

Unrecognized manifest key 'browser_action'.
Unrecognized manifest key 'minimum_chrome_version'.
Unrecognized manifest key 'short_name'.
Unrecognized manifest key 'update_url'.
Permission 'activeTab' is unknown or URL pattern is malformed.
Cannot load extension with file or directory name _metadata. Filenames starting with "_" are reserved for use by the system.

namespace with current repo

it will not download the crx to a directory on the current computer, but will contain the source code of the plugin directly in the _nodemodules

Don't worry about the size of your project, as you should only use it in a development environment, and even if you need to use it in a formal environment, we have tree snaking to help.

network

because the plugin source code is in node_modules, it will have a greater success rate of downloading.

Install

$ yarn add electron-devtools-vendor -D
// or
$ npm install electron-devtools-vendor -D
// or
$ pnpm add electron-devtools-vendor -D

Usage

const { session } = require("electron");

if (process.env.NODE_ENV === "development") {
    const { REACT_DEVELOPER_TOOLS } = require("electron-devtools-vendor");
    session.defaultSession.loadExtension(REACT_DEVELOPER_TOOLS, {
        allowFileAccess: true,
    });
}

Extension List

Add New Extension

# this is example
$ yarn run add fmkadmapgofadopljbjfkapdkoienihi --name react-devtools

Other

Thanks to electron-devtools-installer for the inspiration, it was great but there were a few issues that forced me to develop this project, details can be found at: electron-devtools-installer#200