Remove the guidata option (#413)

* Start removing `guidata` option

* Remove guidata from `onSharedOptionsChanged` method
[visibility toggling not working now]

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* visibility toggling working again

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* Attempt to remove `guidata` fully from `mainview` & `commands`

* Remove `guidata` from `build_shape`

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* Remove `guidata` from `cad_document`

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* Remove logging

* Update Playwright Snapshots

* Explicitly update the object visibility in the shared model

* Fix visibility toggling in `objectTree`

* Update Playwright Snapshots

* Update packages/base/src/panelview/objecttree.tsx

Co-authored-by: Duc Trung Le <leductrungxf@gmail.com>

* Condense `setVisible` method

* Revert changes in python

* Revert changes in python

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Duc Trung Le <leductrungxf@gmail.com>

packages/base/src/3dview/helpers.ts

@@ -1,4 +1,4 @@
-import { IDict, IParsedShape } from '@jupytercad/schema';
+import { IParsedShape } from '@jupytercad/schema';
 import * as THREE from 'three';
 import {
   acceleratedRaycast,
@@ -113,22 +113,14 @@ export function buildShape(options: {
   clippingPlanes: THREE.Plane[];
   selected: boolean;
   isSolid: boolean;
-  guidata?: IDict;
   objColor?: THREE.Color | string | number;
 }): {
   meshGroup: THREE.Group;
   mainMesh: THREE.Mesh<THREE.BufferGeometry, THREE.MeshPhongMaterial>;
   edgesMeshes: LineSegments2[];
 } | null {
-  const {
-    objName,
-    data,
-    guidata,
-    isSolid,
-    clippingPlanes,
-    selected,
-    objColor
-  } = options;
+  const { objName, data, isSolid, clippingPlanes, selected, objColor } =
+    options;
   const { faceList, edgeList, jcObject } = data;
 
   const vertices: Array<number> = [];
@@ -157,19 +149,8 @@ export function buildShape(options: {
     vInd += vertexCoorLength / 3;
   }
 
-  let color = objColor || DEFAULT_MESH_COLOR;
-  let visible = jcObject.visible;
-  if (guidata && guidata[objName]) {
-    const objdata = guidata[objName];
-
-    if (Object.prototype.hasOwnProperty.call(objdata, 'color')) {
-      color = new THREE.Color(color);
-    }
-
-    if (Object.prototype.hasOwnProperty.call(objdata, 'visibility')) {
-      visible = guidata[objName]['visibility'];
-    }
-  }
+  const color = objColor || DEFAULT_MESH_COLOR;
+  const visible = jcObject.visible;
 
   // Compile the connected vertices and faces into a model
   // And add to the scene

packages/base/src/3dview/mainview.tsx

@@ -577,7 +577,6 @@ export class MainView extends React.Component<IProps, IStates> {
       this._scene.remove(this._clippingPlaneMesh);
     }
 
-    const guidata = this._model.sharedModel.getOption('guidata');
     const selectedNames = this._selectedMeshes.map(sel => sel.name);
     this._selectedMeshes = [];
 
@@ -603,7 +602,6 @@ export class MainView extends React.Component<IProps, IStates> {
         clippingPlanes: this._clippingPlanes,
         selected,
         isSolid,
-        guidata,
         objColor
       });
 
@@ -665,9 +663,6 @@ export class MainView extends React.Component<IProps, IStates> {
       }
     });
 
-    if (guidata) {
-      this._model.sharedModel?.setOption('guidata', guidata);
-    }
     // Update the reflength
     this._updateRefLength();
     // Set the expoded view if it's enabled
@@ -1074,34 +1069,34 @@ export class MainView extends React.Component<IProps, IStates> {
     sender: IJupyterCadDoc,
     change: MapChange
   ): void {
-    const guidata = sender.getOption('guidata');
+    const objects = sender.objects;
 
-    if (guidata) {
-      for (const objName in guidata) {
+    if (objects) {
+      for (const objData of objects) {
+        const objName = objData.name;
         const obj = this._meshGroup?.getObjectByName(objName) as
           | BasicMesh
           | undefined;
-        const objColor = obj?.material.color;
+
         if (!obj) {
           continue;
         }
-        if (
-          Object.prototype.hasOwnProperty.call(guidata[objName], 'visibility')
-        ) {
-          const explodedLineHelper =
-            this._explodedViewLinesHelperGroup?.getObjectByName(objName);
-          const objGuiData = guidata[objName];
-          if (objGuiData) {
-            obj.parent!.visible = objGuiData['visibility'];
-
-            if (explodedLineHelper) {
-              explodedLineHelper.visible = objGuiData['visibility'];
-            }
-          }
+
+        const isVisible = objData.visible;
+
+        const objColor = obj?.material.color;
+
+        obj.parent!.visible = isVisible;
+
+        const explodedLineHelper =
+          this._explodedViewLinesHelperGroup?.getObjectByName(objName);
+        if (explodedLineHelper) {
+          explodedLineHelper.visible = isVisible;
         }
+
         if (obj.material.color) {
-          if ('color' in guidata[objName]) {
-            const rgba = guidata[objName]['color'] as number[];
+          if ('color' in objData) {
+            const rgba = objData.color as number[];
             const color = new THREE.Color(rgba[0], rgba[1], rgba[2]);
             obj.material.color = color;
           } else {

packages/base/src/commands.ts

@@ -78,15 +78,9 @@ export function setVisible(
   name: string,
   value: boolean
 ) {
-  const guidata = sharedModel.getOption('guidata') || {};
-
-  if (guidata && guidata[name]) {
-    guidata[name]['visibility'] = false;
-  } else {
-    guidata[name] = { visibility: false };
-  }
-
-  sharedModel.setOption('guidata', guidata);
+  sharedModel.updateObjectByName(name, {
+    data: { key: 'visible', value }
+  });
 }
 
 const PARTS = {

packages/base/src/panelview/objecttree.tsx

@@ -318,7 +318,7 @@ class ObjectTreeReact extends React.Component<IProps, IStates> {
   };
 
   render(): React.ReactNode {
-    const { selectedNodes, openNodes, options } = this.state;
+    const { selectedNodes, openNodes } = this.state;
     const data = this.stateToTree();
 
     const selectedNodeIds: TreeNodeId[] = [];
@@ -375,21 +375,7 @@ class ObjectTreeReact extends React.Component<IProps, IStates> {
             if (jcadObj) {
               visible = jcadObj.visible;
             }
-            if (
-              jcadObj &&
-              options &&
-              options['guidata'] &&
-              Object.prototype.hasOwnProperty.call(
-                options['guidata'],
-                jcadObj.name
-              ) &&
-              Object.prototype.hasOwnProperty.call(
-                options['guidata'][jcadObj.name],
-                'visibility'
-              )
-            ) {
-              visible = options['guidata'][jcadObj.name]['visibility'];
-            }
+
             return (
               <div
                 className={`jpcad-control-panel-tree ${
@@ -421,24 +407,16 @@ class ObjectTreeReact extends React.Component<IProps, IStates> {
                         className={'jp-ToolbarButtonComponent'}
                         onClick={() => {
                           const objectId = opts.node.parentId as string;
-
-                          const guidata =
-                            this.props.cpModel.sharedModel?.getOption(
-                              'guidata'
-                            ) || { [objectId]: {} };
-
-                          if (guidata) {
-                            if (guidata[objectId]) {
-                              guidata[objectId]['visibility'] = !visible;
-                            } else {
-                              guidata[objectId] = { visibility: !visible };
+                          const obj = this.getObjectFromName(objectId);
+                          if (obj) {
+                            const sharedModel =
+                              this.props.cpModel.jcadModel?.sharedModel;
+                            if (sharedModel) {
+                              sharedModel.updateObjectByName(objectId, {
+                                data: { key: 'visible', value: !obj.visible }
+                              });
                             }
                           }
-
-                          this.props.cpModel.sharedModel?.setOption(
-                            'guidata',
-                            guidata
-                          );
                         }}
                         icon={visible ? visibilityIcon : visibilityOffIcon}
                       />

packages/schema/src/doc.ts

@@ -133,11 +133,6 @@ export class JupyterCadDoc
 
     if (this._objects.length > index) {
       this._objects.delete(index);
-      const guidata = this.getOption('guidata');
-      if (guidata) {
-        delete guidata[name];
-        this.setOption('guidata', guidata);
-      }
       this.removeOutput(name);
     }
   }

packages/schema/src/interfaces.ts

@@ -216,7 +216,6 @@ export interface IParsedShape {
   faceList: Array<IFace>;
   edgeList: Array<IEdge>;
   meta?: IDict;
-  guiData?: IDict;
 }
 
 export interface IPostOperatorInput {

packages/schema/src/schema/jcad.json

@@ -128,11 +128,7 @@
       "type": "object",
       "default": {},
       "additionalProperties": false,
-      "properties": {
-        "guidata": {
-          "type": "object"
-        }
-      }
+      "properties": {}
     }
   }
 }