From e44b683b744984c2528fbeb6e1661aac4bf36ef2 Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Tue, 13 Dec 2022 14:48:05 +0100 Subject: [PATCH] refactor(additional-components): remove additional components package Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com> --- docs/package.json | 1 - packages/additional-components/.eslintrc.js | 8 - packages/additional-components/.gitignore | 99 ------- packages/additional-components/.prettierrc | 8 - packages/additional-components/CHANGELOG.md | 199 -------------- packages/additional-components/README.md | 48 ---- packages/additional-components/package.json | 54 ---- .../src/auto-imports.d.ts | 63 ----- .../src/background/Background.vue | 92 ------- .../src/background/index.ts | 2 - .../src/background/types.ts | 25 -- .../src/controls/ControlButton.vue | 11 - .../src/controls/Controls.vue | 100 -------- .../src/controls/icons/fitview.svg | 3 - .../src/controls/icons/lock.svg | 3 - .../src/controls/icons/minus.svg | 3 - .../src/controls/icons/plus.svg | 3 - .../src/controls/icons/unlock.svg | 3 - .../src/controls/index.ts | 4 - .../src/controls/types.ts | 15 -- packages/additional-components/src/index.ts | 9 - .../src/minimap/MiniMap.vue | 242 ------------------ .../src/minimap/MiniMapNode.ts | 52 ---- .../src/minimap/index.ts | 4 - .../src/minimap/types.ts | 58 ----- .../src/window-shims.d.ts | 3 - packages/additional-components/tsconfig.json | 26 -- .../additional-components/tsconfig.node.json | 11 - packages/additional-components/vite.config.ts | 51 ---- 29 files changed, 1200 deletions(-) delete mode 100644 packages/additional-components/.eslintrc.js delete mode 100644 packages/additional-components/.gitignore delete mode 100644 packages/additional-components/.prettierrc delete mode 100644 packages/additional-components/CHANGELOG.md delete mode 100644 packages/additional-components/README.md delete mode 100644 packages/additional-components/package.json delete mode 100644 packages/additional-components/src/auto-imports.d.ts delete mode 100644 packages/additional-components/src/background/Background.vue delete mode 100644 packages/additional-components/src/background/index.ts delete mode 100644 packages/additional-components/src/background/types.ts delete mode 100644 packages/additional-components/src/controls/ControlButton.vue delete mode 100644 packages/additional-components/src/controls/Controls.vue delete mode 100644 packages/additional-components/src/controls/icons/fitview.svg delete mode 100644 packages/additional-components/src/controls/icons/lock.svg delete mode 100644 packages/additional-components/src/controls/icons/minus.svg delete mode 100644 packages/additional-components/src/controls/icons/plus.svg delete mode 100644 packages/additional-components/src/controls/icons/unlock.svg delete mode 100644 packages/additional-components/src/controls/index.ts delete mode 100644 packages/additional-components/src/controls/types.ts delete mode 100644 packages/additional-components/src/index.ts delete mode 100644 packages/additional-components/src/minimap/MiniMap.vue delete mode 100644 packages/additional-components/src/minimap/MiniMapNode.ts delete mode 100644 packages/additional-components/src/minimap/index.ts delete mode 100644 packages/additional-components/src/minimap/types.ts delete mode 100644 packages/additional-components/src/window-shims.d.ts delete mode 100644 packages/additional-components/tsconfig.json delete mode 100644 packages/additional-components/tsconfig.node.json delete mode 100644 packages/additional-components/vite.config.ts diff --git a/docs/package.json b/docs/package.json index d3203e50..33e3cffb 100644 --- a/docs/package.json +++ b/docs/package.json @@ -16,7 +16,6 @@ "@animxyz/vue3": "^0.6.7", "@stackblitz/sdk": "^1.8.0", "@vercel/analytics": "^0.1.5", - "@vue-flow/additional-components": "workspace:*", "@vue-flow/core": "workspace:*", "@vue-flow/node-toolbar": "workspace:*", "@vue/repl": "1.1.2", diff --git a/packages/additional-components/.eslintrc.js b/packages/additional-components/.eslintrc.js deleted file mode 100644 index 98c0e4cb..00000000 --- a/packages/additional-components/.eslintrc.js +++ /dev/null @@ -1,8 +0,0 @@ -module.exports = { - rules: { - 'no-use-before-define': 0, - 'vue/no-setup-props-destructure': 0, - }, - extends: ['../../.eslintrc.js'], - ignorePatterns: ['!**/*'], -} diff --git a/packages/additional-components/.gitignore b/packages/additional-components/.gitignore deleted file mode 100644 index d718f84d..00000000 --- a/packages/additional-components/.gitignore +++ /dev/null @@ -1,99 +0,0 @@ -# Created by .ignore support plugin (hsz.mobi) -### Node template -# Logs -/logs -*.log -npm-debug.log* -yarn-debug.log* -yarn-error.log* - -# Runtime data -pids -*.pid -*.seed -*.pid.lock - -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage - -# nyc test coverage -.nyc_output - -# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# Bower dependency directory (https://bower.io/) -bower_components - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (https://nodejs.org/api/addons.html) -build/Release - -# Dependency directories -node_modules/ -jspm_packages/ - -# TypeScript v1 declaration files -typings/ - -# Optional npm cache directory -.npm - -# Optional eslint cache -.eslintcache - -# Optional REPL history -.node_repl_history - -# Output of 'npm pack' -*.tgz - -# Yarn Integrity file -.yarn-integrity - -# dotenv environment variables file -.env - -# parcel-bundler cache (https://parceljs.org/) -.cache - -# next.js build output -.next - -# nuxt.js build output -.nuxt - -# Nuxt generate -dist - -# vuepress build output -.vuepress/dist - -# Serverless directories -.serverless -.webpack - -# IDE / Editor -.idea - -# Service worker -sw.* - -# macOS -.DS_Store - -# Vim swap files -*.swp - -# Db-Data -hasura/db_data/ - -# Codegen types -types/types.ts - -build diff --git a/packages/additional-components/.prettierrc b/packages/additional-components/.prettierrc deleted file mode 100644 index 02018a37..00000000 --- a/packages/additional-components/.prettierrc +++ /dev/null @@ -1,8 +0,0 @@ -{ - "singleQuote": true, - "trailingComma": "all", - "semi": false, - "quoteProps": "consistent", - "bracketSpacing": true, - "printWidth": 130 -} diff --git a/packages/additional-components/CHANGELOG.md b/packages/additional-components/CHANGELOG.md deleted file mode 100644 index 8310c515..00000000 --- a/packages/additional-components/CHANGELOG.md +++ /dev/null @@ -1,199 +0,0 @@ -# @vue-flow/additional-components - -## 1.3.3 - -### Patch Changes - -- [#517](https://github.com/bcakmakoglu/vue-flow/pull/517) [`854db502`](https://github.com/bcakmakoglu/vue-flow/commit/854db50282f916faffb0a47f6023a3b522f5f2bd) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add missing `dragging` and `selected` props to minimap node slots - -## 1.3.2 - -### Patch Changes - -- [#494](https://github.com/bcakmakoglu/vue-flow/pull/494) [`50a24e4`](https://github.com/bcakmakoglu/vue-flow/commit/50a24e4017d47cbe619f34f98a020ed7a2c3bf10) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Apply translateExtent on pan - -## 1.3.1 - -### Patch Changes - -- [#473](https://github.com/bcakmakoglu/vue-flow/pull/473) [`9b70fc1`](https://github.com/bcakmakoglu/vue-flow/commit/9b70fc15b569598bbbc56d0ff0b22c212ba56fde) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Fix minimap node slots not being rendered - -## 1.3.0 - -### Minor Changes - -- [#438](https://github.com/bcakmakoglu/vue-flow/pull/438) [`32412ed`](https://github.com/bcakmakoglu/vue-flow/commit/32412ed8d6b48a04cd2628960f1a20aa89adc6dc) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add `maskStrokeColor` & `maskStrokeWidth` prop to MiniMap - -## 1.2.4 - -### Patch Changes - -- [#425](https://github.com/bcakmakoglu/vue-flow/pull/425) [`da0a294`](https://github.com/bcakmakoglu/vue-flow/commit/da0a294aa47b091cd846168594d3a01bde057315) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Update deps - -## 1.2.3 - -### Patch Changes - -- [#422](https://github.com/bcakmakoglu/vue-flow/pull/422) [`c8c9daf`](https://github.com/bcakmakoglu/vue-flow/commit/c8c9daffb72cde2bead300cba504fb2ea5eb44cc) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Use vue flow id as bg pattern id - -## 1.2.2 - -### Patch Changes - -- [#415](https://github.com/bcakmakoglu/vue-flow/pull/415) [`a27ccc4`](https://github.com/bcakmakoglu/vue-flow/commit/a27ccc46838243bfbe889a74f0ead9f2f381a06f) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Render mini map nodes regardless of `onlyRenderVisibleElements` - -- [#415](https://github.com/bcakmakoglu/vue-flow/pull/415) [`f89d4ec`](https://github.com/bcakmakoglu/vue-flow/commit/f89d4ecbfbb3e708d217dfa6de39bcce1d4a5266) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Inject minimap slots to avoid performance drops when using template slots - -## 1.2.1 - -### Patch Changes - -- [#398](https://github.com/bcakmakoglu/vue-flow/pull/398) [`0635dfa`](https://github.com/bcakmakoglu/vue-flow/commit/0635dfa171de27063e7d08ba8591330f00982732) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Upgrade to vite 3 - -## 1.2.0 - -### Minor Changes - -- [#396](https://github.com/bcakmakoglu/vue-flow/pull/396) [`03412ac`](https://github.com/bcakmakoglu/vue-flow/commit/03412acf0d4452c104cc342e5e11eb3a7671fe72) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add zoomable and pannable to MiniMap - - ### Usage - - - Set `zoomable` and `pannable` to `true` in `MiniMap` component to enable interactions with the MiniMap - - ```vue - - ``` - -## 1.1.0 - -### Minor Changes - -- [#311](https://github.com/bcakmakoglu/vue-flow/pull/311) [`2e2c449b`](https://github.com/bcakmakoglu/vue-flow/commit/2e2c449bf60efed7152930962df2f9b5c0037386) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? - - - Add `Panel` component - - Wrap `MiniMap` and `Controls` with `Panel` - - Add `position` prop to `MiniMap` and `Controls` - Example: - - ```vue - - - - - ``` - - # Bugfixes - - - Fix `MiniMap` and `Controls` cancelling selections - -### Patch Changes - -- [#311](https://github.com/bcakmakoglu/vue-flow/pull/311) [`e175cf81`](https://github.com/bcakmakoglu/vue-flow/commit/e175cf8157be1851651d6df0a9e87f732b53de59) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - # What's changed? - - - Add `vueflow` pkg that exports all features - - ```vue - - - - ``` - - ### Chores - - - Rename `core` pkg directory to `core` from `vue-flow` - - Rename bundle outputs - -## 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/README.md b/packages/additional-components/README.md deleted file mode 100644 index 25dd6448..00000000 --- a/packages/additional-components/README.md +++ /dev/null @@ -1,48 +0,0 @@ -# Vue Flow: Additional Components - -This package contains additional components that can be used with Vue Flow. -These components include: - -- [Background](https://vueflow.dev/guide/components/background) -- [Controls](https://vueflow.dev/guide/components/controls) - - [ControlButton](https://vueflow.dev/guide/components/control-button) -- [MiniMap](https://vueflow.dev/guide/components/minimap) - - [MiniMap Node](https://vueflow.dev/guide/components/minimap-node) - -## 🛠 Setup - -```bash -# install -$ yarn add @vue-flow/additional-components - -# or -$ npm i --save @vue-flow/additional-components -``` - -## 🎮 Quickstart - -```vue - - - -``` diff --git a/packages/additional-components/package.json b/packages/additional-components/package.json deleted file mode 100644 index 934af4ae..00000000 --- a/packages/additional-components/package.json +++ /dev/null @@ -1,54 +0,0 @@ -{ - "name": "@vue-flow/additional-components", - "version": "1.3.3", - "private": false, - "license": "MIT", - "author": "Burak Cakmakoglu<78412429+bcakmakoglu@users.noreply.github.com>", - "repository": { - "type": "git", - "url": "git+https://github.com/bcakmakoglu/vue-flow/packages/additional-components" - }, - "homepage": "https://github.com/bcakmakoglu/vue-flow#readme", - "bugs": { - "url": "https://github.com/bcakmakoglu/vue-flow/issues" - }, - "main": "./dist/vue-flow-additional-components.js", - "module": "./dist/vue-flow-additional-components.mjs", - "types": "./dist/index.d.ts", - "unpkg": "./dist/vue-flow-additional-components.iife.js", - "jsdelivr": "./dist/vue-flow-additional-components.iife.js", - "files": [ - "dist" - ], - "sideEffects": false, - "scripts": { - "build": "vite build", - "types": "vue-tsc --declaration --emitDeclarationOnly && pnpm lint:dist", - "lint": "eslint --ext \".js,.jsx,.ts,.tsx\" --fix --ignore-path ../../.gitignore .", - "lint:dist": "eslint --ext \".ts,.tsx\" -c .eslintrc.js --fix ./dist", - "test": "exit 0" - }, - "peerDependencies": { - "vue": "^3.2.25", - "@vue-flow/core": "^1.0.0" - }, - "dependencies": { - "d3-selection": "^3.0.0", - "d3-zoom": "^3.0.0" - }, - "devDependencies": { - "@types/d3-selection": "^3.0.3", - "@types/d3-zoom": "^3.0.1", - "@vue-flow/core": "workspace:*", - "@vitejs/plugin-vue": "^3.2.0", - "unplugin-auto-import": "^0.12.0", - "vite": "^3.2.5", - "vite-svg-loader": "^3.6.0", - "vite-plugin-vue-type-imports": "0.2.0", - "vue-tsc": "^1.0.11" - }, - "publishConfig": { - "access": "public", - "registry": "https://registry.npmjs.org/" - } -} diff --git a/packages/additional-components/src/auto-imports.d.ts b/packages/additional-components/src/auto-imports.d.ts deleted file mode 100644 index 05f84c95..00000000 --- a/packages/additional-components/src/auto-imports.d.ts +++ /dev/null @@ -1,63 +0,0 @@ -// Generated by 'unplugin-auto-import' -export {} -declare global { - const $$: typeof import('vue/macros')['$$'] - const $: typeof import('vue/macros')['$'] - const $computed: typeof import('vue/macros')['$computed'] - const $customRef: typeof import('vue/macros')['$customRef'] - const $ref: typeof import('vue/macros')['$ref'] - const $shallowRef: typeof import('vue/macros')['$shallowRef'] - const $toRef: typeof import('vue/macros')['$toRef'] - const EffectScope: typeof import('vue')['EffectScope'] - const computed: typeof import('vue')['computed'] - const createApp: typeof import('vue')['createApp'] - const customRef: typeof import('vue')['customRef'] - const defineAsyncComponent: typeof import('vue')['defineAsyncComponent'] - const defineComponent: typeof import('vue')['defineComponent'] - const effectScope: typeof import('vue')['effectScope'] - const getCurrentInstance: typeof import('vue')['getCurrentInstance'] - const getCurrentScope: typeof import('vue')['getCurrentScope'] - const h: typeof import('vue')['h'] - const inject: typeof import('vue')['inject'] - const isProxy: typeof import('vue')['isProxy'] - const isReactive: typeof import('vue')['isReactive'] - const isReadonly: typeof import('vue')['isReadonly'] - const isRef: typeof import('vue')['isRef'] - const markRaw: typeof import('vue')['markRaw'] - const nextTick: typeof import('vue')['nextTick'] - const onActivated: typeof import('vue')['onActivated'] - const onBeforeMount: typeof import('vue')['onBeforeMount'] - const onBeforeUnmount: typeof import('vue')['onBeforeUnmount'] - const onBeforeUpdate: typeof import('vue')['onBeforeUpdate'] - const onDeactivated: typeof import('vue')['onDeactivated'] - const onErrorCaptured: typeof import('vue')['onErrorCaptured'] - const onMounted: typeof import('vue')['onMounted'] - const onRenderTracked: typeof import('vue')['onRenderTracked'] - const onRenderTriggered: typeof import('vue')['onRenderTriggered'] - const onScopeDispose: typeof import('vue')['onScopeDispose'] - const onServerPrefetch: typeof import('vue')['onServerPrefetch'] - const onUnmounted: typeof import('vue')['onUnmounted'] - const onUpdated: typeof import('vue')['onUpdated'] - const provide: typeof import('vue')['provide'] - const reactive: typeof import('vue')['reactive'] - const readonly: typeof import('vue')['readonly'] - const ref: typeof import('vue')['ref'] - const resolveComponent: typeof import('vue')['resolveComponent'] - const resolveDirective: typeof import('vue')['resolveDirective'] - const shallowReactive: typeof import('vue')['shallowReactive'] - const shallowReadonly: typeof import('vue')['shallowReadonly'] - const shallowRef: typeof import('vue')['shallowRef'] - const toRaw: typeof import('vue')['toRaw'] - const toRef: typeof import('vue')['toRef'] - const toRefs: typeof import('vue')['toRefs'] - const triggerRef: typeof import('vue')['triggerRef'] - const unref: typeof import('vue')['unref'] - const useAttrs: typeof import('vue')['useAttrs'] - const useCssModule: typeof import('vue')['useCssModule'] - const useCssVars: typeof import('vue')['useCssVars'] - const useSlots: typeof import('vue')['useSlots'] - const watch: typeof import('vue')['watch'] - const watchEffect: typeof import('vue')['watchEffect'] - const watchPostEffect: typeof import('vue')['watchPostEffect'] - const watchSyncEffect: typeof import('vue')['watchSyncEffect'] -} diff --git a/packages/additional-components/src/background/Background.vue b/packages/additional-components/src/background/Background.vue deleted file mode 100644 index 8a04ff20..00000000 --- a/packages/additional-components/src/background/Background.vue +++ /dev/null @@ -1,92 +0,0 @@ - - - - - diff --git a/packages/additional-components/src/background/index.ts b/packages/additional-components/src/background/index.ts deleted file mode 100644 index e7aaa4b7..00000000 --- a/packages/additional-components/src/background/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -export { default as Background } from './Background.vue' -export * from './types' diff --git a/packages/additional-components/src/background/types.ts b/packages/additional-components/src/background/types.ts deleted file mode 100644 index 487583ca..00000000 --- a/packages/additional-components/src/background/types.ts +++ /dev/null @@ -1,25 +0,0 @@ -export enum BackgroundVariant { - Lines = 'lines', - Dots = 'dots', -} - -export interface BackgroundProps { - /** The background pattern variant, {@link BackgroundVariant} */ - variant?: BackgroundVariant - /** Background pattern gap */ - gap?: number - /** Background pattern size */ - size?: number - /** Background pattern color */ - patternColor?: string - /** Background color */ - bgColor?: string - /** Background height */ - height?: number - /** Background width */ - width?: number - /** Background x-coordinate (offset x) */ - x?: number - /** Background y-coordinate (offset y) */ - y?: number -} diff --git a/packages/additional-components/src/controls/ControlButton.vue b/packages/additional-components/src/controls/ControlButton.vue deleted file mode 100644 index 6c074f57..00000000 --- a/packages/additional-components/src/controls/ControlButton.vue +++ /dev/null @@ -1,11 +0,0 @@ - - - diff --git a/packages/additional-components/src/controls/Controls.vue b/packages/additional-components/src/controls/Controls.vue deleted file mode 100644 index a85ccdb1..00000000 --- a/packages/additional-components/src/controls/Controls.vue +++ /dev/null @@ -1,100 +0,0 @@ - - - - - diff --git a/packages/additional-components/src/controls/icons/fitview.svg b/packages/additional-components/src/controls/icons/fitview.svg deleted file mode 100644 index 4eb9cb67..00000000 --- a/packages/additional-components/src/controls/icons/fitview.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/additional-components/src/controls/icons/lock.svg b/packages/additional-components/src/controls/icons/lock.svg deleted file mode 100644 index d2168323..00000000 --- a/packages/additional-components/src/controls/icons/lock.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/additional-components/src/controls/icons/minus.svg b/packages/additional-components/src/controls/icons/minus.svg deleted file mode 100644 index 11d9aa5c..00000000 --- a/packages/additional-components/src/controls/icons/minus.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/additional-components/src/controls/icons/plus.svg b/packages/additional-components/src/controls/icons/plus.svg deleted file mode 100644 index 8cd8b1af..00000000 --- a/packages/additional-components/src/controls/icons/plus.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/additional-components/src/controls/icons/unlock.svg b/packages/additional-components/src/controls/icons/unlock.svg deleted file mode 100644 index b9e13ba0..00000000 --- a/packages/additional-components/src/controls/icons/unlock.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/packages/additional-components/src/controls/index.ts b/packages/additional-components/src/controls/index.ts deleted file mode 100644 index aece01fb..00000000 --- a/packages/additional-components/src/controls/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -export { default as Controls } from './Controls.vue' -export { default as ControlButton } from './ControlButton.vue' - -export * from './types' diff --git a/packages/additional-components/src/controls/types.ts b/packages/additional-components/src/controls/types.ts deleted file mode 100644 index bb5bedb1..00000000 --- a/packages/additional-components/src/controls/types.ts +++ /dev/null @@ -1,15 +0,0 @@ -import type { FitViewParams } from '@vue-flow/core' -import type { PanelPosition } from '../panel' - -export interface ControlProps { - /** Show the zoom icon */ - showZoom?: boolean - /** Show the fit-view icon */ - showFitView?: boolean - /** Show the interactive icon */ - showInteractive?: boolean - /** Params to use on fitView */ - fitViewParams?: FitViewParams - /** Position of the controls {@link PanelPosition} */ - position?: PanelPosition -} diff --git a/packages/additional-components/src/index.ts b/packages/additional-components/src/index.ts deleted file mode 100644 index f70b4fcb..00000000 --- a/packages/additional-components/src/index.ts +++ /dev/null @@ -1,9 +0,0 @@ -/** - * Additional components - * @module additional-components - */ - -export * from './background' -export * from './controls' -export * from './minimap' -export * from './panel' diff --git a/packages/additional-components/src/minimap/MiniMap.vue b/packages/additional-components/src/minimap/MiniMap.vue deleted file mode 100644 index 8e254a14..00000000 --- a/packages/additional-components/src/minimap/MiniMap.vue +++ /dev/null @@ -1,242 +0,0 @@ - - - - - diff --git a/packages/additional-components/src/minimap/MiniMapNode.ts b/packages/additional-components/src/minimap/MiniMapNode.ts deleted file mode 100644 index d38e582f..00000000 --- a/packages/additional-components/src/minimap/MiniMapNode.ts +++ /dev/null @@ -1,52 +0,0 @@ -import type { CSSProperties, Slots } from 'vue' -import type { MiniMapNodeProps } from './types' -import { MiniMapSlots } from './types' - -export default defineComponent({ - name: 'MiniMapNode', - props: [ - 'id', - 'position', - 'dimensions', - 'strokeWidth', - 'strokeColor', - 'borderRadius', - 'color', - 'shapeRendering', - 'type', - 'selected', - 'dragging', - ], - emits: ['click', 'dblclick', 'mouseenter', 'mousemove', 'mouseleave'], - setup(props: MiniMapNodeProps, { attrs, emit }) { - const miniMapSlots: Slots = inject(MiniMapSlots)! - - return () => { - const style = (attrs.style ?? {}) as CSSProperties - const slot = miniMapSlots[`node-${props.type}`] - - if (slot) return slot!(props) - - return h('rect', { - id: props.id, - class: ['vue-flow__minimap-node', attrs.class].join(' '), - style, - x: props.position.x, - y: props.position.y, - rx: props.borderRadius, - ry: props.borderRadius, - width: props.dimensions.width, - height: props.dimensions.height, - fill: props.color || (style.background as string) || style.backgroundColor, - stroke: props.strokeColor, - strokeWidth: props.strokeWidth, - shapeRendering: props.shapeRendering, - onClick: (e: MouseEvent) => emit('click', e), - onDblClick: (e: MouseEvent) => emit('dblclick', e), - onMouseenter: (e: MouseEvent) => emit('mouseenter', e), - onMousemove: (e: MouseEvent) => emit('mousemove', e), - onMouseleave: (e: MouseEvent) => emit('mouseleave', e), - }) - } - }, -}) diff --git a/packages/additional-components/src/minimap/index.ts b/packages/additional-components/src/minimap/index.ts deleted file mode 100644 index 54efbf34..00000000 --- a/packages/additional-components/src/minimap/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -export { default as MiniMap } from './MiniMap.vue' -export { default as MiniMapNode } from './MiniMapNode' - -export * from './types' diff --git a/packages/additional-components/src/minimap/types.ts b/packages/additional-components/src/minimap/types.ts deleted file mode 100644 index 220db199..00000000 --- a/packages/additional-components/src/minimap/types.ts +++ /dev/null @@ -1,58 +0,0 @@ -import type { Dimensions, GraphNode, XYPosition } from '@vue-flow/core' -import type { CSSProperties, InjectionKey, Slots } from 'vue' -import type { PanelPosition } from '../panel' - -/** expects a node and returns a color value */ -export type MiniMapNodeFunc = (node: GraphNode) => string -// hack for vue-type imports -type MiniMapNodeFunc2 = (node: GraphNode) => string -type MiniMapNodeFunc3 = (node: GraphNode) => string - -export type ShapeRendering = CSSProperties['shapeRendering'] - -export interface MiniMapProps { - /** Node color, can be either a string or a string func that receives the current node */ - nodeColor?: string | MiniMapNodeFunc - /** Node stroke color, can be either a string or a string func that receives the current node */ - nodeStrokeColor?: string | MiniMapNodeFunc2 - /** Additional node class name, can be either a string or a string func that receives the current node */ - nodeClassName?: string | MiniMapNodeFunc3 - /** Node border radius */ - nodeBorderRadius?: number - /** Node stroke width */ - nodeStrokeWidth?: number - /** Background color of minimap mask */ - maskColor?: string - /** Border color of minimap mask */ - maskStrokeColor?: string - /** Border width of minimap mask */ - maskStrokeWidth?: number - /** Position of the minimap {@link PanelPosition} */ - position?: PanelPosition - /** Enable drag minimap to drag viewport */ - pannable?: boolean - /** Enable zoom minimap to zoom viewport */ - zoomable?: boolean - - width?: number - - height?: number -} - -/** these props are passed to mini map node slots */ -export interface MiniMapNodeProps { - id: string - type: string - parentNode?: string - selected?: boolean - dragging?: boolean - position: XYPosition - dimensions: Dimensions - borderRadius?: number - color?: string - shapeRendering?: ShapeRendering - strokeColor?: string - strokeWidth?: number -} - -export const MiniMapSlots: InjectionKey = Symbol('MiniMapSlots') diff --git a/packages/additional-components/src/window-shims.d.ts b/packages/additional-components/src/window-shims.d.ts deleted file mode 100644 index bf00fe03..00000000 --- a/packages/additional-components/src/window-shims.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -declare interface Window { - chrome: any -} diff --git a/packages/additional-components/tsconfig.json b/packages/additional-components/tsconfig.json deleted file mode 100644 index 7a147657..00000000 --- a/packages/additional-components/tsconfig.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": ".", - "module": "ESNext", - "target": "es2017", - "lib": ["DOM", "ESNext"], - "strict": true, - "esModuleInterop": true, - "incremental": false, - "skipLibCheck": true, - "moduleResolution": "node", - "resolveJsonModule": true, - "noUnusedLocals": false, - "strictNullChecks": true, - "forceConsistentCasingInFileNames": true, - "declaration": true, - "declarationDir": "./dist", - "types": ["vite/client", "vue/macros"], - "paths": { - "~/*": ["src/*"] - }, - }, - "include": ["./src"], - "exclude": ["node_modules", "dist"], - "references": [{ "path": "./tsconfig.node.json" }] -} diff --git a/packages/additional-components/tsconfig.node.json b/packages/additional-components/tsconfig.node.json deleted file mode 100644 index 6dacac71..00000000 --- a/packages/additional-components/tsconfig.node.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "compilerOptions": { - "composite": true, - "module": "esnext", - "moduleResolution": "node", - "resolveJsonModule": true, - "allowSyntheticDefaultImports": true - }, - "include": ["vite.config.ts"], - "files": ["package.json"] -} diff --git a/packages/additional-components/vite.config.ts b/packages/additional-components/vite.config.ts deleted file mode 100644 index ef43d72f..00000000 --- a/packages/additional-components/vite.config.ts +++ /dev/null @@ -1,51 +0,0 @@ -import { resolve } from 'path' -import { defineConfig } from 'vite' -import vue from '@vitejs/plugin-vue' -import AutoImport from 'unplugin-auto-import/vite' -import vueTypes from 'vite-plugin-vue-type-imports' -import svgLoader from 'vite-svg-loader' - -// https://vitejs.dev/config/ -export default defineConfig({ - resolve: { - alias: { - '~': resolve('src'), - }, - extensions: ['.ts', '.vue'], - }, - build: { - minify: 'esbuild', - emptyOutDir: false, - lib: { - formats: ['es', 'cjs', 'iife'], - entry: resolve(__dirname, 'src/index.ts'), - fileName: 'vue-flow-additional-components', - name: 'vueFlowAdditionalComponents', - }, - rollupOptions: { - // make sure to externalize deps that shouldn't be bundled - // into your library - external: ['vue', '@vue-flow/core'], - output: { - dir: './dist', - // Provide global variables to use in the UMD build - // for externalized deps - globals: { - 'vue': 'Vue', - '@vue-flow/core': 'VueFlow', - }, - }, - }, - }, - plugins: [ - vue({ - reactivityTransform: true, - }), - vueTypes(), - AutoImport({ - imports: ['vue', 'vue/macros'], - dts: 'src/auto-imports.d.ts', - }), - svgLoader(), - ], -})