add double click logging

pixijs · Sep 12, 2024 · 8d9c19f · 8d9c19f
1 parent ca30647
commit 8d9c19f
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 48 deletions.
diff --git a/packages/backend/src/scene/tree/tree.ts b/packages/backend/src/scene/tree/tree.ts
@@ -215,6 +215,14 @@ export class Tree extends PixiHandler {
     });
   }
 
+  public logSelected() {
+    if (!window.$pixi) {
+      return;
+    }
+
+    console.log(window.$pixi);
+  }
+
   private _getName(container: Container) {
     let type = container.constructor.name as PixiNodeType;
 

diff --git a/packages/frontend/src/pages/assets/AssetsPanel.tsx b/packages/frontend/src/pages/assets/AssetsPanel.tsx
@@ -17,11 +17,7 @@ export const AssetsPanel = () => {
     fetchData();
   }, [bridge]);
 
-  if (!version) {
-    return null;
-  }
-
-  if (Number(version) < 8) {
+  if (!version || Number(version) < 8) {
     return (
       <div className="flex flex-grow flex-col overflow-hidden">
         <div className="flex flex-grow items-center justify-center text-2xl dark:text-white">

diff --git a/packages/frontend/src/pages/rendering/RenderingPanel.tsx b/packages/frontend/src/pages/rendering/RenderingPanel.tsx
@@ -16,11 +16,7 @@ export const RenderingPanel = () => {
     fetchData();
   }, [bridge]);
 
-  if (!version) {
-    return null;
-  }
-
-  if (Number(version) < 8) {
+  if (!version || Number(version) < 8) {
     return (
       <div className="flex flex-grow flex-col overflow-hidden">
         <div className="flex flex-grow items-center justify-center text-2xl dark:text-white">
@@ -35,43 +31,6 @@ export const RenderingPanel = () => {
       <RenderingStats />
       <CanvasPanel />
       <InstructionsPanel />
-      {/* <CollapsibleSection title={'Inspector'}>
-        <div className="flex h-full w-full flex-col overflow-hidden">
-          <div className="flex flex-col">
-            <div className="border-border flex h-8 max-h-8 items-center gap-2 border-b">
-              <div className="flex h-8 max-h-8 items-center">
-                <Button
-                  variant="ghost"
-                  size="icon"
-                  className="hover:border-primary h-full w-full rounded-none hover:border-b-2"
-                  onClick={onCapture}
-                >
-                  <div className="flex items-center space-x-2 px-2">
-                    <CaptureIcon className="dark:fill-white" />
-                    <div>Capture</div>
-                  </div>
-                </Button>
-              </div>
-              <Separator orientation="vertical" className="h-4" />
-              <div className="flex items-center space-x-2">
-                <Checkbox
-                  id="screenshot"
-                  defaultChecked={captureWithScreenshot}
-                  onCheckedChange={onCaptureWithScreenshot}
-                />
-                <label className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-                  Capture Draw Call Screenshot
-                </label>
-              </div>
-            </div>
-          </div>
-          {loading ? (
-            <div className="flex flex-grow items-center justify-center text-2xl dark:text-white">Capturing...</div>
-          ) : (
-            <Instructions />
-          )}
-        </div>
-      </CollapsibleSection> */}
     </div>
   );
 };
diff --git a/packages/frontend/src/pages/scene/graph/tree/node-trigger.tsx b/packages/frontend/src/pages/scene/graph/tree/node-trigger.tsx
@@ -42,12 +42,19 @@ export const NodeTrigger: React.FC<{
   onToggle: () => void;
   bridge: BridgeFn;
 }> = ({ dragHandle, style, node, onToggle, bridge }) => {
+  const doubleClick = () => {
+    if (!node.isLeaf) {
+      onToggle();
+    } else {
+      bridge(`window.__PIXI_DEVTOOLS_WRAPPER__?.scene.tree.logSelected()`);
+    }
+  };
   return (
     <div
       ref={dragHandle}
       style={style}
       className={cn('mb-1 flex h-full min-w-max items-center gap-2 leading-5', node.state)}
-      onDoubleClick={onToggle}
+      onDoubleClick={doubleClick}
       onMouseEnter={() => {
         bridge(`window.__PIXI_DEVTOOLS_WRAPPER__?.scene.overlay.highlight(${JSON.stringify(node.id)})`);
       }}