🧩 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

How to load SVG in CSS

In the docs I found https://docs.plasmo.com/framework/import So I did ```scss .card-stats { background-image: url("raw:~assets/Spring.svg");...

Access env variables with dynamic keys?

I can access process.env['PLASMO_PUBLIC_HELLO'], but not process.env[PLASMO_PUBLIC_${key}], Is there a way to do so in Plasmo?...

Add content scripts dynamically.

Hello everyone 🖐🏼, I am currently working on developing a Chrome plugin, and I have a specific scenario that I need assistance with. On a webpage, if there is an HTML element with the attribute contenteditable="true", I need to display a floating button that can modify the text inside that element. I'm curious if it's possible to implement this functionality using Plasmo. Has anyone had experience with a similar requirement or can provide guidance on how to achieve this?...

side panel default_path

Is there a way to tell Plasmos to not set the sidebar.default_path when generating the manifest? From what I can tell when generating the manifest it's always set if the component exists. I believe the code responsible for this is found at https://github.com/PlasmoHQ/plasmo/blob/292fe5f0a49a9f218253aabc9bd42764a9ec33ae/cli/plasmo/src/features/manifest-factory/mv3.ts#L21. I don't know how this should be set, maybe export a property from the component itself? I'm not very familiar with the framework and how its designed....

Is there solid-js support?

I am building an extension with typescript and solid-js and was thinking of using the plasmo framework. I see support for svelte, react, and vue. Is there support for solid-js?

can we use jsx instead of tsx?

by default plasmo setup creates ts and tsx files, and I was wondering if I have option to use js and jsx.

Input box Backspace events are prevented

I am injecting buttons in a website that opens various modals for people to fill out forms. Everything is working except when I press the backspace button to delete characters from textboxes. Nothing happens. I logged the Backspace keyboard event and see defaultPrevented: True I am not sure how this is happening. I am wondering if something from Plasmo could be interfering with something on this website? ...
No description

Is it possible to build an extensions like the following?

I want to build an extension that: - Injects a header on the current active tab page (can be any page), and has an active/inactive state button. - When the status is active, whenever you click on any element inside the page, it will prevent the click event propagation and open a small popup (like a tooltip) in the element you clicked with some information inside. ...

Does Plasmo use Chrome API behind the scene?

I'm asking because I would like to build my Plasmo extension for firefox and safari as well. When I use PlasmoStorage API, does it behind the scenes use chrome API? I saw in the official Plasmo docs, that authenticating with Firebase should be done with chrome.identity. How is it possible to do when in Firefox for example? Thanks in advance...

VS Code Debugger

I believe the answer is no, but is there anyway to use the VS Code debugger to run a Plasmo extension and debug within VS Code?

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