🧩 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

AudioWorklet not loading in CSUI, works in popup

Hey guys, I'm having an issue using AudioWorklet in the context of Content Script UI. We're having trouble connecting our audio processor (with worklet.addModule) in our CSUI component (but not in our popup.tsx)....

Parcel version outdated

Plasmo's parcel version is outdated and has high vulnerability. Current version is set to 2.9.3, but this uses an outdated msgpackr version. Is there any plan to fix this? Unfortunately this is a large security concern and blocks our use. Github scanner advisory:...

How to adjust the with-firebase-auth to work with Arc (other chromium browsers)

I'm encountering issues with the example for using Firebase Authentication when extending the scope beyond Google Chrome. Has anyone successfully implemented it on other Chromium-based browsers? It appears the problem stems from insufficient SDK support in these browsers. I'm considering either developing my own OAuth popup or experimenting with WebAuthFlow. Has anyone had success with either of these approaches?...

How to create a new tab from a router?

Given an index.tsx: ex. import { Route, Routes } from "react-router-dom" import { Login } from "~newtab/login"...

just out of curiosity, where does the storage live?

why does it work? i cannot find any cookie or localstorage where the keys i setup from plasmo are, it's pretty cool but i dont understand where that data is

anyone using authjs with plasmo

If yes, how did you go about this?

Error with messaging

Hey, im trying to send a message from a content script in the main world to the background. For that I have 2 small scripts, that I copied mainly from the docs, but I still cant get it to work. Why? /src/background/messages/ping.ts ```...

Floating-ui with plasmo?

Anyone managed to use floating-ui with Plasmo? I have been trying to inject a floating modal that can focus fully on the modal with floating-ui but with no avail. If you have used it before please share some tips. Thanks.

CSUI - detecting container removal ?

Hey! I use a content script for CSUI and can successfully add my UI. Up to the use case of my app the CSUI can be removed by user interactions on the target page. How can i automatically (or programmaticly) reinject the react container when it was deleted? The docs says there is a removal detection but is not very specific about it... does anyone have a hint for me? Thank you very much!...

env variables in BGSW?

Is there a way to access a non-public .env in background service workers akin to server-side in Next? Or is BGSW running client-side as well so you always need to pre-phrase it with PLASMO_PUBCIC?

Flutter support

It would be interesting to see Plasmo supporting Flutter natively

How to customize parcel config?

Hi everyone, I am trying to use a react-native based library called react-native-reanimated. This library has some components that are also supported for the web, and they write 2 files, for example a measure component will have measure.tsx and measure.web.tsx file. When I use this library in a nextJS project, it bundles the correct file for web, which is measure.web.tsx, however with plasmo, it seems like it only bundles the files with extensions .ts or .js etc..., and skips the equivalent .web.* file. How do I make parcel make the files that end in .web.* take precendence over .js|ts(x) files?...

Tab page injecting CSS into website's runtime

I am devloping my sign in option with tab pages. But if i style the body this directly affect website body. How to prevent this? I don't want to inject my CSS into website. tabs/signin.tsx ```...

MUI styles with PlasmoGetInlineAnchorList

Styles are added only for last shadow-root. Please tell me how to make it work. // Plasmo import createCache from "@emotion/cache";...

how do you get a privacy policy when uploading to chrome web store?

Most generators that I have searched for online require a link to your website to put in, but since my store isn't live yet, there is no link. How would I do this?

No styling for options.tsx

I have a basic options page written in TypeScript and styled via Tailwind CSS that displays perfectly within the popup. I saved all of the code to an OptionsPage.tsx, verified it displays fine, then used it in options.tsx: ```ts import React from 'react' import OptionsPage from '~pages/OptionsPage'...

Shadcn dosnt seem to work in content script ui

I have been trying to get Shadcn to work with CSUI. I followed almost everything from this server as well as the documentation, but it just doesn't seem to work. tailwind seems to work fine. am attaching some code can someone please help me out index.tsx ```tsx import cssText from "data-text:~/contents/style.css"...

support for multiple assets

trying to do a simple toggle icon extension (click extension to toggle icon) but it seems like only one icon ever included in build. is this possible?

Supabase url and anon key exposed

I am a newbie exploring Plasmo for supabase authentication. The public url and anon keys are added in the .env file. On building the file, I find the supabase url and anon keys are exposed in popup.js, which can be traced in Devtool sources. The bad actors may use the url and anonkey to exploit the auth.
What are the best ways to deal with supabase auth without exposing the url and key? Am I missing something?...