🧩 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

âš¡ 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....

How to listen to port with React

I want listening to a port in sidepanel I have check in my background file port and the sender and port handler are correctly configured, the problem is in the receiver I try this ```tsx export default SidePanel() { const port = usePort("node")...

Trigger CSUI conditionally

Hi There, I am trying to highlight some text on a web page & show a card when hover on the text.. Was thinking of using CS to highlight the text & CSUI for the card... but I am struggling with the best approach to communicate btw my CS & CSUI.. I can add an event listener to track hover & send msg to CSUI so it will show.. but I wonder what's the preferred way to do this with plasmo...

how to use mozilla/readability?

i want to use reaability in my project but it seem that cannot pack correctly ``` import { Readability } from "@mozilla/readability" console.log("background script loaded")...
No description

Trouble setting up

I've never used this framework before and I've tried npm create plasmo --with-src. This appeared to create a new project but without the src folder. I decided to delete the project and try again, this time with the --with-tailwind option. What resulted was even stranger. This opened a new cmd window, completed the install, but I'm unable to find where the project is. It's not in the cwd of the first shell. Are these options only supported with pnpm? And anybody have any idea where the project was created if at all? (Found it in the root of my second drive)...

importing large css file from node_modules is getting truncated (data-text)

I'm importing mantine core styles using import mantineCssText from "data-text:@mantine/core/styles.css" this is how I inject to csui styles to shadow root ```export const getStyle: PlasmoGetStyle = () => {...
No description

New browser extension

Hi i am newbie in plasmo... if I understand correctly, the extension is a classic react application, so I use react-dom for routing, while the nextjs plugin is not to create the extension with Next, but is just to have an environment with a Nextjs application and the relative extension. It's correct?

My extension bugged out severely

Hi, so I noticed my extension got bugged out alot out of nowhere, I believe it's because of an update as I haven't updated it in a long time. Anyone have any suggestions? Or how I can update plasmo chrome extension?
No description

I am unable to open popup.

I've added src/popup/index.tsx It's linked inside .plasmo dev build as well. But when I clikc on the extension icon, it doesn't open. I restarted server several times, unloaded and loaded the extention many times, refreshed the browser tab etc, but it doesn't show up. But content script is working perfectly fine. When I change content script, the page reloads but when I change popup file, no reload. ...

I cannot get content script to work

I add a content script to the firebase auth example and I spent 5 hours just trying to get plasmo to build it but it never recognized the script. I straightup copied the script from the official content-script-example but it never worked, someone help me with this please. When I check the build folder its just default files, my plasmo refuses to build any of my files...

Would Plasmo help marketing extensions?

maybe just a little further than the showcase thread, would plasmo build some website pages like Recommendation List for ext creators?

Is the built in storage API suitable for larger datasets?

Im building a chrome extension that will need to handle a large set of times the user is meant to provide (likely to be a few thousand rows when parsed in a spreadsheet format) I was going to use IndexedDB before I remembered the storage API was available but I can’t tell if it’s meant for smaller datasets like options and settings...

Payments with Google Pay

How do I integrate it?

Is there a way to get a response body?

Hey y’all 👋 I’m building an extension to help gig drivers quickly batch classify trips on Everlance. I’ve managed to get a content script working that reads the dates and times from the UI but I’m thinking it’d be more efficient if I could manage to get the UTC formatted date time that’s in the response body. I’ve tried setting up a background service worker but that returns a 401 error. I’m wondering if there’s another way I can achieve this or if it’s best to stick with my current approach....

Communicating between extensions and other applications

Hey everyone, I wanted to see if anyone has any experience getting a plasmo extension to communicate with another process running on the same machine. I know I could build a simple web server and communicate with the external application via HTTP, but considering they're both hosted on the same machine, I figured there might be a faster way to communicate between them. ChatGPT said I could use the following code sample, but I'm currently yet to try it, and I don't know if there's some API I could use instead....

Production and dev build

Hi all, I am having problems with some plasmo components I am using in my content script. For some reason whenever I start the server they dont show, until I console log something into the component. Any help would be appreaciated. ``` import type { PlasmoCSConfig, PlasmoGetInlineAnchor, PlasmoGetOverlayAnchor } from "plasmo" import cssText from "data-text:~style.css"...

How does sendToContentScript from popup work?

I have 2 buttons on my popup, and when I click them, I want them to send a message to the respective contentscript via the sendToContentScript method, where I have a different function to handle each message. To do so, I have created different tsx files for each of the contentScripts. E.g. sendToContentScript({"name" : "generateFields"} is being listened at the generateFields.tsx file and generateFields() function. ...

Where can i see the logs from my popup.vue or popup.tsx?

Where can i see the logs from my popup.vue or popup.tsx?

Need help getting started?

I've got an idea to add hyperlinks on a catalog page, specific to my university. I'd take a specific html element (the professor names), and hyperlink them with a link to their page. I'd have a little script that grabs those names, runs them through a script that searches for them on another website (faculty directory), and returns the url when found. How do I get started?...