@norskvideo/norsk-studio 1.27.0-2025-07-06-336ac6c6 → 1.27.0-2025-07-09-f9b24945

package/ui/index.js

@@ -200902,6 +200902,7 @@ function getNodeStyles(state, hasInputs, hasOutputs) {
   switch (state) {
     case NodeState.design_error:
       return {
+        cornerClasses,
         baseClasses: twMerge(errorClasses, "border-node-error dark:border-node-error"),
         selectedClasses: errorClasses,
         overlay: {
@@ -200910,6 +200911,7 @@ function getNodeStyles(state, hasInputs, hasOutputs) {
       };
     case NodeState.design_warning:
       return {
+        cornerClasses,
         baseClasses: twMerge(warningClasses, "border-node-warning dark:border-node-warning"),
         selectedClasses: warningClasses,
         overlay: {
@@ -200918,6 +200920,7 @@ function getNodeStyles(state, hasInputs, hasOutputs) {
       };
     case NodeState.runtime_warning:
       return {
+        cornerClasses,
         baseClasses: twMerge(warningClasses, "border-node-warning dark:border-node-warning"),
         selectedClasses: warningClasses,
         overlay: {
@@ -200926,16 +200929,19 @@ function getNodeStyles(state, hasInputs, hasOutputs) {
       };
     case NodeState.runtime_default:
       return {
+        cornerClasses,
         baseClasses: twMerge(baseWithCorners, "border-node-active dark:border-node-active shadow-node-shadow-active dark:shadow-node-shadow-active"),
         selectedClasses: twMerge(baseWithCorners, "shadow-node-shadow-active dark:shadow-node-shadow-active")
       };
     case NodeState.design_default:
       return {
+        cornerClasses,
         baseClasses: baseWithCorners,
         selectedClasses: baseWithCorners
       };
     case NodeState.runtime_error:
       return {
+        cornerClasses,
         baseClasses: twMerge(errorClasses, "border-node-error dark:border-node-error"),
         selectedClasses: errorClasses
       };
@@ -200976,7 +200982,7 @@ var NodeComponent = ({ data, emit, env }) => {
   const hasInputs = inputs.length > 0;
   const hasOutputs = outputs.length > 0;
   const state = useNodeState(data);
-  const { baseClasses, overlay, selectedClasses } = getNodeStyles(state, hasInputs, hasOutputs);
+  const { baseClasses, overlay, selectedClasses, cornerClasses } = getNodeStyles(state, hasInputs, hasOutputs);
   const dashColour = getDashedColour(state);
   const urls = {
     instanceUrl: instanceApiUrl(node.id, env),
@@ -201000,15 +201006,15 @@ var NodeComponent = ({ data, emit, env }) => {
     }
   })();
   const sendCommand = (0, import_react20.useCallback)((c2) => data.sendCommand(c2), [data]);
-  return (0, import_jsx_runtime47.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime47.jsx)("div", { className: twMerge("absolute inset-0 pointer-events-none z-20 transition-opacity duration-200", !selected && "opacity-0"), style: {
+  return (0, import_jsx_runtime47.jsxs)("div", { className: twMerge("relative", false), children: [(0, import_jsx_runtime47.jsx)("div", { className: twMerge("absolute inset-0 pointer-events-none z-20 transition-opacity duration-200", !selected && "opacity-0"), style: {
     padding: "2px",
     backgroundSize: "20px 2px, 20px 2px, 2px 20px, 2px 20px",
     backgroundPosition: "0 0, 0 100%, 0 0, 100% 0",
     backgroundRepeat: "repeat-x, repeat-x, repeat-y, repeat-y",
     backgroundImage: `
-            linear-gradient(to right, ${dashColour} 50%, transparent 50%), 
-            linear-gradient(to right, ${dashColour} 50%, transparent 50%), 
-            linear-gradient(to bottom, ${dashColour} 50%, transparent 50%), 
+            linear-gradient(to right, ${dashColour} 50%, transparent 50%),
+            linear-gradient(to right, ${dashColour} 50%, transparent 50%),
+            linear-gradient(to bottom, ${dashColour} 50%, transparent 50%),
             linear-gradient(to bottom, ${dashColour} 50%, transparent 50%)
           `,
     animation: "marching-ants 1s linear infinite",
@@ -211929,9 +211935,10 @@ function FormItem(props) {
       return;
     const newValue = { ...e2 };
     setValue(newValue);
+    onChange(newValue);
     onContract();
     setEditing(false);
-  }, [onContract, editing]);
+  }, [onContract, editing, onChange]);
   return editing ? (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children: (0, import_jsx_runtime102.jsx)(Form, { defaultValue: value, form: props.form, onCancel, onSave, latest: props.latest, env: props.env, node: props.node }) }) : (0, import_jsx_runtime102.jsxs)("div", { className: "p-2 flex gap-2 border border-gray-200 dark:border-gray-700 text-gray-500 dark:text-gray-400 items-start", children: [(0, import_jsx_runtime102.jsx)("span", { className: "flex-grow text-sm", children: (0, import_jsx_runtime102.jsx)(import_react48.Suspense, { fallback: (0, import_jsx_runtime102.jsx)("div", { children: "..." }), children: (0, import_jsx_runtime102.jsx)(props.view, { ...value }) }) }), (0, import_jsx_runtime102.jsx)("a", { onClick: () => onEdit(), href: "#", className: "text-blue-500 dark:hover:text-white hover:text-gray-900 hover:underline text-sm", children: (0, import_jsx_runtime102.jsx)(PencilLine, { className: "w-5 h-5" }) })] });
 }
 function DiscriminatedForm(props) {
@@ -230877,8 +230884,8 @@ var Creator = class {
           this.session.runNodeStateEvent(msg.id, msg.event);
         }
         break;
-      case "output":
-        this.console.addOutput(msg.outputType, msg.id, msg.text);
+      case "registered-attribute":
+        this.console.addOutput(msg.attributeType, msg.id, msg.text);
         break;
       case "stopped":
         this.session.endLiveSession();
@@ -231064,7 +231071,7 @@ function Main({ library, env, view, nodeId, onRuntimeStateChange }) {
           setRuntimeState(msg.state[nodeId]);
         }
         break;
-      case "output":
+      case "registered-attribute":
         break;
       case "error":
         console.error(msg.msg);