GitHub Utils

GitHub 實用工具

GitHub 實用工具，包括文件圖標替換和自動填充倉庫名
安裝腳本 ?
換行
// ==UserScript==
// @name         GitHub Utils
// @name:vi      Tiện ích GitHub
// @name:zh-cn   GitHub 实用工具
// @name:zh-tw   GitHub 實用工具
// @name:ru      Утилиты GitHub
// @namespace    http://tampermonkey.net/
// @version      2024.12.30.1
// @description  GitHub utilities including file icons replacement and auto-fill repo name
// @description:vi  Tiện ích GitHub bao gồm thay thế biểu tượng tệp và tự động điền tên repo
// @description:zh-cn  GitHub 实用工具，包括文件图标替换和自动填充仓库名
// @description:zh-tw  GitHub 實用工具，包括文件圖標替換和自動填充倉庫名
// @description:ru  Утилиты GitHub, включая замену иконок файлов и автозаполнение имени репозитория
// @author       Yuusei
// @match        https://github.com/*
// @icon         https://github.githubassets.com/favicon.ico
// @grant        GM_addStyle
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js
// @run-at       document-start
// @license      GPL-3.0-only
// @compatible   chrome
// @compatible   firefox
// @compatible   edge
// @compatible   safari
// ==/UserScript==
(function ($) {
	'use strict';
	// Add custom styles
	GM_addStyle(`
      .material-icon {
          width: 20px;
          height: 20px;
          vertical-align: text-bottom;
          margin-right: 4px;
          transition: transform 0.2s ease;
      }
      .material-icon:hover {
          transform: scale(1.2);
      }
      @media (max-width: 768px) {
          .material-icon {
              width: 16px;
              height: 16px;
              margin-right: 2px;
          }
      }
  `);
	const iconMap = {
		// Development
		'.ts': 'typescript',
		'.tsx': 'react_ts',
		'.js': 'javascript',
		'.jsx': 'react',
		'.py': 'python',
		'.java': 'java',
		'.cpp': 'cpp',
		'.c': 'c',
		'.cs': 'csharp',
		'.go': 'go',
		'.rb': 'ruby',
		'.php': 'php',
		'.rs': 'rust',
		'.swift': 'swift',
		'.kt': 'kotlin',
		'.scala': 'scala',
		'.dart': 'dart',
		'.lua': 'lua',
		'.r': 'r',
		'.sh': 'console',
		'.ps1': 'powershell',
		'.bat': 'console',
		'.cmd': 'console',
		'.wasm': 'assembly',
		'.code-workspace': 'vscode',
		'.sln': 'visualstudio',
		// Web
		'.html': 'html',
		'.htm': 'html',
		'.css': 'css',
		'.scss': 'sass',
		'.sass': 'sass',
		'.less': 'less',
		'.styl': 'stylus',
		'.vue': 'vue',
		'.svelte': 'svelte',
		'.angular': 'angular',
		// Data & Config
		'.json': 'json',
		'.yml': 'yaml',
		'.yaml': 'yaml',
		'.xml': 'xml',
		'.toml': 'settings',
		'.ini': 'settings',
		'.env': 'tune',
		'.conf': 'settings',
		'.sql': 'database',
		'.db': 'database',
		'.sqlite': 'database',
		'.graphql': 'graphql',
		'.proto': 'protobuf',
		// Documentation
		'.md': 'markdown',
		'.mdx': 'markdown',
		'.txt': 'document',
		'.pdf': 'pdf',
		'.doc': 'word',
		'.docx': 'word',
		'.odt': 'document',
		'.rtf': 'document',
		// Images
		'.svg': 'svg',
		'.png': 'image',
		'.jpg': 'image',
		'.jpeg': 'image',
		'.gif': 'image',
		'.ico': 'image',
		'.webp': 'image',
		'.bmp': 'image',
		// Media
		'.mp3': 'audio',
		'.wav': 'audio',
		'.ogg': 'audio',
		'.mp4': 'video',
		'.webm': 'video',
		'.avi': 'video',
		'.mov': 'video',
		// Archives
		'.zip': 'zip',
		'.rar': 'zip',
		'.7z': 'zip',
		'.tar': 'zip',
		'.gz': 'zip',
		'.bz2': 'zip',
		// System
		'.exe': 'exe',
		'.dll': 'dll',
		'.so': 'lib',
		'.dylib': 'lib',
		'.sys': 'windows',
		'.reg': 'windows',
		// Design
		'.fig': 'figma',
		'.sketch': 'sketch',
		'.ai': 'illustrator',
		'.psd': 'photoshop',
		'.xd': 'xd',
		// 3D & Game
		'.unity': 'unity',
		'.blend': 'blender',
		'.fbx': '3d',
		'.obj': '3d',
		'.gltf': '3d',
		'.uasset': 'unreal',
		'.upk': 'unreal',
		// Mobile
		'.apk': 'android',
		'.ipa': 'apple',
		'.xcodeproj': 'xcode',
		'.pbxproj': 'xcode',
		// Container & Cloud
		Dockerfile: 'docker',
		'.dockerignore': 'docker',
		'.tf': 'terraform',
		'.tfvars': 'terraform',
		'.vagrant': 'vagrant',
		'.helm': 'kubernetes',
	};
	const specialFiles = {
		// Package managers
		'package.json': 'nodejs',
		'package-lock.json': 'nodejs',
		'yarn.lock': 'yarn',
		'pnpm-lock.yaml': 'pnpm',
		'bun.lockb': 'bun',
		'composer.json': 'composer',
		'composer.lock': 'composer',
		Gemfile: 'ruby',
		'Gemfile.lock': 'ruby',
		'requirements.txt': 'python',
		'poetry.lock': 'python',
		'Cargo.toml': 'rust',
		'Cargo.lock': 'rust',
		// Config files
		'tsconfig.json': 'typescript',
		'.eslintrc': 'eslint',
		'.prettierrc': 'prettier',
		'.editorconfig': 'editorconfig',
		'webpack.config.js': 'webpack',
		'vite.config.js': 'vite',
		'rollup.config.js': 'rollup',
		'babel.config.js': 'babel',
		'jest.config.js': 'jest',
		'karma.conf.js': 'karma',
		'cypress.config.js': 'cypress',
		'playwright.config.js': 'playwright',
		// Documentation
		'README.md': 'markdown',
		LICENSE: 'certificate',
		'CHANGELOG.md': 'markdown',
		'CONTRIBUTING.md': 'markdown',
		// Git
		'.gitignore': 'git',
		'.gitattributes': 'git',
		'.gitmodules': 'git',
		'.gitmessage': 'git',
		'.gitkeep': 'git',
		// CI/CD
		'.travis.yml': 'travis',
		'.gitlab-ci.yml': 'gitlab',
		Jenkinsfile: 'jenkins',
		'azure-pipelines.yml': 'azure',
		'bitbucket-pipelines.yml': 'bitbucket',
		// Docker
		Dockerfile: 'docker',
		'docker-compose.yml': 'docker',
		'docker-compose.yaml': 'docker',
		'docker-compose.override.yml': 'docker',
		// Framework configs
		'angular.json': 'angular',
		'next.config.js': 'next',
		'nuxt.config.js': 'nuxt',
		'svelte.config.js': 'svelte',
		'capacitor.config.json': 'capacitor',
		'ionic.config.json': 'ionic',
		// Build tools
		Makefile: 'makefile',
		'CMakeLists.txt': 'cmake',
		'build.gradle': 'gradle',
		'pom.xml': 'maven',
		'build.sbt': 'sbt',
		// Environment
		'.env': 'tune',
		'.env.local': 'tune',
		'.env.development': 'tune',
		'.env.production': 'tune',
		'.env.test': 'tune',
		// Version managers
		'.nvmrc': 'nodejs',
		'.node-version': 'nodejs',
		'.ruby-version': 'ruby',
		'.python-version': 'python',
		'.java-version': 'java',
	};
	function replaceIcons() {
		$('.react-directory-row-name-cell-large-screen, .react-directory-row-name-cell-small-screen').each(function () {
			const $filenameElement = $(this).find('.react-directory-filename-cell');
			if ($filenameElement.length) {
				const filename = $filenameElement.text();
				let iconName = specialFiles[filename];
				if (!iconName) {
					const extension = Object.keys(iconMap).find(ext => filename.toLowerCase().endsWith(ext));
					iconName = extension ? iconMap[extension] : null;
				}
				if (iconName) {
					const $oldSvg = $(this).find('svg');
					if ($oldSvg.length) {
						const $newIcon = $('<img>', {
							src: `https://raw.githubusercontent.com/material-extensions/vscode-material-icon-theme/refs/heads/main/icons/${iconName}.svg`,
							class: 'material-icon',
							alt: iconName,
						});
						$oldSvg.replaceWith($newIcon);
					}
				}
			}
		});
	}
	// Auto fill repo name functionality
	function setupAutoFill() {
		const observer = new MutationObserver(mutations => {
			mutations.forEach(mutation => {
				if (mutation.addedNodes.length) {
					const dialog = document.querySelector('#repo-delete-menu-dialog');
					if (dialog) {
						const repoName = document.querySelector('.text-bold.f3.mt-2')?.textContent.trim();
						if (repoName) {
							const input = document.querySelector('#verification_field');
							if (input) {
								input.value = repoName;
								input.dispatchEvent(
									new Event('input', {
										bubbles: true,
										cancelable: true,
									})
								);
							}

							const deleteBtn = document.querySelector('#repo-delete-proceed-button');
							if (deleteBtn) {
								deleteBtn.disabled = false;
							}
						}
					}
				}
			});
		});

		observer.observe(document.body, {
			childList: true,
			subtree: true,
		});
	}
	// Initial setup
	$(document).ready(() => {
		replaceIcons();
		setupAutoFill();
	});
	// Watch for DOM changes for icon replacement
	const iconObserver = new MutationObserver(replaceIcons);
	iconObserver.observe(document.body, {
		childList: true,
		subtree: true,
	});
})(jQuery);