@elicdavis/node-flow 0.1.9 → 0.1.11

package/index.html

@@ -298,11 +298,16 @@ node.addOutput({ name: "sum", type: "float32" })
             ],
             messages: [
                 {
-                    message: "I am a message attatched to the node"
+                    message: "I am a message attatched to the node",
+                    alwaysShow: true,
+                },
+                  {
+                    message: "I am a message that only shows when you're hovering over the node!",
                 },
                 {
                     message: "I am another message attatched to the node with type \"error\"",
-                    type: "error"
+                    type: "error",
+                    alwaysShow: true,
                 }
             ],
         });

package/package.json

@@ -2,7 +2,7 @@
   "name": "@elicdavis/node-flow",
   "description": "build node graphs",
   "author": "Eli C Davis",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "license": "MIT",
   "keywords": [
     "nodes",

package/src/index.ts

@@ -14,12 +14,14 @@ export { FlowNote };
 import { NumberWidget } from './widgets/number';
 import { ColorWidget } from './widgets/color';
 import { StringWidget } from './widgets/string';
+import { TextWidget } from './widgets/text';
 import { ButtonWidget } from './widgets/button';
 import { ToggleWidget } from './widgets/toggle';
 import { SliderWidget } from './widgets/slider';
 import { ImageWidget } from './widgets/image';
 export {
-    NumberWidget, ColorWidget, StringWidget, ButtonWidget, ToggleWidget, SliderWidget, ImageWidget
+    NumberWidget, ColorWidget, StringWidget, TextWidget,
+    ButtonWidget, ToggleWidget, SliderWidget, ImageWidget
 };
 
 import { GlobalWidgetFactory } from './widgets/factory';

package/src/node.ts

@@ -35,7 +35,6 @@ type TitleChangeCallback = (node: FlowNode, oldTitle: string, newTitle: string)
 type InfoChangeCallback = (node: FlowNode, oldInfo: string, newInfo: string) => void
 
 
-
 export interface WidgetConfig {
     type?: string,
     config?: any
@@ -81,6 +80,8 @@ function MessageTypeColor(messageType: MessageType): string {
 export interface NodeMessageConfig {
     message: string;
     type?: MessageType;
+    alwaysShow?: boolean;
+    color?: string;
 }
 
 export interface FlowNodeConfig {
@@ -143,10 +144,13 @@ class MessageRenderer {
 
     #text: Text;
 
+    #alwaysShow: boolean;
+
     constructor(config: NodeMessageConfig) {
+        this.#alwaysShow = config.alwaysShow ? config.alwaysShow : false;
         this.#text = new Text(config.message,
             {
-                color: MessageTypeColor(config.type ? config.type : MessageType.Info),
+                color: config.color ? config.color : MessageTypeColor(config.type ? config.type : MessageType.Info),
             },
             {
                 LineSpacing: 2.5,
@@ -155,7 +159,10 @@ class MessageRenderer {
         );
     }
 
-    render(ctx: CanvasRenderingContext2D, scale: number, position: Vector2): number {
+    render(ctx: CanvasRenderingContext2D, scale: number, position: Vector2, hovering: boolean): number {
+        if (!this.#alwaysShow && !hovering) {
+            return 0;
+        }
         ctx.textAlign = TextAlign.Center;
         this.#text.render(ctx, scale, position);
         return this.#text.height(ctx) * scale;
@@ -849,6 +856,14 @@ export class FlowNode {
         this.#widgets.push(widget);
     }
 
+    removeWidget(widget: Widget): void {
+        const index = this.#widgets.indexOf(widget, 0);
+        if (index === -1) {
+            throw new Error("node does not contain widget");
+        }
+        this.#widgets.splice(index, 1);
+    }
+
     getWidget(index: number): Widget {
         return this.#widgets[index];
     }
@@ -1201,7 +1216,7 @@ export class FlowNode {
             messageStart.y = nodeBounds.Position.y + nodeBounds.Size.y + (15 * camera.zoom);
             for (let i = 0; i < this.#messages.length; i++) {
                 const message = this.#messages[i];
-                messageStart.y += message.render(ctx, camera.zoom, messageStart) + (10 * camera.zoom);
+                messageStart.y += message.render(ctx, camera.zoom, messageStart, !(state === NodeState.Idle)) + (10 * camera.zoom);
             }
         })
     }