Chrome extension stuff

[JoviDeCroock]

This is the start of a chrome extension, currently it contains two views. An updates view where we'll stream in updates happening on the page and a second view which contains the signals graph that we can find on the page.

The thing that I'm trying to figure out is a way to display React & Preact components in a framework agnostic way. For instance in the Graph component it would be neat to show which signal is related to which component.

On second thought, maybe it's just worth adding adapters that can send a message of ENTER_COMPONENT and EXIT_COMPONENT where in the Preact adapter we can use options._render. For react I don't know yet what to use though

Another thing that needs to happen is adding a Babel plugin to automatically add names to every signal/computed/effect in user-code. We could use this to add fileName + lineNumber

[changeset-bot]

⚠️ No Changeset found

Latest commit: 0de9cfa

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

✅ Deploy Preview for preact-signals-demo ready!

Name	Link
🔨 Latest commit	0de9cfa
🔍 Latest deploy log	https://app.netlify.com/projects/preact-signals-demo/deploys/6888c027f693040008b4594e
😎 Deploy Preview	https://deploy-preview-727--preact-signals-demo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Size Change: +3.09 kB (+3.54%)

Total Size: 90.4 kB

Filename	Size	Change
docs/dist/assets/bench.********.js	1.59 kB	+3 B (+0.19%)
docs/dist/assets/client.********.js	46.2 kB	-1 B (0%)
docs/dist/assets/index.********.js	836 B	+2 B (+0.24%)
docs/dist/assets/jsxRuntime.module.********.js	297 B	+2 B (+0.68%)
docs/dist/assets/preact.module.********.js	4.72 kB	+6 B (+0.13%)
docs/dist/assets/signals.module.********.js	2.45 kB	+2 B (+0.08%)
docs/dist/basic-********.js	245 B	+1 B (+0.41%)
packages/debug/dist/debug.js	3.29 kB	+1.55 kB (+88.93%)	🆘
packages/debug/dist/debug.mjs	2.84 kB	+1.53 kB (+116.22%)	🆘

ℹ️ View Unchanged

Filename	Size
docs/dist/assets/signals-core.module.********.js	1.56 kB
docs/dist/assets/style.********.js	21 B
docs/dist/assets/style.********.css	1.24 kB
docs/dist/nesting-********.js	1.13 kB
docs/dist/react-********.js	242 B
packages/core/dist/signals-core.js	1.59 kB
packages/core/dist/signals-core.mjs	1.6 kB
packages/preact/dist/signals.js	1.58 kB
packages/preact/dist/signals.mjs	1.55 kB
packages/react-transform/dist/signals-*********.js	5.93 kB
packages/react-transform/dist/signals-transform.mjs	5.12 kB
packages/react-transform/dist/signals-transform.umd.js	6.04 kB
packages/react/dist/signals.js	188 B
packages/react/dist/signals.mjs	150 B

_{compressed-size-action}

[43081j]

doesn't make much difference but FYI these can be ES modules now:

  "background": {
    "service_worker": "background.js",
    "type": "module"
  },

you don't use anything module-specific but may still be good to know :D

[43081j]

can we strongly type this? might make maintenance easier

declare global {
  interface Window {
    __PREACT_SIGNALS_DEVTOOLS__?: SignalsDevToolsAPI;
  }
}