Is this possible with a Chrome extension?
Hey everyone!
I am trying to create a Chrome extension that will cache HTML, CSS, JS, images etc. for webpages visited at a particular webpage.
For example, for the domain
blah.com
if the user visits blah.com/my-blog
the extension will cache everything (possible) that is needed to generate that page into local storage or indexedDb. Then if the user visits that page while offline it will reconstruct the page from cache and display it (albeit not perfectly but that is okay for my use case). ...Content script nesting
Is this type of nesting supported? The content scripts here aren't being included when running
pnpm build
.![No description](https://cdn.answeroverflow.com/1168481428028276766/Screenshot_2023-10-30_at_22.27.40.png)
How to position popup?
Hi! With team we are trying plasmo and we are faced with quite simple issue. we used tailwing and for example for popup.tsx we had this:
import React, { useState } from 'react';
import './style.css';
...
![No description](https://cdn.answeroverflow.com/1167840120146251940/Screenshot_2023-10-28_at_04.59.09_PM.png)
accessing stripe in CSUI
I'm trying to mount a content panel that checks if the user is on a paid subscription before accessing certain page details. I've got auth working, but not a way to check the Stripe API (following the dangers of injecting script direct to browser like this tutorial mentions)
https://www.propelauth.com/post/chrome-extension-authentication-with-plasmo
the
with-stripe
example on Github only works in the popup, I'm now trying to get the customer info by email from a background script using sendToBackground
but it hangs after logging the email. any tips?...Anyone tried HTMX?
Hey all, I'm working on a chrome-extension poc that ideally is made entirely with HTMX, for the moment I had no luck setting up the project. Has anyone tried this yet?
Mantine Example is Deprecated
plasmo-with-mantine
example is deprecated. Mantine v7.0 no longer uses emotion
or emotionCache
.
I tried fixing by based on the Tailwind approach. It works well for the default Mantine, but not for custom themes and fonts:
```
import cssText from "data-text:@mantine/core/styles.css";...How to load SVG in CSS
In the docs I found https://docs.plasmo.com/framework/import
So I did
```scss
.card-stats {
background-image: url("raw:~assets/Spring.svg");...
Access env variables with dynamic keys?
I can access process.env['PLASMO_PUBLIC_HELLO'], but not process.env[
PLASMO_PUBLIC_${key}
],
Is there a way to do so in Plasmo?...Add content scripts dynamically.
Hello everyone 🖐🏼,
I am currently working on developing a Chrome plugin, and I have a specific scenario that I need assistance with. On a webpage, if there is an HTML element with the attribute contenteditable="true", I need to display a floating button that can modify the text inside that element.
I'm curious if it's possible to implement this functionality using Plasmo. Has anyone had experience with a similar requirement or can provide guidance on how to achieve this?...
side panel default_path
Is there a way to tell Plasmos to not set the
sidebar.default_path
when generating the manifest? From what I can tell when generating the manifest it's always set if the component exists.
I believe the code responsible for this is found at https://github.com/PlasmoHQ/plasmo/blob/292fe5f0a49a9f218253aabc9bd42764a9ec33ae/cli/plasmo/src/features/manifest-factory/mv3.ts#L21. I don't know how this should be set, maybe export a property from the component itself? I'm not very familiar with the framework and how its designed....Is there solid-js support?
I am building an extension with typescript and solid-js and was thinking of using the plasmo framework. I see support for svelte, react, and vue. Is there support for solid-js?
can we use jsx instead of tsx?
by default plasmo setup creates ts and tsx files, and I was wondering if I have option to use js and jsx.
Input box Backspace events are prevented
I am injecting buttons in a website that opens various modals for people to fill out forms.
Everything is working except when I press the backspace button to delete characters from textboxes. Nothing happens.
I logged the Backspace keyboard event and see defaultPrevented: True
I am not sure how this is happening. I am wondering if something from Plasmo could be interfering with something on this website? ...
![No description](https://cdn.answeroverflow.com/1163466452414779454/Backspace.png)
Is it possible to build an extensions like the following?
I want to build an extension that:
- Injects a header on the current active tab page (can be any page), and has an active/inactive state button.
- When the status is active, whenever you click on any element inside the page, it will prevent the click event propagation and open a small popup (like a tooltip) in the element you clicked with some information inside.
...
Does Plasmo use Chrome API behind the scene?
I'm asking because I would like to build my Plasmo extension for firefox and safari as well.
When I use PlasmoStorage API, does it behind the scenes use chrome API?
I saw in the official Plasmo docs, that authenticating with Firebase should be done with chrome.identity. How is it possible to do when in Firefox for example?
Thanks in advance...
VS Code Debugger
I believe the answer is no, but is there anyway to use the VS Code debugger to run a Plasmo extension and debug within VS Code?
Youtube resource suggestions
Hi guys,
I would appreciate if anyone could share the links to good examples in youtube utilizing Plasmo. For example - like this one here https://youtu.be/Fa2nFDw-dBw?si=opvO_nzeMssgsAf8...
Custom plasmo css
Does plasmo have custom classes prebuilt in? Like plasmo-fixed or how does that work? Referrring to this (https://github.com/PlasmoHQ/examples/tree/main/with-tailwindcss)
dinamic id
how can i get in my java script chrome-extension://ext-id/tabs/auth.html extension id ? I need it to hand over for backend to redirect after registration