🧩 Plasmo Developers

Join the 🧩 Plasmo Developers server to ask questions!

Join

🧩 Plasmo Developers

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

Join

👾extension

👟framework

🔰newbie

🦉pallas

banshee

5/1/2024

How do you debug a problem when yarn dev just exits?

I've got a bug where when I run yarn dev, it exists without printing anything useful: (base) james@MacBook-Pro ~/workspace/ts/packages/cardstacker (ts)$ yarn dev 🟣 Plasmo v0.86.1 🔴 The Browser Extension Framework...

hex

4/27/2024

Send data from content script or popup to main content script.

I want to manipulate some dom items on the main world, how do I send a message from my popup or my overlay content script to the main world using the messaging api?

Erskine Williams

4/26/2024

Loading a content script on a specific tab

Howdy folks, I'm wanting to explicitly load a content script on a specific tab, so it doesn't interfere with other tabs. I have this working outside of Plasmo using the following: await chrome.scripting.executeScript({ target: { tabId: tabID },...

SuriJ

4/25/2024

Help: chrome.scripting.executeScript executes only once

Hey guys, I need help with the below code. I have created a popup with a button that calls the below mentioned handleClick function which executes the function foo from foo.ts The code works but it is executed only for the first button click. I see "bar" logged in the console window but nothing happens on further clicks. popup.tsx: import foo from "url:~scripts/foo.ts"...

liam47.

4/25/2024

Web Worker

hey im working with a web worker and it seems to be huge in dev but much smaller in the prod build. Is there a sprint I can make/run to bundle the worker so i can use that version in dev also as it takes a long time for it to mount in dev?

ghost-reborn

4/24/2024

Integrating Web Authentication with Plasmo Extension

I'm new to Plasmo and currently working on creating a Vue extension. My web application utilizes Clerk authentication, and I want to handle extension authentication based on the web session. Essentially, I aim to pass the JWT token or user data from the web session to the extension. This way, when calling any endpoint (such as implementing a comments functionality in the extension), I can use the token in the endpoint header to process the next flow from the backend/database. I've cloned the PlasmoHQ/with-vue repository and set up my sidebar and other UI components in the extension. However, I'm uncertain about the best approach to achieve seamless authentication between the web and the extension. Should I integrate Clerk into the extension project as well? Or are there alternative methods available to obtain the session from the web? I'd appreciate any insights or suggestions on the best practices and methodologies to handle this scenario efficiently....

Axel Schapmann

4/23/2024

Using Stripe and setup an API inside the extension

Hello ! I am able to make queries to stripe using what was explained on the website : https://docs.plasmo.com/quickstarts/with-stripe ...

ng_xyz

4/18/2024

Hey all. Anyone know how to inject styles as a .css file to some webpage?

im rewriting some extension since we are going to mv3, also i decieded to use Plasmo framework for this, all cool i like it so far but im not sure where to put my files so they get bundled in final code. I have this .css file that im trying to inject when website loads. const insertCSSRule = async (request, sender) => { return chrome.scripting.insertCSS({...

Nakul

4/16/2024

remount csui on url change

i have built an extension using plasmo which injects some ui into the dom using getRootContainer the component where i am injecting my csui unmounts when the url changes, hence i want to make it remount on each url change basically my getRootContainer and render functions must re-run on each url change...

banshee

4/15/2024

Is there something special you need to do to get a side panel to refresh on changes?

Is there something special you need to do to get a side panel to refresh on changes? If I load and reload the side panel the changes are there, but that's kind of painful.

Avi

4/15/2024

plasmo build --zip vs web-ext build

What's the difference? https://extensionworkshop.com/documentation/develop/web-ext-command-reference#web-ext-build...

Omen

4/15/2024

Using microphone in sidepanel

Hello, I am using Plasmo to build our extension. I was able to record microphone using a content script. I am now trying to move the recording logic to a side panel. When I try to get user permissions for the microphone inside of the sidepanel, I simply get an error saying permissions dismissed. Curious if there are any pointers on how to navigate the issue.

ali97

4/9/2024

run content script after click on element

I want to run certain content scripts after the user clicks on a an element. I read the documentation and searched through discord but could not find a working example. It would be wonderful if someone could provide a minimal working code

Ariel Corte

4/8/2024

Tailwind stops hot reloading

When I change styles in the project created with the tailwind template: pnpm create plasmo --with-tailwindcss It usually hot reloads the first change, then stops the hot reloading. I have to pnpm dev again for changes to take effect (sometimes I have to do it twice). Is that the way it works? Should I do something extra?...

Ymir

4/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: ...

Thomas Puech

4/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

4/5/2024

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

adrian.td

4/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...

BozoWithTheBanjo

4/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

4/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?

Previous Next

Gaming

Programming

🧩 Plasmo Developers

Join the 🧩 Plasmo Developers server to ask questions!

🧩 Plasmo Developers

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