@thatopen/components 2.4.0-alpha.30 → 2.4.0-alpha.32

package/dist/core/ConfigManager/src/configurator.d.ts

@@ -1,4 +1,4 @@
-import { ControlsSchema, ControlEntry } from "../../Types";
+import { ControlsSchema } from "../../Types";
 import { Components } from "../../Components";
 export declare abstract class Configurator<T = any, U extends ControlsSchema = ControlsSchema> {
     protected abstract _config: U;
@@ -8,7 +8,6 @@ export declare abstract class Configurator<T = any, U extends ControlsSchema = C
     get controls(): U;
     constructor(component: T, components: Components, name: string, uuid?: string);
     set(data: Partial<U>): void;
-    export(): any;
-    import(serializedData: any): void;
-    copyEntry(controlEntry: ControlEntry): ControlEntry;
+    export(controls?: ControlsSchema, exported?: any): any;
+    import(exported: any, imported?: any, first?: boolean): void;
 }

package/dist/core/Types/src/config-types.d.ts

@@ -40,3 +40,8 @@ export type ControlEntry = BooleanSettingsControl | ColorSettingsControl | TextS
 export interface ControlsSchema {
     [name: string]: ControlEntry | ControlsSchema;
 }
+export declare class ControlsUtils {
+    static isEntry(item: any): boolean;
+    static copySchema<T extends ControlsSchema = ControlsSchema>(schema: T, copy?: ControlsSchema): T;
+    static copyEntry(controlEntry: ControlEntry): ControlEntry;
+}

package/dist/index.cjs

@@ -3877,6 +3877,97 @@ class DataMap extends Map {
 }
 class ComponentWithUI extends Component {
 }
+class ControlsUtils {
+  static isEntry(item) {
+    const types = /* @__PURE__ */ new Set([
+      "Boolean",
+      "Color",
+      "Text",
+      "Number",
+      "Select",
+      "Vector3",
+      "TextSet",
+      "None"
+    ]);
+    return types.has(item.type);
+  }
+  static copySchema(schema, copy = {}) {
+    for (const name in schema) {
+      const entry = schema[name];
+      if (this.isEntry(entry)) {
+        copy[name] = this.copyEntry(entry);
+      } else {
+        copy[name] = {};
+        this.copySchema(entry, copy[name]);
+      }
+    }
+    return copy;
+  }
+  static copyEntry(controlEntry) {
+    if (controlEntry.type === "Boolean") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value
+      };
+    }
+    if (controlEntry.type === "Color") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value.clone()
+      };
+    }
+    if (controlEntry.type === "Text") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value
+      };
+    }
+    if (controlEntry.type === "Number") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value,
+        min: entry.min,
+        max: entry.max,
+        interpolable: entry.interpolable
+      };
+    }
+    if (controlEntry.type === "Select") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value,
+        multiple: entry.multiple,
+        options: new Set(entry.options)
+      };
+    }
+    if (controlEntry.type === "Vector3") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value.clone()
+      };
+    }
+    if (controlEntry.type === "TextSet") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: new Set(entry.value)
+      };
+    }
+    if (controlEntry.type === "None") {
+      const entry = controlEntry;
+      return {
+        type: entry.type,
+        value: entry.value
+      };
+    }
+    throw new Error("Invalid entry!");
+  }
+}
 class EventManager {
   constructor() {
     /**
@@ -5552,12 +5643,7 @@ class Configurator {
     configManager.list.set(this.uuid, this);
   }
   get controls() {
-    const copy = {};
-    for (const name in this._config) {
-      const entry = this._config[name];
-      copy[name] = this.copyEntry(entry);
-    }
-    return copy;
+    return ControlsUtils.copySchema(this._config);
   }
   set(data) {
     for (const name in data) {
@@ -5567,106 +5653,59 @@ class Configurator {
       }
     }
   }
-  export() {
-    const serializedData = {};
-    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) {
-    const imported = {};
-    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__namespace.Color(r, g, b) };
-      } else if (control.type === "Vector3") {
-        const { x, y, z } = control.value;
-        imported[id] = { ...control, value: new THREE__namespace.Vector3(x, y, z) };
-      } else if (control.type === "Select" || control.type === "TextSet") {
-        imported[id] = { ...control, value: new Set(control.value) };
+  export(controls = this._config, exported = {}) {
+    for (const id in controls) {
+      const control = controls[id];
+      const isControl = ControlsUtils.isEntry(control);
+      if (isControl) {
+        if (control.type === "Color") {
+          const { r, g, b } = control.value;
+          exported[id] = { ...control, value: { r, g, b } };
+        } else if (control.type === "Vector3") {
+          const { x, y, z } = control.value;
+          exported[id] = { ...control, value: { x, y, z } };
+        } else if (control.type === "TextSet") {
+          const value = Array.from(control.value);
+          exported[id] = { ...control, value };
+        } else if (control.type === "Select") {
+          const options = Array.from(control.options);
+          exported[id] = { ...control, options };
+        } else {
+          exported[id] = { ...control };
+        }
       } else {
-        imported[id] = { ...control };
+        exported[id] = {};
+        this.export(control, exported[id]);
       }
     }
-    this.set(imported);
+    return exported;
   }
-  copyEntry(controlEntry) {
-    if (controlEntry.type === "Boolean") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value
-      };
-    }
-    if (controlEntry.type === "Color") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value.clone()
-      };
-    }
-    if (controlEntry.type === "Text") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value
-      };
-    }
-    if (controlEntry.type === "Number") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value,
-        min: entry.min,
-        max: entry.max,
-        interpolable: entry.interpolable
-      };
-    }
-    if (controlEntry.type === "Select") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value,
-        multiple: entry.multiple,
-        options: new Set(entry.options)
-      };
-    }
-    if (controlEntry.type === "Vector3") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value.clone()
-      };
-    }
-    if (controlEntry.type === "TextSet") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: new Set(entry.value)
-      };
+  import(exported, imported = {}, first = true) {
+    for (const id in exported) {
+      const control = exported[id];
+      const isControl = ControlsUtils.isEntry(control);
+      if (isControl) {
+        if (control.type === "Color") {
+          const { r, g, b } = control.value;
+          imported[id] = { ...control, value: new THREE__namespace.Color(r, g, b) };
+        } else if (control.type === "Vector3") {
+          const { x, y, z } = control.value;
+          imported[id] = { ...control, value: new THREE__namespace.Vector3(x, y, z) };
+        } else if (control.type === "TextSet") {
+          imported[id] = { ...control, value: new Set(control.value) };
+        } else if (control.type === "Select") {
+          imported[id] = { ...control, options: new Set(control.options) };
+        } else {
+          imported[id] = { ...control };
+        }
+      } else {
+        imported[id] = {};
+        this.import(control, imported[id], false);
+      }
     }
-    if (controlEntry.type === "None") {
-      const entry = controlEntry;
-      return {
-        type: entry.type,
-        value: entry.value
-      };
+    if (first) {
+      this.set(imported);
     }
-    throw new Error("Invalid entry!");
   }
 }
 const _ConfigManager = class _ConfigManager extends Component {
@@ -27650,6 +27689,7 @@ exports.ComponentWithUI = ComponentWithUI;
 exports.Components = Components;
 exports.ConfigManager = ConfigManager;
 exports.Configurator = Configurator;
+exports.ControlsUtils = ControlsUtils;
 exports.CullerRenderer = CullerRenderer;
 exports.Cullers = Cullers;
 exports.DataMap = DataMap;