If you've reached this page, Chummy Extension has built successfully.
12 | 13 | 14 | -------------------------------------------------------------------------------- /extension/public/social/social1200_628.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AtomicCodeLabs/chummy/5e752bcdbdc3d05c914b504567fdd0084127e707/extension/public/social/social1200_628.png -------------------------------------------------------------------------------- /extension/scripts/BACKUP.prepublish.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | cd $CODEBUILD_SRC_DIR/extension/dist 4 | pwd 5 | 6 | VERSION=$(cat ".version") 7 | STAGE=$1 8 | 9 | # Pushing to 10 | for filename in web/{popup_$VERSION,background.dao_$VERSION}*.js; do 11 | echo "Pushing $filename to s3://chummy-assets-$STAGE/$VERSION/" 12 | aws s3 cp $filename s3://chummy-assets-$STAGE/$VERSION/ 13 | done 14 | 15 | cd $CODEBUILD_SRC_DIR/extension 16 | -------------------------------------------------------------------------------- /extension/scripts/download.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | cd dist.prod 4 | ls 5 | pwd 6 | 7 | VERSION=$(cat "../.version") 8 | 9 | mkdir $VERSION 10 | cd $VERSION 11 | aws s3 cp s3://chummy-assets-prod/$VERSION/ . --recursive 12 | 13 | cd ../.. 14 | -------------------------------------------------------------------------------- /extension/scripts/localpublish.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | cd dist 4 | ls 5 | pwd 6 | 7 | VERSION=$(cat ".version") 8 | 9 | aws s3 cp gamma.web.cloud/background.dao_$VERSION.js s3://chummy-assets-gamma/$VERSION/ 10 | aws s3 cp gamma.web.cloud/popup_$VERSION.js s3://chummy-assets-gamma/$VERSION/ 11 | 12 | zip -r dist_$VERSION.web.cloud.zip gamma.web.cloud 13 | aws s3 cp dist_$VERSION.web.cloud.zip s3://chummy-assets-gamma/$VERSION/ 14 | 15 | cd .. 16 | -------------------------------------------------------------------------------- /extension/scripts/promote.dev.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | set -e 3 | 4 | # Checkout source branch first 5 | yarn checkout:dev 6 | git add -A 7 | git diff-index --quiet HEAD || HUSKY_SKIP_HOOKS=1 git commit -m "chore(pre-promote): push dev" 8 | git push --follow-tags -u origin extension/dev 9 | 10 | # Push backend 11 | amplify push 12 | -------------------------------------------------------------------------------- /extension/scripts/promote.gamma.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | set -e 3 | 4 | # Checkout source branch first 5 | yarn checkout:dev 6 | git add -A 7 | git diff-index --quiet HEAD || HUSKY_SKIP_HOOKS=1 git commit -m "chore(pre-promote): push dev" 8 | git push --follow-tags -u origin extension/dev 9 | 10 | # Checkout target branch 11 | yarn checkout:gamma 12 | git add -A 13 | git diff-index --quiet HEAD || HUSKY_SKIP_HOOKS=1 git commit -m "chore(pre-promote): push gamma" 14 | git push --follow-tags -u origin extension/gamma 15 | 16 | # Merge 17 | HUSKY_SKIP_HOOKS=1 git merge --no-edit -s recursive -X ours extension/dev 18 | 19 | # Push target branch 20 | amplify push 21 | git push --follow-tags -u origin extension/gamma 22 | 23 | # Return to dev branch 24 | yarn checkout:dev 25 | -------------------------------------------------------------------------------- /extension/scripts/promote.prod.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | set -e 3 | 4 | # Checkout source branch first 5 | yarn checkout:gamma 6 | git add -A 7 | git diff-index --quiet HEAD || HUSKY_SKIP_HOOKS=1 git commit -m "chore(pre-promote): push gamma" 8 | git push --follow-tags -u origin extension/gamma 9 | 10 | # Checkout target branch 11 | yarn checkout:prod 12 | git add -A 13 | git diff-index --quiet HEAD || HUSKY_SKIP_HOOKS=1 git commit -m "chore(pre-promote): push prod" 14 | git push --follow-tags -u origin extension/prod 15 | 16 | # Merge 17 | HUSKY_SKIP_HOOKS=1 git merge --no-edit -s recursive -X ours extension/gamma 18 | 19 | # Push target branch 20 | amplify push 21 | git push --follow-tags -u origin extension/prod 22 | 23 | # Return to dev branch 24 | yarn checkout:dev 25 | -------------------------------------------------------------------------------- /extension/scripts/publish.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | cd $CODEBUILD_SRC_DIR/extension/dist 4 | ls 5 | pwd 6 | 7 | VERSION=$(cat ".version") 8 | STAGE=$1 9 | 10 | zip -r dist_$VERSION.chrome.zip chrome 11 | aws s3 cp dist_$VERSION.chrome.zip s3://chummy-assets-$STAGE/$VERSION/ 12 | 13 | zip -r dist_$VERSION.edge.zip edge 14 | aws s3 cp dist_$VERSION.edge.zip s3://chummy-assets-$STAGE/$VERSION/ 15 | 16 | cd opera 17 | zip -r ../dist_$VERSION.opera.zip . 18 | cd .. 19 | aws s3 cp dist_$VERSION.opera.zip s3://chummy-assets-$STAGE/$VERSION/ 20 | 21 | cd moz 22 | zip -r ../dist_$VERSION.moz.zip . 23 | cd .. 24 | aws s3 cp dist_$VERSION.moz.zip s3://chummy-assets-$STAGE/$VERSION/ 25 | 26 | cd $CODEBUILD_SRC_DIR/extension 27 | -------------------------------------------------------------------------------- /extension/src/background/constants.ts: -------------------------------------------------------------------------------- 1 | /* eslint-disable camelcase */ 2 | 3 | export const GITHUB_REGEX = new RegExp( 4 | /^(http|https):\/\/github\.com(\/[^/]+){2,}$/ 5 | ); 6 | 7 | // "G-Desktop-Suite/gsuite.rb at revert-68-code-quality-66-prettify · alexkim205/G-Desktop-Suite" 8 | export const REPO_TITLE_REGEX = new RegExp('(?: at )((?:[^ · ]*))'); 9 | 10 | export const generate_ISSUE_TITLE_REGEX = (issueId: number) => 11 | new RegExp(`^(.*?) · Issue #${issueId}`); 12 | 13 | export const generate_PULL_TITLE_REGEX = (pullId: number) => 14 | new RegExp(`^(.*?) · Pull Request #${pullId}`); 15 | 16 | export const NO_WINDOW_EXTENSION_ID = -1; // -3 if it doesn't exist 17 | 18 | export const MIN_MAIN_WINDOW_WIDTH = 500; 19 | -------------------------------------------------------------------------------- /extension/src/background/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /extension/src/background/redirect.inject.js: -------------------------------------------------------------------------------- 1 | import browser from 'webextension-polyfill'; 2 | // eslint-disable-next-line import/prefer-default-export 3 | const redirectPageListeners = () => { 4 | browser.runtime.onMessage.addListener(function redirectListener(request) { 5 | // Make a ajax redirect request 6 | if (request.action === 'redirect-content-script') { 7 | // Garbage collect event listener (listen at most once) 8 | browser.runtime.onMessage.removeListener(redirectListener); 9 | 10 | const { 11 | payload: { owner, repo, type, branch, nodePath } 12 | } = request; 13 | 14 | // Hack: simulate a click on the repository tag by replacing the href 15 | // with the file to redirect to. This gives us a reliable reference element 16 | // to "click" any time any file is chosen. 17 | const repoLink = document.querySelector( 18 | `[data-pjax='#js-repo-pjax-container'][href='/${owner}/${repo}']` 19 | ); 20 | // If navigated to page that doesn't have clickable repo link (like 404) 21 | // fallback to normal redirect. 22 | if (!repoLink) { 23 | window.location.href = `https://github.com/${owner}/${repo}/${type}/${branch}/${nodePath}`; 24 | } else { 25 | // Sometimes ajax redirect will be treated as a normal redirect by GitHub 26 | repoLink.setAttribute( 27 | 'href', 28 | `/${owner}/${repo}/${type}/${branch}/${nodePath}` 29 | ); 30 | repoLink.click(); 31 | } 32 | } 33 | }); 34 | }; 35 | 36 | redirectPageListeners(); 37 | -------------------------------------------------------------------------------- /extension/src/background/signin.inject.js: -------------------------------------------------------------------------------- 1 | import browser from 'webextension-polyfill'; 2 | 3 | console.log('INJECT SIGNIN'); 4 | 5 | /* 6 | Listen for messages from the page. 7 | If the message was from the page script, show an alert. 8 | */ 9 | function authListener() { 10 | window.addEventListener('message', (event) => { 11 | if (event.source === window && event.data?.action === 'auth-from-page') { 12 | console.log(`Content script received message`, event.data); 13 | 14 | const response = { 15 | action: 'auth-from-content-script', 16 | payload: event.data.payload 17 | }; 18 | console.log('Now sending auth message back to extension', response); 19 | browser.runtime.sendMessage(response); 20 | } 21 | }); 22 | } 23 | 24 | // Initialize listener right away 25 | authListener(); 26 | 27 | // Send message after page has loaded 28 | 29 | // Send message to emit auth to content script on script injection 30 | window.postMessage({ action: 'trigger-send-to-cs' }, '*'); 31 | -------------------------------------------------------------------------------- /extension/src/background/storage.js: -------------------------------------------------------------------------------- 1 | import browser from 'webextension-polyfill'; 2 | import log from '../config/log'; 3 | 4 | // Expose chrome storage API that content script can query 5 | const storeAccessListener = async (request) => { 6 | // Sign In 7 | if (request.action === 'set-store') { 8 | try { 9 | await browser.storage.sync.set(request.payload); 10 | } catch (error) { 11 | log.error('Error setting store', error); 12 | } 13 | return null; 14 | } 15 | 16 | // Sign Out 17 | if (request.action === 'get-store') { 18 | try { 19 | const items = await browser.storage.sync.get(request.payload); 20 | return { action: 'get-store', payload: items }; 21 | } catch (error) { 22 | log.error('Error getting store', error); 23 | return null; 24 | } 25 | } 26 | 27 | return null; 28 | }; 29 | browser.runtime.onMessage.addListener((request) => { 30 | if (['set-store', 'get-store'].includes(request.action)) { 31 | return storeAccessListener(request); 32 | } 33 | }); 34 | 35 | // For debugging purposes 36 | browser.storage.onChanged.addListener(async () => { 37 | try { 38 | const items = await browser.storage.sync.get(null); 39 | log.debug('DEBUG', items); 40 | } catch (error) { 41 | log.error('Error getting store changes for debugging', error); 42 | } 43 | }); 44 | -------------------------------------------------------------------------------- /extension/src/background/throttling.util.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable import/prefer-default-export */ 2 | import { THROTTLING_OPERATION, ACCOUNT_TYPE } from '../global/constants'; 3 | import OperationLimits from '../global/limits/operations'; 4 | 5 | export const isAllowed = (user, operation) => { 6 | if (!user.accountType) return false; 7 | 8 | // Creating a bookmark 9 | if (operation === THROTTLING_OPERATION.CreateBookmark) { 10 | if (!user.bookmarks) return false; 11 | // Check if user exceeds tier limit 12 | if ( 13 | user.bookmarks.length >= 14 | OperationLimits[THROTTLING_OPERATION.CreateBookmark][user.accountType] 15 | ) { 16 | return false; 17 | } 18 | // If within limits, allow user to create bookmark 19 | return true; 20 | } 21 | 22 | // If user is professional or enterprise, they're allowed 23 | // to do anything 24 | if ( 25 | user.accountType === ACCOUNT_TYPE.Professional || 26 | user.accountType === ACCOUNT_TYPE.Enterprise 27 | ) { 28 | return true; 29 | } 30 | 31 | // Default 32 | return false; 33 | }; 34 | -------------------------------------------------------------------------------- /extension/src/components/Buttons/IconButton.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable react/jsx-props-no-spreading */ 2 | /* eslint-disable react/require-default-props */ 3 | /* eslint-disable react/forbid-prop-types */ 4 | 5 | import React, { Suspense, cloneElement } from 'react'; 6 | import { useHistory, useLocation } from 'react-router-dom'; 7 | import styled from 'styled-components'; 8 | import PropTypes from 'prop-types'; 9 | 10 | import { XIcon } from '@primer/octicons-react'; 11 | 12 | const ContainerButton = styled.div` 13 | display: flex; 14 | justify-content: center; 15 | align-items: center; 16 | cursor: pointer; 17 | 18 | /* width: 100%; */ 19 | height: 100%; 20 | `; 21 | 22 | const IconButton = ({ 23 | style = {}, 24 | Icon, 25 | disabled, 26 | to, 27 | onClick = () => {}, 28 | dataTestId, 29 | ...buttonProps 30 | }) => { 31 | const history = useHistory(); 32 | const location = useLocation(); 33 | const navigateToPage = () => { 34 | onClick(); 35 | 36 | if (disabled) return; 37 | if (!to) return; 38 | if (location.pathname === to) return; 39 | history.push(to); 40 | }; 41 | 42 | return ( 43 |54 | Manage pull requests, track file changes, comments, approvals, and 55 | everything code review related from one place. Stay tuned for its 56 | upcoming debut! 57 |
58 |