help-schema-with-reloading
# support-framework
q
help-schema-with-reloading
@User lets use this thread for the convo
m
sure
q
do you have any other files other than content.ts?
m
i have a popup.tsx but ist like the default one included
l
Can you send me the version of plasmo that is being run when using
pnpm dev
?
m
0.37.1
i just did plasmo init today
q
aight sounds good thanks a lot for the context. We'll try to reproduce it
m
im making a super simple extension thats gonna be open sourced later anyways
want me to add you guys to the repo
q
yeah sure
this is my github account: https://github.com/ColdSauce
m
sure ill invite you guys let me publish it
just wanted to say your github and portfolio site is impressive and plasmo is a really useful toolchain
q
@microscopic-france-98666 has reached level 3. GG!
q
thanks! glad you're enjoying it! if you have any feedback/things that felt really good or should be improved, lmk!
figured out the issue btw, pushing a change now
m
Bet
Thank you
q
np
q
@quaint-rainbow-21282 has reached level 6. GG!
m
In #946313896174694470 you guys should probably just use the GitHub webhook lol
It looks kind of confusing in my opinion
q
ooh interesting - what's the GitHub webhook?
m
If you know what a discord webhook is
It can send directly into that channel with way better updates
q
ah i see - yeah I think we use a web hook, but this isn't a Github log
m
Ohh
q
We have an engineering log we update throughout the day if anything big happens
m
What are your plans for plasmo if u are ok with sharing cause u worked at fb and a bunch of cool places so u might have something big in mind
q
the weird characters that you're seeing on the discord captain log are a secret waiting to be uncovered
m
Ohhhh
Also if I reinstall my npm packages in the repo it should work normally again?
q
yeah i think just a pnpm i should work because plasmo is pointing to latest @limited-farmer-52140 correct me if I'm wrong
l
yeah I think so - just check the version when you run
pnpm dev
- the latest most stable is now
0.38.0
m
ok i can try that rn
q
we wanna make building browser extensions awesome. everything will revolve around that key idea
m
still installing old version for me
q
what does your package.json look like for devDependencies
l
the lockfile probably locked it
so you will need to do
pnpm up -irL
or try removing the lockfile and do
pnpm i
m
i just updgraded everything lets see now
q
🤞
m
It works perfectly now forgot to update
Thank you
l
🔥
f
Sorry for butting in, I also had the same issue where plasmo wasn't reloading the content scripts
It got fixed when I installed parcel on my project dev dependencies, though (I needed to do it in order to make scss work properly, otherwise plasmo would complain about pnpm not being able to install the dependencies)
q
Hey @flat-state-13182, thanks for letting us know. Looks like there were two problems you were facing: - In order to use scss, you had to add Parcel to your devDependencies - Plasmo didn't do live-reloading on content scripts until you added Parcel to your devDependencies Is that right? I'll add these as tickets and we'll likely investigate next week.
s
Gave +1 Rep to @User
f
Yeah, that would be correct. To be more specific, I had to add the following packages:
Copy code
"@parcel/core": "^2.6.0",
    "@parcel/transformer-inline-string": "^2.6.0",
    "@parcel/transformer-sass": "^2.6.0",
q
Thanks for the context. We'll look into it
f
Just for some extra info, I restored the project to the previous broken state, here's the error that plasmo gives:
Copy code
> plasmo dev

🟣 Plasmo v0.40.0
🟠 The browser extension development framework.
🔵 INFO   | Starting the extension development server...
🔴 ERROR  | Failed to install @parcel/transformer-sass: pnpm failed to install modules
          | Error: Failed to install @parcel/transformer-sass: pnpm failed to install modules
    at $32ea97b83cf5d752$var$install (/home/kuro/project/new-chrome-extension/node_modules/.pnpm/@parcel+package-manager@2.6.0_@parcel+core@2.6.0/node_modules/@parcel/package-manager/lib/index.js:3688:15)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async $b0fd219fea43bcac$export$2e2bcd8739ae039._runFn (/home/kuro/project/new-chrome-extension/node_modules/.pnpm/@parcel+utils@2.6.0/node_modules/@parcel/utils/lib/index.js:32339:13)
    at async $b0fd219fea43bcac$export$2e2bcd8739ae039._next (/home/kuro/project/new-chrome-extension/node_modules/.pnpm/@parcel+utils@2.6.0/node_modules/@parcel/utils/lib/index.js:32332:9)
And this was the
package.json
used
Copy code
json
{
  "name": "test-extension",
  "displayName": "Test Extension",
  "version": "1.0.0",
  "description": "This is a test",
  "author": "me",
  "scripts": {
    "dev": "plasmo dev",
    "build": "plasmo build"
  },
  "dependencies": {
    "react": "18.1.0",
    "react-dom": "18.1.0"
  },
  "devDependencies": {
    "@trivago/prettier-plugin-sort-imports": "3.2.0",
    "@types/chrome": "0.0.188",
    "@types/node": "17.0.40",
    "@types/react": "18.0.12",
    "@types/react-dom": "18.0.5",
    "plasmo": "0.40.0",
    "prettier": "2.6.2",
    "sass": "^1.52.3",
    "typescript": "4.7.3"
  },
  "manifest": {
    "host_permissions": [
      "https://*/*"
    ]
  }
}
q
Cool thanks for the context! We'll take a look this weekend probs. @limited-farmer-52140 ^
s
Gave +1 Rep to @User
4 Views