javascript/react-diagrams
1
0
Fork 0
mirror of https://github.com/projectstorm/react-diagrams.git synced 2026-03-13 09:50:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

changsets and v7

Browse Source
This commit is contained in:
Dylan Vorster
2023-01-23 12:56:25 -07:00
parent 9b39591d94
commit 8bcc1436d3
27 changed files with 13227 additions and 16598 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
.changeset/README.md Normal file
View File

@@ -0,0 +1,8 @@
# Changesets
Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
with multi-package repos, or single-package repos to help you version and publish your code. You can
find the full documentation for it [in our repository](https://github.com/changesets/changesets)
We have a quick list of common questions to get you started engaging with this project in
[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

11
.changeset/config.json Normal file
View File

@@ -0,0 +1,11 @@
{
"$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
"changelog": "@changesets/cli/changelog",
"commit": false,
"fixed": [],
"linked": [],
"access": "restricted",
"baseBranch": "master",
"updateInternalDependencies": "patch",
"ignore": []
}

1
.gitignore vendored
View File

@@ -5,6 +5,5 @@ dist
*.zip
.env
node_modules
yarn-error.log
tsconfig.tsbuildinfo
.vscode

1
.yarnrc
View File

@@ -1 +0,0 @@
--ignore-engines true

16
diagrams-demo-gallery/package.json
View File

@@ -27,14 +27,14 @@
"nodes"
],
"dependencies": {
"@storybook/addon-actions": "^6.5.6",
"@storybook/addon-actions": "^6.5.15",
"@storybook/addon-options": "^5.3.21",
"@storybook/addons": "^6.5.6",
"@storybook/builder-webpack5": "^6.5.6",
"@storybook/manager-webpack5": "^6.5.6",
"@storybook/react": "^6.5.6",
"@storybook/storybook-deployer": "^2.8.11",
"@storybook/theming": "^6.5.6",
"gsap": "^3.10.4"
"@storybook/addons": "^6.5.15",
"@storybook/builder-webpack5": "^6.5.15",
"@storybook/manager-webpack5": "^6.5.15",
"@storybook/react": "^6.5.15",
"@storybook/storybook-deployer": "^2.8.16",
"@storybook/theming": "^6.5.15",
"gsap": "^3.11.4"
}
}

19
diagrams-demo-project/package.json
View File

@@ -25,16 +25,15 @@
"main": "./dist/index.js",
"typings": "./dist/@types/index",
"dependencies": {
"@projectstorm/react-diagrams": "^6.7.4",
"react": "^18.1.0",
"react-dom": "^18.1.0"
"@projectstorm/react-diagrams": "workspace:*",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.0.10",
"@types/react-dom": "^18.0.5",
"webpack": "^5.46.0",
"webpack-cli": "^4.7.2",
"webpack-dev-server": "^3.11.2"
},
"gitHead": "bb878657ba0c2f81764f32901fd96158a0f8352e"
"@types/react": "^18.0.27",
"@types/react-dom": "^18.0.10",
"webpack": "^5.75.0",
"webpack-cli": "^5.0.1",
"webpack-dev-server": "^4.11.1"
}
}

2
diagrams-demo-project/src/custom-node-js/JSCustomNodeFactory.jsx
View File

@@ -1,7 +1,7 @@
import * as React from 'react';
import { JSCustomNodeModel } from './JSCustomNodeModel';
import { JSCustomNodeWidget } from './JSCustomNodeWidget';
import { AbstractReactFactory } from '@projectstorm/react-canvas-core';
import { AbstractReactFactory } from '@projectstorm/react-diagrams';
export class JSCustomNodeFactory extends AbstractReactFactory {
constructor() {

4
diagrams-demo-project/src/custom-node-ts/TSCustomNodeFactory.tsx
View File

@@ -1,8 +1,8 @@
import * as React from 'react';
import { TSCustomNodeModel } from './TSCustomNodeModel';
import { TSCustomNodeWidget } from './TSCustomNodeWidget';
import { AbstractReactFactory } from '@projectstorm/react-canvas-core';
import { DiagramEngine } from '@projectstorm/react-diagrams-core';
import { AbstractReactFactory } from '@projectstorm/react-diagrams';
import { DiagramEngine } from '@projectstorm/react-diagrams';
export class TSCustomNodeFactory extends AbstractReactFactory<TSCustomNodeModel, DiagramEngine> {
constructor() {

2
diagrams-demo-project/src/custom-node-ts/TSCustomNodeWidget.tsx
View File

@@ -1,5 +1,5 @@
import * as React from 'react';
import { DiagramEngine, PortWidget } from '@projectstorm/react-diagrams-core';
import { DiagramEngine, PortWidget } from '@projectstorm/react-diagrams';
import { TSCustomNodeModel } from './TSCustomNodeModel';
export interface TSCustomNodeWidgetProps {

5
lerna.json
View File

@@ -1,5 +0,0 @@
{
"npmClient": "yarn",
"useWorkspaces": true,
"version": "6.7.4"
}

93
package.json
View File

@@ -6,11 +6,6 @@
"type": "git",
"url": "https://github.com/projectstorm/react-diagrams.git"
},
"workspaces": [
"diagrams-demo-gallery",
"diagrams-demo-project",
"packages/*"
],
"keywords": [
"web",
"diagram",
@@ -23,70 +18,46 @@
"nodes"
],
"scripts": {
"clean": "tsc --build --clean && lerna run clean --stream",
"build": "tsc --build && lerna run build --stream",
"build:prod": "NODE_ENV=production yarn build",
"publish:dev": "yarn build:prod && lerna publish --force-publish --dist-tag=next",
"publish:prod": "yarn build:prod && lerna publish --force-publish",
"publish:storybook": "cd diagrams-demo-gallery && yarn storybook:build && ../node_modules/.bin/storybook-to-ghpages --existing-output-dir .out",
"test:ci": "lerna run test --stream -- --runInBand --ci ",
"test": "lerna run test --stream",
"pretty": "prettier --write \"**/*.{ts,tsx,scss,js,jsx}\""
},
"peerDependencies": {
"emotion": "11.*",
"lodash": "4.*",
"pathfinding": "^0.4.18",
"paths-js": "^0.4.11",
"react": "16.* || 17.*"
"ncu": "ncu -u && pnpm recursive exec -- ncu -u",
"format": "prettier --write \"**/*.{ts,tsx,js,jsx}\"",
"clean": "rm -rf packages/*/dist",
"build": "tsc --build && pnpm run -r build",
"build:prod": "NODE_ENV=production pnpm build",
"release": "pnpm build:prod && pnpm changeset publish",
"release:storybook": "tsc --build && cd demo && pnpm storybook:build && ./node_modules/.bin/storybook-to-ghpages --existing-output-dir .out"
},
"devDependencies": {
"@babel/core": "^7.18.2",
"@babel/preset-react": "^7.17.12",
"@emotion/react": "^11.9.0",
"@emotion/styled": "^11.8.1",
"@types/dagre": "^0.7.47",
"@types/jest": "^28.1.0",
"@types/jest-environment-puppeteer": "^5.0.2",
"@types/lodash": "^4.14.182",
"@types/node": "^17.0.39",
"@types/puppeteer": "^5.4.6",
"@types/react": "^18.0.10",
"babel-loader": "^8.2.5",
"@babel/core": "^7.20.12",
"@babel/preset-react": "^7.18.6",
"@types/jest": "^29.2.6",
"@types/jest-environment-puppeteer": "^5.0.3",
"@types/node": "^18.11.18",
"@types/puppeteer": "^5.4.7",
"babel-loader": "^9.1.2",
"cross-env": "^7.0.3",
"css-loader": "^6.7.1",
"dagre": "^0.8.5",
"emotion": "^11.0.0",
"enzyme": "^3.11.0",
"css-loader": "^6.7.3",
"file-loader": "^6.2.0",
"glob": "^8.0.3",
"jest": "^28.1.0",
"jest-cli": "^28.1.0",
"jest-puppeteer": "^6.1",
"glob": "^8.1.0",
"jest": "^29.3.1",
"jest-cli": "^29.3.1",
"jest-puppeteer": "^6.2",
"json-beautify": "^1.1.1",
"lerna": "^5.0.0",
"lodash": "^4.17.21",
"pathfinding": "^0.4.18",
"paths-js": "^0.4.11",
"prettier": "^2.6.2",
"puppeteer": "14.2.1",
"raf": "^3.4.1",
"prettier": "^2.8.3",
"puppeteer": "19.6.0",
"raw-loader": "^4.0.2",
"react": "^18.1.0",
"react-dom": "^18.1.0",
"react-test-renderer": "^18.1.0",
"react-dom": "^18.2.0",
"react-test-renderer": "^18.2.0",
"resize-observer-polyfill": "^1.5.1",
"rimraf": "^3.0.2",
"source-map-loader": "^3.0.1",
"source-map-loader": "^4.0.1",
"style-loader": "^3.3.1",
"terser-webpack-plugin": "^5.3.3",
"ts-jest": "^28.0.4",
"ts-loader": "^9.3.0",
"typescript": "^4.7.3",
"val-loader": "^5.0.0",
"webpack": "^5.73.0",
"webpack-cli": "^4.9.2",
"webpack-dev-server": "^4.9.1",
"terser-webpack-plugin": "^5.3.6",
"ts-jest": "^29.0.5",
"ts-loader": "^9.4.2",
"typescript": "^4.9.4",
"val-loader": "^5.0.1",
"webpack": "^5.75.0",
"webpack-cli": "^5.0.1",
"webpack-dev-server": "^4.11.1",
"webpack-node-externals": "^3.0.0"
}
}

7
packages/geometry/package.json
View File

@@ -28,5 +28,10 @@
"main": "./dist/index.umd.js",
"module": "./dist/index.js",
"typings": "./dist/@types/index",
"gitHead": "bb878657ba0c2f81764f32901fd96158a0f8352e"
"dependencies": {
"lodash": "^4.17.21"
},
"devDependencies": {
"@types/lodash": "^4.14.191"
}
}

15
packages/react-canvas-core/package.json
View File

@@ -29,11 +29,14 @@
"module": "./dist/index.js",
"typings": "./dist/@types/index",
"dependencies": {
"@projectstorm/geometry": "^6.7.4"
"@emotion/react": "^11.10.5",
"@emotion/styled": "^11.10.5",
"@projectstorm/geometry": "workspace:*",
"react": "^18.2.0",
"lodash": "^4.17.21"
},
"peerDependencies": {
"lodash": "4.*",
"react": "18.*"
},
"gitHead": "bb878657ba0c2f81764f32901fd96158a0f8352e"
"devDependencies": {
"@types/react": "^18.0.27",
"@types/lodash": "^4.14.191"
}
}

4
packages/react-canvas-core/src/core-models/BaseEntity.ts
View File

@@ -2,7 +2,6 @@ import { Toolkit } from '../Toolkit';
import * as _ from 'lodash';
import { CanvasEngine } from '../CanvasEngine';
import { BaseEvent, BaseListener, BaseObserver } from '../core/BaseObserver';
import { AbstractModelFactory } from '../core/AbstractModelFactory';
import { BaseModel } from './BaseModel';
export interface BaseEntityEvent<T extends BaseEntity = BaseEntity> extends BaseEvent {
@@ -13,6 +12,9 @@ export interface BaseEntityListener<T extends BaseEntity = BaseEntity> extends B
lockChanged?(event: BaseEntityEvent<T> & { locked: boolean }): void;
}
/**
* @TODO move to enums
*/
export type BaseEntityType = 'node' | 'link' | 'port' | 'point';
export interface BaseEntityOptions {

8
packages/react-canvas-core/src/entities/canvas/CanvasModel.ts
View File

@@ -11,7 +11,7 @@ import { LayerModel } from '../layer/LayerModel';
import { BaseModel } from '../../core-models/BaseModel';
import { CanvasEngine } from '../../CanvasEngine';
export interface DiagramListener extends BaseEntityListener {
export interface CanvasModelListener extends BaseEntityListener {
offsetUpdated?(event: BaseEntityEvent<CanvasModel> & { offsetX: number; offsetY: number }): void;
zoomUpdated?(event: BaseEntityEvent<CanvasModel> & { zoom: number }): void;
@@ -19,7 +19,7 @@ export interface DiagramListener extends BaseEntityListener {
gridUpdated?(event: BaseEntityEvent<CanvasModel> & { size: number }): void;
}
export interface DiagramModelOptions extends BaseEntityOptions {
export interface CanvasModelOptions extends BaseEntityOptions {
offsetX?: number;
offsetY?: number;
zoom?: number;
@@ -27,8 +27,8 @@ export interface DiagramModelOptions extends BaseEntityOptions {
}
export interface CanvasModelGenerics extends BaseEntityGenerics {
LISTENER: DiagramListener;
OPTIONS: DiagramModelOptions;
LISTENER: CanvasModelListener;
OPTIONS: CanvasModelOptions;
LAYER: LayerModel;
}

18
packages/react-diagrams-core/package.json
View File

@@ -31,13 +31,15 @@
"module": "./dist/index.js",
"typings": "./dist/@types/index",
"dependencies": {
"@projectstorm/geometry": "^6.7.4",
"@projectstorm/react-canvas-core": "^6.7.4"
"@emotion/styled": "^11.10.5",
"@projectstorm/geometry": "workspace:*",
"@projectstorm/react-canvas-core": "workspace:*",
"lodash": "^4.17.21",
"react": "^18.2.0",
"resize-observer-polyfill": "^1.5.1"
},
"peerDependencies": {
"lodash": "4.*",
"react": "18.*",
"resize-observer-polyfill": "^1.5.1"
},
"gitHead": "bb878657ba0c2f81764f32901fd96158a0f8352e"
"devDependencies": {
"@types/react": "^18.0.27",
"@types/lodash": "^4.14.191"
}
}

1
packages/react-diagrams-core/src/entities/label/LabelModel.ts
View File

@@ -1,4 +1,3 @@
import { DiagramEngine } from '../../DiagramEngine';
import { LinkModel } from '../link/LinkModel';
import { BaseModel, BaseModelGenerics, BaseModelOptions, DeserializeEvent } from '@projectstorm/react-canvas-core';

5
packages/react-diagrams-core/src/entities/node-layer/NodeLayerWidget.tsx
View File

@@ -1,5 +1,4 @@
import * as React from 'react';
import styled from '@emotion/styled';
import * as _ from 'lodash';
import { NodeModel } from '../node/NodeModel';
import { NodeWidget } from '../node/NodeWidget';
@@ -11,10 +10,6 @@ export interface NodeLayerWidgetProps {
engine: DiagramEngine;
}
namespace S {
export const Container = styled.div``;
}
export class NodeLayerWidget extends React.Component<NodeLayerWidgetProps> {
render() {
return (

19
packages/react-diagrams-defaults/package.json
View File

@@ -29,13 +29,16 @@
"module": "./dist/index.js",
"typings": "./dist/@types/index",
"dependencies": {
"@projectstorm/react-diagrams-core": "^6.7.4"
"@emotion/react": "^11.10.5",
"@emotion/styled": "^11.*",
"@projectstorm/geometry": "workspace:*",
"@projectstorm/react-canvas-core": "workspace:*",
"@projectstorm/react-diagrams-core": "workspace:*",
"lodash": "^4.17.21",
"react": "^18.2.0"
},
"peerDependencies": {
"@emotion/react": "^11.*",
"@emotion/styled": "^11.*",
"lodash": "4.*",
"react": "18.*"
},
"gitHead": "bb878657ba0c2f81764f32901fd96158a0f8352e"
"devDependencies": {
"@types/lodash": "^4.14.191",
"@types/react": "^18.0.27"
}
}

2
packages/react-diagrams-defaults/src/label/DefaultLabelModel.tsx
View File

@@ -1,4 +1,4 @@
import { DiagramEngine, LabelModel, LabelModelGenerics, LabelModelOptions } from '@projectstorm/react-diagrams-core';
import { LabelModel, LabelModelGenerics, LabelModelOptions } from '@projectstorm/react-diagrams-core';
import { DeserializeEvent } from '@projectstorm/react-canvas-core';
export interface DefaultLabelModelOptions extends LabelModelOptions {

27
packages/react-diagrams-routing/package.json
View File

@@ -30,16 +30,19 @@
"module": "./dist/index.js",
"typings": "./dist/@types/index",
"dependencies": {
"@projectstorm/geometry": "^6.7.4",
"@projectstorm/react-diagrams-core": "^6.7.4",
"@projectstorm/react-diagrams-defaults": "^6.7.4"
},
"peerDependencies": {
"dagre": "^0.8.5",
"lodash": "4.*",
"pathfinding": "^0.4.18",
"paths-js": "^0.4.11",
"react": "18.*"
},
"gitHead": "bb878657ba0c2f81764f32901fd96158a0f8352e"
"@projectstorm/geometry": "workspace:*",
"@projectstorm/react-canvas-core": "workspace:*",
"@projectstorm/react-diagrams-core": "workspace:*",
"@projectstorm/react-diagrams-defaults": "workspace:*",
"dagre": "^0.8.5",
"lodash": "^4.17.21",
"pathfinding": "^0.4.18",
"paths-js": "^0.4.11",
"react": "^18.2.0"
},
"devDependencies": {
"@types/dagre": "^0.7.48",
"@types/lodash": "^4.14.191",
"@types/react": "^18.0.27"
}
}

3
packages/react-diagrams-routing/src/link/RightAngleLinkFactory.tsx
View File

@@ -1,7 +1,6 @@
import * as React from 'react';
import { RightAngleLinkWidget } from './RightAngleLinkWidget';
import { DiagramEngine } from '@projectstorm/react-diagrams-core';
import { DefaultLinkFactory, DefaultLinkModel } from '@projectstorm/react-diagrams-defaults';
import { DefaultLinkFactory } from '@projectstorm/react-diagrams-defaults';
import { RightAngleLinkModel } from './RightAngleLinkModel';
/**

10
packages/react-diagrams/package.json
View File

@@ -29,9 +29,9 @@
"module": "./dist/index.js",
"typings": "./dist/@types/index",
"dependencies": {
"@projectstorm/react-diagrams-core": "^6.7.4",
"@projectstorm/react-diagrams-defaults": "^6.7.4",
"@projectstorm/react-diagrams-routing": "^6.7.4"
},
"gitHead": "bb878657ba0c2f81764f32901fd96158a0f8352e"
"@projectstorm/react-canvas-core": "workspace:*",
"@projectstorm/react-diagrams-core": "workspace:*",
"@projectstorm/react-diagrams-defaults": "workspace:*",
"@projectstorm/react-diagrams-routing": "workspace:*"
}
}

1
packages/react-diagrams/src/index.ts
View File

@@ -13,6 +13,7 @@ import {
import { PathFindingLinkFactory } from '@projectstorm/react-diagrams-routing';
import { SelectionBoxLayerFactory, CanvasEngineOptions } from '@projectstorm/react-canvas-core';
export * from '@projectstorm/react-canvas-core';
export * from '@projectstorm/react-diagrams-core';
export * from '@projectstorm/react-diagrams-defaults';
export * from '@projectstorm/react-diagrams-routing';

13085
pnpm-lock.yaml generated Normal file
View File

File diff suppressed because it is too large Load Diff

4
pnpm-workspace.yaml Normal file
View File

@@ -0,0 +1,4 @@
packages:
- 'packages/*'
- 'diagrams-demo-gallery'
- 'diagrams-demo-project'

16454
yarn.lock
View File

File diff suppressed because it is too large Load Diff