Niagara and Metasound nodes WIP

* Keep track of entities

* Fix renaming

* Niagara variables wip

* Several niagara decode and test

* Move nodeTemplate code to dedicated file, self node added

* Move node decoding functions to dedicated files

* Move pin decoding logic to dedicated files

* Accept space separated keys in objects

* Build

* Prevent a crash in case of incomplete object

* Avoid creating objects unnecessarily

* types formatting

* Initial metasound style

* Common pcg nodes colors

* Fix string serialization

* Metasound new styles and fixes

* More metasound styles and colors

* WIP

* Several fixes

* More tests and fixes

* Clean gitignore

dist/css/ueb-style.css

@@ -309,9 +309,10 @@ ueb-node[data-selected=true] > .ueb-node-border {
   overflow: hidden;
 }
 
-.ueb-node-style-operation .ueb-node-wrapper {
+ueb-node.ueb-node-style-operation .ueb-node-wrapper {
   grid-template-rows: min-content auto auto min-content min-content;
   grid-template-columns: 50% 0% 1fr;
+  box-shadow: none;
 }
 
 .ueb-node-outputs ueb-pin[data-type=exec] .ueb-pin-wrapper {
@@ -381,7 +382,7 @@ ueb-node.ueb-node-style-event .ueb-node-top {
 .ueb-node-name {
   display: flex;
   align-items: center;
-  background: radial-gradient(ellipse 100% 100% at 40% 50%, rgba(0, 0, 0, 0.5) 20%, transparent 50%);
+  background: radial-gradient(ellipse 100% 100% at 35% 55%, rgba(0, 0, 0, 0.5) 15%, transparent 50%);
   margin: -1px -15px;
   padding: 2px 15px;
 }
@@ -554,6 +555,14 @@ ueb-node.ueb-node-style-operation .ueb-node-top {
   font-stretch: condensed;
   font-weight: bold;
   line-height: 100%;
+}
+
+ueb-node.ueb-node-style-operation.ueb-node-style-metasound .ueb-node-top {
+  font-size: 333%;
+  font-stretch: expanded;
+}
+
+ueb-node.ueb-node-style-operation.ueb-node-style-glass .ueb-node-top {
   z-index: -1;
 }
 
@@ -567,6 +576,28 @@ ueb-node.ueb-node-style-operation .ueb-node-variadic {
   margin-left: -100px;
 }
 
+ueb-node.ueb-node-style-metasound .ueb-node-wrapper {
+  border: 1px solid black;
+  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
+  background: linear-gradient(to bottom, rgba(52, 55, 52, 0.9) 0, rgba(42, 44, 42, 0.9) 8px, rgba(31, 32, 31, 0.8) 16px, rgba(13, 14, 13, 0.9));
+}
+
+ueb-node.ueb-node-style-metasound .ueb-node-name-text,
+ueb-node.ueb-node-style-metasound .ueb-node-name-symbol {
+  color: #8cc483;
+}
+
+ueb-node.ueb-node-style-metasound.ueb-node-style-operation .ueb-node-name-text {
+  color: #7c7c7c;
+}
+
+ueb-node.ueb-node-style-metasound .ueb-node-name {
+  margin: 0px;
+  padding: 1px 15px;
+  justify-content: center;
+  background: none;
+}
+
 ueb-node:not(.ueb-node-style-comment) {
   z-index: 10;
 }
@@ -668,6 +699,10 @@ ueb-node[data-advanced-display=Hidden] ueb-pin[data-advanced-view=true][data-lin
   align-items: center;
 }
 
+ueb-node.ueb-node-style-operation .ueb-pin-wrapper {
+  padding: 0;
+}
+
 ueb-node.ueb-node-style-minimal .ueb-pin-wrapper {
   min-height: 0;
 }