🧩 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

KOJΛK

7/2/2023

How to take a value from chrome to react stata?

Hello, i need to take the src value of this image :

<img class="captcha__image" src="https://us1.bumble.com/hidden?euri=PDj28x4e81zgy8w9S7RqGnsT5vcvlLQpUE2pBJDsprYcgl74N2hkJ50zWbe6JZtSLkil3oUrla8JBWWF27Sos1R-9jzsJqQvj-elJlhCRqKAFKSd3jWW1IV0Syr2mFwqML.m1SkAxuMphDOg1xsSMAu60acHVaq6TrYQi9bgVxUr0-0NY1gjBpgBbKxcvWZNa6UbmfwcjkFw-cF0fEN30yxHw3fS2sW18shfaJpwDRyanNCUQVeexA" alt="">

<img class="captcha__image" src="https://us1.bumble.com/hidden?euri=PDj28x4e81zgy8w9S7RqGnsT5vcvlLQpUE2pBJDsprYcgl74N2hkJ50zWbe6JZtSLkil3oUrla8JBWWF27Sos1R-9jzsJqQvj-elJlhCRqKAFKSd3jWW1IV0Syr2mFwqML.m1SkAxuMphDOg1xsSMAu60acHVaq6TrYQi9bgVxUr0-0NY1gjBpgBbKxcvWZNa6UbmfwcjkFw-cF0fEN30yxHw3fS2sW18shfaJpwDRyanNCUQVeexA" alt="">

...

wybran

7/1/2023

plasmo messaging API pub-sub

Hi how to use new pub-sub API? Any example codes?

GabrielDSFS

6/21/2023

How to keep the content.tsx open (or open again) when navigating to a new page?

I am trying to redirect the user from the content to a new page (for web scraping uses) and I need to open the extension again once the new page is opened.

jonah

6/20/2023

Offscreen + Messaging API issue

Hello, I am trying to create an offscreen document for copying text to clipboard. I am trying to follow some of the examples I found in this issue: https://github.com/PlasmoHQ/plasmo/issues/527. In my background.ts file, I am trying to send a message to my offscreen.ts file like this: ```ts const resp = await sendToBackground({...

Exydra

6/19/2023

How to account for lazy loading lists?

Hi all, i'm making (my first) extension for DJ's called SoundCloud BPM. I already finished the backend, but I am stuck on the frontend. When making soundcloud playlists, I basically want to put every trackItem in a table, and make it possible to sort by bpm and key. The problem is that SC playlists are lazy loading. The way I do it now is: ...

Arihant

6/19/2023

How to use firebase authentication inside content scripts?

Hi, have successfully setup firebase auth and it is working with popup.tsx. However, when I try to access the user details inside the content section - I am unable to get the user details. I am using import { useFirebase } from "~firebase/hook"; to get the user variable. It always returns the usre value as null...

sujantkumarkv

6/18/2023

Firebase authentication official blog is removed... why?

The blog for firebase authentication is removed from the plsmo blog? 😕 I have been trying to work with it, https://discord.com/channels/946290204443025438/1118727179845501001/1118727179845501001...

HUZHUANGZHUANG

6/18/2023

How to pass data in contents file?

Hi everyone, I just learned to use plasmo I read this section in the docs https://docs.plasmo.com/framework/content-scripts-ui, So I created a Content Scripts UI file called index.tsx....

webdev

6/16/2023

Content Security Policy violation when importing Google Analytics

I followed the docs on Google Analytics and took a look at with-google-analytics example. I'm getting the following error when running production build of my extension:

Refused to load the script 'chrome-extension://www.googletagmanager.com/gtag/js?id=XXXXXXX&l=dataLayer&cx=c' because it violates the following Content Security Policy directive: "script-src 'self'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

Refused to load the script 'chrome-extension://www.googletagmanager.com/gtag/js?id=XXXXXXX&l=dataLayer&cx=c' because it violates the following Content Security Policy directive: "script-src 'self'". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

Reproduction:...

sujantkumarkv

6/15/2023

firebase auth in mv3 made my life a joke

hey fam, I hope @everyone is doing great. i'm stuck in a loop of trying for the past full week, i have questioned my life 🥹, I'm so frustrated at this point , it made me feel my life is a joke as a dev. 😭 I would really appreciate if someone can hop on a quick chat, i'll share the code. I have beaten my head so much, i can just pay for this. I tweeted the founder & he sent me here. Please help, thanks 🙂 ...

Loczek

6/13/2023

Overlay button positioning

I'm working on an extension that need to place a custom button on the right side of an input, like the lastpass extension does in the screenshot. I'm having trouble figuring out how to do it, essentially, I'd like to have the element lock icon button look like the button in the first screenshot, but i only have it on the left like in the second. I need to somehow responsively move it to the right side of the input, i thought about writing a custom mounting script, but is that a good way to do it? Below is the jist of my code so far....

Gemy

6/12/2023

Compile inject.ts to build

I am working on an Extension that uses executeScript to execute a script file What I am trying to do is to have a file , ex : "inject.ts" That would be compiled to the build folder...

wegosi

6/8/2023

console.log drop on prod build

If Plasmo uses Parcel 2. Is it possible to drop console.log on prod build? https://github.com/parcel-bundler/parcel/issues/628 Seems that Parcel has this flag by default ...

bwbama85

6/6/2023

Importing NPM Module JavaScript into web page issue

Hello everyone, I am working on an extension and have hit a road block. I am trying to import a JavaScript module from the npm package FusionCharts into a webpage. I am running into an issue where the script won't execute due to a MIME type being wrong. ...

webdev

6/6/2023

Firebase auth in background script

I have followed the with-firebase-auth example correctly. Once I sign in in the popup, it seems like auth is persisted to the options page as well, which is great. However, in the background script I just can't seem to get the auth working. It works for making unauthed Firestore requests though. This is how I initialize the background script: ...

baru2492

6/5/2023

Calculate dynamically matches on config

I have a component (.tsx) that needs to calculate dynamically the

matches

matches

property of

config

config

depending on the current tab url.

export const config: PlasmoCSConfig = {
  matches: /*SHOULD BE CALCULATED DYNAMICALLY*/
}

export const config: PlasmoCSConfig = {
  matches: /*SHOULD BE CALCULATED DYNAMICALLY*/
}

...

Avi

6/4/2023

Unstable Firefox dev server

Avi

6/1/2023

Background script missing === creating one for me

I discovered that if I don't include background.ts, it will create one for me In Chrome's case it will not be an issue, but in Firefox's case, it also makes it a Service Worker, rather than loading as MV2-style background script It's worth noting that I specified the dev target as firefox-mv3...

nahtnam

6/1/2023

Background Keep Alive Fails

@lab Didn't want to crowd the github issue but I'm not able to use the keep alive function:

Uncaught TypeError: Cannot read properties of undefined (reading 'runtime')

Uncaught TypeError: Cannot read properties of undefined (reading 'runtime')

...

kalanchoej

5/31/2023

ffmpeg wasm cannot load

I'm trying to use ffmpeg wasm to extract audio from a video file at a remote URL. Unfortunately I'm not able to even load ffmpeg. By default, the loader tries to fetch from a CDN, which results in a CORS error for me. I've attempted to go around that by referencing the local file like this: import ffmpegCoreFile from "url:../vendor/ffmpeg-core.js" I've tried using this in a background script, through messagings, and in a content script. I am getting a variety of errors depending on the circumstance so I'm wondering: Is this something we have an example for? I see this error most frequently URL.createObjectURL is not a function which is coming from ffmpeg, but I don't think it's a problem with ffmpeg, and is likely just that I don't understand how to implement this properly in Plasmo. There is a non-Plasmo example of this idea here https://github.com/ffmpegwasm/chrome-extension-app...

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.