@digo-org/digo-api 1.0.51 → 1.0.53

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digo-org/digo-api",
   "private": false,
-  "version": "1.0.51",
+  "version": "1.0.53",
   "type": "module",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -16,12 +16,10 @@
   },
   "peerDependencies": {
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@react-three/drei": "^10.0.6",
-    "@react-three/fiber": "^9.1.2",
-    "recharts": "^2.15.1"
+    "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@react-three/drei": "^10.0.6",
     "gsap": "^3.12.7",
     "three": "^0.172.0"
   },

package/src/index.ts

@@ -15,3 +15,5 @@ export * from '@digo-org/digo-api/src/constants';
 export * from '@digo-org/digo-api/src/digo-asset';
 
 export * from '@digo-org/digo-api/src/templates/balls';
+
+export * from '@digo-org/digo-api/src/three-utils';

package/src/three-utils.ts

@@ -0,0 +1,39 @@
+import * as THREE              from 'three';
+import { useEffect, useState } from 'react';
+import { useGLTF }             from '@react-three/drei';
+
+function normalizeModel(model: THREE.Group): THREE.Group {
+  const boundingBox = new THREE.Box3().setFromObject(model);
+  const size        = new THREE.Vector3();
+  boundingBox.getSize(size);
+
+  const maxDimension = Math.max(size.x, size.y, size.z);
+  const scale        = 1 / maxDimension;
+
+  model.scale.multiplyScalar(scale);
+
+  return model;
+}
+
+function prepareModel(scene: THREE.Group): THREE.Group {
+  const modelClone = scene.clone();
+  return normalizeModel(modelClone);
+}
+
+export function useModel(url: string | undefined): THREE.Group | undefined {
+  if (!url) return undefined;
+
+  const [model, setModel] = useState<THREE.Group | undefined>(undefined);
+
+  const gltf = url ? useGLTF(url) : undefined;
+
+  useEffect(() => {
+    if (!gltf) return;
+
+    const normalizedModel = prepareModel(gltf.scene);
+
+    setModel(normalizedModel);
+  }, [url]);
+
+  return model;
+}

package/src/types-common.ts

@@ -7,6 +7,7 @@ export enum ParameterType {
   TEXT     = 'TEXT',
   GRADIENT = 'GRADIENT',
   RESOURCE = 'RESOURCE',
+  SELECT   = 'SELECT',
 }
 
 export const PARAMETER_TYPES: ParameterType[] = Object.values(ParameterType);
@@ -18,7 +19,7 @@ export interface Parameter {
   arrayValues?: ParameterValueArray;
 }
 
-export type ParameterDefinition = ParameterNumber | ParameterBoolean | ParameterColor | ParameterText | ParameterGradient | ParameterResource;
+export type ParameterDefinition = ParameterNumber | ParameterBoolean | ParameterColor | ParameterText | ParameterGradient | ParameterResource | ParameterSelect;
 
 export interface ParameterNumber {
   defaultValue:  number;
@@ -54,6 +55,12 @@ export interface ParameterBoolean {
   defaultValue: boolean;
 };
 
+export interface ParameterSelect {
+  defaultValue: string;
+  icon?:        string;
+  options:      Option[];
+};
+
 export type ParameterValue = ParameterValueSingle | ParameterValueArray;
 
 export type ParameterValueSingle = number |  boolean | string | GradientStop[];

package/src/types-misc.ts

@@ -77,4 +77,11 @@ export enum ResourceType {
   CSV   = 'CSV',
   DATA  = 'DATA',
   IMAGE = 'IMAGE',
+  MODEL = 'MODEL',
+}
+
+export interface ResourceInfo {
+  name:        string;
+  icon:        string;
+  description: string;
 }