🧩 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

4/1/2024

plasmo dev is failing

here is the verbose output ``` (...) 🟡 4 | @plasmohq/optimizer-es: tabs/import-wallet-with-socials.a896c681.js tabs/import-wallet-with-socials.[hash].js /Users/dp/work/extension...

postonsundays

4/1/2024

command bar modal w. CSUI

anyone successfully implemented a command bar on website that can be called by cmd-k using plasmo csui? I've installed the following pacakges by none are showing the correct CSS on load or working with the native keybord shortcuts in a content.tsx file https://cmdk.paco.me/ https://github.com/timc1/kbar...

Seven_

3/31/2024

Can't access other elements outside the plasmo-csui shadow root

I'm trying to get the unique url of a tweet container when i click on the button I'm rendering. I have already specified where i want my button to be attached in the DOM. Ideally, i treid listening to the currentTarget of the click event and try to get the closest element with the attibut I have set. But it always return null. I've also tried storing the lins in localStorage. But it seems as though my approach was still flawed. This is an excerpt of what my CSUI code looks like. ...

Enrico

3/26/2024

ReferenceError: _messaging is not defined while using sendToBackground()

I am getting this weird error while trying to use the plasmo messaging package from my content script to send a message to one of the listeners (aiRequest) in my background worker Here is the code that the error is happening at: ``` const aiResponse = await sendToBackground({...

3/21/2024

Bug : EAGAIN when use `plasmo package`

EAGAIN when using plasmo package ``` % yarn package --verbose yarn run v1.22.22...

Forgenet

3/19/2024

How can I send a message from BGSW to content script and back?

The messaging documentation hardly touches on this issue, the only thing I managed to find is that I need to use ports to send messages, however, the example shown in the ports part only indicates how to transfer a message from BGSW to a popup page. This is an incredibly frustrating experience. Basically at the last stage of extension development, a problem arises for which there is practically no material and answers. My task When the user clicks on one of the actions in the context menu, image processing begins, after processing it is necessary to save it to a file or copy it to the clipboard. The image is processed in the background.ts, I want to send a request to copy the image to the content script because I need access to the DOM....

randominis

3/14/2024

Proxy authentication and API calls afterward

Hello, guys. I'm starting to give up. I'm developing proxy extension and proxying works okay. But if I make calls from inside of popup context of extension it always brig me 407 proxy authentication error. If I dont do any calls and browse the internet with those proxies, everything is fine. But it is crucial for me to fetch latest users' IP address. The listener is added after connecting to proxies synchronously and everything happens in Popup context, not background. Im using redux with redux-persist from Plasmo. This is the proxying part:...

revdev

3/9/2024

How to mock storage

Hey guys, im fairly new with plasmo. currently writing e2e tests with playwright. How can i properly mock a call to "storage.get" or atleast prefill the value? first idea was to just manually set it like that in the context of the browser: ```...

rpdn8n

3/8/2024

Supabase url and anon key exposed

I am a newbie exploring Plasmo for supabase authentication. The public url and anon keys are added in the .env file. On building the file, I find the supabase url and anon keys are exposed in popup.js, which can be traced in Devtool sources. The bad actors may use the url and anonkey to exploit the auth.
What are the best ways to deal with supabase auth without exposing the url and key? Am I missing something?...

Comrade Crashout

3/7/2024

Can't figure out how to navigate from my extention to my auth page

I'm trying to test a popup extension I made that has a button that is supposed to navigate to http://localhost:3000 when clicked: ``` <script> import { fade } from 'svelte/transition';...

MlgChloe

3/4/2024

How can I open the side panel programmatically?

I am interested in opening the side panel programmatically by messaging the background script from the content script. However, I am not seeing any documentation on how to do that through Plasmo. I see the Chrome API has chrome.sidePanel.open({ windowId: tab.windowId }); (https://developer.chrome.com/docs/extensions/reference/api/sidePanel#user-interaction) however, this doesn't work which I am guessing because Plasmo handles the extension. Any help is appreciated! :)...

Axel Schapmann

2/29/2024

Quick screen change

Here is a simple code that i have developed. I was wandering how i can avoid the quick screen change. There is a login button that displays before the email is displayed. How can i avoid this ? (I did not find a solution within the documentation) ``` import { useState, useEffect } from "react"; import { supabase } from "~core/supabase"; // Ensure you import Supabase correctly...

aminoasad

2/27/2024

Permission Denied Error on Firefox mv2

I am running a content script which has an async function that makes an api call to fetch some data like so:

const data = await fethData()

const data = await fethData()

On chrome mv3 this works fine, but on firefox, I keep getting the error

Error: Permission denied to access property "then"

Error: Permission denied to access property "then"

...

Ayub Kokabi

2/25/2024

Custom Font Isn't Working on Twitter

I've made a simple code to change the font on websites like Stack Overflow and Twitter. It works on Stack Overflow, but not on Twitter, where I get an error saying Refused to load the font 'data:font/ttf;base64. Could you take a look at my code and tell me how to fix it so it changes the font on Twitter too? https://github.com/sir-kokabi/test1...

Steven

2/22/2024

Build variable to indicate "background" or "content" script?

Right now the only thing I can do to determine if a shared function is running in content or background is by checking "serviceWorker" in globalThis which unfortunately is a runtime check. Is there a variable (documented or not) that exists in env that would make it so code can be tree shaken? e.g. if (process.env.PLASMO_BUILD_TARGET !== "background") { ... } would allow the bundler to drop this branch if it's part of the background bundle. This is largely so I can share utility code between content and background where it performs all of its work in background (content scripts using messaging to background). Right now because I have to use a runtime check, a bunch of never used in content scripts code is included in the content scripts bundles....

liam47.

2/22/2024

how can I pcik suffix for files from lib, like main.web.js & main.native.js?

I am using a lib which exports both versions of files. my issue is it keeps resolving to the native version not web

Annie

2/19/2024

Certain websites block content scripts

My content script UI works on nearly all websites except some, in particular Reddit. Here's what I see on Reddit. When I disable the extension, I don't see these messages on Reddit anymore. How can I get around this?...

Oscar Rolf

2/19/2024

Create an anchor that selects every web page

how would i properly create an anchor that selects the top level element. the goal is to create a window on every single tab that is positioned in the bottom right.

export const getOverlayAnchor: PlasmoGetOverlayAnchor = () => {
    return document.querySelector('html');
};

...

Devesh

2/19/2024

How to send some data from background.ts to content.ts file

I am trying to send a string from background.ts file to content.ts file. But I cannot find any documentation for that. I even tried with relay message but I am unable to get anything. Can anyone please help

C-Weed

2/19/2024

Is there a way to create a project with multiple configurations

plasmo create --with-tailwindcss --with-nextjs --with-supabase only creates a project with tailwind...

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.