notebooks/workspaces/frontend
Eder Ignatowicz b0367e8b3d
feat(ws): initial commit for frontend (#19)
* feat: client ui frontend scaffolding

In this PR:
- UI frontend scaffolding
- Github Action for frontend and backend

Most of the content of this PR is extract from https://github.com/patternfly/patternfly-react-seed/tree/v6. Thank you so much patternfly team for the seed!

Signed-off-by: Eder Ignatowicz <ignatowicz@gmail.com>

* Changes requested by code review

Signed-off-by: Eder Ignatowicz <ignatowicz@gmail.com>

* Fixing icons

Signed-off-by: Eder Ignatowicz <ignatowicz@gmail.com>

---------

Signed-off-by: Eder Ignatowicz <ignatowicz@gmail.com>
2024-06-28 00:48:41 +00:00
..
__mocks__ feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
src feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
.gitignore feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
README.md feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
jest.config.js feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
package-lock.json feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
package.json feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
stylePaths.js feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
tsconfig.json feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
webpack.common.js feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
webpack.dev.js feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00
webpack.prod.js feat(ws): initial commit for frontend (#19) 2024-06-28 00:48:41 +00:00

README.md

Kubeflow Workspaces Frontend

The Kubeflow Workspaces Frontend is the web user interface used to monitor and manage Kubeflow Workspaces as part of Kubeflow Notebooks 2.0.

⚠️ Warning ⚠️

The Kubeflow Workspaces Frontend is a work in progress and is NOT currently ready for use. We greatly appreciate any contributions.

Pre-requisites:

TBD

Development

# Install development/build dependencies
npm install

# Start the development server
npm run start:dev

# Run a production build (outputs to "dist" dir)
npm run build

# Run the test suite
npm run test

# Run the test suite with coverage
npm run test:coverage

# Run the linter
npm run lint

# Run the code formatter
npm run format

# Launch a tool to inspect the bundle size
npm run bundle-profile:analyze

# Start the express server (run a production build first)
npm run start