@gregoriusrippenstein/node-red-contrib-nodedev 0.4.8 → 0.5.0

package/nodes/20-pkg-file.html

@@ -71,6 +71,7 @@
                 <option value="lexon">Lexon</option>
                 <option value="liquid">Liquid</option>
                 <option value="lua">Lua</option>
+                <option value="mdx">MDX</option>
                 <option value="mips">MIPS</option>
                 <option value="markdown">Markdown</option>
                 <option value="m3">Modula-3</option>
@@ -103,6 +104,7 @@
                 <option value="hcl">Terraform</option>
                 <option value="twig">Twig</option>
                 <option value="typescript">TypeScript</option>
+                <option value="typespec">TypeSpec</option>
                 <option value="verilog">V</option>
                 <option value="vb">Visual Basic</option>
                 <option value="wgsl">WebGPU Shading Language</option>

package/nodes/lib/tarhelpers.js

@@ -86,6 +86,7 @@ module.exports = (function () {
         "liquid": "liquid",
         "html.liquid": "liquid",
         "lua": "lua",
+        "mdx": "mdx",
         "s": "mips",
         "md": "markdown",
         "markdown": "markdown",
@@ -153,6 +154,10 @@ module.exports = (function () {
         "iecst": "st",
         "iecplc": "st",
         "lc3lib": "st",
+        "TcPOU": "st",
+        "TcDUT": "st",
+        "TcGVL": "st",
+        "TcIO": "st",
         "swift": "swift",
         "tf": "hcl",
         "tfvars": "hcl",
@@ -162,6 +167,7 @@ module.exports = (function () {
         "tsx": "typescript",
         "cts": "typescript",
         "mts": "typescript",
+        "tsp": "typespec",
         "v": "verilog",
         "vh": "verilog",
         "vb": "vb",
@@ -219,6 +225,7 @@ module.exports = (function () {
         "xml": "xml",
         "ts": "typescript",
         "sql": "sql",
+        "sh": "shell",
 
 
         /* binary formats are encoded in base64 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name" : "@gregoriusrippenstein/node-red-contrib-nodedev",
-  "version": "0.4.8",
+  "version": "0.5.0",
   "dependencies": {
     "pako":          "^2.1.0",
     "tar-stream":    "^3.1.6",
@@ -31,7 +31,8 @@
   "node-red" : {
     "version": ">=3.0.0",
     "plugins": {
-      "nodefactory_sidebar": "plugins/node-factory-sidebar.html"
+      "nodefactory_sidebar": "plugins/node-factory-sidebar.html",
+      "supportdraganddrop":  "plugins/support-drag-and-drop.html"
     },
     "nodes": {
       "nodedevops":     "nodes/05-node-dev-ops.js",

package/plugins/support-drag-and-drop.html

@@ -0,0 +1,142 @@
+<script type="text/javascript">
+(function () {
+    var initialiseConfigNodeOnce = () => {
+        RED.events.off('runtime-state', initialiseConfigNodeOnce);
+
+        let customDropHandler = (event) => {
+            /* for debugging purposes - inspect the original Event to discover the type:
+            * console> window.ddEvent.originalEvent.dataTransfer.items[0].type
+            */
+            window.ddEvent = event
+
+            let itemPtr = event.originalEvent.dataTransfer.items
+            let itemCount = itemPtr.length
+
+            let nodesToBeImported = []
+            let waitingOnNode = 0;
+
+            let file2base64Image = (file, cb) => {
+                var reader = new FileReader();
+                reader.onload = (function (fd) {
+                    return function (e) {
+                        cb(e.target.result);
+                    };
+                })(file);
+                reader.readAsDataURL(file);
+            }
+
+            for (let idx = 0; idx < itemCount; idx++) {
+                let itm = itemPtr[idx]
+
+                if (itm.type.startsWith("image/")) {
+                    waitingOnNode++
+
+                    let file = event.originalEvent.dataTransfer.files[idx]
+                    let yPos = waitingOnNode * 40
+
+                    file2base64Image(file, dataUrl => {
+                        nodesToBeImported.push({
+                            "id": RED.nodes.id(),
+                            "type": "PkgFile",
+                            "name": file.name,
+                            "filename": file.name,
+                            "dirname": "",
+                            "format": "base64",
+                            "syntax": "plain",
+                            "template": dataUrl.replace(/^data:[^;]+;base64,/,""),
+                            "output": "str",
+                            "y": yPos,
+                            "x": 0,
+                            "wires": [[]]
+                        })
+                    })
+                } else if ( (itm.type == "text/xml" ||
+                             itm.type == "text/css" ||
+                             itm.type == "text/plain" ||
+                             itm.type == "text/html" ||
+                             itm.type == "text/x-python-script" ||
+                             itm.type == "text/markdown" ||
+                             itm.type == "application/x-javascript" ||
+                             itm.type == "application/x-yaml" ||
+                             itm.type == "application/x-sh" ||
+                             itm.type == "application/json"
+                           ) && (
+                              event.originalEvent.dataTransfer.files && event.originalEvent.dataTransfer.files[idx]
+                           )) {
+                    /*
+                     * Why is there a checking for existence of file data?
+                     *
+                     * Because text/plain is supported here BUT it's assumed that there is a
+                     * corresponding file, ensure that there is, else ignore text/plain.
+                     * text/plain also occurs without having a file attached.
+                     */
+                    waitingOnNode++
+
+                    let file = event.originalEvent.dataTransfer.files[idx]
+                    let yPos = waitingOnNode * 40
+
+                    let mapMineTypeToFormat = (minetype) => {
+                        let type = minetype.split("/")[1].replace("x-","")
+
+                        return {
+                            "plain":         "text",
+                            "python-script": "python",
+                            "sh":            "shell"
+                        }[type] || type;
+                    }
+
+                    file.arrayBuffer().then( d => {
+                        nodesToBeImported.push({
+                            "id": RED.nodes.id(),
+                            "type": "PkgFile",
+                            "name": file.name,
+                            "filename": file.name,
+                            "dirname": "",
+                            "format": mapMineTypeToFormat(itm.type),
+                            "syntax": "plain",
+                            "template": new TextDecoder().decode(d),
+                            "output": "str",
+                            "y": yPos,
+                            "x": 0,
+                            "wires": [[]]
+                        })
+                    }).catch( ex => { console.log(ex) })
+                }
+            }
+            
+            let checkIfAllIsThere = () => {
+                if (waitingOnNode > 0 && nodesToBeImported.length == waitingOnNode) {
+                    setTimeout(() => {
+                        try {
+                            RED.view.importNodes(nodesToBeImported)
+                        } catch (ex) { /*keep quiet*/ }
+                    }, 400);
+                } else {
+                    setTimeout(checkIfAllIsThere, 400)
+                }
+            }
+
+            if (waitingOnNode > 0) {
+                setTimeout(checkIfAllIsThere, 200)
+                setTimeout(() => { nodesToBeImported.length = waitingOnNode }, 4000)
+            }
+        }
+
+        /*
+         * Because this happens before the workspace is setup, we set the drop listen
+         * when the target becomes available.
+         */
+        let defineCustomDropHandler = () => {
+            if ($('#red-ui-drop-target').length > 0) {
+                $('#red-ui-drop-target').on("drop", customDropHandler)
+            } else {
+                setTimeout(defineCustomDropHandler, 300)
+            }
+        }
+        setTimeout(defineCustomDropHandler, 300)
+    };
+
+    RED.events.on('runtime-state', initialiseConfigNodeOnce);
+})();
+
+</script>