Feature: Add edit code with VSCode button to repository code page

[dovatti]

Before you start...

• Have you checked if a similar feature request has already been reported?

Description

Simplest idea: integrate a magnet button to open system default text-editor (Visual Studio Code, Atom, Sublime Text, etc etc).

Alternative solutions

In addition to that, we could integrate vscode.dev inside a chromium instance so final user can code directly inside FluentHub: for example, if I just had to add a link to README.md of an awesome-list, I'll click on "Edit in FluentHub" (or something similar), code and pull.

I can help you for both ideas.

Relevant Assets

No response

[0x5bfa]

Want to add "Edit in FluentHub" like vscode.dev in your browser and create something similar to text editor into FluentHub?

[0x5bfa]

If so, it's a good idea. but the goal up to version v0.5 is to make all queries work correctly and with as few bugs as possible. The goal up to v0.9 is to make all mutations work correctly and with as few bugs as possible. We will also do a final check to migrate all Alpha phase features to Stable by v1.

This feature may be considered after v0.5. For now, we have no plans to create a feature to change GitHub data (called Mutation) such as editing user profile and editing a blob.

[dovatti]

I was talking about adding an integrated instance of vscode.dev inside FluentHub.
If you wants, I could develop it, pull a request and wait until v1. Meanwhile waiting I could help on bug fixes.

[0x5bfa]

Just don't modify GitHub data? I don't know what “integrated instance” was.

[dovatti]

Just don't modify GitHub data? I don't know what “integrated instance” was.

I think you should read this, it is ofc more specific than me.
For integrated instance I mean I would like to have a page like vscode.dev inside FluentHub.
I think we're talking about the same thing but with different synonyms. 😁

[0x5bfa]

Ah, when clicking the edit button, the app opens WebView2 windows with vscode.dev?

[dovatti]

Yep. Or with installed text-editor inside OS where is running FluentHub.
i.e: I've got Windows 11 and Sublime Text, I can choose between integrated editor (via WebView2 with vscode.dev etc, etc...) or opening in a new window inside my installed editor (like an "Open in" context menu).
The last part is easier than first to implement. It simply link via an editor.JSON file (or whatever name we want to give it) installed text-editors.

[0x5bfa]

Got it. It is a good idea! if you can open a PR, please do.

you think it is something like this, right?

[dovatti]

Exactly! If is okay for you, I'll work on it soon!

[Lamparter]

Wait just to make things clear.. @onein528 you want to add WebView2 with github.dev page to FH?

[0x5bfa]

No this feature request is not like that.
just open github.dev with browser.

[Lamparter]

No this feature request is not like that. just open github.dev with browser.

oh. Can't we use WebView? @onein528

[0x5bfa]

can use. but he not meant to. @dovatti How about?

[dovatti]

Not yet. I think this will take some time to start working on if alone. @DeveloperWOW64 if you would like to implement that would be great, I would help in my free time. I do work every day so I do not have too much spare time.

[dovatti]

@onein528 @DeveloperWOW64 I've got some news: I've been coding according to these guide and essentially got code working.
Currently could be possible to get an "Open in VSCode.dev" button and open the web page inside FluentHub. But I was thinking: does exist an "official" pattern/model to achieve that? I think more than one person in UWP community would like to integrate WebView2 already wrapped with it's own UI. If so we could use this coding pattern instead of my code monster 😆
Otherwise, I've been already thinking about a Fluent wrapper for VSCode UI; but I do not think would be perfect as I want.

I'll release soon all the project folder with schemas, graphs and resources, and obviously with code working for WebView at least. Don't know when because I've been working and studying very hard this months 👍🏻

[Lamparter]

I don't see why this isn't possible.
Just create a button with a link to github.dev/org/repo

[Lamparter]

Or even something like this:

[0x5bfa]

Yeah ultimately i wanna adopt with VSCode UI.

[Lamparter]

I found this URL scheme:
https://github.com/codespaces/new?hide_repo_select=true&ref=main&repo=0x5bfa/fluenthub
We should add an open new codespace button in #504

[Lamparter]

I'll release soon all the project folder with schemas, graphs and resources, and obviously with code working for WebView at least. Don't know when because I've been working and studying very hard this months 👍🏻

@dovatti are you still active? Could you release this code at some point?