Jfrog Ide Webview banner
jfrog jfrog

Jfrog Ide Webview

Development community

Description

JFrog-IDE-Webview is a React-based HTML page designed to be seamlessly embedded within JFrog VS Code Extension and the JFrog IDEA Plugin.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

JFrog-IDE-Webview

[![JFrog-IDE-Webview-Extension-863x300-1](/images/logo.png)](/images/logo.png) [![Webview Tests](https://github.com/jfrog/jfrog-ide-webview/actions/workflows/test.yml/badge.svg?branch=main)](https://github.com/jfrog/jfrog-ide-webview/actions/workflows/test.yml) [![Scanned by Frogbot](https://raw.github.com/jfrog/frogbot/master/images/frogbot-badge.svg)](https://github.com/jfrog/frogbot#readme)

â„šī¸ About This Project

The JFrog IDE integrations allow developers to find and fix security vulnerabilities in their projects and to see valuable information about the status of their code by continuously scanning it locally with JFrog Xray.\ **JFrog-IDE-Webview** is a React-based HTML page designed to be seamlessly embedded within [JFrog VS Code Extension](https://github.com/jfrog/jfrog-vscode-extension#readme) and the [JFrog IDEA Plugin](https://github.com/jfrog/jfrog-idea-plugin#readme). It serves as a powerful web view that offers a comprehensive overview of vulnerabilities identified in the source code project.

🚀 Build

To build the project and generate the HTML page, follow these steps:

  1. Install the required dependencies by running the following command:

    npm install
  2. Build the project using the following command:

    npm run build

    This will generate the necessary artifacts, including the HTML page, in the build directory.

🔍 Watch

The `watch` script enables you to automatically rebuild the project whenever changes are made to the source code. This is useful during development when you want to see immediate updates without manually triggering a build.

To start the watch mode, run the following command:

npm run start

This will initiate the watch mode, and any changes made to the source code will trigger a rebuild. A browser window will also open automatically with the appropriate URL to view the code live.

During development, when you run the p