step-node-agent 3.20.2 → 3.21.0

package/node_modules/npm/docs/src/components/Accordion.js

@@ -1,57 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import downCarrot from '../images/down-carrot.svg'
-import upCarrot from '../images/up-carrot.svg'
-
-const SectionButton = styled.button`
-  outline: none;
-  background-color: transparent;
-  cursor: pointer;
-  color: red;
-  border: none;
-  font-size: 18px;
-  font-weight: bold;
-  padding: 5px 0;
-  transition: opacity .5s;
-
-  &:after {
-    background: center / contain no-repeat url(${(props) => props.isOpen ? upCarrot : downCarrot});
-    content: '';
-    height: 11px;
-    width: 28px;
-    display: inline-block;
-  }
-
-  &:hover {
-    opacity: .6;
-  }
-`
-
-class Accordion extends React.Component {
-  constructor (props) {
-    super(props)
-    this.state = {
-      isOpen: true
-    }
-    this.onHide = this.onHide.bind(this)
-  }
-
-  onHide () {
-    this.setState({isOpen: !this.state.isOpen})
-  }
-
-  render () {
-    return (
-      <div>
-        <SectionButton isOpen={this.state.isOpen} onClick={this.onHide}>{this.props.section}</SectionButton>
-        {this.state.isOpen &&
-          <div>
-            {this.props.children}
-          </div>
-        }
-      </div>
-    )
-  }
-}
-
-export default Accordion

package/node_modules/npm/docs/src/components/Button.js

@@ -1,22 +0,0 @@
-import {Link} from 'gatsby'
-import {colors} from '../theme'
-import styled from 'styled-components'
-
-export const LinkButton = styled(Link)`
-  background-color: ${colors.red};
-  color: ${colors.white};
-  font-size: 20px;
-  border-radius: 1px;
-  padding: 20px;
-  box-shadow: 8px 8px 0 rgba(251,59,73,.2);
-  text-decoration: none;
-  text-align: center;
-  display: inline-block;
-  min-width: 180px;
-  font-weight: 700;
-  transition: opacity .5s;
-
-  &:hover {
-    opacity: .8;
-  }
-`

package/node_modules/npm/docs/src/components/DocLinks.js

@@ -1,72 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import {StaticQuery, graphql} from 'gatsby'
-import {Flex} from 'rebass'
-import {SidebarLink} from './links'
-import Accordion from './Accordion'
-
-const LinkDesc = styled.span`
-  font-size: 11px; 
-  line-height: 1.5; 
-  text-transform: lowercase;
-  display: block;
-  font-weight: 400;
-  color: ${(props) => props.theme.colors.darkGray};
-`
-
-const DocLinks = ({data}) => {
-  const linkInfo = data.allMarkdownRemark.nodes
-  const sections = ['cli-commands', 'configuring-npm', 'using-npm']
-  let sortedData = {}
-
-  sections.map((section) => (
-    sortedData[section] = linkInfo.filter(function (item) {
-      return item.frontmatter.section === section
-    })
-  ))
-
-  return sections.map((section, index) => (
-    <Accordion key={index} section={section}>
-      {sortedData[section].map((linkData, index) => {
-        const title = section === 'cli-commands'
-          ? linkData.frontmatter.title.replace(/(npm-)+([a-zA-Z\\.-]*)/, 'npm $2')
-          : linkData.frontmatter.title
-
-        return (
-          <Flex flexDirection='column' key={index}>
-            <SidebarLink
-              to={`${linkData.fields.slug}`}
-              activeClassName='active-sidebar-link'
-            >
-              {title}
-              <LinkDesc>{linkData.frontmatter.description}</LinkDesc>
-            </SidebarLink>
-          </Flex>
-        )
-      })
-      }
-    </Accordion>
-  ))
-}
-
-export default props => (
-  <StaticQuery
-    query={graphql`
-      query sortedLinkData {
-        allMarkdownRemark(sort: {fields: frontmatter___title}) {
-          nodes {
-            fields {
-              slug
-            }
-            frontmatter {
-              description
-              section
-              title
-            }
-          }
-        }
-      }
-    `}
-    render={data => <DocLinks data={data} {...props} />}
-  />
-)

package/node_modules/npm/docs/src/components/FoundTypo.js

@@ -1,23 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-
-const Container = styled.div`
-  margin: 80px 0;
-  border-top: 1px solid black;
-  padding: 20px 0;
-`
-
-const FoundTypo = () => {
-  return (
-    <Container>
-      <p><span role='img' aria-label='eyes-emoji'>👀</span> Found a typo? <a href='https://github.com/npm/cli/'>Let us know!</a></p>
-      <p>The current stable version of npm is <a href='https://github.com/npm/cli/'>here</a>. To upgrade, run: <code className='language-text'>npm install npm@latest -g</code></p>
-      <p>
-        To report bugs or submit feature requests for the docs, please post <a href='https://github.com/npm/cli/issues'>here</a>.
-        Submit npm issues <a href='https://github.com/npm/cli/issues'>here.</a>
-      </p>
-    </Container>
-  )
-}
-
-export default FoundTypo

package/node_modules/npm/docs/src/components/MobileSidebar.js

@@ -1,33 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import DocLinks from './DocLinks'
-import {} from '../components/Sidebar'
-
-const MobileContainer = styled.div`
-  border-left: 1px solid #86838333;
-  border-bottom: 1px solid #86838333;
-  padding: 30px 30px 200px;
-  width: 340px;
-  display: block;
-  height: calc(100vh - 54px);
-  overflow: scroll;
-  position: fixed;
-  top: 54px;
-  right: 0px;
-  background-color: ${(props) => props.theme.colors.white};
-  z-index: 100;
- 
-  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
-    display: none;
-  } 
-`
-
-const MobileSidebar = () => {
-  return (
-    <MobileContainer flexDirection='column'>
-      <DocLinks />
-    </MobileContainer>
-  )
-}
-
-export default MobileSidebar

package/node_modules/npm/docs/src/components/Sidebar.js

@@ -1,30 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import DocLinks from './DocLinks'
-
-const Container = styled.nav`
-  border-right: 1px solid #86838333;
-  padding: 30px;
-  height: 100vh;
-  display: none;
-  width: 380px;
-  position: sticky;
-  overflow: scroll; 
-  padding-bottom: 200px;
-  top: 54px;
-  background-color: ${(props) => props.theme.colors.white};
-
-  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
-    display: block;
-  } 
-`
-
-const Sidebar = () => {
-  return (
-    <Container className='sidebar'>
-      <DocLinks />
-    </Container>
-  )
-}
-
-export default Sidebar

package/node_modules/npm/docs/src/components/home/DarkBlock.js

@@ -1,40 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import {Flex, Box} from 'rebass'
-import {LinkButton} from '../Button'
-
-const Container = styled(Flex)`
-  background-color: ${(props) => props.theme.colors.purpleBlack};
-  color: ${(props) => props.theme.colors.white};
-`
-
-const ContentWrapper = styled(Flex)`
-  max-width: 640px;
-  align-items: center;
-`
-
-const Text = styled.p`
-  line-height: 1.5;
-  text-align: center;
-`
-
-const aStyle = {
-  color: '#fb3b49',
-  textDecoration: 'none'
-}
-
-const DarkBlock = () => {
-  return (
-    <Container>
-      <ContentWrapper px={4} py={6} m='auto' flexDirection='column'>
-        <Text>
-          <p>The current stable version of npm is <a href={'https://github.com/npm/cli/releases/latest'} style={aStyle}>available on GitHub.</a></p>
-          <p>To upgrade, run: <code className={'language-text'} style={{color: 'white'}}>npm install npm@latest -g</code></p>
-        </Text>
-        <Box pt={4}><LinkButton to='cli-commands/npm' w={'120px'}>read docs</LinkButton></Box>
-      </ContentWrapper>
-    </Container>
-  )
-}
-
-export default DarkBlock

package/node_modules/npm/docs/src/components/home/FeatureCard.js

@@ -1,39 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import {Flex, Image, Text} from 'rebass'
-
-const Card = styled(Flex)`
-  background-color: #f2f2f2ab;
-  box-shadow: 5px 5px 1px 1px ${(props) => props.theme.colors.red};
-  border-radius: 2px;
-`
-
-const Desc = styled.p`
-  padding: 5px 0; 
-  font-size: 16px;
-`
-
-const Title = styled(Text)`
-  font-size: 24px;
-  font-weight: 500;
-  text-shadow: 1px 2px 2px #f061df6e;
-`
-
-const Icon = styled(Image)`
-  width: 110px;
-  flex-shrink: 0;
-`
-
-const FeatureCard = ({icon, text, title}) => {
-  return (
-    <Card alignItems='center' flexDirection={['column', 'row']} p={5} m={4}>
-      <Icon src={icon} />
-      <Flex flexDirection='column' pl={[0, 4]} pt={2}>
-        <Title textAlign={['center', 'left']}>{title}</Title>
-        <Desc>{text}</Desc>
-      </Flex>
-    </Card>
-  )
-}
-
-export default FeatureCard

package/node_modules/npm/docs/src/components/home/Features.js

@@ -1,83 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import FeatureCard from './FeatureCard'
-import { FeatureLink } from '../links'
-import { Flex } from 'rebass'
-import rectangles from '../../images/background-rectangles.svg'
-import terminalIcon from '../../images/terminal-icon.svg'
-import networkIcon from '../../images/network-icon.svg'
-import npmIcon from '../../images/npm-icon.png'
-import managerIcon from '../../images/manager-icon.svg'
-
-const ContainerInner = styled(Flex)`
-  background: linear-gradient(84deg, #fb881799, #ff4b0199, #c1212799, #e02aff99);
-`
-
-const Container = styled.div`
-  background: top / cover no-repeat url(${rectangles});
-`
-
-const ContentWrapper = styled(Flex)`
-  max-width: 640px;
-`
-
-const featureTexts = {
-  textOne: 'Download, install, and configure.',
-  textTwo: 'All available npm commands.',
-  textThree: 'How npm things work.',
-  textFour: 'Publish your own public or private packages to the registry with a free or paid account on npmjs.com from npm, Inc.'
-}
-
-const featureTitles = {
-  titleOne: 'Getting Started',
-  titleTwo: 'Command Reference',
-  titleThree: 'Using npm',
-  titleFour: 'Publishing'
-}
-
-const aStyle = {
-  color: '#231f20',
-  textDecoration: 'none'
-}
-const productsLink = `https://www.npmjs.com/products`
-
-const Features = () => {
-  return (
-    <Container>
-      <ContainerInner>
-        <ContentWrapper m='auto' py={5} flexDirection='column'>
-          <FeatureLink to={'/configuring-npm/install'}>
-            <FeatureCard
-              icon={terminalIcon}
-              title={featureTitles.titleOne}
-              text={featureTexts.textOne}
-            />
-          </FeatureLink>
-          <FeatureLink to={'/cli-commands/npm'}>
-            <FeatureCard
-              icon={managerIcon}
-              title={featureTitles.titleTwo}
-              text={featureTexts.textTwo}
-            />
-          </FeatureLink>
-          <FeatureLink to={'/using-npm/developers'}>
-            <FeatureCard
-              icon={networkIcon}
-              title={featureTitles.titleThree}
-              text={featureTexts.textThree}
-            />
-          </FeatureLink>
-          <a href={productsLink} style={aStyle} target={'_blank'}>
-            <FeatureCard
-              icon={npmIcon}
-              title={featureTitles.titleFour}
-              text={featureTexts.textFour}
-            />
-          </a>
-        </ContentWrapper>
-      </ContainerInner>
-    </Container>
-  )
-}
-
-export default Features

package/node_modules/npm/docs/src/components/home/Footer.js

@@ -1,29 +0,0 @@
-import React from 'react'
-import boxes from '../../images/background-boxes.svg'
-import styled from 'styled-components'
-import {Flex, Box} from 'rebass'
-
-const Container = styled(Flex)`
-  background: center / cover no-repeat url(${boxes}); 
-  height: 380px;
-  background-color: ${(props) => props.theme.colors.offWhite};
- `
-
-const ContentWrapper = styled(Box)`
-  align-content: center;
-  width: 100%;
-  text-align: center;
-  background-color: ${(props) => props.theme.colors.white};
-`
-
-const Footer = () => {
-  return (
-    <Container>
-      <ContentWrapper py={4} mt={'auto'}>
-        Footer Text 🤪
-      </ContentWrapper>
-    </Container>
-  )
-}
-
-export default Footer

package/node_modules/npm/docs/src/components/home/Terminal.js

@@ -1,120 +0,0 @@
-import React from 'react'
-import styled, {keyframes} from 'styled-components'
-import {Flex, Box, Button as RebassButton} from 'rebass'
-import closeX from '../../images/x.svg'
-import {LinkButton} from '../Button'
-import bracket from '../../images/bracket.svg'
-
-const TerminalBody = styled(Flex)`
-  background-color: ${(props) => props.theme.colors.purpleBlack};
-  border: 2px solid ${(props) => props.theme.colors.purpleBlack};
-  color: ${(props) => props.theme.colors.white};
-  flex-direction: column;
-  max-width: 620px;
-  width: 100%;
-  height: 100%;
-  box-shadow: 0px 0px 17px 1px #dc3bc180;
-  border-radius: 2px;
-  top: ${(props) => props.top};
-  left: ${(props) => props.left};  
-  right: 0;
-  position: absolute;
-`
-
-const Top = styled(Flex)`
-  background-color: ${(props) => props.theme.colors.white};
-  height: 18px;
-`
-
-const SiteName = styled(Flex)`
-  font-size: 45px;
-  font-family: 'Inconsolata', sans-serif;
-  font-weight: 700;
-  letter-spacing: 5px;
-  text-shadow: 3px 2px 4px #abf1e04d;
-
-  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
-    font-size: 70px;
-  }
-`
-
-const Bottom = styled(Flex)`
-  flex-direction: column;
-  padding: 30px;
-
-  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
-    font-size: 70px;
-    padding: 30px 50px;
-
-  }
-`
-
-const blink = keyframes`
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity 1;
-  }
-  100% {
-    opacity: 0;
-  }
-`
-
-const Cursor = styled.span`
-  color: ${(props) => props.theme.colors.red};
-  text-shadow: none;
-  opacity: 1;
-  animation: ${blink};
-  animation-duration: 3s;
-  animation-iteration-count: infinite;
-  animation-fill-mode: both;
-`
-
-const Bracket = styled.span`
-  background: center / contain no-repeat url(${bracket});
-  width: 25px;
-  margin-right: 5px;
-  margin-top: 10px;
-`
-
-const Text = styled.span`
-  font-size: 15px;
-  font-weight: 400;
-  letter-spacing: 1px;
-  line-height: 1.4;
-
-  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
-    font-size: 18px;
-  }
-`
-
-const ModalButton = styled(RebassButton)`
-  cursor: pointer;
-  background: center no-repeat  url(${closeX});
-  width: 14px;
-  height: 14px;
-`
-
-const Terminal = ({onClose, top, left}) => {
-  return (
-    <TerminalBody m={'auto'} top={top} left={left}>
-      <Top alignItems='center'>
-        <ModalButton onClick={onClose} ml={1} p={1} />
-      </Top>
-      <Bottom>
-        <SiteName py={3}><Bracket />npm cli <Cursor>_</Cursor></SiteName>
-        <Text>
-          The intelligent package manager for the Node Javascript Platform. Install stuff and get coding!
-        </Text>
-        <Box mx={'auto'} my={4}>
-          <LinkButton to='/cli-commands/npm'>
-            read docs
-          </LinkButton>
-        </Box>
-      </Bottom>
-    </TerminalBody>
-  )
-}
-
-export default Terminal

package/node_modules/npm/docs/src/components/home/Windows.js

@@ -1,73 +0,0 @@
-import React from 'react'
-import Terminal from './Terminal'
-import styled from 'styled-components'
-
-const Container = styled.div`
-  position: relative;
-  height: 350px;
-  width: 80%;
-  margin: auto;
-  left: -4%;
-
-  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
-    height: 400px;
-  }
-`
-
-class Windows extends React.Component {
-  constructor (props) {
-    super(props)
-    this.state = {
-      showTopTerminal: true,
-      showMiddleTerminal: true,
-      showBottomTerminal: true,
-      counter: 0
-    }
-    this.onHide = this.onHide.bind(this)
-  }
-
-  onHide (terminal) {
-    this.setState({ [terminal]: false, counter: this.state.counter + 1 }, () => {
-      if (this.state.counter === 3) {
-        this.setState({
-          showTopTerminal: true,
-          showMiddleTerminal: true,
-          showBottomTerminal: true,
-          counter: 0
-        })
-      }
-    })
-  }
-
-  render () {
-    return (
-      <Container>
-        {this.state.showTopTerminal &&
-          <Terminal
-            onClose={() => this.onHide('showTopTerminal')}
-            top={'0%'}
-            left={'0%'}
-          />
-        }
-
-        {this.state.showMiddleTerminal &&
-          <Terminal
-            onClose={() => this.onHide('showMiddleTerminal')}
-            top={'8%'}
-            left={'5%'}
-          />
-        }
-
-        {this.state.showBottomTerminal &&
-          <Terminal
-            onClose={() => this.onHide('showBottomTerminal')}
-            top={'16%'}
-            left={'10%'}
-          />
-        }
-      </Container>
-    )
-  }
-}
-
-export default Windows