diff --git a/src/chrome/manifest.dev.json b/src/chrome/manifest.dev.json index 76dc358..4ec2b57 100644 --- a/src/chrome/manifest.dev.json +++ b/src/chrome/manifest.dev.json @@ -1,6 +1,5 @@ { "action": { - "default_popup": "src/popup/index.html", "default_icon": { "16": "icon-inactive-16.png", "32": "icon-inactive-32.png", diff --git a/src/chrome/manifest.json b/src/chrome/manifest.json index 10aa496..c178cb7 100644 --- a/src/chrome/manifest.json +++ b/src/chrome/manifest.json @@ -3,7 +3,6 @@ "name": "PixiJS DevTools", "description": "DevTools for PixiJS", "action": { - "default_popup": "src/popup/index.html", "default_icon": { "16": "icon-inactive-16.png", "32": "icon-inactive-32.png", diff --git a/src/chrome/src/background/index.ts b/src/chrome/src/background/index.ts index f2a9f8e..22f57c8 100644 --- a/src/chrome/src/background/index.ts +++ b/src/chrome/src/background/index.ts @@ -1,4 +1,4 @@ -import { MessageType, convertPostMessage, convertPostMessageData } from '../test'; +import { MessageType, convertPostMessage, convertPostMessageData } from '../messageUtils'; interface Message { method: MessageType; diff --git a/src/chrome/src/content/index.ts b/src/chrome/src/content/index.ts index c535ae9..327a54e 100644 --- a/src/chrome/src/content/index.ts +++ b/src/chrome/src/content/index.ts @@ -1,4 +1,4 @@ -import { MessageType, convertPostMessage, convertPostMessageData } from '../test'; +import { MessageType, convertPostMessage, convertPostMessageData } from '../messageUtils'; function injectScript(file_path: string, tag: string) { const node = document.getElementsByTagName(tag)[0]; diff --git a/src/chrome/src/test.ts b/src/chrome/src/messageUtils.ts similarity index 100% rename from src/chrome/src/test.ts rename to src/chrome/src/messageUtils.ts diff --git a/src/chrome/src/popup/index.html b/src/chrome/src/popup/index.html deleted file mode 100644 index 969f919..0000000 --- a/src/chrome/src/popup/index.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - Popup - - - -
- - diff --git a/src/chrome/src/popup/popup.tsx b/src/chrome/src/popup/popup.tsx deleted file mode 100644 index 7b416b5..0000000 --- a/src/chrome/src/popup/popup.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import { createRoot } from 'react-dom/client'; -import { useEffect, useState } from 'react'; -import { MessageType, convertPostMessage } from '../test'; - -const Popup = () => { - const [message, setMessage] = useState('hello world'); - - // send a message to the background script to let it know the popup has been opened - // background script will then send a message back if it detects pixi - useEffect(() => { - chrome.runtime.sendMessage(convertPostMessage(MessageType.PopupOpened, {})); - }, []); - - // listen for messages from the background script - useEffect(() => { - const listener = (request: any) => { - if (request.method === MessageType.PixiDetected) { - console.log('pixi detected'); - setMessage(request.data); - } - }; - - chrome.runtime.onMessage.addListener(listener); - - // Cleanup - return () => { - chrome.runtime.onMessage.removeListener(listener); - }; - }, []); - - return
{message}
; -}; - -const container = document.getElementById('app-container'); -const root = createRoot(container!); -root.render(); diff --git a/src/lib/src/pages/index.tsx b/src/lib/src/pages/index.tsx index c69797c..796300d 100644 --- a/src/lib/src/pages/index.tsx +++ b/src/lib/src/pages/index.tsx @@ -168,8 +168,7 @@ const Panel: React.FC = ({ bridge }) => {

PixiJS not detected

This page doesn’t appear to be using PixiJS. If this seems wrong, follow the project{' '} - setup guide - {'https://github.com/pixijs/dev-tools#readme'} + setup guide

)}