\n * ,\n * ,\n * ,\n * ![\"icon\"](\"${getIconUrl(\n)
`;\n });\n }\n // else {\n // console.error(`Error during parsing: \"td.icon > svg.octoicon\" doesnt exists for ${i}. row`);\n // }\n}\n\nfunction update(e?: any) {\n showIconsForSegments();\n if (isCommit()) {\n // showDiffIcon();\n }\n}\n\nexport function initGithub() {\n // Update on fragment update\n observe(QUERY_FILE_TABLE_ITEMS, {\n add(rowEl) {\n showRepoTreeIcons(rowEl);\n },\n });\n update();\n document.addEventListener('pjax:end', update); // Update on page change\n}\n"
},
{
"path": "packages/content/pages/GitLab.ts",
"content": "import { getIconForFile, getIconForFolder, getIconForOpenFolder, getIconUrl } from '../utils/Icons';\nimport { isGitLabRepo } from '../utils/PageDetect';\nimport { mutate } from 'fastdom';\nimport { getFolderIcon, getFileIcon } from '../utils/Dev';\n\nexport const QUERY_TREE_ITEMS = '.tree-item';\n\nfunction showRepoTreeIcons() {\n const treeItems = document.querySelectorAll(QUERY_TREE_ITEMS);\n for (let i = 0; i < treeItems.length; i++) {\n /**\n * [TR:\n * [TD: [[I: icon], [A: [SPAN: name]]]],\n * [TD: [SPAN: [A: message]]],\n * [TD: [TIME: ago]]\n * ]\n */\n const itemEl = treeItems[i];\n const newIconEl = document.createElement('img');\n\n const iconAndNameEls = itemEl.firstElementChild!;\n const iconEl = iconAndNameEls.firstElementChild!;\n const nameEl = iconAndNameEls.lastElementChild as HTMLAnchorElement;\n\n const name = nameEl.innerText.toLowerCase();\n if (i === 0 && name === '..') {\n continue;\n }\n const iconPath = nameEl.href.indexOf('/tree/') > 0 ? getFolderIcon(name) : getFileIcon(name);\n\n mutate(() => {\n newIconEl.setAttribute('src', getIconUrl(iconPath));\n newIconEl.setAttribute('class', 'vscode-icon');\n iconAndNameEls.replaceChild(newIconEl, iconEl);\n });\n }\n}\n\nfunction update(e?: any) {\n if (isGitLabRepo()) {\n showRepoTreeIcons();\n }\n}\n\nexport function initGitLab() {\n update();\n}\n"
},
{
"path": "packages/content/pages/PasteBin.ts",
"content": "import { getIconForPBSyntax, getIconUrl, DEFAULT_FILE } from '../utils/Icons';\nimport { isPastebinUserList, isPasteOpen } from '../utils/PageDetect';\nimport { mutate } from 'fastdom';\n\nconst QUERY_PASTEBIN_ITEMS = '.maintable>tbody>tr';\nconst QUERY_PASTEBIN_PASTE = '#code_buttons>span:last-child';\n\nfunction showIconsForFiles() {\n const pastes = document.querySelectorAll(QUERY_PASTEBIN_ITEMS);\n // skip first tr, which is header\n for (let i = 1; i < pastes.length; i++) {\n /**\n * [TR:\n * [TD: [[IMAGE: icon], [A: name]]],\n * [TD: added],\n * [TD: expires],\n * [TD: hits],\n * [TD: [A: syntax]],\n * [TD: ?]\n * ]\n */\n const item = pastes[i];\n\n const iconAndNameEl = item.firstElementChild as HTMLTableDataCellElement;\n const iconEl = iconAndNameEl.firstElementChild as HTMLImageElement;\n\n const syntaxEl = item.childNodes[9] as HTMLAnchorElement;\n const syntaxName = syntaxEl.innerText;\n\n const iconPath = getIconForPBSyntax(syntaxName);\n\n const newIconEl = document.createElement('img');\n mutate(() => {\n newIconEl.setAttribute('src', getIconUrl(iconPath));\n newIconEl.setAttribute('class', 'vscode-icon vsi-pb');\n\n iconAndNameEl.replaceChild(newIconEl, iconEl);\n });\n }\n}\n\nfunction showIconForPaste() {\n // TODO:\n}\n\nconst domLoaded = new Promise((resolve) => {\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', resolve);\n } else {\n resolve(null);\n }\n});\n\nfunction update(e?: any) {\n if (isPastebinUserList) {\n showIconsForFiles();\n } else if (isPasteOpen) {\n showIconForPaste();\n }\n}\n\nexport function initPasteBin() {\n update();\n}\n"
},
{
"path": "packages/content/pages/SourceForge.ts",
"content": "import { getIconForFile, getIconForFolder, getIconUrl } from '../utils/Icons';\nimport { isSourceForgeFiles } from '../utils/PageDetect';\nimport { mutate } from 'fastdom';\nimport { getFolderIcon, getFileIcon } from '../utils/Dev';\n\nexport const QUERY_SOURCEFORGE_ITEMS = '#files_list>tbody>tr';\n\nfunction showIconsForFiles() {\n const items = document.querySelectorAll(QUERY_SOURCEFORGE_ITEMS);\n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n\n const newIconEl = document.createElement('img');\n newIconEl.setAttribute('class', 'vscode-icon sf-icon');\n const iconAndNameEl = item.firstElementChild.firstElementChild as HTMLTableHeaderCellElement;\n\n const isFolder = item.className.includes('folder');\n if (isFolder) {\n /**\n * [TR:\n * [TH: [A: [SVG: icon], [SPAN: folderName]]],\n * [TD: [ABBR: date]],\n * [TD: size],\n * [TD: [DIV: Populated by JS], [DIV: [A: chart]]],\n * ]\n */\n\n const iconEl = iconAndNameEl.firstElementChild as SVGAElement;\n const nameEl = iconAndNameEl.lastElementChild as HTMLAnchorElement;\n const name = nameEl.innerText.toLowerCase();\n const iconPath = getFolderIcon(name);\n mutate(() => {\n newIconEl.setAttribute('src', getIconUrl(iconPath));\n iconAndNameEl.replaceChild(newIconEl, iconEl);\n });\n } else {\n /**\n * [TR:\n * [TH: [A: [SVG: icon]]],\n * [TD: [ABBR: date]],\n * [TD: size],\n * [TD: [DIV: Populated by JS], [DIV: [A: chart]]],\n * ]\n */\n\n const nameEl = iconAndNameEl.firstElementChild as HTMLAnchorElement;\n const name = nameEl.innerText.toLowerCase();\n const iconPath = getFileIcon(name);\n mutate(() => {\n newIconEl.setAttribute('src', getIconUrl(iconPath));\n iconAndNameEl.insertBefore(newIconEl, nameEl);\n });\n }\n }\n}\n\nfunction update(e?: any) {\n if (isSourceForgeFiles()) {\n showIconsForFiles();\n }\n}\n\nexport function initSourceForge() {\n update();\n}\n"
},
{
"path": "packages/content/utils/Dev.ts",
"content": "import * as VSCJS from 'vscode-icons-js';\n\nexport const getFolderIcon =\n process.env.NODE_ENV === 'production'\n ? VSCJS.getIconForFolder\n : (folderName: string): string => {\n const folderIcon = VSCJS.getIconForFolder(folderName);\n if (folderIcon === VSCJS.DEFAULT_FOLDER) {\n save('FOLDER', folderName);\n }\n return folderIcon;\n };\n\nexport const getFileIcon =\n process.env.NODE_ENV === 'production'\n ? VSCJS.getIconForFile\n : (filename: string): string => {\n const fileIcon = VSCJS.getIconForFile(filename);\n if (fileIcon === VSCJS.DEFAULT_FILE) {\n save('FILE', filename);\n }\n return fileIcon;\n };\n\ntype Items = {\n folders: {\n [folderName: string]: number;\n };\n files: {\n [fileName: string]: number;\n };\n};\n\n/**\n * Save name of file/folder that doesn't have an icon\n */\nexport const save = (type: 'FOLDER' | 'FILE', name: string) => {\n console.log('tracking: ', type, name);\n const allItemsStr = localStorage.getItem('items');\n if (allItemsStr) {\n const items = JSON.parse(allItemsStr) as Items;\n const names = type === 'FOLDER' ? items.folders : items.files;\n if (name in names) {\n names[name] = names[name] + 1;\n } else {\n names[name] = 1;\n }\n localStorage.setItem('items', JSON.stringify(items));\n } else {\n const items = { folders: {}, files: {} } as Items;\n const names = type === 'FOLDER' ? items.folders : items.files;\n names[name] = 1;\n localStorage.setItem('items', JSON.stringify(items));\n }\n};\n\n/**\n * Load name of file/folder that doesn't have an icon\n */\nexport const load = (): Items => {\n const allItemsStr = localStorage.getItem('items');\n if (allItemsStr) {\n return JSON.parse(allItemsStr);\n } else {\n return {\n files: {},\n folders: {},\n };\n }\n};\n"
},
{
"path": "packages/content/utils/Icons.ts",
"content": "type NAME_TO_ICON = { [name: string]: string };\nexport {\n getIconForFile,\n getIconForFolder,\n getIconForOpenFolder,\n DEFAULT_FILE,\n DEFAULT_FOLDER,\n DEFAULT_FOLDER_OPENED,\n DEFAULT_ROOT_OPENED,\n DEFAULT_ROOT,\n} from 'vscode-icons-js';\nimport { DEFAULT_FILE } from 'vscode-icons-js';\n\nconst PBSyntaxesToIcon = require('../data/PastebinSyntaxesToIcon.json') as NAME_TO_ICON;\n\n/**\n * Retrieve url of icon within chrome\n */\nexport const getIconUrl = (iconFileName: string) => chrome.runtime.getURL('icons/' + iconFileName);\n\n/**\n * Get icon for a pastebin syntaxes\n * @desc list of supported syntaxes https://pastebin.com/languages\n * @param syntaxName name of syntax to icon for\n * @return icon filename\n */\nexport function getIconForPBSyntax(syntaxName: string) {\n const syntaxIcon = PBSyntaxesToIcon[syntaxName];\n if (syntaxIcon !== undefined && syntaxIcon !== '') {\n return syntaxIcon;\n }\n return DEFAULT_FILE;\n}\n"
},
{
"path": "packages/content/utils/PageDetect.ts",
"content": "import * as select from 'select-dom';\nimport { isRepo, utils } from 'github-url-detection';\n\nexport const isHistoryForFile = () => isRepo() && /^\\/commits\\/[0-9a-f]{5,40}\\/.+/.test(utils.getRepoPath());\n\n/**\n * BitBucket related detections\n */\nexport const isBitBucketRepo = () => location.href.indexOf('bitbucket.org/') > 0;\n\n/**\n * GitLab related detections\n */\nexport const isGitLabRepo = () => select.exists('.tree-content-holder');\n\n/**\n * Pastebin related detections\n */\nexport const isPastebinUserList = () =>\n location.href.indexOf('pastebin.com/u/') > 0 && select.exists('table.maintable');\n\nexport const isPasteOpen = () => select.exists('#code_frame2');\n\n/**\n * SourceForge related detections\n */\nexport const isSourceForgeFiles = () => select.exists('#files_list');\n"
},
{
"path": "packages/content/utils/showIconsForHosting.ts",
"content": "import { SupportedHostings } from '../../common/SupportedHostings';\nimport { initBitBucket } from '../pages/BitBucket';\nimport { initGistGithub } from '../pages/GistGitHub';\nimport { initGithub } from '../pages/GitHub';\nimport { initGitLab } from '../pages/GitLab';\nimport { initPasteBin } from '../pages/PasteBin';\nimport { initSourceForge } from '../pages/SourceForge';\n\n/**\n * @param host - will show icons on page for host\n */\nexport function showIconsForHosting(host: SupportedHostings) {\n const funcsToShowIcons: { [H in SupportedHostings]: () => void } = {\n bitbucket: initBitBucket,\n githubgist: initGistGithub,\n github: initGithub,\n gitlab: initGitLab,\n pastebin: initPasteBin,\n sourceforge: initSourceForge,\n };\n funcsToShowIcons[host]();\n}\n"
},
{
"path": "packages/popup/Popup.tsx",
"content": "import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { LocalStorage } from '../common/LocalStorage';\nimport { sendMessage } from '../common/Messenger';\nimport { getHostData } from '../common/HostData';\n\ntype State = {\n storage: LocalStorage;\n isSomethingChanged: boolean;\n};\n\ntype Props = {\n storage: LocalStorage;\n};\n\nclass Popup extends React.Component {\n constructor(props: Props) {\n super(props);\n this.state = {\n storage: props.storage,\n isSomethingChanged: false,\n };\n }\n\n handleToggleClick = (hosting: keyof LocalStorage['showIcons']) => {\n const prevStorage = this.state.storage;\n const newStorage: LocalStorage = {\n ...prevStorage,\n showIcons: {\n ...prevStorage.showIcons,\n [hosting]: !prevStorage.showIcons[hosting],\n },\n };\n sendMessage({ type: 'STORAGE_SET', storage: newStorage });\n this.setState({\n storage: newStorage,\n isSomethingChanged: true,\n });\n };\n\n handleResetButton = async () => {\n const defaultState = (await sendMessage({ type: 'STORAGE_RESET' })) as LocalStorage;\n this.setState({\n storage: defaultState,\n });\n };\n\n render() {\n const hostings = Object.keys(this.props.storage.showIcons) as (keyof LocalStorage['showIcons'])[];\n const changedText = this.state.isSomethingChanged ? (\n
\n );\n }\n}\n\n(async function () {\n const storage = (await sendMessage({ type: 'STORAGE_GET' })) as LocalStorage;\n ReactDOM.render({time},\n *
\n */\n const contentEl = rowEl.children[1] as Element;\n\n const linkToEl = contentEl.firstElementChild.firstElementChild as HTMLAnchorElement;\n\n let iconPath = '';\n if (iconSVGEl) {\n const iconSVGClassName = iconSVGEl.className.baseVal;\n if (iconSVGClassName.includes('octicon-file-text') || iconSVGClassName.includes('octicon-file ')) {\n iconPath = getFileIcon(linkToEl.innerText.toLowerCase());\n } else if (iconSVGClassName.includes('octicon-file-directory')) {\n const name = linkToEl.innerText.toLowerCase();\n iconPath = getFolderIcon(name.split('/').shift());\n } else if (iconSVGClassName.includes('octicon-file-submodule')) {\n iconPath = getIconForFolder('submodules');\n } else if (iconSVGClassName.includes('octicon-file-symlink-file')) {\n iconPath = DEFAULT_FILE;\n } else if (iconSVGClassName.includes('octicon-file-symlink-directory')) {\n iconPath = DEFAULT_FILE;\n } else {\n console.error(`Unknown filetype: \"${iconSVGClassName}\", please report`);\n return;\n }\n const x = mutate(() => {\n iconSVGEl.outerHTML = `\n In order to see changes on pages, please reload them using refresh button\n
\n ) : null;\n return (\n\n
\n {/* */}\n display icons for:
\n\n {hostings.map((hosting, index) => {\n const hostData = getHostData(hosting);\n return (\n \n \n })
\n
\n );\n })}\n {changedText}\n