From cd817b7f531e1985022aca34a02e97c2197cecdc Mon Sep 17 00:00:00 2001 From: Braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Tue, 29 Mar 2022 17:05:40 +0200 Subject: [PATCH] feat: implement workspaces --- README.md | 2 +- cypress/tsconfig.json | 7 - examples/.gitignore | 1 + examples/Basic/Basic.vue | 4 +- examples/Basic/BasicOptionsAPI.vue | 2 +- examples/Basic/ResizableNode.vue | 2 +- .../CustomConnectionLine.vue | 2 +- examples/CustomNode/ColorSelectorNode.vue | 2 +- examples/CustomNode/CustomNode.vue | 2 +- examples/DragNDrop/DnD.vue | 2 +- examples/EdgeTypes/EdgeTypesExample.vue | 2 +- examples/EdgeTypes/utils.ts | 2 +- examples/Edges/CustomEdge.vue | 2 +- examples/Edges/CustomEdge2.vue | 2 +- examples/Edges/EdgesExample.vue | 2 +- examples/Empty/EmptyExample.vue | 2 +- examples/Hidden/HiddenExample.vue | 2 +- examples/Interaction/InteractionExample.vue | 2 +- examples/Layouting/LayoutingExample.vue | 2 +- examples/Layouting/initial-elements.ts | 2 +- examples/MultiFlows/Flow.vue | 2 +- examples/Nesting/GroupNode.vue | 4 +- examples/Nesting/Nesting.vue | 2 +- .../NodeTypeChange/NodeTypeChangeExample.vue | 2 +- examples/Overview/Overview.vue | 2 +- examples/Provider/ProviderExample.vue | 2 +- examples/Provider/Sidebar.vue | 2 +- examples/RGBFlow/RGBFlow.vue | 2 +- examples/RGBFlow/RGBNode.vue | 2 +- examples/RGBFlow/RGBOutputNode.vue | 2 +- examples/SaveRestore/Controls.vue | 2 +- examples/SaveRestore/SaveRestoreExample.vue | 2 +- examples/Stress/StressExample.vue | 2 +- examples/Stress/utils.ts | 2 +- examples/Switch/SwitchExample.vue | 2 +- examples/Unidirectional/CustomNode.vue | 2 +- .../Unidirectional/UnidirectionalExample.vue | 2 +- .../UpdatableEdge/UpdatableEdgeExample.vue | 2 +- examples/UpdateNode/UpdateNodeExample.vue | 2 +- examples/Validation/CustomInput.vue | 2 +- examples/Validation/CustomNode.vue | 2 +- examples/Validation/ValidationExample.vue | 2 +- examples/index.css | 6 + index.html => examples/index.html | 2 +- examples/main.ts | 7 - examples/package.json | 30 + examples/tsconfig.json | 36 + examples/tsconfig.node.json | 8 + examples/vite.config.ts | 20 + package.json | 78 +- package/package.json | 66 + .../postcss.config.js | 0 .../Background/Background.vue | 0 .../Controls/ControlButton.vue | 0 .../Controls/Controls.vue | 0 .../additional-components/MiniMap/MiniMap.vue | 0 .../MiniMap/MiniMapNode.vue | 0 .../src}/additional-components/index.ts | 0 {src => package/src}/assets/icons/fitview.svg | 0 {src => package/src}/assets/icons/lock.svg | 0 {src => package/src}/assets/icons/minus.svg | 0 {src => package/src}/assets/icons/plus.svg | 0 {src => package/src}/assets/icons/unlock.svg | 0 {src => package/src}/assets/vue-flow.gif | Bin {src => package/src}/auto-imports.d.ts | 6 + .../ConnectionLine/ConnectionLine.vue | 0 .../src}/components/Edges/BaseEdge.vue | 0 .../src}/components/Edges/BezierEdge.vue | 0 .../src}/components/Edges/EdgeAnchor.vue | 0 .../src}/components/Edges/EdgeText.vue | 0 .../src}/components/Edges/EdgeWrapper.vue | 0 .../components/Edges/SimpleBezierEdge.vue | 0 .../src}/components/Edges/SmoothStepEdge.vue | 0 .../src}/components/Edges/StepEdge.vue | 0 .../src}/components/Edges/StraightEdge.vue | 0 .../src}/components/Edges/index.ts | 0 .../src}/components/Edges/utils/bezier.ts | 0 .../src}/components/Edges/utils/general.ts | 0 .../src}/components/Edges/utils/index.ts | 0 .../components/Edges/utils/simple-bezier.ts | 0 .../src}/components/Edges/utils/smoothstep.ts | 0 .../src}/components/Handle/Handle.vue | 0 .../src}/components/Nodes/DefaultNode.vue | 0 .../src}/components/Nodes/InputNode.vue | 0 .../src}/components/Nodes/NodeWrapper.vue | 0 .../src}/components/Nodes/OutputNode.vue | 0 .../src}/components/Nodes/index.ts | 0 .../NodesSelection/NodesSelection.vue | 0 .../UserSelection/SelectionRect.vue | 0 .../UserSelection/UserSelection.vue | 0 .../src}/components/UserSelection/utils.ts | 0 {src => package/src}/components/index.ts | 0 {src => package/src}/composables/index.ts | 0 {src => package/src}/composables/useHandle.ts | 0 .../src}/composables/useKeyPress.ts | 0 .../src}/composables/useVueFlow.ts | 0 {src => package/src}/composables/useWindow.ts | 0 .../src}/composables/useZoomPanHelper.ts | 0 .../container/EdgeRenderer/EdgeRenderer.vue | 0 .../src}/container/EdgeRenderer/Marker.vue | 0 .../EdgeRenderer/MarkerDefinitions.vue | 0 .../container/NodeRenderer/NodeRenderer.vue | 0 .../container/SelectionPane/SelectionPane.vue | 0 .../TransformationPane/TransformationPane.vue | 0 .../src}/container/VueFlow/VueFlow.vue | 0 .../src}/container/VueFlow/watch.ts | 0 .../src}/container/ZoomPane/ZoomPane.vue | 0 {src => package/src}/container/index.ts | 0 {src => package/src}/context/index.ts | 0 {src => package/src}/custom.d.ts | 0 {src => package/src}/env.d.ts | 0 {src => package/src}/index.ts | 0 {src => package/src}/store/actions.ts | 0 {src => package/src}/store/getters.ts | 0 {src => package/src}/store/hooks.ts | 0 {src => package/src}/store/index.ts | 0 package/src/store/state.ts | 131 + {src => package/src}/store/store.ts | 0 {src => package/src}/style.css | 0 {src => package/src}/theme-default.css | 0 {src => package/src}/types/changes.ts | 0 {src => package/src}/types/components.ts | 0 {src => package/src}/types/connection.ts | 0 {src => package/src}/types/edge.ts | 0 {src => package/src}/types/flow.ts | 0 {src => package/src}/types/handle.ts | 0 {src => package/src}/types/hooks.ts | 0 {src => package/src}/types/index.ts | 0 {src => package/src}/types/node.ts | 0 {src => package/src}/types/store.ts | 0 {src => package/src}/types/zoom.ts | 0 {src => package/src}/utils/changes.ts | 0 {src => package/src}/utils/edge.ts | 0 {src => package/src}/utils/graph.ts | 0 {src => package/src}/utils/index.ts | 0 {src => package/src}/utils/node.ts | 0 .../tsconfig.build.json | 7 +- tsconfig.json => package/tsconfig.docs.json | 10 +- tsconfig.docs.json => package/tsconfig.json | 15 +- vite.config.ts => package/vite.config.ts | 0 package/yarn.lock | 7888 +++++++++++++++++ src/store/state.ts | 129 - cypress.json => tests/cypress.json | 0 .../integration/1-store/setElements.spec.ts | 6 +- .../integration/1-store/setState.spec.ts | 7 +- .../integration/2-flow/container.spec.ts | 7 +- {cypress => tests/cypress}/plugins/index.ts | 2 +- tests/cypress/plugins/vite.config.ts | 6 + .../cypress}/support/commands.js | 0 {cypress => tests/cypress}/support/index.js | 0 tests/package.json | 18 + tests/tsconfig.json | 29 + yarn.lock | 1555 ++-- 153 files changed, 8970 insertions(+), 1191 deletions(-) delete mode 100644 cypress/tsconfig.json create mode 100644 examples/.gitignore rename index.html => examples/index.html (82%) create mode 100644 examples/package.json create mode 100644 examples/tsconfig.json create mode 100644 examples/tsconfig.node.json create mode 100644 examples/vite.config.ts create mode 100644 package/package.json rename postcss.config.js => package/postcss.config.js (100%) rename {src => package/src}/additional-components/Background/Background.vue (100%) rename {src => package/src}/additional-components/Controls/ControlButton.vue (100%) rename {src => package/src}/additional-components/Controls/Controls.vue (100%) rename {src => package/src}/additional-components/MiniMap/MiniMap.vue (100%) rename {src => package/src}/additional-components/MiniMap/MiniMapNode.vue (100%) rename {src => package/src}/additional-components/index.ts (100%) rename {src => package/src}/assets/icons/fitview.svg (100%) rename {src => package/src}/assets/icons/lock.svg (100%) rename {src => package/src}/assets/icons/minus.svg (100%) rename {src => package/src}/assets/icons/plus.svg (100%) rename {src => package/src}/assets/icons/unlock.svg (100%) rename {src => package/src}/assets/vue-flow.gif (100%) mode change 100755 => 100644 rename {src => package/src}/auto-imports.d.ts (96%) rename {src => package/src}/components/ConnectionLine/ConnectionLine.vue (100%) rename {src => package/src}/components/Edges/BaseEdge.vue (100%) rename {src => package/src}/components/Edges/BezierEdge.vue (100%) rename {src => package/src}/components/Edges/EdgeAnchor.vue (100%) rename {src => package/src}/components/Edges/EdgeText.vue (100%) rename {src => package/src}/components/Edges/EdgeWrapper.vue (100%) rename {src => package/src}/components/Edges/SimpleBezierEdge.vue (100%) rename {src => package/src}/components/Edges/SmoothStepEdge.vue (100%) rename {src => package/src}/components/Edges/StepEdge.vue (100%) rename {src => package/src}/components/Edges/StraightEdge.vue (100%) rename {src => package/src}/components/Edges/index.ts (100%) rename {src => package/src}/components/Edges/utils/bezier.ts (100%) rename {src => package/src}/components/Edges/utils/general.ts (100%) rename {src => package/src}/components/Edges/utils/index.ts (100%) rename {src => package/src}/components/Edges/utils/simple-bezier.ts (100%) rename {src => package/src}/components/Edges/utils/smoothstep.ts (100%) rename {src => package/src}/components/Handle/Handle.vue (100%) rename {src => package/src}/components/Nodes/DefaultNode.vue (100%) rename {src => package/src}/components/Nodes/InputNode.vue (100%) rename {src => package/src}/components/Nodes/NodeWrapper.vue (100%) rename {src => package/src}/components/Nodes/OutputNode.vue (100%) rename {src => package/src}/components/Nodes/index.ts (100%) rename {src => package/src}/components/NodesSelection/NodesSelection.vue (100%) rename {src => package/src}/components/UserSelection/SelectionRect.vue (100%) rename {src => package/src}/components/UserSelection/UserSelection.vue (100%) rename {src => package/src}/components/UserSelection/utils.ts (100%) rename {src => package/src}/components/index.ts (100%) rename {src => package/src}/composables/index.ts (100%) rename {src => package/src}/composables/useHandle.ts (100%) rename {src => package/src}/composables/useKeyPress.ts (100%) rename {src => package/src}/composables/useVueFlow.ts (100%) rename {src => package/src}/composables/useWindow.ts (100%) rename {src => package/src}/composables/useZoomPanHelper.ts (100%) rename {src => package/src}/container/EdgeRenderer/EdgeRenderer.vue (100%) rename {src => package/src}/container/EdgeRenderer/Marker.vue (100%) rename {src => package/src}/container/EdgeRenderer/MarkerDefinitions.vue (100%) rename {src => package/src}/container/NodeRenderer/NodeRenderer.vue (100%) rename {src => package/src}/container/SelectionPane/SelectionPane.vue (100%) rename {src => package/src}/container/TransformationPane/TransformationPane.vue (100%) rename {src => package/src}/container/VueFlow/VueFlow.vue (100%) rename {src => package/src}/container/VueFlow/watch.ts (100%) rename {src => package/src}/container/ZoomPane/ZoomPane.vue (100%) rename {src => package/src}/container/index.ts (100%) rename {src => package/src}/context/index.ts (100%) rename {src => package/src}/custom.d.ts (100%) rename {src => package/src}/env.d.ts (100%) rename {src => package/src}/index.ts (100%) rename {src => package/src}/store/actions.ts (100%) rename {src => package/src}/store/getters.ts (100%) rename {src => package/src}/store/hooks.ts (100%) rename {src => package/src}/store/index.ts (100%) create mode 100644 package/src/store/state.ts rename {src => package/src}/store/store.ts (100%) rename {src => package/src}/style.css (100%) rename {src => package/src}/theme-default.css (100%) rename {src => package/src}/types/changes.ts (100%) rename {src => package/src}/types/components.ts (100%) rename {src => package/src}/types/connection.ts (100%) rename {src => package/src}/types/edge.ts (100%) rename {src => package/src}/types/flow.ts (100%) rename {src => package/src}/types/handle.ts (100%) rename {src => package/src}/types/hooks.ts (100%) rename {src => package/src}/types/index.ts (100%) rename {src => package/src}/types/node.ts (100%) rename {src => package/src}/types/store.ts (100%) rename {src => package/src}/types/zoom.ts (100%) rename {src => package/src}/utils/changes.ts (100%) rename {src => package/src}/utils/edge.ts (100%) rename {src => package/src}/utils/graph.ts (100%) rename {src => package/src}/utils/index.ts (100%) rename {src => package/src}/utils/node.ts (100%) rename tsconfig.build.json => package/tsconfig.build.json (93%) rename tsconfig.json => package/tsconfig.docs.json (81%) rename tsconfig.docs.json => package/tsconfig.json (81%) rename vite.config.ts => package/vite.config.ts (100%) create mode 100644 package/yarn.lock delete mode 100644 src/store/state.ts rename cypress.json => tests/cypress.json (100%) rename {cypress => tests/cypress}/integration/1-store/setElements.spec.ts (93%) rename {cypress => tests/cypress}/integration/1-store/setState.spec.ts (89%) rename {cypress => tests/cypress}/integration/2-flow/container.spec.ts (88%) rename {cypress => tests/cypress}/plugins/index.ts (81%) create mode 100644 tests/cypress/plugins/vite.config.ts rename {cypress => tests/cypress}/support/commands.js (100%) rename {cypress => tests/cypress}/support/index.js (100%) create mode 100644 tests/package.json create mode 100644 tests/tsconfig.json diff --git a/README.md b/README.md index f5fba39d..91c8b8a0 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # Vue Flow 🌊 -[![vue flow](./src/assets/vue-flow.gif)](https://vueflow.dev/) +[![vue flow](package/src/assets/vue-flow.gif)](https://vueflow.dev/) ![top-language](https://img.shields.io/github/languages/top/bcakmakoglu/vue-flow) [![dependencies Status](https://status.david-dm.org/gh/bcakmakoglu/vue-flow.svg)](https://david-dm.org/bcakmakoglu/vue-flow) [![devDependencies Status](https://status.david-dm.org/gh/bcakmakoglu/vue-flow.svg?type=dev)](https://david-dm.org/bcakmakoglu/vue-flow?type=dev) diff --git a/cypress/tsconfig.json b/cypress/tsconfig.json deleted file mode 100644 index b257de21..00000000 --- a/cypress/tsconfig.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "extends": "../tsconfig.json", - "compilerOptions": { - "target": "es2018" - }, - "include": ["**/*"] -} diff --git a/examples/.gitignore b/examples/.gitignore new file mode 100644 index 00000000..aa9e3f9d --- /dev/null +++ b/examples/.gitignore @@ -0,0 +1 @@ +auto-imports.d.ts diff --git a/examples/Basic/Basic.vue b/examples/Basic/Basic.vue index 50637e1f..0d7e2565 100644 --- a/examples/Basic/Basic.vue +++ b/examples/Basic/Basic.vue @@ -1,6 +1,6 @@