For unauthenticated requests, the rate limit of GitHub allows for up to 60 requests per hour.
For API requests using Authentication, you can make up to 5,000 requests per hour.
-
@@ -393,6 +426,10 @@ button.secondary:hover {
vscode.postMessage({ type: 'welcome-page' });
});
+ delegate(document.body, '#authorizing-button', 'click', () => {
+ vscode.postMessage({ type: 'authorizing-github' })
+ });
+
const updatePage = () => {
const { token, pageType, valid, validating } = vscode.getState() || { token: '', preview: 'EDIT', valid: true, validating: true };
if (validating) {
diff --git a/extensions/jupyter-web/yarn.lock b/extensions/jupyter-web/yarn.lock
index 9e9cffea8..5dcc9f27c 100644
--- a/extensions/jupyter-web/yarn.lock
+++ b/extensions/jupyter-web/yarn.lock
@@ -969,9 +969,9 @@ locate-path@^5.0.0:
p-locate "^4.1.0"
lodash@^4.17.4, lodash@^4.3.0:
- version "4.17.20"
- resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
- integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
+ version "4.17.21"
+ resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+ integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
lru-cache@^4.0.1:
version "4.1.5"
diff --git a/package.json b/package.json
index 571200832..87c9ccebf 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
"lib": "lib"
},
"devDependencies": {
- "@github1s/vscode-web": "0.1.2",
+ "@github1s/vscode-web": "0.1.8",
"@typescript-eslint/eslint-plugin": "^4.15.0",
"@typescript-eslint/parser": "^4.15.0",
"chokidar": "^3.5.1",
diff --git a/resources/favicon-dark.ico b/resources/favicon-dark.ico
deleted file mode 100644
index 12f05d0c2..000000000
Binary files a/resources/favicon-dark.ico and /dev/null differ
diff --git a/resources/favicon-dark.svg b/resources/favicon-dark.svg
new file mode 100644
index 000000000..439c80809
--- /dev/null
+++ b/resources/favicon-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/resources/favicon-light.ico b/resources/favicon-light.ico
deleted file mode 100644
index f64685874..000000000
Binary files a/resources/favicon-light.ico and /dev/null differ
diff --git a/resources/favicon-light.svg b/resources/favicon-light.svg
new file mode 100644
index 000000000..08bd50e08
--- /dev/null
+++ b/resources/favicon-light.svg
@@ -0,0 +1,3 @@
+
diff --git a/resources/favicon.ico b/resources/favicon.ico
new file mode 100644
index 000000000..9b88bce89
Binary files /dev/null and b/resources/favicon.ico differ
diff --git a/resources/index-dev-vscode.html b/resources/index-dev-vscode.html
index 2239de4a6..7ad7e99ba 100644
--- a/resources/index-dev-vscode.html
+++ b/resources/index-dev-vscode.html
@@ -12,8 +12,8 @@
-
-
+
+
GitHub1s
diff --git a/resources/index-hash.html b/resources/index-hash.html
index a0bfa01d0..8bbeb9ebb 100644
--- a/resources/index-hash.html
+++ b/resources/index-hash.html
@@ -12,8 +12,8 @@
-
-
+
+
diff --git a/resources/index.html b/resources/index.html
index d608acffd..253867c73 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -12,8 +12,8 @@
-
-
+
+
diff --git a/scripts/package/copy-resources.sh b/scripts/package/copy-resources.sh
index 15c5c2ecd..7d78bcf4f 100755
--- a/scripts/package/copy-resources.sh
+++ b/scripts/package/copy-resources.sh
@@ -13,7 +13,7 @@ function main() {
else
cp resources/index.html dist/index.html
fi
- cp resources/*.ico dist
+ cp resources/favicon* dist
cp resources/manifest.json dist
echo "copy resources done!"
diff --git a/tests/__tests__/index.test.ts b/tests/__tests__/index.test.ts
index 3a4289cf9..373dbb0ac 100644
--- a/tests/__tests__/index.test.ts
+++ b/tests/__tests__/index.test.ts
@@ -43,7 +43,7 @@ it('should load successfully', async () => {
// Make sure the repo loads
await page.click('div[role="tab"]');
// GitHub repo Link available
- await page.$eval('a[title="Home"][aria-label="Home"]', (el) => el.innerHTML);
+ await page.$eval('div.home-bar[role="toolbar"]', (el) => el.innerHTML);
// File explorer available
await page.$eval(
'div[role="tree"][aria-label="Files Explorer"]',
diff --git a/tests/yarn.lock b/tests/yarn.lock
index ebd3a1fa6..f4f3c1c6e 100644
--- a/tests/yarn.lock
+++ b/tests/yarn.lock
@@ -1971,9 +1971,9 @@ homedir-polyfill@^1.0.0:
parse-passwd "^1.0.0"
hosted-git-info@^2.1.4:
- version "2.8.8"
- resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
- integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==
+ version "2.8.9"
+ resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
+ integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
html-encoding-sniffer@^2.0.1:
version "2.0.1"
diff --git a/vercel.json b/vercel.json
index a04641195..6a1e04a10 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,27 +1,49 @@
{
- "routes": [
+ "rewrites": [
{
- "src": "/api/sourcegraph",
- "dest": "https://sourcegraph.com/.api/graphql"
+ "source": "/api/sourcegraph",
+ "destination": "https://sourcegraph.com/.api/graphql"
},
{
- "src": "/static/(.*)",
- "dest": "/static/$1",
- "headers": {
- "Cache-Control": "max-age=604800"
- }
+ "source": "/api/github-auth-callback",
+ "destination": "/api/github-auth-callback"
},
{
- "src": "/favicon(-dark|-light)?.ico",
- "dest": "/favicon$1.ico"
+ "source": "/static/(.*)",
+ "destination": "/api/static-fallback"
},
{
- "src": "/manifest.json",
- "dest": "/manifest.json"
+ "source": "/(.*)",
+ "destination": "/index.html"
+ }
+ ],
+ "headers": [
+ {
+ "source": "/static/(.*)",
+ "headers": [
+ {
+ "key": "Cache-Control",
+ "value": "public, max-age=2592000, immutable"
+ }
+ ]
+ },
+ {
+ "source": "/favicon(-dark|-light)?\\.(ico|svg)",
+ "headers": [
+ {
+ "key": "Cache-Control",
+ "value": "public, max-age=3600"
+ }
+ ]
},
{
- "src": ".*",
- "dest": "/index.html"
+ "source": "/manifest.json",
+ "headers": [
+ {
+ "key": "Cache-Control",
+ "value": "public, max-age=3600"
+ }
+ ]
}
]
-}
\ No newline at end of file
+}
diff --git a/vscode-web-github1s/package.json b/vscode-web-github1s/package.json
index 6359738c4..4a3b604b9 100644
--- a/vscode-web-github1s/package.json
+++ b/vscode-web-github1s/package.json
@@ -1,6 +1,6 @@
{
"name": "@github1s/vscode-web",
- "version": "0.1.2",
+ "version": "0.1.8",
"description": "VS Code web for GitHub1s",
"author": "github1s",
"license": "MIT",
@@ -38,6 +38,7 @@
"xterm-addon-webgl": "0.10.0-beta.1"
},
"devDependencies": {
+ "@types/trusted-types": "^2.0.0",
"npm-run-all": "^4.1.5"
}
}
diff --git a/vscode-web-github1s/src/vs/base/worker/workerMain.ts b/vscode-web-github1s/src/vs/base/worker/workerMain.ts
new file mode 100644
index 000000000..5765195d4
--- /dev/null
+++ b/vscode-web-github1s/src/vs/base/worker/workerMain.ts
@@ -0,0 +1,101 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Microsoft Corporation. All rights reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+(function () {
+
+ const MonacoEnvironment = (
self).MonacoEnvironment;
+ const monacoBaseUrl = MonacoEnvironment && MonacoEnvironment.baseUrl ? MonacoEnvironment.baseUrl : '../../../';
+
+ const trustedTypesPolicy = (
+ typeof self.trustedTypes?.createPolicy === 'function'
+ ? self.trustedTypes?.createPolicy('amdLoader', {
+ createScriptURL: value => value,
+ createScript: (_, ...args: string[]) => {
+ // workaround a chrome issue not allowing to create new functions
+ // see https://github.com/w3c/webappsec-trusted-types/wiki/Trusted-Types-for-function-constructor
+ const fnArgs = args.slice(0, -1).join(',');
+ const fnBody = args.pop()!.toString();
+ const body = `(function anonymous(${fnArgs}) {\n${fnBody}\n})`;
+ return body;
+ }
+ })
+ : undefined
+ );
+
+ function loadAMDLoader() {
+ return new Promise((resolve, reject) => {
+ if (typeof (self).define === 'function' && (self).define.amd) {
+ return resolve();
+ }
+ const loaderSrc: string | TrustedScriptURL = monacoBaseUrl + 'vs/loader.js';
+
+ const isCrossOrigin = (/^((http:)|(https:)|(file:))/.test(loaderSrc) && loaderSrc.substring(0, self.origin.length) !== self.origin);
+ if (!isCrossOrigin) {
+ // use `fetch` if possible because `importScripts`
+ // is synchronous and can lead to deadlocks on Safari
+ fetch(loaderSrc).then((response) => {
+ if (response.status !== 200) {
+ throw new Error(response.statusText);
+ }
+ return response.text();
+ }).then((text) => {
+ text = `${text}\n//# sourceURL=${loaderSrc}`;
+ const func = (
+ trustedTypesPolicy
+ // below codes are changed by github1s
+ // fix error in webworker for old browsers
+ ? self.eval(trustedTypesPolicy.createScript('', text).toString())
+ // above codes are changed by github1s
+ : new Function(text)
+ );
+ func.call(self);
+ resolve();
+ }).then(undefined, reject);
+ return;
+ }
+
+ if (trustedTypesPolicy) {
+ importScripts(trustedTypesPolicy.createScriptURL(loaderSrc) as unknown as string);
+ } else {
+ importScripts(loaderSrc as string);
+ }
+ resolve();
+ });
+ }
+
+ const loadCode = function (moduleId: string) {
+ loadAMDLoader().then(() => {
+ require.config({
+ baseUrl: monacoBaseUrl,
+ catchError: true,
+ trustedTypesPolicy,
+ });
+ require([moduleId], function (ws) {
+ setTimeout(function () {
+ let messageHandler = ws.create((msg: any, transfer?: Transferable[]) => {
+ (self).postMessage(msg, transfer);
+ }, null);
+
+ self.onmessage = (e: MessageEvent) => messageHandler.onmessage(e.data);
+ while (beforeReadyMessages.length > 0) {
+ self.onmessage(beforeReadyMessages.shift()!);
+ }
+ }, 0);
+ });
+ });
+ };
+
+ let isFirstMessage = true;
+ let beforeReadyMessages: MessageEvent[] = [];
+ self.onmessage = (message: MessageEvent) => {
+ if (!isFirstMessage) {
+ beforeReadyMessages.push(message);
+ return;
+ }
+
+ isFirstMessage = false;
+ loadCode(message.data);
+ };
+})();
diff --git a/vscode-web-github1s/src/vs/code/browser/workbench/workbench.ts b/vscode-web-github1s/src/vs/code/browser/workbench/workbench.ts
index 5eb930f22..7cd7ff01f 100644
--- a/vscode-web-github1s/src/vs/code/browser/workbench/workbench.ts
+++ b/vscode-web-github1s/src/vs/code/browser/workbench/workbench.ts
@@ -23,6 +23,10 @@ import { parseLogLevel } from 'vs/platform/log/common/log';
import { getBrowserUrl, replaceBrowserUrl } from 'vs/github1s/util';
// eslint-disable-next-line
import { renderNotification } from 'vs/github1s/notification';
+// eslint-disable-next-line
+import { getGitHubAccessToken } from 'vs/github1s/authorizing-github';
+// eslint-disable-next-line
+import { getGitHubAccessTokenWithOverlay, hideAuthorizingOverlay } from 'vs/github1s/authorizing-overlay';
// custom vs code commands defined by github1s
const getGitHub1sCustomCommands: () => {
@@ -31,6 +35,9 @@ const getGitHub1sCustomCommands: () => {
}[] = () => [
{ id: 'github1s.vscode.get-browser-url', handler: getBrowserUrl },
{ id: 'github1s.vscode.replace-browser-url', handler: replaceBrowserUrl },
+ { id: 'github1s.vscode.get-github-access-token', handler: getGitHubAccessToken },
+ { id: 'github1s.vscode.get-github-access-token-with-overlay', handler: getGitHubAccessTokenWithOverlay },
+ { id: 'github1s.vscode.hide-authorizing-overlay', handler: hideAuthorizingOverlay },
];
// above codes are changed by github1s
diff --git a/vscode-web-github1s/src/vs/github1s/authorizing-github.ts b/vscode-web-github1s/src/vs/github1s/authorizing-github.ts
new file mode 100644
index 000000000..526f7f591
--- /dev/null
+++ b/vscode-web-github1s/src/vs/github1s/authorizing-github.ts
@@ -0,0 +1,59 @@
+/**
+ * @file Authorizing to GitHub with OAuth App flow
+ * @doc https://docs.github.com/en/developers/apps/authorizing-oauth-apps
+ * @author netcon
+ */
+
+import { commands } from 'vs/workbench/workbench.web.api';
+
+const CLIENT_ID = 'eae6621348403ea49103';
+const GITHUB_AUTH_URL = `https://github.com/login/oauth/authorize?scope=repo,user:email&client_id=${CLIENT_ID}`;
+const OPEN_WINDOW_FEATURES = 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=800,height=520,top=150,left=150';
+const AUTH_PAGE_ORIGIN = 'https://auth.github1s.com';
+
+const timeout = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));
+
+export type AuthMessageData =
+ | { access_token: string; token_type?: string; scope?: string }
+ | { error: string; error_description: string; error_uri?: string };
+
+export const getGitHubAccessToken = (retryWithOverlay: boolean = false) => {
+ const opener = window.open(GITHUB_AUTH_URL, '_blank', OPEN_WINDOW_FEATURES);
+
+ return new Promise((resolve) => {
+ let overlayOpened = false;
+ // if this function isn't called by a user event,
+ // the browser may block opening a new window,
+ // open the overlay to try authorizing again in this case
+ if (!opener && retryWithOverlay) {
+ overlayOpened = true;
+ commands.executeCommand('github1s.vscode.get-github-access-token-with-overlay')
+ .then(data => resolve(data as AuthMessageData));
+ }
+
+ const handleAuthMessage = (event: MessageEvent<{ type: string, payload: AuthMessageData }>) => {
+ // Note that though the browser block opening window and popup a tip,
+ // the user can be still open it from the tip. In this case, the `opener`
+ // is null, and we should still process the authorizing message
+ if (event.origin !== AUTH_PAGE_ORIGIN || (opener && event.source !== opener) || event.data?.type !== 'authorizing') {
+ return;
+ }
+ // if we have retried with overlay, but we received a message from the
+ // blocked window before, and there is no token in it, just ignore the message
+ if (overlayOpened && !('access_token' in event.data.payload)) {
+ return;
+ }
+ // if we get the token here, and the overlay is opened, just close it
+ overlayOpened && commands.executeCommand('github1s.vscode.hide-authorizing-overlay');
+ window.removeEventListener('message', handleAuthMessage);
+ resolve(event.data.payload);
+ };
+
+ window.addEventListener('message', handleAuthMessage);
+ // if there isn't any message from opener window in 300s, remove the message handler
+ timeout(300 * 1000).then(() => {
+ window.removeEventListener('message', handleAuthMessage);
+ resolve({ error: 'authorizing_timeout', error_description: 'Authorizing timeout' });
+ });
+ });
+};
diff --git a/vscode-web-github1s/src/vs/github1s/authorizing-overlay.css b/vscode-web-github1s/src/vs/github1s/authorizing-overlay.css
new file mode 100644
index 000000000..7e3f4c0ef
--- /dev/null
+++ b/vscode-web-github1s/src/vs/github1s/authorizing-overlay.css
@@ -0,0 +1,269 @@
+.github1s-authorizing-mask {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 99999;
+ background-color: rgba(0, 0, 0, .6);
+ display: flex;
+ justify-content: center;
+ align-items: flex-start;
+}
+
+.github1s-authorizing-visible {
+ overflow: hidden;
+}
+
+.github1s-overlay-visible .monaco-workbench {
+ filter: blur(2px);
+}
+
+@keyframes authorizingDialogBouncedIn {
+ from { opacity: 0; transform: scale(0); }
+ to { opacity: 1; transform: scale(1); }
+}
+
+@keyframes authorizingDialogBouncedOut {
+ from { opacity: 1; transform: scale(1); }
+ to { opacity: 0; transform: scale(0); }
+}
+
+.github1s-authorizing-dialog {
+ color: #ccc;
+ font-family: Inter, sans-serif;
+ width: 80%;
+ max-width: 520px;
+ background-color: #101010;
+ border-radius: 8px;
+ border: 1px solid #666;
+ text-align: center;
+ padding: 40px 20px 52px;
+ position: absolute;
+ margin-top: 20vh;
+ animation-name: authorizingDialogBouncedIn;
+ animation-duration: 0.2s;
+ animation-iteration-count: 1;
+}
+
+.github1s-authorizing-dialog.exiting {
+ animation-name: authorizingDialogBouncedOut;
+}
+
+.github1s-authorizing-dialog a.link {
+ color: #1890ff;
+}
+
+.github1s-authorizing-dialog a.link:hover {
+ color: #40a9ff;
+}
+
+.github1s-authorizing-dialog a.link:active {
+ color: #096dd9;
+}
+
+.github1s-authorizing-dialog [disabled] {
+ opacity: 0.7;
+ cursor: not-allowed !important;
+}
+
+.github1s-authorizing-dialog .error-message {
+ text-align: left;
+ margin-top: 6px;
+ font-size: 13px;
+ color: #ff4d4f;
+}
+
+.github1s-authorizing-dialog .error-message .link {
+ margin-left: 4px;
+}
+
+.github1s-authorizing-dialog .close-button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 36px;
+ height: 36px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ font-size: 20px;
+ cursor: pointer;
+ transition: color 0.1s;
+}
+
+.github1s-authorizing-dialog .close-button::after {
+ content: '×';
+}
+
+.github1s-authorizing-dialog .close-button:hover {
+ color: #ff4d4f;
+}
+
+.github1s-authorizing-dialog .close-button:active {
+ color: #d9363e;
+}
+
+.github1s-authorizing-dialog .header-title {
+ color: #fff;
+ font-size: 23px;
+ margin-bottom: 20px;
+}
+
+.github1s-authorizing-dialog .feature-list {
+ list-style: none;
+ font-size: 14px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 0;
+ margin: 0 0 20px;
+}
+
+.github1s-authorizing-dialog .features-description .feature-item {
+ margin-right: 12px;
+ white-space: nowrap;
+ line-height: 20px;
+}
+
+.github1s-authorizing-dialog li.feature-item a {
+ color: #ccc;
+ text-decoration: none;
+}
+
+
+.github1s-authorizing-dialog .features-description .feature-item::before {
+ content: '✓';
+ color: #32d74b;
+ margin-right: 4px;
+}
+
+.github1s-authorizing-dialog .features-description .feature-item:last-child {
+ margin-right: 0;
+}
+
+.github1s-authorizing-dialog .github-documentation {
+ font-size: 13px;
+ margin-bottom: 32px;
+}
+
+.github1s-authorizing-dialog .authorizing-methods {
+ display: inline-block;
+ width: 85%;
+ max-width: 320px;
+}
+
+.github1s-authorizing-dialog .authorizing-button {
+ height: 40px;
+ width: 100%;
+ outline: none;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: #fff;
+ box-shadow: rgba(255, 255, 255, 0.2) 0px 2px 4px;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+ font-size: 16px;
+ transition: all 0.1s;
+ cursor: pointer;
+}
+
+.github1s-authorizing-dialog .authorizing-button:not([disabled]):hover {
+ transform: scale(1.03);
+ box-shadow: rgba(255, 255, 255, 0.25) 0px 2px 8px;
+}
+
+.github1s-authorizing-dialog .authorizing-button:not([disabled]):active {
+ transform: scale(0.98);
+}
+
+.github1s-authorizing-dialog .authorizing-button .github-logo {
+ height: 24px;
+ margin-right: 8px;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .split-line {
+ height: 0;
+ border: 1px solid #ccc;
+ margin: 28px 0;
+ position: relative;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .split-line::after {
+ content: 'OR';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateY(-50%) translateX(-50%);
+ border: 2px solid #ccc;
+ padding: 4px 16px;
+ border-radius: 8px;
+ background-color: #000;
+ font-size: 12px;
+ font-weight: bold;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .input-oauth-token-form {
+ display: flex;
+ height: 32px;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .create-token-link {
+ font-size: 12px;
+ text-align: left;
+ margin-top: 8px;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .input-oauth-token-form .input-box {
+ flex: 1;
+ outline: none;
+ color: #ccc;
+ border: 1px solid #3c3c3c;
+ background-color: #3c3c3c;
+ border-radius: 4px;
+ padding: 0 8px;
+ margin-right: 8px;
+ font-size: 14px;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .input-oauth-token-form .input-box:focus {
+ border: 1px solid #096dd9;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .input-oauth-token-form .submit-button {
+ border-style: none;
+ outline: none;
+ width: 60px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 4px;
+ color: #fff;
+ background-color: #09639c;
+ cursor: pointer;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .input-oauth-token-form .submit-button:not([disabled]):hover {
+ background-color: #1177bb;
+}
+
+.github1s-authorizing-dialog .authorizing-methods .input-oauth-token-form .submit-button:not([disabled]):active {
+ color: #ccc;
+ background-color: #0867ab;
+}
+
+@media (max-width: 550px) {
+ .github1s-authorizing-dialog .feature-list {
+ flex-direction: column;
+ }
+
+ .github1s-authorizing-dialog .features-description .feature-item {
+ width: 180px;
+ text-align: left;
+ margin-right: 0;
+ }
+}
diff --git a/vscode-web-github1s/src/vs/github1s/authorizing-overlay.ts b/vscode-web-github1s/src/vs/github1s/authorizing-overlay.ts
new file mode 100644
index 000000000..69a2e8833
--- /dev/null
+++ b/vscode-web-github1s/src/vs/github1s/authorizing-overlay.ts
@@ -0,0 +1,246 @@
+/**
+ * @file authorizing overlay
+ * @author netcon
+ */
+
+import { commands } from 'vs/workbench/workbench.web.api';
+import { getGitHubAccessToken, AuthMessageData } from 'vs/github1s/authorizing-github';
+import 'vs/css!./authorizing-overlay';
+
+const AUTHORIZING_DIALOG_HTML = `
+
+
+
+
+
+
+
+
+
+
+
+