let setMessageProperty return success flag

so calling node can warn if operation tries to overwrite primitive type

.gitattributes

@@ -0,0 +1 @@
+/packages/node_modules/** linguist-generated=false

.github/ISSUE_TEMPLATE.md

@@ -8,7 +8,9 @@ If your issue is:
   - a feature request or suggestion for a change,
   - or problems with 3rd party (`node-red-contrib-`) nodes
 
-please use the [mailing list](https://groups.google.com/forum/#!forum/node-red), [slack team](https://nodered.org/slack) or ask a question on [Stack Overflow](https://stackoverflow.com/questions/tagged/node-red) and tag it `node-red`.
+please use the [Node-RED Forum](https://discourse.nodered.org) or [slack team](https://nodered.org/slack).
+
+You could also consider asking a question on [Stack Overflow](https://stackoverflow.com/questions/tagged/node-red) and tag it `node-red`.
 
 That way the whole Node-RED user community can help, rather than rely on the core development team.
 
@@ -26,7 +28,7 @@ To help us understand the issue, please fill-in as much of the following informa
 ### Please tell us about your environment:
 
 - [ ] Node-RED version:
-- [ ] node.js version:
+- [ ] Node.js version:
 - [ ] npm version:
 - [ ] Platform/OS:
 - [ ] Browser:

.github/ISSUE_TEMPLATE/--bug_report.md

@@ -0,0 +1,39 @@
+---
+name: Bug report
+about: Reproducable software issues in the core of Node-RED
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+<!--
+This issue tracker is for problems with the Node-RED runtime, the editor or the core nodes.
+
+If your issue is:
+  - a general 'how-to' type question,
+  - a feature request or suggestion for a change,
+  - or problems with 3rd party (`node-red-contrib-`) nodes
+
+please use the [Node-RED Forum](https://discourse.nodered.org) or [slack team](https://nodered.org/slack).
+
+You could also consider asking a question on [Stack Overflow](https://stackoverflow.com/questions/tagged/node-red) and tag it `node-red`.
+
+That way the whole Node-RED user community can help, rather than rely on the core development team.
+
+To help us understand the issue, please fill-in as much of the following information as you can:
+-->
+
+### What are the steps to reproduce?
+
+### What happens?
+
+### What do you expect to happen?
+
+### Please tell us about your environment:
+
+- [ ] Node-RED version:
+- [ ] Node.js version:
+- [ ] npm version:
+- [ ] Platform/OS:
+- [ ] Browser:

.github/ISSUE_TEMPLATE/-anything-else.md

@@ -0,0 +1,17 @@
+---
+name: Anything Else
+about: Something that is not a bug report
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+Please DO NOT raise an issue.
+
+We DO NOT use the issue tracker for general support or feature requests. Only bug reports should be raised here using the 'Bug report' template.
+
+For general support, please use the [Node-RED Forum](https://discourse.nodered.org) or [slack team](https://nodered.org/slack). You could also consider asking a question on [Stack Overflow](https://stackoverflow.com/questions/tagged/node-red) and tag it `node-red`. 
+That way the whole Node-RED user community can help, rather than rely on the core development team.
+
+For feature requests, please use the Node-RED Forum](https://discourse.nodered.org). Many ideas have already been discussed there and you should search that for your request before starting a new discussion.

.github/PULL_REQUEST_TEMPLATE.md

@@ -16,7 +16,7 @@ Put an `x` in the boxes that apply
 <!--
 If you want to raise a pull-request with a new feature, or a refactoring
 of existing code, it **may well get rejected** if it hasn't been discussed on
-the [mailing list](https://groups.google.com/forum/#!forum/node-red) or
+the [forum](https://discourse.nodered.org) or
 [slack team](https://nodered.org/slack) first.
 
 -->

.gitignore

@@ -17,3 +17,8 @@ node_modules
 public
 locales/zz-ZZ
 nodes/core/locales/zz-ZZ
+!packages/node_modules
+packages/node_modules/@node-red/editor-client/public
+!test/**/node_modules
+docs
+!packages/node_modules/**/docs

.nodemonignore

@@ -1,5 +1,4 @@
 /Gruntfile.js
 /.git/*
-/lib/*
 *.backup
 /public/*

.npmignore

@@ -1,7 +0,0 @@
-.settings
-.jshintignore
-.jshintrc
-.project
-.tern-project
-.travis.yml
-.git

.travis.yml

@@ -1,20 +1,11 @@
 sudo: false
 language: node_js
-env:
-  - CXX="g++-4.8"
-addons:
-  apt:
-    sources:
-    - ubuntu-toolchain-r-test
-    packages:
-    - g++-4.8
-    - gcc-4.8
-node_js:
-  - "8"
-  - "6"
-  - "4"
-script:
-  - istanbul cover ./node_modules/.bin/grunt --report lcovonly && istanbul report text && ( cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js || true ) && rm -rf coverage
-before_script:
-  - npm install -g istanbul
-  - npm install coveralls
+matrix:
+  include:
+    - node_js: "12"
+    - node_js: "10"
+      script:
+        - ./node_modules/.bin/grunt && istanbul report text && ( cat coverage/lcov.info | $(npm get prefix)/bin/coveralls || true ) && rm -rf coverage
+      before_script:
+        - npm install -g istanbul coveralls
+    - node_js: "8"

API.md

@@ -0,0 +1,15 @@
+Node-RED Modules
+---
+
+Node-RED provides a set of node modules that implement different parts of the
+application.
+
+Module | Description
+-------|-------
+[node-red](node-red.html) | the main module that pulls together all of the internal modules and provides the executable version of Node-RED
+[@node-red/editor-api](@node-red_editor-api.html) | an Express application that serves the Node-RED editor and provides the Admin HTTP API
+[@node-red/runtime](@node-red_runtime.html) | the core runtime of Node-RED
+[@node-red/util](@node-red_util.html) | common utilities for the Node-RED runtime and editor modules
+@node-red/registry | the internal node registry
+@node-red/nodes | the default set of core nodes
+@node-red/editor-client | the client-side resources of the Node-RED editor application

CHANGELOG.md

@@ -1,3 +1,796 @@
+#### 1.0.3: Maintenance Release
+
+Runtime
+ - Increase timeouts in Subflow tests to minimise false positives
+ - Update grunt-sass and add node-sass for node12 support
+ - Fix timings of Delay node tests
+ - #2340 Update JSONata to 1.7.0
+ - Bump https-proxy-agent version
+ - #2332 Fix error handling of nodes with multiple input handlers
+ - Add script to generate npm publish script
+ - #2371 Ensure folder is present before write (e.g. flows file not in user folder)
+ - #2371 Handle windows UNC '\\' paths
+ - #2366 Handle logging of non-JSON encodable objects
+
+Editor
+ - #2328 Fix language handling in subflow node
+ - Use default language if lng param not set in i18n req
+ - #2326 Fix palette editor search visualization
+ - #2375 Subflow status not showing i18n version of contained core nodes status
+ - Fix inverse of 'replace' editor event
+ - #2376 Fallback to base language files if present
+ - #2373 Support UI testing on the latest Google Chrome
+ - #2364 Add tooltip to expand button in markdown editor
+ - #2363 Support ctrl key to select tabs for Windows
+ - #2356 Make JSONata help initially shown in expression editor
+ - #2355 Prohibit line break in type menu of typedInput
+
+Nodes
+ - Delay: Fix delay to not pass through .reset and .flush props consistently
+ - #2352 File: Using the ‘a msg per line’ the last line does not get msg.topic passed
+ - #2339 HTTP Request: Check auth type on opening
+ - HTTP Request: add units info
+ - #2372 MQTT/WS: Improved proxy support for MQTT and WebSocket nodes
+ - #2370 MQTT: Add clarification that MQTT Out requires payload to send msg
+
+
+#### 1.0.2: Maintenance Release
+
+Runtime
+ - Allow node.status() to be passed number/bool types
+ - Allow node emitted events to have multiple arguments
+ - #2323 Fixed docstrings to have them match the function signature (name of parameters).
+ - #2318 NLS: Unify translations of "boolean"
+
+Editor
+ - Ensure node status is refreshed whenever node is edited
+ - #2315 #2316 Ensure z property included in full message debug payload
+ - #2321 Fixed editor.json (JA nls)
+ - #2313 Fix element to collapse items in visual JSON editor
+ - #2314 Insert divider in menu by calling RED.menu.addItem('id', null);
+
+Nodes
+ - Change: Fixup use of node.done
+ - #2322 Template: Fix invalid JSON data in template node docs
+ - #2320 File: Fixed a typo in 10-file.html (JA nls)
+ - #2312 Template: Remove unnecessary comma in help text
+ - #2319 Inject: Interval of inject node should be 596 hours or less.
+
+#### 1.0.1: Maintenance Release
+
+Runtime
+ - #2301 Add env vars to enable safe mode and projects
+   - `NODE_RED_ENABLE_SAFE_MODE`
+   - `NODE_RED_ENABLE_PROJECTS`
+
+Editor
+ - #2308 Fix grid setting
+ - #2306 i18n support in tooltips
+ - Fix error when setting typedInput to boolean true/false
+ - #2299 Fix SVG icons in IE11
+ - #2303 Fix issue where subflow color did not update when not on a flow
+
+Nodes
+ - #2297 TLS: Allow TLS config node to provide just CA cert
+ - #2307 Inject: Fix width on inject node property
+ - #2305 Switch: Let switch node between rule work both ways round
+ - Range: Add example to range node info and make use of target consistent
+ - Join: node must clone group message before sending
+
+
+#### 1.0.0: Milestone Release
+
+Editor
+ - Add click-on-tooltip to close
+ - Fix node draggable handling
+ - Ensure complete node scope property is remapped on import
+ - Update i18n for project feature
+ - Fix menu hiding function for flow editor
+ - Normalise default subflow color references
+ - Hide header text of very small screens to deploy is visible
+ - Fix tab access on touch screens
+ - Update radialMenu to use standard theme colours
+ - Fix undefined reference loading on mobile
+ - Allow word breaking of node name with long word
+ - Enable wrap mode in Markdown editor
+ - Maximize the size of markdown editor
+
+Nodes
+ - remove legacy error option from file in mode
+ - Change MQTT node default 3.1 compatibility mode to false
+ - Show clear debug shortcut in tooltip
+ - Fix file-in port labels for all 4 options
+ - Add extra comment re Mustache escapes to Template info
+ - Fix typo in complete node
+ - Allow Function node output input to go to 0
+
+#### 1.0.0-beta.4: Beta Release
+
+Runtime
+ - Clone the first message passed to node.send in Function node
+
+Editor
+ - Move flow-status button to footer for consistency
+ - Fix node hover effect to prevent jumping position
+ - Filter quick-add properly when splicing a wire
+ - Mark workspace dirty when deleting link node link Fixes #2274
+ - Add red-ui-button class to strategy login button
+ - Fix padding of subflow locale select Closes #2276
+ - Update info text of complete node & add JP text
+ - Add class red-ui-button to cancel button
+ - Add css class to login submit button (#2275)
+ - Realign subflow output port labels
+ - Move context sidebar auto-refresh option to individual sections
+ - Update Japanese message catalogue
+ - Fix subflow UI for select
+ - remove padding before label text for SUBFLOW UI row
+ - Allow SUBFLOW UI label row without variable name
+
+Nodes
+ - Remove old rc option from exec node for 1.0
+ - Add python and SQL to template language options
+ - Fix Switch node display of jsonata_exp type
+ - Remove sentiment from core nodes
+
+#### 1.0.0-beta.3: Beta Release
+
+Runtime
+ - [FEATURE] Add Node Done API - make message passing async
+ - Ensure the subflow stop promise is waiting for before restarting
+ - Limit the regex for the /nodes/ api end points
+ - Add error event handler to ssh-keygen child_process Fixes #2255
+ - Fix default value handling on context array access Fixes #2252
+ - Remove all ui test dependencies from package.json
+ - Add req back to audit log events and extend to Projects api
+ - Ensure 2nd arg to node.error is an object Fixes #2228
+ - Use a more atomic process for writing context files Fixes #2271
+
+
+Editor
+ - [FEATURE] Change core node categories
+ - [FEATURE] Subflow Instance property UI (#2236)
+ - [FEATURE] Add visual JSON editor
+ - [FEATURE] Add Action List dialog
+ - [FEATURE] Add new shortcut to clear debug message list - ctrl-alt-l
+ - [FEATURE] Add show-library dialog actions
+ - [FEATURE] Add shift-cursor handling for moving quick-add dialog
+ - [FEATURE] Add enable/disable-flow actions
+ - [FEATURE] Add actions to change deploy type
+ - [FEATURE] Allow config nodes to be disabled, tidy css and add actions
+ - [FEATURE] Add default shortcut (ctrl-d) for deploy
+ - [FEATURE] Initial implementation of redo (un-undo) - ctrl-y
+ - [FEATURE] add support for specifying subflow template color
+ - [FEATURE] Use ctrl-click on wire to splice node in place
+ - [FEATURE] Allow search results to show more than 25 results
+ - [FEATURE] Allow a node to change if it has an input port Closes #2268
+ - Revealing node position needs to account for zoom level Fixes #2172
+ - Fix typedInput option selection Fixes #2174
+ - Fix palette node id handling so search works Fixes #2173
+ - Add popover tooltips to debug sidebar,function and template
+ - Add popovers to context sidebar mini buttons
+ - Ensure node status icon is shown when value set
+ - Revert treeList children function signature change
+ - Restore tray component css for compatibility. Mark as deprecated
+ - fix function name & string compare function
+ - Handle empty list of example flows Fixes #2171
+ - Ensure library list has an item selected when opened
+ - Ensure tooltip popover doesn't replace normal popover
+ - Fix clipboard export download button
+ - Ensure input box has focus on repeated quick add
+ - Fix width calculation of typedInput
+ - Remove some hardcoded css colors
+ - Fix display of node help when clicking in palette Fixes #2194
+ - Ensure node help is loaded in the right language Fixes #2195
+ - Do not allow tab focus on clipboard hidden element
+ - Fix undefined error on typedInput due to valueLabel used before being added
+ - Fix undo of flow disable state change
+ - Fix select-all action in main view
+ - Fix delete-all action on config node sidebar
+ - Update UI tests for new editor css
+ - Add insertItemAt doc to editableList
+ - Ensure focus returns to the right element after dialogs shown
+ - Set autocomplete to disabled in form input elements
+ - Update all node icons to SVG
+ - Handle png/svg fallback for def.icon values. Remove old pngs
+ - Ignore empty examples directories (don't add to import menu)
+ - better handle example file at any depth - #2222
+ - Properly escape node types in palette
+ - Ensure session expiry timeout doesn't exceed limit
+ - Use node/tab map to make filterNodes more efficient
+ - Rearrange contents of subflow template settings tab
+ - Handle undefined node.\_def in edit stack title.
+ - fix converting selection to subflow
+ - Fix inserting new subflow node to existing wire between nodes
+ - Support displaying falsey node status values Fixes #2246
+ - Remove tab menu from node property UI for subflow and config nodes
+ - Mark workspace dirty when shift-click-drag detaches wires Fixes #2260
+ - Fix subflow category change on palette
+
+
+Nodes
+ - Remove pi gpi, twitter, email and feedparser nodes from core
+ - Fix error handling in Websocket broadcast function Fixes #2182
+ - Handle websocket item being parseable but not an object better
+ - stop join tripping up if last message of buffer is blank.
+ - Add support for env var propety in switch node
+ - Improve handling of file upload in request node
+ - Add "has key" rule to  switch node + tests
+ - Optimise generation of switch node edit dialog
+ - Add keep-alive option to HTTP Request - #2261
+
+#### 1.0.0-beta.2: Beta Release
+
+Runtime
+ - Fix length calculation when loading library file
+
+#### 1.0.0-beta.1: Beta Release
+
+Runtime
+ - Update runtime apis to support multiple libraries
+ - Add Node 12 to travis (allow_failures)
+ - Bump all dependencies Fixes #2152
+
+Editor
+ - [BREAKING] complete overhaul of editor DOM/CSS structure
+ - [BREAKING] Get rid of Bootstrap
+ - Simplify index.mst to a single div to insert the editor
+ - Append node configs to div rather than body
+ - Only redraw node status when it has changed
+ - Minimise work done to calculate node label widths
+ - Allow script tags with src to reference esm modules
+ - Upgrade to jq 3.4.1 / jq-ui 1.12.1
+ - Allow editor language to be chosen in editor settings
+ - Only NLS status text that starts with a letter Fixes #2128
+ - Fix display of link node list within subflow Fixes #2140
+ - Blur the active element when closing edit dialog via action Fixes #2097
+ - Trigger change evnt on typedInput when type changes and options present Fixes #2160
+ - Move library import/export to single dialog
+ - Move type-library dialogs to new style dialog
+ - Fix node drag and drop animation
+ - let status be simple text if wanted
+ - Add workspace statusBar
+ - Complete refresh of German translations
+ - Fix memory leak in Debug sidebar #2163
+ - Introduce toggleButton and move flow-disabled to use it
+ - Allow RED.settings.get/set to use full property desc
+ - Add auto-refresh toggle to context sidebar
+ - Add build-custom-theme script
+ - Add RED.view.selectNodes api for node selection whilst editing
+ - Add node-select to typedInput
+
+Nodes
+ - http request node: warn user if msg.requestTimeout == 0
+ - hide delay node reset label on deploy
+ - Fix CSV regex to treat strings starting e as text
+ - Add "don't parse numbers" option to csv node
+ - Add expand editor button to Template node
+ - Update catch/status nodes to use selectNodes api and treeList
+
+#### 0.20.8: Maintenance Release
+
+ - Sanitize tab name in edit dialog
+ - Pass httpServer to runtime even when httpAdmin disabled Fixes #2272
+
+#### 0.20.7: Maintenance Release
+
+ - Update jsonata to 1.6.5 which should fix #2183
+ - Ensure the subflow stop promise is waiting for before restarting
+ - Properly escape node types in palette
+
+#### 0.20.6: Maintenance Release
+
+ - Revealing node position needs to account for zoom level Fixes #2172
+ - stop join tripping up if last message of buffer is blank.
+ - Improve handling of file upload in request node
+ - Handle subflow internal node wired to a non-existant node Fixes #2202
+ - Do not save subflow env vars with blank names
+ - Don't allow a link node virtual wire to connect to normal port
+ - Clear HTTP Request node authType when auth disabled Fixes #2215
+ - Fix parsing of content-type header Fixes #2216
+ - Fix join node reset issue with merging objects
+ - Copy data-i18n attribute on TypedInput Fixes #2211
+
+#### 0.20.5: Maintenance Release
+
+ - Revert error handling in palette manager
+
+#### 0.20.4: Maintenance Release
+
+- Switch media-typer to content-type module Fixes #2122 #2123
+- Use userObj.username and not .name for ssh key lookup Closes #2109
+- Ensure mqtt message handlers are tidied up properly on partial deploy
+- Update package dependencies
+- Fix encoding menu in file node #2125
+- Update ACE to 1.4.3-src-min-noconflict Fixes #2106
+- Fix creating missing package.json when existing project imported Fixes #2115
+- Allow subflow instance to override env var with falsey values Fixes #2113
+- Prevent wire from normal node to link virtual port Fixes #2114
+- Add explanation to the help text on the new feature to build query string from msg.payload #2116
+- Bump bcrypt to latest
+- Add Korean locales files for nodes #2100
+- Add error message if catalog is invalid json
+- Reduce udp out timeout to be less than default inject at start #2127
+
+#### 0.20.3: Maintenance Release
+
+- Do not dynamically add/remove upgrade listener in ws nodes
+- Avoid env var reference loops and support $parent. prefix Fixes #2099
+- Ensure config.\_flow is non-enumerable so is ignored by JSON.stringify
+- Block loading ACE from cdn
+
+#### 0.20.2: Maintenance Release
+
+ - Filter out duplicate nodes when importing a flow
+ - Handle node configs with multiple external scripts properly
+
+#### 0.20.1: Maintenance Release
+
+ - Ensure all subflow instances are stopped when flow stopping Fixes #2095
+ - modify name of korean locale forders #2091
+ - Ensure node names are sanitized before being presented
+ - Subflow status node must pass status to parent flow Fixes #2087
+ - fix problem on displaying option label on Firefox #2090
+
+#### 0.20.0: Milestone Release
+
+Runtime
+ - Pass complete status to Status node and filter to editor
+ - Ensure flows wait for all nodes to close before restarting Fixes #2067
+ - Fix git clone with password protected key
+ - Allow a project to be located below the root of repo
+ - Detect the cloning of an empty git repo properly
+ - Fix use of custom auth strategy plugins
+ - Remove remnants of when library in git/index Fixes #2057
+ - Clear subflow status on close
+ - Add exportGlobalContextKeys to prevent exposing functionGlobalContext keys
+ - Add --no-audit and --no-update-notifier flags to npm commands to reduce workload
+ - Add envVarExcludes setting to block named env vars
+ - Update settings.js docs on userDir to match reality Fixes #2082
+ - Add Korean Language
+
+
+Editor
+ - Automatic placing of node icon according to input/output counts
+ - Transfer placeholder and type to generated TypedInput field
+ - Hitting enter in Comment node name field clicks markdown button
+ - Shift status text left if no shape specified
+ - Better align node status text to status dot
+ - Handle treeList labels as text not html
+ - Change subflow edit dialog titles
+ - Resize subflow edit dialog properly
+ - Add flow list button to tab bar
+ - Handle node name as unsanitized text in debug sidebar
+
+Nodes
+
+ - HTTP Request: Add Digest and Bearer Auth modes to http request node (#2061)
+ - HTTP Request: Add multipart/form-data support to http request node (#2076)
+ - TCP: include session/event info in status events
+ - WebSocket: include session/event info in status events
+ - Add i18n support for port label of inject/exec/httprequest/file nodes
+ - Join node: handle merged objects with repeated properties and honour parts
+ - JSON node: handle single booleans and numbers
+ - File node: add encoding support to file in/out node (#2066)
+
+#### 0.20.0-beta.5: Beta Release
+
+Runtime
+
+ - Bump dependencies
+ - Allow `$parent` access of flow context
+ - Make Node.\_flow a writeable property
+ - Do not propagate Flow.getNode to parent when called from outside flow
+ - Add support of subflow env var
+
+Editor
+
+ - Properly sanitize node names in deploy warning dialogs
+ - Fix XSS issues in library ui code
+ - Add env type to subflow env var types
+ - Display parent subflow properties in edit dialog
+ - Fix direction value of subflow output
+ - Add Status Node to Subflow to allow subflow-specific status Closes #597
+ - Better handling of multiple flow merges Fixes #2039
+
+Nodes
+
+ - Various translation updates
+ - Catch: Add 'catch uncaught only' mode. Closes #1747
+ - Link: scroll to current flow in node list
+ - HTTPRequest: add option to urlencode cookies
+ - HTTPRequest: option to use msg.payload as query params on GET. #1981
+ - Debug: Add local time display option to numerics in debug window
+ - MQTT: Add parsed JSON output option
+
+#### 0.20.0-beta.4: Beta Release
+
+Runtime
+
+ - Bump JSONata to 1.6.4
+ - Add Flow.getSetting for resolving env-var properties
+ - Refactor Subflow logic into own class
+ - Restore RED.auth to node-red module api
+ - Tidy up when usage in Flow and Node
+
+Editor
+
+ - German translation
+ - Change default dropdown appearance and sidebar tab menu handling
+ - Handle multiple-select box when nothing selected Fixes #2021
+ - Handle i18n properly when key is a valid sub-identifier Fixes #2028
+ - Avoid duplicate links when missing node type installed Fixes #2032
+ - Add View Tools
+ - Don't collapse version control header when clicking refresh
+ - Add fast entry via keyboard for string of nodes
+ - Check for undeployed change before showing open project dialog
+ - Add placeholder node when in quick-add mode
+ - Move nodes to top-left corner when converting to subflow
+
+Nodes
+
+ - Debug: Allow debug edit expression to be sent to status
+ - WebSocket: Fix missing translated help
+
+
+#### 0.20.0-beta.3: Beta Release
+
+Editor
+
+ - Update palette manager view properly when module updated
+ - Add TreeList common widget
+ - Fix visual jump when opening Comment editor on Safari Part of #2008
+ - Fix vertical align of markdown editor in Safari Fixes #2008
+ - Avoid marking node as changed if label state is default Fixes #2009
+ - Highlight port on node hover while joining
+ - Support drag-wiring of link nodes
+ - Allow TypeSearch to include a filter option
+ - Improve diff colouring
+ - Allow sections to toggle in 2-element stack
+ - Add support for ${} env var syntax when skipping validation Closes #1980
+ - i18 support for markdown editor tooltip
+ - Add RED.editor.registerTypeEditor for custom type editors
+ - Tidy up markdown toolbar handling across all editors
+ - Added validation while export into library
+ - Reuse notification boxes rather than stack multiple of the same type
+ - Make ssh key dialog accessible when opened from new proj dialog
+
+Runtime
+
+ - Bump JSONata to 1.6.4 Fixes #2023
+ - Add audit logging to admin api
+ - Fix failure of RED.require #2010
+ - Allow oauth strategy callback method to be customised Closes #1998
+ - Ensure fs context cache is flushed on close Fixes #2001
+ - Fix library Buffer( to Buffer.alloc( for node 10
+ - Catch file-not-found on startup when non-existant flow file specified
+ - Actively expire login sesssions and notify user
+ - Add quotation marks for basic auth challenge #1976
+
+Nodes
+
+ - Change: remove promises to improve performance
+ - Debug: add ability to apply JSONata expression to message
+ - Join: remove promises to improve performance
+ - JSON: delete msg.schema before sending msg to avoid conflicts
+ - Link: update UI to use common TreeList widget
+ - Switch: remove promises to improve performance
+
+#### 0.20.0-beta.2: Beta Release
+
+ - Split Node-RED internals into multiple sub-modules
+
+Editor
+
+ - Allow the editor to use a custom admin api url root
+ - Improve performance of Flow Diff dialog - @TothiViseo #1989
+ - Add 'open project' option to Projects Welcome dialog
+ - Add 'type already registered' check in palette editor
+ - Handle missing tab.disabled property
+ - Handle missing wires prop and string x/y props on import
+ - Add RED.notifications.hide flag - for UI testing
+ - Improve alignment of node label edit inputs
+ - Show arrow-in node when invalid font-awesome icon name was specified for default icon
+ - Add ability to delete context values from sidebar
+ - Allow copy-to-clipboard copy whole tabs
+ - Make disabled flows more obvious in editor
+ - Allow import/export from file in editor
+ - Allow config nodes to be selected in sidebar and deleted
+ - Show port label of subflow with input port
+ - Support ctrl-click selection of flow tabs
+ - Allow left-hand node button to act as toggle
+ - Support dbl-click in tab bar to add new flow in position
+ - Fix duplicate subflow detection on import
+ - Add import notification with info on what has been imported Closes #1862
+ - Show error details when trying to import invalid json
+ - Show default icon when non-existent font-awesome icon was specified
+ - Add configurable option for showing node label
+ - Avoid http redirects as Safari doesn't reuse Auth header Fixes #1903
+ - Tidy up ace tooltip styling
+ - Add event log to editor
+ - Add tooltips to multiple editor elements
+ - Allow palette to be hidden
+ - Add node module into to sidebar and palette popover
+ - Mark all newly imported nodes as changed
+ - Allow a node label to be hidden
+ - Add markdown formatting toolbar
+ - Add markdown toolbar to various editors
+ - Fix i18n handling for ja-JP locale on Safari/MacOS
+ - Add node body tooltip
+ - Decrease opacity of flow-navigator
+ - Update tooltip style
+ - Update ACE to 1.4.1-src-min-noconflict
+ - Cache node locales by language
+ - Show icon element with either icon image or fa-icon
+ - Added font-awesome icons to user defined icon
+ - Update info side bar with node description section
+ - One-click search of config node users
+ - Redesign node edit dialog to tabbed style
+ - Add 'restart flows' option to deploy menu
+ - Add node description property UI
+
+
+Runtime
+
+ - Allow a project to be loaded from cmdline
+ - Handle lookup of undefined property in Global context Fixes #1978
+ - Refuse to enable Manage Palette if npm too old
+ - Remove restriction on upgrading non-local modules
+ - Remove deprecated Buffer constructor usage Fixes #1709
+ - Update httpServerOptions doc in settings.js
+ - Exclude non-testable .js files from the unit tests
+ - Add --safe mode flag to allow starting without flows running
+ - Add setting-defined accessToken for automated access to the adminAPI - #1789
+
+Nodes
+
+ - Move all core node EN help to their own locale files - #1990
+ - CSV: better regex for number detection
+ - Debug: hide button if not configured to send to sidebar
+ - Delay: report queue activity when in by-topic mode
+ - Delay: add msg.flush mode
+ - Exec: Preserve existing properties on msg object
+ - File: remove CR/LF from incoming filename
+ - Function: create custom ace javascript mode to handle ES6 Fixes #1911
+ - Function: add env.get
+ - HTTP Request: Add http-proxy config #1913
+ - HTTP Request: add msg.redirectList to output
+ - HTTP Request: add msg.requestTimeout option for per-message setting - @natcl #1959
+ - MQTT: add auto-detect and base64 output to mqtt node Fixes #1912 - @DurandA
+ - MQTT: only unsubscribe node that is being removed
+ - Sentiment: move to node-red-node-sentiment
+ - Switch: add missing edit dialog icon
+ - Tail: move to node-red-node-tail
+ - TCPGet: clear status if user changes target per message
+ - Template: tidy up edit dialog
+ - UDP: more resilient binding to correct port for udp, give input side priority
+ - Split/Join: add msg.reset to info panel
+ - Split/Join: reset join without sending part array
+ - Watch: add msg.filename so can feed direct to file in node
+ - WebSocket: preserve \_session on msg but don't send as part of wholemsg
+
+#### 0.19.6: Maintenance Release
+
+ - Fix encoding of file node from binary to utf8 - #2051
+
+#### 0.19.5: Maintenance Release
+
+ - Recognize pip installs of RPi.GPIO (#1934)
+ - Merge pull request #1941 from node-red-hitachi/master-batch
+ - Merge pull request #1931 from node-red-hitachi/master-typedinput
+ - Set min value of properties and spinners for batch
+ - Fix that unnecessary optionMenu remains
+ - Merge pull request #1894 from node-red-hitachi/fix-overlapping-file-node-execution
+ - Merge pull request #1924 from imZack/patch-1
+ - Add missing comma
+ - Do not disable context sidebar during node edit Fixes #1921
+ - Don't allow virtual links to be spliced Fixes #1920
+ - Merge project package changes to avoid overwritten changes
+ - Handle manually added project deps that are unused Fixes #1908
+ - update close & input handling of File node
+ - make close handler argument only one
+ - Merge pull request #1907 from amilajack/patch-2
+ - Change repo badge to point to master branch
+ - invoke callbacks if async handler is specified
+ - Merge pull request #1891 from camlow325/resolve-example-path-for-windows-support
+ - Merge pull request #1900 from kazuhitoyokoi/master-addtestcases4settings.js
+ - wait closing while pending messages exist
+ - Add test cases for red/api/editor/settings.js
+ - Ensure all palette categories are opened properly Closes #1893
+ - Resolve path when sending example file for Windows support
+ - fix multiple input message processing of file node
+
+#### 0.19.4: Maintenance Release
+
+ - Fix race condition in non-cache lfs context Fixes #1888
+ - LocalFileSystem Context: Remove extra flush code
+ - Prevent race condition in caching mode of lfs context (#1889)
+ - Allow context store name to be provided in the key
+ - Switch node: only use promises when absolutely necessary
+ - Fix dbl-click handling on webkit-based browsers
+ - Ensure context.flow/global cannot be deleted or enumerated
+ - Handle context.get with multiple levels of unknown key Fixes #1883
+ - Fix global.get("foo.bar") for functionGlobalContext set values
+ - Fix node color bug (#1877)
+ - Merge pull request #1857 from cclauss/patch-1
+ - Define raw_input() in Python 3 & fix time.sleep()
+
+#### 0.19.3: Maintenance Release
+
+ - Split node - fix complete to send msg for k/v object
+ - Remove unused Join node merged object key typed input
+ - Set the JavaScript editor to full-screen
+ - Filter global modules installed locally
+ - Add svg to permitted icon extension list
+ - Debug node - indicate status all the time if selected to do so
+ - pi nodes - increase test coverage slightly
+ - TCP-request node - only write payload
+ - JSON schema: perform validation when obj -> obj or str -> str
+ - JSON schema: add draft-06 support (via $schema keyword)
+ - Mqtt proxy configuration for websocket connection, #1651.
+ - Allows MQTT Shared Subscriptions for MQTT-In core node
+ - Fix use of HTML tag or CSS class specification as icon of typedInput
+
+#### 0.19.2: Maintenance Release
+
+ - Ensure node default colour is used if palette.theme has no match
+ - fix lost messages / properties in TCPRequest Node; closes #1863 (#1864)
+ - Fix typo in template.html
+ - Improve error reporting from context plugin loading
+ - Prevent no-op edit of node marking as changed due to icon
+ - Change node must handle empty rule set
+
+#### 0.19.1: Maintenance Release
+
+ - Pull in latest twitter node
+ - Handle windows paths for context storage
+ - Handle persisting objects with circular refs in context
+ - Ensure js editor can expand to fill available space
+ - Add example localfilesystem contextStorage to settings
+ - Fix template node handling of nested context tags
+
+#### 0.19: Milestone Release
+
+Editor
+
+ - Add editorTheme.palette.theme to allow overriding colours
+ - Index all node properties when searching Fixes #1446
+ - Handle NaN and Infinity properly in debug sidebar Fixes #1778 #1779
+ - Prevent horizontal scroll when palette name cannot wrap
+ - Ignore middle-click on node/ports to enable panning
+ - Better wire layout when looping back
+ - fix appearence of retry button of remote branch management dialog
+ - Handle releasing ctrl when using quick-add node dialog
+ - Add $env function to JSONata expressions
+ - Widen support for env var to use ${} or $() syntax
+ - Add env-var support to TypedInput
+ - Show unknown node properties in info tab
+ - Add node icon picker widget
+ - Only edit nodes on dbl click on primary button with no modifiers
+ - Allow subflows to be put in any palette category
+ - Add flow navigator widget
+ - Cache flow library result to improve response time Fixes #1753
+ - Add middle-button-drag to pan the workspace
+ - allow multi-line category name in editor
+ - Redesign sidebar tabs
+ - Do not disable the export-clipboard menu option with empty selection
+
+Nodes
+
+ - Change: Ensure runtime errors in Change node can be caught Fixes #1769
+ - File: Add output to File Out node
+ - Function: add expandable JavaScript editor pane
+ - Function: allow id and name reference in function node code (#1731)
+ - HTTP Request: Move to request module
+ - HTTP: Ensure apiMaxLength applies to HTTP Nodes Fixes #1278
+ - Join: accumulate top level properties
+ - Join: allow environment variable as reduce init value
+ - JSON: add JSON schema validation via msg.schema
+ - Pi: Let nrgpio code work with python 3
+ - Pi: let Pi nodes be visible/editable on all platforms
+ - Switch: add isEmpty rule
+ - TCP: queue messages while connecting; closes #1414
+ - TLS: Add servername option to TLS config node for SNI Fixes #1805
+ - UDP: Don't accidentally re-use udp port when set to not do so
+
+Persistent Context
+
+ - Add Context data sidebar
+ - Add persistable context option
+ - Add default memory store
+ - Add file-based context store
+ - Add async mode to evaluateJSONataExpression
+ - Update RED.util.evaluateNodeProperty to support context stores
+
+Runtime
+
+ - Support flow.disabled and .info in /flow API
+ - Node errors should be Strings not Errors Fixes #1781
+ - Add detection of connection timeout in git communication Fixes #1770
+ - Handle loading empty nodesDir
+ - Add 'private' property to userDir generated package.json
+ - Add RED.require to allow nodes to access other modules
+ - Ensure add/remove modules are run sequentially
+
+#### 0.18.7: Maintenance Release
+
+Editor Fixes
+
+ - Do not trim wires if node declares outputs in defaults but misses value Fixes #1737
+
+Node Fixes
+
+ - Relax twitter node version ready for major version bump
+ - Pass Date into the Function node sandbox to fix instanceof tests
+ - let TCP in node report remote ip and port when in single packet mode
+ - typo fix in node help (#1735)
+
+Other Fixes
+ - Tidy up default grunt task and fixup test break due to reorder Fixes #1738
+ - Bump jsonata version
+
+#### 0.18.6: Maintenance Release
+
+Editor Fixes
+
+ - Handle a node having wires in the editor on ports it no longer has Fixes #1724
+ - Add missing ACE snippet files
+ - Fix wireClippedNodes is not defined Fixes #1726
+ - Split node html to isolate bad nodes when loading
+ - Avoid unnecessary use of .html() where .text() will do
+
+ - Add editorTheme.projects.enabled to default settings.js"
+
+#### 0.18.5: Maintenance Release
+
+Projects
+
+ - Add clone project to welcome screen
+ - Handle cloning a project without package.json
+ - Keep remote branch state in sync between editor and runtime
+
+New Features
+
+ - Add type checks to switch node options (#1714)
+ - add output property select to HTML parse node (#1701)
+ - Add Prevent Following Redirect to HTTP Request node (#615) (#1684)
+ - Add debug and trace functions to function node (#1654)
+ - Enable user defined icon for subflow
+ - Add MQTT disconnect message and rework broker node UI (#1719)
+ - Japanese message catalogue updates (#1723)
+ - Show node load errors in the Palette Manager view
+
+Editor Fixes
+
+ - Highlight subflow node when log msg comes from inside Fixes #1698
+ - Ensure node wires array is not longer than outputs value Fixes #1678
+ - Allow importing an unknown config node to be undone Fixes #1681
+ - Ensure keyboard shortcuts get saved in runtime settings Fixes #1696
+ - Don't mark a subflow changed when actually modified nothing (#1665)
+
+Node Fixes
+
+ - bind to correct port when doing udp broadcast/multicast (#1686)
+ - Provide full error stack in Function node log message (#1700)
+ - Fix http request doc type Fixes #1690
+ - Make debug slightly larger to pass WCAG AA rating
+ - Make core nodes labels more consistent, to close #1673
+ - Allow template node to be updated more than once Fixes #1671
+ - Fix the problem that output labels of switch node sometimes disappear (#1664)
+ - Chinese translations for core nodes (#1607)
+
+Runtime Fixes
+
+ - Handle and display for invalid flow credentials when project is disabled #1689 (#1694)
+ - node-red-pi: fix behavior with old bash version (#1713)
+ - Fix ENOENT error on first start when no user dir (#1711)
+ - Handle null error object in Flow.handleError Fixes #1721
+ - update settings comments to describe how to setup for ipv6 (#1675)
+ - Remove credential props after diffing flow to prevent future false positives Fixes #1359
+ - Log error if settings unavailable when saving user settings Fixes #1645
+ - Keep backup of .config.json
+ - Add warning if using \_credentialSecret from .config.json
+ - Filter req.user in /settings to prevent potentially leaking info
+
 #### 0.18.4: Maintenance Release
 
 Projects
@@ -157,7 +950,7 @@ Nodes
  - Initial support of sequence rules for SWITCH node (#1545)
  - initial support of SORT node (#1500)
  - Inject node - let once delay be editable (#1541)
- - Introduce `nodeMaxMessageBufferLength` setting for msg sequence nodes
+ - Introduce `nodeMessageBufferMaxLength` setting for msg sequence nodes
  - Let CSV correct parts if we remove header row.
  - let default apply if msg.delay not set in override mode. (#1397)
  - let trigger node be reset by boolean message (#1554)

CONTRIBUTING.md

@@ -26,17 +26,17 @@ relevant nodes, press Ctrl-E and copy the flow data from the Export dialog.
 At a minimum, please include:
 
  - Version of Node-RED - either release number if you downloaded a zip, or the first few lines of `git log` if you are cloning the repository directly.
- - Version of node.js - what does `node -v` say?
+ - Version of Node.js - what does `node -v` say?
 
 ## Feature requests
 
-For feature requests, please raise them on the [mailing list](https://groups.google.com/forum/#!forum/node-red).
+For feature requests, please raise them on the [forum](https://discourse.nodered.org).
 
 ## Pull-Requests
 
 If you want to raise a pull-request with a new feature, or a refactoring
 of existing code, it may well get rejected if you haven't discussed it on
-the [mailing list](https://groups.google.com/forum/#!forum/node-red) first.
+the [forum](https://discourse.nodered.org) first.
 
 All contributors need to sign the JS Foundation's Contributor License Agreement.
 It is an online process and quick to do. You can read the details of the agreement

Gruntfile.js

@@ -15,6 +15,8 @@
  **/
 
 var path = require("path");
+var fs = require("fs-extra");
+var sass = require("node-sass");
 
 module.exports = function(grunt) {
 
@@ -24,6 +26,10 @@ module.exports = function(grunt) {
         nodemonArgs.push(flowFile);
     }
 
+    var nonHeadless = grunt.option('non-headless');
+    if (nonHeadless) {
+        process.env.NODE_RED_NON_HEADLESS = true;
+    }
     grunt.initConfig({
         pkg: grunt.file.readJSON('package.json'),
         paths: {
@@ -38,7 +44,7 @@ module.exports = function(grunt) {
                 reporter: 'spec'
             },
             all: { src: ['test/**/*_spec.js'] },
-            core: { src: ["test/_spec.js","test/red/**/*_spec.js"]},
+            core: { src: ["test/_spec.js","test/unit/**/*_spec.js"]},
             nodes: { src: ["test/nodes/**/*_spec.js"]}
         },
         webdriver: {
@@ -53,10 +59,11 @@ module.exports = function(grunt) {
                 ignoreLeaks: false,
                 ui: 'bdd',
                 reportFormats: ['lcov','html'],
-                print: 'both'
+                print: 'both',
+                istanbulOptions: ['--no-default-excludes', '-i','**/packages/node_modules/**']
             },
-            all: { src: ['test/**/*_spec.js'] },
-            core: { src: ["test/_spec.js","test/red/**/*_spec.js"]},
+            all: { src: ["test/unit/_spec.js","test/unit/**/*_spec.js","test/nodes/**/*_spec.js"] },
+            core: { src: ["test/unit/_spec.js","test/unit/**/*_spec.js"]},
             nodes: { src: ["test/nodes/**/*_spec.js"]}
         },
         jshint: {
@@ -73,22 +80,20 @@ module.exports = function(grunt) {
                 //"loopfunc": true, // allow functions to be defined in loops
                 //"sub": true       // don't warn that foo['bar'] should be written as foo.bar
             },
-            all: [
-                'Gruntfile.js',
-                'red.js',
-                'red/**/*.js',
-                'nodes/core/*/*.js',
-                'editor/js/**/*.js'
-            ],
-            core: {
-                files: {
-                    src: [
-                        'Gruntfile.js',
-                        'red.js',
-                        'red/**/*.js'
-                    ]
-                }
-            },
+            // all: [
+            //     'Gruntfile.js',
+            //     'red.js',
+            //     'packages/**/*.js'
+            // ],
+            // core: {
+            //     files: {
+            //         src: [
+            //             'Gruntfile.js',
+            //             'red.js',
+            //             'packages/**/*.js',
+            //         ]
+            //     }
+            // },
             nodes: {
                 files: {
                     src: [ 'nodes/core/*/*.js' ]
@@ -96,7 +101,7 @@ module.exports = function(grunt) {
             },
             editor: {
                 files: {
-                    src: [ 'editor/js/**/*.js' ]
+                    src: [ 'packages/node_modules/@node-red/editor-client/src/js/**/*.js' ]
                 }
             },
             tests: {
@@ -116,78 +121,89 @@ module.exports = function(grunt) {
                 src: [
                     // Ensure editor source files are concatenated in
                     // the right order
-                    "editor/js/red.js",
-                    "editor/js/events.js",
-                    "editor/js/i18n.js",
-                    "editor/js/settings.js",
-                    "editor/js/user.js",
-                    "editor/js/comms.js",
-                    "editor/js/text/bidi.js",
-                    "editor/js/text/format.js",
-                    "editor/js/ui/state.js",
-                    "editor/js/nodes.js",
-                    "editor/js/history.js",
-                    "editor/js/validators.js",
-                    "editor/js/ui/utils.js",
-                    "editor/js/ui/common/editableList.js",
-                    "editor/js/ui/common/checkboxSet.js",
-                    "editor/js/ui/common/menu.js",
-                    "editor/js/ui/common/panels.js",
-                    "editor/js/ui/common/popover.js",
-                    "editor/js/ui/common/searchBox.js",
-                    "editor/js/ui/common/tabs.js",
-                    "editor/js/ui/common/stack.js",
-                    "editor/js/ui/common/typedInput.js",
-                    "editor/js/ui/actions.js",
-                    "editor/js/ui/deploy.js",
-                    "editor/js/ui/diff.js",
-                    "editor/js/ui/keyboard.js",
-                    "editor/js/ui/workspaces.js",
-                    "editor/js/ui/view.js",
-                    "editor/js/ui/sidebar.js",
-                    "editor/js/ui/palette.js",
-                    "editor/js/ui/tab-info.js",
-                    "editor/js/ui/tab-config.js",
-                    "editor/js/ui/palette-editor.js",
-                    "editor/js/ui/editor.js",
-                    "editor/js/ui/tray.js",
-                    "editor/js/ui/clipboard.js",
-                    "editor/js/ui/library.js",
-                    "editor/js/ui/notifications.js",
-                    "editor/js/ui/search.js",
-                    "editor/js/ui/typeSearch.js",
-                    "editor/js/ui/subflow.js",
-                    "editor/js/ui/userSettings.js",
-                    "editor/js/ui/projects/projects.js",
-                    "editor/js/ui/projects/projectSettings.js",
-                    "editor/js/ui/projects/projectUserSettings.js",
-                    "editor/js/ui/projects/tab-versionControl.js",
-                    "editor/js/ui/touch/radialMenu.js"
+                    "packages/node_modules/@node-red/editor-client/src/js/jquery-addons.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/red.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/events.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/i18n.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/settings.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/user.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/comms.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/text/bidi.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/text/format.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/state.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/nodes.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/font-awesome.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/history.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/validators.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/utils.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/editableList.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/treeList.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/checkboxSet.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/menu.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/panels.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/popover.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/searchBox.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/tabs.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/stack.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/typedInput.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/common/toggleButton.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/actions.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/deploy.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/diff.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/keyboard.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/workspaces.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/statusBar.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/view.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/view-navigator.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/view-tools.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/sidebar.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/palette.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/tab-config.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/tab-context.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/palette-editor.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/editor.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/editors/*.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/event-log.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/tray.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/clipboard.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/library.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/notifications.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/search.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/actionList.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/typeSearch.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/subflow.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/userSettings.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/projects/projects.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/projects/projectSettings.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/projects/projectUserSettings.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/projects/tab-versionControl.js",
+                    "packages/node_modules/@node-red/editor-client/src/js/ui/touch/radialMenu.js"
                 ],
-                dest: "public/red/red.js"
+                dest: "packages/node_modules/@node-red/editor-client/public/red/red.js"
             },
             vendor: {
                 files: {
-                    "public/vendor/vendor.js": [
-                        "editor/vendor/jquery/js/jquery-1.11.3.min.js",
-                        "editor/vendor/bootstrap/js/bootstrap.min.js",
-                        "editor/vendor/jquery/js/jquery-ui-1.10.3.custom.min.js",
-                        "editor/vendor/jquery/js/jquery.ui.touch-punch.min.js",
-                        "editor/vendor/marked/marked.min.js",
-                        "editor/vendor/d3/d3.v3.min.js",
-                        "editor/vendor/i18next/i18next.min.js"
-                    ],
-                    "public/vendor/vendor.css": [
-                        // TODO: resolve relative resource paths in
-                        //       bootstrap/FA/jquery
-                    ],
-                    "public/vendor/jsonata/jsonata.min.js": [
+                    "packages/node_modules/@node-red/editor-client/public/vendor/vendor.js": [
+                        "packages/node_modules/@node-red/editor-client/src/vendor/jquery/js/jquery-3.4.1.min.js",
+                        "packages/node_modules/@node-red/editor-client/src/vendor/jquery/js/jquery-migrate-3.0.1.min.js",
+                        "packages/node_modules/@node-red/editor-client/src/vendor/jquery/js/jquery-ui.min.js",
+                        "packages/node_modules/@node-red/editor-client/src/vendor/jquery/js/jquery.ui.touch-punch.min.js",
+                        "packages/node_modules/@node-red/editor-client/src/vendor/marked/marked.min.js",
+                        "packages/node_modules/@node-red/editor-client/src/vendor/d3/d3.v3.min.js",
+                        "packages/node_modules/@node-red/editor-client/src/vendor/i18next/i18next.min.js",
                         "node_modules/jsonata/jsonata-es5.min.js",
-                        "editor/vendor/jsonata/formatter.js"
+                        "packages/node_modules/@node-red/editor-client/src/vendor/jsonata/formatter.js",
+                        "packages/node_modules/@node-red/editor-client/src/vendor/ace/ace.js",
+                        "packages/node_modules/@node-red/editor-client/src/vendor/ace/ext-language_tools.js",
                     ],
-                    "public/vendor/ace/worker-jsonata.js": [
+                    // "packages/node_modules/@node-red/editor-client/public/vendor/vendor.css": [
+                    //     // TODO: resolve relative resource paths in
+                    //     //       bootstrap/FA/jquery
+                    // ],
+                    "packages/node_modules/@node-red/editor-client/public/vendor/ace/worker-jsonata.js": [
                         "node_modules/jsonata/jsonata-es5.min.js",
-                        "editor/vendor/jsonata/worker-jsonata.js"
+                        "packages/node_modules/@node-red/editor-client/src/vendor/jsonata/worker-jsonata.js"
                     ]
                 }
             }
@@ -195,63 +211,60 @@ module.exports = function(grunt) {
         uglify: {
             build: {
                 files: {
-                    'public/red/red.min.js': 'public/red/red.js',
-                    'public/red/main.min.js': 'public/red/main.js',
-                    'public/vendor/ace/mode-jsonata.js': 'editor/vendor/jsonata/mode-jsonata.js',
-                    'public/vendor/ace/snippets/jsonata.js': 'editor/vendor/jsonata/snippets-jsonata.js'
+                    'packages/node_modules/@node-red/editor-client/public/red/red.min.js': 'packages/node_modules/@node-red/editor-client/public/red/red.js',
+                    'packages/node_modules/@node-red/editor-client/public/red/main.min.js': 'packages/node_modules/@node-red/editor-client/public/red/main.js',
+                    'packages/node_modules/@node-red/editor-client/public/vendor/ace/mode-jsonata.js': 'packages/node_modules/@node-red/editor-client/src/vendor/jsonata/mode-jsonata.js',
+                    'packages/node_modules/@node-red/editor-client/public/vendor/ace/snippets/jsonata.js': 'packages/node_modules/@node-red/editor-client/src/vendor/jsonata/snippets-jsonata.js'
                 }
             }
         },
         sass: {
             build: {
                 options: {
+                    implementation: sass,
                     outputStyle: 'compressed'
                 },
                 files: [{
-                    dest: 'public/red/style.min.css',
-                    src: 'editor/sass/style.scss'
-                },
-                {
-                    dest: 'public/vendor/bootstrap/css/bootstrap.min.css',
-                    src: 'editor/vendor/bootstrap/css/bootstrap.css'
+                    dest: 'packages/node_modules/@node-red/editor-client/public/red/style.min.css',
+                    src: 'packages/node_modules/@node-red/editor-client/src/sass/style.scss'
                 }]
             }
         },
         jsonlint: {
             messages: {
                 src: [
-                    'nodes/core/locales/en-US/messages.json',
-                    'red/api/locales/en-US/editor.json',
-                    'red/runtime/locales/en-US/runtime.json'
+                    'packages/node_modules/@node-red/nodes/locales/**/*.json',
+                    'packages/node_modules/@node-red/editor-client/locales/**/*.json',
+                    'packages/node_modules/@node-red/runtime/locales/**/*.json'
                 ]
             },
             keymaps: {
                 src: [
-                    'editor/js/keymap.json'
+                    'packages/node_modules/@node-red/editor-client/src/js/keymap.json'
                 ]
             }
         },
         attachCopyright: {
             js: {
                 src: [
-                    'public/red/red.min.js',
-                    'public/red/main.min.js'
+                    'packages/node_modules/@node-red/editor-client/public/red/red.min.js',
+                    'packages/node_modules/@node-red/editor-client/public/red/main.min.js'
                 ]
             },
             css: {
                 src: [
-                    'public/red/style.min.css'
+                    'packages/node_modules/@node-red/editor-client/public/red/style.min.css'
                 ]
             }
         },
         clean: {
             build: {
                 src: [
-                    "public/red",
-                    "public/index.html",
-                    "public/favicon.ico",
-                    "public/icons",
-                    "public/vendor"
+                    "packages/node_modules/@node-red/editor-client/public/red",
+                    "packages/node_modules/@node-red/editor-client/public/index.html",
+                    "packages/node_modules/@node-red/editor-client/public/favicon.ico",
+                    "packages/node_modules/@node-red/editor-client/public/icons",
+                    "packages/node_modules/@node-red/editor-client/public/vendor"
                 ]
             },
             release: {
@@ -263,27 +276,27 @@ module.exports = function(grunt) {
         watch: {
             js: {
                 files: [
-                    'editor/js/**/*.js'
+                    'packages/node_modules/@node-red/editor-client/src/js/**/*.js'
                 ],
-                tasks: ['copy:build','concat','uglify','attachCopyright:js']
+                tasks: ['copy:build','concat',/*'uglify',*/ 'attachCopyright:js']
             },
             sass: {
                 files: [
-                    'editor/sass/**/*.scss'
+                    'packages/node_modules/@node-red/editor-client/src/sass/**/*.scss'
                 ],
                 tasks: ['sass','attachCopyright:css']
             },
             json: {
                 files: [
-                    'nodes/core/locales/en-US/messages.json',
-                    'red/api/locales/en-US/editor.json',
-                    'red/runtime/locales/en-US/runtime.json'
+                    'packages/node_modules/@node-red/nodes/locales/**/*.json',
+                    'packages/node_modules/@node-red/editor-client/locales/**/*.json',
+                    'packages/node_modules/@node-red/runtime/locales/**/*.json'
                 ],
                 tasks: ['jsonlint:messages']
             },
             keymaps: {
                 files: [
-                    'editor/js/keymap.json'
+                    'packages/node_modules/@node-red/editor-client/src/js/keymap.json'
                 ],
                 tasks: ['jsonlint:keymaps','copy:build']
             },
@@ -298,12 +311,13 @@ module.exports = function(grunt) {
         nodemon: {
             /* uses .nodemonignore */
             dev: {
-                script: 'red.js',
+                script: 'packages/node_modules/node-red/red.js',
                 options: {
                     args: nodemonArgs,
                     ext: 'js,html,json',
                     watch: [
-                        'red','nodes'
+                        'packages/node_modules',
+                        '!packages/node_modules/@node-red/editor-client'
                     ]
                 }
             }
@@ -322,69 +336,56 @@ module.exports = function(grunt) {
             build: {
                 files:[
                     {
-                        src: 'editor/js/main.js',
-                        dest: 'public/red/main.js'
+                        src: 'packages/node_modules/@node-red/editor-client/src/js/main.js',
+                        dest: 'packages/node_modules/@node-red/editor-client/public/red/main.js'
                     },
                     {
-                        src: 'editor/js/keymap.json',
-                        dest: 'public/red/keymap.json'
+                        src: 'packages/node_modules/@node-red/editor-client/src/js/keymap.json',
+                        dest: 'packages/node_modules/@node-red/editor-client/public/red/keymap.json'
                     },
                     {
-                        cwd: 'editor/images',
+                        cwd: 'packages/node_modules/@node-red/editor-client/src/images',
                         src: '**',
                         expand: true,
-                        dest: 'public/red/images/'
+                        dest: 'packages/node_modules/@node-red/editor-client/public/red/images/'
                     },
                     {
-                        cwd: 'editor/vendor',
+                        cwd: 'packages/node_modules/@node-red/editor-client/src/vendor',
                         src: [
                             'ace/**',
-                            //'bootstrap/css/**',
-                            'bootstrap/img/**',
-                            'jquery/css/**',
+                            'jquery/css/base/**',
                             'font-awesome/**'
                         ],
                         expand: true,
-                        dest: 'public/vendor/'
+                        dest: 'packages/node_modules/@node-red/editor-client/public/vendor/'
                     },
                     {
-                        cwd: 'editor/icons',
+                        cwd: 'packages/node_modules/@node-red/editor-client/src/icons',
                         src: '**',
                         expand: true,
-                        dest: 'public/icons/'
+                        dest: 'packages/node_modules/@node-red/editor-client/public/icons/'
                     },
                     {
                         expand: true,
-                        src: ['editor/index.html','editor/favicon.ico'],
-                        dest: 'public/',
+                        src: ['packages/node_modules/@node-red/editor-client/src/index.html','packages/node_modules/@node-red/editor-client/src/favicon.ico'],
+                        dest: 'packages/node_modules/@node-red/editor-client/public/',
                         flatten: true
                     },
                     {
                         src: 'CHANGELOG.md',
-                        dest: 'public/red/about'
+                        dest: 'packages/node_modules/@node-red/editor-client/public/red/about'
+                    },
+                    {
+                        src: 'CHANGELOG.md',
+                        dest: 'packages/node_modules/node-red/'
+                    },
+                    {
+                        cwd: 'packages/node_modules/@node-red/editor-client/src/ace/bin/',
+                        src: '**',
+                        expand: true,
+                        dest: 'packages/node_modules/@node-red/editor-client/public/vendor/ace/'
                     }
                 ]
-            },
-            release: {
-                files: [{
-                    mode: true,
-                    expand: true,
-                    src: [
-                        '*.md',
-                        'LICENSE',
-                        'package.json',
-                        'settings.js',
-                        'red.js',
-                        'lib/.gitignore',
-                        'nodes/*.demo',
-                        'nodes/core/**',
-                        'red/**',
-                        'public/**',
-                        'editor/templates/**',
-                        'bin/**'
-                    ],
-                    dest: path.resolve('<%= paths.dist %>/node-red-<%= pkg.version %>')
-                }]
             }
         },
         chmod: {
@@ -393,19 +394,92 @@ module.exports = function(grunt) {
             },
             release: {
                 src: [
-                    path.resolve('<%= paths.dist %>/node-red-<%= pkg.version %>/nodes/core/hardware/nrgpio*'),
-                    path.resolve('<%= paths.dist %>/node-red-<%= pkg.version %>/red/runtime/storage/localfilesystem/projects/git/node-red-*sh')
+                    "packages/node_modules/@node-red/nodes/core/hardware/nrgpio",
+                    "packages/node_modules/@node-red/runtime/lib/storage/localfilesystem/projects/git/node-red-*sh"
                 ]
             }
         },
+        'npm-command': {
+            options: {
+                cmd: "pack",
+                cwd: "<%= paths.dist %>/modules"
+            },
+            'node-red': { options: { args: [__dirname+'/packages/node_modules/node-red'] } },
+            '@node-red/editor-api': { options: { args: [__dirname+'/packages/node_modules/@node-red/editor-api'] } },
+            '@node-red/editor-client': { options: { args: [__dirname+'/packages/node_modules/@node-red/editor-client'] } },
+            '@node-red/nodes': { options: { args: [__dirname+'/packages/node_modules/@node-red/nodes'] } },
+            '@node-red/registry': { options: { args: [__dirname+'/packages/node_modules/@node-red/registry'] } },
+            '@node-red/runtime': { options: { args: [__dirname+'/packages/node_modules/@node-red/runtime'] } },
+            '@node-red/util': { options: { args: [__dirname+'/packages/node_modules/@node-red/util'] } }
+
+
+        },
+        mkdir: {
+            release: {
+                options: {
+                    create: ['<%= paths.dist %>/modules']
+                },
+            },
+        },
         compress: {
             release: {
                 options: {
                     archive: '<%= paths.dist %>/node-red-<%= pkg.version %>.zip'
                 },
                 expand: true,
-                cwd: '<%= paths.dist %>/',
-                src: ['node-red-<%= pkg.version %>/**']
+                cwd: 'packages/node_modules/',
+                src: [
+                    '**',
+                    '!@node-red/editor-client/src/**'
+                ]
+            }
+        },
+        jsdoc : {
+            modules: {
+                src: [
+                    'API.md',
+                    'packages/node_modules/node-red/lib/red.js',
+                    'packages/node_modules/@node-red/runtime/lib/index.js',
+                    'packages/node_modules/@node-red/runtime/lib/api/*.js',
+                    'packages/node_modules/@node-red/runtime/lib/events.js',
+                    'packages/node_modules/@node-red/util/**/*.js',
+                    'packages/node_modules/@node-red/editor-api/lib/index.js',
+                    'packages/node_modules/@node-red/editor-api/lib/auth/index.js'
+                ],
+                options: {
+                    destination: 'docs',
+                    configure: './jsdoc.json'
+                }
+            },
+            _editor: {
+                src: [
+                    'packages/node_modules/@node-red/editor-client/src/js'
+                    ],
+                options: {
+                    destination: 'packages/node_modules/@node-red/editor-client/docs',
+                    configure: './jsdoc.json'
+                }
+            }
+
+        },
+        jsdoc2md: {
+            runtimeAPI: {
+                options: {
+                    separators: true
+                },
+                src: [
+                    'packages/node_modules/@node-red/runtime/lib/index.js',
+                    'packages/node_modules/@node-red/runtime/lib/api/*.js',
+                    'packages/node_modules/@node-red/runtime/lib/events.js'
+                ],
+                dest: 'packages/node_modules/@node-red/runtime/docs/api.md'
+            },
+            nodeREDUtil: {
+                options: {
+                    separators: true
+                },
+                src: 'packages/node_modules/@node-red/util/**/*.js',
+                dest: 'packages/node_modules/@node-red/util/docs/api.md'
             }
         }
     });
@@ -424,7 +498,13 @@ module.exports = function(grunt) {
     grunt.loadNpmTasks('grunt-chmod');
     grunt.loadNpmTasks('grunt-jsonlint');
     grunt.loadNpmTasks('grunt-mocha-istanbul');
-    grunt.loadNpmTasks('grunt-webdriver');
+    if (fs.existsSync(path.join("node_modules", "grunt-webdriver"))) {
+        grunt.loadNpmTasks('grunt-webdriver');
+    }
+    grunt.loadNpmTasks('grunt-jsdoc');
+    grunt.loadNpmTasks('grunt-jsdoc-to-markdown');
+    grunt.loadNpmTasks('grunt-npm-command');
+    grunt.loadNpmTasks('grunt-mkdir');
 
     grunt.registerMultiTask('attachCopyright', function() {
         var files = this.data.src;
@@ -466,6 +546,38 @@ module.exports = function(grunt) {
         }
     });
 
+    grunt.registerTask('verifyPackageDependencies', function() {
+        var done = this.async();
+        var verifyDependencies = require("./scripts/verify-package-dependencies.js");
+        verifyDependencies().then(function(failures) {
+            if (failures.length > 0) {
+                failures.forEach(f => grunt.log.error(f));
+                grunt.fail.fatal("Failed to verify package dependencies");
+            }
+            done();
+        });
+    });
+
+    grunt.registerTask('verifyUiTestDependencies', function() {
+        if (!fs.existsSync(path.join("node_modules", "grunt-webdriver"))) {
+            grunt.fail.fatal('You need to install the UI test dependencies first.\nUse the script in "scripts/install-ui-test-dependencies.sh"');
+            return false;
+        }
+    });
+    grunt.registerTask('generatePublishScript',
+        'Generates a script to publish build output to npm',
+            function () {
+                const done = this.async();
+                const generatePublishScript = require("./scripts/generate-publish-script.js");
+                generatePublishScript().then(function(output) {
+                    grunt.log.writeln(output);
+
+                    const filePath = path.join(grunt.config.get('paths.dist'),"modules","publish.sh");
+                    grunt.file.write(filePath,output);
+
+                    done();
+                });
+            });
     grunt.registerTask('setDevEnv',
         'Sets NODE_ENV=development so non-minified assets are used',
             function () {
@@ -474,7 +586,7 @@ module.exports = function(grunt) {
 
     grunt.registerTask('default',
         'Builds editor content then runs code style checks and unit tests on all components',
-        ['build','test-core','test-editor','test-nodes']);
+        ['build','verifyPackageDependencies','jshint:editor','mocha_istanbul:all']);
 
     grunt.registerTask('test-core',
         'Runs code style check and unit tests on core runtime code',
@@ -484,9 +596,15 @@ module.exports = function(grunt) {
         'Runs code style check on editor code',
         ['jshint:editor']);
 
-    grunt.registerTask('test-ui',
-        'Builds editor content then runs unit tests on editor ui',
-        ['build','jshint:editor','webdriver:all']);
+    if (!fs.existsSync(path.join("node_modules", "grunt-webdriver"))) {
+        grunt.registerTask('test-ui',
+            'Builds editor content then runs unit tests on editor ui',
+            ['verifyUiTestDependencies']);
+    } else {
+        grunt.registerTask('test-ui',
+            'Builds editor content then runs unit tests on editor ui',
+            ['verifyUiTestDependencies','build','jshint:editor','webdriver:all']);
+    }
 
     grunt.registerTask('test-nodes',
         'Runs unit tests on core nodes',
@@ -502,9 +620,18 @@ module.exports = function(grunt) {
 
     grunt.registerTask('release',
         'Create distribution zip file',
-        ['build','clean:release','copy:release','chmod:release','compress:release']);
+        ['build','verifyPackageDependencies','clean:release','mkdir:release','chmod:release','compress:release','pack-modules','generatePublishScript']);
+
+    grunt.registerTask('pack-modules',
+        'Create module pack files for release',
+        ['mkdir:release','npm-command']);
+
 
     grunt.registerTask('coverage',
         'Run Istanbul code test coverage task',
         ['build','mocha_istanbul:all']);
+
+    grunt.registerTask('docs',
+        'Generates API documentation',
+        ['jsdoc']);
 };

README.md

@@ -2,12 +2,12 @@
 
 http://nodered.org
 
-[![Build Status](https://travis-ci.org/node-red/node-red.svg)](https://travis-ci.org/node-red/node-red)
+[![Build Status](https://travis-ci.org/node-red/node-red.svg?branch=master)](https://travis-ci.org/node-red/node-red)
 [![Coverage Status](https://coveralls.io/repos/node-red/node-red/badge.svg?branch=master)](https://coveralls.io/r/node-red/node-red?branch=master)
 
-A visual tool for wiring the Internet of Things.
+Low-code programming for event-driven applications.
 
-![Node-RED: A visual tool for wiring the Internet of Things](http://nodered.org/images/node-red-screenshot.png)
+![Node-RED: Low-code programming for event-driven applications](http://nodered.org/images/node-red-screenshot.png)
 
 ## Quick Start
 
@@ -22,8 +22,7 @@ started.
 
 More documentation can be found [here](http://nodered.org/docs).
 
-For further help, or general discussion, please use the
-[mailing list](https://groups.google.com/forum/#!forum/node-red).
+For further help, or general discussion, please use the [Node-RED Forum](https://discourse.nodered.org) or [slack team](https://nodered.org/slack).
 
 ## Developers
 
@@ -45,9 +44,6 @@ If you want to run the latest code from git, here's how to get started:
 4. Run
 
         npm start
-   or
-
-        node red.js
 
 ## Contributing
 
@@ -60,7 +56,7 @@ This project adheres to the [Contributor Covenant 1.4](http://contributor-covena
 
 ## Authors
 
-Node-RED is a project of the [JS Foundation](http://js.foundation).
+Node-RED is a project of the [OpenJS Foundation](https://openjsf.org).
 
 It was created by [IBM Emerging Technology](https://www.ibm.com/blogs/emerging-technology/).
 
@@ -71,4 +67,4 @@ It was created by [IBM Emerging Technology](https://www.ibm.com/blogs/emerging-t
 
 ## Copyright and license
 
-Copyright JS Foundation and other contributors, http://js.foundation under [the Apache 2.0 license](LICENSE).
+Copyright JS Foundation and other contributors, https://openjsf.org under [the Apache 2.0 license](LICENSE).

SECURITY.md

@@ -0,0 +1,13 @@
+# Security Policy
+
+## Supported Versions
+
+| Version | Supported          |
+| ------- | ------------------ |
+| 1.0.0   | :white_check_mark: |
+| 0.20.x  | :white_check_mark: |
+
+
+## Reporting a Vulnerability
+
+Please report any potential security issues to `team@nodered.org`. This will notify the core project team who will respond accordingly.

editor/js/ui/clipboard.js

@@ -1,380 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-RED.clipboard = (function() {
-
-    var dialog;
-    var dialogContainer;
-    var exportNodesDialog;
-    var importNodesDialog;
-    var disabled = false;
-
-    function setupDialogs() {
-        dialog = $('<div id="clipboard-dialog" class="hide node-red-dialog"><form class="dialog-form form-horizontal"></form></div>')
-            .appendTo("body")
-            .dialog({
-                modal: true,
-                autoOpen: false,
-                width: 500,
-                resizable: false,
-                buttons: [
-                    {
-                        id: "clipboard-dialog-cancel",
-                        text: RED._("common.label.cancel"),
-                        click: function() {
-                            $( this ).dialog( "close" );
-                        }
-                    },
-                    {
-                        id: "clipboard-dialog-close",
-                        class: "primary",
-                        text: RED._("common.label.close"),
-                        click: function() {
-                            $( this ).dialog( "close" );
-                        }
-                    },
-                    {
-                        id: "clipboard-dialog-copy",
-                        class: "primary",
-                        text: RED._("clipboard.export.copy"),
-                        click: function() {
-                            $("#clipboard-export").select();
-                            document.execCommand("copy");
-                            document.getSelection().removeAllRanges();
-                            RED.notify(RED._("clipboard.nodesExported"));
-                            $( this ).dialog( "close" );
-                        }
-                    },
-                    {
-                        id: "clipboard-dialog-ok",
-                        class: "primary",
-                        text: RED._("common.label.import"),
-                        click: function() {
-                            RED.view.importNodes($("#clipboard-import").val(),$("#import-tab > a.selected").attr('id') === 'import-tab-new');
-                            $( this ).dialog( "close" );
-                        }
-                    }
-                ],
-                open: function(e) {
-                    $(this).parent().find(".ui-dialog-titlebar-close").hide();
-                },
-                close: function(e) {
-                }
-            });
-
-        dialogContainer = dialog.children(".dialog-form");
-
-        exportNodesDialog =
-            '<div class="form-row">'+
-                '<label style="width:auto;margin-right: 10px;" data-i18n="clipboard.export.copy"></label>'+
-                '<span id="export-range-group" class="button-group">'+
-                    '<a id="export-range-selected" class="editor-button toggle" href="#" data-i18n="clipboard.export.selected"></a>'+
-                    '<a id="export-range-flow" class="editor-button toggle" href="#" data-i18n="clipboard.export.current"></a>'+
-                    '<a id="export-range-full" class="editor-button toggle" href="#" data-i18n="clipboard.export.all"></a>'+
-                '</span>'+
-                '</div>'+
-            '<div class="form-row">'+
-                '<textarea readonly style="resize: none; width: 100%; border-radius: 4px;font-family: monospace; font-size: 12px; background:#f3f3f3; padding-left: 0.5em; box-sizing:border-box;" id="clipboard-export" rows="5"></textarea>'+
-            '</div>'+
-            '<div class="form-row" style="text-align: right;">'+
-                '<span id="export-format-group" class="button-group">'+
-                    '<a id="export-format-mini" class="editor-button editor-button-small toggle" href="#" data-i18n="clipboard.export.compact"></a>'+
-                    '<a id="export-format-full" class="editor-button editor-button-small toggle" href="#" data-i18n="clipboard.export.formatted"></a>'+
-                '</span>'+
-            '</div>';
-
-        importNodesDialog = '<div class="form-row">'+
-            '<textarea style="resize: none; width: 100%; border-radius: 0px;font-family: monospace; font-size: 12px; background:#eee; padding-left: 0.5em; box-sizing:border-box;" id="clipboard-import" rows="5" placeholder="'+
-            RED._("clipboard.pasteNodes")+
-            '"></textarea>'+
-            '</div>'+
-            '<div class="form-row">'+
-            '<label style="width:auto;margin-right: 10px;" data-i18n="clipboard.import.import"></label>'+
-            '<span id="import-tab" class="button-group">'+
-                '<a id="import-tab-current" class="editor-button toggle selected" href="#" data-i18n="clipboard.export.current"></a>'+
-                '<a id="import-tab-new" class="editor-button toggle" href="#" data-i18n="clipboard.import.newFlow"></a>'+
-            '</span>'+
-            '</div>';
-    }
-
-    function validateImport() {
-        var importInput = $("#clipboard-import");
-        var v = importInput.val();
-        v = v.substring(v.indexOf('['),v.lastIndexOf(']')+1);
-        try {
-            JSON.parse(v);
-            importInput.removeClass("input-error");
-            importInput.val(v);
-            $("#clipboard-dialog-ok").button("enable");
-        } catch(err) {
-            if (v !== "") {
-                importInput.addClass("input-error");
-            }
-            $("#clipboard-dialog-ok").button("disable");
-        }
-    }
-
-    function importNodes() {
-        if (disabled) {
-            return;
-        }
-        dialogContainer.empty();
-        dialogContainer.append($(importNodesDialog));
-        dialogContainer.i18n();
-
-        $("#clipboard-dialog-ok").show();
-        $("#clipboard-dialog-cancel").show();
-        $("#clipboard-dialog-close").hide();
-        $("#clipboard-dialog-copy").hide();
-        $("#clipboard-dialog-ok").button("disable");
-        $("#clipboard-import").keyup(validateImport);
-        $("#clipboard-import").on('paste',function() { setTimeout(validateImport,10)});
-
-        $("#import-tab > a").click(function(evt) {
-            evt.preventDefault();
-            if ($(this).hasClass('disabled') || $(this).hasClass('selected')) {
-                return;
-            }
-            $(this).parent().children().removeClass('selected');
-            $(this).addClass('selected');
-        });
-
-        dialog.dialog("option","title",RED._("clipboard.importNodes")).dialog("open");
-    }
-
-    function exportNodes() {
-        if (disabled) {
-            return;
-        }
-
-        dialogContainer.empty();
-        dialogContainer.append($(exportNodesDialog));
-        dialogContainer.i18n();
-        var format = RED.settings.flowFilePretty ? "export-format-full" : "export-format-mini";
-
-        $("#export-format-group > a").click(function(evt) {
-            evt.preventDefault();
-            if ($(this).hasClass('disabled') || $(this).hasClass('selected')) {
-                $("#clipboard-export").focus();
-                return;
-            }
-            $(this).parent().children().removeClass('selected');
-            $(this).addClass('selected');
-
-            var flow = $("#clipboard-export").val();
-            if (flow.length > 0) {
-                var nodes = JSON.parse(flow);
-
-                format = $(this).attr('id');
-                if (format === 'export-format-full') {
-                    flow = JSON.stringify(nodes,null,4);
-                } else {
-                    flow = JSON.stringify(nodes);
-                }
-                $("#clipboard-export").val(flow);
-                $("#clipboard-export").focus();
-            }
-        });
-
-        $("#export-range-group > a").click(function(evt) {
-            evt.preventDefault();
-            if ($(this).hasClass('disabled') || $(this).hasClass('selected')) {
-                $("#clipboard-export").focus();
-                return;
-            }
-            $(this).parent().children().removeClass('selected');
-            $(this).addClass('selected');
-            var type = $(this).attr('id');
-            var flow = "";
-            var nodes = null;
-            if (type === 'export-range-selected') {
-                var selection = RED.view.selection();
-                // Don't include the subflow meta-port nodes in the exported selection
-                nodes = RED.nodes.createExportableNodeSet(selection.nodes.filter(function(n) { return n.type !== 'subflow'}));
-            } else if (type === 'export-range-flow') {
-                var activeWorkspace = RED.workspaces.active();
-                nodes = RED.nodes.filterNodes({z:activeWorkspace});
-                var parentNode = RED.nodes.workspace(activeWorkspace)||RED.nodes.subflow(activeWorkspace);
-                nodes.unshift(parentNode);
-                nodes = RED.nodes.createExportableNodeSet(nodes);
-            } else if (type === 'export-range-full') {
-                nodes = RED.nodes.createCompleteNodeSet(false);
-            }
-            if (nodes !== null) {
-                if (format === "export-format-full") {
-                    flow = JSON.stringify(nodes,null,4);
-                } else {
-                    flow = JSON.stringify(nodes);
-                }
-            }
-            if (flow.length > 0) {
-                $("#export-copy").removeClass('disabled');
-            } else {
-                $("#export-copy").addClass('disabled');
-            }
-            $("#clipboard-export").val(flow);
-            $("#clipboard-export").focus();
-        })
-
-        $("#clipboard-dialog-ok").hide();
-        $("#clipboard-dialog-cancel").hide();
-        $("#clipboard-dialog-copy").hide();
-        $("#clipboard-dialog-close").hide();
-        var selection = RED.view.selection();
-        if (selection.nodes) {
-            $("#export-range-selected").click();
-        } else {
-            $("#export-range-selected").addClass('disabled').removeClass('selected');
-            $("#export-range-flow").click();
-        }
-        if (format === "export-format-full") {
-            $("#export-format-full").click();
-        } else {
-            $("#export-format-mini").click();
-        }
-        $("#clipboard-export")
-            .focus(function() {
-                var textarea = $(this);
-                textarea.select();
-                textarea.mouseup(function() {
-                    textarea.unbind("mouseup");
-                    return false;
-                })
-            });
-        dialog.dialog("option","title",RED._("clipboard.exportNodes")).dialog( "open" );
-
-        $("#clipboard-export").focus();
-        if (!document.queryCommandSupported("copy")) {
-            $("#clipboard-dialog-cancel").hide();
-            $("#clipboard-dialog-close").show();
-        } else {
-            $("#clipboard-dialog-cancel").show();
-            $("#clipboard-dialog-copy").show();
-        }
-    }
-
-    function hideDropTarget() {
-        $("#dropTarget").hide();
-        RED.keyboard.remove("escape");
-    }
-    function copyText(value,element,msg) {
-        var truncated = false;
-        if (typeof value !== "string" ) {
-            value = JSON.stringify(value, function(key,value) {
-                if (value !== null && typeof value === 'object') {
-                    if (value.__encoded__ && value.hasOwnProperty('data') && value.hasOwnProperty('length')) {
-                        truncated = value.data.length !== value.length;
-                        return value.data;
-                    }
-                }
-                return value;
-            });
-        }
-        if (truncated) {
-            msg += "_truncated";
-        }
-        $("#clipboard-hidden").val(value).select();
-        var result =  document.execCommand("copy");
-        if (result && element) {
-            var popover = RED.popover.create({
-                target: element,
-                direction: 'left',
-                size: 'small',
-                content: RED._(msg)
-            });
-            setTimeout(function() {
-                popover.close();
-            },1000);
-            popover.open();
-        }
-        return result;
-    }
-    return {
-        init: function() {
-            setupDialogs();
-
-            $('<input type="text" id="clipboard-hidden">').appendTo("body");
-
-            RED.events.on("view:selection-changed",function(selection) {
-                if (!selection.nodes) {
-                    RED.menu.setDisabled("menu-item-export",true);
-                    RED.menu.setDisabled("menu-item-export-clipboard",true);
-                    RED.menu.setDisabled("menu-item-export-library",true);
-                } else {
-                    RED.menu.setDisabled("menu-item-export",false);
-                    RED.menu.setDisabled("menu-item-export-clipboard",false);
-                    RED.menu.setDisabled("menu-item-export-library",false);
-                }
-            });
-
-            RED.actions.add("core:show-export-dialog",exportNodes);
-            RED.actions.add("core:show-import-dialog",importNodes);
-
-
-            RED.events.on("editor:open",function() { disabled = true; });
-            RED.events.on("editor:close",function() { disabled = false; });
-            RED.events.on("search:open",function() { disabled = true; });
-            RED.events.on("search:close",function() { disabled = false; });
-            RED.events.on("type-search:open",function() { disabled = true; });
-            RED.events.on("type-search:close",function() { disabled = false; });
-
-
-            $('#chart').on("dragenter",function(event) {
-                if ($.inArray("text/plain",event.originalEvent.dataTransfer.types) != -1 ||
-                     $.inArray("Files",event.originalEvent.dataTransfer.types) != -1) {
-                    $("#dropTarget").css({display:'table'});
-                    RED.keyboard.add("*", "escape" ,hideDropTarget);
-                }
-            });
-
-            $('#dropTarget').on("dragover",function(event) {
-                if ($.inArray("text/plain",event.originalEvent.dataTransfer.types) != -1 ||
-                     $.inArray("Files",event.originalEvent.dataTransfer.types) != -1) {
-                    event.preventDefault();
-                }
-            })
-            .on("dragleave",function(event) {
-                hideDropTarget();
-            })
-            .on("drop",function(event) {
-                if ($.inArray("text/plain",event.originalEvent.dataTransfer.types) != -1) {
-                    var data = event.originalEvent.dataTransfer.getData("text/plain");
-                    data = data.substring(data.indexOf('['),data.lastIndexOf(']')+1);
-                    RED.view.importNodes(data);
-                } else if ($.inArray("Files",event.originalEvent.dataTransfer.types) != -1) {
-                    var files = event.originalEvent.dataTransfer.files;
-                    if (files.length === 1) {
-                        var file = files[0];
-                        var reader = new FileReader();
-                        reader.onload = (function(theFile) {
-                            return function(e) {
-                                RED.view.importNodes(e.target.result);
-                            };
-                        })(file);
-                        reader.readAsText(file);
-                    }
-                }
-                hideDropTarget();
-                event.preventDefault();
-            });
-
-        },
-        import: importNodes,
-        export: exportNodes,
-        copyText: copyText
-    }
-})();

editor/js/ui/common/panels.js

@@ -1,81 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-RED.panels = (function() {
-
-    function createPanel(options) {
-        var container = options.container || $("#"+options.id);
-        var children = container.children();
-        if (children.length !== 2) {
-            throw new Error("Container must have exactly two children");
-        }
-
-        container.addClass("red-ui-panels");
-        var separator = $('<div class="red-ui-panels-separator"></div>').insertAfter(children[0]);
-        var startPosition;
-        var panelHeights = [];
-        var modifiedHeights = false;
-        var panelRatio;
-
-        separator.draggable({
-                axis: "y",
-                containment: container,
-                scroll: false,
-                start:function(event,ui) {
-                    var height = container.height();
-                    startPosition = ui.position.top;
-                    panelHeights = [$(children[0]).height(),$(children[1]).height()];
-                },
-                drag: function(event,ui) {
-                    var height = container.height();
-                    var delta = ui.position.top-startPosition;
-                    var newHeights = [panelHeights[0]+delta,panelHeights[1]-delta];
-                    $(children[0]).height(newHeights[0]);
-                    $(children[1]).height(newHeights[1]);
-                    if (options.resize) {
-                        options.resize(newHeights[0],newHeights[1]);
-                    }
-                    ui.position.top -= delta;
-                    panelRatio = newHeights[0]/height;
-                },
-                stop:function(event,ui) {
-                    modifiedHeights = true;
-                }
-        });
-
-        return {
-            resize: function(height) {
-                var panelHeights = [$(children[0]).height(),$(children[1]).height()];
-                container.height(height);
-                if (modifiedHeights) {
-                    var topPanelHeight = panelRatio*height;
-                    var bottomPanelHeight = height - topPanelHeight - 48;
-                    panelHeights = [topPanelHeight,bottomPanelHeight];
-                    $(children[0]).height(panelHeights[0]);
-                    $(children[1]).height(panelHeights[1]);
-                }
-                if (options.resize) {
-                    options.resize(panelHeights[0],panelHeights[1]);
-                }
-            }
-        }
-    }
-
-    return {
-        create: createPanel
-    }
-})();

editor/js/ui/common/popover.js

@@ -1,149 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-RED.popover = (function() {
-    var deltaSizes = {
-        "default": {
-            top: 10,
-            leftRight: 17,
-            leftLeft: 25
-        },
-        "small": {
-            top: 5,
-            leftRight: 17,
-            leftLeft: 16
-        }
-    }
-    function createPopover(options) {
-        var target = options.target;
-        var direction = options.direction || "right";
-        var trigger = options.trigger;
-        var content = options.content;
-        var delay = options.delay;
-        var autoClose = options.autoClose;
-        var width = options.width||"auto";
-        var size = options.size||"default";
-        if (!deltaSizes[size]) {
-            throw new Error("Invalid RED.popover size value:",size);
-        }
-
-        var timer = null;
-        var active;
-        var div;
-
-        var openPopup = function(instant) {
-            if (active) {
-                div = $('<div class="red-ui-popover red-ui-popover-'+direction+'"></div>').appendTo("body");
-                if (size !== "default") {
-                    div.addClass("red-ui-popover-size-"+size);
-                }
-                if (typeof content === 'function') {
-                    content.call(res).appendTo(div);
-                } else {
-                    div.html(content);
-                }
-                if (width !== "auto") {
-                    div.width(width);
-                }
-
-
-                var targetPos = target.offset();
-                var targetWidth = target.width();
-                var targetHeight = target.height();
-                var divHeight = div.height();
-                var divWidth = div.width();
-                if (direction === 'right') {
-                    div.css({top: targetPos.top+targetHeight/2-divHeight/2-deltaSizes[size].top,left:targetPos.left+targetWidth+deltaSizes[size].leftRight});
-                } else if (direction === 'left') {
-                    div.css({top: targetPos.top+targetHeight/2-divHeight/2-deltaSizes[size].top,left:targetPos.left-deltaSizes[size].leftLeft-divWidth});
-                }
-                if (instant) {
-                    div.show();
-                } else {
-                    div.fadeIn("fast");
-                }
-            }
-        }
-        var closePopup = function(instant) {
-            if (!active) {
-                if (div) {
-                    if (instant) {
-                        $(this).remove();
-                    } else {
-                        div.fadeOut("fast",function() {
-                            $(this).remove();
-                        });
-                    }
-                    div = null;
-                }
-            }
-        }
-
-        if (trigger === 'hover') {
-            target.on('mouseenter',function(e) {
-                clearTimeout(timer);
-                active = true;
-                timer = setTimeout(openPopup,delay.show);
-            });
-            target.on('mouseleave', function(e) {
-                if (timer) {
-                    clearTimeout(timer);
-                }
-                active = false;
-                setTimeout(closePopup,delay.hide);
-            });
-        } else if (trigger === 'click') {
-            target.click(function(e) {
-                e.preventDefault();
-                e.stopPropagation();
-                active = !active;
-                if (!active) {
-                    closePopup();
-                } else {
-                    openPopup();
-                }
-            });
-        } else if (autoClose) {
-            setTimeout(function() {
-                active = false;
-                closePopup();
-            },autoClose);
-        }
-        var res = {
-            setContent: function(_content) {
-                content = _content;
-                return res;
-            },
-            open: function (instant) {
-                active = true;
-                openPopup(instant);
-                return res;
-            },
-            close: function (instant) {
-                active = false;
-                closePopup(instant);
-                return res;
-            }
-        }
-        return res;
-
-    }
-
-    return {
-        create: createPopover
-    }
-
-})();

editor/js/ui/common/tabs.js

@@ -1,379 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-
-RED.tabs = (function() {
-    function createTabs(options) {
-        var tabs = {};
-        var currentTabWidth;
-        var currentActiveTabWidth = 0;
-
-        var ul = options.element || $("#"+options.id);
-        var wrapper = ul.wrap( "<div>" ).parent();
-        var scrollContainer = ul.wrap( "<div>" ).parent();
-        wrapper.addClass("red-ui-tabs");
-        if (options.vertical) {
-            wrapper.addClass("red-ui-tabs-vertical");
-        }
-        if (options.addButton && typeof options.addButton === 'function') {
-            wrapper.addClass("red-ui-tabs-add");
-            var addButton = $('<div class="red-ui-tab-button"><a href="#"><i class="fa fa-plus"></i></a></div>').appendTo(wrapper);
-            addButton.find('a').click(function(evt) {
-                evt.preventDefault();
-                options.addButton();
-            })
-
-        }
-        var scrollLeft;
-        var scrollRight;
-
-        if (options.scrollable) {
-            wrapper.addClass("red-ui-tabs-scrollable");
-            scrollContainer.addClass("red-ui-tabs-scroll-container");
-            scrollContainer.scroll(updateScroll);
-            scrollLeft = $('<div class="red-ui-tab-button red-ui-tab-scroll red-ui-tab-scroll-left"><a href="#" style="display:none;"><i class="fa fa-caret-left"></i></a></div>').appendTo(wrapper).find("a");
-            scrollLeft.on('mousedown',function(evt) { scrollEventHandler(evt,'-=150') }).on('click',function(evt){ evt.preventDefault();});
-            scrollRight = $('<div class="red-ui-tab-button red-ui-tab-scroll red-ui-tab-scroll-right"><a href="#" style="display:none;"><i class="fa fa-caret-right"></i></a></div>').appendTo(wrapper).find("a");
-            scrollRight.on('mousedown',function(evt) { scrollEventHandler(evt,'+=150') }).on('click',function(evt){ evt.preventDefault();});
-        }
-        function scrollEventHandler(evt,dir) {
-            evt.preventDefault();
-            if ($(this).hasClass('disabled')) {
-                return;
-            }
-            var currentScrollLeft = scrollContainer.scrollLeft();
-            scrollContainer.animate( { scrollLeft: dir }, 100);
-            var interval = setInterval(function() {
-                var newScrollLeft = scrollContainer.scrollLeft()
-                if (newScrollLeft === currentScrollLeft) {
-                    clearInterval(interval);
-                    return;
-                }
-                currentScrollLeft = newScrollLeft;
-                scrollContainer.animate( { scrollLeft: dir }, 100);
-            },100);
-            $(this).one('mouseup',function() {
-                clearInterval(interval);
-            })
-        }
-
-
-        ul.children().first().addClass("active");
-        ul.children().addClass("red-ui-tab");
-
-        function onTabClick() {
-            if (options.onclick) {
-                options.onclick(tabs[$(this).attr('href').slice(1)]);
-            }
-            activateTab($(this));
-            return false;
-        }
-
-        function updateScroll() {
-            if (ul.children().length !== 0) {
-                var sl = scrollContainer.scrollLeft();
-                var scWidth = scrollContainer.width();
-                var ulWidth = ul.width();
-                if (sl === 0) {
-                    scrollLeft.hide();
-                } else {
-                    scrollLeft.show();
-                }
-                if (sl === ulWidth-scWidth) {
-                    scrollRight.hide();
-                } else {
-                    scrollRight.show();
-                }
-            }
-        }
-        function onTabDblClick() {
-            if (options.ondblclick) {
-                options.ondblclick(tabs[$(this).attr('href').slice(1)]);
-            }
-            return false;
-        }
-
-        function activateTab(link) {
-            if (typeof link === "string") {
-                link = ul.find("a[href='#"+link+"']");
-            }
-            if (link.length === 0) {
-                return;
-            }
-            if (!link.parent().hasClass("active")) {
-                ul.children().removeClass("active");
-                ul.children().css({"transition": "width 100ms"});
-                link.parent().addClass("active");
-                if (options.scrollable) {
-                    var pos = link.parent().position().left;
-                    if (pos-21 < 0) {
-                        scrollContainer.animate( { scrollLeft: '+='+(pos-50) }, 300);
-                    } else if (pos + 120 > scrollContainer.width()) {
-                        scrollContainer.animate( { scrollLeft: '+='+(pos + 140-scrollContainer.width()) }, 300);
-                    }
-                }
-                if (options.onchange) {
-                    options.onchange(tabs[link.attr('href').slice(1)]);
-                }
-                updateTabWidths();
-                setTimeout(function() {
-                    ul.children().css({"transition": ""});
-                },100);
-            }
-        }
-        function activatePreviousTab() {
-            var previous = ul.find("li.active").prev();
-            if (previous.length > 0) {
-                activateTab(previous.find("a"));
-            }
-        }
-        function activateNextTab() {
-            var next = ul.find("li.active").next();
-            if (next.length > 0) {
-                activateTab(next.find("a"));
-            }
-        }
-
-        function updateTabWidths() {
-            if (options.vertical) {
-                return;
-            }
-            var tabs = ul.find("li.red-ui-tab");
-            var width = wrapper.width();
-            var tabCount = tabs.size();
-            var tabWidth = (width-12-(tabCount*6))/tabCount;
-            currentTabWidth = (100*tabWidth/width)+"%";
-            currentActiveTabWidth = currentTabWidth+"%";
-            if (options.scrollable) {
-                tabWidth = Math.max(tabWidth,140);
-                currentTabWidth = tabWidth+"px";
-                currentActiveTabWidth = 0;
-                var listWidth = Math.max(wrapper.width(),12+(tabWidth+6)*tabCount);
-                ul.width(listWidth);
-                updateScroll();
-            } else if (options.hasOwnProperty("minimumActiveTabWidth")) {
-                if (tabWidth < options.minimumActiveTabWidth) {
-                    tabCount -= 1;
-                    tabWidth = (width-12-options.minimumActiveTabWidth-(tabCount*6))/tabCount;
-                    currentTabWidth = (100*tabWidth/width)+"%";
-                    currentActiveTabWidth = options.minimumActiveTabWidth+"px";
-                } else {
-                    currentActiveTabWidth = 0;
-                }
-            }
-            tabs.css({width:currentTabWidth});
-            if (tabWidth < 50) {
-                ul.find(".red-ui-tab-close").hide();
-                ul.find(".red-ui-tab-icon").hide();
-                ul.find(".red-ui-tab-label").css({paddingLeft:Math.min(12,Math.max(0,tabWidth-38))+"px"})
-            } else {
-                ul.find(".red-ui-tab-close").show();
-                ul.find(".red-ui-tab-icon").show();
-                ul.find(".red-ui-tab-label").css({paddingLeft:""})
-            }
-            if (currentActiveTabWidth !== 0) {
-                ul.find("li.red-ui-tab.active").css({"width":options.minimumActiveTabWidth});
-                ul.find("li.red-ui-tab.active .red-ui-tab-close").show();
-                ul.find("li.red-ui-tab.active .red-ui-tab-icon").show();
-                ul.find("li.red-ui-tab.active .red-ui-tab-label").css({paddingLeft:""})
-            }
-
-        }
-
-        ul.find("li.red-ui-tab a").on("click",onTabClick).on("dblclick",onTabDblClick);
-        setTimeout(function() {
-            updateTabWidths();
-        },0);
-
-
-        function removeTab(id) {
-            var li = ul.find("a[href='#"+id+"']").parent();
-            if (li.hasClass("active")) {
-                var tab = li.prev();
-                if (tab.size() === 0) {
-                    tab = li.next();
-                }
-                activateTab(tab.find("a"));
-            }
-            li.remove();
-            if (options.onremove) {
-                options.onremove(tabs[id]);
-            }
-            delete tabs[id];
-            updateTabWidths();
-        }
-
-        return {
-            addTab: function(tab) {
-                tabs[tab.id] = tab;
-                var li = $("<li/>",{class:"red-ui-tab"}).appendTo(ul);
-                li.attr('id',"red-ui-tab-"+(tab.id.replace(".","-")));
-                li.data("tabId",tab.id);
-                var link = $("<a/>",{href:"#"+tab.id, class:"red-ui-tab-label"}).appendTo(li);
-                if (tab.icon) {
-                    $('<img src="'+tab.icon+'" class="red-ui-tab-icon"/>').appendTo(link);
-                }
-                var span = $('<span/>',{class:"bidiAware"}).text(tab.label).appendTo(link);
-                span.attr('dir', RED.text.bidi.resolveBaseTextDir(tab.label));
-
-                link.on("click",onTabClick);
-                link.on("dblclick",onTabDblClick);
-                if (tab.closeable) {
-                    var closeLink = $("<a/>",{href:"#",class:"red-ui-tab-close"}).appendTo(li);
-                    closeLink.append('<i class="fa fa-times" />');
-
-                    closeLink.on("click",function(event) {
-                        event.preventDefault();
-                        removeTab(tab.id);
-                    });
-                }
-                updateTabWidths();
-                if (options.onadd) {
-                    options.onadd(tab);
-                }
-                link.attr("title",tab.label);
-                if (ul.find("li.red-ui-tab").size() == 1) {
-                    activateTab(link);
-                }
-                if (options.onreorder) {
-                    var originalTabOrder;
-                    var tabDragIndex;
-                    var tabElements = [];
-                    var startDragIndex;
-
-                    li.draggable({
-                        axis:"x",
-                        distance: 20,
-                        start: function(event,ui) {
-                            originalTabOrder = [];
-                            tabElements = [];
-                            ul.children().each(function(i) {
-                                tabElements[i] = {
-                                    el:$(this),
-                                    text: $(this).text(),
-                                    left: $(this).position().left,
-                                    width: $(this).width()
-                                };
-                                if ($(this).is(li)) {
-                                    tabDragIndex = i;
-                                    startDragIndex = i;
-                                }
-                                originalTabOrder.push($(this).data("tabId"));
-                            });
-                            ul.children().each(function(i) {
-                                if (i!==tabDragIndex) {
-                                    $(this).css({
-                                        position: 'absolute',
-                                        left: tabElements[i].left+"px",
-                                        width: tabElements[i].width+2,
-                                        transition: "left 0.3s"
-                                    });
-                                }
-
-                            })
-                            if (!li.hasClass('active')) {
-                                li.css({'zIndex':1});
-                            }
-                        },
-                        drag: function(event,ui) {
-                            ui.position.left += tabElements[tabDragIndex].left+scrollContainer.scrollLeft();
-                            var tabCenter = ui.position.left + tabElements[tabDragIndex].width/2 - scrollContainer.scrollLeft();
-                            for (var i=0;i<tabElements.length;i++) {
-                                if (i === tabDragIndex) {
-                                    continue;
-                                }
-                                if (tabCenter > tabElements[i].left && tabCenter < tabElements[i].left+tabElements[i].width) {
-                                    if (i < tabDragIndex) {
-                                        tabElements[i].left += tabElements[tabDragIndex].width+8;
-                                        tabElements[tabDragIndex].el.detach().insertBefore(tabElements[i].el);
-                                    } else {
-                                        tabElements[i].left -= tabElements[tabDragIndex].width+8;
-                                        tabElements[tabDragIndex].el.detach().insertAfter(tabElements[i].el);
-                                    }
-                                    tabElements[i].el.css({left:tabElements[i].left+"px"});
-
-                                    tabElements.splice(i, 0, tabElements.splice(tabDragIndex, 1)[0]);
-
-                                    tabDragIndex = i;
-                                    break;
-                                }
-                            }
-                        },
-                        stop: function(event,ui) {
-                            ul.children().css({position:"relative",left:"",transition:""});
-                            if (!li.hasClass('active')) {
-                                li.css({zIndex:""});
-                            }
-                            updateTabWidths();
-                            if (startDragIndex !== tabDragIndex) {
-                                options.onreorder(originalTabOrder, $.makeArray(ul.children().map(function() { return $(this).data('tabId');})));
-                            }
-                            activateTab(tabElements[tabDragIndex].el.data('tabId'));
-                        }
-                    })
-                }
-            },
-            removeTab: removeTab,
-            activateTab: activateTab,
-            nextTab: activateNextTab,
-            previousTab: activatePreviousTab,
-            resize: updateTabWidths,
-            count: function() {
-                return ul.find("li.red-ui-tab").size();
-            },
-            contains: function(id) {
-                return ul.find("a[href='#"+id+"']").length > 0;
-            },
-            renameTab: function(id,label) {
-                tabs[id].label = label;
-                var tab = ul.find("a[href='#"+id+"']");
-                tab.attr("title",label);
-                tab.find("span.bidiAware").text(label).attr('dir', RED.text.bidi.resolveBaseTextDir(label));
-                updateTabWidths();
-            },
-            order: function(order) {
-                var existingTabOrder = $.makeArray(ul.children().map(function() { return $(this).data('tabId');}));
-                if (existingTabOrder.length !== order.length) {
-                    return
-                }
-                var i;
-                var match = true;
-                for (i=0;i<order.length;i++) {
-                    if (order[i] !== existingTabOrder[i]) {
-                        match = false;
-                        break;
-                    }
-                }
-                if (match) {
-                    return;
-                }
-                var existingTabMap = {};
-                var existingTabs = ul.children().detach().each(function() {
-                    existingTabMap[$(this).data("tabId")] = $(this);
-                });
-                for (i=0;i<order.length;i++) {
-                    existingTabMap[order[i]].appendTo(ul);
-                }
-            }
-
-        }
-    }
-
-    return {
-        create: createTabs
-    }
-})();

editor/js/ui/common/typedInput.js

@@ -1,511 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-(function($) {
-    var allOptions = {
-        msg: {value:"msg",label:"msg.",validate:RED.utils.validatePropertyExpression},
-        flow: {value:"flow",label:"flow.",validate:RED.utils.validatePropertyExpression},
-        global: {value:"global",label:"global.",validate:RED.utils.validatePropertyExpression},
-        str: {value:"str",label:"string",icon:"red/images/typedInput/az.png"},
-        num: {value:"num",label:"number",icon:"red/images/typedInput/09.png",validate:/^[+-]?[0-9]*\.?[0-9]*([eE][-+]?[0-9]+)?$/},
-        bool: {value:"bool",label:"boolean",icon:"red/images/typedInput/bool.png",options:["true","false"]},
-        json: {
-            value:"json",
-            label:"JSON",
-            icon:"red/images/typedInput/json.png",
-            validate: function(v) { try{JSON.parse(v);return true;}catch(e){return false;}},
-            expand: function() {
-                var that = this;
-                var value = this.value();
-                try {
-                    value = JSON.stringify(JSON.parse(value),null,4);
-                } catch(err) {
-                }
-                RED.editor.editJSON({
-                    value: value,
-                    complete: function(v) {
-                        var value = v;
-                        try {
-                            value = JSON.stringify(JSON.parse(v));
-                        } catch(err) {
-                        }
-                        that.value(value);
-                    }
-                })
-            }
-        },
-        re: {value:"re",label:"regular expression",icon:"red/images/typedInput/re.png"},
-        date: {value:"date",label:"timestamp",hasValue:false},
-        jsonata: {
-            value: "jsonata",
-            label: "expression",
-            icon: "red/images/typedInput/expr.png",
-            validate: function(v) { try{jsonata(v);return true;}catch(e){return false;}},
-            expand:function() {
-                var that = this;
-                RED.editor.editExpression({
-                    value: this.value().replace(/\t/g,"\n"),
-                    complete: function(v) {
-                        that.value(v.replace(/\n/g,"\t"));
-                    }
-                })
-            }
-        },
-        bin: {
-            value: "bin",
-            label: "buffer",
-            icon: "red/images/typedInput/bin.png",
-            expand: function() {
-                var that = this;
-                RED.editor.editBuffer({
-                    value: this.value(),
-                    complete: function(v) {
-                        that.value(v);
-                    }
-                })
-            }
-        }
-    };
-    var nlsd = false;
-
-    $.widget( "nodered.typedInput", {
-        _create: function() {
-            if (!nlsd && RED && RED._) {
-                for (var i in allOptions) {
-                    if (allOptions.hasOwnProperty(i)) {
-                        allOptions[i].label = RED._("typedInput.type."+i,{defaultValue:allOptions[i].label});
-                    }
-                }
-            }
-            nlsd = true;
-            var that = this;
-
-            this.disarmClick = false;
-            this.element.addClass('red-ui-typedInput');
-            this.uiWidth = this.element.outerWidth();
-            this.elementDiv = this.element.wrap("<div>").parent().addClass('red-ui-typedInput-input');
-            this.uiSelect = this.elementDiv.wrap( "<div>" ).parent();
-            var attrStyle = this.element.attr('style');
-            var m;
-            if ((m = /width\s*:\s*(calc\s*\(.*\)|\d+(%|px))/i.exec(attrStyle)) !== null) {
-                this.element.css('width','100%');
-                this.uiSelect.width(m[1]);
-                this.uiWidth = null;
-            } else {
-                this.uiSelect.width(this.uiWidth);
-            }
-            ["Right","Left"].forEach(function(d) {
-                var m = that.element.css("margin"+d);
-                that.uiSelect.css("margin"+d,m);
-                that.element.css("margin"+d,0);
-            });
-            this.uiSelect.addClass("red-ui-typedInput-container");
-
-            this.options.types = this.options.types||Object.keys(allOptions);
-
-            this.selectTrigger = $('<button tabindex="0"></button>').prependTo(this.uiSelect);
-            if (this.options.types.length > 1) {
-                $('<i class="fa fa-sort-desc"></i>').appendTo(this.selectTrigger);
-            }
-            this.selectLabel = $('<span></span>').appendTo(this.selectTrigger);
-
-            this.types(this.options.types);
-
-            if (this.options.typeField) {
-                this.typeField = $(this.options.typeField).hide();
-                var t = this.typeField.val();
-                if (t && this.typeMap[t]) {
-                    this.options.default = t;
-                }
-            } else {
-                this.typeField = $("<input>",{type:'hidden'}).appendTo(this.uiSelect);
-            }
-
-            this.element.on('focus', function() {
-                that.uiSelect.addClass('red-ui-typedInput-focus');
-            });
-            this.element.on('blur', function() {
-                that.uiSelect.removeClass('red-ui-typedInput-focus');
-            });
-            this.element.on('change', function() {
-                that.validate();
-            })
-            this.selectTrigger.click(function(event) {
-                event.preventDefault();
-                that._showTypeMenu();
-            });
-            this.selectTrigger.on('keydown',function(evt) {
-                if (evt.keyCode === 40) {
-                    // Down
-                    that._showTypeMenu();
-                }
-            }).on('focus', function() {
-                that.uiSelect.addClass('red-ui-typedInput-focus');
-            })
-
-            // explicitly set optionSelectTrigger display to inline-block otherwise jQ sets it to 'inline'
-            this.optionSelectTrigger = $('<button tabindex="0" class="red-ui-typedInput-option-trigger" style="display:inline-block"><span class="red-ui-typedInput-option-caret"><i class="fa fa-sort-desc"></i></span></button>').appendTo(this.uiSelect);
-            this.optionSelectLabel = $('<span class="red-ui-typedInput-option-label"></span>').prependTo(this.optionSelectTrigger);
-            this.optionSelectTrigger.click(function(event) {
-                event.preventDefault();
-                that._showOptionSelectMenu();
-            }).on('keydown', function(evt) {
-                if (evt.keyCode === 40) {
-                    // Down
-                    that._showOptionSelectMenu();
-                }
-            }).on('blur', function() {
-                that.uiSelect.removeClass('red-ui-typedInput-focus');
-            }).on('focus', function() {
-                that.uiSelect.addClass('red-ui-typedInput-focus');
-            });
-
-            this.optionExpandButton = $('<button tabindex="0" class="red-ui-typedInput-option-expand" style="display:inline-block"><i class="fa fa-ellipsis-h"></i></button>').appendTo(this.uiSelect);
-
-
-            this.type(this.options.default||this.typeList[0].value);
-        },
-        _showTypeMenu: function() {
-            if (this.typeList.length > 1) {
-                this._showMenu(this.menu,this.selectTrigger);
-                this.menu.find("[value='"+this.propertyType+"']").focus();
-            } else {
-                this.element.focus();
-            }
-        },
-        _showOptionSelectMenu: function() {
-            if (this.optionMenu) {
-                this.optionMenu.css({
-                    minWidth:this.optionSelectLabel.width()
-                });
-
-                this._showMenu(this.optionMenu,this.optionSelectLabel);
-                var selectedOption = this.optionMenu.find("[value='"+this.value()+"']");
-                if (selectedOption.length === 0) {
-                    selectedOption = this.optionMenu.children(":first");
-                }
-                selectedOption.focus();
-
-            }
-        },
-        _hideMenu: function(menu) {
-            $(document).off("mousedown.close-property-select");
-            menu.hide();
-            if (this.elementDiv.is(":visible")) {
-                this.element.focus();
-            } else if (this.optionSelectTrigger.is(":visible")){
-                this.optionSelectTrigger.focus();
-            } else {
-                this.selectTrigger.focus();
-            }
-        },
-        _createMenu: function(opts,callback) {
-            var that = this;
-            var menu = $("<div>").addClass("red-ui-typedInput-options");
-            opts.forEach(function(opt) {
-                if (typeof opt === 'string') {
-                    opt = {value:opt,label:opt};
-                }
-                var op = $('<a href="#"></a>').attr("value",opt.value).appendTo(menu);
-                if (opt.label) {
-                    op.text(opt.label);
-                }
-                if (opt.icon) {
-                    $('<img>',{src:opt.icon,style:"margin-right: 4px; height: 18px;"}).prependTo(op);
-                } else {
-                    op.css({paddingLeft: "18px"});
-                }
-
-                op.click(function(event) {
-                    event.preventDefault();
-                    callback(opt.value);
-                    that._hideMenu(menu);
-                });
-            });
-            menu.css({
-                display: "none",
-            });
-            menu.appendTo(document.body);
-
-            menu.on('keydown', function(evt) {
-                if (evt.keyCode === 40) {
-                    // DOWN
-                    $(this).children(":focus").next().focus();
-                } else if (evt.keyCode === 38) {
-                    // UP
-                    $(this).children(":focus").prev().focus();
-                } else if (evt.keyCode === 27) {
-                    that._hideMenu(menu);
-                }
-            })
-
-
-
-            return menu;
-
-        },
-        _showMenu: function(menu,relativeTo) {
-            if (this.disarmClick) {
-                this.disarmClick = false;
-                return
-            }
-            var that = this;
-            var pos = relativeTo.offset();
-            var height = relativeTo.height();
-            var menuHeight = menu.height();
-            var top = (height+pos.top-3);
-            if (top+menuHeight > $(window).height()) {
-                top -= (top+menuHeight)-$(window).height()+5;
-            }
-            menu.css({
-                top: top+"px",
-                left: (2+pos.left)+"px",
-            });
-            menu.slideDown(100);
-            this._delay(function() {
-                that.uiSelect.addClass('red-ui-typedInput-focus');
-                $(document).on("mousedown.close-property-select", function(event) {
-                    if(!$(event.target).closest(menu).length) {
-                        that._hideMenu(menu);
-                    }
-                    if ($(event.target).closest(relativeTo).length) {
-                        that.disarmClick = true;
-                        event.preventDefault();
-                    }
-                })
-            });
-        },
-        _getLabelWidth: function(label) {
-            var labelWidth = label.outerWidth();
-            if (labelWidth === 0) {
-                var container = $('<div class="red-ui-typedInput-container"></div>').css({
-                    position:"absolute",
-                    top:0,
-                    left:-1000
-                }).appendTo(document.body);
-                var newTrigger = label.clone().appendTo(container);
-                labelWidth = newTrigger.outerWidth();
-                container.remove();
-            }
-            return labelWidth;
-        },
-        _resize: function() {
-            if (this.uiWidth !== null) {
-                this.uiSelect.width(this.uiWidth);
-            }
-            if (this.typeMap[this.propertyType] && this.typeMap[this.propertyType].hasValue === false) {
-                this.selectTrigger.addClass("red-ui-typedInput-full-width");
-            } else {
-                this.selectTrigger.removeClass("red-ui-typedInput-full-width");
-                var labelWidth = this._getLabelWidth(this.selectTrigger);
-                this.elementDiv.css('left',labelWidth+"px");
-                if (this.optionExpandButton.is(":visible")) {
-                    this.elementDiv.css('right',"22px");
-                } else {
-                    this.elementDiv.css('right','0');
-                }
-                if (this.optionSelectTrigger) {
-                    this.optionSelectTrigger.css({'left':(labelWidth)+"px",'width':'calc( 100% - '+labelWidth+'px )'});
-                }
-            }
-        },
-        _destroy: function() {
-            this.menu.remove();
-        },
-        types: function(types) {
-            var that = this;
-            var currentType = this.type();
-            this.typeMap = {};
-            this.typeList = types.map(function(opt) {
-                var result;
-                if (typeof opt === 'string') {
-                    result = allOptions[opt];
-                } else {
-                    result = opt;
-                }
-                that.typeMap[result.value] = result;
-                return result;
-            });
-            this.selectTrigger.toggleClass("disabled", this.typeList.length === 1);
-            if (this.menu) {
-                this.menu.remove();
-            }
-            this.menu = this._createMenu(this.typeList, function(v) { that.type(v) });
-            if (currentType && !this.typeMap.hasOwnProperty(currentType)) {
-                this.type(this.typeList[0].value);
-            }
-        },
-        width: function(desiredWidth) {
-            this.uiWidth = desiredWidth;
-            this._resize();
-        },
-        value: function(value) {
-            if (!arguments.length) {
-                return this.element.val();
-            } else {
-                if (this.typeMap[this.propertyType].options) {
-                    var validValue = false;
-                    var label;
-                    for (var i=0;i<this.typeMap[this.propertyType].options.length;i++) {
-                        var op = this.typeMap[this.propertyType].options[i];
-                        if (typeof op === "string") {
-                            if (op === value) {
-                                label = value;
-                                validValue = true;
-                                break;
-                            }
-                        } else if (op.value === value) {
-                            label = op.label||op.value;
-                            validValue = true;
-                            break;
-                        }
-                    }
-                    if (!validValue) {
-                        value = "";
-                        label = "";
-                    }
-                    this.optionSelectLabel.text(label);
-                }
-                this.element.val(value);
-                this.element.trigger('change',this.type(),value);
-            }
-        },
-        type: function(type) {
-            if (!arguments.length) {
-                return this.propertyType;
-            } else {
-                var that = this;
-                var opt = this.typeMap[type];
-                if (opt && this.propertyType !== type) {
-                    this.propertyType = type;
-                    this.typeField.val(type);
-                    this.selectLabel.empty();
-                    var image;
-                    if (opt.icon) {
-                        image = new Image();
-                        image.name = opt.icon;
-                        image.src = opt.icon;
-                        $('<img>',{src:opt.icon,style:"margin-right: 4px;height: 18px;"}).prependTo(this.selectLabel);
-                    } else {
-                        this.selectLabel.text(opt.label);
-                    }
-                    if (opt.options) {
-                        if (this.optionExpandButton) {
-                            this.optionExpandButton.hide();
-                        }
-                        if (this.optionSelectTrigger) {
-                            this.optionSelectTrigger.show();
-                            this.elementDiv.hide();
-                            this.optionMenu = this._createMenu(opt.options,function(v){
-                                that.optionSelectLabel.text(v);
-                                that.value(v);
-                            });
-                            var currentVal = this.element.val();
-                            var validValue = false;
-                            var op;
-                            for (var i=0;i<opt.options.length;i++) {
-                                op = opt.options[i];
-                                if (typeof op === "string") {
-                                    if (op === currentVal) {
-                                        this.optionSelectLabel.text(currentVal);
-                                        validValue = true;
-                                        break;
-                                    }
-                                } else if (op.value === currentVal) {
-                                    this.optionSelectLabel.text(op.label||op.value);
-                                    validValue = true;
-                                    break;
-                                }
-                            }
-                            if (!validValue) {
-                                op = opt.options[0];
-                                if (typeof op === "string") {
-                                    this.value(op);
-                                } else {
-                                    this.value(op.value);
-                                }
-                            }
-                            console.log(validValue);
-                        }
-                    } else {
-                        if (this.optionMenu) {
-                            this.optionMenu.remove();
-                            this.optionMenu = null;
-                        }
-                        if (this.optionSelectTrigger) {
-                            this.optionSelectTrigger.hide();
-                        }
-                        if (opt.hasValue === false) {
-                            this.oldValue = this.element.val();
-                            this.element.val("");
-                            this.elementDiv.hide();
-                        } else {
-                            if (this.oldValue !== undefined) {
-                                this.element.val(this.oldValue);
-                                delete this.oldValue;
-                            }
-                            this.elementDiv.show();
-                        }
-                        if (opt.expand && typeof opt.expand === 'function') {
-                            this.optionExpandButton.show();
-                            this.optionExpandButton.off('click');
-                            this.optionExpandButton.on('click',function(evt) {
-                                evt.preventDefault();
-                                opt.expand.call(that);
-                            })
-                        } else {
-                            this.optionExpandButton.hide();
-                        }
-                        this.element.trigger('change',this.propertyType,this.value());
-                    }
-                    if (image) {
-                        image.onload = function() { that._resize(); }
-                        image.onerror = function() { that._resize(); }
-                    } else {
-                        this._resize();
-                    }
-                }
-            }
-        },
-        validate: function() {
-            var result;
-            var value = this.value();
-            var type = this.type();
-            if (this.typeMap[type] && this.typeMap[type].validate) {
-                var val = this.typeMap[type].validate;
-                if (typeof val === 'function') {
-                    result = val(value);
-                } else {
-                    result = val.test(value);
-                }
-            } else {
-                result = true;
-            }
-            if (result) {
-                this.uiSelect.removeClass('input-error');
-            } else {
-                this.uiSelect.addClass('input-error');
-            }
-            return result;
-        },
-        show: function() {
-            this.uiSelect.show();
-            this._resize();
-        },
-        hide: function() {
-            this.uiSelect.hide();
-        }
-    });
-})(jQuery);

editor/js/ui/library.js

@@ -1,494 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.library = (function() {
-
-    var exportToLibraryDialog;
-    var elementPrefix = "node-input-";
-
-    function loadFlowLibrary() {
-        $.getJSON("library/flows",function(data) {
-            //console.log(data);
-
-            var buildMenu = function(data,root) {
-                var i;
-                var li;
-                var a;
-                var ul = document.createElement("ul");
-                if (root === "") {
-                    ul.id = "menu-item-import-library-submenu";
-                }
-                ul.className = "dropdown-menu";
-                if (data.d) {
-                    for (i in data.d) {
-                        if (data.d.hasOwnProperty(i)) {
-                            li = document.createElement("li");
-                            li.className = "dropdown-submenu pull-left";
-                            a = document.createElement("a");
-                            a.href="#";
-                            var label = i.replace(/^@.*\//,"").replace(/^node-red-contrib-/,"").replace(/^node-red-node-/,"").replace(/-/," ").replace(/_/," ");
-                            a.innerHTML = label;
-                            li.appendChild(a);
-                            li.appendChild(buildMenu(data.d[i],root+(root!==""?"/":"")+i));
-                            ul.appendChild(li);
-                        }
-                    }
-                }
-                if (data.f) {
-                    for (i in data.f) {
-                        if (data.f.hasOwnProperty(i)) {
-                            li = document.createElement("li");
-                            a = document.createElement("a");
-                            a.href="#";
-                            a.innerHTML = data.f[i];
-                            a.flowName = root+(root!==""?"/":"")+data.f[i];
-                            a.onclick = function() {
-                                $.get('library/flows/'+this.flowName, function(data) {
-                                    RED.view.importNodes(data);
-                                });
-                            };
-                            li.appendChild(a);
-                            ul.appendChild(li);
-                        }
-                    }
-                }
-                return ul;
-            };
-            var examples;
-            if (data.d && data.d._examples_) {
-                examples = data.d._examples_;
-                delete data.d._examples_;
-            }
-            var menu = buildMenu(data,"");
-            $("#menu-item-import-examples").remove();
-            if (examples) {
-                RED.menu.addItem("menu-item-import",{id:"menu-item-import-examples",label:RED._("menu.label.examples"),options:[]})
-                $("#menu-item-import-examples-submenu").replaceWith(buildMenu(examples,"_examples_"));
-            }
-            //TODO: need an api in RED.menu for this
-            $("#menu-item-import-library-submenu").replaceWith(menu);
-        });
-    }
-
-    function createUI(options) {
-        var libraryData = {};
-        var selectedLibraryItem = null;
-        var libraryEditor = null;
-        elementPrefix = options.elementPrefix || "node-input-";
-
-        // Orion editor has set/getText
-        // ACE editor has set/getValue
-        // normalise to set/getValue
-        if (options.editor.setText) {
-            // Orion doesn't like having pos passed in, so proxy the call to drop it
-            options.editor.setValue = function(text,pos) {
-                options.editor.setText.call(options.editor,text);
-            }
-        }
-        if (options.editor.getText) {
-            options.editor.getValue = options.editor.getText;
-        }
-
-        function buildFileListItem(item) {
-            var li = document.createElement("li");
-            li.onmouseover = function(e) { $(this).addClass("list-hover"); };
-            li.onmouseout = function(e) { $(this).removeClass("list-hover"); };
-            return li;
-        }
-
-        function buildFileList(root,data) {
-            var ul = document.createElement("ul");
-            var li;
-            for (var i=0; i<data.length; i++) {
-                var v = data[i];
-                if (typeof v === "string") {
-                    // directory
-                    li = buildFileListItem(v);
-                    li.onclick = (function () {
-                        var dirName = v;
-                        return function(e) {
-                            var bcli = $('<li class="active"><span class="divider">/</span> <a href="#">'+dirName+'</a></li>');
-                            $("a",bcli).click(function(e) {
-                                $(this).parent().nextAll().remove();
-                                $.getJSON("library/"+options.url+root+dirName,function(data) {
-                                    $("#node-select-library").children().first().replaceWith(buildFileList(root+dirName+"/",data));
-                                });
-                                e.stopPropagation();
-                            });
-                            var bc = $("#node-dialog-library-breadcrumbs");
-                            $(".active",bc).removeClass("active");
-                            bc.append(bcli);
-                            $.getJSON("library/"+options.url+root+dirName,function(data) {
-                                $("#node-select-library").children().first().replaceWith(buildFileList(root+dirName+"/",data));
-                            });
-                        }
-                    })();
-                    li.innerHTML = '<i class="fa fa-folder"></i> '+v+"</i>";
-                    ul.appendChild(li);
-                } else {
-                    // file
-                    li = buildFileListItem(v);
-                    li.innerHTML = v.name;
-                    li.onclick = (function() {
-                        var item = v;
-                        return function(e) {
-                            $(".list-selected",ul).removeClass("list-selected");
-                            $(this).addClass("list-selected");
-                            $.get("library/"+options.url+root+item.fn, function(data) {
-                                selectedLibraryItem = item;
-                                libraryEditor.setValue(data,-1);
-                            });
-                        }
-                    })();
-                    ul.appendChild(li);
-                }
-            }
-            return ul;
-        }
-
-        $('#'+elementPrefix+"name").css("width","calc(100% - 52px)").after(
-            '<div class="btn-group" style="margin-left:5px;">'+
-            '<a id="node-input-'+options.type+'-lookup" class="editor-button" data-toggle="dropdown"><i class="fa fa-book"></i> <i class="fa fa-caret-down"></i></a>'+
-            '<ul class="dropdown-menu pull-right" role="menu">'+
-            '<li><a id="node-input-'+options.type+'-menu-open-library" tabindex="-1" href="#">'+RED._("library.openLibrary")+'</a></li>'+
-            '<li><a id="node-input-'+options.type+'-menu-save-library" tabindex="-1" href="#">'+RED._("library.saveToLibrary")+'</a></li>'+
-            '</ul></div>'
-        );
-
-        $('#node-input-'+options.type+'-menu-open-library').click(function(e) {
-            $("#node-select-library").children().remove();
-            var bc = $("#node-dialog-library-breadcrumbs");
-            bc.children().first().nextAll().remove();
-            libraryEditor.setValue('',-1);
-
-            $.getJSON("library/"+options.url,function(data) {
-                $("#node-select-library").append(buildFileList("/",data));
-                $("#node-dialog-library-breadcrumbs a").click(function(e) {
-                    $(this).parent().nextAll().remove();
-                    $("#node-select-library").children().first().replaceWith(buildFileList("/",data));
-                    e.stopPropagation();
-                });
-                $( "#node-dialog-library-lookup" ).dialog( "open" );
-            });
-
-            e.preventDefault();
-        });
-
-        $('#node-input-'+options.type+'-menu-save-library').click(function(e) {
-            //var found = false;
-            var name = $("#"+elementPrefix+"name").val().replace(/(^\s*)|(\s*$)/g,"");
-
-            //var buildPathList = function(data,root) {
-            //    var paths = [];
-            //    if (data.d) {
-            //        for (var i in data.d) {
-            //            var dn = root+(root==""?"":"/")+i;
-            //            var d = {
-            //                label:dn,
-            //                files:[]
-            //            };
-            //            for (var f in data.d[i].f) {
-            //                d.files.push(data.d[i].f[f].fn.split("/").slice(-1)[0]);
-            //            }
-            //            paths.push(d);
-            //            paths = paths.concat(buildPathList(data.d[i],root+(root==""?"":"/")+i));
-            //        }
-            //    }
-            //    return paths;
-            //};
-            $("#node-dialog-library-save-folder").attr("value","");
-
-            var filename = name.replace(/[^\w-]/g,"-");
-            if (filename === "") {
-                filename = "unnamed-"+options.type;
-            }
-            $("#node-dialog-library-save-filename").attr("value",filename+".js");
-
-            //var paths = buildPathList(libraryData,"");
-            //$("#node-dialog-library-save-folder").autocomplete({
-            //        minLength: 0,
-            //        source: paths,
-            //        select: function( event, ui ) {
-            //            $("#node-dialog-library-save-filename").autocomplete({
-            //                    minLength: 0,
-            //                    source: ui.item.files
-            //            });
-            //        }
-            //});
-
-            $( "#node-dialog-library-save" ).dialog( "open" );
-            e.preventDefault();
-        });
-
-        libraryEditor = ace.edit('node-select-library-text');
-        libraryEditor.setTheme("ace/theme/tomorrow");
-        if (options.mode) {
-            libraryEditor.getSession().setMode(options.mode);
-        }
-        libraryEditor.setOptions({
-            readOnly: true,
-            highlightActiveLine: false,
-            highlightGutterLine: false
-        });
-        libraryEditor.renderer.$cursorLayer.element.style.opacity=0;
-        libraryEditor.$blockScrolling = Infinity;
-
-        $( "#node-dialog-library-lookup" ).dialog({
-            title: RED._("library.typeLibrary", {type:options.type}),
-            modal: true,
-            autoOpen: false,
-            width: 800,
-            height: 450,
-            buttons: [
-                {
-                    text: RED._("common.label.cancel"),
-                    click: function() {
-                        $( this ).dialog( "close" );
-                    }
-                },
-                {
-                    text: RED._("common.label.load"),
-                    class: "primary",
-                    click: function() {
-                        if (selectedLibraryItem) {
-                            for (var i=0; i<options.fields.length; i++) {
-                                var field = options.fields[i];
-                                $("#"+elementPrefix+field).val(selectedLibraryItem[field]);
-                            }
-                            options.editor.setValue(libraryEditor.getValue(),-1);
-                        }
-                        $( this ).dialog( "close" );
-                    }
-                }
-            ],
-            open: function(e) {
-                var form = $("form",this);
-                form.height(form.parent().height()-30);
-                $("#node-select-library-text").height("100%");
-                $(".form-row:last-child",form).children().height(form.height()-60);
-            },
-            resize: function(e) {
-                var form = $("form",this);
-                form.height(form.parent().height()-30);
-                $(".form-row:last-child",form).children().height(form.height()-60);
-            }
-        });
-
-        function saveToLibrary(overwrite) {
-            var name = $("#"+elementPrefix+"name").val().replace(/(^\s*)|(\s*$)/g,"");
-            if (name === "") {
-                name = RED._("library.unnamedType",{type:options.type});
-            }
-            var filename = $("#node-dialog-library-save-filename").val().replace(/(^\s*)|(\s*$)/g,"");
-            var pathname = $("#node-dialog-library-save-folder").val().replace(/(^\s*)|(\s*$)/g,"");
-            if (filename === "" || !/.+\.js$/.test(filename)) {
-                RED.notify(RED._("library.invalidFilename"),"warning");
-                return;
-            }
-            var fullpath = pathname+(pathname===""?"":"/")+filename;
-            if (!overwrite) {
-                //var pathnameParts = pathname.split("/");
-                //var exists = false;
-                //var ds = libraryData;
-                //for (var pnp in pathnameParts) {
-                //    if (ds.d && pathnameParts[pnp] in ds.d) {
-                //        ds = ds.d[pathnameParts[pnp]];
-                //    } else {
-                //        ds = null;
-                //        break;
-                //    }
-                //}
-                //if (ds && ds.f) {
-                //    for (var f in ds.f) {
-                //        if (ds.f[f].fn == fullpath) {
-                //            exists = true;
-                //            break;
-                //        }
-                //    }
-                //}
-                //if (exists) {
-                //    $("#node-dialog-library-save-content").html(RED._("library.dialogSaveOverwrite",{libraryType:options.type,libraryName:fullpath}));
-                //    $("#node-dialog-library-save-confirm").dialog( "open" );
-                //    return;
-                //}
-            }
-            var queryArgs = [];
-            var data = {};
-            for (var i=0; i<options.fields.length; i++) {
-                var field = options.fields[i];
-                if (field == "name") {
-                    data.name = name;
-                } else {
-                    data[field] = $("#"+elementPrefix+field).val();
-                }
-            }
-
-            data.text = options.editor.getValue();
-            $.ajax({
-                url:"library/"+options.url+'/'+fullpath,
-                type: "POST",
-                data: JSON.stringify(data),
-                contentType: "application/json; charset=utf-8"
-            }).done(function(data,textStatus,xhr) {
-                RED.notify(RED._("library.savedType", {type:options.type}),"success");
-            }).fail(function(xhr,textStatus,err) {
-                if (xhr.status === 401) {
-                    RED.notify(RED._("library.saveFailed",{message:RED._("user.notAuthorized")}),"error");
-                } else {
-                    RED.notify(RED._("library.saveFailed",{message:xhr.responseText}),"error");
-                }
-            });
-        }
-        $( "#node-dialog-library-save-confirm" ).dialog({
-            title: RED._("library.saveToLibrary"),
-            modal: true,
-            autoOpen: false,
-            width: 530,
-            height: 230,
-            buttons: [
-                {
-                    text: RED._("common.label.cancel"),
-                    click: function() {
-                        $( this ).dialog( "close" );
-                    }
-                },
-                {
-                    text: RED._("common.label.save"),
-                    class: "primary",
-                    click: function() {
-                        saveToLibrary(true);
-                        $( this ).dialog( "close" );
-                    }
-                }
-            ]
-        });
-        $( "#node-dialog-library-save" ).dialog({
-            title: RED._("library.saveToLibrary"),
-            modal: true,
-            autoOpen: false,
-            width: 530,
-            height: 230,
-            buttons: [
-                {
-                    text: RED._("common.label.cancel"),
-                    click: function() {
-                        $( this ).dialog( "close" );
-                    }
-                },
-                {
-                    text: RED._("common.label.save"),
-                    class: "primary",
-                    click: function() {
-                        saveToLibrary(false);
-                        $( this ).dialog( "close" );
-                    }
-                }
-            ]
-        });
-
-    }
-
-    function exportFlow() {
-        //TODO: don't rely on the main dialog
-        var nns = RED.nodes.createExportableNodeSet(RED.view.selection().nodes);
-        $("#node-input-library-filename").attr('nodes',JSON.stringify(nns));
-        exportToLibraryDialog.dialog( "open" );
-    }
-
-    return {
-        init: function() {
-
-            RED.actions.add("core:library-export",exportFlow);
-
-            RED.events.on("view:selection-changed",function(selection) {
-                if (!selection.nodes) {
-                    RED.menu.setDisabled("menu-item-export",true);
-                    RED.menu.setDisabled("menu-item-export-clipboard",true);
-                    RED.menu.setDisabled("menu-item-export-library",true);
-                } else {
-                    RED.menu.setDisabled("menu-item-export",false);
-                    RED.menu.setDisabled("menu-item-export-clipboard",false);
-                    RED.menu.setDisabled("menu-item-export-library",false);
-                }
-            });
-
-            if (RED.settings.theme("menu.menu-item-import-library") !== false) {
-                loadFlowLibrary();
-            }
-
-            exportToLibraryDialog = $('<div id="library-dialog" class="hide"><form class="dialog-form form-horizontal"></form></div>')
-                .appendTo("body")
-                .dialog({
-                    modal: true,
-                    autoOpen: false,
-                    width: 500,
-                    resizable: false,
-                    title: RED._("library.exportToLibrary"),
-                    buttons: [
-                        {
-                            id: "library-dialog-cancel",
-                            text: RED._("common.label.cancel"),
-                            click: function() {
-                                $( this ).dialog( "close" );
-                            }
-                        },
-                        {
-                            id: "library-dialog-ok",
-                            class: "primary",
-                            text: RED._("common.label.export"),
-                            click: function() {
-                                //TODO: move this to RED.library
-                                var flowName = $("#node-input-library-filename").val();
-                                if (!/^\s*$/.test(flowName)) {
-                                    $.ajax({
-                                        url:'library/flows/'+flowName,
-                                        type: "POST",
-                                        data: $("#node-input-library-filename").attr('nodes'),
-                                        contentType: "application/json; charset=utf-8"
-                                    }).done(function() {
-                                        RED.library.loadFlowLibrary();
-                                        RED.notify(RED._("library.savedNodes"),"success");
-                                    }).fail(function(xhr,textStatus,err) {
-                                        if (xhr.status === 401) {
-                                            RED.notify(RED._("library.saveFailed",{message:RED._("user.notAuthorized")}),"error");
-                                        } else {
-                                            RED.notify(RED._("library.saveFailed",{message:xhr.responseText}),"error");
-                                        }
-                                    });
-                                }
-                                $( this ).dialog( "close" );
-                            }
-                        }
-                    ],
-                    open: function(e) {
-                        $(this).parent().find(".ui-dialog-titlebar-close").hide();
-                    },
-                    close: function(e) {
-                    }
-                });
-            exportToLibraryDialog.children(".dialog-form").append($(
-                '<div class="form-row">'+
-                '<label for="node-input-library-filename" data-i18n="[append]editor:library.filename"><i class="fa fa-file"></i> </label>'+
-                '<input type="text" id="node-input-library-filename" data-i18n="[placeholder]editor:library.fullFilenamePlaceholder">'+
-                '<input type="text" style="display: none;" />'+ // Second hidden input to prevent submit on Enter
-                '</div>'
-            ));
-        },
-        create: createUI,
-        loadFlowLibrary: loadFlowLibrary,
-
-        export: exportFlow
-    }
-})();

editor/js/ui/palette.js

@@ -1,503 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-RED.palette = (function() {
-
-    var exclusion = ['config','unknown','deprecated'];
-    var coreCategories = ['subflows', 'input', 'output', 'function', 'social', 'mobile', 'storage', 'analysis', 'advanced'];
-
-    var categoryContainers = {};
-
-    function createCategoryContainer(category, label) {
-        label = (label || category).replace(/_/g, " ");
-        var catDiv = $('<div id="palette-container-'+category+'" class="palette-category palette-close hide">'+
-            '<div id="palette-header-'+category+'" class="palette-header"><i class="expanded fa fa-angle-down"></i><span>'+label+'</span></div>'+
-            '<div class="palette-content" id="palette-base-category-'+category+'">'+
-            '<div id="palette-'+category+'-input"></div>'+
-            '<div id="palette-'+category+'-output"></div>'+
-            '<div id="palette-'+category+'-function"></div>'+
-            '</div>'+
-            '</div>').appendTo("#palette-container");
-
-        categoryContainers[category] = {
-            container: catDiv,
-            close: function() {
-                catDiv.removeClass("palette-open");
-                catDiv.addClass("palette-closed");
-                $("#palette-base-category-"+category).slideUp();
-                $("#palette-header-"+category+" i").removeClass("expanded");
-            },
-            open: function() {
-                catDiv.addClass("palette-open");
-                catDiv.removeClass("palette-closed");
-                $("#palette-base-category-"+category).slideDown();
-                $("#palette-header-"+category+" i").addClass("expanded");
-            },
-            toggle: function() {
-                if (catDiv.hasClass("palette-open")) {
-                    categoryContainers[category].close();
-                } else {
-                    categoryContainers[category].open();
-                }
-            }
-        };
-
-        $("#palette-header-"+category).on('click', function(e) {
-            categoryContainers[category].toggle();
-        });
-    }
-
-    function setLabel(type, el,label, info) {
-        var nodeWidth = 82;
-        var nodeHeight = 25;
-        var lineHeight = 20;
-        var portHeight = 10;
-
-        var words = label.split(/[ -]/);
-
-        var displayLines = [];
-
-        var currentLine = words[0];
-        var currentLineWidth = RED.view.calculateTextWidth(currentLine, "palette_label", 0);
-
-        for (var i=1;i<words.length;i++) {
-            var newWidth = RED.view.calculateTextWidth(currentLine+" "+words[i], "palette_label", 0);
-            if (newWidth < nodeWidth) {
-                currentLine += " "+words[i];
-                currentLineWidth = newWidth;
-            } else {
-                displayLines.push(currentLine);
-                currentLine = words[i];
-                currentLineWidth = RED.view.calculateTextWidth(currentLine, "palette_label", 0);
-            }
-        }
-        displayLines.push(currentLine);
-
-        var lines = displayLines.join("<br/>");
-        var multiLineNodeHeight = 8+(lineHeight*displayLines.length);
-        el.css({height:multiLineNodeHeight+"px"});
-
-        var labelElement = el.find(".palette_label");
-        labelElement.html(lines).attr('dir', RED.text.bidi.resolveBaseTextDir(lines));
-
-        el.find(".palette_port").css({top:(multiLineNodeHeight/2-5)+"px"});
-
-        var popOverContent;
-        try {
-            var l = "<p><b>"+RED.text.bidi.enforceTextDirectionWithUCC(label)+"</b></p>";
-            if (label != type) {
-                l = "<p><b>"+RED.text.bidi.enforceTextDirectionWithUCC(label)+"</b><br/><i>"+type+"</i></p>";
-            }
-            popOverContent = $(l+(info?info:$("script[data-help-name='"+type+"']").html()||"<p>"+RED._("palette.noInfo")+"</p>").trim())
-                                .filter(function(n) {
-                                    return (this.nodeType == 1 && this.nodeName == "P") || (this.nodeType == 3 && this.textContent.trim().length > 0)
-                                }).slice(0,2);
-        } catch(err) {
-            // Malformed HTML may cause errors. TODO: need to understand what can break
-            // NON-NLS: internal debug
-            console.log("Error generating pop-over label for ",type);
-            console.log(err.toString());
-            popOverContent = "<p><b>"+label+"</b></p><p>"+RED._("palette.noInfo")+"</p>";
-        }
-
-        el.data('popover').setContent(popOverContent);
-    }
-
-    function setIcon(element,sf) {
-        var iconElement = element.find(".palette_icon");
-        var icon_url = RED.utils.getNodeIcon(sf._def,sf);
-        iconElement.attr("style", "background-image: url("+icon_url+")");
-    }
-
-    function escapeNodeType(nt) {
-        return nt.replace(" ","_").replace(".","_").replace(":","_");
-    }
-
-    function addNodeType(nt,def) {
-        var nodeTypeId = escapeNodeType(nt);
-        if ($("#palette_node_"+nodeTypeId).length) {
-            return;
-        }
-        if (exclusion.indexOf(def.category)===-1) {
-
-            var category = def.category.replace(/ /g,"_");
-            var rootCategory = category.split("-")[0];
-
-            var d = document.createElement("div");
-            d.id = "palette_node_"+nodeTypeId;
-            d.type = nt;
-
-            var label = /^(.*?)([ -]in|[ -]out)?$/.exec(nt)[1];
-            if (typeof def.paletteLabel !== "undefined") {
-                try {
-                    label = (typeof def.paletteLabel === "function" ? def.paletteLabel.call(def) : def.paletteLabel)||"";
-                } catch(err) {
-                    console.log("Definition error: "+nt+".paletteLabel",err);
-                }
-            }
-
-            $('<div/>',{class:"palette_label"+(def.align=="right"?" palette_label_right":"")}).appendTo(d);
-
-            d.className="palette_node";
-
-
-            if (def.icon) {
-                var icon_url = RED.utils.getNodeIcon(def);
-                var iconContainer = $('<div/>',{class:"palette_icon_container"+(def.align=="right"?" palette_icon_container_right":"")}).appendTo(d);
-                $('<div/>',{class:"palette_icon",style:"background-image: url("+icon_url+")"}).appendTo(iconContainer);
-            }
-
-            d.style.backgroundColor = def.color;
-
-            if (def.outputs > 0) {
-                var portOut = document.createElement("div");
-                portOut.className = "palette_port palette_port_output";
-                d.appendChild(portOut);
-            }
-
-            if (def.inputs > 0) {
-                var portIn = document.createElement("div");
-                portIn.className = "palette_port palette_port_input";
-                d.appendChild(portIn);
-            }
-
-            if ($("#palette-base-category-"+rootCategory).length === 0) {
-                if(coreCategories.indexOf(rootCategory) !== -1){
-                    createCategoryContainer(rootCategory, RED._("node-red:palette.label."+rootCategory, {defaultValue:rootCategory}));
-                } else {
-                    var ns = def.set.id;
-                    createCategoryContainer(rootCategory, RED._(ns+":palette.label."+rootCategory, {defaultValue:rootCategory}));
-                }
-            }
-            $("#palette-container-"+rootCategory).show();
-
-            if ($("#palette-"+category).length === 0) {
-                $("#palette-base-category-"+rootCategory).append('<div id="palette-'+category+'"></div>');
-            }
-
-            $("#palette-"+category).append(d);
-            d.onmousedown = function(e) { e.preventDefault(); };
-
-            var popover = RED.popover.create({
-                target:$(d),
-                trigger: "hover",
-                width: "300px",
-                content: "hi",
-                delay: { show: 750, hide: 50 }
-            });
-            $(d).data('popover',popover);
-
-            // $(d).popover({
-            //     title:d.type,
-            //     placement:"right",
-            //     trigger: "hover",
-            //     delay: { show: 750, hide: 50 },
-            //     html: true,
-            //     container:'body'
-            // });
-            $(d).click(function() {
-                RED.view.focus();
-                var helpText;
-                if (nt.indexOf("subflow:") === 0) {
-                    helpText = marked(RED.nodes.subflow(nt.substring(8)).info||"")||('<span class="node-info-none">'+RED._("sidebar.info.none")+'</span>');
-                } else {
-                    helpText = $("script[data-help-name='"+d.type+"']").html()||('<span class="node-info-none">'+RED._("sidebar.info.none")+'</span>');
-                }
-                RED.sidebar.info.set(helpText,RED._("sidebar.info.nodeHelp"));
-            });
-            var chart = $("#chart");
-            var chartOffset = chart.offset();
-            var chartSVG = $("#chart>svg").get(0);
-            var activeSpliceLink;
-            var mouseX;
-            var mouseY;
-            var spliceTimer;
-            var paletteWidth;
-            var paletteTop;
-            $(d).draggable({
-                helper: 'clone',
-                appendTo: 'body',
-                revert: true,
-                revertDuration: 50,
-                containment:'#main-container',
-                start: function() {
-                    paletteWidth = $("#palette").width();
-                    paletteTop = $("#palette").parent().position().top + $("#palette-container").position().top;
-                    RED.view.focus();
-                },
-                stop: function() { d3.select('.link_splice').classed('link_splice',false); if (spliceTimer) { clearTimeout(spliceTimer); spliceTimer = null;}},
-                drag: function(e,ui) {
-
-                    // TODO: this is the margin-left of palette node. Hard coding
-                    // it here makes me sad
-                    //console.log(ui.helper.position());
-                    ui.position.left += 17.5;
-
-                    if (def.inputs > 0 && def.outputs > 0) {
-                        mouseX = ui.position.left-paletteWidth+(ui.helper.width()/2) - chartOffset.left + chart.scrollLeft();
-                        mouseY = ui.position.top-paletteTop+(ui.helper.height()/2) - chartOffset.top + chart.scrollTop();
-                        if (!spliceTimer) {
-                            spliceTimer = setTimeout(function() {
-                                var nodes = [];
-                                var bestDistance = Infinity;
-                                var bestLink = null;
-                                if (chartSVG.getIntersectionList) {
-                                    var svgRect = chartSVG.createSVGRect();
-                                    svgRect.x = mouseX;
-                                    svgRect.y = mouseY;
-                                    svgRect.width = 1;
-                                    svgRect.height = 1;
-                                    nodes = chartSVG.getIntersectionList(svgRect,chartSVG);
-                                    mouseX /= RED.view.scale();
-                                    mouseY /= RED.view.scale();
-                                } else {
-                                    // Firefox doesn't do getIntersectionList and that
-                                    // makes us sad
-                                    mouseX /= RED.view.scale();
-                                    mouseY /= RED.view.scale();
-                                    nodes = RED.view.getLinksAtPoint(mouseX,mouseY);
-                                }
-
-                                for (var i=0;i<nodes.length;i++) {
-                                    if (d3.select(nodes[i]).classed('link_background')) {
-                                        var length = nodes[i].getTotalLength();
-                                        for (var j=0;j<length;j+=10) {
-                                            var p = nodes[i].getPointAtLength(j);
-                                            var d2 = ((p.x-mouseX)*(p.x-mouseX))+((p.y-mouseY)*(p.y-mouseY));
-                                            if (d2 < 200 && d2 < bestDistance) {
-                                                bestDistance = d2;
-                                                bestLink = nodes[i];
-                                            }
-                                        }
-                                    }
-                                }
-                                if (activeSpliceLink && activeSpliceLink !== bestLink) {
-                                    d3.select(activeSpliceLink.parentNode).classed('link_splice',false);
-                                }
-                                if (bestLink) {
-                                    d3.select(bestLink.parentNode).classed('link_splice',true)
-                                } else {
-                                    d3.select('.link_splice').classed('link_splice',false);
-                                }
-                                if (activeSpliceLink !== bestLink) {
-                                    if (bestLink) {
-                                        $(ui.helper).data('splice',d3.select(bestLink).data()[0]);
-                                    } else {
-                                        $(ui.helper).removeData('splice');
-                                    }
-                                }
-                                activeSpliceLink = bestLink;
-                                spliceTimer = null;
-                            },200);
-                        }
-                    }
-                }
-            });
-
-            var nodeInfo = null;
-            if (def.category == "subflows") {
-                $(d).dblclick(function(e) {
-                    RED.workspaces.show(nt.substring(8));
-                    e.preventDefault();
-                });
-                nodeInfo = marked(def.info||"");
-            }
-            setLabel(nt,$(d),label,nodeInfo);
-
-            var categoryNode = $("#palette-container-"+category);
-            if (categoryNode.find(".palette_node").length === 1) {
-                categoryContainers[category].open();
-            }
-
-        }
-    }
-
-    function removeNodeType(nt) {
-        var nodeTypeId = escapeNodeType(nt);
-        var paletteNode = $("#palette_node_"+nodeTypeId);
-        var categoryNode = paletteNode.closest(".palette-category");
-        paletteNode.remove();
-        if (categoryNode.find(".palette_node").length === 0) {
-            if (categoryNode.find("i").hasClass("expanded")) {
-                categoryNode.find(".palette-content").slideToggle();
-                categoryNode.find("i").toggleClass("expanded");
-            }
-        }
-    }
-
-    function hideNodeType(nt) {
-        var nodeTypeId = escapeNodeType(nt);
-        var paletteNode = $("#palette_node_"+nodeTypeId);
-        paletteNode.hide();
-        var categoryNode = paletteNode.closest(".palette-category");
-        var cl = categoryNode.find(".palette_node");
-        var c = 0;
-        for (var i = 0; i < cl.length; i++) {
-            if ($(cl[i]).css('display') === 'none') { c += 1; }
-        }
-        if (c === cl.length) { categoryNode.hide(); }
-    }
-
-    function showNodeType(nt) {
-        var nodeTypeId = escapeNodeType(nt);
-        var paletteNode = $("#palette_node_"+nodeTypeId);
-        var categoryNode = paletteNode.closest(".palette-category");
-        categoryNode.show();
-        paletteNode.show();
-    }
-
-    function refreshNodeTypes() {
-        RED.nodes.eachSubflow(function(sf) {
-            var paletteNode = $("#palette_node_subflow_"+sf.id.replace(".","_"));
-            var portInput = paletteNode.find(".palette_port_input");
-            var portOutput = paletteNode.find(".palette_port_output");
-
-            if (portInput.length === 0 && sf.in.length > 0) {
-                var portIn = document.createElement("div");
-                portIn.className = "palette_port palette_port_input";
-                paletteNode.append(portIn);
-            } else if (portInput.length !== 0 && sf.in.length === 0) {
-                portInput.remove();
-            }
-
-            if (portOutput.length === 0 && sf.out.length > 0) {
-                var portOut = document.createElement("div");
-                portOut.className = "palette_port palette_port_output";
-                paletteNode.append(portOut);
-            } else if (portOutput.length !== 0 && sf.out.length === 0) {
-                portOutput.remove();
-            }
-            setLabel(sf.type+":"+sf.id,paletteNode,sf.name,marked(sf.info||""));
-            setIcon(paletteNode,sf);
-        });
-    }
-
-    function filterChange(val) {
-        var re = new RegExp(val.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'),'i');
-        $("#palette-container .palette_node").each(function(i,el) {
-            var currentLabel = $(el).find(".palette_label").text();
-            if (val === "" || re.test(el.id) || re.test(currentLabel)) {
-                $(this).show();
-            } else {
-                $(this).hide();
-            }
-        });
-
-        for (var category in categoryContainers) {
-            if (categoryContainers.hasOwnProperty(category)) {
-                if (categoryContainers[category].container
-                        .find(".palette_node")
-                        .filter(function() { return $(this).css('display') !== 'none'}).length === 0) {
-                    categoryContainers[category].close();
-                } else {
-                    categoryContainers[category].open();
-                }
-            }
-        }
-    }
-
-    function init() {
-
-        RED.events.on('registry:node-type-added', function(nodeType) {
-            var def = RED.nodes.getType(nodeType);
-            addNodeType(nodeType,def);
-            if (def.onpaletteadd && typeof def.onpaletteadd === "function") {
-                def.onpaletteadd.call(def);
-            }
-        });
-        RED.events.on('registry:node-type-removed', function(nodeType) {
-            removeNodeType(nodeType);
-        });
-        RED.events.on('registry:node-set-enabled', function(nodeSet) {
-            for (var j=0;j<nodeSet.types.length;j++) {
-                showNodeType(nodeSet.types[j]);
-                var def = RED.nodes.getType(nodeSet.types[j]);
-                if (def && def.onpaletteadd && typeof def.onpaletteadd === "function") {
-                    def.onpaletteadd.call(def);
-                }
-            }
-        });
-        RED.events.on('registry:node-set-disabled', function(nodeSet) {
-            console.log(nodeSet);
-            for (var j=0;j<nodeSet.types.length;j++) {
-                hideNodeType(nodeSet.types[j]);
-                var def = RED.nodes.getType(nodeSet.types[j]);
-                if (def && def.onpaletteremove && typeof def.onpaletteremove === "function") {
-                    def.onpaletteremove.call(def);
-                }
-            }
-        });
-        RED.events.on('registry:node-set-removed', function(nodeSet) {
-            if (nodeSet.added) {
-                for (var j=0;j<nodeSet.types.length;j++) {
-                    removeNodeType(nodeSet.types[j]);
-                    var def = RED.nodes.getType(nodeSet.types[j]);
-                    if (def && def.onpaletteremove && typeof def.onpaletteremove === "function") {
-                        def.onpaletteremove.call(def);
-                    }
-                }
-            }
-        });
-
-        $("#palette > .palette-spinner").show();
-
-        $("#palette-search input").searchBox({
-            delay: 100,
-            change: function() {
-                filterChange($(this).val());
-            }
-        })
-
-        var categoryList = coreCategories;
-        if (RED.settings.paletteCategories) {
-            categoryList = RED.settings.paletteCategories;
-        } else if (RED.settings.theme('palette.categories')) {
-            categoryList = RED.settings.theme('palette.categories');
-        }
-        if (!Array.isArray(categoryList)) {
-            categoryList = coreCategories
-        }
-        categoryList.forEach(function(category){
-            createCategoryContainer(category, RED._("palette.label."+category,{defaultValue:category}));
-        });
-
-        $("#palette-collapse-all").on("click", function(e) {
-            e.preventDefault();
-            for (var cat in categoryContainers) {
-                if (categoryContainers.hasOwnProperty(cat)) {
-                    categoryContainers[cat].close();
-                }
-            }
-        });
-        $("#palette-expand-all").on("click", function(e) {
-            e.preventDefault();
-            for (var cat in categoryContainers) {
-                if (categoryContainers.hasOwnProperty(cat)) {
-                    categoryContainers[cat].open();
-                }
-            }
-        });
-    }
-
-    return {
-        init: init,
-        add:addNodeType,
-        remove:removeNodeType,
-        hide:hideNodeType,
-        show:showNodeType,
-        refresh:refreshNodeTypes
-    };
-})();

editor/js/ui/sidebar.js

@@ -1,229 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-RED.sidebar = (function() {
-
-    //$('#sidebar').tabs();
-    var sidebar_tabs = RED.tabs.create({
-        id:"sidebar-tabs",
-        onchange:function(tab) {
-            $("#sidebar-content").children().hide();
-            $("#sidebar-footer").children().hide();
-            if (tab.onchange) {
-                tab.onchange.call(tab);
-            }
-            $(tab.wrapper).show();
-            if (tab.toolbar) {
-                $(tab.toolbar).show();
-            }
-        },
-        onremove: function(tab) {
-            $(tab.wrapper).hide();
-            if (tab.onremove) {
-                tab.onremove.call(tab);
-            }
-        },
-        minimumActiveTabWidth: 70
-        // scrollable: true
-    });
-
-    var knownTabs = {
-
-    };
-
-    function addTab(title,content,closeable,visible) {
-        var options;
-        if (typeof title === "string") {
-            // TODO: legacy support in case anyone uses this...
-            options = {
-                id: content.id,
-                label: title,
-                name: title,
-                content: content,
-                closeable: closeable,
-                visible: visible
-            }
-        } else if (typeof title === "object") {
-            options = title;
-        }
-
-        options.wrapper = $('<div>',{style:"height:100%"}).appendTo("#sidebar-content")
-        options.wrapper.append(options.content);
-        options.wrapper.hide();
-
-        if (!options.enableOnEdit) {
-            options.shade = $('<div>',{class:"sidebar-shade hide"}).appendTo(options.wrapper);
-        }
-
-        if (options.toolbar) {
-            $("#sidebar-footer").append(options.toolbar);
-            $(options.toolbar).hide();
-        }
-        var id = options.id;
-
-        RED.menu.addItem("menu-item-view-menu",{
-            id:"menu-item-view-menu-"+options.id,
-            label:options.name,
-            onselect:function() {
-                showSidebar(options.id);
-            },
-            group: "sidebar-tabs"
-        });
-
-        knownTabs[options.id] = options;
-
-        if (options.visible !== false) {
-            sidebar_tabs.addTab(knownTabs[options.id]);
-        }
-    }
-
-    function removeTab(id) {
-        sidebar_tabs.removeTab(id);
-        $(knownTabs[id].wrapper).remove();
-        if (knownTabs[id].footer) {
-            knownTabs[id].footer.remove();
-        }
-        delete knownTabs[id];
-        RED.menu.removeItem("menu-item-view-menu-"+id);
-    }
-
-    var sidebarSeparator =  {};
-    $("#sidebar-separator").draggable({
-            axis: "x",
-            start:function(event,ui) {
-                sidebarSeparator.closing = false;
-                sidebarSeparator.opening = false;
-                var winWidth = $(window).width();
-                sidebarSeparator.start = ui.position.left;
-                sidebarSeparator.chartWidth = $("#workspace").width();
-                sidebarSeparator.chartRight = winWidth-$("#workspace").width()-$("#workspace").offset().left-2;
-
-                if (!RED.menu.isSelected("menu-item-sidebar")) {
-                    sidebarSeparator.opening = true;
-                    var newChartRight = 7;
-                    $("#sidebar").addClass("closing");
-                    $("#workspace").css("right",newChartRight);
-                    $("#editor-stack").css("right",newChartRight+1);
-                    $("#sidebar").width(0);
-                    RED.menu.setSelected("menu-item-sidebar",true);
-                    RED.events.emit("sidebar:resize");
-                }
-                sidebarSeparator.width = $("#sidebar").width();
-            },
-            drag: function(event,ui) {
-                var d = ui.position.left-sidebarSeparator.start;
-                var newSidebarWidth = sidebarSeparator.width-d;
-                if (sidebarSeparator.opening) {
-                    newSidebarWidth -= 3;
-                }
-
-                if (newSidebarWidth > 150) {
-                    if (sidebarSeparator.chartWidth+d < 200) {
-                        ui.position.left = 200+sidebarSeparator.start-sidebarSeparator.chartWidth;
-                        d = ui.position.left-sidebarSeparator.start;
-                        newSidebarWidth = sidebarSeparator.width-d;
-                    }
-                }
-
-                if (newSidebarWidth < 150) {
-                    if (!sidebarSeparator.closing) {
-                        $("#sidebar").addClass("closing");
-                        sidebarSeparator.closing = true;
-                    }
-                    if (!sidebarSeparator.opening) {
-                        newSidebarWidth = 150;
-                        ui.position.left = sidebarSeparator.width-(150 - sidebarSeparator.start);
-                        d = ui.position.left-sidebarSeparator.start;
-                    }
-                } else if (newSidebarWidth > 150 && (sidebarSeparator.closing || sidebarSeparator.opening)) {
-                    sidebarSeparator.closing = false;
-                    $("#sidebar").removeClass("closing");
-                }
-
-                var newChartRight = sidebarSeparator.chartRight-d;
-                $("#workspace").css("right",newChartRight);
-                $("#editor-stack").css("right",newChartRight+1);
-                $("#sidebar").width(newSidebarWidth);
-
-                sidebar_tabs.resize();
-                RED.events.emit("sidebar:resize");
-            },
-            stop:function(event,ui) {
-                if (sidebarSeparator.closing) {
-                    $("#sidebar").removeClass("closing");
-                    RED.menu.setSelected("menu-item-sidebar",false);
-                    if ($("#sidebar").width() < 180) {
-                        $("#sidebar").width(180);
-                        $("#workspace").css("right",187);
-                        $("#editor-stack").css("right",188);
-                    }
-                }
-                $("#sidebar-separator").css("left","auto");
-                $("#sidebar-separator").css("right",($("#sidebar").width()+2)+"px");
-                RED.events.emit("sidebar:resize");
-            }
-    });
-
-    function toggleSidebar(state) {
-        if (!state) {
-            $("#main-container").addClass("sidebar-closed");
-        } else {
-            $("#main-container").removeClass("sidebar-closed");
-            sidebar_tabs.resize();
-        }
-        RED.events.emit("sidebar:resize");
-    }
-
-    function showSidebar(id) {
-        if (id) {
-            if (!containsTab(id)) {
-                sidebar_tabs.addTab(knownTabs[id]);
-            }
-            sidebar_tabs.activateTab(id);
-            if (!RED.menu.isSelected("menu-item-sidebar")) {
-                RED.menu.setSelected("menu-item-sidebar",true);
-            }
-        }
-    }
-
-    function containsTab(id) {
-        return sidebar_tabs.contains(id);
-    }
-
-    function init () {
-        RED.actions.add("core:toggle-sidebar",function(state){
-            if (state === undefined) {
-                RED.menu.toggleSelected("menu-item-sidebar");
-            } else {
-                toggleSidebar(state);
-            }
-        });
-        showSidebar();
-        RED.sidebar.info.init();
-        RED.sidebar.config.init();
-        // hide info bar at start if screen rather narrow...
-        if ($(window).width() < 600) { RED.menu.setSelected("menu-item-sidebar",false); }
-    }
-
-    return {
-        init: init,
-        addTab: addTab,
-        removeTab: removeTab,
-        show: showSidebar,
-        containsTab: containsTab,
-        toggleSidebar: toggleSidebar,
-    }
-
-})();

editor/js/ui/subflow.js

@@ -1,631 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-RED.subflow = (function() {
-
-
-    function getSubflow() {
-        return RED.nodes.subflow(RED.workspaces.active());
-    }
-
-    function findAvailableSubflowIOPosition(subflow,isInput) {
-        var pos = {x:50,y:30};
-        if (!isInput) {
-            pos.x += 110;
-        }
-        for (var i=0;i<subflow.out.length+subflow.in.length;i++) {
-            var port;
-            if (i < subflow.out.length) {
-                port = subflow.out[i];
-            } else {
-                port = subflow.in[i-subflow.out.length];
-            }
-            if (port.x == pos.x && port.y == pos.y) {
-                pos.x += 55;
-                i=0;
-            }
-        }
-        return pos;
-    }
-
-    function addSubflowInput() {
-        var subflow = RED.nodes.subflow(RED.workspaces.active());
-        if (subflow.in.length === 1) {
-            return;
-        }
-        var position = findAvailableSubflowIOPosition(subflow,true);
-        var newInput = {
-            type:"subflow",
-            direction:"in",
-            z:subflow.id,
-            i:subflow.in.length,
-            x:position.x,
-            y:position.y,
-            id:RED.nodes.id()
-        };
-        var oldInCount = subflow.in.length;
-        subflow.in.push(newInput);
-        subflow.dirty = true;
-        var wasDirty = RED.nodes.dirty();
-        var wasChanged = subflow.changed;
-        subflow.changed = true;
-        var result = refresh(true);
-        var historyEvent = {
-            t:'edit',
-            node:subflow,
-            dirty:wasDirty,
-            changed:wasChanged,
-            subflow: {
-                inputCount: oldInCount,
-                instances: result.instances
-            }
-        };
-        RED.history.push(historyEvent);
-        RED.view.select();
-        RED.nodes.dirty(true);
-        RED.view.redraw();
-        $("#workspace-subflow-input-add").addClass("active");
-        $("#workspace-subflow-input-remove").removeClass("active");
-    }
-
-    function removeSubflowInput() {
-        var activeSubflow = RED.nodes.subflow(RED.workspaces.active());
-        if (activeSubflow.in.length === 0) {
-            return;
-        }
-        var removedInput = activeSubflow.in[0];
-        var removedInputLinks = [];
-        RED.nodes.eachLink(function(l) {
-            if (l.source.type == "subflow" && l.source.z == activeSubflow.id && l.source.i == removedInput.i) {
-                removedInputLinks.push(l);
-            } else if (l.target.type == "subflow:"+activeSubflow.id) {
-                removedInputLinks.push(l);
-            }
-        });
-        removedInputLinks.forEach(function(l) { RED.nodes.removeLink(l)});
-        activeSubflow.in = [];
-        $("#workspace-subflow-input-add").removeClass("active");
-        $("#workspace-subflow-input-remove").addClass("active");
-        activeSubflow.changed = true;
-        return {subflowInputs: [ removedInput ], links:removedInputLinks};
-    }
-
-    function addSubflowOutput(id) {
-        var subflow = RED.nodes.subflow(RED.workspaces.active());
-        var position = findAvailableSubflowIOPosition(subflow,false);
-
-        var newOutput = {
-            type:"subflow",
-            direction:"out",
-            z:subflow.id,
-            i:subflow.out.length,
-            x:position.x,
-            y:position.y,
-            id:RED.nodes.id()
-        };
-        var oldOutCount = subflow.out.length;
-        subflow.out.push(newOutput);
-        subflow.dirty = true;
-        var wasDirty = RED.nodes.dirty();
-        var wasChanged = subflow.changed;
-        subflow.changed = true;
-
-        var result = refresh(true);
-
-        var historyEvent = {
-            t:'edit',
-            node:subflow,
-            dirty:wasDirty,
-            changed:wasChanged,
-            subflow: {
-                outputCount: oldOutCount,
-                instances: result.instances
-            }
-        };
-        RED.history.push(historyEvent);
-        RED.view.select();
-        RED.nodes.dirty(true);
-        RED.view.redraw();
-        $("#workspace-subflow-output .spinner-value").html(subflow.out.length);
-    }
-
-    function removeSubflowOutput(removedSubflowOutputs) {
-        var activeSubflow = RED.nodes.subflow(RED.workspaces.active());
-        if (activeSubflow.out.length === 0) {
-            return;
-        }
-        if (typeof removedSubflowOutputs === "undefined") {
-            removedSubflowOutputs = [activeSubflow.out[activeSubflow.out.length-1]];
-        }
-        var removedLinks = [];
-        removedSubflowOutputs.sort(function(a,b) { return b.i-a.i});
-        for (i=0;i<removedSubflowOutputs.length;i++) {
-            var output = removedSubflowOutputs[i];
-            activeSubflow.out.splice(output.i,1);
-            var subflowRemovedLinks = [];
-            var subflowMovedLinks = [];
-            RED.nodes.eachLink(function(l) {
-                if (l.target.type == "subflow" && l.target.z == activeSubflow.id && l.target.i == output.i) {
-                    subflowRemovedLinks.push(l);
-                }
-                if (l.source.type == "subflow:"+activeSubflow.id) {
-                    if (l.sourcePort == output.i) {
-                        subflowRemovedLinks.push(l);
-                    } else if (l.sourcePort > output.i) {
-                        subflowMovedLinks.push(l);
-                    }
-                }
-            });
-            subflowRemovedLinks.forEach(function(l) { RED.nodes.removeLink(l)});
-            subflowMovedLinks.forEach(function(l) { l.sourcePort--; });
-
-            removedLinks = removedLinks.concat(subflowRemovedLinks);
-            for (var j=output.i;j<activeSubflow.out.length;j++) {
-                activeSubflow.out[j].i--;
-                activeSubflow.out[j].dirty = true;
-            }
-        }
-        activeSubflow.changed = true;
-
-        return {subflowOutputs: removedSubflowOutputs, links: removedLinks}
-    }
-
-    function refresh(markChange) {
-        var activeSubflow = RED.nodes.subflow(RED.workspaces.active());
-        refreshToolbar(activeSubflow);
-        var subflowInstances = [];
-        if (activeSubflow) {
-            RED.nodes.filterNodes({type:"subflow:"+activeSubflow.id}).forEach(function(n) {
-                subflowInstances.push({
-                    id: n.id,
-                    changed: n.changed
-                });
-                if (markChange) {
-                    n.changed = true;
-                }
-                n.inputs = activeSubflow.in.length;
-                n.outputs = activeSubflow.out.length;
-                while (n.outputs < n.ports.length) {
-                    n.ports.pop();
-                }
-                n.resize = true;
-                n.dirty = true;
-                RED.editor.updateNodeProperties(n);
-            });
-            RED.editor.validateNode(activeSubflow);
-            return {
-                instances: subflowInstances
-            }
-        }
-    }
-    function refreshToolbar(activeSubflow) {
-        if (activeSubflow) {
-            $("#workspace-subflow-input-add").toggleClass("active", activeSubflow.in.length !== 0);
-            $("#workspace-subflow-input-remove").toggleClass("active",activeSubflow.in.length === 0);
-
-            $("#workspace-subflow-output .spinner-value").html(activeSubflow.out.length);
-        }
-    }
-
-    function showWorkspaceToolbar(activeSubflow) {
-        var toolbar = $("#workspace-toolbar");
-        toolbar.empty();
-
-        $('<a class="button" id="workspace-subflow-edit" href="#" data-i18n="[append]subflow.editSubflowProperties"><i class="fa fa-pencil"></i> </a>').appendTo(toolbar);
-        $('<span style="margin-left: 5px;" data-i18n="subflow.input"></span> '+
-            '<div style="display: inline-block;" class="button-group">'+
-            '<a id="workspace-subflow-input-remove" class="button active" href="#">0</a>'+
-            '<a id="workspace-subflow-input-add" class="button" href="#">1</a>'+
-            '</div>').appendTo(toolbar);
-
-        $('<span style="margin-left: 5px;" data-i18n="subflow.output"></span> <div id="workspace-subflow-output" style="display: inline-block;" class="button-group spinner-group">'+
-            '<a id="workspace-subflow-output-remove" class="button" href="#"><i class="fa fa-minus"></i></a>'+
-            '<div class="spinner-value">3</div>'+
-            '<a id="workspace-subflow-output-add" class="button" href="#"><i class="fa fa-plus"></i></a>'+
-            '</div>').appendTo(toolbar);
-
-        // $('<a class="button disabled" id="workspace-subflow-add-input" href="#" data-i18n="[append]subflow.input"><i class="fa fa-plus"></i> </a>').appendTo(toolbar);
-        // $('<a class="button" id="workspace-subflow-add-output" href="#" data-i18n="[append]subflow.output"><i class="fa fa-plus"></i> </a>').appendTo(toolbar);
-        $('<a class="button" id="workspace-subflow-delete" href="#" data-i18n="[append]subflow.deleteSubflow"><i class="fa fa-trash"></i> </a>').appendTo(toolbar);
-        toolbar.i18n();
-
-
-        $("#workspace-subflow-output-remove").click(function(event) {
-            event.preventDefault();
-            var wasDirty = RED.nodes.dirty();
-            var wasChanged = activeSubflow.changed;
-            var result = removeSubflowOutput();
-            if (result) {
-                var inst = refresh(true);
-                RED.history.push({
-                    t:'delete',
-                    links:result.links,
-                    subflowOutputs: result.subflowOutputs,
-                    changed: wasChanged,
-                    dirty:wasDirty,
-                    subflow: {
-                        instances: inst.instances
-                    }
-                });
-
-                RED.view.select();
-                RED.nodes.dirty(true);
-                RED.view.redraw(true);
-            }
-        });
-        $("#workspace-subflow-output-add").click(function(event) {
-            event.preventDefault();
-            addSubflowOutput();
-        });
-
-        $("#workspace-subflow-input-add").click(function(event) {
-            event.preventDefault();
-            addSubflowInput();
-        });
-        $("#workspace-subflow-input-remove").click(function(event) {
-            event.preventDefault();
-            var wasDirty = RED.nodes.dirty();
-            var wasChanged = activeSubflow.changed;
-            activeSubflow.changed = true;
-            var result = removeSubflowInput();
-            if (result) {
-                var inst = refresh(true);
-                RED.history.push({
-                    t:'delete',
-                    links:result.links,
-                    changed: wasChanged,
-                    subflowInputs: result.subflowInputs,
-                    dirty:wasDirty,
-                    subflow: {
-                        instances: inst.instances
-                    }
-                });
-                RED.view.select();
-                RED.nodes.dirty(true);
-                RED.view.redraw(true);
-            }
-        });
-
-        $("#workspace-subflow-edit").click(function(event) {
-            RED.editor.editSubflow(RED.nodes.subflow(RED.workspaces.active()));
-            event.preventDefault();
-        });
-
-        $("#workspace-subflow-delete").click(function(event) {
-            event.preventDefault();
-            var startDirty = RED.nodes.dirty();
-            var historyEvent = removeSubflow(RED.workspaces.active());
-            historyEvent.t = 'delete';
-            historyEvent.dirty = startDirty;
-
-            RED.history.push(historyEvent);
-
-        });
-
-        refreshToolbar(activeSubflow);
-
-        $("#chart").css({"margin-top": "40px"});
-        $("#workspace-toolbar").show();
-    }
-    function hideWorkspaceToolbar() {
-        $("#workspace-toolbar").hide().empty();
-        $("#chart").css({"margin-top": "0"});
-    }
-
-    function removeSubflow(id) {
-        var removedNodes = [];
-        var removedLinks = [];
-
-        var activeSubflow = RED.nodes.subflow(id);
-
-        RED.nodes.eachNode(function(n) {
-            if (n.type == "subflow:"+activeSubflow.id) {
-                removedNodes.push(n);
-            }
-            if (n.z == activeSubflow.id) {
-                removedNodes.push(n);
-            }
-        });
-        RED.nodes.eachConfig(function(n) {
-            if (n.z == activeSubflow.id) {
-                removedNodes.push(n);
-            }
-        });
-
-        var removedConfigNodes = [];
-        for (var i=0;i<removedNodes.length;i++) {
-            var removedEntities = RED.nodes.remove(removedNodes[i].id);
-            removedLinks = removedLinks.concat(removedEntities.links);
-            removedConfigNodes = removedConfigNodes.concat(removedEntities.nodes);
-        }
-        // TODO: this whole delete logic should be in RED.nodes.removeSubflow..
-        removedNodes = removedNodes.concat(removedConfigNodes);
-
-        RED.nodes.removeSubflow(activeSubflow);
-        RED.workspaces.remove(activeSubflow);
-        RED.nodes.dirty(true);
-        RED.view.redraw();
-
-        return {
-            nodes:removedNodes,
-            links:removedLinks,
-            subflow: {
-                subflow: activeSubflow
-            }
-        }
-    }
-    function init() {
-        RED.events.on("workspace:change",function(event) {
-            var activeSubflow = RED.nodes.subflow(event.workspace);
-            if (activeSubflow) {
-                showWorkspaceToolbar(activeSubflow);
-            } else {
-                hideWorkspaceToolbar();
-            }
-        });
-        RED.events.on("view:selection-changed",function(selection) {
-            if (!selection.nodes) {
-                RED.menu.setDisabled("menu-item-subflow-convert",true);
-            } else {
-                RED.menu.setDisabled("menu-item-subflow-convert",false);
-            }
-        });
-
-        RED.actions.add("core:create-subflow",createSubflow);
-        RED.actions.add("core:convert-to-subflow",convertToSubflow);
-    }
-
-    function createSubflow() {
-        var lastIndex = 0;
-        RED.nodes.eachSubflow(function(sf) {
-           var m = (new RegExp("^Subflow (\\d+)$")).exec(sf.name);
-           if (m) {
-               lastIndex = Math.max(lastIndex,m[1]);
-           }
-        });
-
-        var name = "Subflow "+(lastIndex+1);
-
-        var subflowId = RED.nodes.id();
-        var subflow = {
-            type:"subflow",
-            id:subflowId,
-            name:name,
-            info:"",
-            in: [],
-            out: []
-        };
-        RED.nodes.addSubflow(subflow);
-        RED.history.push({
-            t:'createSubflow',
-            subflow: {
-                subflow:subflow
-            },
-            dirty:RED.nodes.dirty()
-        });
-        RED.workspaces.show(subflowId);
-        RED.nodes.dirty(true);
-    }
-
-    function convertToSubflow() {
-        var selection = RED.view.selection();
-        if (!selection.nodes) {
-            RED.notify(RED._("subflow.errors.noNodesSelected"),"error");
-            return;
-        }
-        var i,n;
-        var nodes = {};
-        var new_links = [];
-        var removedLinks = [];
-
-        var candidateInputs = [];
-        var candidateOutputs = [];
-        var candidateInputNodes = {};
-
-
-        var boundingBox = [selection.nodes[0].x,
-            selection.nodes[0].y,
-            selection.nodes[0].x,
-            selection.nodes[0].y];
-
-        for (i=0;i<selection.nodes.length;i++) {
-            n = selection.nodes[i];
-            nodes[n.id] = {n:n,outputs:{}};
-            boundingBox = [
-                Math.min(boundingBox[0],n.x),
-                Math.min(boundingBox[1],n.y),
-                Math.max(boundingBox[2],n.x),
-                Math.max(boundingBox[3],n.y)
-            ]
-        }
-
-        var center = [(boundingBox[2]+boundingBox[0]) / 2,(boundingBox[3]+boundingBox[1]) / 2];
-
-        RED.nodes.eachLink(function(link) {
-            if (nodes[link.source.id] && nodes[link.target.id]) {
-                // A link wholely within the selection
-            }
-
-            if (nodes[link.source.id] && !nodes[link.target.id]) {
-                // An outbound link from the selection
-                candidateOutputs.push(link);
-                removedLinks.push(link);
-            }
-            if (!nodes[link.source.id] && nodes[link.target.id]) {
-                // An inbound link
-                candidateInputs.push(link);
-                candidateInputNodes[link.target.id] = link.target;
-                removedLinks.push(link);
-            }
-        });
-
-        var outputs = {};
-        candidateOutputs = candidateOutputs.filter(function(v) {
-             if (outputs[v.source.id+":"+v.sourcePort]) {
-                 outputs[v.source.id+":"+v.sourcePort].targets.push(v.target);
-                 return false;
-             }
-             v.targets = [];
-             v.targets.push(v.target);
-             outputs[v.source.id+":"+v.sourcePort] = v;
-             return true;
-        });
-        candidateOutputs.sort(function(a,b) { return a.source.y-b.source.y});
-
-        if (Object.keys(candidateInputNodes).length > 1) {
-             RED.notify(RED._("subflow.errors.multipleInputsToSelection"),"error");
-             return;
-        }
-
-        var lastIndex = 0;
-        RED.nodes.eachSubflow(function(sf) {
-           var m = (new RegExp("^Subflow (\\d+)$")).exec(sf.name);
-           if (m) {
-               lastIndex = Math.max(lastIndex,m[1]);
-           }
-        });
-
-        var name = "Subflow "+(lastIndex+1);
-
-        var subflowId = RED.nodes.id();
-        var subflow = {
-            type:"subflow",
-            id:subflowId,
-            name:name,
-            info:"",
-            in: Object.keys(candidateInputNodes).map(function(v,i) { var index = i; return {
-                type:"subflow",
-                direction:"in",
-                x:candidateInputNodes[v].x-(candidateInputNodes[v].w/2)-80,
-                y:candidateInputNodes[v].y,
-                z:subflowId,
-                i:index,
-                id:RED.nodes.id(),
-                wires:[{id:candidateInputNodes[v].id}]
-            }}),
-            out: candidateOutputs.map(function(v,i) { var index = i; return {
-                type:"subflow",
-                direction:"in",
-                x:v.source.x+(v.source.w/2)+80,
-                y:v.source.y,
-                z:subflowId,
-                i:index,
-                id:RED.nodes.id(),
-                wires:[{id:v.source.id,port:v.sourcePort}]
-            }})
-        };
-
-        RED.nodes.addSubflow(subflow);
-
-        var subflowInstance = {
-            id:RED.nodes.id(),
-            type:"subflow:"+subflow.id,
-            x: center[0],
-            y: center[1],
-            z: RED.workspaces.active(),
-            inputs: subflow.in.length,
-            outputs: subflow.out.length,
-            h: Math.max(30/*node_height*/,(subflow.out.length||0) * 15),
-            changed:true
-        }
-        subflowInstance._def = RED.nodes.getType(subflowInstance.type);
-        RED.editor.validateNode(subflowInstance);
-        RED.nodes.add(subflowInstance);
-
-        candidateInputs.forEach(function(l) {
-            var link = {source:l.source, sourcePort:l.sourcePort, target: subflowInstance};
-            new_links.push(link);
-            RED.nodes.addLink(link);
-        });
-
-        candidateOutputs.forEach(function(output,i) {
-            output.targets.forEach(function(target) {
-                var link = {source:subflowInstance, sourcePort:i, target: target};
-                new_links.push(link);
-                RED.nodes.addLink(link);
-            });
-        });
-
-        subflow.in.forEach(function(input) {
-            input.wires.forEach(function(wire) {
-                var link = {source: input, sourcePort: 0, target: RED.nodes.node(wire.id) }
-                new_links.push(link);
-                RED.nodes.addLink(link);
-            });
-        });
-        subflow.out.forEach(function(output,i) {
-            output.wires.forEach(function(wire) {
-                var link = {source: RED.nodes.node(wire.id), sourcePort: wire.port , target: output }
-                new_links.push(link);
-                RED.nodes.addLink(link);
-            });
-        });
-
-        for (i=0;i<removedLinks.length;i++) {
-            RED.nodes.removeLink(removedLinks[i]);
-        }
-
-        for (i=0;i<selection.nodes.length;i++) {
-            n = selection.nodes[i];
-            if (/^link /.test(n.type)) {
-                n.links = n.links.filter(function(id) {
-                    var isLocalLink = nodes.hasOwnProperty(id);
-                    if (!isLocalLink) {
-                        var otherNode = RED.nodes.node(id);
-                        if (otherNode && otherNode.links) {
-                            var i = otherNode.links.indexOf(n.id);
-                            if (i > -1) {
-                                otherNode.links.splice(i,1);
-                            }
-                        }
-                    }
-                    return isLocalLink;
-                });
-            }
-            n.z = subflow.id;
-        }
-
-        RED.history.push({
-            t:'createSubflow',
-            nodes:[subflowInstance.id],
-            links:new_links,
-            subflow: {
-                subflow: subflow
-            },
-
-            activeWorkspace: RED.workspaces.active(),
-            removedLinks: removedLinks,
-
-            dirty:RED.nodes.dirty()
-        });
-        RED.view.select(null);
-        RED.editor.validateNode(subflow);
-        RED.nodes.dirty(true);
-        RED.view.redraw(true);
-    }
-
-
-
-    return {
-        init: init,
-        createSubflow: createSubflow,
-        convertToSubflow: convertToSubflow,
-        removeSubflow: removeSubflow,
-        refresh: refresh,
-        removeInput: removeSubflowInput,
-        removeOutput: removeSubflowOutput
-    }
-})();

editor/sass/ace.scss

@@ -1,8 +0,0 @@
-.ace_gutter {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-}
-.ace_scroller {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-}

editor/sass/colors.scss

@@ -1,69 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-$background-color: #f3f3f3;
-
-$form-placeholder-color: #bbbbbb;
-$form-text-color: #444;
-$form-input-focus-color:  rgba(85,150,230,0.8);
-$form-input-border-color:  #ccc;
-$form-input-border-selected-color:  #aaa;
-
-
-$node-selected-color: #ff7f0e;
-$port-selected-color: #ff7f0e;
-$link-color: #888;
-$link-link-color: #ccc;
-$link-link-active-color: #ff7f0e;
-$link-subflow-color: #bbb;
-$link-unknown-color: #f00;
-
-$primary-border-color: #bbbbbb;
-$secondary-border-color: #dddddd;
-
-$tab-background-active: #fff;
-$tab-background-inactive: #f0f0f0;
-$tab-background-hover: #ddd;
-
-$palette-header-background: #f3f3f3;
-
-$workspace-button-background: #fff;
-$workspace-button-background-hover: #ddd;
-$workspace-button-background-active: #efefef;
-$workspace-button-color: #888;
-$workspace-button-color-disabled: #ccc;
-$workspace-button-color-focus: #999;
-$workspace-button-color-hover: #666;
-$workspace-button-color-active: #666;
-$workspace-button-color-selected: #AAA;
-
-$workspace-button-toggle-color: #999;
-$workspace-button-toggle-color-selected: #888;
-$workspace-button-toggle-color-disabled: #ddd;
-
-$workspace-button-color-focus-outline: rgba(85,150,230,0.2);
-
-$typedInput-button-background: #efefef;
-$typedInput-button-background-hover: #ddd;
-$typedInput-button-background-active: #ddd;
-
-$editor-button-color-primary: #eee;
-$editor-button-background-primary: #AD1625;
-$editor-button-background-primary-hover: #6E0A1E;
-$editor-button-color: #999;
-$editor-button-background: #fff;
-
-$shade-color: rgba(160,160,160,0.5);

editor/sass/debug.scss

@@ -1,262 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-.debug-window {
-    padding:0;
-    margin:0;
-    background: #fff;
-    line-height: 20px;
-}
-.debug-window .debug-message-payload {
-    font-size: 14px;
-}
-.debug-content {
-    position: absolute;
-    top: 43px;
-    bottom: 0px;
-    left:0px;
-    right: 0px;
-    overflow-y: scroll;
-}
-.debug-filter-box {
-    position:absolute;
-    top: 42px;
-    left: 0px;
-    right: 0px;
-    z-index: 20;
-    background: #f9f9f9;
-    padding: 10px;
-    border-bottom: 1px solid #ddd;
-    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
-}
-.debug-filter-row {
-    .red-ui-nodeList {
-        margin: 10px 0;
-    }
-}
-
-.debug-message {
-    position: relative;
-    border-bottom: 1px solid #eee;
-    border-left: 8px solid #eee;
-    border-right: 8px solid #eee;
-    padding: 2px;
-    &>.debug-message-meta .debug-message-tools {
-        display: none;
-    }
-
-    &.debug-message-hover {
-        border-right-color: #999;
-        &>.debug-message-meta .debug-message-tools {
-            display: inline-block;
-        }
-    }
-    .debug-message-row {
-        .debug-message-tools-pin {
-            display: none;
-        }
-        &.debug-message-row-pinned .debug-message-tools-pin {
-            display: inline-block;
-        }
-        &:hover {
-            background: #f3f3f3;
-            &>.debug-message-tools {
-                .debug-message-tools-copy {
-                    display: inline-block;
-                }
-                .debug-message-tools-pin {
-                    display: inline-block;
-                }
-            }
-        }
-    }
-}
-.debug-message-meta .debug-message-tools {
-    .editor-button-small {
-        font-size: 11px;
-    }
-}
-.debug-message-tools {
-    .button-group:not(:last-child) {
-        margin-right: 3px;
-    }
-    .editor-button-small {
-        height: 16px;
-        line-height: 14px;
-        font-size: 8px;
-        border-radius: 1px;
-        padding: 0 3px;
-        min-width: 18px;
-        i.fa-terminal {
-            // terminal icon is a bit thin, so darken its color for better contrast
-            color: darken($editor-button-color, 30%) !important;
-        }
-        &.selected {
-            color: darken($workspace-button-color-selected, 10%) !important;
-            background: darken($workspace-button-background-active,10%);
-        }
-    }
-}
-
-.debug-message-meta {
-    background: #fff;
-    font-size: 11px;
-    color: #707070;
-}
-.debug-message-date {
-    padding: 1px 5px 1px 1px;
-}
-.debug-message-topic {
-    display: block;
-    color: #a66;
-}
-.debug-message-name {
-    padding: 1px 5px;
-    color: #707070;
-}
-.debug-message-tools {
-    position: absolute;
-    top: 3px;
-    right: 1px;
-    .debug-message-tools-copy {
-        display: none;
-    }
-}
-.debug-message-payload {
-    display: block;
-    padding: 2px;
-    background: #fff;
-}
-.debug-message-level-log {
-    border-left-color: #eee;
-    border-right-color: #eee;
-}
-.debug-message-level-30 {
-    border-left-color: #ffdf9d;
-    border-right-color: #ffdf9d;
-}
-.debug-message-level-20 {
-    border-left-color: #f99;
-    border-right-color: #f99;
-}
-.debug-message-object-entry {
-    position: relative;
-    padding-left: 15px;
-}
-.debug-message-element {
-    color: #333;
-    font-family: Menlo, monospace;
-    font-size: 13px !important;
-    line-height: 1.3em;
-}
-.debug-message-object-key {
-    color: #792e90;
-}
-.debug-message-object-value {
-
-}
-.debug-message-object-handle {
-    color: #666;
-    font-size: 1em;
-    width: 1em;
-    text-align: center;
-    transition: transform 0.1s ease-in-out;
-    transform: rotate(90deg);
-}
-.debug-message-element:not(.debug-message-top-level)>.debug-message-expandable>.debug-message-object-handle {
-    margin-left: -1em;
-}
-.debug-message-object-entry>.debug-message-expandable>.debug-message-object-handle {
-    margin-left: -1em;
-}
-.debug-message-object-entry.collapsed>span>.debug-message-object-handle {
-    transform: rotate(0deg);
-}
-.debug-message-element.collapsed>span>.debug-message-object-handle {
-    transform: rotate(0deg);
-}
-.debug-message-object-entry.collapsed > .debug-message-object-entry {
-    display:none;
-}
-.debug-message-element.collapsed .debug-message-object-entry {
-    display:none;
-}
-.debug-message-element:not(.collapsed)>.debug-message-expandable>.debug-message-object-value>.debug-message-object-header {
-    display:none;
-}
-.debug-message-element.collapsed .debug-message-buffer-opts {
-    display: none;
-}
-.debug-message-element.collapsed .debug-message-object-type-header {
-    display:none;
-}
-.debug-message-object-entry pre {
-    font-family: Menlo, monospace;
-    font-size: 13px;
-    line-height: 1.2em;
-    margin: 0 0 0 -1em;
-}
-
-.debug-message-type-other { color: #2033d6; }
-.debug-message-type-string { color: #b72828; }
-.debug-message-type-null { color: #666; font-style: italic;}
-.debug-message-type-meta { color: #666; font-style: italic;}
-.debug-message-type-number { color: #2033d6; };
-.debug-message-type-number-toggle { cursor: pointer;}
-
-.debug-message-row {
-    display: block;
-    padding: 4px 2px 2px;
-    position: relative;
-    &.debug-message-row-pinned {
-        background: #f6f6f6;
-    }
-}
-.debug-message-expandable {
-    cursor: pointer;
-}
-.debug-message-expandable:hover .debug-message-object-handle {
-    color: #b72828 !important;
-}
-
-.debug-message-buffer-opts a {
-    font-size: 9px;
-    color: #bbb;
-    border: 1px solid #bbb;
-    border-radius: 2px;
-    padding: 2px 5px;
-    margin-left: 5px;
-}
-.debug-message-buffer-opts a:hover {
-    text-decoration: none;
-    color: #999;
-    border: 1px solid #999;
-    background: #f3f3f3;
-}
-.debug-message-buffer-raw > .debug-message-string-rows {
-    display: none;
-}
-.debug-message-buffer-string > .debug-message-array-rows {
-    display: none;
-}
-.debug-message-type-string-swatch {
-    display: inline-block;
-    width: 1.1em;
-    height: 0.9em;
-    vertical-align: middle;
-    border-radius: 3px;
-    margin: 0 4px;
-}

editor/sass/dropdownMenu.scss

@@ -1,84 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
-    background: #999;
-}
-
-.dropdown-menu * .fa-check-square {
-    display: none;
-    color: #e0e0e0;
-    margin-left: -25px;
-    margin-top: 3px;
-}
-.dropdown-menu * a.active > .fa-check-square {
-    display: inline-block;
-}
-.dropdown-menu * .fa-square {
-    display: inline-block;
-    color: #e0e0e0;
-    margin-left: -25px;
-    margin-top: 3px;
-}
-.dropdown-menu * a.active > .fa-square {
-    display: none;
-}
-
-
-.dropdown-menu>li.disabled>a:hover>[class^="icon-"] {
-    background-image: url("vendor/bootstrap/img/glyphicons-halflings.png") !important;
-}
-/** Fix for unreachable dropdown menu **/
-.dropdown-menu  {
-    border-radius: 0;
-    width: 200px !important;
-    margin-left: 0px !important;
-}
-.dropdown-menu > li > a > i {
-    width: 10px;
-    text-align: center;
-    margin-left: -8px;
-}
-.dropdown-menu > li > a {
-     padding-left: 38px ;
-     text-indent: -8px ;
-     white-space: normal !important;
-}
-
-.dropdown-submenu>a:after {
-    display: none;
-}
-.dropdown-submenu>a:before {
-    display: block;
-    float: left;
-    width: 0;
-    height: 0;
-    margin-top: 5px;
-    margin-left: -30px;
-    border-color: transparent;
-    border-right-color: #e0e0e0;
-    border-style: solid;
-    border-width: 5px 5px 5px 0;
-    content: " ";
-}
-
-.dropdown-submenu.disabled > a:before {
-    border-right-color: #444;
-}
-.dropdown-submenu.pull-left>.dropdown-menu {
-    border-radius: 0;
-}

editor/sass/editor.scss

@@ -1,355 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-#editor-stack {
-    position: absolute;
-    margin: 0;
-    top: 0;
-    bottom: 0px;
-    right: 323px;
-    width: 0;
-    z-index: 5;
-}
-.editor-tray {
-    position:absolute;
-    margin: 0;
-    top: 0;
-    //min-width: 500px;
-    width: auto;
-    right: -1000px;
-    bottom: 0;
-    background: #fff;
-    border-left: 1px solid $secondary-border-color;
-    border-bottom: 1px solid $primary-border-color;
-    box-sizing: content-box;
-}
-.editor-tray.open {
-    right: 0;
-}
-.editor-tray-body-wrapper {
-    width: 100%;
-    box-sizing: border-box;
-    overflow: auto;
-}
-.editor-tray-body {
-    position: relative;
-    box-sizing: border-box;
-    padding: 0.1px; // prevent margin collapsing
-    .dialog-form,#dialog-form, #node-config-dialog-edit-form {
-        margin: 20px;
-        height: calc(100% - 40px);
-    }
-}
-.editor-tray-content {
-    overflow: auto;
-}
-.editor-tray-header {
-    @include disable-selection;
-    position: relative;
-    box-sizing: border-box;
-    font-weight: bold;
-    border-bottom: 1px solid $secondary-border-color;
-    background: $palette-header-background;
-    &:after {
-        content: "";
-        display: table;
-        clear: both;
-    }
-}
-
-.editor-tray-footer {
-    @include component-footer;
-    height: 35px;
-
-    button {
-        @include editor-button;
-        padding: 3px 7px;
-        font-size: 11px;
-    }
-
-}
-
-.editor-tray-toolbar {
-    text-align: right;
-    padding: 6px;
-
-    button {
-        @include editor-button;
-        &.toggle {
-            @include workspace-button-toggle;
-        }
-    }
-}
-
-.editor-tray-titlebar {
-    border-bottom: 1px solid $secondary-border-color;
-    padding: 8px;
-}
-.editor-tray-breadcrumbs {
-    list-style-type: none;
-    margin: 0;
-    padding:0;
-
-    li {
-        display: inline-block;
-        padding:0;
-        margin:0;
-
-        &:not(:last-child) {
-            color: $editor-button-color;
-            font-weight: normal;
-
-            &:after {
-                display: inline-block;
-                content: '>';
-                margin: 0 5px;
-            }
-
-        }
-    }
-}
-.editor-tray-resize-handle {
-    position: absolute;
-    top: 0px;
-    bottom: 0px;
-    width: 7px;
-    left: -9px;
-    background: $background-color url(images/grip.png) no-repeat 50% 50%;
-    cursor: col-resize;
-    border-left: 1px solid $primary-border-color;
-    box-shadow: -1px 0 6px rgba(0,0,0,0.1);
-
-    &.editor-tray-resize-maximised {
-        background: $background-color;
-        cursor: default;
-    }
-}
-.editor-tray-resize-button {
-    @include workspace-button;
-    display: block;
-    height: 37px;
-    line-height: 35px;
-    border: none;
-    border-bottom: 1px solid $secondary-border-color;
-    margin: 0;
-    background: $background-color;
-    color: $workspace-button-color;
-}
-#palette-shade, #editor-shade, #header-shade, #sidebar-shade  {
-    @include shade;
-    z-index: 2;
-}
-#sidebar-shade  {
-    left: -8px;
-    top: -1px;
-    bottom: -1px;
-}
-#full-shade {
-    @include shade;
-    z-index: 15;
-}
-
-.dialog-form,#dialog-form, #node-config-dialog-edit-form {
-    height: 100%;
-}
-
-.input-error {
-    border-color: rgb(214, 97, 95) !important;
-}
-
-.form-row {
-    clear: both;
-    color: $form-text-color;
-    margin-bottom:12px;
-}
-.form-row label {
-    display: inline-block;
-    width: 100px;
-}
-.form-row input, .form-row div[contenteditable="true"] {
-    width:70%;
-}
-
-.form-tips {
-    background: #ffe;
-    padding: 8px;
-    border-radius: 2px;
-    border: 1px solid $secondary-border-color;
-    max-width: 450px;
-}
-.form-tips code {
-    border: none;
-    padding: auto;
-}
-.form-tips a {
-    text-decoration: underline;
-}
-
-.form-warning {
-    border-color: #d6615f;
-}
-
-.node-text-editor {
-    border:1px solid #ccc;
-    border-radius:5px;
-    overflow: hidden;
-    font-size: 14px !important;
-    font-family: Menlo, Consolas, 'DejaVu Sans Mono', Courier, monospace !important;
-}
-
-.editor-button {
-    @include workspace-button;
-    height: 34px;
-    line-height: 32px;
-    font-size: 13px;
-    border-radius: 2px;
-    padding: 0 10px;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    &.toggle {
-        @include workspace-button-toggle;
-    }
-}
-
-
-.editor-button-small {
-    height: 20px;
-    min-width: 20px;
-    line-height: 18px;
-    font-size: 10px;
-    border-radius: 2px;
-    padding: 0 5px;
-}
-
-#node-config-dialog-scope-container {
-    cursor: auto;
-    float: right;
-    font-size: 12px !important;
-    line-height: 35px;
-}
-#node-config-dialog-scope-warning {
-    display: inline-block;
-    margin-right: 5px;
-    color: #AD1625;
-    vertical-align: middle;
-}
-#node-config-dialog-scope {
-    margin: 1px 0 0 0;
-    padding: 0;
-    height: 22px;
-    width: 200px;
-
-}
-#node-config-dialog-user-count {
-    vertical-align: middle;
-    display:inline-block;
-    margin-right: 20px;
-    float:left;
-    font-size: 12px;
-    line-height: 35px;
-}
-.node-input-expression-editor #dialog-form {
-    margin: 0;
-    height: 100%;
-    .red-ui-panel {
-        &:first-child {
-            padding: 20px 20px 0;
-        }
-        &:last-child {
-            padding-bottom: 20px;
-        }
-    }
-}
-.node-input-expression-tab-content {
-    position: relative;
-    padding: 0 20px;
-}
-
-#node-input-expression-help {
-    position: absolute;
-    top: 35px;
-    left:0;
-    right: 0;
-    bottom:0;
-    padding: 0 20px;
-    overflow: auto;
-    box-sizing: border-box;
-}
-#node-input-expression-panel-info {
-    & > .form-row {
-        margin: 0;
-        & > div:first-child {
-            margin-top: 10px;
-        }
-    }
-}
-.node-input-expression-legacy, .node-input-buffer-type {
-    font-size: 0.8em;
-    float: left;
-    cursor: pointer;
-    border: 1px solid white;
-    padding: 2px 5px;
-    border-radius: 2px;
-    &:hover {
-        border-color: $form-input-border-color;
-    }
-}
-.node-input-buffer-type {
-    float: none;
-    text-align: right;
-}
-
-#clipboard-hidden {
-    position: absolute;
-    top: -3000px;
-}
-.node-label-form-row {
-    margin: 5px 0;
-    label {
-        margin-right: 20px;
-        text-align: right;
-        width: 30px;
-    }
-    button {
-        margin-left: 10px;
-    }
-    input {
-        width: calc(100% - 100px);
-    }
-    #node-settings-icon-module {
-        width: calc(55% - 50px);
-    }
-    #node-settings-icon-file {
-        width: calc(45% - 55px);
-        margin-left: 5px;
-    }
-}
-.node-label-form-none {
-    span {
-        padding-left: 50px;
-        width: 100px;
-        color: #999;
-    }
-}
-
-.ace_read-only {
-    background: #eee !important;
-    .ace_cursor {
-       color: transparent !important;
-    }
-
-}

editor/sass/flow.scss

@@ -1,296 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-.hidden {
-    display: none;
-}
-
-.lasso {
-    stroke-width: 1px;
-    stroke: #ff7f0e;
-    fill: rgba(20,125,255,0.1);
-    stroke-dasharray: 10 5;
-}
-
-.group-box {
-    stroke-width: 1px;
-    stroke: #aaaaaa;
-    fill: rgba(208, 211, 238, 0.1);
-    stroke-dasharray: 3 3;
-}
-.group-box-active {
-    fill: #fff;
-    stroke: #ff7f0e;
-}
-
-.group_label {
-    stroke-width: 0;
-    fill: #999;
-    font-size: 11px;
-    pointer-events: none;
-    -webkit-touch-callout: none;
-    @include disable-selection;
-}
-
-.pull-right {
-    margin-left: 20px;
-}
-
-.node_label_italic {
-    font-style: italic;
-}
-.node_label_unknown {
-    font-style: italic;
-    fill: #e00 !important;
-}
-.node_label_white {
-    fill: #eee !important;
-}
-.node_label {
-    stroke-width: 0;
-    fill: #333;
-    font-size: 14px;
-    pointer-events: none;
-    -webkit-touch-callout: none;
-    @include disable-selection;
-}
-
-.port_label {
-    stroke-width: 0;
-    fill: #888;
-    font-size: 16px;
-    alignment-baseline: middle;
-    text-anchor: middle;
-    pointer-events: none;
-    -webkit-touch-callout: none;
-    @include disable-selection;
-}
-
-
-.function_label {
-    font-size: 12px;
-}
-.node {
-    stroke: #999;
-    cursor: move;
-    stroke-width: 1;
-}
-.node_unknown {
-    stroke-dasharray:10,4;
-    stroke: #f33;
-}
-.tool_arrow {
-    stroke-width: 1;
-    stroke: #999;
-    fill: #999;
-    cursor: pointer;
-}
-.node_tools {
-    fill: #ddd;
-    stroke: #999;
-    cursor: move;
-    stroke-width: 1;
-    cursor: pointer;
-}
-.node_tools_hovered {
-    stroke: #ff7f0e;
-    fill: #eee;
-}
-
-.node_button {
-    fill: inherit;
-
-}
-.port {
-    stroke: #999;
-    stroke-width: 1;
-    fill: #ddd;
-    cursor: crosshair;
-}
-
-.port_highlight {
-    stroke: #6DA332;
-    stroke-width: 3;
-    fill: #fff;
-    pointer-events:none;
-    fill-opacity: 0.5;
-}
-
-.node_error {
-    stroke: #ff0000;
-    stroke-width: 2;
-    fill: #ff7f0e;
-}
-
-.node_badge {
-    stroke: rgb(93, 114, 145);
-    stroke-width: 1;
-    fill: rgb(190, 209, 255);
-}
-.node_badge_label {
-    stroke-width:0;
-    fill: #fff;
-    font-size: 11px;
-    pointer-events: none;
-    -webkit-touch-callout: none;
-    @include disable-selection;
-
-}
-.node_invalid {
-    stroke: #ff0000;
-}
-.node_selected {
-    stroke-width: 2;
-    stroke: $node-selected-color !important;
-}
-.node_highlighted {
-    border-color: #dd1616 !important;
-    border-style: dashed !important;
-    stroke: #dd1616;
-    stroke-width: 2;
-    stroke-dasharray: 10, 4;
-}
-.node_hovered {
-}
-
-.node_subflow .node {
-    stroke-dasharray:8, 3;
-}
-
-
-.node_quickadd * {
-    stroke-dasharray: 12,3;
-}
-
-.node_status_label {
-    @include disable-selection;
-    stroke-width: 0;
-    fill: #888;
-    font-size:9pt;
-    stroke:#000;
-    text-anchor:start;
-}
-
-.port_hovered {
-    stroke: $port-selected-color;
-    fill:  $port-selected-color;
-}
-
-.port_quick_link {
-    stroke: $port-selected-color;
-    fill:  $port-selected-color;
-}
-
-
-.subflowport {
-    stroke-dasharray: 5,5;
-    fill: #eee;
-    stroke: #999;
-}
-
-.drag_line {
-    stroke: $node-selected-color;
-    stroke-width: 3;
-    fill: none;
-    pointer-events: none;
-}
-
-.drag_line_hidden {
-    stroke: $node-selected-color;
-    stroke-width: 0;
-    pointer-events: none;
-    fill: none;
-}
-
-.link_line {
-    stroke: $link-color;
-    stroke-width: 3;
-    fill: none;
-    pointer-events: none;
-}
-.link_link {
-    stroke-width: 2;
-    stroke-dasharray: 10,5;
-    stroke: $link-link-color;
-    fill: none;
-    stroke-dasharray: 15,2;
-    pointer-events: none;
-}
-.link_port {
-    fill: #fff;
-    stroke: $link-link-color;
-    stroke-width: 1;
-}
-.link_group_active .link_port {
-    stroke: $link-link-active-color;
-}
-.link_group:hover {
-    cursor: pointer;
-}
-.link_subflow {
-    stroke: $link-subflow-color;
-    stroke-dasharray: 10,5;
-    stroke-width: 2;
-}
-
-.link_outline {
-    stroke: #fff;
-    stroke-width: 4;
-    cursor: crosshair;
-    fill: none;
-    pointer-events: none;
-}
-.link_background {
-    stroke: #fff;
-    opacity: 0;
-    stroke-width: 20;
-    cursor: crosshair;
-    fill: none;
-}
-.link_splice > .link_line {
-    stroke-dasharray: 15,8;
-}
-
-g.link_selected path.link_line {
-    stroke: $node-selected-color;
-}
-g.link_unknown path.link_line {
-    stroke: $link-unknown-color;
-    stroke-width: 2;
-    stroke-dasharray: 10, 4;
-}
-
-@keyframes port_tooltip_fadeIn { from { opacity:0; } to { opacity:1; } }
-
-.port_tooltip {
-    opacity:0;
-    animation: 0.1s ease-in 0s 1 normal forwards port_tooltip_fadeIn;
-    pointer-events: none;
-
-    path {
-        fill: white;
-        stroke: #999;
-        stroke-width: 1;
-    }
-}
-.port_tooltip_label {
-    stroke-width: 0;
-    fill: #666;
-    font-size: 12px;
-    pointer-events: none;
-    -webkit-touch-callout: none;
-    @include disable-selection;
-}

editor/sass/header.scss

@@ -1,291 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-$activeButton: #121212;
-
-$deployButton: #8C101C;
-$deployButtonHover: #6E0A1E;
-$deployButtonActive: #4C0A17;
-
-$deployDisabledButton: #444;
-$deployDisabledButtonHover: #555;
-$deployDisabledButtonActive: #444;
-
-$headerMenuBackground: #121212;
-$headerMenuItemHover: #323232;
-$headerMenuItemDivider: #464646;
-
-#header {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 40px;
-    background: #000;
-    box-sizing: border-box;
-    padding: 0px 0px 0px 20px;
-    color: #C7C7C7;
-    font-size: 14px;
-}
-
-span.logo {
-    float: left;
-    margin-top: 5px;
-    font-size: 30px;
-    line-height: 30px;
-    text-decoration: none;
-
-    span {
-        vertical-align: middle;
-        font-size: 16px !important;
-    }
-    img {
-        height: 18px;
-    }
-
-    a {
-        color: inherit;
-        &:hover {
-            text-decoration: none;
-        }
-    }
-
-}
-
-.header-toolbar {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    float: right;
-
-    > li {
-        display: inline-block;
-        padding: 0;
-        margin: 0;
-        position: relative;
-
-    }
-}
-
-.button {
-    @include disable-selection;
-}
-
-#header .button {
-    min-width: 20px;
-    text-align: center;
-    line-height: 40px;
-    display: inline-block;
-    font-size: 20px;
-    padding: 0px 12px;
-    text-decoration: none;
-    color: #C7C7C7;
-    margin: auto 5px;
-    vertical-align: middle;
-    border-left: 2px solid #000;
-    border-right: 2px solid #000;
-
-    &:hover {
-        border-color: $headerMenuItemHover;
-    }
-}
-
-#header .button-group {
-    display: inline-block;
-    margin: auto 15px;
-    vertical-align: middle;
-    clear: both;
-}
-#header .button-group > a {
-    display: inline-block;
-    position: relative;
-    float: left;
-    line-height: 22px;
-    font-size: 14px;
-    text-decoration: none;
-    padding: 4px 8px;
-    margin: 0;
-}
-
-.deploy-button {
-    background: $deployButton;
-    color: #eee !important;
-
-    &:hover {
-        background: $deployButtonHover;
-    }
-
-    &:active {
-        background: $deployButtonActive;
-        color: #ccc !important;
-    }
-}
-
-.deploy-button-spinner {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    text-align: center;
-
-    img {
-        opacity: 0.8;
-        height: 100%;
-    }
-}
-
-#btn-deploy {
-
-    padding: 4px 12px;
-
-    &.disabled {
-        cursor: default;
-        background: $deployDisabledButton;
-        color: #999 !important;
-
-        .deploy-button-content>img {
-            opacity: 0.3;
-        }
-
-        &+ #btn-deploy-options {
-            background: $deployDisabledButton;
-            color: #ddd;
-        }
-        &+ #btn-deploy-options:hover {
-            background: $deployDisabledButtonHover;
-        }
-        &+ #btn-deploy-options:active {
-            background: $deployDisabledButton;
-        }
-    }
-
-    .deploy-button-content>img {
-        margin-right: 8px;
-    }
-}
-
-.deploy-button-group.open {
-    #btn-deploy-options {
-        background: $activeButton !important;
-    }
-}
-
-
-#header .button {
-    &:active, &.active {
-        background: $activeButton;
-    }
-    &:focus {
-        outline: none;
-    }
-}
-
-#header li.open .button {
-    background: $activeButton;
-    border-color: $activeButton;
-}
-
-
-#header ul.dropdown-menu {
-    background: $headerMenuBackground;
-    width: 250px !important;
-    margin-top: 0;
-}
-
-#header ul.dropdown-menu li a {
-    color: #C7C7C7;
-    padding: 3px 40px;
-}
-
-#header ul.dropdown-menu li a img {
-    margin-right: 10px;
-    padding: 4px;
-    border: 3px solid rgba(0,0,0,0);
-}
-
-#header ul.dropdown-menu li a.active img {
-    border: 3px solid #777677;
-}
-
-#header ul.dropdown-menu li a span.menu-label-container {
-    width: 180px;
-    vertical-align: top;
-    display: inline-block;
-    text-indent: 0px;
-}
-#header ul.dropdown-menu li a span.menu-label {
-    font-size: 14px;
-    display: inline-block;
-    text-indent: 0px;
-}
-#header ul.dropdown-menu li a span.menu-sublabel {
-    color: #aeaeae;
-    font-size: 13px;
-    display: inline-block;
-    text-indent: 0px;
-}
-
-#header ul.dropdown-menu > li:hover > a,
-#header ul.dropdown-menu > li:focus > a {
-    background: $headerMenuItemHover !important;
-}
-
-#header ul.dropdown-menu li.divider {
-    background: $headerMenuItemDivider;
-    border-bottom-color: $headerMenuItemHover;
-}
-#header ul.dropdown-menu li.disabled a {
-    color: #666;
-}
-
-#header ul.dropdown-menu > li.disabled:hover > a,
-#header ul.dropdown-menu > li.disabled:focus > a {
-    background: none !important;
-}
-
-/* Deploy menu customisations */
-#header ul#btn-deploy-options-submenu {
-    width: 300px !important;
-}
-#header ul#btn-deploy-options-submenu li a span.menu-label {
-    font-size: 16px;
-    display: inline-block;
-    text-indent: 0px;
-}
-#header ul#btn-deploy-options-submenu li a {
-    padding: 10px 30px;
-    color: #fff;
-}
-#header ul#btn-deploy-options-submenu li a > i.fa {
-    display: none !important;
-}
-
-/* User menu customisations */
-#header ul#btn-usermenu-submenu li a#btn-username > .menu-label {
-    font-size: 16px;
-    color: #fff;
-}
-
-#btn-usermenu .user-profile {
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    display: inline-block;
-    width: 40px;
-    height: 35px;
-    vertical-align: middle;
-}

editor/sass/keyboard.scss

@@ -1,136 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-#keyboard-help-dialog {
-    font-size: 0.9em;
-    padding-top: 10px;
-
-}
-
-#user-settings-tab-keyboard .red-ui-editableList-container {
-    border-radius: 0;
-    border: none;
-    padding: 0;
-}
-
-
-.keyboard-shortcut-entry.keyboard-shortcut-list-header {
-    padding:0 5px 0 5px;
-    div {
-        color: #666 !important;
-    }
-    .red-ui-searchBox-container {
-        width: calc(100% - 20px);
-    }
-    .keyboard-shortcut-entry-scope {
-        text-align: center;
-    }
-}
-
-.keyboard-shortcut-list-header {
-    border-bottom: 1px solid $primary-border-color;
-
-}
-.keyboard-shortcut-list {
-    position: absolute;
-    top:30px;
-    left:10px;
-    right:10px;
-    bottom:10px;
-    li {
-        padding: 0;
-        .red-ui-editableList-item-content {
-            padding: 8px;
-            cursor: pointer;
-        }
-    }
-    li:hover {
-        background: #f6f6f6;
-    }
-}
-.keyboard-shortcut-entry {
-    div {
-        display: inline-block;
-    }
-    // white-space: nowrap;
-
-    select {
-        margin: 0;
-        width: calc(100% - 30px);
-        font-size: 0.9em;
-        margin-right: 5px;
-    }
-}
-.keyboard-shortcut-entry-key {
-    width:160px;
-    vertical-align: middle;
-    input {
-        margin:0;
-        width: calc(100% - 5px);
-    }
-}
-.keyboard-shortcut-entry-text {
-    vertical-align: middle;
-    width: calc(100% - 160px - 100px - 10px);
-    overflow: hidden;
-    i {
-        color: #ccc;
-        margin-right: 5px;
-    }
-}
-.keyboard-shortcut-entry-scope {
-    width:100px;
-    color: #999;
-    vertical-align: middle;
-    text-align: right;
-}
-.keyboard-shortcut-entry:not(.keyboard-shortcut-list-header) {
-    .keyboard-shortcut-entry-scope {
-        font-size: 0.8em;
-    }
-}
-.keyboard-shortcut-entry-unassigned {
-    color: #999;
-    .keyboard-shortcut-entry-key {
-        font-style: italic;
-    }
-}
-.keyboard-shortcut-entry-expanded {
-    .keyboard-shortcut-entry-key {
-        width: 150px;
-    }
-    .keyboard-shortcut-entry-text {
-    }
-    .keyboard-shortcut-entry-scope {
-        width: 110px;
-    }
-    span {
-        display: none;
-    }
-}
-.keyboard-shortcut-edit  {
-}
-.help-key {
-    border: 1px solid #ddd;
-    padding: 4px;
-    border-radius: 3px;
-    background: #f6f6f6;
-    font-family: Courier, monospace;
-    box-shadow: #999 1px 1px 1px;
-}
-.help-key-block {
-    white-space: nowrap;
-}

editor/sass/notifications.scss

@@ -1,56 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-#notifications {
-    z-index: 100;
-    width: 500px;
-    margin-left: -250px;
-    left: 50%;
-    position: absolute;
-    top: 1px;
-}
-.notification {
-    box-sizing: border-box;
-    position: relative;
-    padding: 14px 18px;
-    margin-bottom: 4px;
-    box-shadow: 0 1px 1px 1px rgba(0,0,0, 0.15);
-    background-color: #fff;
-    color: #666;
-    border: 1px solid #325C80;
-    border-left-width: 16px;
-    overflow: hidden;
-}
-.notification p:first-child {
-    font-size: 1.1em;
-    font-weight: 400;
-}
-.notification a {
-    text-decoration: none;
-    &:hover {
-        text-decoration: underline;
-    }
-}
-
-.notification-success {
-    border-color: #4B8400;
-}
-.notification-warning {
-    border-color: #D74108;
-}
-.notification-error {
-    border-color: #AD1625;
-}

editor/sass/popover.scss

@@ -1,96 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-.red-ui-popover {
-    display: none;
-    position: absolute;
-    width: auto;
-    padding: 10px;
-    height: auto;
-    background: #fff;
-
-    z-index: 1000;
-    font-size: 14px;
-    line-height: 1.4em;
-    @include component-shadow;
-}
-
-.red-ui-popover:after, .red-ui-popover:before {
-    top: 50%;
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none;
-}
-.red-ui-popover.red-ui-popover-right:after, .red-ui-popover.red-ui-popover-right:before {
-    right: 100%;
-}
-.red-ui-popover.red-ui-popover-left:after, .red-ui-popover.red-ui-popover-left:before {
-    left: 100%;
-}
-
-
-.red-ui-popover.red-ui-popover-right:after {
-    border-color: rgba(136, 183, 213, 0);
-    border-right-color: #fff;
-    border-width: 10px;
-    margin-top: -10px;
-}
-.red-ui-popover.red-ui-popover-right:before {
-    border-color: rgba(194, 225, 245, 0);
-    border-right-color: $primary-border-color;
-    border-width: 11px;
-    margin-top: -11px;
-}
-
-.red-ui-popover.red-ui-popover-left:after {
-    border-color: rgba(136, 183, 213, 0);
-    border-left-color: #fff;
-    border-width: 10px;
-    margin-top: -10px;
-}
-.red-ui-popover.red-ui-popover-left:before {
-    border-color: rgba(194, 225, 245, 0);
-    border-left-color: $primary-border-color;
-    border-width: 11px;
-    margin-top: -11px;
-}
-
-.red-ui-popover-size-small {
-    font-size: 11px;
-    padding: 5px;
-
-    &.red-ui-popover-right:after {
-        border-width: 5px;
-        margin-top: -5px;
-    }
-    &.red-ui-popover-right:before {
-        border-width: 6px;
-        margin-top: -6px;
-    }
-
-    &.red-ui-popover-left:after {
-        border-width: 5px;
-        margin-top: -5px;
-    }
-    &.red-ui-popover-left:before {
-        border-width: 6px;
-        margin-top: -6px;
-    }
-}

editor/sass/sidebar.scss

@@ -1,105 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-#sidebar {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    width: 315px;
-    background: #fff;
-    box-sizing: border-box;
-    z-index: 10;
-    @include component-border;
-}
-
-#sidebar.closing {
-    background: #eee;
-    border-color: #900;
-    border-style: dashed;
-}
-
-#sidebar-content {
-    position: absolute;
-    top: 35px;
-    right: 0;
-    bottom: 25px;
-    left: 0px;
-    overflow-y: auto;
-}
-
-#sidebar-separator {
-    position: absolute;
-    top: 5px;
-    right: 315px;
-    bottom:10px;
-    width: 7px;
-    z-index: 11;
-    background: $background-color url(images/grip.png) no-repeat 50% 50%;
-    cursor: col-resize;
-}
-
-.sidebar-closed > #sidebar { display: none; }
-.sidebar-closed > #sidebar-separator { right: 0px !important; }
-.sidebar-closed > #workspace { right: 7px !important; }
-.sidebar-closed > #editor-stack { right: 8px !important; }
-
-#sidebar .button {
-    @include workspace-button;
-    line-height: 18px;
-    font-size: 12px;
-    margin-right: 5px;
-    padding: 2px 8px;
-}
-
-.sidebar-header {
-    color: #666;
-    text-align: right;
-    padding: 8px 10px;
-    background: #f3f3f3;
-    border-bottom: 1px solid $secondary-border-color;
-    white-space: nowrap;
-}
-
-#sidebar-footer {
-    @include component-footer;
-}
-
-.sidebar-footer-button {
-    @include component-footer-button;
-}
-.sidebar-footer-button-toggle {
-    @include component-footer-button-toggle;
-}
-.sidebar-header-button {
-    @include workspace-button;
-    font-size: 13px;
-    line-height: 13px;
-    padding: 5px 8px;
-}
-.sidebar-header-button-toggle {
-    @include workspace-button-toggle;
-    font-size: 13px;
-    line-height: 13px;
-    padding: 5px 8px;
-}
-.sidebar-header-button:not(:first-child) {
-    border-left: none;
-}
-
-.sidebar-shade {
-    @include shade;
-}

editor/sass/style.scss

@@ -1,135 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-@import "colors";
-@import "mixins";
-
-@import "forms";
-
-@import "jquery";
-@import "bootstrap";
-@import "ace";
-
-@import "dropdownMenu";
-
-@import "header";
-@import "palette";
-@import "sidebar";
-@import "workspace";
-@import "workspaceToolbar";
-
-@import "notifications";
-
-@import "editor";
-@import "library";
-@import "search";
-
-@import "panels";
-@import "tabs";
-@import "tab-config";
-@import "tab-info";
-@import "popover";
-@import "flow";
-@import "palette-editor";
-@import "diff";
-
-@import "userSettings";
-
-@import "projects";
-
-
-@import "ui/common/editableList";
-@import "ui/common/searchBox";
-@import "ui/common/typedInput";
-@import "ui/common/nodeList";
-@import "ui/common/checkboxSet";
-@import "ui/common/stack";
-
-@import "dragdrop";
-
-@import "keyboard";
-
-@import "debug";
-
-body {
-    font-size: 14px;
-    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
-    padding-top: 100px;
-    background: $background-color;
-}
-
-#main-container {
-    position: absolute;
-    top:40px; left:0; bottom: 0; right:0;
-    overflow:hidden;
-}
-
-i.spinner {
-    display: inline-block;
-    width: 14px;
-    height: 14px;
-    line-height: 14px;
-    vertical-align: text-top;
-    margin-top: 0px;
-    background: url(images/spin.svg) no-repeat 50% 50%;
-    background-size: contain
-}
-
-code, pre {
-  padding: 0 3px 2px;
-  font-family: monospace;
-  font-size: 14px;
-  color: #333333;
-  border-radius: 1px;
-}
-
-code {
-  padding: 0px 3px 2px 3px;
-  margin: 1px;
-  color: #AD1625;
-  white-space: nowrap;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
-  border-radius: 2px;
-}
-
-pre {
-  display: block;
-  padding: 9.5px;
-  margin: 0 0 10px;
-  line-height: 20px;
-  word-break: break-all;
-  word-wrap: break-word;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
-}
-
-pre code {
-  padding: 0;
-  color: inherit;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border: 0;
-}
-
-.hide {
-    display: none;
-}

editor/sass/tab-config.scss

@@ -1,82 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-.sidebar-node-config {
-    position: relative;
-    background: #f3f3f3;
-    height: 100%;
-    overflow-y:auto;
-    @include disable-selection;
-}
-
- .config-node-list {
-     margin: 0;
-     list-style-type: none;
-
-          .palette_label {
-              margin-left: 8px;
-              line-height: 24px;
-              text-align: left;
-              white-space: nowrap;
-              overflow: hidden;
-              text-overflow: ellipsis;
-          }
-          .palette_icon_container {
-              font-size: 12px;
-              line-height: 30px;
-              background-color: #e8e8e8;
-              border-top-right-radius: 4px;
-              border-bottom-right-radius: 4px;
-          }
- }
- .config_node {
-     width: 160px;
-     height: 30px;
-     background: #f3f3f3;
-     color: #666;
-     cursor: pointer;
-}
-.config_node_type {
-    color: #999;
-    text-align: right;
-    padding-right: 3px;
-    &:not(:first-child) {
-        margin-top: 20px;
-    }
-}
-.config_node_none {
-    color: #ddd;
-    text-align:right;
-    padding-right: 3px;
-}
-.config_node_unused {
-    border-color: #aaa;
-    background: #f9f9f9;
-    border-style: dashed;
-    color: #aaa;
-}
-.config-node-filter-info {
-    position: absolute;
-    top: 0;
-    right:0;
-    height: 38px;
-    line-height: 38px;
-    padding: 0 8px;
-    background: $palette-header-background;
-    font-size: 0.8em;
-    color: #999;
-    font-weight: normal;
-}

editor/sass/ui/common/typedInput.scss

@@ -1,178 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-.red-ui-typedInput-container {
-    border: 1px solid $form-input-border-color;
-    border-radius: 4px;
-    height: 34px;
-    display: inline-block;
-    padding: 0;
-    margin: 0;
-    vertical-align: middle;
-    box-sizing: border-box;
-    overflow:hidden;
-    position: relative;
-    .red-ui-typedInput-input {
-        position: absolute;
-        left:0;
-        right:0;
-        top:0;
-        bottom:0;
-        outline: red;
-    }
-    input {
-        width: 100%;
-        padding: 0 0 0 3px;
-        margin:0;
-        height: 32px;
-        border:none;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        box-shadow: none;
-        vertical-align: middle;
-    }
-
-    &.red-ui-typedInput-focus:not(.input-error) {
-        border-color: $form-input-focus-color !important;
-    }
-
-    button {
-        text-align: left;
-        border: none;
-        position: absolute;
-        box-sizing: border-box;
-        border-top-left-radius: 4px;
-        border-bottom-left-radius: 4px;
-        padding: 0 1px 0 5px;
-        display:inline-block;
-        background: $typedInput-button-background;
-        height: 32px;
-        line-height: 32px;
-        vertical-align: middle;
-        color: #555;
-        i {
-            position: relative;
-            top: -3px;
-            margin-left: 1px;
-            margin-right: 2px;
-            margin-top: 1px;
-            vertical-align: middle;
-            &.fa-ellipsis-h {
-                top: -1px;
-            }
-        }
-        &.disabled {
-            cursor: default;
-            i {
-                color: #bbb;
-            }
-        }
-        span {
-            display: inline-block;
-            height: 100%;
-            padding: 0 1px 0 5px;
-        }
-
-        &:not(.disabled):hover {
-            text-decoration: none;
-            background: $typedInput-button-background-hover;
-        }
-        &:focus {
-            text-decoration: none;
-            outline: none;
-            box-shadow: inset 0 0 0 1px $form-input-focus-color;
-        }
-        &:not(.disabled):active {
-            background: $typedInput-button-background-active;
-            text-decoration: none;
-        }
-        &.red-ui-typedInput-full-width {
-            width: 100%;
-            border-top-right-radius: 4px;
-            border-bottom-right-radius: 4px;
-        }
-    }
-
-    button.red-ui-typedInput-option-expand {
-        border-top-right-radius: 4px;
-        border-bottom-right-radius: 4px;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        right: 0;
-    }
-
-    button.red-ui-typedInput-option-trigger {
-        border-top-left-radius: 0px;
-        border-bottom-left-radius: 0px;
-        border-top-right-radius: 4px;
-        border-bottom-right-radius: 4px;
-        padding: 0 0 0 0;
-        position:absolute;
-        width: calc( 100% );
-
-        i {
-            position:absolute;
-            right: 4px;
-            top: 7px;
-        }
-        .red-ui-typedInput-option-label {
-            background:#fff;
-            position:absolute;
-            left:0;
-            right:23px;
-            top: 0;
-            padding: 0 5px 0 5px;
-        }
-        .red-ui-typedInput-option-caret {
-            top: 0;
-            position: absolute;
-            right: 0;
-            width: 17px;
-        }
-        &:focus {
-            box-shadow: none;
-        }
-        &:focus .red-ui-typedInput-option-caret {
-            box-shadow: inset 0 0 0 1px $form-input-focus-color;
-        }
-    }
-}
-.red-ui-typedInput-options {
-    @include component-shadow;
-    position: absolute;
-    border: 1px solid $primary-border-color;
-    background: #fff;
-    z-index: 2000;
-    a {
-        padding: 6px 18px 6px 6px;
-        display: block;
-        border-bottom: 1px solid $secondary-border-color;
-        color: #333;
-        &:hover {
-            text-decoration: none;
-            background: $typedInput-button-background-hover;
-        }
-        &:focus {
-            text-decoration: none;
-            background: $typedInput-button-background-active;
-            outline: none;
-        }
-        &:active {
-            text-decoration: none;
-            background: $typedInput-button-background-active;
-        }
-    }
-}

editor/sass/workspace.scss

@@ -1,82 +0,0 @@
-/**
- * Copyright JS Foundation and other contributors, http://js.foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- **/
-
-
-#chart {
-   overflow: auto;
-   background: #e3e3e3;
-   position: absolute;
-   bottom:25px;
-   top: 35px;
-   left:0px;
-   right:0px;
-   box-sizing:border-box;
-   transition: right 0.2s ease;
-}
-
-#chart:focus {
-    outline: none;
-}
-
-#workspace {
-    position: absolute;
-    margin: 0;
-    top:0px;
-    left:179px;
-    bottom: 0px;
-    right: 322px;
-    overflow: hidden;
-    @include component-border;
-    transition: left 0.2s ease-in-out;
-
-}
-
-.workspace-footer-button {
-    @include component-footer-button;
-}
-
-#workspace-footer {
-    @include component-footer;
-}
-
-#workspace-tabs:not(.workspace-focussed) {
-    opacity:0.8;
-    li.red-ui-tab.active a {
-        color:#666;
-    }
-}
-.workspace-disabled-icon {
-    display: none;
-}
-.workspace-disabled {
-    &.red-ui-tab {
-        border-top-style: dashed;
-        border-left-style: dashed;
-        border-right-style: dashed;
-
-        a {
-            font-style: italic;
-            color: #aaa !important;
-        }
-        &.active a {
-            font-weight: normal;
-            color: #999 !important;
-        }
-        .workspace-disabled-icon {
-            display: inline;
-        }
-    }
-}

editor/templates/index.mst

@@ -1,224 +0,0 @@
-<!DOCTYPE html>
-<html>
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
-<meta name="apple-mobile-web-app-capable" content="yes">
-<meta name="mobile-web-app-capable" content="yes">
-<!--
-  Copyright JS Foundation and other contributors, http://js.foundation
-
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-
-  http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
--->
-<head>
-<title>{{ page.title }}</title>
-<link rel="icon" type="image/png" href="{{ page.favicon }}">
-<link rel="mask-icon" href="{{ page.tabicon }}" color="#8f0000">
-<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
-<link href="vendor/jquery/css/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" media="screen">
-<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
-<link rel="stylesheet" href="vendor/vendor.css">
-<link rel="stylesheet" href="red/style.min.css">
-{{#page.css}}
-<link rel="stylesheet" href="{{.}}">
-{{/page.css}}
-
-</head>
-<body spellcheck="false">
-<div id="header">
-    <span class="logo">{{#header.url}}<a href="{{.}}">{{/header.url}}{{#header.image}}<img src="{{.}}" title="{{version}}">{{/header.image}} <span>{{ header.title }}</span>{{#header.url}}</a>{{/header.url}}</span>
-    <ul class="header-toolbar hide">
-        <li><a id="btn-sidemenu" class="button" data-toggle="dropdown" href="#"><i class="fa fa-bars"></i></a></li>
-    </ul>
-    <div id="header-shade" class="hide"></div>
-</div>
-<div id="main-container" class="sidebar-closed hide">
-    <div id="workspace">
-        <ul id="workspace-tabs"></ul>
-        <div id="chart" tabindex="1"></div>
-        <div id="workspace-toolbar"></div>
-        <div id="workspace-footer">
-            <a class="workspace-footer-button" id="btn-zoom-out" href="#"><i class="fa fa-minus"></i></a>
-            <a class="workspace-footer-button" id="btn-zoom-zero" href="#"><i class="fa fa-circle-o"></i></a>
-            <a class="workspace-footer-button" id="btn-zoom-in" href="#"><i class="fa fa-plus"></i></a>
-        </div>
-        <div id="editor-shade" class="hide"></div>
-    </div>
-    <div id="editor-stack"></div>
-    <div id="palette">
-        <img src="red/images/spin.svg" class="palette-spinner hide"/>
-        <div id="palette-search" class="palette-search hide">
-            <input type="text" data-i18n="[placeholder]palette.filter"></input>
-        </div>
-        <div id="palette-container" class="palette-scroll hide"></div>
-        <div id="palette-footer">
-            <a class="palette-button" id="palette-collapse-all" href="#"><i class="fa fa-angle-double-up"></i></a>
-            <a class="palette-button" id="palette-expand-all" href="#"><i class="fa fa-angle-double-down"></i></a>
-        </div>
-        <div id="palette-shade" class="hide"></div>
-    </div><!-- /palette -->
-    <div id="sidebar">
-        <ul id="sidebar-tabs"></ul>
-        <div id="sidebar-content"></div>
-        <div id="sidebar-footer"></div>
-        <div id="sidebar-shade" class="hide"></div>
-    </div>
-
-    <div id="sidebar-separator"></div>
-
-</div>
-<div id="full-shade" class="hide"></div>
-
-<div id="notifications"></div>
-<div id="dropTarget"><div data-i18n="[append]workspace.dropFlowHere"><br/><i class="fa fa-download"></i></div></div>
-
-<div id="node-dialog-library-save-confirm" class="hide">
-    <form class="form-horizontal">
-        <div style="text-align: center; padding-top: 30px;" id="node-dialog-library-save-content">
-        </div>
-    </form>
-</div>
-
-<div id="node-dialog-library-save" class="hide">
-    <form class="form-horizontal">
-        <div class="form-row">
-            <label for="node-dialog-library-save-folder" data-i18n="[append]library.folder"><i class="fa fa-folder-open"></i> </label>
-            <input type="text" id="node-dialog-library-save-folder" data-i18n="[placeholder]library.folderPlaceholder">
-        </div>
-        <div class="form-row">
-            <label for="node-dialog-library-save-filename" data-i18n="[append]library.filename"><i class="fa fa-file"></i> </label>
-            <input type="text" id="node-dialog-library-save-filename" data-i18n="[placeholder]library.filenamePlaceholder">
-        </div>
-    </form>
-</div>
-
-<div id="node-dialog-library-lookup" class="hide">
-    <form class="form-horizontal">
-        <div class="form-row">
-            <ul id="node-dialog-library-breadcrumbs" class="breadcrumb">
-                <li class="active"><a href="#" data-i18n="[append]library.breadcrumb"></a></li>
-            </ul>
-        </div>
-        <div class="form-row">
-            <div style="vertical-align: top; display: inline-block; height: 100%; width: 30%; padding-right: 20px;">
-                <div id="node-select-library" style="border: 1px solid #999; width: 100%; height: 100%; overflow:scroll;"><ul></ul></div>
-            </div>
-            <div style="vertical-align: top; display: inline-block;width: 65%; height: 100%;">
-                <div style="height: 100%; width: 95%;" class="node-text-editor" id="node-select-library-text" ></div>
-            </div>
-        </div>
-    </form>
-</div>
-<script type="text/x-red" data-template-name="subflow">
-    <div class="form-row">
-        <label for="node-input-name" data-i18n="[append]editor:common.label.name"><i class="fa fa-tag"></i> </label>
-        <input type="text" id="node-input-name">
-    </div>
-</script>
-
-<script type="text/x-red" data-template-name="subflow-template">
-    <div class="form-row">
-        <i class="fa fa-tag"></i>
-        <label for="subflow-input-name" data-i18n="common.label.name"></label><input type="text" id="subflow-input-name">
-    </div>
-    <div class="form-row" style="margin-bottom: 0px;">
-        <label for="subflow-input-info" data-i18n="editor:subflow.info"></label>
-        <a href="https://help.github.com/articles/markdown-basics/" style="font-size: 0.8em; float: right;" data-i18n="[html]subflow.format"></a>
-    </div>
-    <div class="form-row node-text-editor-row">
-        <div style="height: 250px;" class="node-text-editor" id="subflow-input-info-editor"></div>
-    </div>
-    <div class="form-row form-tips" id="subflow-dialog-user-count"></div>
-</script>
-
-<script type="text/x-red" data-template-name="_expression">
-    <div id="node-input-expression-panels">
-        <div id="node-input-expression-panel-expr" class="red-ui-panel">
-            <div class="form-row" style="margin-bottom: 3px; text-align: right;">
-                <span class="node-input-expression-legacy"><i class="fa fa-exclamation-circle"></i> <span data-i18n="expressionEditor.compatMode"></span></span>
-                <button id="node-input-expression-reformat" class="editor-button editor-button-small"><span data-i18n="expressionEditor.format"></span></button>
-            </div>
-            <div class="form-row node-text-editor-row">
-                <div class="node-text-editor" id="node-input-expression"></div>
-            </div>
-        </div>
-        <div id="node-input-expression-panel-info" class="red-ui-panel">
-            <div class="form-row">
-                <ul id="node-input-expression-tabs"></ul>
-                <div id="node-input-expression-tab-help" class="node-input-expression-tab-content hide">
-                    <div>
-                        <select id="node-input-expression-func"></select>
-                        <button id="node-input-expression-func-insert" class="editor-button" data-i18n="expressionEditor.insert"></button>
-                    </div>
-                    <div id="node-input-expression-help"></div>
-                </div>
-                <div id="node-input-expression-tab-test" class="node-input-expression-tab-content hide">
-                    <div>
-                        <span style="display: inline-block; width: calc(50% - 5px);">
-                            <span data-i18n="expressionEditor.data"></span>
-                            <button style="float: right; margin-right: 5px;" id="node-input-example-reformat" class="editor-button editor-button-small"><span data-i18n="jsonEditor.format"></span></button>
-                        </span>
-                        <span style="display: inline-block; width: calc(50% - 5px);" data-i18n="expressionEditor.result"></span>
-                    </div>
-                    <div style="display: inline-block; width: calc(50% - 5px);" class="node-text-editor" id="node-input-expression-test-data"></div>
-                    <div style="display: inline-block; width: calc(50% - 5px);" class="node-text-editor" id="node-input-expression-test-result"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-</script>
-<script type="text/x-red" data-template-name="_json">
-    <div class="form-row" style="margin-bottom: 3px; text-align: right;">
-        <button id="node-input-json-reformat" class="editor-button editor-button-small"><span data-i18n="jsonEditor.format"></span></button>
-    </div>
-    <div class="form-row node-text-editor-row">
-        <div style="height: 200px;min-height: 150px;" class="node-text-editor" id="node-input-json"></div>
-    </div>
-</script>
-<script type="text/x-red" data-template-name="_markdown">
-    <div class="form-row" id="node-input-markdown-title" style="margin-bottom: 3px; text-align: right;">
-
-    </div>
-    <div class="form-row node-text-editor-row">
-        <div style="height: 200px;min-height: 150px;" class="node-text-editor" id="node-input-markdown"></div>
-    </div>
-</script>
-<script type="text/x-red" data-template-name="_buffer">
-    <div id="node-input-buffer-panels">
-        <div id="node-input-buffer-panel-str" class="red-ui-panel">
-            <div class="form-row" style="margin-bottom: 3px; text-align: right;">
-                <span class="node-input-buffer-type"><i class="fa fa-exclamation-circle"></i> <span id="node-input-buffer-type-string" data-i18n="bufferEditor.modeString"></span><span id="node-input-buffer-type-array" data-i18n="bufferEditor.modeArray"></span></span>
-            </div>
-            <div class="form-row node-text-editor-row">
-                <div class="node-text-editor" id="node-input-buffer-str"></div>
-            </div>
-        </div>
-        <div id="node-input-buffer-panel-bin" class="red-ui-panel">
-            <div class="form-row node-text-editor-row" style="margin-top: 10px">
-                <div class="node-text-editor" id="node-input-buffer-bin"></div>
-            </div>
-        </div>
-    </div>
-</script>
-<script src="vendor/vendor.js"></script>
-<script src="vendor/jsonata/jsonata.min.js"></script>
-<script src="vendor/ace/ace.js"></script>
-<script src="vendor/ace/ext-language_tools.js"></script>
-<script src="{{ asset.red }}"></script>
-<script src="{{ asset.main }}"></script>
-{{# page.scripts }}
-<script src="{{.}}"></script>
-{{/ page.scripts }}
-
-</body>
-</html>