vite-plugin-custom-code-sync

General

This Vite plugin is specifically built for Combeenation configurators extended with custom code.
It's recommended to create a project with @combeenation/create-custom-code which already includes this Vite plugin.

The plugin will start its own WebSocket server used for communication between the Combeenation configurator and the local IDE.
When everything is correctly set up and running, you will find dedicated areas in the Configurator editor and the Configurator preview to connect to it.

If you intend to install it manually you can follow the steps below.

Installation

npm i -D @combeenation/vite-plugin-custom-code-sync

Additionaly ensure that @combeenation/custom-code-utils is installed too.

Usage

Add the plugin to your vite config:

import CbnCustomCodeSync from '@combeenation/vite-plugin-custom-code-sync';

export default defineConfig({
  plugins: [CbnCustomCodeSync()],
});

Start vite in dev mode:

npm run dev

Afterwards open your configurator in the editor or the preview to connect to it. See the official docs for detailed information.