@mulsense/xnew 0.3.6 → 0.4.0

package/README.md

@@ -13,7 +13,7 @@ providing a flexible architecture well-suited for applications with dynamic scen
 ### Via CDN
 Include the following script in your HTML file:
 ```html
-<script src="https://unpkg.com/@mulsense/xnew@0.3.x/dist/xnew.js"></script>
+<script src="https://unpkg.com/@mulsense/xnew@0.4.x/dist/xnew.js"></script>
 ```
 
 ### Via CDN (ESM)
@@ -22,7 +22,7 @@ Use the ES module version with an import map:
 <script type="importmap">
 {
     "imports": {
-        "@mulsense/xnew": "https://unpkg.com/@mulsense/xnew@0.3.x/dist/xnew.mjs"
+        "@mulsense/xnew": "https://unpkg.com/@mulsense/xnew@0.4.x/dist/xnew.mjs"
     }
 }
 </script>
@@ -37,7 +37,7 @@ import xnew from '@mulsense/xnew';
 ### Via npm
 Install `xnew` using npm:
 ```bash
-npm install @mulsense/xnew@0.3.x
+npm install @mulsense/xnew@0.4.x
 ```
 
 Then import it in your JavaScript file:

package/dist/addons/xmatter.js

@@ -21,7 +21,7 @@
         const root = {};
         xnew.context('xmatter.root', root);
         root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
-        unit.on('logicupdate', () => {
+        unit.on('process', () => {
             Matter.Engine.update(root.engine);
         });
     }

package/dist/addons/xmatter.mjs

@@ -18,7 +18,7 @@ function Root(unit, { engine }) {
     const root = {};
     xnew.context('xmatter.root', root);
     root.engine = engine !== null && engine !== void 0 ? engine : Matter.Engine.create();
-    unit.on('logicupdate', () => {
+    unit.on('process', () => {
         Matter.Engine.update(root.engine);
     });
 }

package/dist/addons/xrapier2d.js

@@ -19,7 +19,7 @@
         xnew.promise(RAPIER.init()).then(() => {
             root.world = new RAPIER.World(gravity);
         });
-        self.on('fixedupdate', () => {
+        self.on('process', () => {
             root.world.step();
         });
     }

package/dist/addons/xrapier2d.mjs

@@ -16,7 +16,7 @@ function Root(self, { gravity }) {
     xnew.promise(RAPIER.init()).then(() => {
         root.world = new RAPIER.World(gravity);
     });
-    self.on('fixedupdate', () => {
+    self.on('process', () => {
         root.world.step();
     });
 }

package/dist/addons/xrapier3d.js

@@ -19,7 +19,7 @@
         xnew.promise(RAPIER.init()).then(() => {
             root.world = new RAPIER.World(gravity);
         });
-        self.on('logicupdate', () => {
+        self.on('process', () => {
             root.world.step();
         });
     }

package/dist/addons/xrapier3d.mjs

@@ -16,7 +16,7 @@ function Root(self, { gravity }) {
     xnew.promise(RAPIER.init()).then(() => {
         root.world = new RAPIER.World(gravity);
     });
-    self.on('logicupdate', () => {
+    self.on('process', () => {
         root.world.step();
     });
 }

package/dist/xnew.d.ts

@@ -27,6 +27,35 @@ declare class Ticker {
 }
 
 type UnitElement = HTMLElement | SVGElement;
+
+interface EventProps {
+    element: UnitElement;
+    type: string;
+    listener: Function;
+    options?: boolean | AddEventListenerOptions;
+}
+declare class EventManager {
+    private map;
+    add(props: EventProps): void;
+    remove({ type, listener }: {
+        type: string;
+        listener: Function;
+    }): void;
+    private basic;
+    private resize;
+    private click;
+    private click_outside;
+    private pointer;
+    private mouse;
+    private touch;
+    private pointer_outside;
+    private wheel;
+    private drag;
+    private gesture;
+    private key;
+    private key_arrow;
+}
+
 interface Context {
     stack: Context | null;
     key?: string;
@@ -37,7 +66,7 @@ interface Snapshot {
     context: Context;
     element: UnitElement;
 }
-interface UnitInternal {
+interface Internal {
     parent: Unit | null;
     target: Object | null;
     props?: Object;
@@ -62,10 +91,11 @@ interface UnitInternal {
     }>;
     defines: Record<string, any>;
     systems: Record<string, Function[]>;
+    eventManager: EventManager;
 }
 declare class Unit {
     [key: string]: any;
-    _: UnitInternal;
+    _: Internal;
     constructor(parent: Unit | null, ...args: any[]);
     get element(): UnitElement;
     start(): void;
@@ -81,7 +111,7 @@ declare class Unit {
     static start(unit: Unit): void;
     static stop(unit: Unit): void;
     static update(unit: Unit): void;
-    static logicupdate(unit: Unit): void;
+    static process(unit: Unit): void;
     static root: Unit;
     static current: Unit;
     static ticker: Ticker;
@@ -275,12 +305,7 @@ declare function AccordionContent(content: Unit, {}?: {}): {
     }): void;
 };
 
-declare function ResizeEvent(resize: Unit): void;
-declare function DirectEvent(unit: Unit): void;
-declare function KeyboardEvent(keyboard: Unit): void;
-declare function PointerEvent(unit: Unit): void;
-
-declare function Screen(screen: Unit, { width, height, fit }?: {
+declare function Screen(unit: Unit, { width, height, fit }?: {
     width?: number | undefined;
     height?: number | undefined;
     fit?: string | undefined;
@@ -332,7 +357,7 @@ declare function DragFrame(frame: Unit, { x, y }?: {
     x?: number;
     y?: number;
 }): void;
-declare function DragTarget(target: Unit, {}?: {}): void;
+declare function DragTarget(unit: Unit, {}?: {}): void;
 
 declare function AnalogStick(unit: Unit, { stroke, strokeOpacity, strokeWidth, strokeLinejoin, fill, fillOpacity }?: {
     stroke?: string;
@@ -359,8 +384,6 @@ declare function TextStream(unit: Unit, { text, speed, fade }?: {
     fade?: number;
 }): void;
 
-declare function VolumeController(unit: Unit, {}?: {}): void;
-
 declare const icons: {
     AcademicCap(unit: Unit, props: Object): void;
     AdjustmentsHorizontal(unit: Unit, props: Object): void;
@@ -730,10 +753,6 @@ declare class Synthesizer {
 
 declare const basics: {
     Screen: typeof Screen;
-    PointerEvent: typeof PointerEvent;
-    DirectEvent: typeof DirectEvent;
-    ResizeEvent: typeof ResizeEvent;
-    KeyboardEvent: typeof KeyboardEvent;
     ModalFrame: typeof ModalFrame;
     ModalContent: typeof ModalContent;
     AccordionFrame: typeof AccordionFrame;
@@ -748,7 +767,6 @@ declare const basics: {
     DragTarget: typeof DragTarget;
     AnalogStick: typeof AnalogStick;
     DirectionalPad: typeof DirectionalPad;
-    VolumeController: typeof VolumeController;
 };
 
 declare const audio: {