@eslym/rs4r

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.