* add ability to click on logs to expand them * memoize the result and log formatting * set flex in a controlled way * fix flex sizing of title * use NumberBadge * use static height for fade * Update airbyte-webapp/src/components/StreamTestingPanel/utils.ts Co-authored-by: Tim Roes <tim@airbyte.io> * Update airbyte-webapp/src/components/ui/ResizablePanels/ResizablePanels.tsx Co-authored-by: Tim Roes <tim@airbyte.io> * Update airbyte-webapp/src/components/ui/ResizablePanels/ResizablePanels.tsx Co-authored-by: Tim Roes <tim@airbyte.io> * remove comment * fix behavior of title click Co-authored-by: Tim Roes <tim@airbyte.io>
airbyte-webapp
This module contains the Airbyte Webapp. It is a React app written in TypeScript. It runs in a Docker container. A very lightweight nginx server runs in that Docker container and serves the webapp.
This project was bootstrapped with Create React App.
Available Scripts
In the project directory, you can run:
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
npm test
Launches the test runner in the interactive watch mode.
npm run build
Builds the app for production to the build folder.
VERSION=yourtag ./gradlew :airbyte-webapp:assemble
Builds the app and Docker image and tags the image with yourtag.
Note: needs to be run from the root directory of the Airbyte project.
Entrypoints
airbyte-webapp/src/App.tsxis the entrypoint into the OSS version of the webapp.airbyte-webapp/src/packages/cloud/App.tsxis the entrypoint into the Cloud version of the webapp.