From a69501dec259351d10e045e729d2cb73be1fc799 Mon Sep 17 00:00:00 2001
From: Afonso Pinto <afonsobspinto@gmail.com>
Date: Tue, 19 Sep 2023 16:54:11 +0100
Subject: [PATCH 1/8] GEP-120 chore: Remove deprecated api from example app

---
 examples/layout-manager-playground/src/pages/HomePage.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/examples/layout-manager-playground/src/pages/HomePage.tsx b/examples/layout-manager-playground/src/pages/HomePage.tsx
index 24cdeb4fd..f5a17ec51 100644
--- a/examples/layout-manager-playground/src/pages/HomePage.tsx
+++ b/examples/layout-manager-playground/src/pages/HomePage.tsx
@@ -24,7 +24,6 @@ const HomePage = () => {
     if (LayoutComponent === undefined) {
       const myManager = getLayoutManagerInstance();
       if (myManager) {
-        myManager.enableMinimize = true
         setLayoutComponent(myManager.getComponent() as React.ComponentType<any>);
       }
     }

From ada4f73238f5a31644e83ea6a2fa4b3b5d5e75c9 Mon Sep 17 00:00:00 2001
From: afonso <afonsobspinto@gmail.com>
Date: Tue, 6 Feb 2024 16:53:18 +0000
Subject: [PATCH 2/8] GEP-136 feat: Update examples to have proxy instances
 with visibility prop

---
 .../src/examples/3d-canvas/SimpleInstancesExample.js           | 2 +-
 geppetto.js/geppetto-ui/src/3d-canvas/utils/SelectionUtils.js  | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/geppetto-showcase/src/examples/3d-canvas/SimpleInstancesExample.js b/geppetto-showcase/src/examples/3d-canvas/SimpleInstancesExample.js
index 9b33fa5f0..777a9d82d 100644
--- a/geppetto-showcase/src/examples/3d-canvas/SimpleInstancesExample.js
+++ b/geppetto-showcase/src/examples/3d-canvas/SimpleInstancesExample.js
@@ -43,7 +43,7 @@ function loadInstances (){
 
 function getProxyInstances () {
   return window.Instances.map(i => (
-    { instancePath: i.getId(), color: { r: 0, g:1, b: 0, a:1 } }))
+    { instancePath: i.getId(), color: { r: 0, g:1, b: 0, a:1 }, visibility: true }))
 }
 
 const styles = () => ({
diff --git a/geppetto.js/geppetto-ui/src/3d-canvas/utils/SelectionUtils.js b/geppetto.js/geppetto-ui/src/3d-canvas/utils/SelectionUtils.js
index 4cb9c6aa7..e36175486 100644
--- a/geppetto.js/geppetto-ui/src/3d-canvas/utils/SelectionUtils.js
+++ b/geppetto.js/geppetto-ui/src/3d-canvas/utils/SelectionUtils.js
@@ -7,7 +7,8 @@ export function mapToCanvasData (data){
   return data.map(item => (
     {
       color: item.selected ? SELECTION_COLOR : item.color,
-      instancePath: item.instancePath
+      instancePath: item.instancePath,
+      visibility: item.visibility ? item.visibility : true
     }
   ))
 }

From 676dbe3304b66044862f552388cf7cfce470e46b Mon Sep 17 00:00:00 2001
From: afonso <afonsobspinto@gmail.com>
Date: Tue, 6 Feb 2024 19:27:49 +0000
Subject: [PATCH 3/8] GEP-136 feat: Update toRemove condition to strictly check
 for false

---
 .../geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/geppetto.js/geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js b/geppetto.js/geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js
index 4f718364b..622b90135 100644
--- a/geppetto.js/geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js
+++ b/geppetto.js/geppetto-ui/src/3d-canvas/threeDEngine/ThreeDEngine.js
@@ -429,7 +429,7 @@ export default class ThreeDEngine {
     const toRemove = this.scene.children.filter(child => {
       const mappedInstance = this.instancesMap.get(child.instancePath);
       if (child.instancePath !== undefined) {
-        if (!mappedInstance || !mappedInstance.visibility) {
+        if (!mappedInstance || mappedInstance.visibility === false) {
           return true;
         }
         if (this.checkMaterial(child, mappedInstance) && mappedInstance) {

From 6c335f29c868ef361391a956e65c715d5c1ec503 Mon Sep 17 00:00:00 2001
From: afonso <afonsobspinto@gmail.com>
Date: Fri, 1 Mar 2024 22:26:42 +0000
Subject: [PATCH 4/8] GEP-139 chore: Update layout manager example to replicate
 issue

---
 .../package-lock.json                         | 51 +++++++++++++++---
 .../layout-manager-playground/package.json    |  1 +
 .../src/pages/HomePage.tsx                    | 53 +++++++++++++++----
 3 files changed, 87 insertions(+), 18 deletions(-)

diff --git a/examples/layout-manager-playground/package-lock.json b/examples/layout-manager-playground/package-lock.json
index 5cf55e835..ce5c1cad9 100644
--- a/examples/layout-manager-playground/package-lock.json
+++ b/examples/layout-manager-playground/package-lock.json
@@ -14,6 +14,7 @@
         "@metacell/geppetto-meta-client": "file:.yalc/@metacell/geppetto-meta-client",
         "@metacell/geppetto-meta-core": "file:.yalc/@metacell/geppetto-meta-core",
         "@metacell/geppetto-meta-ui": "file:.yalc/@metacell/geppetto-meta-ui",
+        "@mui/icons-material": "^5.14.0",
         "@mui/material": "^5.14.0",
         "@types/jest": "^27.5.2",
         "@types/node": "^16.18.38",
@@ -33,7 +34,7 @@
       }
     },
     ".yalc/@metacell/geppetto-meta-client": {
-      "version": "1.2.2",
+      "version": "1.2.7",
       "license": "MIT",
       "dependencies": {
         "@material-ui/core": "^4.1.3",
@@ -46,11 +47,11 @@
       }
     },
     ".yalc/@metacell/geppetto-meta-core": {
-      "version": "1.2.2",
+      "version": "1.2.7",
       "license": "MIT"
     },
     ".yalc/@metacell/geppetto-meta-ui": {
-      "version": "1.2.2",
+      "version": "1.2.7",
       "license": "MIT",
       "peerDependencies": {
         "@fortawesome/fontawesome-free": "^6.4.0",
@@ -59,7 +60,7 @@
         "@fortawesome/react-fontawesome": "^0.1.9",
         "@material-ui/core": "4.11.4",
         "@material-ui/icons": "^4.11.2",
-        "@metacell/geppetto-meta-core": "1.2.2",
+        "@metacell/geppetto-meta-core": "1.2.7",
         "aframe": "<1.1.0",
         "aframe-slice9-component": ">=1.0.0",
         "ami.js": ">=0.32.0",
@@ -1913,8 +1914,9 @@
       "license": "MIT"
     },
     "node_modules/@babel/runtime": {
-      "version": "7.22.11",
-      "license": "MIT",
+      "version": "7.24.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.0.tgz",
+      "integrity": "sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -3041,6 +3043,31 @@
         "url": "https://opencollective.com/mui"
       }
     },
+    "node_modules/@mui/icons-material": {
+      "version": "5.15.11",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.11.tgz",
+      "integrity": "sha512-R5ZoQqnKpd+5Ew7mBygTFLxgYsQHPhgR3TDXSgIHYIjGzYuyPLmGLSdcPUoMdi6kxiYqHlpPj4NJxlbaFD0UHA==",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@mui/material": "^5.0.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@mui/material": {
       "version": "5.14.0",
       "license": "MIT",
@@ -15517,7 +15544,9 @@
       "version": "0.8.0"
     },
     "@babel/runtime": {
-      "version": "7.22.11",
+      "version": "7.24.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.0.tgz",
+      "integrity": "sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==",
       "requires": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -16197,6 +16226,14 @@
     "@mui/core-downloads-tracker": {
       "version": "5.14.0"
     },
+    "@mui/icons-material": {
+      "version": "5.15.11",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.11.tgz",
+      "integrity": "sha512-R5ZoQqnKpd+5Ew7mBygTFLxgYsQHPhgR3TDXSgIHYIjGzYuyPLmGLSdcPUoMdi6kxiYqHlpPj4NJxlbaFD0UHA==",
+      "requires": {
+        "@babel/runtime": "^7.23.9"
+      }
+    },
     "@mui/material": {
       "version": "5.14.0",
       "requires": {
diff --git a/examples/layout-manager-playground/package.json b/examples/layout-manager-playground/package.json
index 36ad5a162..e6172e9aa 100644
--- a/examples/layout-manager-playground/package.json
+++ b/examples/layout-manager-playground/package.json
@@ -10,6 +10,7 @@
     "@metacell/geppetto-meta-core": "file:.yalc/@metacell/geppetto-meta-core",
     "@metacell/geppetto-meta-ui": "file:.yalc/@metacell/geppetto-meta-ui",
     "@mui/material": "^5.14.0",
+    "@mui/icons-material": "^5.14.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^16.18.38",
     "@types/react": "17.0.52",
diff --git a/examples/layout-manager-playground/src/pages/HomePage.tsx b/examples/layout-manager-playground/src/pages/HomePage.tsx
index 24cdeb4fd..877e241df 100644
--- a/examples/layout-manager-playground/src/pages/HomePage.tsx
+++ b/examples/layout-manager-playground/src/pages/HomePage.tsx
@@ -1,14 +1,26 @@
 import React, { useEffect, useState } from 'react';
-import { useDispatch, useStore } from 'react-redux';
-import { Box, Button, CircularProgress, Stack, TextField } from "@mui/material"
-import InputLabel from '@mui/material/InputLabel';
-import MenuItem from '@mui/material/MenuItem';
-import FormControl from '@mui/material/FormControl';
+import { useDispatch, useStore, useSelector } from 'react-redux';
+import {
+  Box,
+  Button,
+  CircularProgress,
+  IconButton,
+  Stack,
+  TextField,
+  Tooltip,
+  InputLabel,
+  MenuItem,
+  FormControl
+} from "@mui/material"
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
+import VisibilityOnIcon from '@mui/icons-material/Visibility';
 import Select, { SelectChangeEvent } from '@mui/material/Select';
 // @ts-ignore
 import { getLayoutManagerInstance } from "@metacell/geppetto-meta-client/common/layout/LayoutManager";
 // @ts-ignore
-import { addWidget } from '@metacell/geppetto-meta-client/common/layout/actions';
+import { addWidget, updateWidget } from '@metacell/geppetto-meta-client/common/layout/actions';
+// @ts-ignore
+import { Widget, WidgetStatus } from "@metacell/geppetto-meta-client/common/layout/model";
 import '@metacell/geppetto-meta-ui/flex-layout/style/dark.scss'
 
 import { componentWidget } from "../widgets";
@@ -16,10 +28,13 @@ import { componentWidget } from "../widgets";
 const HomePage = () => {
   const store = useStore();
   const dispatch = useDispatch();
+  // @ts-ignore
+  const widgets = useSelector(state => state.widgets);
   const [LayoutComponent, setLayoutComponent] = useState<any | undefined>(undefined);
   const [panel, setPanel] = useState("topLeft");
   const [name, setName] = useState("Component 1");
   const [color, setColor] = useState("red");
+    
   useEffect(() => {
     if (LayoutComponent === undefined) {
       const myManager = getLayoutManagerInstance();
@@ -28,13 +43,21 @@ const HomePage = () => {
         setLayoutComponent(myManager.getComponent() as React.ComponentType<any>);
       }
     }
-  }, [store])
+  }, [store, LayoutComponent])
 
   const addComponent = () => {
     dispatch(addWidget(componentWidget(name, color, panel)));
   };
 
 
+  const activateWidget = (widget: Widget) => {
+    const updatedWidget = { ...widget };
+    updatedWidget.status = WidgetStatus.ACTIVE;
+    updatedWidget.panelName = panel;
+    dispatch(updateWidget(updatedWidget));
+  };
+
+
   return (
     <Box>
       <Stack direction="row" spacing={2} sx={{
@@ -42,16 +65,16 @@ const HomePage = () => {
         display: 'flex',
         padding: 2
       }}>
-        <TextField id="outlined-basic" label="Name" variant="outlined" value={name}  onChange={(event: any) => 
+        <TextField id="outlined-basic" label="Name" variant="outlined" value={name} onChange={(event: any) =>
           setName(event.target.value as string)
-        } />
+        }/>
         <FormControl>
           <InputLabel id="name">Panel</InputLabel>
           <Select
             labelId="panel"
             value={panel}
             label="Panel"
-            onChange={(event: SelectChangeEvent) => 
+            onChange={(event: SelectChangeEvent) =>
               setPanel(event.target.value as string)
             }
           >
@@ -66,7 +89,7 @@ const HomePage = () => {
             labelId="color"
             value={color}
             label="Color"
-            onChange={(event: SelectChangeEvent) => 
+            onChange={(event: SelectChangeEvent) =>
               setColor(event.target.value as string)
             }
           >
@@ -80,6 +103,14 @@ const HomePage = () => {
                     Add Component
         </Button>
 
+        {Object.values(widgets).map((widget: Widget, index: number) => (
+          <Tooltip key={index} title={widget.name}>
+            <IconButton onClick={() => activateWidget(widget)} disabled={widget.status == WidgetStatus.ACTIVE}>
+              {widget.status == WidgetStatus.ACTIVE ? <VisibilityOffIcon/> : <VisibilityOnIcon/>}
+            </IconButton>
+          </Tooltip>
+        ))}
+
       </Stack>
       <Box p={2} sx={{
         display: 'flex',

From 0c1b6c35d1512ad3bb98331cb91edacf2cd6be22 Mon Sep 17 00:00:00 2001
From: afonso <afonsobspinto@gmail.com>
Date: Mon, 4 Mar 2024 16:39:54 +0000
Subject: [PATCH 5/8] GEP-139 fix: Replace calculated value isVisible with
 explicit formula

---
 .../src/common/layout/LayoutManager.tsx         | 17 ++++++-----------
 .../src/common/layout/reducer.ts                |  2 +-
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/geppetto.js/geppetto-client/src/common/layout/LayoutManager.tsx b/geppetto.js/geppetto-client/src/common/layout/LayoutManager.tsx
index 964cfa2b1..f4d54a5f6 100644
--- a/geppetto.js/geppetto-client/src/common/layout/LayoutManager.tsx
+++ b/geppetto.js/geppetto-client/src/common/layout/LayoutManager.tsx
@@ -3,21 +3,15 @@ import * as FlexLayout from '@metacell/geppetto-meta-ui/flex-layout/src/index';
 import Actions from '@metacell/geppetto-meta-ui/flex-layout/src/model/Actions';
 import DockLocation from '@metacell/geppetto-meta-ui/flex-layout/src/DockLocation';
 import Model from '@metacell/geppetto-meta-ui/flex-layout/src/model/Model';
-import { WidgetStatus, Widget, ComponentMap, TabsetPosition, IComponentConfig } from './model';
-import { withStyles, createStyles } from '@material-ui/core/styles'
+import {ComponentMap, IComponentConfig, Widget, WidgetStatus} from './model';
+import {createStyles, withStyles} from '@material-ui/core/styles'
 import WidgetFactory from "./WidgetFactory";
 import TabsetIconFactory from "./TabsetIconFactory";
 import defaultLayoutConfiguration from "./defaultLayout";
-import {widget2Node, isEqual, getWidget} from "./utils";
+import {getWidget, widget2Node} from "./utils";
 import * as GeppettoActions from '../actions';
 
-import {
-  layoutActions,
-  removeWidgetFromStore,
-  updateWidget,
-  setLayout,
-  updateLayout,
-} from "./actions";
+import {layoutActions, removeWidgetFromStore, setLayout, updateLayout,} from "./actions";
 
 import {MinimizeHelper} from "./helpers/MinimizeHelper";
 import {createTabSet, moveWidget} from "./helpers/FlexLayoutHelper";
@@ -116,7 +110,8 @@ class LayoutManager {
         widget2Node(widgetConfiguration),
         widgetConfiguration.panelName,
         DockLocation.CENTER,
-        widgetConfiguration.pos
+        widgetConfiguration.pos,
+        widgetConfiguration.status == WidgetStatus.ACTIVE
       )
     );
   }
diff --git a/geppetto.js/geppetto-client/src/common/layout/reducer.ts b/geppetto.js/geppetto-client/src/common/layout/reducer.ts
index 16c35916d..bd2d36b6e 100644
--- a/geppetto.js/geppetto-client/src/common/layout/reducer.ts
+++ b/geppetto.js/geppetto-client/src/common/layout/reducer.ts
@@ -131,7 +131,7 @@ export const widgets = (state: WidgetMap = {}, action) => {
           updatedWidgets[node.getId()].status = WidgetStatus.MAXIMIZED;
         } else if (parent.getType() === 'border') {
           updatedWidgets[node.getId()].status = WidgetStatus.MINIMIZED;
-        } else if (node.isVisible()) {
+        } else if (parent.getSelectedNode().getId() == node.getId()) {
           updatedWidgets[node.getId()].status = WidgetStatus.ACTIVE;
         } else {
           updatedWidgets[node.getId()].status = WidgetStatus.HIDDEN;

From 78bcf9c08f1bc7502e141fcb396fe2278e8ec303 Mon Sep 17 00:00:00 2001
From: afonso <afonsobspinto@gmail.com>
Date: Mon, 4 Mar 2024 17:19:30 +0000
Subject: [PATCH 6/8] GEP-139 chore: Apply eslint styling rules

---
 geppetto.js/geppetto-client/src/GEPPETTO.js   |  2 +-
 .../geppetto-client/src/WebsocketMain.js      |  4 +-
 .../src/communication/MessageSocket.js        | 96 +++++++++----------
 .../src/components/ComponentFactory.js        | 10 +-
 4 files changed, 56 insertions(+), 56 deletions(-)

diff --git a/geppetto.js/geppetto-client/src/GEPPETTO.js b/geppetto.js/geppetto-client/src/GEPPETTO.js
index 2b9353914..2621a5119 100644
--- a/geppetto.js/geppetto-client/src/GEPPETTO.js
+++ b/geppetto.js/geppetto-client/src/GEPPETTO.js
@@ -129,7 +129,7 @@ const EventsMapping = {
   [Events.Jupyter_geppetto_extension_ready]: EventManager.clientActions.JUPYTER_GEPPETTO_EXTENSION_READY,
 };
 
-export function initGeppetto(useWebsocket = true, loadStyle = true) {
+export function initGeppetto (useWebsocket = true, loadStyle = true) {
   if (!window.GEPPETTO_CONFIGURATION) {
     window.GEPPETTO_CONFIGURATION = {}
   }
diff --git a/geppetto.js/geppetto-client/src/WebsocketMain.js b/geppetto.js/geppetto-client/src/WebsocketMain.js
index 2ace4b8ed..a57fc31e8 100644
--- a/geppetto.js/geppetto-client/src/WebsocketMain.js
+++ b/geppetto.js/geppetto-client/src/WebsocketMain.js
@@ -12,7 +12,7 @@ import Events from './Events';
 /**
  *
  */
-function createChannel() {
+function createChannel () {
   // Change link from blank to self for GEPPETTO_CONFIGURATION.embedded environments
   if (GEPPETTO_CONFIGURATION.embedded && GEPPETTO_CONFIGURATION.embedderURL !== "/" && typeof handleRequest == 'undefined') {
     if ($.isArray(GEPPETTO_CONFIGURATION.embedderURL)) {
@@ -26,7 +26,7 @@ function createChannel() {
 /**
  * Initialize web socket communication
  */
-export function init() {
+export function init () {
   if (GEPPETTO_CONFIGURATION.contextPath == "/") {
     var host = urljoin(MessageSocket.protocol + window.location.host.replace("8081", "8080"), '/GeppettoServlet');
   } else {
diff --git a/geppetto.js/geppetto-client/src/communication/MessageSocket.js b/geppetto.js/geppetto-client/src/communication/MessageSocket.js
index 3f5b86575..339a22340 100644
--- a/geppetto.js/geppetto-client/src/communication/MessageSocket.js
+++ b/geppetto.js/geppetto-client/src/communication/MessageSocket.js
@@ -40,13 +40,13 @@ export class MessageSocket {
   autoReconnectInterval = 5 * 1000;
   socketStatus = Resources.SocketStatus.CLOSE;
 
-  constructor() {
+  constructor () {
     this.connect = this.connect.bind(this);
     this.reconnect = this.reconnect.bind(this);
     this.send = this.send.bind(this);
   }
 
-  connect(host) {
+  connect (host) {
     if (this.socket !== null) {
       delete this.socket;
     }
@@ -88,15 +88,15 @@ export class MessageSocket {
 
     this.socket.onclose = e => {
       switch (e.code) {
-        case 1000:
-          this.socketStatus = Resources.SocketStatus.CLOSE;
-          console.log(Resources.WEBSOCKET_CLOSED, true);
-          break;
-        default:
-          if (this.lostConnectionId === undefined) {
-            this.lostConnectionId = this.getClientID();
-          }
-          this.reconnect(e);
+      case 1000:
+        this.socketStatus = Resources.SocketStatus.CLOSE;
+        console.log(Resources.WEBSOCKET_CLOSED, true);
+        break;
+      default:
+        if (this.lostConnectionId === undefined) {
+          this.lostConnectionId = this.getClientID();
+        }
+        this.reconnect(e);
       }
     };
 
@@ -132,18 +132,18 @@ export class MessageSocket {
         this.connect(this.protocol + window.location.host + '/' + GEPPETTO_CONFIGURATION.contextPath + '/GeppettoServlet');
       } else {
         switch (e.code) {
-          case 'ECONNREFUSED':
-            console.log("%c WebSocket Status - Open connection error ", 'background: #000; color: red');
-            console.log(Resources.WEBSOCKET_CONNECTION_ERROR, true);
-            break;
-          case undefined:
-            console.log("%c WebSocket Status - Open connection error ", 'background: #000; color: red');
-            console.log(Resources.WEBSOCKET_RECONNECTION, true);
-            break;
-          default:
-            console.log("%c WebSocket Status - Closed ", 'background: #000; color: red');
-            this.socketStatus = Resources.SocketStatus.CLOSE;
-            break;
+        case 'ECONNREFUSED':
+          console.log("%c WebSocket Status - Open connection error ", 'background: #000; color: red');
+          console.log(Resources.WEBSOCKET_CONNECTION_ERROR, true);
+          break;
+        case undefined:
+          console.log("%c WebSocket Status - Open connection error ", 'background: #000; color: red');
+          console.log(Resources.WEBSOCKET_RECONNECTION, true);
+          break;
+        default:
+          console.log("%c WebSocket Status - Closed ", 'background: #000; color: red');
+          this.socketStatus = Resources.SocketStatus.CLOSE;
+          break;
         }
       }
     }
@@ -152,7 +152,7 @@ export class MessageSocket {
   /**
    * Attempt to reconnect to the backend
    */
-  reconnect(e) {
+  reconnect (e) {
     if (this.attempts < this.reconnectionLimit) {
       this.attempts++;
       this.socketStatus = Resources.SocketStatus.RECONNECTING;
@@ -171,7 +171,7 @@ export class MessageSocket {
   /**
    * Sends messages to the server
    */
-  send(command, parameter, callback) {
+  send (command, parameter, callback) {
     if (this.socketStatus === Resources.SocketStatus.RECONNECTING && command !== "reconnect") {
       EventManager.actionsHandler[EventManager.clientActions.STOP_LOGO]();
       return;
@@ -189,7 +189,7 @@ export class MessageSocket {
     return requestID;
   }
 
-  waitForConnection(messageTemplate, interval) {
+  waitForConnection (messageTemplate, interval) {
     if (this.isReady() === 1) {
       this.socket.send(messageTemplate);
     } else if (this.isReady() > 1) {
@@ -204,7 +204,7 @@ export class MessageSocket {
     }
   }
 
-  isReady() {
+  isReady () {
     if (this.socket !== null) {
       return this.socket.readyState;
     } else {
@@ -212,7 +212,7 @@ export class MessageSocket {
     }
   }
 
-  close() {
+  close () {
     this.socket.close();
     EventManager.actionsHandler[EventManager.clientActions.WEBSOCKET_DISCONNECTED]();
 
@@ -221,36 +221,36 @@ export class MessageSocket {
   /**
    * Sets the id of the client
    */
-  setClientID(id) {
+  setClientID (id) {
     this.clientID = id;
   }
 
   /**
    * Sets the id of the client
    */
-  getClientID() {
+  getClientID () {
     return this.clientID;
   }
   /**
    * Creates a request id to send with the message to the server
    */
-  createRequestID() {
+  createRequestID () {
     return this.clientID + "-" + (this.nextID++);
   }
 
-  loadProjectFromId(projectId) {
+  loadProjectFromId (projectId) {
     this.send("load_project_from_id", { projectId });
   }
 
-  loadProjectFromUrl(projectURL) {
+  loadProjectFromUrl (projectURL) {
     this.send("load_project_from_url", projectURL);
   }
 
-  loadProjectFromContent(content) {
+  loadProjectFromContent (content) {
     this.send("load_project_from_content", content);
   }
 
-  gzipUncompress(compressedMessage) {
+  gzipUncompress (compressedMessage) {
     var messageBytes = new Uint8Array(compressedMessage);
     var message = pako.ungzip(messageBytes, { to: "string" });
     return message;
@@ -260,7 +260,7 @@ export class MessageSocket {
    * Dispatches through Redux actions all messages received from the socket
    * @param {*} messageData 
    */
-  parseAndNotify(messageData) {
+  parseAndNotify (messageData) {
     var parsedServerMessage = JSON.parse(messageData);
     console.debug("Received websocket message", parsedServerMessage);
     let payload = JSON.parse(parsedServerMessage.data);
@@ -273,16 +273,16 @@ export class MessageSocket {
     }
 
     switch (parsedServerMessage.type) {
-      case messageTypes.CLIENT_ID: {
-        this.setClientID(payload.clientID);
-        break;
-      }
-      case messageTypes.RECONNECTION_ERROR: {
-        this.socketStatus = Resources.SocketStatus.CLOSE;
-        break;
-      }
-      default:
-        break;
+    case messageTypes.CLIENT_ID: {
+      this.setClientID(payload.clientID);
+      break;
+    }
+    case messageTypes.RECONNECTION_ERROR: {
+      this.socketStatus = Resources.SocketStatus.CLOSE;
+      break;
+    }
+    default:
+      break;
     }
 
 
@@ -299,7 +299,7 @@ export class MessageSocket {
   }
 
 
-  processBinaryMessage(message) {
+  processBinaryMessage (message) {
 
     var messageBytes = new Uint8Array(message);
 
@@ -326,7 +326,7 @@ export class MessageSocket {
  * @param payload - message payload, can be anything
  * @returns JSON stringified object
  */
-function messageTemplate(id, msgtype, payload) {
+function messageTemplate (id, msgtype, payload) {
 
   if (!(typeof payload == 'string' || payload instanceof String)) {
     payload = JSON.stringify(payload);
diff --git a/geppetto.js/geppetto-client/src/components/ComponentFactory.js b/geppetto.js/geppetto-client/src/components/ComponentFactory.js
index f3cf06ceb..b74568bad 100644
--- a/geppetto.js/geppetto-client/src/components/ComponentFactory.js
+++ b/geppetto.js/geppetto-client/src/components/ComponentFactory.js
@@ -8,7 +8,7 @@ const ComponentFactory = {
     return this.componentsMap;
   },
 
-  addExistingComponent(componentType, component, override) {
+  addExistingComponent (componentType, component, override) {
     if (!(componentType in this.componentsMap)) {
       this.componentsMap[componentType] = [];
     }
@@ -26,7 +26,7 @@ const ComponentFactory = {
     this.componentsMap[componentType].push(component);
   },
 
-  removeExistingComponent(componentType, component) {
+  removeExistingComponent (componentType, component) {
     if (componentType in this.componentsMap) {
       var index = this.componentsMap[componentType].indexOf(component);
       if (index > -1) {
@@ -35,7 +35,7 @@ const ComponentFactory = {
     }
   },
 
-  getComponentById(componentType, componentId) {
+  getComponentById (componentType, componentId) {
     var componentsMap = this.componentsMap[componentType];
     for (var c in componentsMap) {
       if (componentId === componentsMap[c].id) {
@@ -45,7 +45,7 @@ const ComponentFactory = {
     return undefined;
   },
 
-  camelize(str) {
+  camelize (str) {
     return str.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
       if (+match === 0) {
         return "";
@@ -62,7 +62,7 @@ const ComponentFactory = {
    * @param {Array} widgetsList
    * @returns {String} id - Available id for a widget
    */
-  getAvailableComponentId(componentType) {
+  getAvailableComponentId (componentType) {
     var index = 0;
     var id = "";
     var available;

From 9692dc919354c132a1c82d06f813f611bda56ed0 Mon Sep 17 00:00:00 2001
From: Nico Gomez <enicolasgomez@gmail.com>
Date: Tue, 5 Mar 2024 10:01:57 -0300
Subject: [PATCH 7/8] Added back setup script

---
 setup.sh | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100755 setup.sh

diff --git a/setup.sh b/setup.sh
new file mode 100755
index 000000000..c5f137d95
--- /dev/null
+++ b/setup.sh
@@ -0,0 +1,19 @@
+yarn global add yalc
+
+app=$(pwd)
+
+cd $app/geppetto.js/geppetto-core
+yarn && yarn build && yarn publish:yalc
+
+cd $app/geppetto.js/geppetto-ui
+yarn && yarn build:src && yarn publish:yalc
+
+cd $app/geppetto.js/geppetto-client
+yarn && yarn build && yarn publish:yalc
+
+cd $app/geppetto-showcase
+yalc add @metacell/geppetto-meta-client
+yalc add @metacell/geppetto-meta-core
+yalc add @metacell/geppetto-meta-ui
+
+yarn

From 1961938495d0c73c4166efb69597e905ea2c3e36 Mon Sep 17 00:00:00 2001
From: Nico Gomez <enicolasgomez@gmail.com>
Date: Tue, 5 Mar 2024 10:10:44 -0300
Subject: [PATCH 8/8] Library changes for 1.2.8

---
 geppetto.js/geppetto-client/package-lock.json |  4 +--
 geppetto.js/geppetto-client/package.json      |  6 ++--
 geppetto.js/geppetto-client/yarn.lock         | 30 -----------------
 geppetto.js/geppetto-core/package-lock.json   |  4 +--
 geppetto.js/geppetto-core/package.json        |  2 +-
 geppetto.js/geppetto-core/yarn.lock           | 30 -----------------
 geppetto.js/geppetto-ui/package-lock.json     | 18 +++++-----
 geppetto.js/geppetto-ui/package.json          |  4 +--
 geppetto.js/geppetto-ui/yarn.lock             | 33 +++----------------
 9 files changed, 23 insertions(+), 108 deletions(-)

diff --git a/geppetto.js/geppetto-client/package-lock.json b/geppetto.js/geppetto-client/package-lock.json
index 5c07713b8..52d67e8b7 100644
--- a/geppetto.js/geppetto-client/package-lock.json
+++ b/geppetto.js/geppetto-client/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@metacell/geppetto-meta-client",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@metacell/geppetto-meta-client",
-      "version": "1.2.7",
+      "version": "1.2.8",
       "license": "MIT",
       "dependencies": {
         "@material-ui/core": "^4.1.3",
diff --git a/geppetto.js/geppetto-client/package.json b/geppetto.js/geppetto-client/package.json
index 9765b2e5e..1eaf1b603 100644
--- a/geppetto.js/geppetto-client/package.json
+++ b/geppetto.js/geppetto-client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@metacell/geppetto-meta-client",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "Geppetto web frontend. Geppetto is an open-source platform to build web-based tools to visualize and simulate neuroscience data and models.",
   "keywords": [
     "geppetto",
@@ -48,8 +48,8 @@
     "less": "^3.9.0"
   },
   "peerDepedencies": {
-    "@metacell/geppetto-meta-core": "1.2.7",
-    "@metacell/geppetto-meta-ui": "1.2.7"
+    "@metacell/geppetto-meta-core": "1.2.8",
+    "@metacell/geppetto-meta-ui": "1.2.8"
   },
   "buildOptions": {
     "emitEntryPoint": true,
diff --git a/geppetto.js/geppetto-client/yarn.lock b/geppetto.js/geppetto-client/yarn.lock
index 680429ed1..97dffa72d 100644
--- a/geppetto.js/geppetto-client/yarn.lock
+++ b/geppetto.js/geppetto-client/yarn.lock
@@ -1687,13 +1687,6 @@
   "resolved" "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
   "version" "2.2.0"
 
-"bindings@^1.5.0":
-  "integrity" "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ=="
-  "resolved" "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz"
-  "version" "1.5.0"
-  dependencies:
-    "file-uri-to-path" "1.0.0"
-
 "brace-expansion@^1.1.7":
   "integrity" "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA=="
   "resolved" "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz"
@@ -2498,11 +2491,6 @@
   dependencies:
     "flat-cache" "^2.0.1"
 
-"file-uri-to-path@1.0.0":
-  "integrity" "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="
-  "resolved" "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz"
-  "version" "1.0.0"
-
 "fill-range@^4.0.0":
   "integrity" "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ=="
   "resolved" "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz"
@@ -2592,19 +2580,6 @@
   "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   "version" "1.0.0"
 
-"fsevents@^1.2.7":
-  "integrity" "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw=="
-  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz"
-  "version" "1.2.13"
-  dependencies:
-    "bindings" "^1.5.0"
-    "nan" "^2.12.1"
-
-"fsevents@~2.3.2":
-  "integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
-  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  "version" "2.3.2"
-
 "function-bind@^1.1.1":
   "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
   "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -4009,11 +3984,6 @@
   "resolved" "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz"
   "version" "0.0.8"
 
-"nan@^2.12.1":
-  "integrity" "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ=="
-  "resolved" "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz"
-  "version" "2.17.0"
-
 "nanomatch@^1.2.9":
   "integrity" "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA=="
   "resolved" "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz"
diff --git a/geppetto.js/geppetto-core/package-lock.json b/geppetto.js/geppetto-core/package-lock.json
index 798148dac..482580366 100644
--- a/geppetto.js/geppetto-core/package-lock.json
+++ b/geppetto.js/geppetto-core/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@metacell/geppetto-meta-core",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@metacell/geppetto-meta-core",
-      "version": "1.2.7",
+      "version": "1.2.8",
       "license": "MIT",
       "devDependencies": {
         "@babel/cli": "^7.14.3",
diff --git a/geppetto.js/geppetto-core/package.json b/geppetto.js/geppetto-core/package.json
index 64a281c12..65510a18c 100644
--- a/geppetto.js/geppetto-core/package.json
+++ b/geppetto.js/geppetto-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@metacell/geppetto-meta-core",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "The core functionality of geppetto-meta to build and simulate neuroscience data and models.",
   "keywords": [
     "geppetto",
diff --git a/geppetto.js/geppetto-core/yarn.lock b/geppetto.js/geppetto-core/yarn.lock
index 0f79bae59..85c2326ea 100644
--- a/geppetto.js/geppetto-core/yarn.lock
+++ b/geppetto.js/geppetto-core/yarn.lock
@@ -1497,13 +1497,6 @@
   "resolved" "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz"
   "version" "2.2.0"
 
-"bindings@^1.5.0":
-  "integrity" "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ=="
-  "resolved" "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz"
-  "version" "1.5.0"
-  dependencies:
-    "file-uri-to-path" "1.0.0"
-
 "brace-expansion@^1.1.7":
   "integrity" "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA=="
   "resolved" "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz"
@@ -2258,11 +2251,6 @@
   dependencies:
     "flat-cache" "^2.0.1"
 
-"file-uri-to-path@1.0.0":
-  "integrity" "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="
-  "resolved" "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz"
-  "version" "1.0.0"
-
 "fill-range@^4.0.0":
   "integrity" "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ=="
   "resolved" "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz"
@@ -2352,19 +2340,6 @@
   "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   "version" "1.0.0"
 
-"fsevents@^1.2.7":
-  "integrity" "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw=="
-  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz"
-  "version" "1.2.13"
-  dependencies:
-    "bindings" "^1.5.0"
-    "nan" "^2.12.1"
-
-"fsevents@~2.3.2":
-  "integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
-  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  "version" "2.3.2"
-
 "function-bind@^1.1.1":
   "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
   "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -3639,11 +3614,6 @@
   "resolved" "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz"
   "version" "0.0.8"
 
-"nan@^2.12.1":
-  "integrity" "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ=="
-  "resolved" "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz"
-  "version" "2.17.0"
-
 "nanomatch@^1.2.9":
   "integrity" "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA=="
   "resolved" "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz"
diff --git a/geppetto.js/geppetto-ui/package-lock.json b/geppetto.js/geppetto-ui/package-lock.json
index f1400ac67..92bbc7574 100644
--- a/geppetto.js/geppetto-ui/package-lock.json
+++ b/geppetto.js/geppetto-ui/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@metacell/geppetto-meta-ui",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@metacell/geppetto-meta-ui",
-      "version": "1.2.7",
+      "version": "1.2.8",
       "license": "MIT",
       "devDependencies": {
         "@babel/cli": "^7.8.4",
@@ -43,7 +43,7 @@
         "@fortawesome/react-fontawesome": "^0.1.9",
         "@material-ui/core": "4.11.4",
         "@material-ui/icons": "^4.11.2",
-        "@metacell/geppetto-meta-core": "1.2.7",
+        "@metacell/geppetto-meta-core": "1.2.8",
         "aframe": "<1.1.0",
         "aframe-slice9-component": ">=1.0.0",
         "ami.js": ">=0.32.0",
@@ -4177,9 +4177,9 @@
       }
     },
     "node_modules/@metacell/geppetto-meta-core": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@metacell/geppetto-meta-core/-/geppetto-meta-core-1.2.7.tgz",
-      "integrity": "sha512-z5pd1pCWfd5Sex7Rn++kFBOJ8WkACxZhPQoobt3RL+teSbJTPBKZArMFX8j2u/0GbLgGlLQ/qdzcNs5PpuI3/A==",
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@metacell/geppetto-meta-core/-/geppetto-meta-core-1.2.8.tgz",
+      "integrity": "sha512-1AMhQLw3+3YFufG2YUsgsxi3YGZx94VKloXq5aENZo5ZLW+aLvlSAUcRUl68LUPt/Axd+6xc1R7qGNOghv7Irw==",
       "peer": true
     },
     "node_modules/@nicolo-ribaudo/chokidar-2": {
@@ -30983,9 +30983,9 @@
       }
     },
     "@metacell/geppetto-meta-core": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@metacell/geppetto-meta-core/-/geppetto-meta-core-1.2.7.tgz",
-      "integrity": "sha512-z5pd1pCWfd5Sex7Rn++kFBOJ8WkACxZhPQoobt3RL+teSbJTPBKZArMFX8j2u/0GbLgGlLQ/qdzcNs5PpuI3/A==",
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@metacell/geppetto-meta-core/-/geppetto-meta-core-1.2.8.tgz",
+      "integrity": "sha512-1AMhQLw3+3YFufG2YUsgsxi3YGZx94VKloXq5aENZo5ZLW+aLvlSAUcRUl68LUPt/Axd+6xc1R7qGNOghv7Irw==",
       "peer": true
     },
     "@nicolo-ribaudo/chokidar-2": {
diff --git a/geppetto.js/geppetto-ui/package.json b/geppetto.js/geppetto-ui/package.json
index 2a04ccaea..09f6169db 100644
--- a/geppetto.js/geppetto-ui/package.json
+++ b/geppetto.js/geppetto-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@metacell/geppetto-meta-ui",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "React components from geppetto-meta to create neuroscience applications and visualize data.",
   "repository": {
     "type": "git",
@@ -63,7 +63,7 @@
     "@fortawesome/fontawesome-free": "^6.4.0",
     "@material-ui/core": "4.11.4",
     "@material-ui/icons": "^4.11.2",
-    "@metacell/geppetto-meta-core": "1.2.7",
+    "@metacell/geppetto-meta-core": "1.2.8",
     "aframe": "<1.1.0",
     "aframe-slice9-component": ">=1.0.0",
     "ami.js": ">=0.32.0",
diff --git a/geppetto.js/geppetto-ui/yarn.lock b/geppetto.js/geppetto-ui/yarn.lock
index eeb770dcf..b52f02fa6 100644
--- a/geppetto.js/geppetto-ui/yarn.lock
+++ b/geppetto.js/geppetto-ui/yarn.lock
@@ -1456,10 +1456,10 @@
     "prop-types" "^15.7.2"
     "react-is" "^16.8.0 || ^17.0.0"
 
-"@metacell/geppetto-meta-core@1.2.7":
-  "integrity" "sha512-z5pd1pCWfd5Sex7Rn++kFBOJ8WkACxZhPQoobt3RL+teSbJTPBKZArMFX8j2u/0GbLgGlLQ/qdzcNs5PpuI3/A=="
-  "resolved" "https://registry.npmjs.org/@metacell/geppetto-meta-core/-/geppetto-meta-core-1.2.7.tgz"
-  "version" "1.2.7"
+"@metacell/geppetto-meta-core@1.2.8":
+  "integrity" "sha512-1AMhQLw3+3YFufG2YUsgsxi3YGZx94VKloXq5aENZo5ZLW+aLvlSAUcRUl68LUPt/Axd+6xc1R7qGNOghv7Irw=="
+  "resolved" "https://registry.npmjs.org/@metacell/geppetto-meta-core/-/geppetto-meta-core-1.2.8.tgz"
+  "version" "1.2.8"
 
 "@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents.3":
   "integrity" "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ=="
@@ -2694,13 +2694,6 @@
   "resolved" "https://registry.npmjs.org/binary-search-bounds/-/binary-search-bounds-2.0.5.tgz"
   "version" "2.0.5"
 
-"bindings@^1.5.0":
-  "integrity" "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ=="
-  "resolved" "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz"
-  "version" "1.5.0"
-  dependencies:
-    "file-uri-to-path" "1.0.0"
-
 "bit-twiddle@^1.0.0", "bit-twiddle@^1.0.2":
   "integrity" "sha512-B9UhK0DKFZhoTFcfvAzhqsjStvGJp9vYWf3+6SNTtdSQnvIgfkHbgHrg/e4+TH71N2GDu8tpmCVoyfrL1d7ntA=="
   "resolved" "https://registry.npmjs.org/bit-twiddle/-/bit-twiddle-1.0.2.tgz"
@@ -5760,19 +5753,6 @@
   "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   "version" "1.0.0"
 
-"fsevents@^1.2.7":
-  "integrity" "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw=="
-  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz"
-  "version" "1.2.13"
-  dependencies:
-    "bindings" "^1.5.0"
-    "nan" "^2.12.1"
-
-"fsevents@^2.1.2", "fsevents@~2.3.2":
-  "integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
-  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  "version" "2.3.2"
-
 "function-bind@^1.1.1":
   "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
   "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -9597,11 +9577,6 @@
   "resolved" "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz"
   "version" "0.0.8"
 
-"nan@^2.12.1":
-  "integrity" "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ=="
-  "resolved" "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz"
-  "version" "2.17.0"
-
 "nanoid@^2.1.0":
   "integrity" "sha512-s/snB+WGm6uwi0WjsZdaVcuf3KJXlfGl2LcxgwkEwJF0D/BWzVWAZW/XY4bFaiR7s0Jk3FPvlnepg1H1b1UwlA=="
   "resolved" "https://registry.npmjs.org/nanoid/-/nanoid-2.1.11.tgz"