roadiehq/backstage-plugin-argo-cd

A Backstage plugin for deployment tool ArgoCD

backstage-plugin-argo-cd's Issues

Published Argo CD plugin malformed

The dist folder is missing from the published plugin:

https://discord.com/channels/687207715902193673/687207715902193679/799530731692359680

External contribution guidelines

👋

My team is looking to contribute some items to this plugin and wanted to see if there is a current contributing guideline we should follow.

Thanks!

Unexpected token p in JSON at position 4

I followed all the instructions on https://roadie.io/backstage/plugins/argo-cd/ but once I try to create a component, I get the following error:

Error occurred while fetching data. SyntaxError: Unexpected token p in JSON at position 4

Expected Behavior

Show the status of ArgoCD

Current Behavior

Nothing is shown within the frontend but the error 'Error occurred while fetching data. SyntaxError: Unexpected token p in JSON at position 4'

Possible Solution

Steps to Reproduce

1. Follow this instructions: https://roadie.io/backstage/plugins/argo-cd/
2. Register this component: https://github.com/braghettos/gcptemplate
3. Create a new component of the latter type
4. Explore the component in the 'overview' section

Context

Your Environment

• Plugin Version (version of this software e.g. v0.4.3): "@roadiehq/backstage-plugin-argo-cd": "^0.1.7",
• Backstage version (e.g. 0.1.1-alpha23):
• NodeJS Version (e.g. v12):
• Operating System and Version (e.g. Ubuntu 14.04):
• Browser Information (e.g. chrome 85):

Support multiple ArgoCD instances

Originally posted in backstage#683

It'd be nice to have support for multiple ArgoCD instances. I know that some large organizations out there swimlane their ArgoCD instances by organization or environment - it'd be nice to be able to collect data from more than a single instance.

Invalid character in header content ["Cookie"]

Using the plugin with the latest version of Backstage I'm receiving the error:

Invalid character in header content ["Cookie"]

Executing the same call with the GET applications API provided by Argo it works settings Cookie in the headers with the value argued.token=....

Expected Behavior

Show the widget details about the application

Current Behavior

Error occurred while fetching data. Error: failed to fetch data, status 500:

Steps to Reproduce

1. Configure the plugin following official README (https://github.com/RoadieHQ/backstage-plugin-argo-cd/blob/main/README.md)
2. Set value of env var ARGOCD_AUTH_TOKEN to argocd.token=...

Your Environment

• Plugin Version (version of this software e.g. v0.4.3):0.3.6
• Backstage version (e.g. 0.1.1-alpha23): 0.7.3
• NodeJS Version (e.g. v12): v14.16.0
• Operating System and Version (e.g. Ubuntu 14.04): MacOS BigSur
• Browser Information (e.g. chrome 85): Chrome + Safari

Unexpected styling of ArgoCDDetailsWidget

So I've ran into an 'interesting' style issue when using the ArgoCDDetailsWidget. This seems to only happen with this particular plugin and I'm not sure if the issue is caused by a conflict with other plugins or a conflict with the core styling of backstage.

Expected Behavior

I would expect my Overview page containing the ArgoCDDetailsWidget to look like:

Current Behavior

Instead, it seems to modify a few different css files which are used by other components of Backstage. Most notably, it seems to add:

display: flex
align-items: center;

to the sidebar css class (Because of make-styles the class name isn't useful) and seems to adopt the css class of the logo for some elements within the table, for example the reason why the first row sync isn't viewable in the image below is it's adding:

.jss29 {
    z-index: unset;
    position: relative;
    margin-top: -24px;
    margin-bottom: 48px;
}

Your Environment

• Plugin Version (version of this software e.g. v0.4.3): v0.3.3
• Backstage version (e.g. 0.1.1-alpha23): backstage/core: ^0.6.1
• Operating System and Version (e.g. Ubuntu 14.04): Running on a node-12 docker image
• Browser Information (e.g. chrome 85): Firefox

I'm not exactly sure where this issue is originating from, however it has only appeared since adding the ArgoCD plugin and only appears once the table is rendered. Have you come across this issue before?

Edit: One thought is that my material-ui imports may be clashing so I'll check to see if that's the case.

Support linking an AppProject with an entity

Originally posted here.

It'd be nice to be able to associate a catalog entity with an ArgoCD AppProject. One use case could be where a service has multiple environments grouped under a project - it'd be great just to link the project and automatically show the sync status/health of each environment.