🧩 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

After the first login for new users, the popup shows that they are not logged in

After the first login for new users, the popup still shows that they are not logged in, so they need to click again to log in. https://github.com/PlasmoHQ/examples/tree/main/with-firebase-auth Please help me...

Next js 13.2 template

Is it possible to run a server with this?

Locales not coming through build package

Has anyone run into the issue when adding localization to an extension where when you run pnpm build the _locales files do not come across? Are they supposed to? When I try building and packaging the extension to upload to the Chrome store I get the error: "default_locale is missing in manifest". The default_locale is set in the package.json and it is set to en. Completely works running locally in dev and I followed the Plasmo docs quideline on internationalization setup. Thanks in advance!
No description

Tailwinds with content.tsx

``` // content.tsx import cssText from "data-text:~style.css" import type { PlasmoCSConfig } from "plasmo" ...

Using Tailwind with Plasmo affects website styling

I am trying to use tailwindcss, but when I use it, it affects existing styling in the website. I have a src/style.css file: ``` @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap"); @tailwind base;...

How do I access the current website URL from Plasmo popup?

Hey all, I'm trying to access the active tab URL from Plasmo popup. I'm already using storage and I need to store the url to have the extension disabled for the current website. How would I get the website URL using Plasmo?...

Plasmo-itero github extension is harassing my other developers

Plasmo-itero github extension is harassing my other developers
No description

Embedded component won’t load custom font

I’m having trouble loading fonts. usually my embedded component will pickup the font from the body. How to solve it? #👾extension

How should I access the <html> tag of a popup page?

In context of a popup page, plasmo creates it's shadowcontainer in the <body> and not <html> What would be the proper way to have plasmo mounted earlier - at the <html>? Context: I've wrapped the popup page with radix's <Theme> as the root element, but this Theme isn't modyfing <html>. I think it doesn't have access to the root elements, because of being it resides in shadow dom......
No description

How do I message from background to my content script?

background.tsx ``` chrome.webNavigation.onCompleted.addListener(async(details) => { if(details.frameType == "outermost_frame"){ console.info("The user has loaded my favorite website!");...

How do I make a CSUI container fill the anchor's width and height?

Working on my first browser extension and ran into this issue - I want to have the CSUI container fill anchor's width and height, so I can then use much simpler CSS to position the contents of the CSUI container wherever I want across the anchor element. In my case, the anchor element is a simple textarea(I don't need to handle the case where the textarea gets resized)....

Opening content script only if an element is present on the page?

I want to show my extension in a sidebar only if a certain value is present in the html of the page. Im looking to show the extension content sidebar only if the json+ld schema matches @article. I have a scraper function that returns content if it exists (which I already have working perfectly) but lets just pretend for this question that it simply returns a boolean. for example could this:...

how to import/use external component libraries? and how to register components?

Hello, I would like to know how to import a library that will be used throughout the project (options / popup / content / CSUI...) example: https://vuetifyjs.com/en/getting-started/installation/ And another doubt would be how do I import previously created components (.vue), mainly within the CSUI....

which is a good/scalable folder structure for a big extension?

Hi, If I want to create an extension that has several content scripts that are very long (has many lines of code) and some content scripts share some functions or classes, the same for background.ts, how should I organize my folder structure to make it scalable and easy to work with?

HMR for other chromium browsers

Is it possible to run a development server for opera, firefox, brave, edge, etc? I tried chaining run commands by specifying a dev target and haven't had any luck.
plasmo dev --target=<some-chromium-target>-dev
plasmo dev --target=<some-chromium-target>-dev
From what I can tell it's this addition to the manifest that achieves this dev server behavior: ```{...

Is there an extension repository that shows how the testing should be done?

Is there an extension repository that shows how the testing should be done? I want to see how the background and content scripts, popup, options, etc tests should be done. Thank you...

How can I put breakpoints in vs code to debug? Or if you can't, what is the correct way to debug?

Hello, how can I put breakpoints in vs code to debug? Or if you can't, what is the correct way to debug?

How to access the methods or variables of another third-party extension

hello, is there any way to access the methods or variables of another third-party extension (I suppose these are declared in its content script)? I want to modify the behavior of a third party extension and it would be easier for me to access its variables or methods, and make small changes to it, or call methods from my extension,than scraping the HTML it adds to the web, or doing everything from scratch Thanks...

Build time slowed by switching to plasmo with src

Build time with src: ~8854ms Build time without src: ~1656ms Is there a build time improvement by not using plasmo with src as shown here: https://github.com/PlasmoHQ/examples/tree/main/with-src ? I recently migrated my file structure to use src and builds are about 5x slower. Any guidance would be great thank you!...

Importing Material Symbols to Content UI

How can I import Material Symbols to a content ui script? Tried to follow the custom font guide in the documentation but didn't have any success
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200");
...