Storage problem/bug
Hello! First of all, thank you for building this framework with great documentation!
I've build my first browser extension FlowGuard with it: https://addons.mozilla.org/en-GB/firefox/addon/flowguard-focus-time-rewards/
The idea is to regain browsing time as reward after completing a task. I use contentscript to show the remaining time overlay. I have a background worker which starts or stops tracking. All works pretty well, using redux and rehydration and storage.
Now I'm facing a strange problem: ...
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!...
contents
Hello everyone, I have a question regarding the implementation of contents in the Plasmo framework. Due to the use of Tailwind CSS for styling, the styles of the plugins interfere with the original webpage when I have a content UI. When I don't enable contents, the original webpage's styles are normal. I have set up style isolation following the tutorial, but it's not working. Could anyone advise on how to solve this situation?
GET chrome-extension://invalid/ net::ERR_FAILED
Hey, I just found out about your framework and trying to make extension that scrape currently viewed linkedin profile, but as soon as I added linkedin to basic plasmo example with changing background to pink I got over 1300 errors, any ideas how to fix it?
