@woosh/meep-engine 2.37.18 → 2.38.0

package/editor/view/ecs/EntityEditor.js

@@ -9,89 +9,14 @@ import ObservedValue from '../../../core/model/ObservedValue.js';
 import LabelView from '../../../view/common/LabelView.js';
 import ButtonView from '../../../view/elements/button/ButtonView.js';
 import DropDownSelectionView from '../../../view/elements/DropDownSelectionView.js';
-
-import TransformController from './components/TransformController.js';
-import MeshController from './components/MeshController.js';
-import { datify } from "../../../view/controller/dat/DatGuiUtils.js";
 import EmptyView from "../../../view/elements/EmptyView.js";
 import { EntityManager, EventType } from "../../../engine/ecs/EntityManager.js";
-import HighlightController from "./components/HighlightController.js";
-import { GridPositionController } from "./components/GridPositionController.js";
-import { ParticleEmitterController } from "./components/particles/ParticleEmitterController.js";
-import { TerrainController } from "./components/TerrainController.js";
-import { TagController } from "./components/TagController.js";
-import { ItemContainerController } from "./components/items/ItemContainerController.js";
-import { FogOfWarRevealerController } from "./components/FogOfWarRevealerController.js";
-import { FogOfWarController } from "./components/FogOfWarController.js";
-import { GeneratedArmyController } from "./components/GeneratedArmyController.js";
-import { ArmyController } from "./components/army/ArmyController.js";
-import { PathFollowerController } from "./components/PathFollowerController.js";
 import ComponentRemoveAction from "../../actions/concrete/ComponentRemoveAction.js";
 import ComponentAddAction from "../../actions/concrete/ComponentAddAction.js";
-import { StoryTriggerSetController } from "./components/story/StoryTriggerSetController.js";
-import { UnitShopController } from "./components/UnitShopController.js";
-import { SoundEmitterController } from "./components/sound/SoundEmitterController.js";
-import { GUIElementController } from "./components/gui/GUIElementController.js";
 import { LineView } from "./components/common/LineView.js";
 import { ComponentControlView } from "./ComponentControlView.js";
-import { HeadsUpDisplayController } from "./components/HeadsUpDisplayController.js";
-import { BlackboardController } from "./components/BlackboardController.js";
-import { GridObstacleController } from "./components/GridObstacleController.js";
-import { AttachmentSocketsController } from "./components/sockets/AttachmentSocketsController.js";
-import { ParticleEmitterSystem } from "../../../engine/graphics/particles/ecs/ParticleEmitterSystem.js";
-
-/**
- *
- * @param {ComponentControlFactory} factory
- * @param {Editor} editor
- */
-function prepareComponentFactory(factory, editor) {
-    factory
-        .register('Transform', () => new TransformController())
-        .register('Mesh', () => new MeshController(editor.engine.assetManager))
-        .register('GridPosition', () => new GridPositionController())
-        .register('Name', datify)
-        .register('Tag', () => new TagController())
-        .register('Team', datify)
-        .register('HeadsUpDisplay', () => new HeadsUpDisplayController())
-        .register('GeneratedArmy', () => new GeneratedArmyController())
-        .register('Army', () => new ArmyController({
-            localization: editor.engine.localization,
-            afflictionDatabase: editor.engine.staticKnowledge.afflictions
-        }))
-        .register('ClingToTerrain', datify)
-        .register('Commander', datify)
-        .register('MinimapMarker', datify)
-        .register('Camera', datify)
-        .register('FacingDirection', datify)
-        .register('GridObstacle', () => new GridObstacleController())
-        .register('Terrain', () => new TerrainController(editor.engine.assetManager))
-        .register('TopDownCameraController', datify)
-        .register('Light', datify)
-        .register('FogOfWar', () => new FogOfWarController(editor.engine.entityManager))
-        .register('FogOfWarRevealer', () => new FogOfWarRevealerController())
-        .register('PathFollower', () => new PathFollowerController())
-        .register('Highlight', () => new HighlightController())
-        .register('Blackboard', () => new BlackboardController())
-        .register('StoryTriggerSet', () => new StoryTriggerSetController())
-        .register('UnitShop', () => new UnitShopController())
-        .register('ItemContainer', () => new ItemContainerController({
-            localization: editor.engine.localization,
-            itemDatabase: editor.engine.staticKnowledge.items
-        }))
-        .register('ParticleEmitter', () => {
-            const em = editor.engine.entityManager;
-
-            const particleEmitterSystem = em.getSystem(ParticleEmitterSystem);
-
-            return new ParticleEmitterController(particleEmitterSystem);
-        })
-        .register('SoundEmitter', () => new SoundEmitterController(editor.engine))
-        .register('GUIElement', () => new GUIElementController())
-        .register('ViewportPosition', datify)
-        .register('AttachmentSockets', () => new AttachmentSocketsController())
-    ;
-}
+import { buildObjectEditorFromRegistry } from "../../ecs/component/createObjectEditor.js";
+import { isDefined } from "../../../core/process/matcher/Matchers.js";
 
 
 class EntityEditor extends View {
@@ -122,7 +47,11 @@ class EntityEditor extends View {
 
         const vComponentList = new EmptyView({ classList: ['component-list'] });
 
-        prepareComponentFactory(componentControlFactory, editor);
+        /**
+         *
+         * @type {Map<any, TypeEditor>}
+         */
+        const registry = editor.type_editor_registry;
 
         /**
          *
@@ -130,6 +59,14 @@ class EntityEditor extends View {
          */
         this.componentControllers = new Map();
 
+        /**
+         *
+         * @returns {EntityComponentDataset}
+         */
+        function get_dataset() {
+            return self.entityManager.get().dataset;
+        }
+
         function addComponent(event) {
             if (event.instance === undefined) {
                 return;
@@ -153,13 +90,8 @@ class EntityEditor extends View {
         }
 
         function watchEntity(entity) {
-            /**
-             *
-             * @type {EntityManager}
-             */
-            const entityManager = self.entityManager.get();
 
-            const dataset = entityManager.dataset;
+            const dataset = get_dataset();
 
             if (!dataset.entityExists(entity)) {
                 //doesn't exist, nothing to do
@@ -172,13 +104,8 @@ class EntityEditor extends View {
         }
 
         function unwatchEntity(entity) {
-            /**
-             *
-             * @type {EntityManager}
-             */
-            const entityManager = self.entityManager.get();
 
-            const dataset = entityManager.dataset;
+            const dataset = get_dataset();
 
             if (!dataset.entityExists(entity)) {
                 //doesn't exist, nothing to do
@@ -198,13 +125,15 @@ class EntityEditor extends View {
 
             self.components.reset();
 
-            const entityManager = self.entityManager.get();
 
             /**
              *
              * @type {EntityComponentDataset}
              */
-            const dataset = entityManager.dataset;
+            const dataset = get_dataset();
+
+            unattachedTypes.reset();
+            unattachedTypes.addAll(dataset.getComponentTypeMap().map(a => a.typeName).filter(isDefined));
 
             const components = dataset.getAllComponents(entity);
             components.forEach(function (c) {
@@ -221,74 +150,67 @@ class EntityEditor extends View {
 
         const unattachedTypes = new List();
 
-        function updateList() {
+        /**
+         * @template T
+         * @param {T} component
+         */
+        function handleComponentAdded(component) {
+            let view;
+
+            try {
+                view = buildObjectEditorFromRegistry(component, registry);
+            } catch (e) {
+                view = new LabelView(`ERROR: ${e.message}\n${e.stack}`);
+
+                console.warn('Failed to build editor', e);
+            }
+
+            if (!view) {
+                view = new LabelView('EMPTY');
+            }
+
             /**
              *
              * @type {EntityManager}
              */
-            const em = self.entityManager.get();
-
-            //all systems
-            const allTypeNames = em.getComponentTypeMap()
-                .map(c => c.typeName)
-                .filter(typeName => typeof typeName === "string")
-                .sort();
-
-            function has(typeName) {
-                let result = false;
-
-                self.components.visitFirstMatch(c => c.constructor.typeName === typeName, () => result = true);
+            const entityManager = self.entityManager.getValue();
 
-                return result;
-            }
+            const entityId = self.model.getValue();
 
-            //remove already attached
-            const unattachedTypeNames = allTypeNames.filter(typeName => !has(typeName));
+            const vBody = new EmptyView({
+                classList: ['body']
+            });
+            vBody.addChild(view);
 
-            unattachedTypes.reset();
-            unattachedTypes.addAll(unattachedTypeNames);
-        }
+            const controlView = new ComponentControlView(entityId, component, entityManager, vBody);
 
-        /**
-         * @template T
-         * @param {T} component
-         */
-        function handleComponentAdded(component) {
-            // console.log("handleComponentAdded",c);
             const Klass = component.constructor;
-            if (!self.componentControllers.has(Klass)) {
-                /**
-                 *
-                 * @type {EntityManager}
-                 */
-                const entityManager = self.entityManager.getValue();
 
-                const entityId = self.model.getValue();
+            controlView.signal.remove.add(function () {
 
-                const controlView = new ComponentControlView(entityId, component, entityManager, componentControlFactory);
+                editor.actions.mark('Remove Component');
+                editor.actions.do(new ComponentRemoveAction(entityId, Klass));
+            });
 
-                controlView.signal.remove.add(function () {
 
-                    editor.actions.mark('Remove Component');
-                    editor.actions.do(new ComponentRemoveAction(entityId, Klass));
-                });
+            vComponentList.addChild(controlView);
+            self.componentControllers.set(component, controlView);
 
+            unattachedTypes.removeOneOf(Klass.typeName);
 
-                self.componentControllers.set(Klass, controlView);
-                vComponentList.addChild(controlView);
-            }
-            updateList();
         }
 
         function handleComponentRemoved(c) {
             // console.log("handleComponentRemoved",c);
-            const key = c.constructor;
-            if (self.componentControllers.has(key)) {
-                const controlView = self.componentControllers.get(key);
-                self.componentControllers.delete(key);
+            if (self.componentControllers.has(c)) {
+                const controlView = self.componentControllers.get(c);
+                self.componentControllers.delete(c);
                 vComponentList.removeChild(controlView);
+
+                const Klass = c.constructor;
+
+                unattachedTypes.add(Klass.typeName);
             }
-            updateList();
         }
 
         this.components.on.added.add(handleComponentAdded);

package/editor/view/ecs/components/GridObstacleController.js

@@ -12,7 +12,7 @@ import Vector2 from "../../../../core/geom/Vector2.js";
  * @param {GridObstacle} grid
  * @param {HTMLCanvasElement} canvas
  */
-function buildPreview(grid, canvas) {
+export function buildGridObstaclePreview(grid, canvas) {
     const source = new Sampler2D(grid.data, 1, grid.size.x, grid.size.y);
 
     const target = Sampler2D.uint8(1, canvas.width, canvas.height);
@@ -43,7 +43,7 @@ export class GridObstacleController extends View {
 
             vPreview.size.set(200, 200);
 
-            buildPreview(model, vPreview.el);
+            buildGridObstaclePreview(model, vPreview.el);
 
             self.addChild(vPreview);
 
@@ -57,13 +57,13 @@ export class GridObstacleController extends View {
 
             controller.add(proxy, 'size');
             controller.addAction(() => {
-                buildPreview(model, vPreview.el);
+                buildGridObstaclePreview(model, vPreview.el);
             }, 'update preview');
 
             proxy.size.onChanged.add((x, y) => {
                 model.resize(x, y);
 
-                buildPreview(model, vPreview.el);
+                buildGridObstaclePreview(model, vPreview.el);
             });
         }
 

package/editor/view/ecs/components/TerrainController.js

@@ -170,7 +170,7 @@ export class TerrainController extends View {
 
             if (model !== null) {
                 controller.addAction(() => {
-                    model.tiles.rebuild();
+                    model.__tiles.rebuild();
                 }, 'Rebuild');
 
                 controller.addAction(() => {

package/editor/view/ecs/components/common/NumberController.js

@@ -5,17 +5,19 @@ export class NumberController extends View {
     /**
      *
      * @param {string[]} [classList]
+     * @param {number} [value]
+     * @param figures
      */
-    constructor({ classList = [] } = {}) {
+    constructor({ classList = [], value = 0, figures = 6 } = {}) {
         super();
 
-        const value = new Vector1(0);
+        const _value = new Vector1(value);
 
         /**
          *
          * @type {Vector1}
          */
-        this.value = value;
+        this.value = _value;
 
         const el = document.createElement('input');
         this.el = el;
@@ -23,6 +25,8 @@ export class NumberController extends View {
         classList.forEach(c => this.addClass(c));
 
         el.setAttribute('type', 'text');
+        el.setAttribute('spellcheck', false);
+        el.setAttribute('size', 2);
 
         el.classList.add('ui-number-controller');
 
@@ -30,23 +34,31 @@ export class NumberController extends View {
 
         function data2view() {
 
-            if(lockForward){
+            if (lockForward) {
                 return;
             }
 
-            el.value = value.getValue();
+            const num_value = _value.getValue();
+
+            let str = num_value;
+
+            if (Math.abs(num_value) > 0 && Math.abs(num_value % 1).toString().length > (figures + 2)) {
+                str = num_value.toFixed(figures);
+            }
+
+            el.value = str;
 
         }
 
         function view2data() {
             lockForward = true;
 
-            value.set(parseFloat(el.value));
+            _value.set(parseFloat(el.value));
 
             lockForward = false;
         }
 
-        value.process(data2view);
+        _value.process(data2view);
 
         el.addEventListener('input', view2data);
     }

package/editor/view/node-graph/NodeGraphView.js

@@ -26,7 +26,7 @@ export class NodeGraphCamera {
 
 const v2 = new Vector2();
 
-const CONNECTION_WIDTH = 4;
+const CONNECTION_WIDTH = 3;
 const PORT_BEND_OFFSET_X = 100;
 
 export class NodeGraphView extends View {
@@ -116,7 +116,7 @@ export class NodeGraphView extends View {
 
                                 tempConnection.enabled = true;
                                 tempConnection.endpoint = endpoint;
-                                tempConnection.anchor = p.clone();
+
                             },
                             dragEnd() {
                                 tempConnection.enabled = false;

package/editor/view/node-graph/NodeView.js

@@ -45,20 +45,18 @@ export class NodeView extends View {
             classList: ['name']
         });
 
-        const v2_origin = new Vector2();
+        const v2_prev_position = new Vector2();
 
         const self = this;
 
         if (enableDrag) {
             const draggableAspect = new DraggableAspect({
                 el: this.el,
-                dragStart() {
-                    v2_origin.copy(visual.dimensions.position);
+                dragStart(p) {
+                    v2_prev_position.copy(p);
                 },
-                drag(position, origin) {
-                    const p = position.clone();
-
-                    p.sub(origin);
+                drag(position, origin, delta) {
+                    const p = delta.clone();
 
                     const scale = new Vector2(1, 1);
 
@@ -66,9 +64,9 @@ export class NodeView extends View {
 
                     p.divide(scale);
 
-                    p.add(v2_origin);
+                    // p.add(v2_origin);
 
-                    visual.dimensions.position.copy(p);
+                    visual.dimensions.position.add(p);
                 }
             });
             this.on.linked.add(draggableAspect.start, draggableAspect);

package/engine/animation/keyed2/AnimationTrack.js

@@ -1,5 +1,5 @@
 import { assert } from "../../../core/assert.js";
-import { isTypedArray } from "../../../core/json/JsonUtils.js";
+import { isTypedArray } from "../../../core/collection/array/typed/isTypedArray.js";
 
 /**
  *

package/engine/asset/AssetManager.d.ts

@@ -12,7 +12,7 @@ export class AssetManager {
 
     clear(): void
 
-    registerLoader<T>(type: string, loader: AssetLoader<T>): Promise<void>
+    registerLoader<T>(type: string, loader: AssetLoader<T>): Promise<AssetLoader<T>>
 
     unregisterLoader(type: string): Promise<void>