Added logging, changed some directory structure

goTorrentWebUI/node_modules/material-ui/es/Progress/CircularProgress.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { StandardProps } from '..';
+
+export interface CircularProgressProps extends StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  CircularProgressClassKey
+> {
+  color?: 'primary' | 'accent' | 'inherit';
+  max?: number;
+  min?: number;
+  mode?: 'determinate' | 'indeterminate';
+  size?: number;
+  value?: number;
+  thickness?: number;
+}
+
+export type CircularProgressClassKey =
+  | 'root'
+  | 'primaryColor'
+  | 'accentColor'
+  | 'svg'
+  | 'indeterminateSvg'
+  | 'circle'
+  | 'indeterminateCircle'
+  | 'determinateCircle'
+  ;
+
+declare const CircularProgress: React.ComponentType<CircularProgressProps>;
+
+export default CircularProgress

goTorrentWebUI/node_modules/material-ui/es/Progress/CircularProgress.js

@@ -0,0 +1,134 @@
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+import React from 'react';
+import classNames from 'classnames';
+import withStyles from '../styles/withStyles';
+
+const SIZE = 50;
+
+function getRelativeValue(value, min, max) {
+  const clampedValue = Math.min(Math.max(min, value), max);
+  return (clampedValue - min) / (max - min);
+}
+
+export const styles = theme => ({
+  root: {
+    display: 'inline-block'
+  },
+  primaryColor: {
+    color: theme.palette.primary[500]
+  },
+  accentColor: {
+    color: theme.palette.secondary.A200
+  },
+  svgIndeterminate: {
+    animation: 'mui-progress-circular-rotate 1.4s linear infinite'
+  },
+  svgDeterminate: {
+    transform: 'rotate(-90deg)'
+  },
+  circle: {
+    stroke: 'currentColor',
+    strokeLinecap: 'round'
+  },
+  circleIndeterminate: {
+    animation: 'mui-progress-circular-dash 1.4s ease-in-out infinite',
+    // Some default value that looks fine waiting for the animation to kicks in.
+    strokeDasharray: '80,200',
+    strokeDashoffset: 0
+  },
+  '@keyframes mui-progress-circular-rotate': {
+    '100%': {
+      transform: 'rotate(360deg)'
+    }
+  },
+  '@keyframes mui-progress-circular-dash': {
+    '0%': {
+      strokeDasharray: '1,200',
+      strokeDashoffset: 0
+    },
+    '50%': {
+      strokeDasharray: '100,200',
+      strokeDashoffset: -15
+    },
+    '100%': {
+      strokeDasharray: '100,200',
+      strokeDashoffset: -120
+    }
+  }
+});
+
+function CircularProgress(props) {
+  const {
+    classes,
+    className,
+    color,
+    size,
+    style,
+    thickness,
+    mode,
+    value,
+    min,
+    max
+  } = props,
+        other = _objectWithoutProperties(props, ['classes', 'className', 'color', 'size', 'style', 'thickness', 'mode', 'value', 'min', 'max']);
+
+  const rootProps = {};
+
+  const circleStyle = {};
+  if (mode === 'determinate') {
+    const relVal = getRelativeValue(value, min, max) * 100;
+    const circumference = 2 * Math.PI * (SIZE / 2 - 5);
+
+    circleStyle.strokeDashoffset = `${Math.round((100 - relVal) / 100 * circumference * 1000) / 1000}px`;
+    circleStyle.strokeDasharray = Math.round(circumference * 1000) / 1000;
+
+    rootProps['aria-valuenow'] = value;
+    rootProps['aria-valuemin'] = min;
+    rootProps['aria-valuemax'] = max;
+  }
+
+  return React.createElement(
+    'div',
+    _extends({
+      className: classNames(classes.root, color !== 'inherit' && classes[`${color}Color`], className),
+      style: _extends({ width: size, height: size }, style),
+      role: 'progressbar'
+    }, rootProps, other),
+    React.createElement(
+      'svg',
+      {
+        className: classNames({
+          [classes.svgIndeterminate]: mode === 'indeterminate',
+          [classes.svgDeterminate]: mode === 'determinate'
+        }),
+        viewBox: `0 0 ${SIZE} ${SIZE}`
+      },
+      React.createElement('circle', {
+        className: classNames(classes.circle, {
+          [classes.circleIndeterminate]: mode === 'indeterminate'
+        }),
+        style: circleStyle,
+        cx: SIZE / 2,
+        cy: SIZE / 2,
+        r: SIZE / 2 - 5,
+        fill: 'none',
+        strokeWidth: thickness
+      })
+    )
+  );
+}
+
+CircularProgress.defaultProps = {
+  color: 'primary',
+  size: 40,
+  thickness: 3.6,
+  mode: 'indeterminate',
+  value: 0,
+  min: 0,
+  max: 100
+};
+
+export default withStyles(styles, { name: 'MuiCircularProgress' })(CircularProgress);

goTorrentWebUI/node_modules/material-ui/es/Progress/LinearProgress.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { StandardProps } from '..';
+
+export interface LinearProgressProps extends StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  LinearProgressClassKey
+> {
+  color?: 'primary' | 'accent';
+  mode?: 'determinate' | 'indeterminate' | 'buffer' | 'query';
+  value?: number;
+  valueBuffer?: number;
+}
+
+export type LinearProgressClassKey =
+  | 'root'
+  | 'primaryColor'
+  | 'primaryColorBar'
+  | 'primaryDashed'
+  | 'accentColor'
+  | 'accentColorBar'
+  | 'accentDashed'
+  | 'bar'
+  | 'dashed'
+  | 'bufferBar2'
+  | 'rootBuffer'
+  | 'rootQuery'
+  | 'indeterminateBar1'
+  | 'indeterminateBar2'
+  | 'determinateBar1'
+  | 'bufferBar1'
+  | 'bufferBar2Primary'
+  | 'bufferBar2Accent'
+  ;
+
+declare const LinearProgress: React.ComponentType<LinearProgressProps>;
+
+export default LinearProgress;

goTorrentWebUI/node_modules/material-ui/es/Progress/LinearProgress.js

@@ -0,0 +1,207 @@
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+import React from 'react';
+import classNames from 'classnames';
+import warning from 'warning';
+import withStyles from '../styles/withStyles';
+
+const TRANSITION_DURATION = 4; // 400ms
+
+export const styles = theme => ({
+  root: {
+    position: 'relative',
+    overflow: 'hidden',
+    height: 5
+  },
+  primaryColor: {
+    backgroundColor: theme.palette.primary[100]
+  },
+  primaryColorBar: {
+    backgroundColor: theme.palette.primary[500]
+  },
+  primaryDashed: {
+    background: `radial-gradient(${theme.palette.primary[100]} 0%, ${theme.palette.primary[100]} 16%, transparent 42%)`,
+    backgroundSize: '10px 10px',
+    backgroundPosition: '0px -23px'
+  },
+  accentColor: {
+    backgroundColor: theme.palette.secondary.A100
+  },
+  accentColorBar: {
+    backgroundColor: theme.palette.secondary.A400
+  },
+  accentDashed: {
+    background: `radial-gradient(${theme.palette.secondary.A100} 0%, ${theme.palette.secondary.A100} 16%, transparent 42%)`,
+    backgroundSize: '10px 10px',
+    backgroundPosition: '0px -23px'
+  },
+  bar: {
+    width: '100%',
+    position: 'absolute',
+    left: 0,
+    bottom: 0,
+    top: 0,
+    transition: 'transform 0.2s linear',
+    transformOrigin: 'left'
+  },
+  dashed: {
+    position: 'absolute',
+    marginTop: 0,
+    height: '100%',
+    width: '100%',
+    animation: 'buffer 3s infinite linear'
+  },
+  bufferBar2: {
+    transition: `transform .${TRANSITION_DURATION}s linear`
+  },
+  rootBuffer: {
+    backgroundColor: 'transparent'
+  },
+  rootQuery: {
+    transform: 'rotate(180deg)'
+  },
+  indeterminateBar1: {
+    width: 'auto',
+    willChange: 'left, right',
+    animation: 'mui-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite'
+  },
+  indeterminateBar2: {
+    width: 'auto',
+    willChange: 'left, right',
+    animation: 'mui-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite',
+    animationDelay: '1.15s'
+  },
+  determinateBar1: {
+    willChange: 'transform',
+    transition: `transform .${TRANSITION_DURATION}s linear`
+  },
+  bufferBar1: {
+    zIndex: 1,
+    transition: `transform .${TRANSITION_DURATION}s linear`
+  },
+  bufferBar2Primary: {
+    transition: `transform .${TRANSITION_DURATION}s linear`,
+    backgroundColor: theme.palette.primary[100]
+  },
+  bufferBar2Accent: {
+    transition: `transform .${TRANSITION_DURATION}s linear`,
+    backgroundColor: theme.palette.secondary.A100
+  },
+  // Legends:
+  // || represents the viewport
+  // -  represents a light background
+  // x  represents a dark background
+  '@keyframes mui-indeterminate1': {
+    //  |-----|---x-||-----||-----|
+    '0%': {
+      left: '-35%',
+      right: '100%'
+    },
+    //  |-----|-----||-----||xxxx-|
+    '60%': {
+      left: '100%',
+      right: '-90%'
+    },
+    '100%': {
+      left: '100%',
+      right: '-90%'
+    }
+  },
+  '@keyframes mui-indeterminate2': {
+    //  |xxxxx|xxxxx||-----||-----|
+    '0%': {
+      left: '-200%',
+      right: '100%'
+    },
+    //  |-----|-----||-----||-x----|
+    '60%': {
+      left: '107%',
+      right: '-8%'
+    },
+    '100%': {
+      left: '107%',
+      right: '-8%'
+    }
+  },
+  '@keyframes buffer': {
+    '0%': {
+      opacity: 1,
+      backgroundPosition: '0px -23px'
+    },
+    '50%': {
+      opacity: 0,
+      backgroundPosition: '0px -23px'
+    },
+    '100%': {
+      opacity: 1,
+      backgroundPosition: '-200px -23px'
+    }
+  }
+});
+
+function LinearProgress(props) {
+  const { classes, className, color, mode, value, valueBuffer } = props,
+        other = _objectWithoutProperties(props, ['classes', 'className', 'color', 'mode', 'value', 'valueBuffer']);
+
+  const dashedClass = classNames(classes.dashed, {
+    [classes.primaryDashed]: color === 'primary',
+    [classes.accentDashed]: color === 'accent'
+  });
+
+  const rootClassName = classNames(classes.root, {
+    [classes.primaryColor]: color === 'primary',
+    [classes.accentColor]: color === 'accent',
+    [classes.rootBuffer]: mode === 'buffer',
+    [classes.rootQuery]: mode === 'query'
+  }, className);
+  const primaryClassName = classNames(classes.bar, {
+    [classes.primaryColorBar]: color === 'primary',
+    [classes.accentColorBar]: color === 'accent',
+    [classes.indeterminateBar1]: mode === 'indeterminate' || mode === 'query',
+    [classes.determinateBar1]: mode === 'determinate',
+    [classes.bufferBar1]: mode === 'buffer'
+  });
+  const secondaryClassName = classNames(classes.bar, {
+    [classes.bufferBar2]: mode === 'buffer',
+    [classes.primaryColorBar]: color === 'primary' && mode !== 'buffer',
+    [classes.primaryColor]: color === 'primary' && mode === 'buffer',
+    [classes.accentColorBar]: color === 'accent' && mode !== 'buffer',
+    [classes.accentColor]: color === 'accent' && mode === 'buffer',
+    [classes.indeterminateBar2]: mode === 'indeterminate' || mode === 'query'
+  });
+  const inlineStyles = { primary: {}, secondary: {} };
+  const rootProps = {};
+
+  if (mode === 'determinate') {
+    if (value !== undefined) {
+      inlineStyles.primary.transform = `scaleX(${value / 100})`;
+      rootProps['aria-valuenow'] = Math.round(value);
+    } else {
+      warning(false, 'Material-UI: you need to provide a value property ' + 'when LinearProgress is in determinate mode.');
+    }
+  } else if (mode === 'buffer') {
+    if (value !== undefined) {
+      inlineStyles.primary.transform = `scaleX(${value / 100})`;
+      inlineStyles.secondary.transform = `scaleX(${(valueBuffer || 0) / 100})`;
+    } else {
+      warning(false, 'Material-UI: you need to provide a value property when LinearProgress is in buffer mode.');
+    }
+  }
+
+  return React.createElement(
+    'div',
+    _extends({ className: rootClassName }, rootProps, other),
+    mode === 'buffer' ? React.createElement('div', { className: dashedClass }) : null,
+    React.createElement('div', { className: primaryClassName, style: inlineStyles.primary }),
+    mode === 'determinate' ? null : React.createElement('div', { className: secondaryClassName, style: inlineStyles.secondary })
+  );
+}
+
+LinearProgress.defaultProps = {
+  color: 'primary',
+  mode: 'indeterminate'
+};
+
+export default withStyles(styles, { name: 'MuiLinearProgress' })(LinearProgress);

goTorrentWebUI/node_modules/material-ui/es/Progress/index.d.ts

@@ -0,0 +1,4 @@
+export { default as CircularProgress } from './CircularProgress';
+export * from './CircularProgress';
+export { default as LinearProgress } from './LinearProgress';
+export * from './LinearProgress';

goTorrentWebUI/node_modules/material-ui/es/Progress/index.js

@@ -0,0 +1,2 @@
+export { default as CircularProgress } from './CircularProgress';
+export { default as LinearProgress } from './LinearProgress';