@eslym/rs4r NPM

Rollup Svelte for RED

Build svelte for Node-RED with rollup, please check the example for usage.

This project is inspired by and compatible with svelte-integration-red, please check it out for svelte components.

Project Directory structure

package.json
rollup.config.js
src
- nodes
  - {node-name}
    - index.{md,html} (node help)
    - index.svelte (node editor UI)
    - index.js (node main file)
- lib (alias as $lib, only exists for back-end)
- editor (alias as $editor, only exists for front-end)
- shared (alias as $shared, exists for both)

Aliases

Alias	Path	Description
`$lib`	`src/lib`	For back-end, the directory contains all the files that will be bundled.
`$editor`	`src/editor`	For front-end, the directory contains all the files that will be bundled.
`$shared`	`src/shared`	The directory contains all the files that will be bundled for both.
`$package.json`	`package.json`	The package.json file in the project root directory.
`*?red-icon`	`*`	Import as asset name, will auto output to icons directory.
`*?red-res`	`*`	Import as path for editor resource, the string will include the `reousrces/${package.name}/` prefix

Important

This builder will auto discover all nodes in src/nodes directory, add add them into package.json in dist directorym, so anyone using this builder will need to publish the dist directory instead of the project root directory.