New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

resus-diagrams

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

resus-diagrams - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

4

package.json
{
"name": "resus-diagrams",
"version": "1.0.1",
"version": "1.0.2",
"repository": {
"type": "git",
"url": "https://github.com/2-NOW/resus-ide-diagrams"
"url": "https://gitlab.com/yunpil/resus-diagrams"
},

@@ -8,0 +8,0 @@ "keywords": [

@@ -1,19 +0,6 @@

2now fork version
# Resus - Diagrams Core
# STORM React Diagrams
**DEMO**: http://www.projectstorm.io/react-diagrams
A super simple, no-nonsense diagramming library written in React that just works.
It is storm-react-diagrams fork version for Resus-ide.
[![Join the chat at https://gitter.im/projectstorm/react-diagrams](https://badges.gitter.im/projectstorm/react-diagrams.svg)](https://gitter.im/projectstorm/react-diagrams?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![NPM](https://img.shields.io/npm/v/storm-react-diagrams.svg)](https://npmjs.org/package/storm-react-diagrams)
[![NPM](https://img.shields.io/npm/dt/storm-react-diagrams.svg)](https://npmjs.org/package/storm-react-diagrams)
![Demo2](./images/example1.png)
![Demo2](./images/example2.png)
![Demo2](./images/example3.png)
## Introduction

@@ -37,3 +24,3 @@

```
npm install storm-react-diagrams
npm install resus-diagrams
```

@@ -44,11 +31,5 @@

```
yarn add storm-react-diagrams
yarn add resus-diagrams
```
## How to build
Simply run `webpack` in the root directory (or `export NODE_ENV=production && webpack` if you want a production build) and it will spit out the transpiled code and typescript definitions into the dist directory as a single file. **It will also compile the code for the demos** .We use webpack for this because TSC cannot compile a single UMD file (TSC can currently only output multiple UMD files).
_NOTE:_ We turn off name mangeling in production builds because we require class names to be left intact when serializing.
## Make your own nodes

@@ -58,4 +39,2 @@

![Demo2](./images/demo3.png)
## How does it work

@@ -75,31 +54,30 @@

## Events
[Event System](docs/Events.md)
## Questions
[Questions](docs/Questions.md)
## Usage
**Delete** removes any selected items
![__Delete__](./images/rjdDelete.gif)
![__Delete__]
**Shift + Mouse Drag** triggers a multi-selection box
![Shift + Mouse Drag](./images/mouseDrag.gif)
![Shift + Mouse Drag]
**Shift + Mouse Click** selects the item (items can be multi-selected)
![Shift + Mouse Click](./images/shiftClick.gif)
![Shift + Mouse Click]
**Mouse Drag** drags the entire diagram
![Mouse Drag](./images/canvasDrag.gif)
![Mouse Drag]
**Mouse Wheel** zooms the diagram in / out
![Mouse Wheel](./images/mouseWheel.gif)
![Mouse Wheel]
**Click Link + Drag** creates a new link point
![Click Link + Drag](./images/createPoint.gif)
![Click Link + Drag]
**Click Node Port + Drag** creates a new link
![Click Node Port + Drag](./images/createLink.gif)
![Click Node Port + Drag]
## What's new
### 2021-05
- node model에 onclick event param 추가
- canvas에 onclick event 추가

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc