https://github.com/retejs/module-plugin
https://github.com/retejs/module-plugin
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/retejs/module-plugin
- Owner: retejs
- Created: 2018-06-02T22:50:48.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-04-04T09:51:58.000Z (about 2 years ago)
- Last Synced: 2025-04-20T07:30:02.131Z (about 2 months ago)
- Language: JavaScript
- Size: 277 KB
- Stars: 4
- Watchers: 3
- Forks: 10
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Rete module plugin
====
#### Rete.js plugin
[Live example](https://codepen.io/Ni55aN/pen/QOEbEW)
⚠ Deprecated: this plugin was designed specifically for Rete.js v1 and will not be supported in upcoming major versions.
```js
import ModulePlugin from 'rete-module-plugin';
const modules = {
moduleName: { data: defaultData() }
}
editor.use(ModulePlugin, { engine, modules });
class InputNumber extends Component {
constructor() {
super('Input number');
this.module = {
nodeType: 'input',
socket: sockets.num,
// or
socket(node) {
return sockets[node.data.socketType];
}
}
}
builder(node) {
var out = new Output('output', 'Number', sockets.num); // the key must be 'output'
var ctrl = new FieldControl(this.editor, 'name', {value: ''}); // the key must be 'name'
var ctrl2 = new FieldControl(this.editor, 'number', {type: 'number', value: 1});
return node
.addControl(ctrl)
.addControl(ctrl2)
.addOutput(out);
}
async worker(node, inputs, outputs) {
if (!outputs['num'])
outputs['num'] = node.data.number; // here you can modify received outputs of Input node
}
};
export default class ModuleComponent extends Component {
constructor() {
super("Module");
this.module = {
nodeType: 'module'
}
}
builder(node) {
var ctrl = new FieldControl(this.editor, 'module', {value: 'Module name..'}); // the key must be 'module'
ctrl.onChange = () => {
this.updateModuleSockets(node);
node.update();
}
return node.addControl(ctrl);
}
change(node, item) {
node.data.module = item;
this.editor.trigger('process');
}
}
class OutputNumber extends Component {
constructor() {
super('Output number');
this.module = {
nodeType: 'output',
socket: sockets.num,
// or
socket(node) {
return sockets[node.data.socketType];
}
}
}
builder(node) {
var inp = new Input('input', 'Number', sockets.num); // the key must be 'input'
var ctrl = new FieldControl(this.editor, 'name', {value: 'num'}); // the key must be 'name'
return node
.addControl(ctrl)
.addInput(inp);
}
}
```