@vworlds/vecs-phaser 1.0.25

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# Changelog
+
+All notable changes to `@vworlds/vecs-phaser` will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project uses [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+### Added
+
+- Added wire-serializable Phaser render components for transforms, styling, shapes, and text: `Position`, `Rotation`, `Scale`, `Alpha`, `Depth`, `FillStyle`, `StrokeStyle`, `Arc`, `Ellipse`, `Rectangle`, `Polygon`, `Line`, `Triangle`, `Star`, `Text`, and `TextAlign`.
+- Added `phaserNetworkComponents` and `phaserRenderableComponents` protocol arrays to keep render component serialization and renderable exclusivity order stable.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 vworlds
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,9 @@
+# @vworlds/vecs-phaser
+
+Data-only package providing wire-serializable Phaser render components (`Position`, `Arc`,
+`Text`, …) and the `phaserNetworkComponents` protocol order. No `phaser` dependency.
+
+Depends on `@vworlds/vecs` and `@vworlds/vecs-wire`.
+
+See [`./architecture/README.md`](./architecture/README.md) for the full design and
+[`./architecture/TICKETS.md`](./architecture/TICKETS.md) for the implementation plan.

package/dist/components/shapes.d.ts

@@ -0,0 +1,84 @@
+/**
+ * Arc shape. All dimensions in meters; angles in radians (CCW+).
+ * The full unit circle default (endAngle = 2π) renders a complete circle.
+ */
+export declare class Arc {
+    /** Radius in meters. */
+    radius: number;
+    /** Start angle in radians (CCW+). */
+    startAngle: number;
+    /** End angle in radians (CCW+). Default is a full circle (2π). */
+    endAngle: number;
+    /** Whether the arc is drawn anticlockwise. */
+    anticlockwise: boolean;
+    /** Iteration step size for arc tessellation. */
+    iterations: number;
+}
+/**
+ * Ellipse shape. All dimensions in meters.
+ */
+export declare class Ellipse {
+    /** Width in meters. */
+    width: number;
+    /** Height in meters. */
+    height: number;
+}
+/**
+ * Rectangle shape. All dimensions in meters.
+ */
+export declare class Rectangle {
+    /** Width in meters. */
+    width: number;
+    /** Height in meters. */
+    height: number;
+}
+/**
+ * Polygon shape. Points are alternating x,y pairs in meters,
+ * relative to the entity's Position.
+ */
+export declare class Polygon {
+    /** Alternating x,y coordinates in meters, relative to entity Position. */
+    points: number[];
+}
+/**
+ * Line shape. Endpoints are in meters, relative to the entity's Position.
+ */
+export declare class Line {
+    /** X coordinate of the first endpoint in meters (relative). */
+    x1: number;
+    /** Y coordinate of the first endpoint in meters (relative). */
+    y1: number;
+    /** X coordinate of the second endpoint in meters (relative). */
+    x2: number;
+    /** Y coordinate of the second endpoint in meters (relative). */
+    y2: number;
+}
+/**
+ * Triangle shape. Vertices are in meters, relative to the entity's Position.
+ * Default is an upward-pointing equilateral-ish triangle.
+ */
+export declare class Triangle {
+    /** X coordinate of vertex 1 in meters (relative). */
+    x1: number;
+    /** Y coordinate of vertex 1 in meters (relative). */
+    y1: number;
+    /** X coordinate of vertex 2 in meters (relative). */
+    x2: number;
+    /** Y coordinate of vertex 2 in meters (relative). */
+    y2: number;
+    /** X coordinate of vertex 3 in meters (relative). */
+    x3: number;
+    /** Y coordinate of vertex 3 in meters (relative). */
+    y3: number;
+}
+/**
+ * Star shape. Radii are in meters.
+ */
+export declare class Star {
+    /** Number of points on the star. */
+    points: number;
+    /** Inner radius in meters. */
+    innerRadius: number;
+    /** Outer radius in meters. */
+    outerRadius: number;
+}

package/dist/components/shapes.js

@@ -0,0 +1,201 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { type as wireType } from "@vworlds/vecs-wire";
+/**
+ * Arc shape. All dimensions in meters; angles in radians (CCW+).
+ * The full unit circle default (endAngle = 2π) renders a complete circle.
+ */
+export class Arc {
+    constructor() {
+        /** Radius in meters. */
+        this.radius = 0.5;
+        /** Start angle in radians (CCW+). */
+        this.startAngle = 0;
+        /** End angle in radians (CCW+). Default is a full circle (2π). */
+        this.endAngle = Math.PI * 2;
+        /** Whether the arc is drawn anticlockwise. */
+        this.anticlockwise = false;
+        /** Iteration step size for arc tessellation. */
+        this.iterations = 0.01;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Arc.prototype, "radius", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Arc.prototype, "startAngle", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Arc.prototype, "endAngle", void 0);
+__decorate([
+    wireType("bool"),
+    __metadata("design:type", Object)
+], Arc.prototype, "anticlockwise", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Arc.prototype, "iterations", void 0);
+/**
+ * Ellipse shape. All dimensions in meters.
+ */
+export class Ellipse {
+    constructor() {
+        /** Width in meters. */
+        this.width = 2;
+        /** Height in meters. */
+        this.height = 1;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Ellipse.prototype, "width", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Ellipse.prototype, "height", void 0);
+/**
+ * Rectangle shape. All dimensions in meters.
+ */
+export class Rectangle {
+    constructor() {
+        /** Width in meters. */
+        this.width = 2;
+        /** Height in meters. */
+        this.height = 1;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Rectangle.prototype, "width", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Rectangle.prototype, "height", void 0);
+/**
+ * Polygon shape. Points are alternating x,y pairs in meters,
+ * relative to the entity's Position.
+ */
+export class Polygon {
+    constructor() {
+        /** Alternating x,y coordinates in meters, relative to entity Position. */
+        this.points = [];
+    }
+}
+__decorate([
+    wireType(["f32"]),
+    __metadata("design:type", Array)
+], Polygon.prototype, "points", void 0);
+/**
+ * Line shape. Endpoints are in meters, relative to the entity's Position.
+ */
+export class Line {
+    constructor() {
+        /** X coordinate of the first endpoint in meters (relative). */
+        this.x1 = 0;
+        /** Y coordinate of the first endpoint in meters (relative). */
+        this.y1 = 0;
+        /** X coordinate of the second endpoint in meters (relative). */
+        this.x2 = 0;
+        /** Y coordinate of the second endpoint in meters (relative). */
+        this.y2 = 0;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Line.prototype, "x1", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Line.prototype, "y1", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Line.prototype, "x2", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Line.prototype, "y2", void 0);
+/**
+ * Triangle shape. Vertices are in meters, relative to the entity's Position.
+ * Default is an upward-pointing equilateral-ish triangle.
+ */
+export class Triangle {
+    constructor() {
+        /** X coordinate of vertex 1 in meters (relative). */
+        this.x1 = 0;
+        /** Y coordinate of vertex 1 in meters (relative). */
+        this.y1 = 1;
+        /** X coordinate of vertex 2 in meters (relative). */
+        this.x2 = -1;
+        /** Y coordinate of vertex 2 in meters (relative). */
+        this.y2 = -1;
+        /** X coordinate of vertex 3 in meters (relative). */
+        this.x3 = 1;
+        /** Y coordinate of vertex 3 in meters (relative). */
+        this.y3 = -1;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Triangle.prototype, "x1", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Triangle.prototype, "y1", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Triangle.prototype, "x2", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Triangle.prototype, "y2", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Triangle.prototype, "x3", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Triangle.prototype, "y3", void 0);
+/**
+ * Star shape. Radii are in meters.
+ */
+export class Star {
+    constructor() {
+        /** Number of points on the star. */
+        this.points = 5;
+        /** Inner radius in meters. */
+        this.innerRadius = 0.5;
+        /** Outer radius in meters. */
+        this.outerRadius = 1;
+    }
+}
+__decorate([
+    wireType("u8"),
+    __metadata("design:type", Object)
+], Star.prototype, "points", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Star.prototype, "innerRadius", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Star.prototype, "outerRadius", void 0);
+//# sourceMappingURL=shapes.js.map

package/dist/components/shapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.js","sourceRoot":"","sources":["../../src/components/shapes.ts"],"names":[],"mappings":"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"}

package/dist/components/style.d.ts

@@ -0,0 +1,12 @@
+/** Fill color (RGB integer, e.g. 0xff0000) and opacity 0..1. */
+export declare class FillStyle {
+    color: number;
+    alpha: number;
+}
+/** Stroke color (RGB integer), opacity 0..1, and line width in screen pixels. */
+export declare class StrokeStyle {
+    color: number;
+    alpha: number;
+    /** Line width in screen pixels. */
+    width: number;
+}

package/dist/components/style.js

@@ -0,0 +1,47 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { type as wireType } from "@vworlds/vecs-wire";
+/** Fill color (RGB integer, e.g. 0xff0000) and opacity 0..1. */
+export class FillStyle {
+    constructor() {
+        this.color = 0xffffff;
+        this.alpha = 1;
+    }
+}
+__decorate([
+    wireType("u32"),
+    __metadata("design:type", Object)
+], FillStyle.prototype, "color", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], FillStyle.prototype, "alpha", void 0);
+/** Stroke color (RGB integer), opacity 0..1, and line width in screen pixels. */
+export class StrokeStyle {
+    constructor() {
+        this.color = 0xffffff;
+        this.alpha = 1;
+        /** Line width in screen pixels. */
+        this.width = 1;
+    }
+}
+__decorate([
+    wireType("u32"),
+    __metadata("design:type", Object)
+], StrokeStyle.prototype, "color", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], StrokeStyle.prototype, "alpha", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], StrokeStyle.prototype, "width", void 0);
+//# sourceMappingURL=style.js.map

package/dist/components/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/components/style.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEtD,gEAAgE;AAChE,MAAM,OAAO,SAAS;IAAtB;QAES,UAAK,GAAG,QAAQ,CAAC;QAGjB,UAAK,GAAG,CAAC,CAAC;IACnB,CAAC;CAAA;AAJQ;IADN,QAAQ,CAAC,KAAK,CAAC;;wCACQ;AAGjB;IADN,QAAQ,CAAC,KAAK,CAAC;;wCACC;AAGnB,iFAAiF;AACjF,MAAM,OAAO,WAAW;IAAxB;QAES,UAAK,GAAG,QAAQ,CAAC;QAGjB,UAAK,GAAG,CAAC,CAAC;QAEjB,mCAAmC;QAE5B,UAAK,GAAG,CAAC,CAAC;IACnB,CAAC;CAAA;AARQ;IADN,QAAQ,CAAC,KAAK,CAAC;;0CACQ;AAGjB;IADN,QAAQ,CAAC,KAAK,CAAC;;0CACC;AAIV;IADN,QAAQ,CAAC,KAAK,CAAC;;0CACC"}

package/dist/components/text.d.ts

@@ -0,0 +1,23 @@
+/** Horizontal text alignment, maps to Phaser text align settings. */
+export declare enum TextAlign {
+    Left = 0,
+    Center = 1,
+    Right = 2
+}
+/** Render a text string at the entity's Position (centered origin). */
+export declare class Text {
+    /** The string to display. */
+    value: string;
+    /** CSS font-family string. */
+    fontFamily: string;
+    /** Font size in screen pixels (not meters). */
+    fontSize: number;
+    /** Text fill color as an RGB integer. */
+    color: number;
+    /** Background rectangle color as an RGB integer. */
+    backgroundColor: number;
+    /** Background rectangle opacity (0 = transparent). */
+    backgroundAlpha: number;
+    /** Horizontal alignment; one of the TextAlign enum values. */
+    align: TextAlign;
+}

package/dist/components/text.js

@@ -0,0 +1,65 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { type as wireType } from "@vworlds/vecs-wire";
+/** Horizontal text alignment, maps to Phaser text align settings. */
+export var TextAlign;
+(function (TextAlign) {
+    TextAlign[TextAlign["Left"] = 0] = "Left";
+    TextAlign[TextAlign["Center"] = 1] = "Center";
+    TextAlign[TextAlign["Right"] = 2] = "Right";
+})(TextAlign || (TextAlign = {}));
+/** Render a text string at the entity's Position (centered origin). */
+export class Text {
+    constructor() {
+        /** The string to display. */
+        this.value = "";
+        /** CSS font-family string. */
+        this.fontFamily = "sans-serif";
+        /** Font size in screen pixels (not meters). */
+        this.fontSize = 16;
+        /** Text fill color as an RGB integer. */
+        this.color = 0xffffff;
+        /** Background rectangle color as an RGB integer. */
+        this.backgroundColor = 0;
+        /** Background rectangle opacity (0 = transparent). */
+        this.backgroundAlpha = 0;
+        /** Horizontal alignment; one of the TextAlign enum values. */
+        this.align = TextAlign.Left;
+    }
+}
+__decorate([
+    wireType("string"),
+    __metadata("design:type", Object)
+], Text.prototype, "value", void 0);
+__decorate([
+    wireType("string"),
+    __metadata("design:type", Object)
+], Text.prototype, "fontFamily", void 0);
+__decorate([
+    wireType("u16"),
+    __metadata("design:type", Object)
+], Text.prototype, "fontSize", void 0);
+__decorate([
+    wireType("u32"),
+    __metadata("design:type", Object)
+], Text.prototype, "color", void 0);
+__decorate([
+    wireType("u32"),
+    __metadata("design:type", Object)
+], Text.prototype, "backgroundColor", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Text.prototype, "backgroundAlpha", void 0);
+__decorate([
+    wireType("u8"),
+    __metadata("design:type", Object)
+], Text.prototype, "align", void 0);
+//# sourceMappingURL=text.js.map

package/dist/components/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/components/text.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEtD,qEAAqE;AACrE,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,yCAAQ,CAAA;IACR,6CAAU,CAAA;IACV,2CAAS,CAAA;AACX,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,uEAAuE;AACvE,MAAM,OAAO,IAAI;IAAjB;QACE,6BAA6B;QAEtB,UAAK,GAAG,EAAE,CAAC;QAElB,8BAA8B;QAEvB,eAAU,GAAG,YAAY,CAAC;QAEjC,+CAA+C;QAExC,aAAQ,GAAG,EAAE,CAAC;QAErB,yCAAyC;QAElC,UAAK,GAAG,QAAQ,CAAC;QAExB,oDAAoD;QAE7C,oBAAe,GAAG,CAAC,CAAC;QAE3B,sDAAsD;QAE/C,oBAAe,GAAG,CAAC,CAAC;QAE3B,8DAA8D;QAEvD,UAAK,GAAG,SAAS,CAAC,IAAI,CAAC;IAChC,CAAC;CAAA;AAzBQ;IADN,QAAQ,CAAC,QAAQ,CAAC;;mCACD;AAIX;IADN,QAAQ,CAAC,QAAQ,CAAC;;wCACc;AAI1B;IADN,QAAQ,CAAC,KAAK,CAAC;;sCACK;AAId;IADN,QAAQ,CAAC,KAAK,CAAC;;mCACQ;AAIjB;IADN,QAAQ,CAAC,KAAK,CAAC;;6CACW;AAIpB;IADN,QAAQ,CAAC,KAAK,CAAC;;6CACW;AAIpB;IADN,QAAQ,CAAC,IAAI,CAAC;;mCACe"}

package/dist/components/transform.d.ts

@@ -0,0 +1,22 @@
+/** Entity position in meters, +y up (math convention). */
+export declare class Position {
+    x: number;
+    y: number;
+}
+/** Entity orientation in radians, counter-clockwise positive. */
+export declare class Rotation {
+    angle: number;
+}
+/** Uniform scale multiplier (unitless). */
+export declare class Scale {
+    x: number;
+    y: number;
+}
+/** Opacity in the range 0..1. */
+export declare class Alpha {
+    value: number;
+}
+/** Render order (unitless integer; higher values draw on top). */
+export declare class Depth {
+    value: number;
+}

package/dist/components/transform.js

@@ -0,0 +1,71 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { type as wireType } from "@vworlds/vecs-wire";
+/** Entity position in meters, +y up (math convention). */
+export class Position {
+    constructor() {
+        this.x = 0;
+        this.y = 0;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Position.prototype, "x", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Position.prototype, "y", void 0);
+/** Entity orientation in radians, counter-clockwise positive. */
+export class Rotation {
+    constructor() {
+        this.angle = 0;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Rotation.prototype, "angle", void 0);
+/** Uniform scale multiplier (unitless). */
+export class Scale {
+    constructor() {
+        this.x = 1;
+        this.y = 1;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Scale.prototype, "x", void 0);
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Scale.prototype, "y", void 0);
+/** Opacity in the range 0..1. */
+export class Alpha {
+    constructor() {
+        this.value = 1;
+    }
+}
+__decorate([
+    wireType("f32"),
+    __metadata("design:type", Object)
+], Alpha.prototype, "value", void 0);
+/** Render order (unitless integer; higher values draw on top). */
+export class Depth {
+    constructor() {
+        this.value = 0;
+    }
+}
+__decorate([
+    wireType("i32"),
+    __metadata("design:type", Object)
+], Depth.prototype, "value", void 0);
+//# sourceMappingURL=transform.js.map

package/dist/components/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../src/components/transform.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEtD,0DAA0D;AAC1D,MAAM,OAAO,QAAQ;IAArB;QAES,MAAC,GAAG,CAAC,CAAC;QAGN,MAAC,GAAG,CAAC,CAAC;IACf,CAAC;CAAA;AAJQ;IADN,QAAQ,CAAC,KAAK,CAAC;;mCACH;AAGN;IADN,QAAQ,CAAC,KAAK,CAAC;;mCACH;AAGf,iEAAiE;AACjE,MAAM,OAAO,QAAQ;IAArB;QAES,UAAK,GAAG,CAAC,CAAC;IACnB,CAAC;CAAA;AADQ;IADN,QAAQ,CAAC,KAAK,CAAC;;uCACC;AAGnB,2CAA2C;AAC3C,MAAM,OAAO,KAAK;IAAlB;QAES,MAAC,GAAG,CAAC,CAAC;QAGN,MAAC,GAAG,CAAC,CAAC;IACf,CAAC;CAAA;AAJQ;IADN,QAAQ,CAAC,KAAK,CAAC;;gCACH;AAGN;IADN,QAAQ,CAAC,KAAK,CAAC;;gCACH;AAGf,iCAAiC;AACjC,MAAM,OAAO,KAAK;IAAlB;QAES,UAAK,GAAG,CAAC,CAAC;IACnB,CAAC;CAAA;AADQ;IADN,QAAQ,CAAC,KAAK,CAAC;;oCACC;AAGnB,kEAAkE;AAClE,MAAM,OAAO,KAAK;IAAlB;QAES,UAAK,GAAG,CAAC,CAAC;IACnB,CAAC;CAAA;AADQ;IADN,QAAQ,CAAC,KAAK,CAAC;;oCACC"}

package/dist/index.d.ts

@@ -0,0 +1,36 @@
+export { Alpha, Depth, Position, Rotation, Scale } from "./components/transform.js";
+export { FillStyle, StrokeStyle } from "./components/style.js";
+export { Arc, Ellipse, Line, Polygon, Rectangle, Star, Triangle } from "./components/shapes.js";
+export { Text, TextAlign } from "./components/text.js";
+import { Alpha, Depth, Position, Rotation, Scale } from "./components/transform.js";
+import { FillStyle, StrokeStyle } from "./components/style.js";
+import { Arc, Ellipse, Line, Polygon, Rectangle, Star, Triangle } from "./components/shapes.js";
+import { Text } from "./components/text.js";
+/**
+ * All components that participate in the network protocol, in registration order.
+ * ORDER IS THE PROTOCOL — type id = index + 1. Do not reorder without a protocol version bump.
+ *
+ * Type ids:
+ *   1  Position
+ *   2  Rotation
+ *   3  Scale
+ *   4  Alpha
+ *   5  Depth
+ *   6  FillStyle
+ *   7  StrokeStyle
+ *   8  Arc
+ *   9  Ellipse
+ *  10  Rectangle
+ *  11  Polygon
+ *  12  Line
+ *  13  Triangle
+ *  14  Star
+ *  15  Text
+ */
+export declare const phaserNetworkComponents: readonly [typeof Position, typeof Rotation, typeof Scale, typeof Alpha, typeof Depth, typeof FillStyle, typeof StrokeStyle, typeof Arc, typeof Ellipse, typeof Rectangle, typeof Polygon, typeof Line, typeof Triangle, typeof Star, typeof Text];
+/**
+ * The subset of network components that represent renderable shapes.
+ * Exactly one of these should be present on each renderable entity.
+ * Order matches phaserNetworkComponents (shapes section).
+ */
+export declare const phaserRenderableComponents: readonly [typeof Arc, typeof Ellipse, typeof Rectangle, typeof Polygon, typeof Line, typeof Triangle, typeof Star, typeof Text];

package/dist/index.js

@@ -0,0 +1,62 @@
+export { Alpha, Depth, Position, Rotation, Scale } from "./components/transform.js";
+export { FillStyle, StrokeStyle } from "./components/style.js";
+export { Arc, Ellipse, Line, Polygon, Rectangle, Star, Triangle } from "./components/shapes.js";
+export { Text, TextAlign } from "./components/text.js";
+import { Alpha, Depth, Position, Rotation, Scale } from "./components/transform.js";
+import { FillStyle, StrokeStyle } from "./components/style.js";
+import { Arc, Ellipse, Line, Polygon, Rectangle, Star, Triangle } from "./components/shapes.js";
+import { Text } from "./components/text.js";
+/**
+ * All components that participate in the network protocol, in registration order.
+ * ORDER IS THE PROTOCOL — type id = index + 1. Do not reorder without a protocol version bump.
+ *
+ * Type ids:
+ *   1  Position
+ *   2  Rotation
+ *   3  Scale
+ *   4  Alpha
+ *   5  Depth
+ *   6  FillStyle
+ *   7  StrokeStyle
+ *   8  Arc
+ *   9  Ellipse
+ *  10  Rectangle
+ *  11  Polygon
+ *  12  Line
+ *  13  Triangle
+ *  14  Star
+ *  15  Text
+ */
+export const phaserNetworkComponents = [
+    Position,
+    Rotation,
+    Scale,
+    Alpha,
+    Depth,
+    FillStyle,
+    StrokeStyle,
+    Arc,
+    Ellipse,
+    Rectangle,
+    Polygon,
+    Line,
+    Triangle,
+    Star,
+    Text,
+];
+/**
+ * The subset of network components that represent renderable shapes.
+ * Exactly one of these should be present on each renderable entity.
+ * Order matches phaserNetworkComponents (shapes section).
+ */
+export const phaserRenderableComponents = [
+    Arc,
+    Ellipse,
+    Rectangle,
+    Polygon,
+    Line,
+    Triangle,
+    Star,
+    Text,
+];
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,QAAQ;IACR,QAAQ;IACR,KAAK;IACL,KAAK;IACL,KAAK;IACL,SAAS;IACT,WAAW;IACX,GAAG;IACH,OAAO;IACP,SAAS;IACT,OAAO;IACP,IAAI;IACJ,QAAQ;IACR,IAAI;IACJ,IAAI;CACwC,CAAC;AAE/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,GAAG;IACH,OAAO;IACP,SAAS;IACT,OAAO;IACP,IAAI;IACJ,QAAQ;IACR,IAAI;IACJ,IAAI;CACwC,CAAC"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@vworlds/vecs-phaser",
+  "version": "1.0.25",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "build": "rimraf dist && tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"src/**/*.ts\" \"tests/**/*.ts\" --no-error-on-unmatched-pattern",
+    "test": "vitest run --passWithNoTests"
+  },
+  "dependencies": {
+    "@vworlds/vecs": "1.0.25",
+    "@vworlds/vecs-wire": "1.0.25"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT"
+}