bhouston · bhouston · Nov 19, 2022 · Nov 11, 2022 · Nov 11, 2022 · Nov 11, 2022
diff --git a/README.md b/README.md
@@ -220,3 +220,13 @@ Completed all iterations!
 
     30000013 nodes executed in 2.98 seconds, at a rate of 10067118 steps/second
 ```
+
+## Developer Setup
+
+Install all dependencies:
+
+    yarn install
+
+To start the examples:
+
+    yarn dev
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,14 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        bugfixes: true,
+        targets: {
+          esmodules: true,
+        },
+      },
+    ],
+    '@babel/preset-typescript',
+  ],
+};
diff --git a/examples/index.html b/examples/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="refresh" content="0; url=/three/">
+  </head>
+  <body>
+  </body>
+</html>
diff --git a/examples/package.json b/examples/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@behave-graph/examples",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "type": "module",
+  "directories": {
+    "lib": "lib"
+  },
+  "dependencies": {
+    "behave-graph": "*",
+    "three": "^0.145.0",
+    "threeify": "^2.0.2"
+  },
+  "devDependencies": {
+    "commander": "^9.4.1",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.7.3",
+    "vite": "^3.2.3"
+  },
+  "scripts": {
+    "start": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "author": "",
+  "license": "ISC"
+}
diff --git a/examples/public/assets/envmaps/pedestrian_overpass_1k.hdr b/examples/public/assets/envmaps/pedestrian_overpass_1k.hdr
diff --git a/src/graphs/scene/actions/FlashSuzanne.blend → ...c/graphs/scene/actions/FlashSuzanne.blend b/src/graphs/scene/actions/FlashSuzanne.blend → ...c/graphs/scene/actions/FlashSuzanne.blend
diff --git a/src/graphs/scene/actions/FlashSuzanne.gltf → ...ic/graphs/scene/actions/FlashSuzanne.gltf b/src/graphs/scene/actions/FlashSuzanne.gltf → ...ic/graphs/scene/actions/FlashSuzanne.gltf
diff --git a/src/graphs/scene/actions/FlashSuzanne.json → ...ic/graphs/scene/actions/FlashSuzanne.json b/src/graphs/scene/actions/FlashSuzanne.json → ...ic/graphs/scene/actions/FlashSuzanne.json
diff --git a/src/graphs/scene/actions/Hierarchy.blend → ...blic/graphs/scene/actions/Hierarchy.blend b/src/graphs/scene/actions/Hierarchy.blend → ...blic/graphs/scene/actions/Hierarchy.blend
diff --git a/src/graphs/scene/actions/Hierarchy.gltf → ...ublic/graphs/scene/actions/Hierarchy.gltf b/src/graphs/scene/actions/Hierarchy.gltf → ...ublic/graphs/scene/actions/Hierarchy.gltf
diff --git a/src/graphs/scene/actions/Hierarchy.json → ...ublic/graphs/scene/actions/Hierarchy.json b/src/graphs/scene/actions/Hierarchy.json → ...ublic/graphs/scene/actions/Hierarchy.json
diff --git a/...graphs/scene/actions/SpinningSuzanne.gltf → ...graphs/scene/actions/SpinningSuzanne.gltf b/...graphs/scene/actions/SpinningSuzanne.gltf → ...graphs/scene/actions/SpinningSuzanne.gltf
diff --git a/...graphs/scene/actions/SpinningSuzanne.json → ...graphs/scene/actions/SpinningSuzanne.json b/...graphs/scene/actions/SpinningSuzanne.json → ...graphs/scene/actions/SpinningSuzanne.json
diff --git a/src/examples/three/GLTFJson.ts → examples/three/GLTFJson.ts b/src/examples/three/GLTFJson.ts → examples/three/GLTFJson.ts
diff --git a/src/examples/three/ThreeScene.ts → examples/three/ThreeScene.ts b/src/examples/three/ThreeScene.ts → examples/three/ThreeScene.ts
@@ -1,10 +1,6 @@
+import { Assert, EventEmitter, IScene, Vec3, Vec4 } from 'behave-graph';
 import { Material, Object3D, Quaternion, Vector3, Vector4 } from 'three';
 
-import { Assert } from '../../lib/Diagnostics/Assert.js';
-import { EventEmitter } from '../../lib/Events/EventEmitter.js';
-import { IScene } from '../../lib/Profiles/Scene/Abstractions/IScene.js';
-import { Vec3 } from '../../lib/Profiles/Scene/Values/Internal/Vec3.js';
-import { Vec4 } from '../../lib/Profiles/Scene/Values/Internal/Vec4.js';
 import { GLTFJson } from './GLTFJson.js';
 
 function mapGlTFNodeIndicesToThreeObject3Ds(

diff --git a/src/examples/three/index.html → examples/three/index.html b/src/examples/three/index.html → examples/three/index.html
@@ -21,7 +21,7 @@
     </style>
   </head>
   <body>
-    <script type="module" src="/dist/examples/three/index.js"></script>
+    <script type="module" src="index.ts"></script>
     Look in the console for output!<br />
     Three.JS Example.<br /><br />
   </body>

diff --git a/src/examples/three/index.ts → examples/three/index.ts b/src/examples/three/index.ts → examples/three/index.ts
@@ -1,19 +1,21 @@
 /* eslint-disable no-param-reassign */
+import {
+  DefaultLogger,
+  Engine,
+  Logger,
+  ManualLifecycleEventEmitter,
+  readGraphFromJSON,
+  registerCoreProfile,
+  registerSceneProfile,
+  Registry,
+  validateGraph,
+  validateRegistry
+} from 'behave-graph';
 import * as THREE from 'three';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js';
 
-import { Logger } from '../../lib/Diagnostics/Logger.js';
-import { Engine } from '../../lib/Execution/Engine.js';
-import { readGraphFromJSON } from '../../lib/Graphs/IO/readGraphFromJSON.js';
-import { validateGraph } from '../../lib/Graphs/Validation/validateGraph.js';
-import { DefaultLogger } from '../../lib/Profiles/Core/Abstractions/Drivers/DefaultLogger.js';
-import { ManualLifecycleEventEmitter } from '../../lib/Profiles/Core/Abstractions/Drivers/ManualLifecycleEventEmitter.js';
-import { registerCoreProfile } from '../../lib/Profiles/Core/registerCoreProfile.js';
-import { registerSceneProfile } from '../../lib/Profiles/Scene/registerSceneProfile.js';
-import { Registry } from '../../lib/Registry.js';
-import { validateRegistry } from '../../lib/validateRegistry.js';
 import { ThreeScene } from './ThreeScene.js';
 
 let camera: THREE.PerspectiveCamera | null = null;
@@ -37,16 +39,19 @@ function onWindowResize() {
   }
 }
 
+const publicImageUrl = (path: string) => new URL(path, import.meta.url).href;
 //
 
 async function loadThreeScene() {
   const gltfPromise = new GLTFLoader()
-    .setPath('/src/graphs/scene/actions/')
+    .setPath(publicImageUrl('/graphs/scene/actions/'))
     .loadAsync('SpinningSuzanne.gltf');
 
   const gltf = await gltfPromise;
 
-  const glTFJsonPath = '/src/graphs/scene/actions/SpinningSuzanne.gltf';
+  const glTFJsonPath = publicImageUrl(
+    '/graphs/scene/actions/SpinningSuzanne.gltf'
+  );
   const glTFFetchResponse = await fetch(glTFJsonPath);
 
   const glTFJson = await glTFFetchResponse.json();
@@ -66,7 +71,9 @@ async function main() {
   registerCoreProfile(registry, logger, manualLifecycleEventEmitter);
   registerSceneProfile(registry, threeScene);
 
-  const graphJsonPath = `/src/graphs/scene/actions/SpinningSuzanne.json`;
+  const graphJsonPath = publicImageUrl(
+    `/graphs/scene/actions/SpinningSuzanne.json`
+  );
   if (graphJsonPath === undefined) {
     throw new Error('no path specified');
   }
@@ -104,7 +111,7 @@ async function main() {
   scene = localScene;
 
   const texturePromise = new RGBELoader()
-    .setPath('/assets/envmaps/')
+    .setPath(publicImageUrl('/assets/envmaps/'))
     .loadAsync('pedestrian_overpass_1k.hdr');
 
   const localRenderer = new THREE.WebGLRenderer({ antialias: true });

diff --git a/threeify.json → examples/threeify.json b/threeify.json → examples/threeify.json
diff --git a/src/examples/threeify/fragment.glsl → examples/threeify/fragment.glsl b/src/examples/threeify/fragment.glsl → examples/threeify/fragment.glsl
diff --git a/src/examples/threeify/glsl.d.ts → examples/threeify/glsl.d.ts b/src/examples/threeify/glsl.d.ts → examples/threeify/glsl.d.ts
diff --git a/src/examples/threeify/index.html → examples/threeify/index.html b/src/examples/threeify/index.html → examples/threeify/index.html
@@ -21,7 +21,7 @@
     </style>
   </head>
   <body>
-    <script type="module" src="/dist/examples/threeify/index.js"></script>
+    <script type="module" src="index.ts"></script>
     <canvas class="framebuffer" id="framebuffer"></canvas>
   </body>
 </html>
diff --git a/src/examples/threeify/index.ts → examples/threeify/index.ts b/src/examples/threeify/index.ts → examples/threeify/index.ts
diff --git a/src/examples/threeify/vertex.glsl → examples/threeify/vertex.glsl b/src/examples/threeify/vertex.glsl → examples/threeify/vertex.glsl
diff --git a/examples/tsconfig.json b/examples/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": false,
+    "skipLibCheck": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true
+  },
+  "include": ["./three", "./threeify", "./web", "./typings/*.d.ts", "../lib"]
+}
diff --git a/examples/vite.config.ts b/examples/vite.config.ts
@@ -0,0 +1,21 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    target: ['es2020'],
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'index.html'),
+        three: resolve(__dirname, 'three/index.html'),
+        web: resolve(__dirname, 'web/index.html'),
+      }
+    }
+  },
+  optimizeDeps: {
+    esbuildOptions: {
+      target: 'es2020'
+    }
+  }
+});
diff --git a/src/examples/web/index.html → examples/web/index.html b/src/examples/web/index.html → examples/web/index.html
@@ -21,7 +21,7 @@
     </style>
   </head>
   <body>
-    <script type="module" src="/dist/examples/web/index.js"></script>
+    <script type="module" src="index.ts"></script>
     Look in the console for output!<br />
   </body>
 </html>
diff --git a/src/examples/web/index.ts → examples/web/index.ts b/src/examples/web/index.ts → examples/web/index.ts
@@ -1,14 +1,14 @@
+import {
+  DefaultLogger,
+  Engine,
+  Logger,
+  ManualLifecycleEventEmitter,
+  readGraphFromJSON,
+  registerCoreProfile,
+  Registry
+} from 'behave-graph';
 import * as THREEIFY from 'threeify';
 
-import { Logger } from '../../lib/Diagnostics/Logger.js';
-import { Engine } from '../../lib/Execution/Engine.js';
-import { readGraphFromJSON } from '../../lib/Graphs/IO/readGraphFromJSON.js';
-import { DefaultLogger } from '../../lib/Profiles/Core/Abstractions/Drivers/DefaultLogger.js';
-import { ManualLifecycleEventEmitter } from '../../lib/Profiles/Core/Abstractions/Drivers/ManualLifecycleEventEmitter.js';
-import { registerCoreProfile } from '../../lib/Profiles/Core/registerCoreProfile.js';
-import { registerSceneProfile } from '../../lib/Profiles/Scene/registerSceneProfile.js';
-import { Registry } from '../../lib/Registry.js';
-
 async function main() {
   Logger.onVerbose.clear();
   //const geometry = icosahedronGeometry(0.75, 5);