feat(core): add export-import features to config

ThatOpen · Nov 6, 2024 · e1b84e6 · e1b84e6
1 parent 006b4a1
commit e1b84e6
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 3 deletions.
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@thatopen/components",
   "description": "Collection of core functionalities to author BIM apps.",
-  "version": "2.4.0-alpha.28",
+  "version": "2.4.0-alpha.30",
   "author": "That Open Company",
   "contributors": [
     "Antonio Gonzalez Viegas (https://github.com/agviegas)",

diff --git a/packages/core/src/core/ConfigManager/src/configurator.ts b/packages/core/src/core/ConfigManager/src/configurator.ts
@@ -1,3 +1,4 @@
+import * as THREE from "three";
 import {
   ControlsSchema,
   ControlEntry,
@@ -57,6 +58,49 @@ export abstract class Configurator<
     }
   }
 
+  export() {
+    const serializedData: any = {};
+    for (const id in this._config) {
+      const control = this._config[id];
+
+      if (control.type === "Color") {
+        const { r, g, b } = control.value;
+        serializedData[id] = { ...control, value: { r, g, b } };
+      } else if (control.type === "Vector3") {
+        const { x, y, z } = control.value;
+        serializedData[id] = { ...control, value: { x, y, z } };
+      } else if (control.type === "Select" || control.type === "TextSet") {
+        const value = Array.from(control.value);
+        serializedData[id] = { ...control, value };
+      } else {
+        serializedData[id] = { ...control };
+      }
+    }
+
+    return serializedData;
+  }
+
+  import(serializedData: any) {
+    const imported: any = {};
+
+    for (const id in serializedData) {
+      const control = serializedData[id];
+      if (control.type === "Color") {
+        const { r, g, b } = control.value;
+        imported[id] = { ...control, value: new THREE.Color(r, g, b) };
+      } else if (control.type === "Vector3") {
+        const { x, y, z } = control.value;
+        imported[id] = { ...control, value: new THREE.Vector3(x, y, z) };
+      } else if (control.type === "Select" || control.type === "TextSet") {
+        imported[id] = { ...control, value: new Set(control.value) };
+      } else {
+        imported[id] = { ...control };
+      }
+    }
+
+    this.set(imported);
+  }
+
   copyEntry(controlEntry: ControlEntry): ControlEntry {
     if (controlEntry.type === "Boolean") {
       const entry = controlEntry as BooleanSettingsControl;

diff --git a/packages/front/package.json b/packages/front/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@thatopen/components-front",
   "description": "Collection of frontend tools to author BIM apps.",
-  "version": "2.4.0-alpha.29",
+  "version": "2.4.0-alpha.30",
   "author": "That Open Company",
   "contributors": [
     "Antonio Gonzalez Viegas (https://github.com/agviegas)",
@@ -47,7 +47,7 @@
     "web-ifc": "0.0.61"
   },
   "dependencies": {
-    "@thatopen/components": ">=2.4.0-alpha.28",
+    "@thatopen/components": ">=2.4.0-alpha.30",
     "camera-controls": "2.7.3",
     "dexie": "^4.0.4",
     "earcut": "^2.2.4",