Removed GopherJS, basic frontend completed, need backend changes for

torrent storage

torrent-project/node_modules/material-ui/MobileStepper/MobileStepper.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { StandardProps } from '..';
+import { PaperProps, PaperClassKey } from '../Paper';
+import { ButtonProps } from '../Button';
+
+export interface MobileStepperProps extends StandardProps<
+  PaperProps,
+  MobileStepperClassKey
+> {
+  activeStep?: number;
+  backButton: React.ReactElement<any>;
+  nextButton: React.ReactElement<any>;  
+  position?: 'bottom' | 'top' | 'static';
+  steps: number;
+  type?: 'text' | 'dots' | 'progress';
+}
+
+export type MobileStepperClassKey =
+  | PaperClassKey
+  | 'positionBottom'
+  | 'positionTop'
+  | 'positionStatic'
+  | 'dots'
+  | 'dot'
+  | 'dotActive'
+  | 'progress'
+  ;
+
+declare const MobileStepper: React.ComponentType<MobileStepperProps>;
+
+export default MobileStepper;

torrent-project/node_modules/material-ui/MobileStepper/MobileStepper.js

@@ -0,0 +1,192 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styles = undefined;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+var _ref; //  weak
+// @inheritedComponent Paper
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _withStyles = require('../styles/withStyles');
+
+var _withStyles2 = _interopRequireDefault(_withStyles);
+
+var _Paper = require('../Paper');
+
+var _Paper2 = _interopRequireDefault(_Paper);
+
+var _helpers = require('../utils/helpers');
+
+var _Progress = require('../Progress');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var babelPluginFlowReactPropTypes_proptype_Element = require('react').babelPluginFlowReactPropTypes_proptype_Element || require('prop-types').any;
+
+var styles = exports.styles = function styles(theme) {
+  return {
+    root: {
+      display: 'flex',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      background: theme.palette.background.default,
+      padding: theme.spacing.unit
+    },
+    positionBottom: {
+      position: 'fixed',
+      bottom: 0,
+      left: 0,
+      right: 0,
+      zIndex: theme.zIndex.mobileStepper
+    },
+    positionTop: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      right: 0,
+      zIndex: theme.zIndex.mobileStepper
+    },
+    positionStatic: {},
+    dots: {
+      display: 'flex',
+      flexDirection: 'row'
+    },
+    dot: {
+      backgroundColor: theme.palette.action.disabled,
+      borderRadius: '50%',
+      width: theme.spacing.unit,
+      height: theme.spacing.unit,
+      margin: '0 2px'
+    },
+    dotActive: {
+      backgroundColor: theme.palette.primary[500]
+    },
+    progress: {
+      width: '50%'
+    }
+  };
+};
+
+var babelPluginFlowReactPropTypes_proptype_Position = require('prop-types').oneOf(['bottom', 'top', 'static']);
+
+var babelPluginFlowReactPropTypes_proptype_Type = require('prop-types').oneOf(['text', 'dots', 'progress']);
+
+var babelPluginFlowReactPropTypes_proptype_Props = {
+  /**
+   * Set the active step (zero based index).
+   * Defines which dot is highlighted when the type is 'dots'.
+   */
+  activeStep: require('prop-types').number,
+
+  /**
+   * A back button element. For instance, it can be be a `Button` or a `IconButton`.
+   */
+  backButton: typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired,
+
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: require('prop-types').object,
+
+  /**
+   * @ignore
+   */
+  className: require('prop-types').string,
+
+  /**
+   * A next button element. For instance, it can be be a `Button` or a `IconButton`.
+   */
+  nextButton: typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired,
+
+  /**
+   * Set the positioning type.
+   */
+  position: require('prop-types').oneOf(['bottom', 'top', 'static']),
+
+  /**
+   * The total steps.
+   */
+  steps: require('prop-types').number.isRequired,
+
+  /**
+   * The type of mobile stepper to use.
+   */
+  type: require('prop-types').oneOf(['text', 'dots', 'progress'])
+};
+
+
+function MobileStepper(props) {
+  var activeStep = props.activeStep,
+      backButton = props.backButton,
+      classes = props.classes,
+      classNameProp = props.className,
+      position = props.position,
+      type = props.type,
+      nextButton = props.nextButton,
+      steps = props.steps,
+      other = (0, _objectWithoutProperties3.default)(props, ['activeStep', 'backButton', 'classes', 'className', 'position', 'type', 'nextButton', 'steps']);
+
+
+  var className = (0, _classnames2.default)(classes.root, classes['position' + (0, _helpers.capitalizeFirstLetter)(position)], classNameProp);
+
+  return _react2.default.createElement(
+    _Paper2.default,
+    (0, _extends3.default)({ square: true, elevation: 0, className: className }, other),
+    backButton,
+    type === 'dots' && _react2.default.createElement(
+      'div',
+      { className: classes.dots },
+      [].concat((0, _toConsumableArray3.default)(new Array(steps))).map(function (_, step) {
+        var dotClassName = (0, _classnames2.default)((0, _defineProperty3.default)({}, classes.dotActive, step === activeStep), classes.dot);
+        // eslint-disable-next-line react/no-array-index-key
+        return _react2.default.createElement('div', { key: step, className: dotClassName });
+      })
+    ),
+    type === 'progress' && _react2.default.createElement(
+      'div',
+      { className: classes.progress },
+      _react2.default.createElement(_Progress.LinearProgress, { mode: 'determinate', value: Math.ceil(activeStep / (steps - 1) * 100) })
+    ),
+    nextButton
+  );
+}
+
+MobileStepper.propTypes = process.env.NODE_ENV !== "production" ? (_ref = {
+  activeStep: require('prop-types').number.isRequired,
+  classes: require('prop-types').object.isRequired,
+  position: require('prop-types').oneOf(['bottom', 'top', 'static']).isRequired,
+  type: require('prop-types').oneOf(['text', 'dots', 'progress']).isRequired
+}, (0, _defineProperty3.default)(_ref, 'activeStep', require('prop-types').number), (0, _defineProperty3.default)(_ref, 'backButton', typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired), (0, _defineProperty3.default)(_ref, 'classes', require('prop-types').object), (0, _defineProperty3.default)(_ref, 'className', require('prop-types').string), (0, _defineProperty3.default)(_ref, 'nextButton', typeof babelPluginFlowReactPropTypes_proptype_Element === 'function' ? babelPluginFlowReactPropTypes_proptype_Element.isRequired ? babelPluginFlowReactPropTypes_proptype_Element.isRequired : babelPluginFlowReactPropTypes_proptype_Element : require('prop-types').shape(babelPluginFlowReactPropTypes_proptype_Element).isRequired), (0, _defineProperty3.default)(_ref, 'position', require('prop-types').oneOf(['bottom', 'top', 'static'])), (0, _defineProperty3.default)(_ref, 'steps', require('prop-types').number.isRequired), (0, _defineProperty3.default)(_ref, 'type', require('prop-types').oneOf(['text', 'dots', 'progress'])), _ref) : {};
+MobileStepper.defaultProps = {
+  activeStep: 0,
+  position: 'bottom',
+  type: 'dots'
+};
+
+exports.default = (0, _withStyles2.default)(styles, { name: 'MuiMobileStepper' })(MobileStepper);

torrent-project/node_modules/material-ui/MobileStepper/MobileStepper.js.flow

@@ -0,0 +1,153 @@
+// @flow weak
+// @inheritedComponent Paper
+
+import React from 'react';
+import type { Element } from 'react';
+import classNames from 'classnames';
+import withStyles from '../styles/withStyles';
+import Paper from '../Paper';
+import { capitalizeFirstLetter } from '../utils/helpers';
+import { LinearProgress } from '../Progress';
+
+export const styles = (theme: Object) => ({
+  root: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    background: theme.palette.background.default,
+    padding: theme.spacing.unit,
+  },
+  positionBottom: {
+    position: 'fixed',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    zIndex: theme.zIndex.mobileStepper,
+  },
+  positionTop: {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    zIndex: theme.zIndex.mobileStepper,
+  },
+  positionStatic: {},
+  dots: {
+    display: 'flex',
+    flexDirection: 'row',
+  },
+  dot: {
+    backgroundColor: theme.palette.action.disabled,
+    borderRadius: '50%',
+    width: theme.spacing.unit,
+    height: theme.spacing.unit,
+    margin: '0 2px',
+  },
+  dotActive: {
+    backgroundColor: theme.palette.primary[500],
+  },
+  progress: {
+    width: '50%',
+  },
+});
+
+export type Position = 'bottom' | 'top' | 'static';
+export type Type = 'text' | 'dots' | 'progress';
+
+type ProvidedProps = {
+  activeStep: number,
+  classes: Object,
+  position: Position,
+  type: Type,
+};
+
+export type Props = {
+  /**
+   * Set the active step (zero based index).
+   * Defines which dot is highlighted when the type is 'dots'.
+   */
+  activeStep?: number,
+  /**
+   * A back button element. For instance, it can be be a `Button` or a `IconButton`.
+   */
+  backButton: Element<any>,
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes?: Object,
+  /**
+   * @ignore
+   */
+  className?: string,
+  /**
+   * A next button element. For instance, it can be be a `Button` or a `IconButton`.
+   */
+  nextButton: Element<any>,
+  /**
+   * Set the positioning type.
+   */
+  position?: Position,
+  /**
+   * The total steps.
+   */
+  steps: number,
+  /**
+   * The type of mobile stepper to use.
+   */
+  type?: Type,
+};
+
+function MobileStepper(props: ProvidedProps & Props) {
+  const {
+    activeStep,
+    backButton,
+    classes,
+    className: classNameProp,
+    position,
+    type,
+    nextButton,
+    steps,
+    ...other
+  } = props;
+
+  const className = classNames(
+    classes.root,
+    classes[`position${capitalizeFirstLetter(position)}`],
+    classNameProp,
+  );
+
+  return (
+    <Paper square elevation={0} className={className} {...other}>
+      {backButton}
+      {type === 'dots' && (
+        <div className={classes.dots}>
+          {[...new Array(steps)].map((_, step) => {
+            const dotClassName = classNames(
+              {
+                [classes.dotActive]: step === activeStep,
+              },
+              classes.dot,
+            );
+            // eslint-disable-next-line react/no-array-index-key
+            return <div key={step} className={dotClassName} />;
+          })}
+        </div>
+      )}
+      {type === 'progress' && (
+        <div className={classes.progress}>
+          <LinearProgress mode="determinate" value={Math.ceil(activeStep / (steps - 1) * 100)} />
+        </div>
+      )}
+      {nextButton}
+    </Paper>
+  );
+}
+
+MobileStepper.defaultProps = {
+  activeStep: 0,
+  position: 'bottom',
+  type: 'dots',
+};
+
+export default withStyles(styles, { name: 'MuiMobileStepper' })(MobileStepper);

torrent-project/node_modules/material-ui/MobileStepper/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MobileStepper';
+export * from './MobileStepper';

torrent-project/node_modules/material-ui/MobileStepper/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _MobileStepper = require('./MobileStepper');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_MobileStepper).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

torrent-project/node_modules/material-ui/MobileStepper/index.js.flow

@@ -0,0 +1,3 @@
+// @flow
+
+export { default } from './MobileStepper';