chore: sync with verdaccio master

2019-04-04 21:23:40 +02:00
parent 133a5f0171
commit 3506f32ad8
241 changed files with 57691 additions and 1932 deletions
--- a/src/webui/components/RegistryInfoContent/index.js
+++ b/src/webui/components/RegistryInfoContent/index.js
@@ -0,0 +1,90 @@
+/**
+ * @prettier
+ * @flow
+ */
+
+import React, { Component } from 'react';
+
+import type { IProps, IState } from './types';
+import { CommandContainer } from './styles';
+import CopyToClipBoard from '../CopyToClipBoard';
+import Tabs from '@material-ui/core/Tabs/index';
+import Tab from '@material-ui/core/Tab/index';
+import Typography from '@material-ui/core/Typography/index';
+
+import { getCLISetRegistry, getCLIChangePassword, getCLISetConfigRegistry } from '../../utils/cli-utils';
+import { NODE_MANAGER } from '../../utils/constants';
+
+/* eslint react/prop-types:0 */
+function TabContainer({ children }) {
+  return (
+    <CommandContainer>
+      <Typography component={'div'} style={{ padding: 0, minHeight: 170 }}>
+        {children}
+      </Typography>
+    </CommandContainer>
+  );
+}
+
+class RegistryInfoContent extends Component<IProps, IState> {
+  state = {
+    tabPosition: 0,
+  };
+
+  render() {
+    return <div>{this.renderTabs()}</div>;
+  }
+
+  renderTabs() {
+    const { scope, registryUrl } = this.props;
+    const { tabPosition } = this.state;
+
+    return (
+      <React.Fragment>
+        <Tabs indicatorColor={'primary'} onChange={this.handleChange} textColor={'primary'} value={tabPosition} variant={'fullWidth'}>
+          <Tab label={NODE_MANAGER.npm} />
+          <Tab label={NODE_MANAGER.pnpm} />
+          <Tab label={NODE_MANAGER.yarn} />
+        </Tabs>
+        {tabPosition === 0 && <TabContainer>{this.renderNpmTab(scope, registryUrl)}</TabContainer>}
+        {tabPosition === 1 && <TabContainer>{this.renderPNpmTab(scope, registryUrl)}</TabContainer>}
+        {tabPosition === 2 && <TabContainer>{this.renderYarnTab(scope, registryUrl)}</TabContainer>}
+      </React.Fragment>
+    );
+  }
+
+  renderNpmTab(scope: string, registryUrl: string) {
+    return (
+      <React.Fragment>
+        <CopyToClipBoard text={getCLISetConfigRegistry(`${NODE_MANAGER.npm} set`, scope, registryUrl)} />
+        <CopyToClipBoard text={getCLISetRegistry(`${NODE_MANAGER.npm} adduser`, registryUrl)} />
+        <CopyToClipBoard text={getCLIChangePassword(NODE_MANAGER.npm, registryUrl)} />
+      </React.Fragment>
+    );
+  }
+
+  renderPNpmTab(scope: string, registryUrl: string) {
+    return (
+      <React.Fragment>
+        <CopyToClipBoard text={getCLISetConfigRegistry(`${NODE_MANAGER.pnpm} set`, scope, registryUrl)} />
+        <CopyToClipBoard text={getCLISetRegistry(`${NODE_MANAGER.pnpm} adduser`, registryUrl)} />
+        <CopyToClipBoard text={getCLIChangePassword(NODE_MANAGER.pnpm, registryUrl)} />
+      </React.Fragment>
+    );
+  }
+
+  renderYarnTab(scope: string, registryUrl: string) {
+    return (
+      <React.Fragment>
+        <CopyToClipBoard text={getCLISetConfigRegistry(`${NODE_MANAGER.yarn} config set`, scope, registryUrl)} />
+      </React.Fragment>
+    );
+  }
+
+  handleChange = (event: any, tabPosition: number) => {
+    event.preventDefault();
+    this.setState({ tabPosition });
+  };
+}
+
+export default RegistryInfoContent;