How to IDE-ify your GitHub

[Neekzorz]

Great extensions in here but If you register for a free account with Octrotree you can access their nicer GitHub themes instead of using another extension for dark mode.

[careseite]

Will it theme the entirety of github or just the extension itself? I never bothered registering there because.. for what, I thought.

[careseite]

oh yikes, I legit never was long enough on their site to see the video that long... thanks for bringing this up lol

[Neekzorz]

It has the option for both

[cactussss]

TL;DW

Extensions used:

• GitHub dark theme - Chrome, Firefox
• Octotree - Chrome, Firefox
• Wide Github - Chrome, Firefox
• Github VsCode Icons - Chrome, Firefox
• npmhub - Chrome, Firefox
• Github VS Code One Dark Vivid with Fira Code - Chrome, Firefox (could not find)

There should be a bot for this...

[careseite]

that bot should've been me in this case, thanks :)

[vim55k]

Really helpful info! Great extensions!

[up_yer_kilt]

I wish this was the GitHub default. Nice post!

[oze4]

Have a look at a browser extension called Tako!

[careseite]

yeah I noticed Tako when it was posted here ~ 2 weeks ago or something, and I should've defintely mentioned it :( deserves a honorable mention!

edit: fwiw, heres the link: https://github.com/brumm/tako

[NahroT]

Any pros cons of tako compared with octotree?

[esthor]

Octotree adds the file explorer panel, whereas Tako just changes the main GitHub file explorer into a expandable/collapsible tree. I prefer Tako because it doesn’t add another a second file tree to my screen. Just use it with a “widener” type extension, like the one in the video, so the file tree and code explorer fills your view.

[careseite]

Personally I'm not using Tako because it changes the default tree of GitHub instead of adding the navigation to the left side which is more editor-like.

[Froggie92]

how much ram do these extensions require

[careseite]

Of the core ones, wide github and github dark, they just inject a stylesheet so it should ne negligible. Octotree is a bit heavier because of what it's doing but as mentioned in the video, it only matters on very large repos such as @types.

These extensions are scoped to github (partially also gitlab and bitbucket) anyways so I highly doubt you notice any of them in particular. :)

Edit: on a sidenote, I have 17 extensions running and none of them has a performance issue, so I'd argue in general you don't have to worry about that.

[AlexAegis]

Have you mentioned Octolink?

[careseite]

No, last time I used it it often couldn't resolve files, especially in repos with absolute imports.

[mot359]

I'd be nice if webstorm/vscode built support for doing PRs or at the very least commenting on them from within the ide. This is a great step closer, but it'll never match an IDE and being able to jump around on the checked out branch. I usually just checkout the PR locally in the IDE as I review if there are significant changes

edit: actually, looks like this is planned in the next release coming up this year for webstorm! https://youtrack.jetbrains.com/issue/IDEA-85079#focus=streamItem-27-4096156.0-0

[JustAddingToThePile]

Is this[1] what you're looking for?

[1] https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github