refactor: Move Argo Workflows UI into argo

.circleci/config.yml

@@ -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

README.md

@@ -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

package.json

@@ -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",

scripts/icons/generator.js

@@ -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');
     }
 });