@theotherwillembotha/node-red-plugincore 0.0.52 → 0.0.53

package/src/GenerateNodes.ts

@@ -1,7 +1,7 @@
 
 import { DelegatedConfigReferenceNode } from "./core/other/node/DelegatedConfigReferenceNode.js";
 import { NodeTypeService } from "./core/tagging/service/NodeTypeService.js";
-import { NodeGenerator, SettingsService, BasicTemplate, SettingsTemplate, TimerMetricTemplate, ConsoleLoggerConfigNode, RestLoggerConfigNode, LokiLoggerConfigNode, UIHelperTemplate } from "./index.js"
+import { NodeGenerator, SettingsService, BasicTemplate, SettingsTemplate, TimerMetricTemplate, ConsoleLoggerConfigNode, RestLoggerConfigNode, LokiLoggerConfigNode, UIHelperTemplate, ScriptEditorTemplate } from "./index.js"
 import { WebhookServerConfigNode, WebhookServerService, WebhookTemplate,  } from "./index.js"
 
 import {LoggerService, LoggerTemplate } from "./index.js";
@@ -27,6 +27,7 @@ new NodeGenerator("./src/core/")
     .registerTemplate(TimerMetricTemplate)
     .registerTemplate(WebhookTemplate)
     .registerTemplate(UIHelperTemplate)
+    .registerTemplate(ScriptEditorTemplate)
 
     // nodes
     .registerNode(DelegatedConfigReferenceNode)

package/src/core/ui/template/ScriptEditorTemplate.html

@@ -0,0 +1,50 @@
+
+<div template-section="onIncludeOnce">
+
+<script src="resources/@theotherwillembotha/node-red-plugincore/editorLanguageExtension.js"></script>
+
+<script type="text/javascript">
+
+    window.PluginCore = window.PluginCore || {};
+
+    /**
+     * PluginCore.createScriptEditor(elementId, template, initialValue)
+     *
+     * Creates a Monaco editor instance with TypeScript-aware diagnostics,
+     * completions, and hover info scoped to the provided type template.
+     *
+     * @param {string} elementId   - DOM id of the container element.
+     * @param {string} template    - TypeScript template string. Use `${script}`
+     *                               as the placeholder for the user's code.
+     * @param {string} initialValue - The starting content of the editor.
+     * @returns \{{ getValue(): string, dispose(): void \}}
+     */
+    PluginCore.createScriptEditor = function(elementId, template, initialValue) {
+        var editorInstance = null;
+        var currentValue = initialValue || '';
+
+        ScriptEditorLanguageManager.createLanguage(monaco, template).then(function(language) {
+            editorInstance = monaco.editor.create(document.getElementById(elementId), {
+                value: currentValue,
+                language: language.getName(),
+                automaticLayout: true,
+                wordBasedSuggestions: 'currentDocument',
+            });
+        });
+
+        return {
+            getValue: function() {
+                return editorInstance ? editorInstance.getValue() : currentValue;
+            },
+            dispose: function() {
+                if (editorInstance) {
+                    editorInstance.dispose();
+                    editorInstance = null;
+                }
+            }
+        };
+    };
+
+</script>
+
+</div>

package/src/core/ui/template/ScriptEditorTemplate.ts

@@ -0,0 +1,14 @@
+import { Template, TemplateDescriptor } from "../../NodeConstructor"
+import { SourceUtility } from "../../NodeGenerator";
+
+export class ScriptEditorTemplate extends Template {
+
+    public static getTemplateDescriptor(): TemplateDescriptor {
+        return new TemplateDescriptor(
+            "script-editor",
+            ScriptEditorTemplate,
+            SourceUtility.getSourcePath("/build/", "/src/") + "ScriptEditorTemplate.html",
+            []
+        );
+    }
+}

package/src/index.ts

@@ -26,6 +26,7 @@ export * from "./core/tagging/NodeDescriptionDecorator";
 
 // UI
 export * from "./core/ui/template/UIHelperTemplate";
+export * from "./core/ui/template/ScriptEditorTemplate";
 
 // OTHER
 export * from "./core/other/node/DelegatedConfigReferenceNode";