@node-red/editor-client 4.0.5 → 4.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/public/red/about +41 -0
- package/public/red/red.js +613 -241
- package/public/red/red.min.js +3 -3
- package/public/tours/first-flow.js +0 -82
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
steps: [
|
|
3
|
-
{
|
|
4
|
-
title: "Create your first flow",
|
|
5
|
-
fullscreen: true,
|
|
6
|
-
direction: "inset",
|
|
7
|
-
width: 400,
|
|
8
|
-
description: 'This tutorial will guide you through creating your first flow',
|
|
9
|
-
nextButton: 'start'
|
|
10
|
-
},
|
|
11
|
-
{
|
|
12
|
-
element: "#red-ui-workspace .red-ui-tab-button.red-ui-tabs-add",
|
|
13
|
-
description: 'To add a new tab, click the <i class="fa fa-plus"></i> button',
|
|
14
|
-
wait: {
|
|
15
|
-
type: "dom-event",
|
|
16
|
-
event: "click",
|
|
17
|
-
element: "#red-ui-workspace .red-ui-tab-button.red-ui-tabs-add a"
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
element: '.red-ui-palette-node[data-palette-type="inject"]',
|
|
22
|
-
direction: 'right',
|
|
23
|
-
description: 'The palette lists all of the nodes available to use. Drag a new Inject node into the workspace.',
|
|
24
|
-
fallback: 'inset-bottom-right',
|
|
25
|
-
wait: {
|
|
26
|
-
type: "nr-event",
|
|
27
|
-
event: "nodes:add",
|
|
28
|
-
filter: function(event) {
|
|
29
|
-
if (event.type === "inject") {
|
|
30
|
-
this.injectNode = event;
|
|
31
|
-
return true;
|
|
32
|
-
}
|
|
33
|
-
return false
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
complete: function() {
|
|
37
|
-
$('.red-ui-palette-node[data-palette-type="inject"]').css("z-index","auto");
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
element: '.red-ui-palette-node[data-palette-type="debug"]',
|
|
42
|
-
direction: 'right',
|
|
43
|
-
description: 'Next, drag a new Debug node into the workspace.',
|
|
44
|
-
fallback: 'inset-bottom-right',
|
|
45
|
-
wait: {
|
|
46
|
-
type: "nr-event",
|
|
47
|
-
event: "nodes:add",
|
|
48
|
-
filter: function(event) {
|
|
49
|
-
if (event.type === "debug") {
|
|
50
|
-
this.debugNode = event;
|
|
51
|
-
return true;
|
|
52
|
-
}
|
|
53
|
-
return false
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
complete: function() {
|
|
57
|
-
$('.red-ui-palette-node[data-palette-type="debug"]').css("z-index","auto");
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
element: function() { return $("#"+this.injectNode.id+" .red-ui-flow-port") },
|
|
62
|
-
description: 'Add a wire from the output of the Inject node to the input of the Debug node',
|
|
63
|
-
fallback: 'inset-bottom-right',
|
|
64
|
-
wait: {
|
|
65
|
-
type: "nr-event",
|
|
66
|
-
event: "links:add",
|
|
67
|
-
filter: function(event) {
|
|
68
|
-
return event.source.id === this.injectNode.id && event.target.id === this.debugNode.id;
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
element: "#red-ui-header-button-deploy",
|
|
74
|
-
description: 'Deploy your changes so the flow is active in the runtime',
|
|
75
|
-
width: 200,
|
|
76
|
-
wait: {
|
|
77
|
-
type: "dom-event",
|
|
78
|
-
event: "click"
|
|
79
|
-
},
|
|
80
|
-
}
|
|
81
|
-
]
|
|
82
|
-
}
|