🧩 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

Youtube resource suggestions

Hi guys, I would appreciate if anyone could share the links to good examples in youtube utilizing Plasmo. For example - like this one here https://youtu.be/Fa2nFDw-dBw?si=opvO_nzeMssgsAf8...

Custom plasmo css

Does plasmo have custom classes prebuilt in? Like plasmo-fixed or how does that work? Referrring to this (https://github.com/PlasmoHQ/examples/tree/main/with-tailwindcss)

dinamic id

how can i get in my java script chrome-extension://ext-id/tabs/auth.html extension id ? I need it to hand over for backend to redirect after registration

useStorage custom storage instance error

Hi I tried using this code example from documentation ```js const [hailingFrequency] = useStorage({ key: "hailing", instance: new Storage({...
No description

Best method to fetch data in Plasmo?

I am using supabase for my product. I am currently building Chrome Extension for the same. I wanted to know what is the best way to fetch data. Should I do it inside a useEffect in the popup.tsx? Or should I use the Messaging API and send to background? ...

Remove item from storage with Plasmso Storage API?

Is there a way to actually remove an item, beside setting the value to null? Thanks in advance...

There is a difference in the developer experience building the options page vs normal web with vite?

Hello, for now I want to develop an app in the options tab, the idea is to open it as if I were developing a web app with Vite. There I will use, react-router, redux, etc, like a normal web app. My question is if my development experience in that tab is the same as when developing a regular web app with vite, or does it have any limitations or differences that cause the app to restart, or lose state while developing....

Webstorm displaying an error on newly created project

I've just installed plasmo and created a new project using a CLI. Right of the bat I'm getting this issue. NPM run dev works, but it is extremely annoying. I see the 'Vue:' start, so I'm assuming webstorm for some reason assumes its a Vue project, even thought it's not. Any ideas?
No description

Plasmo with auth0.com

I am trying to use https://auth0.com/ for authentication in my chrome extension. Finding it hard to find resources that handles that with plasmo. All i saw on the offical plasmo doc was plasmo with supabase, and firebase auth. I am wondering if i can setup my auth0 authentication the same way I will set it up in a reactJs application....

How to Observe and Render a list of root containers

I want to implement a Linkedin comment assistant. Each time user clicks Comment section, I want to add a RootContainer to (newly created DIV). There may be many DIVs, so render should continuously observe DOM changes and create new Container. I tried to implement getInlineAnchorList() and custom render, but its not working. any ideas/direction I need to go?...
No description

How do you programatically close the popup?

I'm trying to hide/close the popup once the user has finished interacting with it. Is there a programatic way to trigger closing it? Closest thing I've been able to find is this internal API, which doesn't seem accessible from within popup.tsx: https://github.com/yoloforks/plasmo/blob/main/cli/plasmo/src/features/manifest-factory/mv3.ts#L16...

Shortcut keys clash with TextArea when React component is mounted via InlineAnchor ShadowDOM

I have mounted a react component (NextPage) via InlineAnchor to ShadowDOM using custom DOM mounting. The react component has a textarea where the user needs to enter some text. However, some keys won't work as they are shortcuts of the website the extension is applied to. I tried manually mounting my component but it loses the Tailwind styling which I also saw later in another post https://discord.com/channels/946290204443025438/1072196997517414572/1072226317010997410 I also thought of using a...

Is there a way to use Tailwind on Content Script UI Overlays?

Docs don't mention it in the styling section and it doesn't seem to work for me

How to use `@plasmohq/messaging` to create two port between BGSW and Tabs Page?

I currently have a requirement to implement bidirectional communication between a Tabs Page and BGSW, which means creating two ports, one is the port from BGSW to Tabs Page, and the other is the port from Tabs Page to BGSW. Both sides can send requests, both sides can respond to requests, and they can also actively push. How to implement this?

Where's the standard output for background messaging workers?

If I console.log something from a PlasmoMessaging.MessageHandler, where does it go? I don't see anything in my local terminal, the web page console, or the index.js service worker console.

Docs for Message Flow results in typescript error

Hey folks, I'm following the docs for message flow here: https://docs.plasmo.com/framework/messaging#message-flow copying the code basically as-is gives me a typescript error on "name". I checked the repo of examples and name is a string there as well. Any ideas?...
No description

How does sidePanel works?

Hi, is there some information how sidePanel works? I know that there is an example but it works "magically". I am interested in sidepanel with Svelte and it would help if I would understand how it works.