diff --git a/.changeset/curly-ligers-end.md b/.changeset/curly-ligers-end.md deleted file mode 100644 index c8eac701..00000000 --- a/.changeset/curly-ligers-end.md +++ /dev/null @@ -1,36 +0,0 @@ ---- -'@vue-flow/additional-components': major -'@vue-flow/pathfinding-edge': major -'@vue-flow/resize-rotate-node': major -'@vue-flow/core': major ---- - -# What's changed? - -- Simplify edge path calculations - - remove `getEdgeCenter` and `getSimpleEdgeCenter` - -# Breaking Changes - -- `getEdgeCenter` has been removed - - Edge center positions can now be accessed from `getBezierPath` or `getSmoothStepPath` functions - -Before: -```js -import { getBezierPath, getEdgeCenter } from '@braks/vue-flow' - -// used to return the path string only -const edgePath = computed(() => getBezierPath(pathParams),) - -// was necessary to get the centerX, centerY of an edge -const centered = computed(() => getEdgeCenter(centerParams)) -``` - -After: -```js -import { getBezierPath } from '@vue-flow/core' - -// returns the path string and the center positions -const [path, centerX, centerY] = computed(() => getBezierPath(pathParams),) -``` - diff --git a/.changeset/twenty-walls-cheer.md b/.changeset/twenty-walls-cheer.md deleted file mode 100644 index e2ee2cce..00000000 --- a/.changeset/twenty-walls-cheer.md +++ /dev/null @@ -1,46 +0,0 @@ ---- -'@vue-flow/additional-components': major -'@vue-flow/pathfinding-edge': major -'@vue-flow/resize-rotate-node': major -'@vue-flow/core': major ---- - -# What's changed? - -- Change pkg scope from 'braks' to 'vue-flow' - - Add `@vue-flow/core` package - - Add `@vue-flow/additional-components` package - - Add `@vue-flow/pathfinding-edge` package - - Add `@vue-flow/resize-rotate-node` package - -# Features - -- `useNode` and `useEdge` composables - - can be used to access current node/edge (or by id) and their respective element refs (if used inside the elements' context, i.e. a custom node/edge) -- `selectionKeyCode` as `true` - - allows for figma style selection (i.e. create a selection rect without holding shift or any other key) -- Handles to trigger handle bounds calculation on mount - - if no handle bounds are found, a Handle will try to calculate its bounds on mount - - should remove the need for `updateNodeInternals` on dynamic handles -- Testing for various features using Cypress 10 - -# Bugfixes - -- Fix `removeSelectedEdges` and `removeSelectedNodes` actions not properly removing elements from store - -# Breaking Changes - -- `@vue-flow/core` package is now required to use vue-flow -- `@vue-flow/additional-components` package contains `Background`, `MiniMap` and `Controls` components and related types - - When switching to the new pkg scope, you need to change the import path. - -Before: -```js -import { VueFlow, Background, MiniMap, Controls } from '@braks/vue-flow' -``` - -After -```js -import { VueFlow } from '@vue-flow/core' -import { Background, MiniMap, Controls } from '@vue-flow/additional-components' -``` diff --git a/packages/additional-components/CHANGELOG.md b/packages/additional-components/CHANGELOG.md new file mode 100644 index 00000000..f34aa12c --- /dev/null +++ b/packages/additional-components/CHANGELOG.md @@ -0,0 +1,83 @@ +# @vue-flow/additional-components + +## 1.0.0 + +### Major Changes + +- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? + + - Simplify edge path calculations + - remove `getEdgeCenter` and `getSimpleEdgeCenter` + + # Breaking Changes + + - `getEdgeCenter` has been removed + - Edge center positions can now be accessed from `getBezierPath` or `getSmoothStepPath` functions + + Before: + + ```js + import { getBezierPath, getEdgeCenter } from '@braks/vue-flow' + + // used to return the path string only + const edgePath = computed(() => getBezierPath(pathParams)) + + // was necessary to get the centerX, centerY of an edge + const centered = computed(() => getEdgeCenter(centerParams)) + ``` + + After: + + ```js + import { getBezierPath } from '@vue-flow/core' + + // returns the path string and the center positions + const [path, centerX, centerY] = computed(() => getBezierPath(pathParams)) + ``` + +- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? + + - Change pkg scope from 'braks' to 'vue-flow' + - Add `@vue-flow/core` package + - Add `@vue-flow/additional-components` package + - Add `@vue-flow/pathfinding-edge` package + - Add `@vue-flow/resize-rotate-node` package + + # Features + + - `useNode` and `useEdge` composables + - can be used to access current node/edge (or by id) and their respective element refs (if used inside the elements' context, i.e. a custom node/edge) + - `selectionKeyCode` as `true` + - allows for figma style selection (i.e. create a selection rect without holding shift or any other key) + - Handles to trigger handle bounds calculation on mount + - if no handle bounds are found, a Handle will try to calculate its bounds on mount + - should remove the need for `updateNodeInternals` on dynamic handles + - Testing for various features using Cypress 10 + + # Bugfixes + + - Fix `removeSelectedEdges` and `removeSelectedNodes` actions not properly removing elements from store + + # Breaking Changes + + - `@vue-flow/core` package is now required to use vue-flow + - `@vue-flow/additional-components` package contains `Background`, `MiniMap` and `Controls` components and related types + - When switching to the new pkg scope, you need to change the import path. + + Before: + + ```js + import { VueFlow, Background, MiniMap, Controls } from '@braks/vue-flow' + ``` + + After + + ```js + import { VueFlow } from '@vue-flow/core' + import { Background, MiniMap, Controls } from '@vue-flow/additional-components' + ``` + +### Patch Changes + +- Updated dependencies [[`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc), [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01)]: + - @vue-flow/core@1.0.0 diff --git a/packages/additional-components/package.json b/packages/additional-components/package.json index 65be2d7e..65bf620d 100644 --- a/packages/additional-components/package.json +++ b/packages/additional-components/package.json @@ -1,6 +1,6 @@ { "name": "@vue-flow/additional-components", - "version": "0.0.1", + "version": "1.0.0", "private": false, "license": "MIT", "author": "Burak Cakmakoglu<78412429+bcakmakoglu@users.noreply.github.com>", @@ -30,7 +30,7 @@ }, "peerDependencies": { "vue": "^3.2.37", - "@vue-flow/core": "^0.4.41" + "@vue-flow/core": "^1.0.0" }, "dependencies": {}, "devDependencies": { diff --git a/packages/pathfinding-edge/CHANGELOG.md b/packages/pathfinding-edge/CHANGELOG.md new file mode 100644 index 00000000..b4b697e9 --- /dev/null +++ b/packages/pathfinding-edge/CHANGELOG.md @@ -0,0 +1,83 @@ +# @vue-flow/pathfinding-edge + +## 1.0.0 + +### Major Changes + +- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? + + - Simplify edge path calculations + - remove `getEdgeCenter` and `getSimpleEdgeCenter` + + # Breaking Changes + + - `getEdgeCenter` has been removed + - Edge center positions can now be accessed from `getBezierPath` or `getSmoothStepPath` functions + + Before: + + ```js + import { getBezierPath, getEdgeCenter } from '@braks/vue-flow' + + // used to return the path string only + const edgePath = computed(() => getBezierPath(pathParams)) + + // was necessary to get the centerX, centerY of an edge + const centered = computed(() => getEdgeCenter(centerParams)) + ``` + + After: + + ```js + import { getBezierPath } from '@vue-flow/core' + + // returns the path string and the center positions + const [path, centerX, centerY] = computed(() => getBezierPath(pathParams)) + ``` + +- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? + + - Change pkg scope from 'braks' to 'vue-flow' + - Add `@vue-flow/core` package + - Add `@vue-flow/additional-components` package + - Add `@vue-flow/pathfinding-edge` package + - Add `@vue-flow/resize-rotate-node` package + + # Features + + - `useNode` and `useEdge` composables + - can be used to access current node/edge (or by id) and their respective element refs (if used inside the elements' context, i.e. a custom node/edge) + - `selectionKeyCode` as `true` + - allows for figma style selection (i.e. create a selection rect without holding shift or any other key) + - Handles to trigger handle bounds calculation on mount + - if no handle bounds are found, a Handle will try to calculate its bounds on mount + - should remove the need for `updateNodeInternals` on dynamic handles + - Testing for various features using Cypress 10 + + # Bugfixes + + - Fix `removeSelectedEdges` and `removeSelectedNodes` actions not properly removing elements from store + + # Breaking Changes + + - `@vue-flow/core` package is now required to use vue-flow + - `@vue-flow/additional-components` package contains `Background`, `MiniMap` and `Controls` components and related types + - When switching to the new pkg scope, you need to change the import path. + + Before: + + ```js + import { VueFlow, Background, MiniMap, Controls } from '@braks/vue-flow' + ``` + + After + + ```js + import { VueFlow } from '@vue-flow/core' + import { Background, MiniMap, Controls } from '@vue-flow/additional-components' + ``` + +### Patch Changes + +- Updated dependencies [[`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc), [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01)]: + - @vue-flow/core@1.0.0 diff --git a/packages/pathfinding-edge/package.json b/packages/pathfinding-edge/package.json index a498945e..995e886a 100644 --- a/packages/pathfinding-edge/package.json +++ b/packages/pathfinding-edge/package.json @@ -1,6 +1,6 @@ { "name": "@vue-flow/pathfinding-edge", - "version": "0.2.2", + "version": "1.0.0", "private": false, "repository": { "type": "git", @@ -45,7 +45,7 @@ "vue-tsc": "^0.40.13" }, "peerDependencies": { - "@vue-flow/core": "^0.4.41", + "@vue-flow/core": "^1.0.0", "vue": "^3.2.25" }, "publishConfig": { diff --git a/packages/resize-rotate-node/CHANGELOG.md b/packages/resize-rotate-node/CHANGELOG.md new file mode 100644 index 00000000..e41b23d6 --- /dev/null +++ b/packages/resize-rotate-node/CHANGELOG.md @@ -0,0 +1,83 @@ +# @vue-flow/resize-rotate-node + +## 1.0.0 + +### Major Changes + +- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? + + - Simplify edge path calculations + - remove `getEdgeCenter` and `getSimpleEdgeCenter` + + # Breaking Changes + + - `getEdgeCenter` has been removed + - Edge center positions can now be accessed from `getBezierPath` or `getSmoothStepPath` functions + + Before: + + ```js + import { getBezierPath, getEdgeCenter } from '@braks/vue-flow' + + // used to return the path string only + const edgePath = computed(() => getBezierPath(pathParams)) + + // was necessary to get the centerX, centerY of an edge + const centered = computed(() => getEdgeCenter(centerParams)) + ``` + + After: + + ```js + import { getBezierPath } from '@vue-flow/core' + + // returns the path string and the center positions + const [path, centerX, centerY] = computed(() => getBezierPath(pathParams)) + ``` + +- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? + + - Change pkg scope from 'braks' to 'vue-flow' + - Add `@vue-flow/core` package + - Add `@vue-flow/additional-components` package + - Add `@vue-flow/pathfinding-edge` package + - Add `@vue-flow/resize-rotate-node` package + + # Features + + - `useNode` and `useEdge` composables + - can be used to access current node/edge (or by id) and their respective element refs (if used inside the elements' context, i.e. a custom node/edge) + - `selectionKeyCode` as `true` + - allows for figma style selection (i.e. create a selection rect without holding shift or any other key) + - Handles to trigger handle bounds calculation on mount + - if no handle bounds are found, a Handle will try to calculate its bounds on mount + - should remove the need for `updateNodeInternals` on dynamic handles + - Testing for various features using Cypress 10 + + # Bugfixes + + - Fix `removeSelectedEdges` and `removeSelectedNodes` actions not properly removing elements from store + + # Breaking Changes + + - `@vue-flow/core` package is now required to use vue-flow + - `@vue-flow/additional-components` package contains `Background`, `MiniMap` and `Controls` components and related types + - When switching to the new pkg scope, you need to change the import path. + + Before: + + ```js + import { VueFlow, Background, MiniMap, Controls } from '@braks/vue-flow' + ``` + + After + + ```js + import { VueFlow } from '@vue-flow/core' + import { Background, MiniMap, Controls } from '@vue-flow/additional-components' + ``` + +### Patch Changes + +- Updated dependencies [[`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc), [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01)]: + - @vue-flow/core@1.0.0 diff --git a/packages/resize-rotate-node/package.json b/packages/resize-rotate-node/package.json index 1f08debd..9315bea3 100644 --- a/packages/resize-rotate-node/package.json +++ b/packages/resize-rotate-node/package.json @@ -1,6 +1,6 @@ { "name": "@vue-flow/resize-rotate-node", - "version": "0.0.3", + "version": "1.0.0", "private": false, "repository": { "type": "git", @@ -44,7 +44,7 @@ "vue-tsc": "^0.40.13" }, "peerDependencies": { - "@vue-flow/core": "^0.4.41", + "@vue-flow/core": "^1.0.0", "vue": "^3.2.25" }, "publishConfig": { diff --git a/packages/vue-flow/CHANGELOG.md b/packages/vue-flow/CHANGELOG.md new file mode 100644 index 00000000..7e205d23 --- /dev/null +++ b/packages/vue-flow/CHANGELOG.md @@ -0,0 +1,78 @@ +# @vue-flow/core + +## 1.0.0 + +### Major Changes + +- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`939bff50`](https://github.com/bcakmakoglu/vue-flow/commit/939bff503039af3b790160640548ddde984cf2bc) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? + + - Simplify edge path calculations + - remove `getEdgeCenter` and `getSimpleEdgeCenter` + + # Breaking Changes + + - `getEdgeCenter` has been removed + - Edge center positions can now be accessed from `getBezierPath` or `getSmoothStepPath` functions + + Before: + + ```js + import { getBezierPath, getEdgeCenter } from '@braks/vue-flow' + + // used to return the path string only + const edgePath = computed(() => getBezierPath(pathParams)) + + // was necessary to get the centerX, centerY of an edge + const centered = computed(() => getEdgeCenter(centerParams)) + ``` + + After: + + ```js + import { getBezierPath } from '@vue-flow/core' + + // returns the path string and the center positions + const [path, centerX, centerY] = computed(() => getBezierPath(pathParams)) + ``` + +- [#305](https://github.com/bcakmakoglu/vue-flow/pull/305) [`47d837aa`](https://github.com/bcakmakoglu/vue-flow/commit/47d837aac096e59e7f55213990dff2cc7eba0c01) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? + + - Change pkg scope from 'braks' to 'vue-flow' + - Add `@vue-flow/core` package + - Add `@vue-flow/additional-components` package + - Add `@vue-flow/pathfinding-edge` package + - Add `@vue-flow/resize-rotate-node` package + + # Features + + - `useNode` and `useEdge` composables + - can be used to access current node/edge (or by id) and their respective element refs (if used inside the elements' context, i.e. a custom node/edge) + - `selectionKeyCode` as `true` + - allows for figma style selection (i.e. create a selection rect without holding shift or any other key) + - Handles to trigger handle bounds calculation on mount + - if no handle bounds are found, a Handle will try to calculate its bounds on mount + - should remove the need for `updateNodeInternals` on dynamic handles + - Testing for various features using Cypress 10 + + # Bugfixes + + - Fix `removeSelectedEdges` and `removeSelectedNodes` actions not properly removing elements from store + + # Breaking Changes + + - `@vue-flow/core` package is now required to use vue-flow + - `@vue-flow/additional-components` package contains `Background`, `MiniMap` and `Controls` components and related types + - When switching to the new pkg scope, you need to change the import path. + + Before: + + ```js + import { VueFlow, Background, MiniMap, Controls } from '@braks/vue-flow' + ``` + + After + + ```js + import { VueFlow } from '@vue-flow/core' + import { Background, MiniMap, Controls } from '@vue-flow/additional-components' + ``` diff --git a/packages/vue-flow/package.json b/packages/vue-flow/package.json index 00f425c3..e2a1c490 100644 --- a/packages/vue-flow/package.json +++ b/packages/vue-flow/package.json @@ -1,6 +1,6 @@ { "name": "@vue-flow/core", - "version": "0.4.41", + "version": "1.0.0", "private": false, "license": "MIT", "author": "Burak Cakmakoglu<78412429+bcakmakoglu@users.noreply.github.com>",