LICENSE

@@ -1,6 +1,6 @@
 The MIT License
 
-Copyright (c) 2009-2021 pixi-stats authors
+Copyright (c) 2009-2025 pixi-stats authors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,8 +1,11 @@
 # pixi-stats
 
+[<img src="https://img.shields.io/npm/v/pixi-stats?style=for-the-badge&color=success" alt="npm version" />](https://www.npmjs.com/package/pixi-stats?activeTab=versions)
+[<img src="https://img.shields.io/npm/dw/pixi-stats.svg?style=for-the-badge&color=success" alt="npm downloads per week" />](https://www.npmjs.com/package/pixi-stats)
+
 #### JavaScript Performance Monitor
 
-This class provides an info box that will help you monitor your code performance.
+This library provides an info box that will help you monitor your code performance.
 
 - **FPS** Frames rendered in the last second. The higher the number the better.
 - **MS** Milliseconds needed to render a frame. The lower the number the better.
@@ -18,31 +21,49 @@ This class provides an info box that will help you monitor your code performance
 ![mb.png](https://raw.githubusercontent.com/mrdoob/stats.js/master/files/mb.png)
 ![custom.png](https://raw.githubusercontent.com/mrdoob/stats.js/master/files/custom.png)
 
-### Installation
+### Live demo
 
-```bash
-npm install pixi-stats --save
-```
+https://prozi.github.io/oneforall/demo/?fps
 
-### Usage
+### Usage (pixi.js)
 
-```typescript
+```ts
 import { Application } from 'pixi.js';
 import { Stats } from 'pixi-stats';
 
-const app = new Application();
-const stats = new Stats(app.renderer);
+const { renderer } = new Application();
+const stats = new Stats(renderer);
+```
+
+### Usage (three.js)
+
+```ts
+import { Renderer } from 'three';
+import { Stats } from 'pixi-stats';
+
+const renderer = new Renderer();
+const stats = new Stats(renderer);
 ```
 
+### Installation
+
+```bash
+npm install pixi-stats --save
+```
+
+### Set CSS
+
 ```css
-div#stats {
+#stats {
   position: fixed;
   top: 0;
-  right: 0;
-  z-index: 500;
-  width: max(200px, 10vw, 10vh);
-  height: max(100px, 6vh, 6vw);
-  opacity: 0.8;
+  left: 0;
+  z-index: 1000;
+}
+
+#stats canvas {
+  width: max(100px, 10vw, 10vh);
+  height: max(60px, 6vh, 6vw);
   user-select: none;
 }
 ```

dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from './stats-constants';
 export * from './stats-panel';
+export * from './stats-adapter';
 export * from './stats';
-export * from './stats-gl';
 //# sourceMappingURL=index.d.ts.map

dist/model.d.ts

@@ -0,0 +1,15 @@
+export type Stub = Record<string, any>;
+export type Renderer = Stub;
+export type Texture = Stub;
+export type IStats = Stub;
+export interface PIXIGlTexture {
+    gl: WebGLRenderingContext;
+    texture: Texture;
+}
+export type PIXIGlTextureArray = PIXIGlTexture[];
+export type PIXIGlTextureRecord = Record<string, PIXIGlTexture>;
+export interface PIXIRendererGlTexture {
+    managedTextures?: PIXIGlTextureArray;
+    _glTextures?: PIXIGlTextureRecord;
+}
+//# sourceMappingURL=model.d.ts.map

dist/pixi-hooks.d.ts

@@ -0,0 +1,7 @@
+import BaseHooks from './hooks/BaseHooks';
+import { Renderer } from './model';
+export declare class PIXIHooks extends BaseHooks {
+    get hooked(): boolean;
+    constructor(renderer: Renderer);
+}
+//# sourceMappingURL=pixi-hooks.d.ts.map