@jetbrains/ring-ui 4.1.5 → 5.0.0-beta.2

package/components/auth/down-notification.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import alertService from '../alert-service/alert-service';
-import Alert from '../alert/alert';
-import Link from '../link/link';
-import Group from '../group/group';
-
-import styles from './down-notification.css';
-
-let key = null;
-
-function renderAlert(message, type = Alert.Type.WARNING) {
-  const existingAlert = alertService.showingAlerts.filter(alert => alert.key === key)[0];
-
-  if (!existingAlert) {
-    key = alertService.addAlert(message, type, 0, {closeable: false});
-  } else {
-    existingAlert.message = message;
-    existingAlert.type = type;
-    alertService.renderAlerts();
-  }
-}
-
-function Message({translations, onCheckAgain}) {
-  const {backendIsNotAvailable, checkAgain, errorMessage} = translations;
-
-  return (
-    <div data-test="ring-backend-down-notification">
-      <Group>
-        <div className={styles.title}>{backendIsNotAvailable}</div>
-      </Group>
-      <span className={styles.error}>{errorMessage} </span>
-      <Link onClick={onCheckAgain} data-test="check-again">{checkAgain}</Link>
-    </div>
-  );
-}
-Message.propTypes = {
-  translations: PropTypes.shape({
-    backendIsNotAvailable: PropTypes.string,
-    checkAgain: PropTypes.string,
-    errorMessage: PropTypes.string
-  }),
-  onCheckAgain: PropTypes.func
-};
-
-export default function onBackendDown({onCheckAgain, translations}) {
-  async function checkAgainWithoutClosing(e) {
-    // Alert has weird behaviour of handling clicks by "a" tags
-    e.stopPropagation();
-    try {
-      renderAlert('Connecting...', Alert.Type.LOADING);
-      await onCheckAgain();
-    } catch (err) {
-      renderAlert(
-        <Message
-          translations={translations}
-          onCheckAgain={checkAgainWithoutClosing}
-        />
-      );
-    }
-  }
-
-  renderAlert(
-    <Message
-      translations={translations}
-      onCheckAgain={checkAgainWithoutClosing}
-    />
-  );
-
-  return () => alertService.remove(key);
-}

package/components/auth/iframe-flow.js

@@ -1,99 +0,0 @@
-import React from 'react';
-
-import loginDialogService from '../login-dialog/service';
-import Link from '../link/link';
-
-import AuthResponseParser from './response-parser';
-
-export default class IFrameFlow {
-  hideDialog = null;
-
-  constructor(requestBuilder, storage, translations) {
-    this._requestBuilder = requestBuilder;
-    this._storage = storage;
-    this._translations = translations;
-    this._reset();
-  }
-
-  /**
-   * Initiates authorization in window
-   */
-  async _load() {
-    const authRequest = await this._requestBuilder.prepareAuthRequest(
-      // eslint-disable-next-line camelcase
-      {request_credentials: 'required', auth_mode: 'bypass_to_login'},
-      {nonRedirect: false}
-    );
-
-    const renderFallbackLink = () => (
-      <Link
-        href={authRequest.url}
-        target="_self"
-      >{this._translations.nothingHappensLink}</Link>
-    );
-
-    return new Promise((resolve, reject) => {
-      this.hideDialog = loginDialogService({
-        url: authRequest.url,
-        loader: true,
-        onCancel: () => {
-          // eslint-disable-next-line no-use-before-define
-          cleanUp();
-          this.stop();
-        },
-        renderFallbackLink
-      });
-
-      this.reject = reject;
-
-      const removeTokenListener = this._storage.onTokenChange(token => {
-        if (token) {
-          // eslint-disable-next-line no-use-before-define
-          cleanUp();
-          resolve(token.accessToken);
-        }
-      });
-
-      const removeStateListener = this._storage.onStateChange(authRequest.stateId, state => {
-        if (state && state.error) {
-          // eslint-disable-next-line no-use-before-define
-          cleanUp();
-          reject(new AuthResponseParser.AuthError(state));
-        }
-      });
-
-      const cleanUp = () => {
-        this.hideDialog();
-        removeStateListener();
-        removeTokenListener();
-      };
-    });
-  }
-
-  _reset = () => {
-    this._promise = null;
-    this.hideDialog = null;
-  };
-
-  stop() {
-    if (this.hideDialog) {
-      this.hideDialog();
-    }
-    if (this.reject) {
-      this.reject('Login form closed');
-    }
-    this._reset();
-  }
-
-  authorize() {
-    if (this._promise !== null && this._loginWindow !== null && this._loginWindow.closed !== true) {
-      return this._promise;
-    }
-
-    this._promise = this._load();
-
-    this._promise.then(this._reset, this._reset);
-
-    return this._promise;
-  }
-}

package/components/auth/request-builder.test.js

@@ -1,64 +0,0 @@
-import AuthRequestBuilder from './request-builder';
-
-describe('Auth', () => {
-  describe('AuthRequestBuilder', () => {
-    describe('prepareAuthRequest', () => {
-      const config = {
-        authorization: 'https://sso.jetbrains.com/auth',
-        redirectUri: 'http://localhost:8080',
-        requestCredentials: 'default',
-        clientId: '0-0-0-0-0',
-        scopes: ['youtrack', 'teamcity', 'vcs settings']
-      };
-      beforeEach(() => {
-        sandbox.stub(AuthRequestBuilder, '_uuid').returns('unique');
-        sandbox.stub(AuthRequestBuilder.prototype, '_saveState').
-          callsFake(() => Promise.resolve());
-      });
-
-      it('should return correct URL', () => {
-        const builder = new AuthRequestBuilder(config);
-        const expected = 'https://sso.jetbrains.com/auth?response_type=token&' +
-          'state=unique&redirect_uri=http%3A%2F%2Flocalhost%3A8080&request_credentials=default' +
-          '&client_id=0-0-0-0-0&scope=youtrack%20teamcity%20vcs%2520settings';
-        return builder.prepareAuthRequest().should.become({
-          url: expected,
-          stateId: 'unique'
-        });
-
-      });
-
-      it('should save state', async () => {
-        const builder = new AuthRequestBuilder(config);
-        await builder.prepareAuthRequest();
-        AuthRequestBuilder.prototype._saveState.should.have.been.calledWith('unique', {
-          restoreLocation: window.location.href,
-          scopes: ['youtrack', 'teamcity', 'vcs settings']
-        });
-      });
-
-      it('should save extra state', async () => {
-        const builder = new AuthRequestBuilder(config);
-        await builder.prepareAuthRequest(null, {nonRedirect: true});
-        AuthRequestBuilder.prototype._saveState.should.have.been.calledWith('unique', {
-          restoreLocation: window.location.href,
-          nonRedirect: true,
-          scopes: ['youtrack', 'teamcity', 'vcs settings']
-        });
-      });
-
-
-      it('should return correct URL with extra parameters', () => {
-        const builder = new AuthRequestBuilder(config);
-        const expected = 'https://sso.jetbrains.com/auth?response_type=token&state=unique&' +
-          'redirect_uri=http%3A%2F%2Flocalhost%3A8080&request_credentials=required&' +
-          'client_id=0-0-0-0-0&scope=youtrack%20teamcity%20vcs%2520settings';
-        // eslint-disable-next-line camelcase
-        return builder.prepareAuthRequest({request_credentials: 'required'}).should.become({
-          url: expected,
-          stateId: 'unique'
-        });
-      });
-    });
-  });
-});

package/components/auth/response-parser.test.js

@@ -1,89 +0,0 @@
-import AuthResponseParser from './response-parser';
-
-describe('Auth', () => {
-  describe('AuthResponseParser', () => {
-    describe('getAuthResponseFromURL', () => {
-      let location;
-      beforeEach(function beforeEach() {
-        sandbox.stub(AuthResponseParser.prototype, 'getLocation').callsFake(() => location);
-      });
-
-      it('should convert keys to camelCase', () => {
-        location = 'http://localhost:8080/hub#access_token=2YotnFZFEjr1zCsicMWpAA' +
-          '&state=xyz&token_type=example&expires_in=3600';
-        const parser = new AuthResponseParser();
-        parser.readAuthResponseFromURL().should.be.deep.equal({
-          accessToken: '2YotnFZFEjr1zCsicMWpAA',
-          state: 'xyz',
-          tokenType: 'example',
-          expiresIn: '3600'
-        });
-      });
-
-      it('should return correct response', () => {
-        location = 'http://localhost:8080/hub#access_token=2YotnFZFEjr1zCsicMWpAA' +
-          '&state=xyz&token_type=example&expires_in=3600';
-
-        const parser = new AuthResponseParser();
-        parser.getAuthResponseFromURL().should.be.deep.equal({
-          accessToken: '2YotnFZFEjr1zCsicMWpAA',
-          state: 'xyz',
-          tokenType: 'example',
-          expiresIn: '3600'
-        });
-      });
-
-      it('should return null for null location', () => {
-        location = null;
-        const parser = new AuthResponseParser();
-        should.not.exist(parser.getAuthResponseFromURL());
-      });
-
-      it('should return null for empty location', () => {
-        location = '';
-        const parser = new AuthResponseParser();
-        should.not.exist(parser.getAuthResponseFromURL());
-      });
-
-      it('should return null for empty hash', () => {
-        location = 'http://localhost:8080/hub#';
-        const parser = new AuthResponseParser();
-        should.not.exist(parser.getAuthResponseFromURL());
-      });
-
-      it('should return null for no hash', () => {
-        location = 'http://localhost:8080/hub';
-        const parser = new AuthResponseParser();
-        should.not.exist(parser.getAuthResponseFromURL());
-      });
-
-      it('should return correct for value with hashes', () => {
-        location = 'http://localhost:8080/hub#access_token=#2YotnFZFEjr1zCsicMWpAA#';
-        const parser = new AuthResponseParser();
-        parser.getAuthResponseFromURL().should.be.deep.
-          equal({accessToken: '#2YotnFZFEjr1zCsicMWpAA#'});
-      });
-
-      it('should throw error on error in auth response', () => {
-        location = 'http://localhost:8080/hub#error=we+are+in+trouble';
-        const parser = new AuthResponseParser();
-        parser.getAuthResponseFromURL.bind(parser).should.throw(AuthResponseParser.AuthError);
-      });
-
-      it('should throw error with fields from request', () => {
-        location = 'http://localhost:8080/hub#error=access_denied&' +
-        'error_uri=http://error&error_description=Logged+in+user+is+banned&state=unique';
-        const parser = new AuthResponseParser();
-
-        try {
-          parser.getAuthResponseFromURL();
-        } catch (e) {
-          e.should.have.property('message', 'Logged in user is banned');
-          e.should.have.property('code', 'access_denied');
-          e.should.have.property('stateId', 'unique');
-          e.should.have.property('uri', 'http://error');
-        }
-      });
-    });
-  });
-});

package/components/auth/storage.test.js

@@ -1,178 +0,0 @@
-import AuthStorage from './storage';
-import TokenValidator from './token-validator';
-
-import MockedStorage from 'imports-loader?imports=default|storage-mock|window!../storage/storage__local';
-
-const TICK = 100;
-
-describe('Auth', () => {
-  describe('AuthStorage', () => {
-    const authStorage = new AuthStorage({
-      stateKeyPrefix: 'state',
-      tokenKey: 'token'
-    });
-    const stateId = 'unique';
-
-    afterEach(() => {
-      localStorage.clear();
-    });
-
-    describe('saveState', () => {
-      it('should be fulfilled', () => authStorage.saveState(stateId, {
-        restoreLocation: 'http://localhost:8080/hub#hash',
-        scopes: ['0-0-0-0-0']
-      }).should.be.fulfilled);
-    });
-
-    describe('getState', () => {
-      const state = {
-        restoreLocation: 'http://localhost:8080/hub#hash',
-        scopes: ['0-0-0-0-0']
-      };
-      it('should be get as it was saved', async () => {
-        await authStorage.saveState(stateId, state);
-        const newState = await authStorage.getState(stateId);
-        newState.should.deep.equal(state);
-      });
-
-      it('should be null if wasn\'t set', () => {
-        authStorage.getState(stateId).should.eventually.be.null;
-      });
-
-      it('should be null after first get', async () => {
-        await authStorage.saveState(stateId, state);
-        await authStorage.getState(stateId);
-        authStorage.getState(stateId).should.eventually.be.null;
-      });
-    });
-
-    describe('cleanStates', () => {
-      const state = {
-        restoreLocation: 'http://localhost:8080/hub#hash',
-        scopes: ['0-0-0-0-0']
-      };
-
-      it('should clean state by id', async () => {
-        await authStorage.saveState(stateId, {
-          restoreLocation: 'http://localhost:8080/hub#hash',
-          scopes: ['0-0-0-0-0']
-        });
-        await authStorage.saveState('unique2', {
-          restoreLocation: 'http://localhost:8080/hub#hash',
-          scopes: ['0-0-0-0-0', 'youtrack']
-        });
-        await authStorage.cleanStates(stateId);
-        localStorage.should.have.keys(['stateunique2']);
-      });
-
-      it('should clean state by quota', async () => {
-
-        const limitedAuthStorage = new AuthStorage({
-          stateKeyPrefix: 'state',
-          tokenKey: 'token',
-          stateQuota: 200
-        });
-
-        await limitedAuthStorage.saveState(stateId, state);
-        await limitedAuthStorage.saveState('unique2', {
-          restoreLocation: 'http://localhost:8080/hub#hash',
-          scopes: ['0-0-0-0-0', 'youtrack']
-        });
-        await limitedAuthStorage.cleanStates();
-        localStorage.should.have.keys(['stateunique2']);
-      });
-
-      it('should clean state by TTL', async () => {
-        sandbox.useFakeTimers({toFake: ['Date']});
-
-        const limitedAuthStorage = new AuthStorage({
-          stateKeyPrefix: 'state',
-          tokenKey: 'token',
-          stateTTL: 10
-        });
-
-        await limitedAuthStorage.saveState(stateId, state);
-        sandbox.clock.tick(TICK);
-        await limitedAuthStorage.cleanStates();
-        sandbox.clock.tick(TICK);
-        localStorage.should.be.empty;
-      });
-    });
-
-    const token = {
-      accessToken: 'silver-bullet',
-      scopes: ['0-0-0-0-0'],
-      // eslint-disable-next-line no-magic-numbers
-      expires: TokenValidator._epoch() + 40 * 60
-    };
-
-    describe('saveToken', () => {
-      it('should be fulfilled', () => authStorage.saveToken(token).should.be.fulfilled);
-    });
-
-    describe('getToken', () => {
-      it('should be get as it was saved', async () => {
-        await authStorage.saveToken(token);
-        authStorage.getToken().should.become(token);
-      });
-
-      it('should be null if wasn\'t saved', () => authStorage.getToken().should.eventually.be.null);
-
-      it('should be the same after several get', async () => {
-        await authStorage.saveToken(token);
-        await authStorage.getToken();
-        authStorage.getToken().should.become(token);
-      });
-
-      it('should be null after wipe', async () => {
-        await authStorage.saveToken(token);
-        await authStorage.wipeToken();
-        authStorage.getToken().should.eventually.be.null;
-      });
-    });
-
-    describe('events', () => {
-      let mockedAuthStorage;
-
-      beforeEach(() => {
-        mockedAuthStorage = new AuthStorage({
-          stateKeyPrefix: 'state',
-          tokenKey: 'loltoken',
-          storage: MockedStorage
-        });
-      });
-
-      it('onTokenChange should have been triggered', () => {
-        const clock = sandbox.useFakeTimers({toFake: ['setTimeout']});
-        const spy = sandbox.spy();
-        mockedAuthStorage.onTokenChange(spy);
-        mockedAuthStorage.saveToken(token);
-
-        clock.tick(1);
-        spy.should.have.been.calledOnce;
-      });
-
-      it('onStateChange should have been triggered', () => {
-        const clock = sandbox.useFakeTimers({toFake: ['setTimeout']});
-        const spy = sandbox.spy();
-        mockedAuthStorage.onStateChange(stateId, spy);
-        mockedAuthStorage.saveState(stateId, {});
-
-        clock.tick(1);
-        spy.should.have.been.calledOnce;
-      });
-
-      it('onMessage should have been triggered', () => {
-        const clock = sandbox.useFakeTimers({toFake: ['setTimeout']});
-        const spy = sandbox.spy();
-        mockedAuthStorage.onMessage(stateId, spy);
-        mockedAuthStorage.sendMessage(stateId, 'message');
-
-
-        clock.tick(1);
-        spy.should.have.been.calledOnce;
-        spy.should.have.been.calledWith('message');
-      });
-    });
-  });
-});