Toggle content.tsx visiblity with the pinned extension icon
I want to be able to toggle the visibility of my content.tsx with the pinned extension icon in my chrome browser, Just like the way attio does it.
Solution:
Failed to dynamically inject content script using activeTab
I want to inject content script using
activeTab permissions through my background script.
When I am referring the file like this import contentFile from "url:./lib/content.tsx"
and executing it like this
``` ...
plasmo dev --target=firefox-mv3 tryies to connect to "wss" instead of "ws" and errors out
Included is a screenshot of building for firefox-mv3, and installed a temporary addon in firefox. In there, it tries to connect to
wss://localhost:1815 and then wss://localhost:1816, fails both, then tries http://localhost:1815, and fails again
Big problem here is, on firefox, it then reloads the exension, some memory leaks seem to happen, then it all begins again.
Whereas, the second image is what it looks like, correctly, for firefox-mv2....
Google Analytics Issue (URL import)
Hello, Im facing a weird bug when trying to use google analytics, in my content.tsx im importing the google tag manager
import "https://www.googletagmanager.com/gtag/js?id=G-.....
in the dev build it works fine and I see requests to /collects and in the analytics dashboard I see the data, but in the production build it's not working and not able to import the gtag
Uncaught (in promise) Error: Cannot find module 'iKwBb
Uncaught TypeError: Cannot read properties of undefined (reading 'register')...
Pass data from Content.ts to Options Page via Storage API
Unable to pass user data from
content.ts to the options page using Storage API. Data is being set but returns undefined when accessed.
Current Behavior
- Data is collected from website in content.ts
- Attempting to store data using Chrome Storage API...
Fresh install with errors
After installing Plasmo and manually adding tailwind I'm getting this error. I've ran audit fix multiple times, but this resulted in bricking the entire installation. Even when removing everything (node_modules, .plasmo and package_lock.json) and resetting the package.json back to it's original state.
Not sure what is going on, but something is wrong....
Importing Tailwind CSS stylesheets for every content script UI component: how bad for performance?
So, I've really been struggling getting Tailwind to play nicely with Plasmo, and specifically content script UI components (CSUI). My components are being overlaid into the hosting webpage which means I don't have the ability to just import one stylesheet at a "root" level (or maybe I can? I dunno) and instead have many of my own components inserted into the UI within a shadow root element. Unfortunately, since I don't have a normal root for all my components that means that I need to import the styles for each component individually, and since I'm using Tailwind that seems to mean that I have to import the
globals.css file for Tailwind (which also imports other stylesheets into itself) for each component.The overall size of this import is not negligible and since my components append themselves to posts on a social media feed I'm also concerned that the issue could be exacerbated.
My question is: how much of an issue is this for performance? I am mostly concerned about each component having a <style> element containing kilobytes of CSS rules. At what point does this become a performance issue? Does each component's stylesheet need to be parsed or is there opportunity for caching? Does the extra size of the DOM also make lookups, etc more costly, etc?
Would love some feedback. Thank you!...