0.30.1 • Published 9 months ago

@solid-devtools/overlay v0.30.1

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

@solid-devtools/overlay

pnpm version npm

An on-page devtools overlay for debugging SolidJS Applications without a chrome extension.

Simply add the Overlay component to your app and get access to a powerful, in-browser devtools experience during development. (It will be removed in production)

Try it online!

A couple of deployed demo websites where you can see the Overlay in action:

Getting started

Installation

npm i @solid-devtools/overlay
# or
yarn add @solid-devtools/overlay
# or
pnpm add @solid-devtools/overlay

Attach the overlay

Simply place the overlay component in the client entry file.

import { attachDevtoolsOverlay } from '@solid-devtools/overlay'

attachDevtoolsOverlay()

// or with some options

attachDevtoolsOverlay({
  defaultOpen: true, // or alwaysOpen
  noPadding: true,
})

Don't worry about wrapping it with a isDev guard, the Overlay takes care of that for you. It should be excluded from production builds automatically.

Enabling the Babel plugin

Enabling the babel plugin is optional, but can offer some extra improvements.

To enable it you need to add it to plugins array in your .vite.config.ts file:

// vite.config.ts

import { defineConfig } from 'vite'
import solid from 'vite-plugin-solid'
import devtools from '@solid-devtools/transform'

export default defineConfig({
  plugins: [
    devtools({
      name: true,
    }),
    solid(),
  ],
})

See transform options

Changelog

See CHANGELOG.md.

0.30.1

9 months ago

0.30.0

9 months ago

0.29.3

11 months ago

0.29.0

1 year ago

0.28.1

1 year ago

0.28.0

1 year ago

0.27.9

1 year ago

0.27.8

1 year ago

0.27.7

1 year ago

0.27.6

1 year ago

0.27.5

1 year ago

0.29.2

1 year ago

0.27.4

1 year ago

0.29.1

1 year ago

0.7.0-next.0

2 years ago

0.27.2

2 years ago

0.27.1

2 years ago

0.27.0

2 years ago

0.6.1

2 years ago

0.27.3

2 years ago

0.6.0

2 years ago

0.5.0

2 years ago

0.5.1

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.4.3

2 years ago

0.4.2

2 years ago

0.3.1

2 years ago

0.3.0

2 years ago

0.2.4

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.0

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago