Add a link to `useful-forks` #3682

The button URL hasn't been implemented by https://github.com/useful-forks yet.

Done! :)

Try it out: https://useful-forks.github.io?repository=EsotericSoftware/kryonet

Feature location: https://github.com/sindresorhus/refined-github/network/members

You're making me wonder: maybe it could be a button positioned next to the Fork button all the time, instead of only within the Fork's page itself. Somewhere around there:

As I said previously, this is not something most people need most of the time, so it won't be added to every page on every repository. The forks list is where I'd expect this feature to be found, and maybe also: https://github.com/sindresorhus/refined-github/network

I'm imagining it in the top-right corner of each page (still not in the header) but exploration welcome

Okay, I might have some time to work on this. However, looking at the refined-github code-base is a bit daunting.

Can you point me toward a feature which would resemble what I'll be trying to achieve?

Something like this: https://github.com/sindresorhus/refined-github/blob/main/source/features/download-folder-button.tsx

Some context: The if is irrelevant in this case. GitHub change layout at some point so we still support the old one in some cases.

For the include: [ ... ], I can't seem to find a constant which points to the Insights -> Forks or Insights -> Network pages.

Am I the first one implementing a feature for those? If so, where/how should I add that constant?

You can add it inline for now. Before the PR is merged you can move it to https://github.com/fregante/github-url-detection

Refer to that module to see what those function look like.

import features from '.';

function init(): void {
    console.log("TEST")
}

const pageDetect = require('github-url-detection');
const isForksPage = (url: URL | HTMLAnchorElement | Location = location): boolean => pageDetect.getRepo(url)?.path === 'network/members';
void features.add(__filebasename, {
    include: [
        isForksPage
    ],
    init
});

This should print something in the Console when I open the Forks page, right? @fregante

This is what I see:

Make sure you’re also including that file in refined-github.ts and use import instead of require

Make sure you’re also including that file in refined-github.ts

Done, thanks!

use import instead of require

I tried that initially, but it would give me an error:

Just realized getRepo isn't exported. Through utils, it works. Thanks!

const isForksPage = (url: URL | HTMLAnchorElement | Location = location): boolean => pageDetect.utils.getRepoPath(url) === 'network/members';

Any thoughts on this preliminary sneak-peek ?