@eva/plugin-renderer-text 2.0.1-beta.27 → 2.0.1-beta.28

package/dist/plugin-renderer-text.cjs.js

@@ -39,13 +39,66 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
+/**
+ * 文本组件（基于 PixiJS Text）
+ *
+ * Text 组件用于渲染文本内容，支持丰富的文本样式配置。
+ * 它基于 PixiJS 的 Text 实现，支持字体、颜色、描边、阴影、对齐等多种样式。
+ *
+ * 主要特性：
+ * - 支持多种字体和字号
+ * - 支持文本颜色、渐变填充
+ * - 支持描边和投影效果
+ * - 支持文本对齐和换行
+ * - 可配置渲染分辨率
+ *
+ * @example
+ * ```typescript
+ * // 基础文本
+ * const label = new GameObject('label');
+ * label.addComponent(new Text({
+ *   text: 'Hello EVA!',
+ *   style: {
+ *     fontSize: 32,
+ *     fill: 0xffffff
+ *   }
+ * }));
+ *
+ * // 带样式的文本
+ * label.addComponent(new Text({
+ *   text: '得分: 9999',
+ *   style: {
+ *     fontFamily: 'Arial',
+ *     fontSize: 48,
+ *     fontWeight: 'bold',
+ *     fill: ['#ff0000', '#ffff00'], // 渐变色
+ *     stroke: '#000000',
+ *     strokeThickness: 4,
+ *     dropShadow: true,
+ *     dropShadowDistance: 3
+ *   },
+ *   resolution: 2 // 高清渲染
+ * }));
+ * ```
+ */
 class Text$2 extends eva_js.Component {
     constructor() {
         super(...arguments);
+        /** 文本内容 */
         this.text = '';
+        /** 文本样式配置 */
+        // @decorators.IDEProp 复杂编辑后续添加
         this.style = {};
+        /** 渲染分辨率，值越大文本越清晰但性能消耗越大 */
         this.resolution = 1;
     }
+    /**
+     * 初始化组件
+     * @param obj - 初始化参数
+     * @param obj.text - 文本内容
+     * @param obj.style - 文本样式
+     * @param obj.resolution - 渲染分辨率
+     */
     init(obj) {
         const style = new pixi_js.TextStyle({
             fontSize: 20,
@@ -67,6 +120,7 @@ class Text$2 extends eva_js.Component {
         }
     }
 }
+/** 组件名称 */
 Text$2.componentName = 'Text';
 __decorate([
     inspectorDecorator.type('string')
@@ -75,13 +129,84 @@ __decorate([
     inspectorDecorator.type('number')
 ], Text$2.prototype, "resolution", void 0);
 
+/**
+ * HTML 富文本组件
+ *
+ * HTMLText 组件支持渲染带有 HTML 标签的富文本内容。
+ * 可以在文本中使用 HTML 标签（如 `<b>`, `<i>`, `<span>` 等）来实现丰富的文本样式，
+ * 适用于聊天对话、新闻内容、富文本显示等需要多样式文本的场景。
+ *
+ * 支持的 HTML 标签：
+ * - `<b>` - 粗体
+ * - `<i>` - 斜体
+ * - `<span style="color:#ff0000">` - 自定义样式
+ * - `<br>` - 换行
+ * 以及更多标准 HTML 文本标签
+ *
+ * @example
+ * ```typescript
+ * // 基础富文本
+ * const label = new GameObject('label');
+ * label.addComponent(new HTMLText({
+ *   text: '这是<b>粗体</b>和<i>斜体</i>文本',
+ *   style: {
+ *     fontSize: 24,
+ *     fill: '#000000',
+ *     fontFamily: 'Arial'
+ *   }
+ * }));
+ *
+ * // 带颜色的富文本
+ * label.addComponent(new HTMLText({
+ *   text: '欢迎 <span style="color:#ff0000">玩家123</span> 加入游戏！',
+ *   style: {
+ *     fontSize: 20,
+ *     wordWrap: true,
+ *     wordWrapWidth: 300
+ *   }
+ * }));
+ *
+ * // 自定义标签样式
+ * label.addComponent(new HTMLText({
+ *   text: '获得 <gold>100</gold> 金币',
+ *   style: {
+ *     fontSize: 18,
+ *     tagStyles: {
+ *       gold: {
+ *         fill: '#ffd700',
+ *         fontWeight: 'bold'
+ *       }
+ *     }
+ *   }
+ * }));
+ *
+ * // 高分辨率渲染
+ * label.addComponent(new HTMLText({
+ *   text: '高清文本',
+ *   textureStyle: {
+ *     resolution: 2,
+ *     scaleMode: 'linear'
+ *   }
+ * }));
+ * ```
+ */
 class HTMLText extends eva_js.Component {
     constructor() {
         super(...arguments);
+        /** 富文本内容（支持 HTML 标签） */
         this.text = '';
+        /** 文本样式配置 */
         this.style = {};
+        /** 纹理渲染配置 */
         this.textureStyle = {};
     }
+    /**
+     * 初始化组件
+     * @param obj - 初始化参数
+     * @param obj.text - 富文本内容
+     * @param obj.style - 文本样式
+     * @param obj.textureStyle - 纹理配置
+     */
     init(obj) {
         this.style = Object.assign({ fontSize: 24, fill: '#000000', fontFamily: 'Arial' }, obj === null || obj === void 0 ? void 0 : obj.style);
         this.textureStyle = Object.assign({ scaleMode: 'linear', resolution: window.devicePixelRatio || 1 }, obj === null || obj === void 0 ? void 0 : obj.textureStyle);
@@ -90,6 +215,7 @@ class HTMLText extends eva_js.Component {
         }
     }
 }
+/** 组件名称 */
 HTMLText.componentName = 'HTMLText';
 __decorate([
     inspectorDecorator.type('string')
@@ -127,6 +253,7 @@ let Text = class Text extends pluginRenderer.Renderer {
             }
             else {
                 this.change(changed);
+                // 如果样式改变且涉及字体，也需要等待字体资源加载
                 const component = changed.component;
                 if (changed.prop.prop[0] === 'style' && component.style && component.style.fontFamily) {
                     const { text } = this.texts[changed.gameObject.id];
@@ -139,11 +266,13 @@ let Text = class Text extends pluginRenderer.Renderer {
     addTextComponent(changed) {
         return __awaiter(this, void 0, void 0, function* () {
             const component = changed.component;
+            // 创建文本样式副本，先不设置 fontFamily
             const styleWithoutFont = Object.assign({}, component.style);
             const fontFamily = styleWithoutFont.fontFamily;
             delete styleWithoutFont.fontFamily;
             const initialText = fontFamily ? '' : component.text;
             const text = new rendererAdapter.Text(initialText, styleWithoutFont);
+            // 设置 resolution 以提升清晰度
             if (component.resolution !== undefined && component.resolution > 0) {
                 text.resolution = component.resolution;
             }
@@ -152,6 +281,7 @@ let Text = class Text extends pluginRenderer.Renderer {
                 text,
                 component,
             };
+            // 如果指定了字体资源，等待资源加载完成后设置 fontFamily
             if (fontFamily) {
                 yield this.waitForFontResource(text, changed, fontFamily);
             }
@@ -160,6 +290,7 @@ let Text = class Text extends pluginRenderer.Renderer {
     addHTMLTextComponent(changed) {
         return __awaiter(this, void 0, void 0, function* () {
             const component = changed.component;
+            // 创建样式副本，先不设置 fontFamily
             const styleWithoutFont = Object.assign({}, component.style);
             const fontFamily = styleWithoutFont.fontFamily;
             delete styleWithoutFont.fontFamily;
@@ -170,11 +301,15 @@ let Text = class Text extends pluginRenderer.Renderer {
                 text: htmlText,
                 component,
             };
+            // 如果指定了字体资源，等待资源加载完成后设置 fontFamily
             if (fontFamily) {
                 yield this.waitForFontResource(htmlText, changed, fontFamily);
             }
         });
     }
+    /**
+     * 等待字体资源加载完成并更新文本
+     */
     waitForFontResource(text, changed, fontFamily) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!fontFamily) {
@@ -182,13 +317,17 @@ let Text = class Text extends pluginRenderer.Renderer {
             }
             try {
                 const fontName = Array.isArray(fontFamily) ? fontFamily[0] : fontFamily;
+                // 通过 resource 系统获取字体资源
                 const asyncId = this.increaseAsyncId(changed.gameObject.id);
                 yield eva_js.resource.getResource(fontName);
+                // 验证异步操作是否仍然有效（防止组件已被移除）
                 if (!this.validateAsyncId(changed.gameObject.id, asyncId))
                     return;
+                // 字体资源加载成功后，设置 fontFamily 并重新设置文本内容以触发重新渲染
                 const component = this.texts[changed.gameObject.id].component;
                 text.style.fontFamily = fontFamily;
                 text.text = component.text;
+                // 更新尺寸
             }
             catch (error) {
                 console.warn(`字体资源 ${fontFamily} 加载失败:`, error);
@@ -205,12 +344,14 @@ let Text = class Text extends pluginRenderer.Renderer {
             Object.assign(text.style, component.style);
         }
         else if (changed.prop.prop[0] === 'resolution' && !isHTMLText) {
+            // 更新 resolution
             const textComponent = component;
             if (textComponent.resolution !== undefined && textComponent.resolution > 0) {
                 text.resolution = textComponent.resolution;
             }
         }
         else if (changed.prop.prop[0] === 'textureStyle' && isHTMLText) {
+            // HTMLText 纹理样式变化需要重新创建
             const htmlComponent = component;
             const container = this.containerManager.getContainer(changed.gameObject.id);
             const index = container.getChildIndex(text);

package/dist/plugin-renderer-text.d.ts

@@ -13,11 +13,83 @@ import { TextStyleFontWeight } from 'pixi.js';
 import { TextStyleTextBaseline } from 'pixi.js';
 import { TextStyleWhiteSpace } from 'pixi.js';
 
+/**
+ * HTML 富文本组件
+ *
+ * HTMLText 组件支持渲染带有 HTML 标签的富文本内容。
+ * 可以在文本中使用 HTML 标签（如 `<b>`, `<i>`, `<span>` 等）来实现丰富的文本样式，
+ * 适用于聊天对话、新闻内容、富文本显示等需要多样式文本的场景。
+ *
+ * 支持的 HTML 标签：
+ * - `<b>` - 粗体
+ * - `<i>` - 斜体
+ * - `<span style="color:#ff0000">` - 自定义样式
+ * - `<br>` - 换行
+ * 以及更多标准 HTML 文本标签
+ *
+ * @example
+ * ```typescript
+ * // 基础富文本
+ * const label = new GameObject('label');
+ * label.addComponent(new HTMLText({
+ *   text: '这是<b>粗体</b>和<i>斜体</i>文本',
+ *   style: {
+ *     fontSize: 24,
+ *     fill: '#000000',
+ *     fontFamily: 'Arial'
+ *   }
+ * }));
+ *
+ * // 带颜色的富文本
+ * label.addComponent(new HTMLText({
+ *   text: '欢迎 <span style="color:#ff0000">玩家123</span> 加入游戏！',
+ *   style: {
+ *     fontSize: 20,
+ *     wordWrap: true,
+ *     wordWrapWidth: 300
+ *   }
+ * }));
+ *
+ * // 自定义标签样式
+ * label.addComponent(new HTMLText({
+ *   text: '获得 <gold>100</gold> 金币',
+ *   style: {
+ *     fontSize: 18,
+ *     tagStyles: {
+ *       gold: {
+ *         fill: '#ffd700',
+ *         fontWeight: 'bold'
+ *       }
+ *     }
+ *   }
+ * }));
+ *
+ * // 高分辨率渲染
+ * label.addComponent(new HTMLText({
+ *   text: '高清文本',
+ *   textureStyle: {
+ *     resolution: 2,
+ *     scaleMode: 'linear'
+ *   }
+ * }));
+ * ```
+ */
 export declare class HTMLText extends Component<HTMLTextParams> {
+    /** 组件名称 */
     static componentName: string;
+    /** 富文本内容（支持 HTML 标签） */
     text: string;
+    /** 文本样式配置 */
     style: HTMLTextParams['style'];
+    /** 纹理渲染配置 */
     textureStyle: HTMLTextParams['textureStyle'];
+    /**
+     * 初始化组件
+     * @param obj - 初始化参数
+     * @param obj.text - 富文本内容
+     * @param obj.style - 文本样式
+     * @param obj.textureStyle - 纹理配置
+     */
     init(obj?: HTMLTextParams): void;
 }
 
@@ -60,11 +132,64 @@ declare interface HTMLTextStyleOptions {
     whiteSpace?: string;
 }
 
+/**
+ * 文本组件（基于 PixiJS Text）
+ *
+ * Text 组件用于渲染文本内容，支持丰富的文本样式配置。
+ * 它基于 PixiJS 的 Text 实现，支持字体、颜色、描边、阴影、对齐等多种样式。
+ *
+ * 主要特性：
+ * - 支持多种字体和字号
+ * - 支持文本颜色、渐变填充
+ * - 支持描边和投影效果
+ * - 支持文本对齐和换行
+ * - 可配置渲染分辨率
+ *
+ * @example
+ * ```typescript
+ * // 基础文本
+ * const label = new GameObject('label');
+ * label.addComponent(new Text({
+ *   text: 'Hello EVA!',
+ *   style: {
+ *     fontSize: 32,
+ *     fill: 0xffffff
+ *   }
+ * }));
+ *
+ * // 带样式的文本
+ * label.addComponent(new Text({
+ *   text: '得分: 9999',
+ *   style: {
+ *     fontFamily: 'Arial',
+ *     fontSize: 48,
+ *     fontWeight: 'bold',
+ *     fill: ['#ff0000', '#ffff00'], // 渐变色
+ *     stroke: '#000000',
+ *     strokeThickness: 4,
+ *     dropShadow: true,
+ *     dropShadowDistance: 3
+ *   },
+ *   resolution: 2 // 高清渲染
+ * }));
+ * ```
+ */
 declare class Text_2 extends Component<TextParams> {
+    /** 组件名称 */
     static componentName: string;
+    /** 文本内容 */
     text: string;
+    /** 文本样式配置 */
     style: TextParams['style'];
+    /** 渲染分辨率，值越大文本越清晰但性能消耗越大 */
     resolution: number;
+    /**
+     * 初始化组件
+     * @param obj - 初始化参数
+     * @param obj.text - 文本内容
+     * @param obj.style - 文本样式
+     * @param obj.resolution - 渲染分辨率
+     */
     init(obj?: TextParams): void;
 }
 export { Text_2 as Text }
@@ -121,6 +246,9 @@ export declare class TextSystem extends Renderer {
     componentChanged(changed: ComponentChanged): Promise<void>;
     private addTextComponent;
     private addHTMLTextComponent;
+    /**
+     * 等待字体资源加载完成并更新文本
+     */
     private waitForFontResource;
     change(changed: ComponentChanged): void;
     setSize(changed: ComponentChanged): void;

package/dist/plugin-renderer-text.esm.js

@@ -35,13 +35,66 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
+/**
+ * 文本组件（基于 PixiJS Text）
+ *
+ * Text 组件用于渲染文本内容，支持丰富的文本样式配置。
+ * 它基于 PixiJS 的 Text 实现，支持字体、颜色、描边、阴影、对齐等多种样式。
+ *
+ * 主要特性：
+ * - 支持多种字体和字号
+ * - 支持文本颜色、渐变填充
+ * - 支持描边和投影效果
+ * - 支持文本对齐和换行
+ * - 可配置渲染分辨率
+ *
+ * @example
+ * ```typescript
+ * // 基础文本
+ * const label = new GameObject('label');
+ * label.addComponent(new Text({
+ *   text: 'Hello EVA!',
+ *   style: {
+ *     fontSize: 32,
+ *     fill: 0xffffff
+ *   }
+ * }));
+ *
+ * // 带样式的文本
+ * label.addComponent(new Text({
+ *   text: '得分: 9999',
+ *   style: {
+ *     fontFamily: 'Arial',
+ *     fontSize: 48,
+ *     fontWeight: 'bold',
+ *     fill: ['#ff0000', '#ffff00'], // 渐变色
+ *     stroke: '#000000',
+ *     strokeThickness: 4,
+ *     dropShadow: true,
+ *     dropShadowDistance: 3
+ *   },
+ *   resolution: 2 // 高清渲染
+ * }));
+ * ```
+ */
 class Text$2 extends Component {
     constructor() {
         super(...arguments);
+        /** 文本内容 */
         this.text = '';
+        /** 文本样式配置 */
+        // @decorators.IDEProp 复杂编辑后续添加
         this.style = {};
+        /** 渲染分辨率，值越大文本越清晰但性能消耗越大 */
         this.resolution = 1;
     }
+    /**
+     * 初始化组件
+     * @param obj - 初始化参数
+     * @param obj.text - 文本内容
+     * @param obj.style - 文本样式
+     * @param obj.resolution - 渲染分辨率
+     */
     init(obj) {
         const style = new TextStyle({
             fontSize: 20,
@@ -63,6 +116,7 @@ class Text$2 extends Component {
         }
     }
 }
+/** 组件名称 */
 Text$2.componentName = 'Text';
 __decorate([
     type('string')
@@ -71,13 +125,84 @@ __decorate([
     type('number')
 ], Text$2.prototype, "resolution", void 0);
 
+/**
+ * HTML 富文本组件
+ *
+ * HTMLText 组件支持渲染带有 HTML 标签的富文本内容。
+ * 可以在文本中使用 HTML 标签（如 `<b>`, `<i>`, `<span>` 等）来实现丰富的文本样式，
+ * 适用于聊天对话、新闻内容、富文本显示等需要多样式文本的场景。
+ *
+ * 支持的 HTML 标签：
+ * - `<b>` - 粗体
+ * - `<i>` - 斜体
+ * - `<span style="color:#ff0000">` - 自定义样式
+ * - `<br>` - 换行
+ * 以及更多标准 HTML 文本标签
+ *
+ * @example
+ * ```typescript
+ * // 基础富文本
+ * const label = new GameObject('label');
+ * label.addComponent(new HTMLText({
+ *   text: '这是<b>粗体</b>和<i>斜体</i>文本',
+ *   style: {
+ *     fontSize: 24,
+ *     fill: '#000000',
+ *     fontFamily: 'Arial'
+ *   }
+ * }));
+ *
+ * // 带颜色的富文本
+ * label.addComponent(new HTMLText({
+ *   text: '欢迎 <span style="color:#ff0000">玩家123</span> 加入游戏！',
+ *   style: {
+ *     fontSize: 20,
+ *     wordWrap: true,
+ *     wordWrapWidth: 300
+ *   }
+ * }));
+ *
+ * // 自定义标签样式
+ * label.addComponent(new HTMLText({
+ *   text: '获得 <gold>100</gold> 金币',
+ *   style: {
+ *     fontSize: 18,
+ *     tagStyles: {
+ *       gold: {
+ *         fill: '#ffd700',
+ *         fontWeight: 'bold'
+ *       }
+ *     }
+ *   }
+ * }));
+ *
+ * // 高分辨率渲染
+ * label.addComponent(new HTMLText({
+ *   text: '高清文本',
+ *   textureStyle: {
+ *     resolution: 2,
+ *     scaleMode: 'linear'
+ *   }
+ * }));
+ * ```
+ */
 class HTMLText extends Component {
     constructor() {
         super(...arguments);
+        /** 富文本内容（支持 HTML 标签） */
         this.text = '';
+        /** 文本样式配置 */
         this.style = {};
+        /** 纹理渲染配置 */
         this.textureStyle = {};
     }
+    /**
+     * 初始化组件
+     * @param obj - 初始化参数
+     * @param obj.text - 富文本内容
+     * @param obj.style - 文本样式
+     * @param obj.textureStyle - 纹理配置
+     */
     init(obj) {
         this.style = Object.assign({ fontSize: 24, fill: '#000000', fontFamily: 'Arial' }, obj === null || obj === void 0 ? void 0 : obj.style);
         this.textureStyle = Object.assign({ scaleMode: 'linear', resolution: window.devicePixelRatio || 1 }, obj === null || obj === void 0 ? void 0 : obj.textureStyle);
@@ -86,6 +211,7 @@ class HTMLText extends Component {
         }
     }
 }
+/** 组件名称 */
 HTMLText.componentName = 'HTMLText';
 __decorate([
     type('string')
@@ -123,6 +249,7 @@ let Text = class Text extends Renderer {
             }
             else {
                 this.change(changed);
+                // 如果样式改变且涉及字体，也需要等待字体资源加载
                 const component = changed.component;
                 if (changed.prop.prop[0] === 'style' && component.style && component.style.fontFamily) {
                     const { text } = this.texts[changed.gameObject.id];
@@ -135,11 +262,13 @@ let Text = class Text extends Renderer {
     addTextComponent(changed) {
         return __awaiter(this, void 0, void 0, function* () {
             const component = changed.component;
+            // 创建文本样式副本，先不设置 fontFamily
             const styleWithoutFont = Object.assign({}, component.style);
             const fontFamily = styleWithoutFont.fontFamily;
             delete styleWithoutFont.fontFamily;
             const initialText = fontFamily ? '' : component.text;
             const text = new Text$3(initialText, styleWithoutFont);
+            // 设置 resolution 以提升清晰度
             if (component.resolution !== undefined && component.resolution > 0) {
                 text.resolution = component.resolution;
             }
@@ -148,6 +277,7 @@ let Text = class Text extends Renderer {
                 text,
                 component,
             };
+            // 如果指定了字体资源，等待资源加载完成后设置 fontFamily
             if (fontFamily) {
                 yield this.waitForFontResource(text, changed, fontFamily);
             }
@@ -156,6 +286,7 @@ let Text = class Text extends Renderer {
     addHTMLTextComponent(changed) {
         return __awaiter(this, void 0, void 0, function* () {
             const component = changed.component;
+            // 创建样式副本，先不设置 fontFamily
             const styleWithoutFont = Object.assign({}, component.style);
             const fontFamily = styleWithoutFont.fontFamily;
             delete styleWithoutFont.fontFamily;
@@ -166,11 +297,15 @@ let Text = class Text extends Renderer {
                 text: htmlText,
                 component,
             };
+            // 如果指定了字体资源，等待资源加载完成后设置 fontFamily
             if (fontFamily) {
                 yield this.waitForFontResource(htmlText, changed, fontFamily);
             }
         });
     }
+    /**
+     * 等待字体资源加载完成并更新文本
+     */
     waitForFontResource(text, changed, fontFamily) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!fontFamily) {
@@ -178,13 +313,17 @@ let Text = class Text extends Renderer {
             }
             try {
                 const fontName = Array.isArray(fontFamily) ? fontFamily[0] : fontFamily;
+                // 通过 resource 系统获取字体资源
                 const asyncId = this.increaseAsyncId(changed.gameObject.id);
                 yield resource.getResource(fontName);
+                // 验证异步操作是否仍然有效（防止组件已被移除）
                 if (!this.validateAsyncId(changed.gameObject.id, asyncId))
                     return;
+                // 字体资源加载成功后，设置 fontFamily 并重新设置文本内容以触发重新渲染
                 const component = this.texts[changed.gameObject.id].component;
                 text.style.fontFamily = fontFamily;
                 text.text = component.text;
+                // 更新尺寸
             }
             catch (error) {
                 console.warn(`字体资源 ${fontFamily} 加载失败:`, error);
@@ -201,12 +340,14 @@ let Text = class Text extends Renderer {
             Object.assign(text.style, component.style);
         }
         else if (changed.prop.prop[0] === 'resolution' && !isHTMLText) {
+            // 更新 resolution
             const textComponent = component;
             if (textComponent.resolution !== undefined && textComponent.resolution > 0) {
                 text.resolution = textComponent.resolution;
             }
         }
         else if (changed.prop.prop[0] === 'textureStyle' && isHTMLText) {
+            // HTMLText 纹理样式变化需要重新创建
             const htmlComponent = component;
             const container = this.containerManager.getContainer(changed.gameObject.id);
             const index = container.getChildIndex(text);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-text",
-  "version": "2.0.1-beta.27",
+  "version": "2.0.1-beta.28",
   "description": "@eva/plugin-renderer-text",
   "main": "index.js",
   "module": "dist/plugin-renderer-text.esm.js",
@@ -19,9 +19,9 @@
   "homepage": "https://eva.js.org",
   "dependencies": {
     "@eva/inspector-decorator": "^0.0.5",
-    "@eva/plugin-renderer": "2.0.1-beta.27",
-    "@eva/renderer-adapter": "2.0.1-beta.27",
-    "@eva/eva.js": "2.0.1-beta.27",
+    "@eva/plugin-renderer": "2.0.1-beta.28",
+    "@eva/renderer-adapter": "2.0.1-beta.28",
+    "@eva/eva.js": "2.0.1-beta.28",
     "pixi.js": "^8.8.1"
   }
 }