fix: use constructor name if type is known (#31)

pixijs · May 29, 2024 · b36ddc9 · b36ddc9
1 parent e7e2ca9
commit b36ddc9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -21,6 +21,9 @@ jobs:
       - name: Install Dependencies
         run: npm ci
 
+      - name: Test Lint
+        run: npm run lint
+
       - name: Test Types
         run: npm run types
 

diff --git a/packages/devtool-chrome/src/inject/scene/tree/tree.ts b/packages/devtool-chrome/src/inject/scene/tree/tree.ts
@@ -91,6 +91,10 @@ export class Tree {
   }
 
   private _getName(container: Container, type: PixiNodeType) {
+    if (type === 'Unknown') {
+      type = container.constructor.name as PixiNodeType;
+    }
+
     const stage = this._devtool.stage;
     const name = this._devtool.majorVersion === '8' ? container.label : container.name;
     const nameIsType = name === type;

diff --git a/packages/devtool-local/src/main.tsx b/packages/devtool-local/src/main.tsx
@@ -68,10 +68,7 @@ const mockBridge: BridgeFn = (code): Promise<any> => {
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <div
-      id="root"
-      style={{ display: 'flex', flexDirection: 'column', maxHeight: '100vh', alignItems: 'center' }}
-    >
+    <div id="root" style={{ display: 'flex', flexDirection: 'column', maxHeight: '100vh', alignItems: 'center' }}>
       <canvas id="canvas" style={{ width: '600px', height: '450px' }} />
       <div style={{ width: '100%', height: '100%', overflow: 'hidden' }}>
         <App bridge={mockBridge} chromeProxy={mockChrome} />