@kiberon-labs/behave-graph-scene 1.0.1 → 2.0.0

package/tsconfig.json

@@ -6,10 +6,6 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "target": "esnext",
-    "lib": [
-      "esnext",
-      "ES6"
-    ],
     "allowJs": true,
     "resolveJsonModule": true,
     "moduleDetection": "force",
@@ -26,13 +22,13 @@
     "module": "preserve",
     "outDir": "./dist",
     "baseUrl": ".",
-    "rootDir": "./src",
+    "rootDir": ".",
     "paths": {
-      "~/*": [
-        "./src/*"
-      ],
       "@/*": [
         "./src/*"
+      ],
+      "~/*": [
+        "./stories/*"
       ]
     },
     /* Required for project references, which provide go-to-definition in your
@@ -42,14 +38,25 @@
     enabled because it is not compatible with composite  / project references. Also declaration might be required for references to work fully. Not sure yet... */
     "declaration": true,
     "declarationMap": true,
+    "jsx": "react-jsx",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
   },
   "include": [
-    "./src",
-    "./src/**/*.json"
+    "./**/*.ts",
+    "./**/*.tsx",
+    "./**/*.json",
   ],
+  "exclude": [],
   "references": [
     {
-      "path": "../core"
+      "path": "../../core"
+    },
+    {
+      "path": "../../flow"
     }
   ],
 }

package/tsdown.config.ts

@@ -1,7 +1,11 @@
 import { defineConfig } from 'tsdown';
 
 export default defineConfig({
-  entry: ['./src/index.ts'],
+  entry: [
+    './src/index.ts',
+    './src/manifest.source.ts',
+    './src/ui/controls/vec3.tsx'
+  ],
   outDir: 'dist',
   target: 'es2022',
   sourcemap: true,

package/vite.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [tsconfigPaths()]
+});

package/src/Values/Internal/Mat2.ts

@@ -1,214 +0,0 @@
-import {
-  EPSILON,
-  equalsTolerance,
-  parseSafeFloats,
-  toSafeString
-} from '@kiberon-labs/behave-graph';
-
-import { Mat3 } from './Mat3.js';
-import { Mat4 } from './Mat4.js';
-import { Vec2 } from './Vec2.js';
-
-// uses OpenGL matrix layout where each column is specified subsequently in order from left to right.
-// ( x, y ) x [ 0  2 ] = ( x', y' )
-//            [ 1  3 ]
-
-const NUM_ROWS = 2;
-const NUM_COLUMNS = 2;
-const NUM_ELEMENTS = NUM_ROWS * NUM_COLUMNS;
-
-export type Mat2JSON = number[];
-
-type Mat2Elements = [number, number, number, number];
-
-export class Mat2 {
-  public elements: Mat2Elements;
-  constructor(elements: Mat2Elements = [1, 0, 0, 1]) {
-    this.elements = elements;
-    if (elements.length !== NUM_ELEMENTS) {
-      throw new Error(
-        `elements must have length ${NUM_ELEMENTS}, got ${elements.length}`
-      );
-    }
-  }
-
-  clone(result = new Mat2()): Mat2 {
-    return result.set(this.elements);
-  }
-  set(elements: Mat2Elements): this {
-    if (elements.length !== NUM_ELEMENTS) {
-      throw new Error(
-        `elements must have length ${NUM_ELEMENTS}, got ${elements.length}`
-      );
-    }
-    this.elements = [...elements];
-    return this;
-  }
-}
-
-export function mat2SetColumn3(
-  m: Mat2,
-  columnIndex: number,
-  column: Vec2,
-  result = new Mat2()
-): Mat2 {
-  const re = result.set(m.elements).elements;
-  const base = columnIndex * NUM_ROWS;
-  re[base + 0] = column.x;
-  re[base + 1] = column.y;
-  return result;
-}
-
-export function mat2SetRow3(
-  m: Mat2,
-  rowIndex: number,
-  row: Vec2,
-  result = new Mat2()
-): Mat2 {
-  const re = result.set(m.elements).elements;
-  re[rowIndex + NUM_COLUMNS * 0] = row.x;
-  re[rowIndex + NUM_COLUMNS * 1] = row.y;
-  return result;
-}
-
-export function column3ToMat2(
-  a: Vec2,
-  b: Vec2,
-  c: Vec2,
-  result = new Mat2()
-): Mat2 {
-  const re = result.elements;
-  const columns = [a, b, c];
-  for (let c = 0; c < columns.length; c++) {
-    const base = c * NUM_ROWS;
-    const column = columns[c]!;
-    re[base + 0] = column.x;
-    re[base + 1] = column.y;
-  }
-  return result;
-}
-
-export function mat2Equals(a: Mat2, b: Mat2, tolerance = EPSILON): boolean {
-  for (let i = 0; i < NUM_ELEMENTS; i++) {
-    if (!equalsTolerance(a.elements[i]!, b.elements[i]!, tolerance))
-      return false;
-  }
-  return true;
-}
-export function mat2Add(a: Mat2, b: Mat2, result: Mat2 = new Mat2()): Mat2 {
-  for (let i = 0; i < NUM_ELEMENTS; i++) {
-    result.elements[i] = a.elements[i]! + b.elements[i]!;
-  }
-  return result;
-}
-export function mat2Subtract(
-  a: Mat2,
-  b: Mat2,
-  result: Mat2 = new Mat2()
-): Mat2 {
-  for (let i = 0; i < NUM_ELEMENTS; i++) {
-    result.elements[i] = a.elements[i]! - b.elements[i]!;
-  }
-  return result;
-}
-export function mat2MultiplyByScalar(
-  a: Mat2,
-  b: number,
-  result: Mat2 = new Mat2()
-): Mat2 {
-  for (let i = 0; i < NUM_ELEMENTS; i++) {
-    result.elements[i] = a.elements[i]! * b;
-  }
-  return result;
-}
-export function mat2Negate(a: Mat2, result: Mat2 = new Mat2()): Mat2 {
-  for (let i = 0; i < NUM_ELEMENTS; i++) {
-    result.elements[i] = -a.elements[i]!;
-  }
-  return result;
-}
-
-export function mat2Multiply(a: Mat2, b: Mat2, result = new Mat2()): Mat2 {
-  throw new Error('not implemented');
-}
-
-export function mat2Determinant(m: Mat2): number {
-  throw new Error('not implemented');
-}
-
-export function mat2Transpose(m: Mat2, result = new Mat2()): Mat2 {
-  const me = m.elements;
-  const te = result.elements;
-
-  te[0] = me[0];
-  te[1] = me[2];
-  te[2] = me[1];
-  te[3] = me[3];
-
-  return result;
-}
-
-export function mat2Inverse(m: Mat2, result = new Mat2()): Mat2 {
-  throw new Error('not implemented');
-}
-
-export function mat2Mix(
-  a: Mat2,
-  b: Mat2,
-  t: number,
-  result = new Mat2()
-): Mat2 {
-  const s = 1 - t;
-  for (let i = 0; i < NUM_ELEMENTS; i++) {
-    result.elements[i] = a.elements[i]! * s + b.elements[i]! * t;
-  }
-  return result;
-}
-export function mat2FromArray(
-  array: Float32Array | number[],
-  offset = 0,
-  result: Mat2 = new Mat2()
-): Mat2 {
-  for (let i = 0; i < NUM_ELEMENTS; i++) {
-    result.elements[i] = array[offset + i]!;
-  }
-  return result;
-}
-export function mat2ToArray(
-  a: Mat2,
-  array: Float32Array | number[],
-  offset = 0
-): void {
-  for (let i = 0; i < NUM_ELEMENTS; i++) {
-    array[offset + i] = a.elements[i]!;
-  }
-}
-
-export function mat2ToString(a: Mat2): string {
-  return toSafeString(a.elements);
-}
-export function mat2Parse(text: string, result = new Mat2()): Mat2 {
-  return mat2FromArray(parseSafeFloats(text), 0, result);
-}
-
-export function scale2ToMat2(s: Vec2, result = new Mat2()): Mat2 {
-  return result.set([s.x, 0, 0, s.y]);
-}
-// from gl-matrix
-export function mat2ToScale2(m: Mat4, result = new Vec2()): Vec2 {
-  const mat = m.elements;
-  const m11 = mat[0];
-  const m12 = mat[1];
-  const m21 = mat[2];
-  const m22 = mat[3];
-
-  return result.set(
-    Math.sqrt(m11 * m11 + m12 * m12),
-    Math.sqrt(m21 * m21 + m22 * m22)
-  );
-}
-
-export function mat3ToMat2(a: Mat3, result = new Mat2()): Mat2 {
-  const ae = a.elements;
-  return result.set([ae[0], ae[1], ae[3], ae[4]]);
-}

package/src/loadScene.ts

@@ -1,81 +0,0 @@
-import { Group } from 'three';
-import { DRACOLoader, type GLTF, GLTFLoader } from 'three-stdlib';
-
-import type { IScene } from './Abstractions/IScene.js';
-import { buildScene, type ObjectMap } from './buildScene.js';
-
-// Taken from react-three-fiber
-// Collects nodes and materials from a THREE.Object3D
-export function buildGraph(object: Group) {
-  const data: ObjectMap = { nodes: {}, materials: {} };
-  if (object) {
-    object.traverse((obj: any) => {
-      if (obj.name) data.nodes[obj.name] = obj;
-      if (obj.material && !data.materials[obj.material.name])
-        data.materials[obj.material.name] = obj.material;
-    });
-  }
-  return data;
-}
-
-type ThreeSceneReturn = {
-  scene: IScene;
-  gltf: GLTF & ObjectMap;
-};
-
-/**
- * Loads a gltf, and corresponding IScene from a url
- * @param url
- * @param onProgress invoked on progress of loading the gltf
- * @returns
- */
-export const loadGltfAndBuildScene = (
-  url: string,
-  onProgress?: (progress: number) => void
-): Promise<ThreeSceneReturn> => {
-  const loader = new GLTFLoader();
-
-  // Optional: Provide a DRACOLoader instance to decode compressed mesh data
-  const dracoLoader = new DRACOLoader();
-  dracoLoader.setDecoderPath(
-    'https://www.gstatic.com/draco/versioned/decoders/1.4.3/'
-  );
-  loader.setDRACOLoader(dracoLoader);
-
-  // Load a glTF resource
-
-  // eslint-disable-next-line promise/avoid-new
-  const result = new Promise<ThreeSceneReturn>((resolve, reject) => {
-    loader.load(
-      // resource URL
-      url,
-      // called when the resource is loaded
-      function (gltf) {
-        Object.assign(gltf, buildGraph(gltf.scene));
-        const asObjectMap = gltf as GLTF & ObjectMap;
-
-        const scene = buildScene({
-          gltf: asObjectMap,
-          setOnClickListeners: undefined,
-          setActiveAnimations: undefined
-        });
-
-        resolve({
-          scene,
-          gltf: asObjectMap
-        });
-      },
-      // called while loading is progressing
-      function (xhr) {
-        const progress = (xhr.loaded / xhr.total) * 100;
-        if (onProgress) onProgress(progress);
-      },
-      // called when loading has errors
-      function (error) {
-        reject(error);
-      }
-    );
-  });
-
-  return result;
-};