@startupjs/babel-plugin-startupjs-debug

Additional transformations for development and debugging

Usage

For internal usage only.

Options

// defaults
{
  fixObserverHotReloading: true,
  addFilenamesToObserver: true
}

Example

fix hot reloading of observer() and add filename

import { observer } from 'startupjs'

export default observer(function Main ({ title }) {
  return <span>Hello</span>
}, { forwardRef: true, suspenseProps: { loader: <span>Loading</span> } })

↓ ↓ ↓ ↓ ↓ ↓

import { observer } from "startupjs";
export default observer.__wrapObserverMeta(
  observer.__makeObserver(
    function Main({ title }) {
      return <span>Hello</span>;
    },
    {
      forwardRef: true,
      suspenseProps: {
        loader: <span>Loading</span>,
      },
      filename: "/ws/dummy-project/component.js",
    }
  )
);

License

MIT