🧩 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

background error

Im using the with background example, I don't see any console log on the service worker. How can I solve this? Ty...

Unable to install storage API in my project

started a new project recently and the API is not getting installed locally, whenever I try to "pnpm install @plasmohq/storage", I get this warning "Moving @types/react-dom that was installed by a different package manager to "node_modules/.ignored" and then an error. Also prettier is not working
No description

how to change inlineInsertPosition?

There is no example in docs, and this feature was added on Nov 9, 2023. Please help

Is there a way to build a webapp or electron app based on a Plasmo project?

Hello We're building a browser extension, but for the sake of testing we may just test the web-app part without all chrome APIs part; is there a way to do a distribution as a webapp? Another question, can we target to electron in the future?...

How to make absolute button CSUI

Hey, a newbie here trying to create a button that appears on certain pages, always on the bottom right of the screen (this location never changes.) I know plasmo has a neat CSUI system that can render react components through just exporting them through .tsx files in a contents directory. However, this code doesn't seem to work, and when I try and anchor it to any other element (h1, as shown in picture) it is no longer absolute to the bottom right of the screen, and it scrolls along with the page. Is there something I'm doing wrong? I tried just appending a vanilla button in my content.js file and it worked perfectly, as shown in the photo. But given that I'm using ant design and plasmo, I'd like to be able to render react elements in the clean plasmo CSUI way. ...
No description

How to listen to all HTTP requests?

I'm trying to build an extension that allows me to listen to HTTP requests, much like chrome.webRequest does. Is there a way to do this with Plasmo?

How do I disable the popup in dev mode?

Hi, newbie here. I'm trying to make it so that I can disable/enable the popup in the options page but I don't even know how to disable the popup in dev mode.

Is Vanilla JavaScript supported?

Hey! Does Plasmo support vanilla JavaScript only?

Struggling with Plasmo Messaging API: Sending Message from CSUI to BGSW Issue

Hey guys, I've tried so far to understand how Plasmo Messaging API works (from CSUI to BGSW) and although I read through the whole Doc again and again I still miss some key understanding. Long story short, I try to send to the background a message 'clipboards' via a
useEffect
useEffect
from
content.tsx
content.tsx
: ```useEffect(() => { //extensionId is defined as the CSUI injected in the main world...

Style / Font consistency between content scripts

Hey! I'm wondering if anyone else has ran into issues with content script's styling and fonts being applied differently accross web pages? It's kinda jarring when I'm trying to create a persistant look between pages.

Building a standalone Embed

Hey everyone! I have an extension I've been building with Plasmo for work and we were asked to also bundle it as an embeddable widget for sites to include on their page without needing the chrome extension installed. I was wondering if anyone here had any tips on how to go about doing this. Obviously there are a lot of extension-specific APIs that can't be re-used, but we'd like to re-use as much as the UI as possible and bundle it in a similar way. We've tried using the parcel bundler like parcel build ./src/widget/index.tsx --target widget with the target specified in the package.json, but we're running into a lot of dependency resolution issues, specifically with the ~/* configured to be ./src/*, and pnpm workspace modules....

CSUI Best practices question

Can I get some advice on what is the best way for me to append a new button shown in the screenshots? The inspected the element and it doesn't seem to have a unique id i can target in the content script. My first hunch is to use querySelector but I think this is a very brittle method....
No description

Trigger content scripts from background.ts?

Hello everyone, I have some content scripts like that. I want to trigger on of them to re-run from background.ts like that. But it seem does not work. Please help me. Thanks!...
No description

Performance implications of multiple content script and one redux store

Hey, I'm wondering if someone has tested if the shared Redux store across multiple content scripts will damage performance when it's across let's say 20+ tabs.

Cross browser extension

I have build the extension using the plasmo and its working on the chrome. I have generated the build for firefox and its not working. is't plasmo supposed to support both chrome and firefox ?

Opening Modal in the Center of the screen when clicked a button inside pop-up of plasmo framework

i have created a chrome extension using plasmo framework and i have a button onClick of which i want to show a modal component in the middle of the screen of the chrome tab. please write me clear instructions on how to do it

Content script not executing

Hello everyone, I was going though the docs and the getting started section. I'm trying to load a content-script as on this page https://docs.plasmo.com/framework/content-scripts and https://github.com/PlasmoHQ/examples/blob/main/with-content-script/content.ts However, when I visit https://www.plasmo.com the script does appear to load/execute for some reason. I'm on firefox, and I've attached my folder structure, the content script and the console from dev tools. ```js import type { PlasmoCSConfig } from "plasmo"...
No description

⚡ Using Plasmo with Auth0, React a backend and content scripts

Hey everyone! I'm currently trying to build a Chrome Extension using Plasmo, Auth0, React, a dedicated backend, and content scripts. I'm really not sure what would be the best architecture here....