@elicdavis/node-flow 0.1.7 → 0.1.9

package/dist/index.mjs

@@ -38,6 +38,11 @@ var Theme = {
     },
     Port: {
       FontColor: "#afb9bb"
+    },
+    Message: {
+      InfoColor: "#afb9bb",
+      WarnColor: "#f1f663ff",
+      ErrorColor: "#FF0000"
     }
   },
   BoxSelect: {
@@ -1137,18 +1142,24 @@ function splitStringIntoLines(ctx, str, maxWidth) {
 }
 
 // src/types/text.ts
-var _measured, _size2, _style, _value, _Text_instances, measure_fn;
+var _measured, _size2, _style, _value, _maxWidth2, _lineSpacing, _textToRender, _Text_instances, measure_fn;
 var _Text = class _Text {
-  constructor(value, style) {
+  constructor(value, style, config) {
     __privateAdd(this, _Text_instances);
     __privateAdd(this, _measured);
     __privateAdd(this, _size2);
     __privateAdd(this, _style);
     __privateAdd(this, _value);
+    __privateAdd(this, _maxWidth2);
+    __privateAdd(this, _lineSpacing);
+    __privateAdd(this, _textToRender);
     __privateSet(this, _value, value);
     __privateSet(this, _measured, false);
     __privateSet(this, _size2, Zero());
     __privateSet(this, _style, new TextStyle(style));
+    __privateSet(this, _maxWidth2, (config == null ? void 0 : config.MaxWidth) ? config == null ? void 0 : config.MaxWidth : -1);
+    __privateSet(this, _lineSpacing, (config == null ? void 0 : config.LineSpacing) ? config == null ? void 0 : config.LineSpacing : 5);
+    __privateSet(this, _textToRender, [value]);
     if (!document.fonts.check(`16px "${__privateGet(this, _style).getFont()}"`)) {
       document.fonts.addEventListener("loadingdone", (event) => {
         __privateSet(this, _measured, false);
@@ -1215,6 +1226,10 @@ var _Text = class _Text {
     CopyVector2(out, __privateGet(this, _size2));
     ScaleVector(out, scale);
   }
+  height(ctx) {
+    __privateMethod(this, _Text_instances, measure_fn).call(this, ctx);
+    return __privateGet(this, _size2).y;
+  }
   setColor(color) {
     __privateGet(this, _style).setColor(color);
   }
@@ -1228,8 +1243,17 @@ var _Text = class _Text {
     __privateGet(this, _style).setWeight(weight);
   }
   render(ctx, scale, position) {
+    __privateMethod(this, _Text_instances, measure_fn).call(this, ctx);
     __privateGet(this, _style).setupStyle(ctx, scale);
-    ctx.fillText(__privateGet(this, _value), position.x, position.y);
+    let yOffset = 0;
+    for (let i = 0; i < __privateGet(this, _textToRender).length; i++) {
+      ctx.fillText(
+        __privateGet(this, _textToRender)[i],
+        position.x,
+        position.y + yOffset
+      );
+      yOffset += (__privateGet(this, _style).getSize() + __privateGet(this, _lineSpacing)) * scale;
+    }
   }
   style() {
     return __privateGet(this, _style);
@@ -1239,15 +1263,31 @@ _measured = new WeakMap();
 _size2 = new WeakMap();
 _style = new WeakMap();
 _value = new WeakMap();
+_maxWidth2 = new WeakMap();
+_lineSpacing = new WeakMap();
+_textToRender = new WeakMap();
 _Text_instances = new WeakSet();
 measure_fn = function(ctx) {
   if (__privateGet(this, _measured)) {
     return;
   }
   __privateGet(this, _style).setupStyle(ctx, 1);
-  const measurements = ctx.measureText(__privateGet(this, _value));
-  __privateGet(this, _size2).x = measurements.width;
-  __privateGet(this, _size2).y = measurements.actualBoundingBoxAscent + measurements.actualBoundingBoxDescent;
+  if (__privateGet(this, _maxWidth2) == -1) {
+    const measurements = ctx.measureText(__privateGet(this, _value));
+    __privateGet(this, _size2).x = measurements.width;
+    __privateGet(this, _size2).y = measurements.actualBoundingBoxAscent + measurements.actualBoundingBoxDescent;
+    __privateSet(this, _textToRender, [__privateGet(this, _value)]);
+    __privateSet(this, _measured, true);
+    return;
+  }
+  __privateSet(this, _textToRender, splitStringIntoLines(ctx, __privateGet(this, _value), __privateGet(this, _maxWidth2)));
+  __privateGet(this, _size2).x = 0;
+  __privateGet(this, _size2).y = 0;
+  for (let i = 0; i < __privateGet(this, _textToRender).length; i++) {
+    const measurements = ctx.measureText(__privateGet(this, _textToRender)[i]);
+    __privateGet(this, _size2).x = Math.max(__privateGet(this, _size2).x, measurements.width);
+  }
+  __privateGet(this, _size2).y += (__privateGet(this, _textToRender).length - 1) * __privateGet(this, _lineSpacing) + __privateGet(this, _style).getSize() * __privateGet(this, _textToRender).length;
   __privateSet(this, _measured, true);
 };
 var Text = _Text;
@@ -2515,14 +2555,14 @@ _disabledStyle = new WeakMap();
 _callback6 = new WeakMap();
 
 // src/widgets/image.ts
-var _url, _image, _maxWidth2, _maxHeight2;
+var _url, _image, _maxWidth3, _maxHeight2;
 var ImageWidget = class {
   constructor(config) {
     __privateAdd(this, _url);
     __privateAdd(this, _image);
-    __privateAdd(this, _maxWidth2);
+    __privateAdd(this, _maxWidth3);
     __privateAdd(this, _maxHeight2);
-    __privateSet(this, _maxWidth2, (config == null ? void 0 : config.maxWidth) === void 0 ? 150 : config == null ? void 0 : config.maxWidth);
+    __privateSet(this, _maxWidth3, (config == null ? void 0 : config.maxWidth) === void 0 ? 150 : config == null ? void 0 : config.maxWidth);
     __privateSet(this, _maxHeight2, (config == null ? void 0 : config.maxHeight) === void 0 ? 150 : config == null ? void 0 : config.maxHeight);
     if (config == null ? void 0 : config.image) {
       this.SetUrl(config == null ? void 0 : config.image);
@@ -2552,8 +2592,8 @@ var ImageWidget = class {
       return { "x": 0, "y": 0 };
     }
     let adjust = 1;
-    if (__privateGet(this, _image).width > __privateGet(this, _maxWidth2)) {
-      adjust = __privateGet(this, _maxWidth2) / __privateGet(this, _image).width;
+    if (__privateGet(this, _image).width > __privateGet(this, _maxWidth3)) {
+      adjust = __privateGet(this, _maxWidth3) / __privateGet(this, _image).width;
     }
     if (__privateGet(this, _image).height > __privateGet(this, _maxHeight2)) {
       let heightAdjust = __privateGet(this, _maxHeight2) / __privateGet(this, _image).height;
@@ -2595,7 +2635,7 @@ var ImageWidget = class {
 };
 _url = new WeakMap();
 _image = new WeakMap();
-_maxWidth2 = new WeakMap();
+_maxWidth3 = new WeakMap();
 _maxHeight2 = new WeakMap();
 
 // src/widgets/text.ts
@@ -3839,7 +3879,53 @@ function FormPopup(config) {
 
 // src/node.ts
 var MINIMUM_NODE_WIDTH = 150;
-var _position, _title2, _subTitle, _infoSymbol, _infoText, _input, _output, _widgets, _locked, _canEditTitle, _canEditInfo, _canEditPorts, _contextMenu2, _metadata, _onSelect, _onUnselect, _onFiledrop, _onDragStop, _titleChangeCallback, _infoChangeCallback, _titleColor, _selectedStyle, _stateStyles, _padding2, _portTextStyle, _elementSpacing, _selected, _inputPortPositions, _outputPortPositions, _widgetPositions, _data, _registeredAnyPropertyChangeCallbacks, _registeredPropertyChangeCallbacks, _FlowNode_instances, popupNodeTitleSelection_fn, popupNodeInfoSelection_fn, popupNewButtonWidget_fn, widgetSubmenu_fn, calculateStyle_fn;
+var MessageType = /* @__PURE__ */ ((MessageType2) => {
+  MessageType2["Info"] = "info";
+  MessageType2["Warning"] = "warning";
+  MessageType2["Error"] = "error";
+  return MessageType2;
+})(MessageType || {});
+function MessageTypeColor(messageType) {
+  switch (messageType) {
+    case "info" /* Info */:
+      return Theme.Node.Message.InfoColor;
+    case "warning" /* Warning */:
+      return Theme.Node.Message.WarnColor;
+    case "error" /* Error */:
+      return Theme.Node.Message.ErrorColor;
+    default:
+      throw new Error(`unrecognized message type ${messageType}`);
+  }
+}
+var NodeState = /* @__PURE__ */ ((NodeState2) => {
+  NodeState2[NodeState2["Idle"] = 0] = "Idle";
+  NodeState2[NodeState2["MouseOver"] = 1] = "MouseOver";
+  NodeState2[NodeState2["Grabbed"] = 2] = "Grabbed";
+  return NodeState2;
+})(NodeState || {});
+var _text7;
+var MessageRenderer = class {
+  constructor(config) {
+    __privateAdd(this, _text7);
+    __privateSet(this, _text7, new Text(
+      config.message,
+      {
+        color: MessageTypeColor(config.type ? config.type : "info" /* Info */)
+      },
+      {
+        LineSpacing: 2.5,
+        MaxWidth: 200
+      }
+    ));
+  }
+  render(ctx, scale, position) {
+    ctx.textAlign = "center" /* Center */;
+    __privateGet(this, _text7).render(ctx, scale, position);
+    return __privateGet(this, _text7).height(ctx) * scale;
+  }
+};
+_text7 = new WeakMap();
+var _position, _title2, _subTitle, _infoSymbol, _infoText, _messages, _input, _output, _widgets, _locked, _canEditTitle, _canEditInfo, _canEditPorts, _contextMenu2, _metadata, _onSelect, _onUnselect, _onFiledrop, _onDragStop, _titleChangeCallback, _infoChangeCallback, _titleColor, _selectedStyle, _stateStyles, _padding2, _portTextStyle, _elementSpacing, _selected, _inputPortPositions, _outputPortPositions, _widgetPositions, _data, _registeredAnyPropertyChangeCallbacks, _registeredPropertyChangeCallbacks, _FlowNode_instances, popupNodeTitleSelection_fn, popupNodeInfoSelection_fn, popupNewButtonWidget_fn, widgetSubmenu_fn, calculateStyle_fn;
 var FlowNode = class {
   constructor(config) {
     __privateAdd(this, _FlowNode_instances);
@@ -3848,6 +3934,7 @@ var FlowNode = class {
     __privateAdd(this, _subTitle);
     __privateAdd(this, _infoSymbol);
     __privateAdd(this, _infoText);
+    __privateAdd(this, _messages);
     __privateAdd(this, _input);
     __privateAdd(this, _output);
     __privateAdd(this, _widgets);
@@ -3896,6 +3983,13 @@ var FlowNode = class {
     __privateSet(this, _canEditInfo, (config == null ? void 0 : config.canEditInfo) === void 0 ? false : config.canEditInfo);
     __privateSet(this, _contextMenu2, (config == null ? void 0 : config.contextMenu) === void 0 ? null : config.contextMenu);
     __privateSet(this, _metadata, config == null ? void 0 : config.metadata);
+    __privateSet(this, _messages, []);
+    if (config == null ? void 0 : config.messages) {
+      for (let i = 0; i < config.messages.length; i++) {
+        const message = config.messages[i];
+        __privateGet(this, _messages).push(new MessageRenderer(message));
+      }
+    }
     __privateSet(this, _selected, false);
     __privateSet(this, _onSelect, new Array());
     __privateSet(this, _onUnselect, new Array());
@@ -4388,6 +4482,12 @@ var FlowNode = class {
   outputs() {
     return __privateGet(this, _output).length;
   }
+  addMessage(message) {
+    __privateGet(this, _messages).push(new MessageRenderer(message));
+  }
+  clearMessages() {
+    __privateSet(this, _messages, []);
+  }
   render(ctx, camera, state, mousePosition, postProcess) {
     VectorPool.run(() => {
       const tempMeasurement = VectorPool.get();
@@ -4515,6 +4615,13 @@ var FlowNode = class {
         __privateGet(this, _widgetPositions).Push(widget.Draw(ctx, position, camera.zoom, mousePosition));
         startY += widgetSize.y * camera.zoom + scaledElementSpacing;
       }
+      const messageStart = VectorPool.get();
+      messageStart.x = nodeBounds.Position.x + nodeBounds.Size.x / 2;
+      messageStart.y = nodeBounds.Position.y + nodeBounds.Size.y + 15 * camera.zoom;
+      for (let i = 0; i < __privateGet(this, _messages).length; i++) {
+        const message = __privateGet(this, _messages)[i];
+        messageStart.y += message.render(ctx, camera.zoom, messageStart) + 10 * camera.zoom;
+      }
     });
   }
 };
@@ -4523,6 +4630,7 @@ _title2 = new WeakMap();
 _subTitle = new WeakMap();
 _infoSymbol = new WeakMap();
 _infoText = new WeakMap();
+_messages = new WeakMap();
 _input = new WeakMap();
 _output = new WeakMap();
 _widgets = new WeakMap();
@@ -4841,15 +4949,15 @@ text_fn = function() {
 };
 
 // src/markdown/entry.ts
-var _text7, _calculatedPositions, _calculatedEntries, _calculatedForWidth, _CodeBlockEntry_instances, calculateLayout_fn;
+var _text8, _calculatedPositions, _calculatedEntries, _calculatedForWidth, _CodeBlockEntry_instances, calculateLayout_fn;
 var CodeBlockEntry = class {
   constructor(text) {
     __privateAdd(this, _CodeBlockEntry_instances);
-    __privateAdd(this, _text7);
+    __privateAdd(this, _text8);
     __privateAdd(this, _calculatedPositions);
     __privateAdd(this, _calculatedEntries);
     __privateAdd(this, _calculatedForWidth);
-    __privateSet(this, _text7, text);
+    __privateSet(this, _text8, text);
     __privateSet(this, _calculatedForWidth, -1);
     __privateSet(this, _calculatedEntries, new List());
     __privateSet(this, _calculatedPositions, new List());
@@ -4888,7 +4996,7 @@ var CodeBlockEntry = class {
     return max + padding * 2;
   }
 };
-_text7 = new WeakMap();
+_text8 = new WeakMap();
 _calculatedPositions = new WeakMap();
 _calculatedEntries = new WeakMap();
 _calculatedForWidth = new WeakMap();
@@ -4902,8 +5010,8 @@ calculateLayout_fn = function(ctx, maxWidth) {
   __privateGet(this, _calculatedEntries).Clear();
   __privateGet(this, _calculatedPositions).Clear();
   let curHeight = 0;
-  const lineInc = __privateGet(this, _text7).style().getSize() + Theme.Note.LineSpacing;
-  let entries = __privateGet(this, _text7).split("\n");
+  const lineInc = __privateGet(this, _text8).style().getSize() + Theme.Note.LineSpacing;
+  let entries = __privateGet(this, _text8).split("\n");
   for (let entryIndex = 0; entryIndex < entries.length; entryIndex++) {
     const entry = entries[entryIndex];
     let lines = entry.breakIntoLines(ctx, adjustedWith);
@@ -5800,11 +5908,11 @@ var PassSubsystem = class {
 _queue = new WeakMap();
 
 // src/quickMenu.ts
-var _text8;
+var _text9;
 var QuickMenuGroup = class {
   constructor(text, items) {
-    __privateAdd(this, _text8);
-    __privateSet(this, _text8, text);
+    __privateAdd(this, _text9);
+    __privateSet(this, _text9, text);
     this.items = items;
   }
   updateRendering(terms) {
@@ -5816,18 +5924,18 @@ var QuickMenuGroup = class {
         shouldRender = true;
       }
     }
-    __privateGet(this, _text8).setDisplay(shouldRender ? "flex" /* Flex */ : "none" /* None */);
+    __privateGet(this, _text9).setDisplay(shouldRender ? "flex" /* Flex */ : "none" /* None */);
   }
 };
-_text8 = new WeakMap();
-var _searchText, _text9, _context;
+_text9 = new WeakMap();
+var _searchText, _text10, _context;
 var QuickMenuItem = class {
   constructor(searchText, text, context) {
     __privateAdd(this, _searchText);
-    __privateAdd(this, _text9);
+    __privateAdd(this, _text10);
     __privateAdd(this, _context);
     __privateSet(this, _searchText, searchText.toLowerCase());
-    __privateSet(this, _text9, text);
+    __privateSet(this, _text10, text);
     __privateSet(this, _context, context);
   }
   filter(terms) {
@@ -5845,13 +5953,13 @@ var QuickMenuItem = class {
     return true;
   }
   render(render) {
-    __privateGet(this, _text9).setDisplay(render ? "flex" /* Flex */ : "none" /* None */);
+    __privateGet(this, _text10).setDisplay(render ? "flex" /* Flex */ : "none" /* None */);
   }
   rendering() {
-    return __privateGet(this, _text9).getDisplay() === "flex" /* Flex */;
+    return __privateGet(this, _text10).getDisplay() === "flex" /* Flex */;
   }
   highlight(highlight) {
-    __privateGet(this, _text9).setBackgroundColor(highlight ? Theme.ContextMenu.HighlightColor : "");
+    __privateGet(this, _text10).setBackgroundColor(highlight ? Theme.ContextMenu.HighlightColor : "");
   }
   select() {
     if (__privateGet(this, _context).callback) {
@@ -5860,7 +5968,7 @@ var QuickMenuItem = class {
   }
 };
 _searchText = new WeakMap();
-_text9 = new WeakMap();
+_text10 = new WeakMap();
 _context = new WeakMap();
 function RecurseBuildContainers(path, config, renderElements, groups) {
   var _a, _b, _c;
@@ -6478,7 +6586,9 @@ export {
   FlowNote,
   GlobalWidgetFactory,
   ImageWidget,
+  MessageType,
   NodeFlowGraph,
+  NodeState,
   NumberWidget,
   Publisher,
   SliderWidget,