Support huggingface source (#343)

* add HF source from the space repository

* fix style

* fix imports

* add tests about no support for models and spaces

* simplify a bit

* simplify

* support space URLs

* support models

* fix focus color

* simplify the tests a bit

* move type definitions to the top, and don't export them

* vendor listFiles from @huggingface/hub

* Update test/lib/sources/huggingFaceSource.test.ts

Co-authored-by: Kenny Daniel <platypii@gmail.com>

* import it

---------

Co-authored-by: Kenny Daniel <platypii@gmail.com>

Author: severo

src/components/App/App.tsx

@@ -1,6 +1,7 @@
 import { useMemo } from 'react'
 import { Config, ConfigProvider } from '../../hooks/useConfig.js'
 import { getHttpSource } from '../../lib/sources/httpSource.js'
+import { getHuggingFaceSource } from '../../lib/sources/huggingFaceSource.js'
 import { getHyperparamSource } from '../../lib/sources/hyperparamSource.js'
 import Page from '../Page/Page.js'
 
@@ -10,7 +11,9 @@ export default function App() {
   const row = search.get('row') === null ? undefined : Number(search.get('row'))
   const col = search.get('col') === null ? undefined : Number(search.get('col'))
 
-  const source = getHttpSource(sourceId) ?? getHyperparamSource(sourceId, { endpoint: location.origin })
+  const source = getHuggingFaceSource(sourceId) ??
+    getHttpSource(sourceId) ??
+    getHyperparamSource(sourceId, { endpoint: location.origin })
 
   // Memoize the config to avoid creating a new object on each render
   const config: Config = useMemo(() => ({

src/components/Breadcrumb/Breadcrumb.module.css

@@ -15,7 +15,7 @@
   min-height: 32px;
   border-bottom: 1px solid #ddd;
   background: var(--color-background-dark);
-  padding: 0 10px 0 20px;
+  padding: 0 20px;
   border-radius: var(--border-radius-lg);
   margin: var(--space-3xs);
   /* TODO(SL): forbid overflow? */
@@ -56,6 +56,13 @@
 
 .versions {
   padding-left: 4px;
+  & > button {
+    color: #eee;
+
+    &:hover, &:focus {
+      color: #fff
+    }
+  }
 
   [aria-current] {
     font-weight: bold;