Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: Move Argo Workflows UI into argo #53

Merged
merged 1 commit into from
Dec 16, 2019
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Move Argo Workflows UI into https://github.com/argoproj/argo repo
Alexander Matyushentsev authored and Alexander Matyushentsev committed Dec 16, 2019
commit 47a714268442133068a1fe871fe2a75fc8a7e800
1 change: 0 additions & 1 deletion .circleci/config.yml
Original file line number Diff line number Diff line change
@@ -12,6 +12,5 @@ jobs:
- save_cache:
key: yarn-packages-v4-{{ checksum "yarn.lock" }}
paths: [~/.cache/yarn, node_modules]
- run: yarn test
- run: yarn build
- run: yarn lint
21 changes: 0 additions & 21 deletions Dockerfile

This file was deleted.

2 changes: 0 additions & 2 deletions Procfile

This file was deleted.

18 changes: 4 additions & 14 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,11 @@
# Argo UI
# Argo UI Components

![Argo Image](https://github.com/argoproj/argo/blob/master/argo.png?raw=true)

Some Argo UI components (such as Workflow DAG viewer, Workflow timeline etc.) are available via the [argo-ui npm package](https://www.npmjs.com/package/argo-ui).
Set of React components used by https://github.com/argoproj/argo and https://github.com/argoproj/argo-cd

A web-based UI for the Argo Workflow engine.

The UI has the following features:
* View live Argo Workflows running in the cluster
* View completed Argo Workflows
* View container logs


## Build, Run, & Release
## Build & Run

1. Install Toolset: [NodeJS](https://nodejs.org/en/download/) and [Yarn](https://yarnpkg.com)
2. Install Dependencies: From your command line, navigate to the argo-ui directory and run `yarn install` to install dependencies.
3. Run: `yarn start` - starts API server and webpack dev UI server. API server uses current `kubectl` context to access workflow CRDs.
4. Build: `yarn build` - builds static resources into `./dist` directory.
5. Release: `IMAGE_NAMESPACE=argoproj IMAGE_TAG=latest DOCKER_PUSH=true yarn docker` - builds docker image and optionally push to docker registry.
3. Run: `yarn start` - starts https://storybook.js.org/ dev server
34 changes: 6 additions & 28 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,44 +1,28 @@
{
"name": "argo-ui",
"version": "1.0.0",
"main": "./src/lib/index.ts",
"types": "./src/lib/index.ts",
"main": "./src/index.ts",
"types": "./src/index.ts",
"license": "MIT",
"files": [
"src"
],
"scripts": {
"docker": "./scripts/build_docker.sh",
"build": "yarn build:ui && yarn build:api",
"build:ui": "webpack --config ./src/app/webpack.config.js",
"build:api": "tsc -p ./src/api/tsconfig.json",
"build:storybook": "build-storybook -o ./dist/storybook",
"start": "nf start",
"start:ui": "webpack-dev-server --config ./src/app/webpack.config.js",
"start:api": "TS_NODE_PROJECT=./src/api/tsconfig.json nodemon --nolazy --inspect -r ts-node/register ./src/api/main.ts",
"lint": "yarn lint:ui && yarn lint:api",
"lint:ui": "tslint -p ./src/app",
"lint:api": "tslint -p ./src/api",
"build": "build-storybook -o ./dist/storybook",
"lint": "tslint -p ./src",
"utils:icons": "rm -f src/assets/fonts/* && node ./scripts/icons/generator.js",
"test": "mocha --require ts-node/register ./src/app/**/*.spec.ts",
"storybook": "start-storybook -p 6006"
"start": "start-storybook -p 6006"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^5.8.1",
"@tippy.js/react": "^2.1.2",
"@types/react-form": "^2.16.1",
"@types/react-helmet": "^5.0.8",
"aws-sdk": "^2.188.0",
"body-parser": "^1.18.2",
"classnames": "^2.2.5",
"dagre": "^0.8.2",
"deep-equal": "^1.0.1",
"express": "^4.16.2",
"express-winston": "^3.0.0",
"foundation-sites": "^6.4.3",
"history": "^4.7.2",
"json-stream": "^1.0.0",
"kubernetes-client": "3.17.1",
"moment": "^2.20.1",
"prop-types": "^15.6.0",
"react": "^16.8.3",
@@ -52,21 +36,17 @@
"superagent-promise": "^1.1.0",
"ts-loader": "^6.0.4",
"typescript": "^2.8.3",
"util.promisify": "^1.0.0",
"webpack-cli": "^3.3.5",
"winston": "^3.1.0",
"ws": "^4.0.0",
"xterm": "2.4.0",
"yamljs": "^0.3.0",
"yargs": "^11.0.0"
"yamljs": "^0.3.0"
},
"devDependencies": {
"@dump247/storybook-state": "^1.5.0",
"@storybook/addon-actions": "^5.1.9",
"@storybook/addon-links": "^5.1.9",
"@storybook/addons": "^5.1.9",
"@storybook/react": "^5.1.9",
"@types/aws-sdk": "^2.7.0",
"@types/chai": "^4.1.2",
"@types/classnames": "^2.2.3",
"@types/dagre": "^0.7.39",
@@ -80,8 +60,6 @@
"@types/storybook__addon-actions": "^3.0.2",
"@types/storybook__addon-links": "^3.3.0",
"@types/storybook__react": "^3.0.7",
"@types/superagent": "^3.5.7",
"@types/ws": "^4.0.0",
"@types/yamljs": "^0.2.30",
"babel-core": "^6.26.0",
"chai": "^4.1.2",
16 changes: 0 additions & 16 deletions scripts/build_docker.sh

This file was deleted.

4 changes: 2 additions & 2 deletions scripts/icons/generator.js
Original file line number Diff line number Diff line change
@@ -7,7 +7,7 @@ const fs = require('fs');
const FONT_TYPES = ['svg', 'ttf', 'woff', 'eot'];

webfontsGenerator({
files: glob.sync('src/app/shared/styles/icons/*.svg'),
files: glob.sync('src/styles/icons/*.svg'),
dest: 'src/assets/fonts',
fontName: 'argo-icon',
types: FONT_TYPES,
@@ -22,7 +22,7 @@ webfontsGenerator({
console.log('Fail!', error);
} else {
const scss = fs.readFileSync('src/assets/fonts/argo-icon.css', 'utf-8').replace(/url\(\"argo-icon/g, 'url\($argo-icon-fonts-root + \"argo-icon');
fs.writeFileSync('src/app/shared/styles/argo-icon.scss', scss);
fs.writeFileSync('src/styles/argo-icon.scss', scss);
fs.unlinkSync('src/assets/fonts/argo-icon.css');
}
});
Loading