added conda support

update

Author: Basit Ayantunde

src/api/clearlyDefined.js

@@ -17,6 +17,7 @@ export const BROWSE = 'browse'
 export const ORIGINS_GITHUB = 'origins/github'
 export const ORIGINS_NPM = 'origins/npm'
 export const ORIGINS_NUGET = 'origins/nuget'
+export const ORIGINS_CONDA = 'origins/conda'
 export const ORIGINS_CRATE = 'origins/crate'
 export const ORIGINS_MAVEN = 'origins/maven'
 export const ORIGINS_PYPI = 'origins/pypi'
@@ -25,9 +26,12 @@ export const ORIGINS_DEBIAN = 'origins/deb'
 export const ORIGINS_COMPOSER = 'origins/composer'
 export const ORIGINS_POD = 'origins/pod'
 export const ORIGINS = {
+  "anaconda-main": { conda: ORIGINS_CONDA, condasource: ORIGINS_CONDA },
+  "anaconda-r": { conda: ORIGINS_CONDA, condasource: ORIGINS_CONDA },
   github: { git: ORIGINS_GITHUB },
   npmjs: { npm: ORIGINS_NPM },
   nuget: { nuget: ORIGINS_NUGET },
+  "conda-forge": { conda: ORIGINS_CONDA, condasource: ORIGINS_CONDA },
   cratesio: { crate: ORIGINS_CRATE },
   mavencentral: { maven: ORIGINS_MAVEN, sourcearchive: ORIGINS_MAVEN },
   pypi: { pypi: ORIGINS_PYPI },
@@ -188,6 +192,14 @@ export function getRubyGemsRevisions(token, path) {
   return get(url(`${ORIGINS_RUBYGEMS}/${path}/revisions`), token)
 }
 
+export function getCondaSearch(token, path) {
+  return get(url(`${ORIGINS_CONDA}/${path}`), token)
+}
+
+export function getCondaRevisions(token, path) {
+  return get(url(`${ORIGINS_CONDA}/${path}/revisions`), token)
+}
+
 export function getCrateSearch(token, path) {
   return get(url(`${ORIGINS_CRATE}/${path}`), token)
 }

src/components/DefinitionEntry.js

@@ -11,6 +11,7 @@ import git from '../images/Git-Logo-2Color.png'
 import npm from '../images/n-large.png'
 import pypi from '../images/pypi.png'
 import gem from '../images/gem.png'
+import conda from '../images/conda.svg'
 import cargo from '../images/cargo.png'
 import nuget from '../images/nuget.svg'
 import debian from '../images/debian.png'
@@ -49,7 +50,7 @@ class DefinitionEntry extends React.Component {
   static defaultProps = {}
 
   isSourceComponent(component) {
-    return ['github', 'sourcearchive', 'debsrc'].includes(component.provider)
+    return ['github', 'sourcearchive', 'debsrc', 'condasource'].includes(component.provider)
   }
 
   fieldChange(field, equality = isEqual, transform = a => a) {
@@ -453,6 +454,7 @@ class DefinitionEntry extends React.Component {
   getImage(definition) {
     if (definition.coordinates.type === 'git') return git
     if (definition.coordinates.type === 'npm') return npm
+    if (definition.coordinates.type === 'conda') return conda
     if (definition.coordinates.type === 'crate') return cargo
     if (definition.coordinates.type === 'pypi') return pypi
     if (definition.coordinates.type === 'gem') return gem

src/components/FilterBar.js

@@ -10,6 +10,7 @@ import maven from '../images/maven.png'
 import nuget from '../images/nuget.png'
 import pod from '../images/pod.png'
 import git from '../images/Git-Logo-2Color.png'
+import conda from '../images/conda.svg'
 import crate from '../images/cargo.png'
 import gem from '../images/gem.png'
 import pypi from '../images/pypi.png'
@@ -23,6 +24,7 @@ const types = {
   maven: maven,
   nuget: nuget,
   git: git,
+  conda: conda,
   crate: crate,
   pod: pod,
   deb: debian,

src/components/HarvestQueueList.js

@@ -11,6 +11,7 @@ import {
   NpmVersionPicker,
   MavenVersionPicker,
   PyPiVersionPicker,
+  CondaVersionPicker,
   CrateVersionPicker,
   DebianVersionPicker,
   NuGetVersionPicker,
@@ -25,6 +26,9 @@ import npm from '../images/n-large.png'
 import pypi from '../images/pypi.png'
 import debian from '../images/debian.png'
 import gem from '../images/gem.png'
+import anaconda_main from '../images/anaconda-main.svg'
+import anaconda_r from '../images/anaconda-r.png'
+import conda_forge from '../images/conda-forge.png'
 import cargo from '../images/cargo.png'
 import maven from '../images/maven.png'
 import nuget from '../images/nuget.png'
@@ -84,6 +88,15 @@ class HarvestQueueList extends React.Component {
             onChange={this.commitChanged.bind(this, request)}
           />
         )}
+        {request.provider === 'anaconda-main' && (
+          <CondaVersionPicker request={request} onChange={this.versionChanged.bind(this, request)} />
+        )}
+        {request.provider === 'anaconda-r' && (
+          <CondaVersionPicker request={request} onChange={this.versionChanged.bind(this, request)} />
+        )}
+        {request.provider === 'cratesio' && (
+          <CrateVersionPicker request={request} onChange={this.versionChanged.bind(this, request)} />
+        )}
         {request.provider === 'npmjs' && (
           <NpmVersionPicker request={request} onChange={this.versionChanged.bind(this, request)} />
         )}
@@ -96,6 +109,9 @@ class HarvestQueueList extends React.Component {
         {request.provider === 'rubygems' && (
           <RubyGemsVersionPicker request={request} onChange={this.versionChanged.bind(this, request)} />
         )}
+        {request.provider === 'conda-forge' && (
+          <CondaVersionPicker request={request} onChange={this.versionChanged.bind(this, request)} />
+        )}
         {request.provider === 'cratesio' && (
           <CrateVersionPicker request={request} onChange={this.versionChanged.bind(this, request)} />
         )}
@@ -150,6 +166,9 @@ class HarvestQueueList extends React.Component {
     if (request.provider === 'npmjs') return npm
     if (request.provider === 'pypi') return pypi
     if (request.provider === 'rubygems') return gem
+    if (request.provider === 'anaconda-main') return anaconda_main
+    if (request.provider === 'anaconda-r') return anaconda_r
+    if (request.provider === 'conda-forge') return conda_forge
     if (request.provider === 'cratesio') return cargo
     if (request.provider === 'mavencentral') return maven
     if (request.provider === 'nuget') return nuget

src/components/Navigation/Pages/PageHarvest/PageHarvest.js

@@ -12,6 +12,7 @@ import {
   NpmSelector,
   MavenSelector,
   NuGetSelector,
+  CondaSelector,
   CrateSelector,
   DebianSelector,
   ComposerSelector,
@@ -114,11 +115,14 @@ class PageHarvest extends Component {
         <Row className="show-grid">
           <Col md={6}>{this.renderProviderButtons()}</Col>
           <Col md={4}>
+            {activeProvider.value === 'anaconda-main' && <CondaSelector provider='anaconda-main' onChange={this.onAddRequest} />}
+            {activeProvider.value === 'anaconda-r' && <CondaSelector provider='anaconda-r' onChange={this.onAddRequest} />}
             {activeProvider.value === 'github' && <GitHubSelector onChange={this.onAddRequest} />}
             {activeProvider.value === 'mavencentral' && <MavenSelector onChange={this.onAddRequest} />}
             {activeProvider.value === 'npmjs' && <NpmSelector onChange={this.onAddRequest} />}
             {activeProvider.value === 'nuget' && <NuGetSelector onChange={this.onAddRequest} />}
             {activeProvider.value === 'cratesio' && <CrateSelector onChange={this.onAddRequest} />}
+            {activeProvider.value === 'conda-forge' && <CondaSelector provider='conda-forge' onChange={this.onAddRequest} />}
             {activeProvider.value === 'packagist' && <ComposerSelector onChange={this.onAddRequest} />}
             {activeProvider.value === 'pypi' && <PyPiSelector onChange={this.onAddRequest} />}
             {activeProvider.value === 'rubygems' && <RubyGemsSelector onChange={this.onAddRequest} />}

src/components/Navigation/Pages/PageStats/PageStats.js

@@ -13,6 +13,7 @@ import maven from '../../../../images/maven.png'
 import nuget from '../../../../images/nuget.png'
 import pod from '../../../../images/pod.png'
 import git from '../../../../images/Git-Logo-2Color.png'
+import conda from '../../../../images/conda.svg'
 import crate from '../../../../images/cargo.png'
 import composer from '../../../../images/packagist.png'
 import gem from '../../../../images/gem.png'
@@ -34,6 +35,8 @@ const types = {
   maven: maven,
   nuget: nuget,
   git: git,
+  conda: conda,
+  condasource: conda,
   crate: crate,
   deb: debian,
   debsrc: debian,

src/components/Navigation/Ui/ComponentButtons.js

@@ -32,7 +32,7 @@ class ComponentButtons extends Component {
   }
 
   isSourceComponent(component) {
-    return ['github', 'sourcearchive', 'debsrc'].includes(component.provider)
+    return ['github', 'sourcearchive', 'debsrc', 'condasource'].includes(component.provider)
   }
 
   _isProviderSupported(component) {
@@ -152,7 +152,7 @@ class ComponentButtons extends Component {
             )}
             {!isDefinitionEmpty && onInspect && (
               <ButtonWithTooltip tip="Dig into this definition">
-              <Button className="list-fa-button" onClick={this.inspectComponent.bind(this, currentComponent, definition)}>
+                <Button className="list-fa-button" onClick={this.inspectComponent.bind(this, currentComponent, definition)}>
                   <i className="fas fa-search" />
                 </Button>
               </ButtonWithTooltip>

src/components/Navigation/Ui/ComponentDetailsButtons.js

@@ -14,7 +14,7 @@ class ComponentDetailsButtons extends Component {
   }
 
   isSourceComponent(component) {
-    return ['github', 'sourcearchive', 'debsrc'].includes(component.provider)
+    return ['github', 'sourcearchive', 'debsrc', 'condasource'].includes(component.provider)
   }
 
   openSourceForComponent = definition => {

src/components/Providers/Selectors/CondaSelector.js

@@ -0,0 +1,66 @@
+// Copyright (c) Microsoft Corporation and others. Licensed under the MIT license.
+// SPDX-License-Identifier: MIT
+
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { getCondaSearch } from '../../../api/clearlyDefined'
+import { AsyncTypeahead } from 'react-bootstrap-typeahead'
+import searchSvg from '../../../images/icons/searchSvg.svg'
+
+export default class CondaSelector extends Component {
+  static propTypes = {
+    onChange: PropTypes.func
+  }
+
+  constructor(props) {
+    super(props)
+    this.state = { isLoading: false, options: [], focus: false }
+    this.getOptions = this.getOptions.bind(this)
+    this.onChange = this.onChange.bind(this)
+  }
+
+  onChange(values) {
+    const { onChange } = this.props
+    const value = values.length === 0 ? null : values[0]
+    value && onChange && onChange({ type: 'conda', provider: this.props.provider, name: value.id }, 'package')
+  }
+
+  async getOptions(value) {
+    try {
+      this.setState({ ...this.state, isLoading: true })
+      console.log(`value: ${value}, provider: ${this.props.provider}`)
+      const options = await getCondaSearch(this.props.token, `${value}/${this.props.provider}`)
+      this.setState({ ...this.state, options, isLoading: false })
+    } catch (error) {
+      this.setState({ ...this.state, options: [], isLoading: false })
+    }
+  }
+
+  render() {
+    const { options, isLoading, focus } = this.state
+    return (
+      <div className={`harvest-searchbar ${focus ? 'active' : ''}`}>
+        <div className="search-logo">
+          <img src={searchSvg} alt="search" />
+        </div>
+        <AsyncTypeahead
+          id="conda-selector"
+          className="harvest-search"
+          useCache={false}
+          options={options}
+          placeholder={'Pick a Conda Package to harvest'}
+          onChange={this.onChange}
+          labelKey="id"
+          onFocus={() => this.setState({ ...this.state, focus: true })}
+          onBlur={() => this.setState({ ...this.state, focus: false })}
+          clearButton
+          highlightOnlyResult
+          emptyLabel=""
+          selectHintOnEnter
+          isLoading={isLoading}
+          onSearch={this.getOptions}
+        />
+      </div>
+    )
+  }
+}

src/components/Providers/VersionPickers/CondaVersionPicker.js

@@ -0,0 +1,75 @@
+// Copyright (c) Microsoft Corporation and others. Licensed under the MIT license.
+// SPDX-License-Identifier: MIT
+
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { getCondaRevisions } from '../../../api/clearlyDefined'
+import Autocomplete from '../../Navigation/Ui/Autocomplete'
+
+export default class CondaVersionPicker extends Component {
+  static propTypes = {
+    onChange: PropTypes.func,
+    request: PropTypes.object.isRequired,
+    defaultInputValue: PropTypes.string
+  }
+
+  constructor(props) {
+    super(props)
+    this.state = { customValues: [], options: [] }
+    this.onChange = this.onChange.bind(this)
+    this.filter = this.filter.bind(this)
+  }
+
+  componentDidMount() {
+    this.getOptions('')
+  }
+
+  async getOptions(value) {
+    try {
+      const { name, provider } = this.props.request
+      const options = await getCondaRevisions(this.props.token, `${name}/${provider}`)
+      this.setState({ ...this.state, options })
+    } catch (error) {
+      this.setState({ ...this.state, options: [] })
+    }
+  }
+
+  onChange(values) {
+    const { onChange } = this.props
+    if (!onChange) return
+    let value = values.length === 0 ? null : values[0]
+    if (!value) return onChange(value)
+    if (value.customOption) {
+      value = value.label
+      this.setState({ ...this.state, customValues: [...this.state.customValues, value] })
+    }
+    onChange(value)
+  }
+
+  filter(option, props) {
+    if (this.props.request.revision) return true
+    return option.toLowerCase().indexOf(props.text.toLowerCase()) !== -1
+  }
+
+  render() {
+    const { defaultInputValue } = this.props
+    const { customValues, options } = this.state
+    const list = customValues.concat(options)
+    return (
+      <Autocomplete
+        id="conda-version-picker"
+        options={list}
+        defaultInputValue={defaultInputValue}
+        placeholder={options.length === 0 ? 'Could not fetch versions, type a Conda version' : 'Pick a Conda version'}
+        onChange={this.onChange}
+        bodyContainer
+        clearButton
+        allowNew
+        newSelectionPrefix="Version:"
+        emptyLabel=""
+        filterBy={this.filter}
+        selectHintOnEnter
+      />
+    )
+  }
+}