Giter Club home page Giter Club logo

convista-cpi-helper-chrome-extension's Introduction

ConVista CPI-Helper Chrome-Extension

This Chrome Plugin extends the SAP Cloud Platform Integration with some useful features.

I recommend to read the readme first but if you know what you are doing, you can add it to your Chrome Browser directly: Chrome Web Store

Features

Integration Flow Designer Improvements

  • Sidebar with processed messages
  • Activate InlineTrace to see message route in integration flow designer
  • Directly see trace messages in integration flow designer
  • Pretty print for trace messages in integration flow designer
  • Button to switch on trace
  • Directly go to traces of specific message
  • Directly go to logs and attachements of specific message
  • Pop-up with error-message when hovering message in sidebar
  • Pop-up with deployment info
  • View and delete variables in info pop-up

General CPI Improvements

  • Useful links in browser-bar-popup
  • Last visited iflows in browser-bar-popup

Changelog

1.2.2

  • [Bugfix] CPIHelper did not load after tenant update v2

1.2.1

  • [Bugfix] CPIHelper did not load after tenant update

1.2.0

  • [Feature] Select tab icon, text and tenant color for your tenants
  • [Bugfix] Improved compatibility with Cloud Foundry

1.1.1

  • [Bugfix] Fixed some css issues

1.1.0

  • [Feature] View and delete variables in info pop-up
  • [Feature] What's new screen when updating

1.0.3

  • [Improvement] Improved speed beautifier with big xml structures

1.0.2

  • [Bugfix] Fixed icon in Chrome Store

1.0.1

  • [Bugfix] Fixed issue with error pop-up

1.0.0

  • [Feature] Pop up to see trace messages directly in designer
  • [Feature] Added beautifier to trace in designer
  • [Feature] Content logs in trace pop-up
  • [Feature] Show error in InlineTrace PopUp
  • [Improvement] Smaller message sidebar
  • [Improvement] New icon

0.8.0

  • [Improvement] Many design improvements

0.7.0

  • [Feature] Added inline-trace feature in designer

0.5.6

  • [Improvement] Improved xcsrf token exchange

0.5.5

  • [Bugfix] Fixed not working trace in some cases

0.5.3

  • [Bugfix] Info-popup deployed on time is now in locale time zone
  • [Bugfix] Fixed bug in info-popup

0.5.0

  • [Improvement] Improved design of plugin-popup in browser-bar
  • [Feature] Added last visited iflows in browser-bar-popup
  • [Feature] Added useful links in browser-bar-popup
  • [Feature] Added undeploy button in info-popup

0.4.0

  • [Feature] Added popup with deployment info

0.3.1

  • [Bug] Fixed timezone offset in message sidebar

0.3.0

  • [Improvement] A few design changes
  • [Feature] Processed message error message on hovering over the message date (if exists)

0.2.2

  • [Improvement] A few design changes

0.2.1

  • [Improvement] Word-wrap when Integration-Flow name is very long
  • [Improvement] Smaller Message-Sidebar

0.2

First public version.

  • [Feature] Message Sidebar
  • [Feature] Trace button

Installation

You need Google Chrome to install this plugin. I tested it with version 80. I assume that older versions will work too. There are two options to install this plugin:

Install directly from Chrome Web Store (recommended)

Just add the plugin in the Chrome Web Store. This is probably the easiest way. Updates will be installed automatically. Chrome Web Store

Please note: there was an old Chrome Store entry that is not updated anymore. If you installed the plugin before 21 March 2020, you have to uninstall and install again with the link above.

Install in Developer Mode from Sources

If you know what you are doing, you can install the plugin directly from sources. Clone the repo and add the folder directly to Google Chrome

  • Download or clone the repo from github. Unpack if necessary.
  • In Google Chrome, Navigate to Settings โ€“ > Extensions
  • Enable Developer Mode (slider on the top-right)
  • Click: "Load Unpacked Extension" and select the folder with the plugin data

Update

Attention: If you installed the plugin from Chrome Store before 21 March 2020, please uninstall and install again with the link on the top. Chrome updates extensions that are installed from the Chrome Web Store automatically. If you installed the plugin from sources: Please replace the folder with the new version on your disk. After that you must delete and add the plugin in Chrome Browser. If you have cloned the repository, pull new data. Than delete and add the plugin in Chrome. Restart Chrome.

Usage

New Buttons

If you open an Integration Flow, the plugin will automatically add a "Messages", a "Trace" and a "Info" button in the Integration-Flow-Designer.

Message Button

The "Message" button opens a small dragable sidebar with the last processed messages. You can jump directly to infos and traces of the message run. If you hover status icon of message, you will see a pop-up with the error message directly. If you click on the time button,InlineTrace is activated (Only when trace was activated for message). If you click on a color coded integration flow item and trace is available, a pop-up opens with the trace of the message at this point. Screenshot

Screenshot

Trace Button

The "Trace buttons" sets the loglevel of the current Iflow to trace.

Info Button

The "Info"-Button lets you see detailed informations of the deployment state of your Integration Flow. Screenshot

Toolbar Popup

The button of the plugin in the toolbar gives you a list of useful links of you current tenant. It includes last visited Integration Flows. Screenshot See also the SAP Community Blog

Inline Trace

On the message sidebar, press the time-button next to the status icon of a processed message. If run steps exist, the elements of the Integration Flow will change colors accordingly. This will give you a quick overview over the run.

  • Blue elements are successfully processed steps
  • Red elements are elements with errors. SAP does not provide good information about errors. So when an error at a Splitter-Element occurs, this does not have to mean that the error occured here. It can also be a catched error from elements after the Splitter.

Run steps exists for processed messages with trace and for a short time in processed messages with errors. Screenshot

Inline Trace - Show Headers, Properties, Trace, Error and Logs

If you activated the Inline Trace feature, you can get more details. Traces only exist for processed messages with loglevel trace and will be deleted after round about 1 hour by SAP. Screenshot Screenshot

FAQ

How can I activate InlineTrace?

Run a message with trace activated. You see the message in the message sidebar. Click on the button with the time for the specific message. If trace is available, items which processed the message change color. You can click on integration flow elements to see the trace message before this step.

How long is the trace available?

SAP deletes trace messages after a while. Trace messages normally do not live longer than 1 hour.

Contributing

See Contribution guidelines for this project if you want to take part in this project. As I am a beginner myself, beginners are welcome.

Todos

  • Change tab name to tenant name to better differentiate between different tenants
  • Inject data from trace in the simulation function

If you have any ideas, please write a message or comment at the SAP Community

Special Thanks

Many thanks to ConVista Consulting AG in Cologne, Germany. They supported this idea from the beginning and contributed time and ressources for me to start this project. Also many thanks to open this project to the public under GNU GPLv3. I hope there will be many more people to contribute in the future.

Contributers

License

GNU GPLv3

convista-cpi-helper-chrome-extension's People

Contributors

dbeck121 avatar ivovermeer avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.