Convert Figma logo to code with AI

refined-github logorefined-github

:octocat: Browser extension that simplifies the GitHub interface and adds useful features

24,634
1,485
24,634
127

Top Related Projects

:octocat: Browser extension that simplifies the GitHub interface and adds useful features

👻 Use your text editor to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).

A collection of awesome browser extensions for GitHub.

2,363

🐙 File tree extension for GitHub on Chrome & Firefox & Edge

Quick Overview

Refined GitHub is a browser extension that enhances the GitHub experience with additional features and UI improvements. It aims to streamline workflows, add useful functionality, and improve the overall usability of GitHub's web interface.

Pros

  • Adds numerous productivity-enhancing features to GitHub
  • Customizable, allowing users to enable/disable specific enhancements
  • Regularly updated to keep pace with GitHub's changes
  • Open-source, with a large community of contributors

Cons

  • May conflict with other GitHub-enhancing browser extensions
  • Some features may become obsolete if GitHub implements them natively
  • Requires users to trust a third-party extension with access to their GitHub data
  • Performance impact on slower machines due to additional processing

Getting Started

  1. Install the browser extension:

  2. After installation, visit GitHub.com. The extension will automatically activate and enhance your GitHub experience.

  3. To customize the extension:

    • Click on the Refined GitHub icon in your browser's toolbar
    • Toggle features on/off according to your preferences
  4. For the latest updates and full feature list, visit the Refined GitHub repository.

Competitor Comparisons

:octocat: Browser extension that simplifies the GitHub interface and adds useful features

Pros of refined-github

  • More active development and frequent updates
  • Larger community and contributor base
  • Extensive feature set with numerous enhancements

Cons of refined-github

  • Potentially overwhelming for new users due to numerous features
  • May have a slightly higher performance impact on GitHub

Code comparison

refined-github:

import * as pageDetect from 'github-url-detection';

function init() {
    if (pageDetect.isRepo()) {
        // Repository-specific enhancements
    }
}

refined-github>:

// No code comparison available as refined-github> is not a valid repository

Summary

refined-github is a popular browser extension that enhances the GitHub experience with numerous features and improvements. It benefits from active development, a large community, and frequent updates. However, the extensive feature set may be overwhelming for some users and could potentially impact performance.

The comparison with refined-github> is not possible as it appears to be an invalid repository name. The ">" character is not typically used in GitHub repository names, suggesting a possible typo or formatting error in the original request.

👻 Use your text editor to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).

Pros of GhostText

  • Enables real-time editing of browser textarea content in a desktop text editor
  • Supports multiple text editors and browsers
  • Allows for more powerful text editing capabilities in web applications

Cons of GhostText

  • Limited to text editing functionality
  • Requires installation of both browser extension and text editor plugin
  • May have compatibility issues with certain websites or text fields

Code Comparison

GhostText (content script):

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.action === 'getTextFields') {
    const textFields = findTextFields();
    sendResponse(textFields);
  }
});

Refined GitHub (content script):

import features from '../feature-manager.js';

void features.add(__filebasename, {
  init: () => {
    // Feature-specific initialization code
  },
});

Summary

GhostText focuses on enhancing text editing capabilities by connecting browser textareas to desktop text editors, while Refined GitHub aims to improve the overall GitHub user experience with various features and enhancements. GhostText offers more flexibility in text editing across different platforms, but its scope is limited compared to Refined GitHub's comprehensive set of GitHub-specific improvements.

A collection of awesome browser extensions for GitHub.

Pros of awesome-browser-extensions-for-github

  • Provides a curated list of various GitHub browser extensions, offering users a wide range of options
  • Allows users to discover and choose extensions based on their specific needs
  • Regularly updated with new extensions and community contributions

Cons of awesome-browser-extensions-for-github

  • Not a standalone extension itself, requiring users to install multiple extensions for desired features
  • May lead to potential conflicts or performance issues when using multiple extensions simultaneously
  • Lacks the cohesive, integrated experience of a single, comprehensive extension

Code comparison

While a direct code comparison is not applicable in this case, we can compare the structure of the repositories:

awesome-browser-extensions-for-github:

# Awesome Browser Extensions for GitHub

- [Extension Category 1](#category-1)
  - [Extension 1](#extension-1)
  - [Extension 2](#extension-2)
- [Extension Category 2](#category-2)
  - [Extension 3](#extension-3)
  - [Extension 4](#extension-4)

refined-github:

import * as pageDetect from 'github-url-detection';
import features from './features';

void features.add(__filebasename, {
    include: [
        pageDetect.isRepo,
    ],
    init
});

The awesome-browser-extensions-for-github repository primarily consists of a curated list in markdown format, while refined-github contains actual JavaScript code for implementing features directly in the browser.

2,363

🐙 File tree extension for GitHub on Chrome & Firefox & Edge

Pros of Gitako

  • Provides a file tree sidebar for easier navigation of GitHub repositories
  • Lightweight and focused on improving repository browsing experience
  • Offers keyboard shortcuts for quick navigation and file access

Cons of Gitako

  • Limited in scope compared to Refined GitHub's extensive feature set
  • May not integrate as seamlessly with GitHub's native interface
  • Lacks some of the advanced features found in Refined GitHub, such as PR enhancements

Code Comparison

Gitako (TypeScript):

export function createFileTree(files: string[]): FileTree {
  const root: FileTree = { name: '', children: {} };
  for (const file of files) {
    const parts = file.split('/');
    let node = root;
    // ... (additional implementation)
  }
  return root;
}

Refined GitHub (JavaScript):

function addFileActions(row) {
  const [icon, path] = row.children;
  const fragment = new DocumentFragment();
  const viewFile = icon.cloneNode(true);
  viewFile.classList.add('rgh-view-file');
  // ... (additional implementation)
}

Both projects aim to enhance the GitHub experience, but they focus on different aspects. Gitako specializes in improving repository navigation with its file tree sidebar, while Refined GitHub offers a broader set of features to enhance various GitHub functionalities. The code snippets showcase their different approaches, with Gitako focusing on file tree creation and Refined GitHub on adding file actions to the interface.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Refined GitHub

Browser extension that simplifies the GitHub interface and adds useful features

We use GitHub a lot and notice many annoyances we'd like to fix. So here be dragons.

Our hope is that GitHub will notice and implement some of these much-needed improvements. So if you like any of these improvements, please open a discussion on GitHub feedback or contact GitHub support about doing it.

GitHub Enterprise is also supported: How to enable it.

The GITHUB and REFINED GITHUB trademarks are owned by GitHub, Inc. and used under license.

Install

Chrome and other Chromium browsers

Firefox including Firefox Android

Safari on Mac, iOS and iPadOS

If you love Refined GitHub, consider sponsoring or hiring the maintainer @fregante


Highlights 🔥

Makes whitespace characters visible

Adds one-click merge conflict fixers

Shows how far behind a PR head branch is + tells you its base commit

Lets you hide every event except comments or unresolved comments in issues and PRs

Lets you subscribe to opening/closing events of issues in one click

Adds a link to the default branch on directory listings and files

Adds a button to discard all the changes to a file in a PR

Select notifications by type and status

Repositories

File management

Code

Writing comments

Reading comments

Conversations

Viewing pull requests

Editing pull requests

Commits

Tags and releases

Profiles

Newsfeed

  • Hides other inutile newsfeed events (commits, forks, new followers).
  • Automagically expands the newsfeed when you scroll down.

Notifications

Global

Netiquette

Fixes for GitHub shortcomings

Previously part of Refined GitHub

GitHub took inspiration from Refined GitHub and natively implemented dozens of its features, 🎉 so they've been removed from this extension. You can also see all the past features of Refined GitHub in a single list.

Customization

Most features can be disabled if they are JavaScript-based and you can override our CSS with your own in the extension options.

We're happy to receive suggestions and contributions, but be aware this is a highly opinionated project. There's a high bar for adding features. Users will always disagree with something. That being said, we're open to discussing things.

Links