npm - @kumologica/sdk - Versions diffs - 3.2.0-beta9 → 4.0.0-alpha2 - Mend

@kumologica/sdk 3.2.0-beta9 → 4.0.0-alpha2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (570) hide show

package/src/app/ui/editor-client/templates/index.mst DELETED Viewed

@@ -1,284 +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>Kumologica Designer</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">
-<!-- Split button -->
-<link href="vendor/jquery/css/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" media="screen">
-<link rel="stylesheet" href="vendor/icofont/icofont.min.css">
-<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
-<link rel="stylesheet" href="vendor/simplemde/simplemde.min.css">
-<link rel="stylesheet" href="vendor/code-mirror/lib/codemirror.css">
-<link rel="stylesheet" href="vendor/code-mirror/theme/monokai.css" />
-<!-- Context menu -->
-<link rel="stylesheet" href="vendor/d3-context-menu/d3-context-menu.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" style="overflow: hidden !important">
-<div class="win-top-separator" style="display:flex; height:1px; border-top:1px solid #ddd"></div>
-<div id="header" style="-webkit-app-region: drag;">
-    <!-- <span class="logo">{{#header.url}}<a href="{{.}}">{{/header.url}}{{#header.image}}<img src="{{.}}">{{/header.image}} <span>{{ header.title }}</span>{{#header.url}}</a>{{/header.url}}</span> -->
-    <!-- <ul class="header-toolbar hide"> -->
-        <div id="left">
-            <div id="shelve-left" class="header-btn">
-                <i class="icofont-navigation-menu" style="font-size:18px"></i>
-            </div>
-        </div>
-        <!-- project information -->
-        <div id="right" class="left-shadow">
-            <!-- welcome button -->
-            <div id="btn-welcome" class="header-btn" style="margin: 0px 100px 0 20px">
-                <i class="icofont-home" style="font-size:18px;"></i></span>
-            </div>
-            <!-- search button -->
-            <div id="btn-search" class="header-btn">
-                <i class="icofont-search-folder" style="font-size:18px"></i>
-            </div>
-            <div class="header-btn-separator"></div>
-            <!-- import / export -->
-            <div id="import-btn" class="header-btn">
-                <i class="icofont-download" style="font-size:17px;"></i></span>
-            </div>
-            <div class="header-btn-separator"></div>
-            <div id="export-btn" class="header-btn" style="margin-right: 100px">
-                <i class="icofont-upload-alt" style="font-size:17px;"></i></span>
-            </div>
-            <div id="btn-settings" class="header-btn" style="margin-right:5px">
-                <i class="icofont-settings" style="font-size:17px;"></i></span>
-            </div>
-            <!-- check project information when server running -->
-            <div id="projectIndicator" style="text-align: center;">
-                <div id="projectInformation">
-                    <span id="project-title">Initializing...</span>
-                    <!-- <div style="justify-content: center;margin-top: -5px;">
-                        <i id="project-status-color" class="fa fa-circle" style="font-size: 8px;margin-right: 2px; display: none"></i>
-                        <span class="project-status"> </span>
-                    </div> -->
-                </div>
-                <!-- check project information when server is deploying new flow version -->
-                <div id="projectDeployingInformation" style="height: 100%; padding-top: 3px">
-                    <div style="width: 40%; text-align: end;">
-                        <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw" style="font-size: 11px;"></i>
-                        <span class="sr-only"></span>
-                    </div>
-                    <span  style="width: 55%; padding-left:3px; text-align:start;font-size:13px">Deploying...</span>
-                </div>
-                <div class="progressbarWrapper">
-                    <div class="progressbar"></div>
-                </div>
-            </div>
-            <div id="projectInfoExpand" style="position: relative; top: 3px; left: -19px; color: #ecebeb">
-                <i class="fa fa-caret-down"></i>
-            </div>
-            <div class="btn-aux">
-                <div id="btn-deploy" class="header-btn" style="display:none">
-                    <i class="icofont-save" style="font-size:15px"></i>
-                </div>
-            </div>
-            <!-- for the time being, keep it here, as it plays an important role in orchestrating some actions like palette and sidebars
-            this should be removed in the future -->
-            <li style="display: none;"><a id="btn-sidemenu" class="button" data-toggle="dropdown" href="#"><i class="fa fa-cog"></i></a></li>
-        </div>
-    <div id="header-shade" class="hide" style="height: 55px; top: -13px"></div>
-</div>
-<div id="main-container" class="hide">
-    <div id="workspace" class="left-shadow">
-        <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-minimize-restore" href="#"><i class="fa fa-compress"></i></a>
-            -->
-            <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>
-            <!--
-            <a class="workspace-footer-button" id="btn-minimize-restore" href="#"><i class="fa fa-compress"></i></a>
-            <a class="workspace-footer-button-toggle single" id="btn-navigate" href="#"><i class="fa fa-map-o"></i></a>
-            <a class="workspace-footer-button" id="btn-layouter" href="#"><i class="fa fa-magic"></i></a>
-             -->
-        </div>
-        <div id="workspace-terminal">
-            <div id="terminal-header">
-                <div id="terminal-separator"></div>
-                <div style="display: flex; justify-content: space-between; ">
-                    <div id="terminal-tabs" style="padding-left:10px">
-                        <span id="terminal-tab-output" class="terminal-tab-title">Log Viewer</span>
-                        <!--
-                        <span id="terminal-tab-cloud" class="terminal-tab-title">REMOTE</span>
-                        -->
-                    </div>
-                    <div id="terminal-actions">
-                        <!--trash icon -->
-                        <a id="btn-clear-logs" class="sidebar-header-button" href="#" title="Clear Panel">
-                            <i class="fa fa-trash"></i>
-                        </a>
-                        <!-- max/min icons -->
-                        <a id="btn-terminal-max" class="sidebar-header-button" href="#" title="Maximize Panel Size" style="padding: 5px 7px;">
-                            <i class="fa fa-chevron-up"></i>
-                        </a>
-                        <a id="btn-terminal-min" class="sidebar-header-button" href="#" title="Minimize Panel Size" style="padding: 5px 7px; display: none;">
-                                <i class="fa fa-chevron-down"></i>
-                        </a>
-                        <!-- close icon -->
-                        <a id="btn-terminal-close" class="sidebar-header-button" href="#" title="Close Panel">
-                            <i class="fa fa-times"></i>
-                        </a>
-                    </div>
-                </div>
-            </div>
-            <div id="terminal-output" style="width: 100%; overflow-x: hidden; overflow-y: auto">
-            </div>
-            <!--
-            <div id="terminal-cloud"></div>
-            -->
-        </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-options">
-            <div id="palette-option-nodes">
-                <a id="palette-option-nodes-a" class="palette-option-button-selected" href="#">
-                    <span>Nodes</span>
-                </a>
-                <a id="palette-option-projectnav-a" class="palette-option-button" href="#">
-                    <span>Navigator</span>
-                </a>
-            </div>
-        </div>
-        <div id="palette-projectnav" style="display: none">
-            <div id="projectnav"></div>
-            <div id="projectbtnnav"></div>
-            <ul id="palette-context-menu" class="jqtree-contextmenu dropdown-menu">
-                <li data-item="open"><a>Open in Workspace</a></li>
-                <li class="context-menu-item context-menu-separator context-menu-not-selectable"></li>
-                <li data-item="delete"><a>Delete</a></li>
-            </ul>
-        </div>
-        <div id="palette-nodes">
-            <div id="palette-search" class="palette-search hide">
-                <input type="text" placeholder="Filter nodes"></input>
-            </div>
-            <div id="palette-container" class="palette-scroll hide"></div>
-            <div id="palette-footer" style="display:flex; height: 40px; border:none; justify-content: center; overflow: hidden;">
-                <div style="display: flex; width:90%;height: 32px; padding-top:3px;">
-                <a id="launch-node-library" class="sidebar-header-button" style="padding: 8px 20px; width: 100%;" href="#">
-                    <i class="fa fa-plus" style="margin-right:3px; font-size: 11px"></i>
-                    Add more nodes
-                </a>
-                </div>
-            </div>
-        </div>
-        <div id="palette-shade" class="hide"></div>
-    </div>
-    <div id="sidebar">
-        <div id="sidebar-separator" ></div>
-        <div id="sidebar-views">
-            <div id="sidebar-content">
-                <div id="editor-stack"></div>
-            </div>
-            <div id="sidebar-footer"></div>
-        </div>
-        <div id="sidebar-shade" class="hide"></div>
-    </div>
-    <div id="sidebar-shortcuts">
-        <ul id="sidebar-tabs"></ul>
-    </div>
-</div>
-<div id="full-shade" class="hide"></div>
-<div id="notifications"></div>
-<!--
-<div id="dropTarget">
-    <div><br/><i class="fa fa-download"></i></div>
-</div>
--->
-<div id="update-panel">
-    <p id="update-panel-message">message here</p>
-    <div class="update-panel-buttons">
-        <button id="btn-update-panel-close" class="sidebar-header-button">Close</button>
-        <button id="btn-update-panel-restart" class="sidebar-header-button">Restart</button>
-    </div>
-</div>
-<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="vendor/code-mirror/lib/codemirror.js"></script>
-<script src="vendor/d3-context-menu/d3-context-menu.js"></script>
-<script src="vendor/jqtree/tree.jquery.js"></script>
-<script src="{{ asset.red }}"></script>
-<script src="{{ asset.main }}"></script>
-{{# page.scripts }}
-<script src="{{.}}"></script>
-{{/ page.scripts }}
-</body>
-</html>

package/src/app/ui/editor-client/templates/modals/modalHome.mst DELETED Viewed

@@ -1,107 +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" />
-  <head>
-    <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"
-    />
-    <!-- Split button -->
-    <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" style="overflow: hidden;">
-    <div
-      id="modalHomeContainer"
-      style="padding:0px; margin: 0px;">
-      <div id="newProjectSection">
-        <img src="../red/images/kumologica-app.png" alt="kumologica logo" style="margin-bottom: 40px; width: 68px; margin-left: 215px;">
-        <span class="home-title">Kumologica</span>
-        <span class="subtitle" id="ideversion"> </span>
-        <div id="actions">
-          <!-- New Project action-->
-          <div id="actionNewProject">
-            <div class="logo-container">
-                <i id="action-new-logo" class="fa fa-file-o" style="font-size: 25px;"></i></span>
-            </div>
-            <div id="newProjectBtn" class="info-container">
-              <span id="action-new-title" class="action-title">Create a new Kumologica project</span>
-            </div>
-          </div>
-          <!-- Open Project action -->
-          <div id="actionOpenProject">
-            <!-- the logo-->
-            <div class="logo-container">
-                <i id="action-open-logo" class="fa fa-folder-open-o" style="font-size: 25px;"></i></span>
-            </div>
-            <!-- the button -->
-            <div id="openProjectBtn" class="info-container">
-                <span id="action-open-title" class="action-title">Open an existing project</span>
-            </div>
-          </div>
-        </div>
-        <div id="dependencies" style="font-size: 11px; color: darkgrey !important">
-          <p> Dependencies:
-            <span id="dependenciesNpm" style="color: darkgray; margin-right:6px;">
-              <i class="fa fa-question" style="width: 12px;"></i>NPM
-            </span>
-            <span id="dependenciesAws" style="color: darkgray; margin-right:6px;">
-              <i class="fa fa-question" style="width: 12px;"></i>AWS CLI
-            </span>
-            <span id="dependenciesProfile" style="color: darkgray; margin-right:6px;;">
-              <i class="fa fa-question" style="width: 12px;"></i>AWS Profile</span></p>
-        </div>
-      </div>
-      <div id="openProjectSection">
-        <div id="recent-projects">
-          <span class="palette-header" style="background: #eeeeee; cursor: default">RECENT PROJECTS</span>
-          <div id="listRecentProjects">
-          </div>
-        </div>
-      </div>
-    </div>
-    <script src="../vendor/vendor.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="../red/main-modals.js"></script>
-    {{# page.scripts }}
-    <script src="../{{.}}"></script>
-    {{/ page.scripts }}
-  </body>
-</html>

package/src/app/ui/editor-client/templates/modals/modalNewProject.mst DELETED Viewed

@@ -1,104 +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" />
-  <head>
-    <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"
-    />
-    <!-- Split button -->
-    <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" style="padding: 0px; margin: 0px; height: 100vh; overflow: hidden;">
-    <div id="modalNewProjectWrapper" style="height:100%">
-      <div class="optionsContainer">
-        <!-- project name -->
-        <div class="option">
-          <div class="option-label">Project name</div>
-          <input id="projectNameSelected" type="text"></input>
-        </div>
-        <div class="option-separator"></div>
-        <!-- save to-->
-        <div class="option-label">Save to</div>
-        <div id="projectPathSelectedDiv">
-            <input id="projectPathSelected" type="text"></input>
-            <button id="yourComputer" style="margin-bottom: 10px; width: 15%; border: 1px solid #ddd;">
-                <i class="fa fa-folder-open horizontal-space"></i>
-            </button>
-        </div>
-        <!-- sources -->
-        <div class="option-label">Sources</div>
-          <div id="projectFromSourcesOptions">
-            <div class="checkboxes">
-              <form id="newProjectSources">
-                <label for="emptyProjectCheckbox"><input type="radio" name="projectSources" value="emptyProject" checked/><span style="padding-left: 3px;"> Empty Project</span></label>
-                <label for="importJsonCheckbox"><input type="radio" name="projectSources" value="fromExistingFlow" /><span style="padding-left: 3px;"> From Existing Flow...</span></label>
-              </form>
-            </div>
-          </div>
-        </div>
-      <div style="display:flex; flex-direction: column">
-        <div id="flowtoimportSection" style="display: none; margin-bottom: 10px;">
-          <div class="option-label">Paste below the content of the flow json file</div>
-          <textarea id="flowtoimport" rows="11" style="resize: none; overflow: scroll; height: 155px;"></textarea>
-        </div>
-         <!-- Buttons -->
-        <div class="actionsContainer">
-          <div class="editor-tray-toolbar" style="display: flex; position:static; margin-right: 37px">
-              <button id="btn-new-project-cancel"
-                      type="button"
-                      class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only secondary"
-                      style="border-color: #d8d8d8">
-                Cancel
-              </button>
-              <button id="btn-new-project-create" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only primary disabled">
-                Create
-              </button>
-          </div>
-        </div>
-      </div>
-    </div>
-    <script src="../vendor/vendor.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="../red/main-modals.js"></script>
-    {{# page.scripts }}
-    <script src="../{{.}}"></script>
-    {{/ page.scripts }}
-  </body>
-</html>

package/src/app/ui/editor-client/templates/modals/modalNewTab.mst DELETED Viewed

@@ -1,78 +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" />
-  <head>
-    <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"
-    />
-    <!-- Split button -->
-    <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" style="padding: 0px; margin: 0px; height: 100vh; overflow: hidden;">
-    <div id="modalNewTabWrapper" style="height:100%">
-      <div class="optionsContainer">
-       <div class="modalTitle"> Create new tab</div>
-       <div class="modalSubTitle">Tabs help you to organize logically your flows. Inside each tab you can mix both logic and test flows.</div>
-        <!-- tab name -->
-        <div class="option">
-          <div class="option-label">Name: </div>
-          <input id="newTabName" placeholder="(max 22 characters long)"type="text" maxlength="22" ></input>
-          <span id="charLeftCounter" style="line-height: 4px; padding: 14px;"></span>
-        </div>
-      </div>
-       <!-- Buttons -->
-      <div class="actionsContainer">
-        <div class="editor-tray-toolbar">
-            <button id="btn-new-tab-cancel"
-                    type="button"
-                    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only secondary"
-                    style="border-color: #d8d8d8">
-              Cancel
-            </button>
-            <button id="btn-new-tab-create" type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only primary disabled">
-              Create
-            </button>
-        </div>
-      </div>
-    </div>
-    <script src="../vendor/vendor.js"></script>
-    <script src="../vendor/jqtree/tree.jquery.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="../red/main-modals.js"></script>
-    {{# page.scripts }}
-    <script src="../{{.}}"></script>
-    {{/ page.scripts }}
-  </body>
-</html>

package/src/app/ui/editor-client/templates/modals/modalNodeLibrary.mst DELETED Viewed

@@ -1,72 +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" />
-  <head>
-    <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"
-    />
-    <!-- Split button -->
-    <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"
-    style="padding: 0px; margin: 0px; height: 100vh; overflow: hidden;"
-  >
-    <div id="modalAddNodeWrapper">
-      <div id="library-header">
-        <div class="category-selected-title">Add nodes to your project</div>
-      </div>
-      <div id="library-node-content">
-        <div id="loading-library">
-          <div style="text-align: center;">
-            <img src="../red/images/spinner.gif" style="width: 55px;" />
-          </div>
-          <div style="text-align: center"><span>Loading...</span></div>
-        </div>
-        <div id="library-not-reachable" style="display:none; flex-direction: column; align-items:center; justify-content: center; height: 70%"">
-          <i class="fa fa-exclamation-circle" style="font-size: 110px; color: #bbb"></i>
-          <span style="font-weight: bold; font-size: 22px; margin-top: 15px;color: grey;">Unable to connect to Kumologica Library</span>
-          <span style="font-weight: bold; font-size: 13px; margin-top: 5px;color: grey;">Ensure your proxy settings are configured (Settings > Network)</span>
-        </div>
-        <div id="library-grid" style="display:none"></div>
-      </div>
-    </div>
-    <script src="../vendor/vendor.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="../red/main-modals.js"></script>
-    {{# page.scripts }}
-    <script src="../{{.}}"></script>
-    {{/ page.scripts }}
-  </body>
-</html>