🧩 Plasmo Developers

PD

🧩 Plasmo Developers

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

Join
Ymir
Ymir4/8/2024

with-firebase example giving chrome web store violation.

Hey everyone, firstly huge thanks to plasmo trying to making developing web extensions more bearable. I'm building an extension and having trouble getting the firebase/auth example to pass review. The reason is this violation: ...
No description
Thomas Puech
Thomas Puech4/6/2024

How to setup google analytics with plasmo react chrome extension in manifest v3

and not have it be rejected by the CWS because of remote code? Which setup between those 2 examples I see in plasmo examples is the easiest and passes the CWS review without hiccups?: https://github.com/PlasmoHQ/examples/tree/main/with-google-analytics or https://github.com/PlasmoHQ/examples/tree/main/with-google-analytics-measurement ...
lonels51
lonels514/5/2024

Is there a way to block a browser extension that uses Plasmo in my React app?

Is there a way to block a browser extension that uses Plasmo in my React app?
adrian.td
adrian.td4/4/2024

Service workers

So I have this sevice worker background.ts, but I can't seen to get it working. All I'm trying to do is to get it to display the content.tsx when I click but I get the error: Failed to execute script: Error Could not load file: 'content.tsx'. I've been iat it for like a day or two but I can't seem to figure it out. Thanks in advance...
No description
BozoWithTheBanjo
BozoWithTheBanjo4/4/2024

Redirects working both in Chrome and Firefox

Did you manage to get this to work? I have a similar case. How can I use the declarativeNetRequest (or something else) to generate dynamic rules that work on both chrome and Firefox? I want to redirect network calls to my local server JS script when I am prototyping, but when I am not, I want to use a static link to my website. I will have a toggle button (tied to a variable in storage) to determine which URL to redirect to. ```typescript async function setRedirectRule(newRedirectUrl: string) { let newRedirectRule: chrome.declarativeNetRequest.Rule = {...
PRIYANSHU SINGH
PRIYANSHU SINGH4/4/2024

help

i am building chrome extention for personal project, i want to know how to place button like grammerly in input or textarea?
No description
pablo2899
pablo28994/3/2024

I have a problem with my project

Hi everybody. I am new programming in this framework and basically in React. I want to make an extension that in first instance returns me the text that I select with the mouse and shows it on the screen but as attached in the screenshot it doesn't work correctly. I copy the repository because I really don't know what I have wrong, could someone know how to solve it? Repository:https://github.com/pablo2899/Plasmo-framework Thank you very much in advance...
No description
luka
luka4/2/2024

Getting a 403 when deploying using plasmo plus

Hi there, we are using plasmo to deploy to multiple stores, I started with deploying to chrome but I am getting 403 after following the steps and adding all creds into the plasmo web app. I am getting this: ``` Errored - chrome: Step 1) Item ""[ext-id]" (Name browser plugin)": Response code 403 (Forbidden)...
Nintynuts
Nintynuts4/1/2024

Content script not loading when navigating to URL (and other issues)

Hi, A little about me first, I'm an experienced C# dev fairly new to TS, extensions and web dev generally, so I understand the principles, but not all the specifics (JS/TS/CSS/npm etc). I realised TS would be far more comfortable than JS, and Plasmo deals with manifests, packing and deployment, which is great (except for one issue with source maps ) So my specific issues; I've got quite far with writing the logic, and I've started adding UI components to the web page and it's generally working, but there are a few things I'm not sure I've got right (Chat GPT may be misleading me):...
SimpleComplex
SimpleComplex3/27/2024

How do I forward an API request from inside a React component to the BGSW?

Hey all! I'm making an extension that currently has a single content script which loads up a small div using React into the DOM, where a user can enter and submit messages. These messages are sent to an external API, but as I've learned, you need to use the PlasmoMessaging API in order to proxy the request to the BGSW... My only question is, how exactly is that communication done? Can inner-components (.tsx files) easily utilize the chrome / Plasmo API, or do I need to use the base content scrip...
tomolld
tomolld3/26/2024

How to do unit testing?

I attempted to download and test the sample jest, but it did not work due to the following error. and i want to use vitest,or bun:test.please support! ` jest ...
friedman1986
friedman19863/26/2024

with-supbase github provider link fails

so I managed to get the with-supabase example up and running except clicking the github provider takes me toa 404 page from github i expected it to let me login with github....
guidsen
guidsen3/25/2024

Inserting element on click within a Content Script

Hi all, I'm having a React Component that add a click event listener on the body. When I click on a element, I want to show a dropdown below with a couple of options. How do I do this? Currently I have: ...
de_dev
de_dev3/24/2024

I have a problem with shadow root - Hide & visibility

hi all ... I have a problem that, I want when I click the Extension icon the shadow root will activate and overly will popup, after click again the Extension button the popup disappears. Pls help me
No description
Melinda
Melinda3/23/2024

How do I get Vue devtools to work?

I have not been successful in getting Vue devtools to work with Plasmo. I followed the instructions in the Vue devtools docs to use it as a dependency: https://devtools.vuejs.org/guide/installation.html#using-dependency-package I had to add this to my package.json: "manifest": { "content_security_policy": {...
Serhii
Serhii3/19/2024

React route is rendered twice when I use useStorage hook

Hey everyone, I'm having an issue with my extension. I'm using Plasmo and react-router together. When I render a route in which I need to call useStorage my component is rendered twice, I can't quite understand why this is happening....
The Deviant
The Deviant3/15/2024

Sidepanel as main

i'm trying to trigger Plasmo SidePanel when user clicks on the extension icon. but i can't get it to work. any solution on ideas? what i need is to open a side panel from right side of the screen taking the full height. how else is it possible?...
CarbonNanotubes
CarbonNanotubes3/14/2024

Typescript Confusion

I am working on a very simple extension that collects some data off the page and stores it locally. The data is stored as an array of object. When using the storage API to retrieve the data it seems like the LSP or linter is confused. VSCode shows the type of data as a string but logging typeof in the browser it tells me its a object but I only have this issue when using the .then syntax of the promise. If I use async/await I can cast it correctly to my custom type but I'm not sure how to do this from a .then resolution. ...
No description
andrew
andrew3/13/2024

await not defined

hey! just trying out the basic extension framework using create plasmo. had the basics working, but it seems like my background script shows errors with chrome as soon as i try to use async code. is that expected? seems to have failed after i added a dependency on idb...
drewsonian
drewsonian3/12/2024

Logging user errors

Anyone have any suggestions on any libraries or strategies that you use to log errors coming from users for troubleshooting or getting ahead of issues? I’ve seen a few out there, wondering what folks are typically doing.