add dephell (closes #9)

Author: cs01

backend/githubData.ts

@@ -15,6 +15,10 @@ const tools = [
     name: "conda",
     owner: "conda",
   },
+  {
+    name: "dephell",
+    owner: "dephell",
+  },
   {
     name: "flit",
     owner: "takluyver",

frontend/src/App.tsx

@@ -14,11 +14,11 @@ import { RecoilRoot, useRecoilValue } from 'recoil';
 
 function FeatureFilters() {
   return (
-    <>
+    <div className="w-full mx-auto max-w-xl text-center">
       {features.map((feature: Feature, i) => (
         <FeatureFilter key={i} feature={feature} />
       ))}
-    </>
+    </div>
   );
 }
 const githubLogo = (
@@ -74,12 +74,22 @@ function App() {
             </div>
           </div>
         </nav>
-        <div className="container w-full mx-15">
+        <div className="">
           <FeaturesAndTable />
         </div>
+        <div className="my-24 text-lg">
+          <div className="font-bold mx-auto text-center">
+            Missing something?
+          </div>
+          <div>
+            <a href="https://github.com/cs01/python-packaging-tools">
+              File an Issue or Pull Request on GitHub.
+            </a>
+          </div>
+        </div>
         <footer className="w-full flex items-center bg-black mt-20 h-64 text-white ">
-          <div className="w-full text-xl text-center text-blue-800">
-            a <a href="http://grassfedcode.com">grassfedcode.com</a> project
+          <div className="w-full text-xl text-center text-white">
+            <a href="http://grassfedcode.com">a grass fed code project</a>
           </div>
         </footer>
       </div>

frontend/src/Tools.tsx

@@ -175,7 +175,7 @@ export function FeatureFilter(props: { feature: Feature }) {
     <button
       className={
         (filterIsOn ? `bg-blue-400 text-xs` : `bg-blue-200 text-xs`) +
-        ' hover:bg-blue-200 m-1 p-1 rounded-md  '
+        ' m-1 p-1 rounded-md  '
       }
       onClick={() => {
         if (filterIsOn) {
@@ -197,13 +197,17 @@ export function getTableData(
   return toolData
     .map((data) => ({
       ...data,
-      name: data.url ? <a href={data.url}>{data.name}</a> : data.name,
-      featureLinks: data.features.map((f, i) => (
-        <FeatureFilter key={i} feature={f} />
-      )),
+      name: (
+        <div className="font-bold text-lg">
+          {data.url ? <a href={data.url}>{data.name}</a> : data.name}
+        </div>
+      ),
+      featureLinks: data.features
+        .sort()
+        .map((feature, i) => <FeatureFilter key={i} feature={feature} />),
       description: <div className="text-left">{data.description}</div>,
       toolDescription: <div className="text-left">{data.toolDescription}</div>,
-      dependsOn: data.dependsOn.join(', '),
+      dependsOn: data.dependsOn.sort().join(', '),
       useCases: data.useCases.join(', '),
       timeSinceCreated: data.createdAt
         ? DateTime.fromISO(data.createdAt).toFormat('MMMM, y')

frontend/src/Types.ts

@@ -42,6 +42,7 @@ export type Feature =
   | 'virtual environment management'
   | 'package manager'
   | 'ecosystem'
+  | 'convert between lockfile formats'
   | 'PEP-518'
   | 'PEP-517';
 
@@ -60,6 +61,7 @@ export const features: Feature[] = [
   'manual virtual environment creation',
   'virtual environment management',
   'package manager',
+  'convert between lockfile formats',
   'ecosystem',
   'PEP-517',
   'PEP-518',

frontend/src/initialToolData.tsx

@@ -33,7 +33,22 @@ const _initialToolData: Tool[] = [
     dependsOn: [],
   },
   {
-    features: ['build packages'],
+    features: [
+      'virtual environment management',
+      'install cli apps',
+      'dependency resolver',
+      'install libraries',
+      'build packages',
+      'convert between lockfile formats',
+    ],
+    name: 'dephell',
+    toolDescription:
+      'dephell includes numerous project management functions: Manage packages: convert between formats, lock, install, resolve, isolate, test, build graph, show outdated, audit. Manage venvs, build package, bump version.',
+    useCases: [],
+    dependsOn: ['venv', 'virtualenv', 'pip'],
+  },
+  {
+    features: ['build packages', 'PEP-517'],
     name: 'python-build',
     toolDescription:
       'A simple, correct PEP517 package builder. python-build will invoke the PEP 517 hooks to build a distribution package. It is a simple build tool, it does no dependency management.',
@@ -131,7 +146,7 @@ const _initialToolData: Tool[] = [
     features: ['manual virtual environment creation'],
     name: 'virtualenv',
     toolDescription:
-      'A tool for creating isolated virtual (isolated) python environments. This is essentially a 3rd party package that duplicates the standard libary venv module.',
+      'A tool for creating isolated virtual Python environments. This is essentially a 3rd party package that duplicates the standard libary venv module. It predates venv, and works for all Python versions, including < 3.5 when venv was introduced.',
     useCases: [],
     dependsOn: [],
   },
@@ -155,15 +170,15 @@ const _initialToolData: Tool[] = [
   {
     features: ['build packages'],
     toolDescription:
-      'Setuptools is a fully-featured, actively-maintained, and stable library designed to facilitate packaging Python projects. setuptools builds redistributable packages from source, but does not publish them to PyPI.',
+      "Setuptools is a fully-featured, actively-maintained, and stable library to build redistributable packages from source, but does not publish them to PyPI. It provides the function that is called in the setup.py files you've probably seen before.",
     useCases: [],
     dependsOn: [],
     name: 'setuptools',
   },
   {
     features: ['manual virtual environment creation', 'standard library'],
     toolDescription:
-      'The venv module provides support for creating lightweight “virtual environments” with their own site directories, optionally isolated from system site directories. Each virtual environment has its own Python binary (which matches the version of the binary that was used to create this environment) and can have its own independent set of installed Python packages in its site directories.',
+      "The venv module provides support for creating lightweight “virtual environments” with their own site directories, optionally isolated from system site directories. Each virtual environment has its own Python binary (which matches the version of the binary that was used to create this environment) and can have its own independent set of installed Python packages in its site directories. venv was introduced in Python 3.5 to adopt the 3rd party library virtualenv into CPython's standard library.",
     useCases: [],
     dependsOn: [],
     createdAt: '2015-09-13T00:00:00Z',