🧩 Plasmo Developers

PD

🧩 Plasmo Developers

Join the community to ask questions about 🧩 Plasmo Developers and get answers from other members.

Join

👾extension

👟framework

🔰newbie

🦉pallas

Create confirmation as CS after clicking on context menu

I created a context menu that save an image after clicking on the menu item. I would like to create a nice confirmation as CS. What would be the best way to send a message from the BGSW to CS? Here the code I have in BGSW in background/index.ts:...

This popped up for me, how do I update my dependancies?

Im assuming this is a big concern, it has to do with the version of my dependcy, how do i update it?
No description

Can i integrate plasmo into an existing Vite project or do i have to migrate to Next?

I noticed that there is no with-vite example, why is that? Can i use Vite or is there a major compatibility issue? PS: it might be good to address this in the docs (I apologize if it is actually mentioned, I have not seen it)...

Is it possible to make page navigation inside the options of the extension?

For example, imagine you open the options page at extensionid/options.html and you click a button inside this page that takes you to extensionid/options/dashboard.html.

When should you actually use getShadowHostId?

There are a few examples of getShadowHostId being used in the examples git repo. In the example here for google, the sidebar no longer shows when I rename or remove the getShadowHostId line. (https://github.com/PlasmoHQ/examples/blob/main/with-content-scripts-ui/contents/google-sidebar.tsx#L20) But in this example on the plasmo website, it still works perfectly whether I remove it or not, or rename it. https://github.com/PlasmoHQ/examples/blob/main/with-content-scripts-ui/contents/plasmo-inline.tsx#L11...

What is the correct way use an image url from assets to show notification?

I use this: ```ts import iconUrl from "url:/assets/icon.png" ...

How do I troubleshoot my plasmo production build?

My app is working well in development, but when I tried moving to the production build it no longer opens when the extension icon is clicked. I'm using ^0.80.0 with a side panel.

From popup.tsx to content.ts

I want to make a function from my content.ts that executes when a button on popup.tsx is clicked. I wanted to use the sendToContentScript from messaging but it seems to be undocumented, does anyone has any idea how to use it (Both in the popup and content) Thanks a lot !!!

How to install the plasmo build target in firefox?

in chrome just “Load the unpacked extension”

Wrapper component for all content scripts?

When using multiple content scripts UI, is there a way to wrap them all in a React component? Thanks

Browser-agnostic Google OAuth 2

I need to allow the user to log in with his Google account, regardless of the browser he's using. I'm not using Firebase BTW The issue is that Google's documentation (https://developer.chrome.com/docs/extensions/mv3/tut_oauth/#identity_permission) is not relevant to Edge, since Edge only allows https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/identity/launchWebAuthFlow What am I missing?...

Trigger a function when opening the Popup?

I know you can create a popup.tsx file, to show JSX when clicking on the extension icon. Is it possible to trigger a function instead of render content, when clicking on the extension icon? For example, when user clicks on the extension icon, instead of showing content in the popup window - trigger a function to change storage state? Thanks in advance...

Scoping Tailwind to the extension

I have an extension and tailwind css is working very well, however on some sites I see that the content page is being effected by the page styles and all the tailwind styles are reset. Is there a way to scope tailwindcss to the content of the extension? For example this is a page that is affecting the tailwind styles (Spicy Black Bean Soup) And this is what it looks like on most pages...
No description

How do I set globalthis.__VUE_PROD_DEVTOOLS__

I'm getting an error stating that __VUE_OPTIONS_API__ and __VUE_PROD_DEVTOOLS__ are not defined. While the error was definitely present, it didn't really cause an issue when developing my newtab but now that I've moved on to to popup, it throws the error every time I click on the extension icon and the popup is empty. The exact error is: ```VUE_OPTIONS_API, VUE_PROD_DEVTOOLS are not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle. ...

Live reloading showing extension one state older than current code

Whenever I save some files, and the extension reloads, the page refreshes and shows me extension built using older version of code. So I have to reload the extension twice after each change so that the browser reflects the latest code and not the old code. I am using Google Chrome. Is there any way to fix this bug?...

Injecting content-ui component to several same-class elements

I'm developing a chrome extension for gmail which injects an input in the compose box, probkem is whenever i create a new compose box (you can craete several boxes in gmail), the component doesn't inject, although it has the same classes and everything. i tried using an anchor list but still no result.

having trouble with matching

Hi, im having trouble with matching certain url's with queries. is this even possible in plasmo?