From 791309ff7330f2c456f1862580b7e0baa7a3333c Mon Sep 17 00:00:00 2001 From: DuckieTM Date: Sun, 9 Mar 2025 11:45:21 +0100 Subject: [PATCH] :up: More Updates --- packages/api/src/asset/IAssetManager.ts | 1 - packages/assets/package.json | 4 +- packages/assets/src/AssetManager.ts | 70 ++++++++----------- packages/assets/src/GetAssetManager.ts | 5 +- packages/room/src/GetRoomPreviewerInstance.ts | 4 ++ .../session/src/badge/BadgeImageManager.ts | 20 ++++-- 6 files changed, 53 insertions(+), 51 deletions(-) create mode 100644 packages/room/src/GetRoomPreviewerInstance.ts diff --git a/packages/api/src/asset/IAssetManager.ts b/packages/api/src/asset/IAssetManager.ts index 5005341..6457e28 100644 --- a/packages/api/src/asset/IAssetManager.ts +++ b/packages/api/src/asset/IAssetManager.ts @@ -12,7 +12,6 @@ export interface IAssetManager getAsset(name: string): IGraphicAsset; getCollection(name: string): IGraphicAssetCollection; createCollection(data: IAssetData, spritesheet: Spritesheet): IGraphicAssetCollection; - loadTextureFromUrl(url: string, name?: string): Promise downloadAssets(urls: string[]): Promise; downloadAsset(url: string): Promise; readonly collections: Map; diff --git a/packages/assets/package.json b/packages/assets/package.json index cd89212..783d07d 100644 --- a/packages/assets/package.json +++ b/packages/assets/package.json @@ -14,8 +14,8 @@ "dependencies": { "@nitrots/api": "1.0.0", "@nitrots/utils": "1.0.0", - "pixi.js": "^8.2.5", - "@pixi/gif": "^3.0.0" + "@pixi/gif": "^3.0.1", + "pixi.js": "^8.5.1" }, "devDependencies": { "typescript": "~5.5.4" diff --git a/packages/assets/src/AssetManager.ts b/packages/assets/src/AssetManager.ts index 8f683ff..3b50413 100644 --- a/packages/assets/src/AssetManager.ts +++ b/packages/assets/src/AssetManager.ts @@ -1,5 +1,6 @@ import { IAssetData, IAssetManager, IGraphicAsset, IGraphicAssetCollection } from '@nitrots/api'; import { NitroBundle, NitroLogger } from '@nitrots/utils'; +import { AnimatedGIF } from '@pixi/gif'; import { Assets, Spritesheet, SpritesheetData, Texture } from 'pixi.js'; import { GraphicAssetCollection } from './GraphicAssetCollection'; @@ -73,33 +74,6 @@ export class AssetManager implements IAssetManager return collection; } - public async loadTextureFromUrl(url: string, name: string = null): Promise - { - if(!url || !url.length) return null; - - let texture = this.getTexture(name); - - if(!texture) texture = this.getTexture(url); - - if(texture) return texture; - - try - { - texture = await Assets.load(url); - - if(!texture) return null; - - this.setTexture(name ?? url, texture); - - return texture; - } - - catch (err) - { - NitroLogger.error(err); - } - } - public async downloadAssets(urls: string[]): Promise { if(!urls || !urls.length) return Promise.resolve(true); @@ -125,23 +99,37 @@ export class AssetManager implements IAssetManager { if(!url || !url.length) return false; - if(url.endsWith('.png') || url.endsWith('.jpg') || url.endsWith('.jpeg') || url.endsWith('.gif')) - { - const texture = await Assets.load(url); - - this.setTexture(url, texture); - - return true; - } - const response = await fetch(url); - if(response.status !== 200 || !response.headers.has('Content-Type') || response.headers.get('Content-Type') !== 'application/octet-stream') return false; + if(!response || response.status !== 200) return false; - const buffer = await response.arrayBuffer(); - const nitroBundle = await NitroBundle.from(buffer); + const contentType = response.headers.get('Content-Type'); - await this.processAsset(nitroBundle.texture, nitroBundle.jsonFile as IAssetData); + switch(contentType) + { + case 'application/octet-stream': { + const buffer = await response.arrayBuffer(); + const nitroBundle = await NitroBundle.from(buffer); + + await this.processAsset(nitroBundle.texture, nitroBundle.jsonFile as IAssetData); + break; + } + case 'image/png': + case 'image/jpeg': { + const texture = await Assets.load(url); + + if(texture) this.setTexture(url, texture); + break; + } + case 'image/gif': { + const buffer = await response.arrayBuffer(); + const animatedGif = AnimatedGIF.fromBuffer(buffer); + const texture = animatedGif.texture; + + if(texture) this.setTexture(url, texture); + break; + } + } return true; } @@ -174,4 +162,4 @@ export class AssetManager implements IAssetManager { return this._collections; } -} +} \ No newline at end of file diff --git a/packages/assets/src/GetAssetManager.ts b/packages/assets/src/GetAssetManager.ts index 257ceea..77b4031 100644 --- a/packages/assets/src/GetAssetManager.ts +++ b/packages/assets/src/GetAssetManager.ts @@ -1,5 +1,8 @@ +import { Assets } from 'pixi.js'; import { AssetManager } from './AssetManager'; +Assets.init(); + const assetManager = new AssetManager(); -export const GetAssetManager = () => assetManager; +export const GetAssetManager = () => assetManager; \ No newline at end of file diff --git a/packages/room/src/GetRoomPreviewerInstance.ts b/packages/room/src/GetRoomPreviewerInstance.ts new file mode 100644 index 0000000..e4cece5 --- /dev/null +++ b/packages/room/src/GetRoomPreviewerInstance.ts @@ -0,0 +1,4 @@ +1import { GetRoomEngine } from './GetRoomEngine'; +import { RoomPreviewer } from './RoomPreviewer'; + +export const GetRoomPreviewerInstance = () => new RoomPreviewer(GetRoomEngine(), ++RoomPreviewer.PREVIEW_COUNTER); \ No newline at end of file diff --git a/packages/session/src/badge/BadgeImageManager.ts b/packages/session/src/badge/BadgeImageManager.ts index 0151ed5..f70516d 100644 --- a/packages/session/src/badge/BadgeImageManager.ts +++ b/packages/session/src/badge/BadgeImageManager.ts @@ -2,7 +2,7 @@ import { GetAssetManager } from '@nitrots/assets'; import { GetCommunication, GroupBadgePartsEvent } from '@nitrots/communication'; import { GetConfiguration } from '@nitrots/configuration'; import { BadgeImageReadyEvent, GetEventDispatcher } from '@nitrots/events'; -import { TextureUtils } from '@nitrots/utils'; +import { NitroLogger, TextureUtils } from '@nitrots/utils'; import { Container, Sprite, Texture } from 'pixi.js'; import { BadgeInfo } from './BadgeInfo'; import { GroupBadge } from './GroupBadge'; @@ -20,7 +20,7 @@ export class BadgeImageManager private _groupBadgesQueue: Map = new Map(); private _readyToGenerateGroupBadges: boolean = false; - public init(): void + public async init(): Promise { GetCommunication().registerMessageEvent(new GroupBadgePartsEvent(this.onGroupBadgePartsEvent.bind(this))); } @@ -60,11 +60,19 @@ export class BadgeImageManager { const loadBadge = async () => { - await GetAssetManager().downloadAsset(url); + try + { + if(!await GetAssetManager().downloadAsset(url)) return; - const texture = GetAssetManager().getTexture(url); + const texture = GetAssetManager().getTexture(url); - if(texture) GetEventDispatcher().dispatchEvent(new BadgeImageReadyEvent(badgeName, texture)); + if(texture) GetEventDispatcher().dispatchEvent(new BadgeImageReadyEvent(badgeName, texture)); + } + + catch (err) + { + NitroLogger.error(err); + } }; loadBadge(); @@ -191,4 +199,4 @@ export class BadgeImageManager for(const badgeCode of this._groupBadgesQueue.keys()) this.loadGroupBadge(badgeCode); } -} +} \ No newline at end of file