create-chrome-ext/template-preact-js/src/devtools/index.jsx

Scaffolding your chrome extension, multiple boilerplates supported!

import { render } from 'preact'
import { DevTools } from './DevTools'
import './index.css'

render(<DevTools />, document.getElementById('app'))

chrome.devtools.panels.create('PreactCrx', '', '../../devtools.html', function () {
  console.log('devtools panel create')
})