From 2e578ada7d9b842f0df3799823d7e2982d85b1da Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Fri, 10 Nov 2023 00:37:42 +0100 Subject: [PATCH] chore: remove base `vue-flow` pkg --- packages/vue-flow/.eslintrc.js | 3 - packages/vue-flow/CHANGELOG.md | 35 ---- packages/vue-flow/README.md | 5 - packages/vue-flow/package.json | 74 -------- packages/vue-flow/postcss.config.js | 3 - packages/vue-flow/src/index.ts | 9 - packages/vue-flow/src/style.css | 222 ------------------------ packages/vue-flow/src/theme-default.css | 157 ----------------- packages/vue-flow/tsconfig.json | 14 -- packages/vue-flow/vite.config.ts | 13 -- 10 files changed, 535 deletions(-) delete mode 100644 packages/vue-flow/.eslintrc.js delete mode 100644 packages/vue-flow/CHANGELOG.md delete mode 100644 packages/vue-flow/README.md delete mode 100644 packages/vue-flow/package.json delete mode 100644 packages/vue-flow/postcss.config.js delete mode 100644 packages/vue-flow/src/index.ts delete mode 100644 packages/vue-flow/src/style.css delete mode 100644 packages/vue-flow/src/theme-default.css delete mode 100644 packages/vue-flow/tsconfig.json delete mode 100644 packages/vue-flow/vite.config.ts diff --git a/packages/vue-flow/.eslintrc.js b/packages/vue-flow/.eslintrc.js deleted file mode 100644 index e4b0b38c..00000000 --- a/packages/vue-flow/.eslintrc.js +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - extends: ['@tooling/eslint-config'], -} diff --git a/packages/vue-flow/CHANGELOG.md b/packages/vue-flow/CHANGELOG.md deleted file mode 100644 index 4c522806..00000000 --- a/packages/vue-flow/CHANGELOG.md +++ /dev/null @@ -1,35 +0,0 @@ -# vueflow - -## 1.0.0 - -### Major 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 - -### Patch Changes - -- Updated dependencies [[`78f9ee1c`](https://github.com/bcakmakoglu/vue-flow/commit/78f9ee1cb77cc00590b8d4529da7cd124ddfc0f6), [`e175cf81`](https://github.com/bcakmakoglu/vue-flow/commit/e175cf8157be1851651d6df0a9e87f732b53de59), [`2e2c449b`](https://github.com/bcakmakoglu/vue-flow/commit/2e2c449bf60efed7152930962df2f9b5c0037386), [`e1c28a26`](https://github.com/bcakmakoglu/vue-flow/commit/e1c28a26c75a86b8c2790480bb8dadf37ad2ff12), [`08ad1735`](https://github.com/bcakmakoglu/vue-flow/commit/08ad17356f5fbd50255af27f7c482da756eda4aa)]: - - @vue-flow/core@1.1.0 - - @vue-flow/additional-components@1.1.0 diff --git a/packages/vue-flow/README.md b/packages/vue-flow/README.md deleted file mode 100644 index daeaca05..00000000 --- a/packages/vue-flow/README.md +++ /dev/null @@ -1,5 +0,0 @@ -# NOTICE - -- This package is supposed to be an all-inclusive pkg, containing all features available. -- However, due to a name dispute, the pkg is not yet released. -- Until the dispute is resolved, this pkg stays unreleased. diff --git a/packages/vue-flow/package.json b/packages/vue-flow/package.json deleted file mode 100644 index 27dfbd67..00000000 --- a/packages/vue-flow/package.json +++ /dev/null @@ -1,74 +0,0 @@ -{ - "name": "vueflow", - "version": "1.0.0", - "private": true, - "license": "MIT", - "author": "Burak Cakmakoglu<78412429+bcakmakoglu@users.noreply.github.com>", - "repository": { - "type": "git", - "url": "git+https://github.com/bcakmakoglu/vue-flow" - }, - "homepage": "https://github.com/bcakmakoglu/vue-flow#readme", - "bugs": { - "url": "https://github.com/bcakmakoglu/vue-flow/issues" - }, - "keywords": [ - "vue", - "flow", - "diagram", - "editor", - "graph", - "node", - "link", - "port", - "slot", - "vue3", - "composition-api", - "vue-flow", - "vueflow", - "typescript" - ], - "main": "./dist/vue-flow.js", - "module": "./dist/vue-flow.mjs", - "types": "./dist/index.d.ts", - "unpkg": "./dist/vue-flow.iife.js", - "jsdelivr": "./dist/vue-flow.iife.js", - "exports": { - ".": { - "types": "./dist/index.d.ts", - "import": "./dist/vue-flow.mjs", - "require": "./dist/vue-flow.js" - }, - "./dist/style.css": "./dist/style.css", - "./dist/theme-default.css": "./dist/theme-default.css" - }, - "files": [ - "dist", - "*.d.ts" - ], - "sideEffects": [ - "*.css" - ], - "peerDependencies": { - "vue": "^3.3.0" - }, - "dependencies": { - "@vue-flow/background": "workspace:*", - "@vue-flow/controls": "workspace:*", - "@vue-flow/core": "workspace:*", - "@vue-flow/minimap": "workspace:*" - }, - "devDependencies": { - "@tooling/eslint-config": "workspace:*", - "@tooling/tsconfig": "workspace:*", - "@tooling/vite-config": "workspace:*", - "autoprefixer": "^10.4.16", - "postcss": "^8.4.31", - "postcss-cli": "^10.1.0", - "postcss-nested": "^6.0.1" - }, - "publishConfig": { - "access": "public", - "registry": "https://registry.npmjs.org/" - } -} diff --git a/packages/vue-flow/postcss.config.js b/packages/vue-flow/postcss.config.js deleted file mode 100644 index 1f15b1cf..00000000 --- a/packages/vue-flow/postcss.config.js +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - plugins: [require('autoprefixer'), require('postcss-nested')], -} diff --git a/packages/vue-flow/src/index.ts b/packages/vue-flow/src/index.ts deleted file mode 100644 index 5b0d106b..00000000 --- a/packages/vue-flow/src/index.ts +++ /dev/null @@ -1,9 +0,0 @@ -import '@vue-flow/core/dist/style.css' -import '@vue-flow/core/dist/theme-default.css' -import '@vue-flow/controls/dist/style.css' -import '@vue-flow/minimap/dist/style.css' - -export * from '@vue-flow/background' -export * from '@vue-flow/controls' -export * from '@vue-flow/minimap' -export * from '@vue-flow/core' diff --git a/packages/vue-flow/src/style.css b/packages/vue-flow/src/style.css deleted file mode 100644 index 4125a3ee..00000000 --- a/packages/vue-flow/src/style.css +++ /dev/null @@ -1,222 +0,0 @@ -.vue-flow { - position: relative; - width: 100%; - height: 100%; - overflow: hidden; -} - -.vue-flow__container { - position: absolute; - height: 100%; - width: 100%; - left: 0; - top: 0; -} - -.vue-flow__pane { - z-index: 1; - cursor: grab; - -&.dragging { - cursor: grabbing; - } -} - -.vue-flow__transformationpane { - transform-origin: 0 0; - z-index: 2; - pointer-events: none; -} - -.vue-flow__viewport { - z-index: 4; -} - -.vue-flow__selectionpane { - z-index: 5; -} - -.vue-flow__edge-labels { - position: absolute; - width: 100%; - height: 100%; - pointer-events: none; -} - -.vue-flow__nodesselection-rect:focus, -.vue-flow__nodesselection-rect:focus-visible { - outline: none; -} - -.vue-flow .vue-flow__edges { - pointer-events: none; - overflow: visible; -} - -.vue-flow__edge-path, -.vue-flow__connection-path { - stroke: #b1b1b7; - stroke-width: 1; - fill: none; -} - -.vue-flow__edge { - pointer-events: visibleStroke; - cursor: pointer; - -&.animated path { - stroke-dasharray: 5; - animation: dashdraw 0.5s linear infinite; - } - -&.inactive { - pointer-events: none; - } - -&.selected, -&:focus, -&:focus-visible { - outline: none; - } - -&.selected .vue-flow__edge-path, -&:focus .vue-flow__edge-path, -&:focus-visible .vue-flow__edge-path { - stroke: #555; - } - -&-textwrapper { - pointer-events: all; - } - -&-textbg { - fill: white; - } - -&-text { - pointer-events: none; - user-select: none; - } -} - -.vue-flow__connection { - pointer-events: none; - -&.animated { - stroke-dasharray: 5; - animation: dashdraw 0.5s linear infinite; - } -} - -.vue-flow__connectionline { - z-index: 1001; -} - -.vue-flow__nodes { - pointer-events: none; - transform-origin: 0 0; -} - -.vue-flow__node { - position: absolute; - user-select: none; - pointer-events: all; - transform-origin: 0 0; - box-sizing: border-box; - cursor: grab; - -&.dragging { - cursor: grabbing; - } -} - -.vue-flow__nodesselection { - z-index: 3; - transform-origin: left top; - pointer-events: none; - -&-rect { - position: absolute; - pointer-events: all; - cursor: grab; - -&.dragging { - cursor: grabbing; - } -} -} - -.vue-flow__handle { - position: absolute; - pointer-events: none; - min-width: 5px; - min-height: 5px; - -&.connectable { - pointer-events: all; - cursor: crosshair; - } - -&-bottom { - top: auto; - left: 50%; - bottom: -4px; - transform: translate(-50%, 0); - } - -&-top { - left: 50%; - top: -4px; - transform: translate(-50%, 0); - } - -&-left { - top: 50%; - left: -4px; - transform: translate(0, -50%); - } - -&-right { - right: -4px; - top: 50%; - transform: translate(0, -50%); - } -} - -.vue-flow__edgeupdater { - cursor: move; - pointer-events: all; -} - -.vue-flow__panel { - position: absolute; - z-index: 5; - margin: 15px; - -&.top { - top: 0; - } - -&.bottom { - bottom: 0; - } - -&.left { - left: 0; - } - -&.right { - right: 0; - } - -&.center { - left: 50%; - transform: translateX(-50%); - } -} - -@keyframes dashdraw { - from { - stroke-dashoffset: 10; - } -} diff --git a/packages/vue-flow/src/theme-default.css b/packages/vue-flow/src/theme-default.css deleted file mode 100644 index b70ba9d6..00000000 --- a/packages/vue-flow/src/theme-default.css +++ /dev/null @@ -1,157 +0,0 @@ -:root { - --vf-node-bg: #fff; - --vf-node-text: #222; - --vf-connection-path: #b1b1b7; - --vf-handle: #555; -} - -.vue-flow__selection { - background: rgba(0, 89, 220, 0.08); - border: 1px dotted rgba(0, 89, 220, 0.8); -} - -.vue-flow__edge { - &.selected { - .vue-flow__edge-path { - stroke: #555; - } - } - - &.animated path { - stroke-dasharray: 5; - animation: dashdraw 0.5s linear infinite; - } - - &.updating { - .vue-flow__edge-path { - stroke: #777; - } - } -} - -.vue-flow__edge-path { - stroke: #b1b1b7; - stroke-width: 1; -} - -.vue-flow__edge-text { - font-size: 10px; -} - -.vue-flow__edge-textbg { - fill: #fff; -} - -.vue-flow__connection-path { - stroke: var(--vf-connection-path); - stroke-width: 1; -} - -.vue-flow__node { - cursor: grab; -} - -.vue-flow__node-default, -.vue-flow__node-input, -.vue-flow__node-output { - padding: 10px; - border-radius: 3px; - width: 150px; - font-size: 12px; - color: var(--vf-node-text); - text-align: center; - border-width: 1px; - border-style: solid; - - background: var(--vf-node-bg); - border-color: var(--vf-node-color); - - &.selected, - &.selected:hover { - box-shadow: 0 0 0 0.5px var(--vf-box-shadow); - } - - .vue-flow__handle { - background: var(--vf-handle); - } -} - -.vue-flow__node-default.selectable, -.vue-flow__node-input.selectable, -.vue-flow__node-output.selectable { - &:hover { - box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08); - } -} - -.vue-flow__node-input { - --vf-node-color: #0041d0; - --vf-handle: var(--vf-node-color); - --vf-box-shadow: var(--vf-node-color); - - background: var(--vf-node-bg); - border-color: var(--vf-node-color); -} - -.vue-flow__node-default { - --vf-node-color: #1a192b; - --vf-handle: var(--vf-node-color); - --vf-box-shadow: var(--vf-node-color); - - background: var(--vf-node-bg); - border-color: var(--vf-node-color); -} - -.vue-flow__node-output { - --vf-node-color: #ff0072; - --vf-handle: var(--vf-node-color); - --vf-box-shadow: var(--vf-node-color); -} - -.vue-flow__nodesselection-rect { - background: rgba(0, 89, 220, 0.08); - border: 1px dotted rgba(0, 89, 220, 0.8); -} - -.vue-flow__handle { - width: 6px; - height: 6px; - background: var(--vf-handle); - border: 1px solid #fff; - border-radius: 100%; - - &.connectable { - cursor: crosshair; - } -} - -.vue-flow__minimap { - background-color: #fff; -} - -.vue-flow__controls { - box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08); - - &-button { - background: #fefefe; - border-bottom: 1px solid #eee; - box-sizing: content-box; - display: flex; - justify-content: center; - align-items: center; - width: 16px; - height: 16px; - cursor: pointer; - user-select: none; - padding: 5px; - - svg { - max-width: 12px; - max-height: 12px; - } - - &:hover { - background: #f4f4f4; - } - } -} diff --git a/packages/vue-flow/tsconfig.json b/packages/vue-flow/tsconfig.json deleted file mode 100644 index f02b0a03..00000000 --- a/packages/vue-flow/tsconfig.json +++ /dev/null @@ -1,14 +0,0 @@ -{ - "extends": "@tooling/tsconfig/base", - "compilerOptions": { - "baseUrl": ".", - "declarationDir": "./dist", - "types": [ - "vite/client", - "vue/macros" - ] - }, - "include": [ - "./src" - ] -} diff --git a/packages/vue-flow/vite.config.ts b/packages/vue-flow/vite.config.ts deleted file mode 100644 index bdfdf5c4..00000000 --- a/packages/vue-flow/vite.config.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { resolve } from 'node:path' -import { withConfig } from '@tooling/vite-config' - -export default withConfig({ - build: { - lib: { - formats: ['es', 'cjs', 'iife'], - entry: resolve(__dirname, 'src/index.ts'), - fileName: 'vue-flow', - name: 'VueFlow', - }, - }, -})