Merge pull request #1978 from rgaiacs/1955-esbuild-frontend

Move the React components its own package

Author: yuvipanda

binderhub/static/js/pages/HomePage.jsx

@@ -1,9 +1,9 @@
-import { LinkGenerator } from "../components/LinkGenerator.jsx";
-import { BuilderLauncher } from "../components/BuilderLauncher.jsx";
-import { HowItWorks } from "../components/HowItWorks.jsx";
+import { LinkGenerator } from "@jupyterhub/binderhub-react-components/LinkGenerator.jsx";
+import { BuilderLauncher } from "@jupyterhub/binderhub-react-components/BuilderLauncher.jsx";
+import { HowItWorks } from "@jupyterhub/binderhub-react-components/HowItWorks.jsx";
 import { useEffect, useState } from "react";
-import { FaviconUpdater } from "../components/FaviconUpdater.jsx";
-import { Spec, LaunchSpec } from "../spec.js";
+import { FaviconUpdater } from "@jupyterhub/binderhub-react-components/FaviconUpdater.jsx";
+import { Spec, LaunchSpec } from "@jupyterhub/binderhub-client/spec.js";
 
 /**
  * @typedef {object} HomePageProps

binderhub/static/js/pages/LoadingPage.jsx

@@ -1,11 +1,11 @@
 import { useEffect, useState } from "react";
-import { BuilderLauncher } from "../components/BuilderLauncher.jsx";
+import { BuilderLauncher } from "@jupyterhub/binderhub-react-components/BuilderLauncher.jsx";
 import { useParams, useSearch } from "wouter";
-import { NBViewerIFrame } from "../components/NBViewerIFrame.jsx";
-import { LoadingIndicator } from "../components/LoadingIndicator.jsx";
-import { FaviconUpdater } from "../components/FaviconUpdater.jsx";
-import { LaunchSpec, Spec } from "../spec.js";
-import { ErrorPage } from "../components/ErrorPage.jsx";
+import { NBViewerIFrame } from "@jupyterhub/binderhub-react-components/NBViewerIFrame.jsx";
+import { LoadingIndicator } from "@jupyterhub/binderhub-react-components/LoadingIndicator.jsx";
+import { FaviconUpdater } from "@jupyterhub/binderhub-react-components/FaviconUpdater.jsx";
+import { LaunchSpec, Spec } from "@jupyterhub/binderhub-client/spec.js";
+import { ErrorPage } from "@jupyterhub/binderhub-react-components/ErrorPage.jsx";
 
 /**
  * @typedef {object} LoadingPageProps

js/packages/binderhub-client/lib/index.js renamed to js/packages/binderhub-client/lib/client.js

@@ -1,8 +1,10 @@
 {
   "name": "@jupyterhub/binderhub-client",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Simple API client for the BinderHub EventSource API",
-  "main": "lib/index.js",
+  "exports": {
+    "./*.js": "./lib/*.js"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jupyterhub/binderhub.git"

binderhub/static/js/spec.js renamed to js/packages/binderhub-client/lib/spec.js

@@ -1,7 +1,7 @@
 // fetch polyfill (only needed for node tests)
 import { fetch, TextDecoder } from "@whatwg-node/fetch";
 
-import { BinderRepository } from "@jupyterhub/binderhub-client";
+import { BinderRepository } from "@jupyterhub/binderhub-client/client.js";
 import { parseEventSource, simpleEventSourceServer } from "./utils";
 import { readFileSync } from "node:fs";
 

js/packages/binderhub-client/package.json

@@ -0,0 +1,3 @@
+# `binderhub-react-components`
+
+A collection of [React](https://react.dev/) components for [BinderHub](https://binderhub.readthedocs.io/).

js/packages/binderhub-client/tests/index.test.js

@@ -0,0 +1,39 @@
+{
+  "name": "@jupyterhub/binderhub-react-components",
+  "version": "0.1.0",
+  "description": "Collection of React components for BinderHub",
+  "exports": {
+    "./*.jsx": "./src/*.jsx"
+  },
+  "scripts": {
+    "build": "esbuild src/*.jsx --loader:.ico=dataurl --bundle --external:react --outdir=dist",
+    "lint": "eslint binderhub/static/js js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jupyterhub/binderhub.git"
+  },
+  "keywords": [
+    "binderhub"
+  ],
+  "author": "Project Jupyter Contributors",
+  "license": "BSD-3-Clause",
+  "bugs": {
+    "url": "https://github.com/jupyterhub/binderhub/issues"
+  },
+  "homepage": "https://github.com/jupyterhub/binderhub#readme",
+  "devDependencies": {
+    "esbuild": "^0.25.6",
+    "eslint": "^9.31.0"
+  },
+  "dependencies": {
+    "@jupyterhub/binderhub-client": "^0.5.0",
+    "@xterm/addon-fit": "^0.10.0",
+    "@xterm/xterm": "^5.5.0",
+    "copy-to-clipboard": "^3.3.3"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0"
+  }
+}

js/packages/binderhub-react-components/README.md

@@ -1,4 +1,4 @@
-import { BinderRepository } from "@jupyterhub/binderhub-client";
+import { BinderRepository } from "@jupyterhub/binderhub-client/client.js";
 import { useEffect, useRef, useState } from "react";
 import { Terminal } from "@xterm/xterm";
 import { FitAddon } from "@xterm/addon-fit";