Remote editor support #11

brunoais · 2025-07-13T17:02:48Z

The basic workflow is:

Open editor with companion extension.
Get the code from editor.
Open extension popup and paste the code.
Use connection to edit files.

UX and UI needs work but the basic functionality and communication protocol should be good enough like this.

I'm creating this PR because I think it's ready for some initial review.

I'm expecting to create the repository and upload the example vscode extension in a few hours.

@derjanb Please do an initial review

The vscode extension can be found here: https://gitlab.com/brunoais/tampermonkey-vscode

resolves #10

In my case, I just have terrible issues trying to install node 18.

The basic workflow is: 1. Open editor with companion extension. 2. Get the code from editor. 3. Open extension popup and paste the code. 4. Use connection to edit files. UX and UI needs work but the basic functionality and communication protocol should be good enough like this.

derjanb · 2025-08-05T10:32:41Z

src/background/index.ts

-    action.onClicked.addListener(async (_details) => {
-        void(runtime.lastError);
+    const openOnlineEditor = async () => {
+        hhp = hhp || await hasHostPermission(MAIN_URL);


This is not necessary if you lock in this handler like it done here

The handleMessage lock was a nightmare for me. I had to disable it to be able to figure out how to call Tampermonkey API. Even with the types you guided me, I lost so many messages which were just ignored/dumped.
The worst part of a lock is when there's no guarantee that the lock will unlock when the execution leaves the block. I wanted to try fixing that but it's too hard without knowing exactly how to make sure the lock unlocks and we don't get a non-responding extension when the user clicks too much.
I have the code like that because that's how you had your code before. I just moved some details around to stay like that.
So you think a lock should be used for that one too?

derjanb · 2025-08-05T10:34:35Z

Sorry for the late review. I was very busy lately.
Beside some minor improvements (more and better types instead of any, ...) this looks promising. 👍

brunoais · 2025-08-05T13:15:10Z

It's ok. You still did when you were able to.
I don't know typescript typing but I'll try to wing it.

brunoais · 2025-09-01T17:56:21Z

@derjanb Sorry about the delay. I finally got some time and did the work of applying types to variables. Is how I did good enough?

jubr · 2025-12-05T08:33:01Z

I'm also interested in this, is there something I can do to help?

derjanb · 2025-12-05T14:09:38Z

@jubr Sure. Try it out, review the changes and give feedback.

I was busy recently, but will do the same, so that we can continue with this.

derjanb · 2025-12-05T14:13:50Z

@brunoais Always feel free to ping me, in case my response takes too long... 🙈

jubr · 2025-12-05T14:50:21Z

I'm trying to fire this up, but it looks like the "Open extension popup and paste the code." does not show up for me in the newly started VSCode instance. I do see the new tab "Tampermonkeyfs" under explorer there.

Perhaps my experience with VSCode plugins is lacking... but also the documentation is kind of sparse...

I already:

built Tampermonkey - 5.4.1 vanilla
built Tampermonkey Editors - brunoais:remote_editor_support
built https://gitlab.com/brunoais/tampermonkey-vscode

When I could not get it to work I checked this works (and it does):

vanilla Tampermonkey
vanilla Tampermonkey Editors

I'm suspecting it might have something to do with the sed background.jsfrom the docs:

sed -i 's/"hohmicmmlneppdcbkhepamlgfdokipcd"/"kjmbknaomholdmpocgplbkgmjdnidinh"/' background.js

That does not change anything in background.js.

I've tried with both vanilla VSCode and Cursor - the latter being the real reason I'm looking into this 😜

any ideas?

derjanb · 2025-12-05T15:06:41Z

background.js from https://www.tampermonkey.net/crx/tampermonkey_stable.crx includes hohmicmmlneppdcbkhepamlgfdokipcd at background.js line 1034. This needs to be changed to your Tampermonkey Editors package id (which should be kjmbknaomholdmpocgplbkgmjdnidinh.

jubr · 2025-12-05T15:07:26Z

yes, so I should add my custom one after "lieodnapokbjkkdkhdljlllmgkmdokcm"

derjanb · 2025-12-05T15:08:23Z

I should add my custom one

Yes, replace or add. this doesn't matter.

This code prevents Tampermonkey from talking to "unverified" Tampermonkey Editor extensions.

jubr · 2025-12-05T15:10:15Z

yeah makes sense.. can it be that id is no longer in the latest release?

$ grep hohmicmmlneppdcbkhepamlgfdokipcd ./tampermonkey-unpacked/background.js

[suspiciously empty line here]

derjanb · 2025-12-05T15:14:38Z

can it be that id is no longer in the latest release?

No, it's there. Did you run sed already? Then it already replaced by kjmbkn...

jubr · 2025-12-05T15:18:41Z

Cool, that takes care of Tampermonkey <-> Tampermonkey Editors.

Now to get it hooked up to tampermonkey-vscode...

jubr · 2025-12-05T15:20:37Z

amm.. memory bubbles up: compilation of that one fails, some TS errors.

It breaks on node -r esm Makefile.js pack:

ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts
117:16-20
[tsl] ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts(117,17)
      TS6133: 'fail' is declared but its value is never read.

ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts
168:34-137
[tsl] ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts(168,35)
      TS2345: Argument of type '(request: ExtensionRequestMessage, sender: {    id: string;}, sendResponse: ExtensionResponseMessage) => boolean' is not assignable to parameter of type '(message: any, sender: MessageSender, sendResponse: (response?: any) => void) => void'.
  Types of parameters 'sender' and 'sender' are incompatible.
    Type 'MessageSender' is not assignable to type '{ id: string; }'.
      Types of property 'id' are incompatible.
        Type 'string | undefined' is not assignable to type 'string'.
          Type 'undefined' is not assignable to type 'string'.

ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts
176:24-36
[tsl] ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts(176,25)
      TS2349: This expression is not callable.
  No constituent of type 'ExtensionResponseMessage' is callable.

ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts
185:28-40
[tsl] ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts(185,29)
      TS2349: This expression is not callable.
  No constituent of type 'ExtensionResponseMessage' is callable.

ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts
188:28-40
[tsl] ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts(188,29)
      TS2349: This expression is not callable.
  No constituent of type 'ExtensionResponseMessage' is callable.

ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts
198:20-32
[tsl] ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts(198,21)
      TS2349: This expression is not callable.
  No constituent of type 'ExtensionResponseMessage' is callable.

ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts
203:35-47
[tsl] ERROR in /Users/1000060011/jb/github.com/brunoais/tampermonkey-editors/release/chrome/release/src/background/index.ts(203,36)
      TS2345: Argument of type 'ExtensionResponseMessage' is not assignable to parameter of type '(response?: any) => void'.
  Type 'WebSocketConnectResponse' is not assignable to type '(response?: any) => void'.
    Type 'WebSocketConnectResponse' provides no match for the signature '(response?: any): void'.

derjanb · 2025-12-05T15:27:09Z

I asked @brunoais to add more types. Maybe this caused these errors. Can you try commit cbe6b5a please?

jubr · 2025-12-05T15:28:47Z

Now it's back to only one error: TS6133: 'fail' is declared but its value is never read.

A quick fix 😋
Tnx for the tip!

jubr · 2025-12-05T15:31:58Z

Yup, build suc6. Now firing it up....

jubr · 2025-12-05T15:33:09Z

W00t @

and

jubr · 2025-12-05T15:37:04Z

Note to self: clean up namespaces in my scripts 🙃

And now let's see if this speeds up my workflow with Cursor.... 🤞

brunoais · 2025-12-05T15:56:08Z

Activity summons me.

In my case, I use firefox, so don't run that sed command. I can make it work simply by forging the id of the extension.

Given the large list of type errors, @jubr , if you know how to deal with typescript types, you are welcome to help. I'm a complete beginner with Typescript typing system.
I don't know how I didn't get any errors when I tried to compile some months ago but seems like it's no longer correct or it wasn't correct all along and I couldn't perceive it.

@jubr, if you may, I'd like feedback about the implementation on vscode side (not here but in its repo). I know about many issues with the extension but I want to know about potential fixes or alternative ways of solving its issues.

brunoais · 2025-12-05T15:58:19Z

@brunoais Always feel free to ping me, in case my response takes too long... 🙈

I pinged you but I didn't insist because I didn't want to repeat the ping assuming that you couldn't come and you'd eventually come. I'll ping you about once a month when you don't respond, then.

derjanb · 2025-12-08T14:58:05Z

@brunoais I created PR #16 which includes your changes and also fixes and improvements. I also added a simple Vue UI which should be easily tweakable. Please review. Thanks

brunoais added 2 commits July 13, 2025 22:07

Adding docker build environment for a consistent environment

8aae03a

In my case, I just have terrible issues trying to install node 18.

brunoais force-pushed the remote_editor_support branch from 1df4807 to cbe6b5a Compare July 13, 2025 21:07

brunoais mentioned this pull request Jul 14, 2025

Feature Request: Allow/document means so another addons can communicate to create/edit userscripts. #10

Open

derjanb reviewed Aug 5, 2025

View reviewed changes

brunoais marked this pull request as ready for review September 1, 2025 17:55

Add more types to variables

998760a

brunoais force-pushed the remote_editor_support branch from 95dfd45 to 998760a Compare September 1, 2025 18:12

brunoais mentioned this pull request Sep 6, 2025

[FEATURE] Monaco (VS Code) editor for Tampermonkey’s script editor Tampermonkey/tampermonkey#2473

Closed

Remote editor support #11

Are you sure you want to change the base?

Remote editor support #11

Uh oh!

Conversation

brunoais commented Jul 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

derjanb Aug 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

brunoais Aug 5, 2025

Choose a reason for hiding this comment

Uh oh!

derjanb commented Aug 5, 2025

Uh oh!

brunoais commented Aug 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

brunoais commented Sep 1, 2025

Uh oh!

jubr commented Dec 5, 2025

Uh oh!

derjanb commented Dec 5, 2025

Uh oh!

derjanb commented Dec 5, 2025

Uh oh!

jubr commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

derjanb commented Dec 5, 2025

Uh oh!

jubr commented Dec 5, 2025

Uh oh!

derjanb commented Dec 5, 2025

Uh oh!

jubr commented Dec 5, 2025

Uh oh!

derjanb commented Dec 5, 2025

Uh oh!

jubr commented Dec 5, 2025

Uh oh!

jubr commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

derjanb commented Dec 5, 2025

Uh oh!

jubr commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

jubr commented Dec 5, 2025

Uh oh!

jubr commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

jubr commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

brunoais commented Dec 5, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

brunoais commented Dec 5, 2025

Uh oh!

derjanb commented Dec 8, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

brunoais commented Jul 13, 2025 •

edited

Loading

derjanb Aug 5, 2025 •

edited

Loading

brunoais commented Aug 5, 2025 •

edited

Loading

jubr commented Dec 5, 2025 •

edited

Loading

jubr commented Dec 5, 2025 •

edited

Loading

jubr commented Dec 5, 2025 •

edited

Loading

jubr commented Dec 5, 2025 •

edited

Loading

jubr commented Dec 5, 2025 •

edited

Loading

brunoais commented Dec 5, 2025 •

edited

Loading