@solid-devtools/transform

@solid-devtools/transform

Vite plugin for transforming SolidJS code in development to enchance solid-devtools usage.

Getting Started

Installation

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

Setup

// vite.config.ts

import { defineConfig } from "vite"
import solidPlugin from "vite-plugin-solid"
import devtoolsPlugin from "@solid-devtools/transform"

export default defineConfig({
  plugins: [devtoolsPlugin(), solidPlugin()],
})

Options

All of the transforms are disabled by default—you need to pick what you want by enabling correlated option.

interface DevtoolsPluginOptions {
  /** Wrap store creation to observe changes */
  wrapStores?: boolean
  /** Inject location attributes to jsx templates */
  jsxLocation?: boolean
}

// in vite.config.ts plugins array:
devtoolsPlugin({
  wrapStores: true,
  jsxLocation: true,
})

Changelog

See CHANGELOG.md.