From 66312b5d4b2cc19ecea379a4b34c03212e8fee69 Mon Sep 17 00:00:00 2001 From: Braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Sun, 15 May 2022 17:56:04 +0200 Subject: [PATCH] feat: Add resize-rotate-node pkg --- packages/pathfinding-edge/.editorconfig | 13 - packages/resize-rotate-node/.eslintrc.js | 8 + packages/resize-rotate-node/.gitignore | 99 ++++++++ packages/resize-rotate-node/.prettierrc | 8 + packages/resize-rotate-node/README.md | 82 ++++++ packages/resize-rotate-node/env.d.ts | 9 + packages/resize-rotate-node/example/App.vue | 43 ++++ .../resize-rotate-node/example/elements.ts | 16 ++ packages/resize-rotate-node/example/main.ts | 7 + packages/resize-rotate-node/index.html | 12 + packages/resize-rotate-node/package.json | 59 +++++ .../resize-rotate-node/src/auto-imports.d.ts | 234 ++++++++++++++++++ packages/resize-rotate-node/src/index.ts | 1 + .../src/node/ResizeRotateNode.vue | 3 + packages/resize-rotate-node/tsconfig.json | 30 +++ .../resize-rotate-node/tsconfig.node.json | 11 + packages/resize-rotate-node/vite.config.ts | 47 ++++ 17 files changed, 669 insertions(+), 13 deletions(-) delete mode 100644 packages/pathfinding-edge/.editorconfig create mode 100644 packages/resize-rotate-node/.eslintrc.js create mode 100644 packages/resize-rotate-node/.gitignore create mode 100644 packages/resize-rotate-node/.prettierrc create mode 100644 packages/resize-rotate-node/README.md create mode 100644 packages/resize-rotate-node/env.d.ts create mode 100644 packages/resize-rotate-node/example/App.vue create mode 100644 packages/resize-rotate-node/example/elements.ts create mode 100644 packages/resize-rotate-node/example/main.ts create mode 100644 packages/resize-rotate-node/index.html create mode 100644 packages/resize-rotate-node/package.json create mode 100644 packages/resize-rotate-node/src/auto-imports.d.ts create mode 100644 packages/resize-rotate-node/src/index.ts create mode 100644 packages/resize-rotate-node/src/node/ResizeRotateNode.vue create mode 100644 packages/resize-rotate-node/tsconfig.json create mode 100644 packages/resize-rotate-node/tsconfig.node.json create mode 100644 packages/resize-rotate-node/vite.config.ts diff --git a/packages/pathfinding-edge/.editorconfig b/packages/pathfinding-edge/.editorconfig deleted file mode 100644 index 5d126348..00000000 --- a/packages/pathfinding-edge/.editorconfig +++ /dev/null @@ -1,13 +0,0 @@ -# editorconfig.org -root = true - -[*] -indent_style = space -indent_size = 2 -end_of_line = lf -charset = utf-8 -trim_trailing_whitespace = true -insert_final_newline = true - -[*.md] -trim_trailing_whitespace = false diff --git a/packages/resize-rotate-node/.eslintrc.js b/packages/resize-rotate-node/.eslintrc.js new file mode 100644 index 00000000..98c0e4cb --- /dev/null +++ b/packages/resize-rotate-node/.eslintrc.js @@ -0,0 +1,8 @@ +module.exports = { + rules: { + 'no-use-before-define': 0, + 'vue/no-setup-props-destructure': 0, + }, + extends: ['../../.eslintrc.js'], + ignorePatterns: ['!**/*'], +} diff --git a/packages/resize-rotate-node/.gitignore b/packages/resize-rotate-node/.gitignore new file mode 100644 index 00000000..d718f84d --- /dev/null +++ b/packages/resize-rotate-node/.gitignore @@ -0,0 +1,99 @@ +# 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/resize-rotate-node/.prettierrc b/packages/resize-rotate-node/.prettierrc new file mode 100644 index 00000000..02018a37 --- /dev/null +++ b/packages/resize-rotate-node/.prettierrc @@ -0,0 +1,8 @@ +{ + "singleQuote": true, + "trailingComma": "all", + "semi": false, + "quoteProps": "consistent", + "bracketSpacing": true, + "printWidth": 130 +} diff --git a/packages/resize-rotate-node/README.md b/packages/resize-rotate-node/README.md new file mode 100644 index 00000000..abfe18cc --- /dev/null +++ b/packages/resize-rotate-node/README.md @@ -0,0 +1,82 @@ +# Vue Flow Pathfinding Edge 🧲 + +![top-language](https://img.shields.io/github/languages/top/bcakmakoglu/vue-flow-pathfinding-edge) +[![dependencies Status](https://status.david-dm.org/gh/bcakmakoglu/vue-flow-pathfinding-edge.svg)](https://david-dm.org/bcakmakoglu/vue-flow-pathfinding-edge) +[![devDependencies Status](https://status.david-dm.org/gh/bcakmakoglu/vue-flow-pathfinding-edge.svg?type=dev)](https://david-dm.org/bcakmakoglu/vue-flow-pathfinding-edge?type=dev) +![vulnerabilities](https://img.shields.io/snyk/vulnerabilities/github/bcakmakoglu/vue-flow-pathfinding-edge) +![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/bcakmakoglu/vue-flow-pathfinding-edge) +![GitHub last commit](https://img.shields.io/github/last-commit/bcakmakoglu/vue-flow-pathfinding-edge) + +### **Custom Edge that avoids crossing other Nodes** + +Check the [documentation](https://vueflow.dev/docs/addons/pathfinding) for more info on how to use this custom edge. + +## 🛠 Setup + +```bash +# install +$ yarn add @braks/vue-flow-pathfinding-edge + +# or +$ npm i --save @braks/vue-flow-pathfinding-edge +``` + +## 🎮 Quickstart + +```vue + + +``` + +```typescript +// initial-elements.ts +export default [ + { + id: '1', + label: 'Node 1', + position: { + x: 430, + y: 0, + }, + }, + { + id: '2', + label: 'Node 2', + position: { + x: 230, + y: 90, + }, + }, + { + id: 'e12', + source: '1', + target: '2', + label: 'Smart Edge', + style: { stroke: 'red' }, + type: 'pathFinding' + }, +] +``` diff --git a/packages/resize-rotate-node/env.d.ts b/packages/resize-rotate-node/env.d.ts new file mode 100644 index 00000000..a63bfc73 --- /dev/null +++ b/packages/resize-rotate-node/env.d.ts @@ -0,0 +1,9 @@ +/// +/// + +declare module '*.vue' { + import type { DefineComponent } from 'vue' + // eslint-disable-next-line @typescript-eslint/ban-types + const component: DefineComponent<{}, {}, any> + export default component +} diff --git a/packages/resize-rotate-node/example/App.vue b/packages/resize-rotate-node/example/App.vue new file mode 100644 index 00000000..a773fee3 --- /dev/null +++ b/packages/resize-rotate-node/example/App.vue @@ -0,0 +1,43 @@ + + + + + diff --git a/packages/resize-rotate-node/example/elements.ts b/packages/resize-rotate-node/example/elements.ts new file mode 100644 index 00000000..b8756d3a --- /dev/null +++ b/packages/resize-rotate-node/example/elements.ts @@ -0,0 +1,16 @@ +import type { Elements } from '@braks/vue-flow' +import { MarkerType } from '@braks/vue-flow' + +// const markerEnd = MarkerType.Arrow + +export default [ + { + id: '1', + label: 'Node 1', + type: 'resize-rotate', + position: { + x: 430, + y: 0, + }, + }, +] as Elements diff --git a/packages/resize-rotate-node/example/main.ts b/packages/resize-rotate-node/example/main.ts new file mode 100644 index 00000000..c707599b --- /dev/null +++ b/packages/resize-rotate-node/example/main.ts @@ -0,0 +1,7 @@ +import { createApp } from 'vue' +import App from './App.vue' + +const app = createApp(App) + +app.config.performance = true +app.mount('#root') diff --git a/packages/resize-rotate-node/index.html b/packages/resize-rotate-node/index.html new file mode 100644 index 00000000..7328d10f --- /dev/null +++ b/packages/resize-rotate-node/index.html @@ -0,0 +1,12 @@ + + + + + + 🌊 Vue Flow + + +
+ + + diff --git a/packages/resize-rotate-node/package.json b/packages/resize-rotate-node/package.json new file mode 100644 index 00000000..db34e842 --- /dev/null +++ b/packages/resize-rotate-node/package.json @@ -0,0 +1,59 @@ +{ + "name": "@braks/vue-flow-resize-rotate-node", + "version": "0.0.1", + "private": false, + "repository": { + "type": "git", + "url": "https://github.com/bcakmakoglu/vue-flow/packages/resize-rotate-node" + }, + "homepage": "https://github.com/bcakmakoglu/vue-flow/packages/resize-rotate-node#readme", + "license": "MIT", + "author": "Burak Cakmakoglu", + "main": "./dist/vue-flow-resize-rotate-node.cjs.js", + "types": "./dist/index.d.ts", + "module": "./dist/vue-flow-resize-rotate-node.es.js", + "unpkg": "./dist/vue-flow-resize-rotate-node.iife.js", + "jsdelivr": "./dist/vue-flow-resize-rotate-node.iife.js", + "files": [ + "dist" + ], + "scripts": { + "prepare": "ts-patch install -s", + "dev": "vite", + "build": "vite build", + "types": "yarn prepare && vue-tsc --declaration --emitDeclarationOnly && shx rm -rf tmp", + "postbuild": "shx rm -rf tmp", + "prepublishOnly": "yarn build", + "test": "exit 0;", + "lint:js": "eslint --ext \".js,.jsx,.ts,.tsx\" --fix --ignore-path .gitignore .", + "lint": "yarn lint:js", + "release": "yarn np --no-release-draft" + }, + "dependencies": { + "@vueuse/core": "^8.4.2", + "vue3-moveable": "^0.4.8" + }, + "devDependencies": { + "@braks/vue-flow": "^0.4.10", + "@vitejs/plugin-vue": "^2.3.3", + "np": "^7.5.0", + "ts-patch": "^2.0.1", + "typescript-transform-paths": "^3.3.1", + "unplugin-auto-import": "^0.7.1", + "vite": "^2.9.9", + "vue-tsc": "^0.34.12" + }, + "peerDependencies": { + "@braks/vue-flow": "^0.4.0", + "vue": "^3.2.25" + }, + "publishConfig": { + "access": "public", + "registry": "http://registry.npmjs.org/" + }, + "np": { + "branch": "master", + "yarn": true, + "message": "v%s" + } +} diff --git a/packages/resize-rotate-node/src/auto-imports.d.ts b/packages/resize-rotate-node/src/auto-imports.d.ts new file mode 100644 index 00000000..dd68b78b --- /dev/null +++ b/packages/resize-rotate-node/src/auto-imports.d.ts @@ -0,0 +1,234 @@ +// Generated by 'unplugin-auto-import' +// We suggest you to commit this file into source control +declare global { + const asyncComputed: typeof import('@vueuse/core')['asyncComputed'] + const autoResetRef: typeof import('@vueuse/core')['autoResetRef'] + const computed: typeof import('vue')['computed'] + const computedAsync: typeof import('@vueuse/core')['computedAsync'] + const computedEager: typeof import('@vueuse/core')['computedEager'] + const computedInject: typeof import('@vueuse/core')['computedInject'] + const computedWithControl: typeof import('@vueuse/core')['computedWithControl'] + const controlledComputed: typeof import('@vueuse/core')['controlledComputed'] + const controlledRef: typeof import('@vueuse/core')['controlledRef'] + const createApp: typeof import('vue')['createApp'] + const createEventHook: typeof import('@vueuse/core')['createEventHook'] + const createGlobalState: typeof import('@vueuse/core')['createGlobalState'] + const createInjectionState: typeof import('@vueuse/core')['createInjectionState'] + const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn'] + const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable'] + const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn'] + const customRef: typeof import('vue')['customRef'] + const debouncedRef: typeof import('@vueuse/core')['debouncedRef'] + const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch'] + const defineAsyncComponent: typeof import('vue')['defineAsyncComponent'] + const defineComponent: typeof import('vue')['defineComponent'] + const eagerComputed: typeof import('@vueuse/core')['eagerComputed'] + const effectScope: typeof import('vue')['effectScope'] + const EffectScope: typeof import('vue')['EffectScope'] + const extendRef: typeof import('@vueuse/core')['extendRef'] + const getCurrentInstance: typeof import('vue')['getCurrentInstance'] + const getCurrentScope: typeof import('vue')['getCurrentScope'] + const h: typeof import('vue')['h'] + const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch'] + const inject: typeof import('vue')['inject'] + const isDefined: typeof import('@vueuse/core')['isDefined'] + const isReadonly: typeof import('vue')['isReadonly'] + const isRef: typeof import('vue')['isRef'] + const logicAnd: typeof import('@vueuse/core')['logicAnd'] + const logicNot: typeof import('@vueuse/core')['logicNot'] + const logicOr: typeof import('@vueuse/core')['logicOr'] + const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable'] + 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 onClickOutside: typeof import('@vueuse/core')['onClickOutside'] + const onDeactivated: typeof import('vue')['onDeactivated'] + const onErrorCaptured: typeof import('vue')['onErrorCaptured'] + const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke'] + const onLongPress: typeof import('@vueuse/core')['onLongPress'] + 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 onStartTyping: typeof import('@vueuse/core')['onStartTyping'] + const onUnmounted: typeof import('vue')['onUnmounted'] + const onUpdated: typeof import('vue')['onUpdated'] + const pausableWatch: typeof import('@vueuse/core')['pausableWatch'] + const provide: typeof import('vue')['provide'] + const reactify: typeof import('@vueuse/core')['reactify'] + const reactifyObject: typeof import('@vueuse/core')['reactifyObject'] + const reactive: typeof import('vue')['reactive'] + const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed'] + const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit'] + const reactivePick: typeof import('@vueuse/core')['reactivePick'] + const readonly: typeof import('vue')['readonly'] + const ref: typeof import('vue')['ref'] + const refAutoReset: typeof import('@vueuse/core')['refAutoReset'] + const refDebounced: typeof import('@vueuse/core')['refDebounced'] + const refDefault: typeof import('@vueuse/core')['refDefault'] + const refThrottled: typeof import('@vueuse/core')['refThrottled'] + const refWithControl: typeof import('@vueuse/core')['refWithControl'] + const resolveComponent: typeof import('vue')['resolveComponent'] + const shallowReactive: typeof import('vue')['shallowReactive'] + const shallowReadonly: typeof import('vue')['shallowReadonly'] + const shallowRef: typeof import('vue')['shallowRef'] + const syncRef: typeof import('@vueuse/core')['syncRef'] + const syncRefs: typeof import('@vueuse/core')['syncRefs'] + const templateRef: typeof import('@vueuse/core')['templateRef'] + const throttledRef: typeof import('@vueuse/core')['throttledRef'] + const throttledWatch: typeof import('@vueuse/core')['throttledWatch'] + const toRaw: typeof import('vue')['toRaw'] + const toReactive: typeof import('@vueuse/core')['toReactive'] + const toRef: typeof import('vue')['toRef'] + const toRefs: typeof import('vue')['toRefs'] + const triggerRef: typeof import('vue')['triggerRef'] + const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount'] + const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount'] + const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted'] + const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose'] + const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted'] + const unref: typeof import('vue')['unref'] + const unrefElement: typeof import('@vueuse/core')['unrefElement'] + const until: typeof import('@vueuse/core')['until'] + const useActiveElement: typeof import('@vueuse/core')['useActiveElement'] + const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue'] + const useAsyncState: typeof import('@vueuse/core')['useAsyncState'] + const useAttrs: typeof import('vue')['useAttrs'] + const useBase64: typeof import('@vueuse/core')['useBase64'] + const useBattery: typeof import('@vueuse/core')['useBattery'] + const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints'] + const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel'] + const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation'] + const useCached: typeof import('@vueuse/core')['useCached'] + const useClamp: typeof import('@vueuse/core')['useClamp'] + const useClipboard: typeof import('@vueuse/core')['useClipboard'] + const useColorMode: typeof import('@vueuse/core')['useColorMode'] + const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog'] + const useCounter: typeof import('@vueuse/core')['useCounter'] + const useCssModule: typeof import('vue')['useCssModule'] + const useCssVar: typeof import('@vueuse/core')['useCssVar'] + const useCssVars: typeof import('vue')['useCssVars'] + const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement'] + const useCycleList: typeof import('@vueuse/core')['useCycleList'] + const useDark: typeof import('@vueuse/core')['useDark'] + const useDateFormat: typeof import('@vueuse/core')['useDateFormat'] + const useDebounce: typeof import('@vueuse/core')['useDebounce'] + const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory'] + const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn'] + const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion'] + const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation'] + const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio'] + const useDevicesList: typeof import('@vueuse/core')['useDevicesList'] + const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia'] + const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility'] + const useDraggable: typeof import('@vueuse/core')['useDraggable'] + const useElementBounding: typeof import('@vueuse/core')['useElementBounding'] + const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint'] + const useElementHover: typeof import('@vueuse/core')['useElementHover'] + const useElementSize: typeof import('@vueuse/core')['useElementSize'] + const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility'] + const useEventBus: typeof import('@vueuse/core')['useEventBus'] + const useEventListener: typeof import('@vueuse/core')['useEventListener'] + const useEventSource: typeof import('@vueuse/core')['useEventSource'] + const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper'] + const useFavicon: typeof import('@vueuse/core')['useFavicon'] + const useFetch: typeof import('@vueuse/core')['useFetch'] + const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess'] + const useFocus: typeof import('@vueuse/core')['useFocus'] + const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin'] + const useFps: typeof import('@vueuse/core')['useFps'] + const useFullscreen: typeof import('@vueuse/core')['useFullscreen'] + const useGamepad: typeof import('@vueuse/core')['useGamepad'] + const useGeolocation: typeof import('@vueuse/core')['useGeolocation'] + const useIdle: typeof import('@vueuse/core')['useIdle'] + const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll'] + const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver'] + const useInterval: typeof import('@vueuse/core')['useInterval'] + const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn'] + const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier'] + const useLastChanged: typeof import('@vueuse/core')['useLastChanged'] + const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage'] + const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys'] + const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory'] + const useMediaControls: typeof import('@vueuse/core')['useMediaControls'] + const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery'] + const useMemoize: typeof import('@vueuse/core')['useMemoize'] + const useMemory: typeof import('@vueuse/core')['useMemory'] + const useMounted: typeof import('@vueuse/core')['useMounted'] + const useMouse: typeof import('@vueuse/core')['useMouse'] + const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement'] + const useMousePressed: typeof import('@vueuse/core')['useMousePressed'] + const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver'] + const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage'] + const useNetwork: typeof import('@vueuse/core')['useNetwork'] + const useNow: typeof import('@vueuse/core')['useNow'] + const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination'] + const useOnline: typeof import('@vueuse/core')['useOnline'] + const usePageLeave: typeof import('@vueuse/core')['usePageLeave'] + const useParallax: typeof import('@vueuse/core')['useParallax'] + const usePermission: typeof import('@vueuse/core')['usePermission'] + const usePointer: typeof import('@vueuse/core')['usePointer'] + const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe'] + const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme'] + const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark'] + const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages'] + const useRafFn: typeof import('@vueuse/core')['useRafFn'] + const useRefHistory: typeof import('@vueuse/core')['useRefHistory'] + const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver'] + const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation'] + const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea'] + const useScriptTag: typeof import('@vueuse/core')['useScriptTag'] + const useScroll: typeof import('@vueuse/core')['useScroll'] + const useScrollLock: typeof import('@vueuse/core')['useScrollLock'] + const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage'] + const useShare: typeof import('@vueuse/core')['useShare'] + const useSlots: typeof import('vue')['useSlots'] + const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition'] + const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis'] + const useStorage: typeof import('@vueuse/core')['useStorage'] + const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync'] + const useStyleTag: typeof import('@vueuse/core')['useStyleTag'] + const useSwipe: typeof import('@vueuse/core')['useSwipe'] + const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList'] + const useTextSelection: typeof import('@vueuse/core')['useTextSelection'] + const useThrottle: typeof import('@vueuse/core')['useThrottle'] + const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory'] + const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn'] + const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo'] + const useTimeout: typeof import('@vueuse/core')['useTimeout'] + const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn'] + const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll'] + const useTimestamp: typeof import('@vueuse/core')['useTimestamp'] + const useTitle: typeof import('@vueuse/core')['useTitle'] + const useToggle: typeof import('@vueuse/core')['useToggle'] + const useTransition: typeof import('@vueuse/core')['useTransition'] + const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams'] + const useUserMedia: typeof import('@vueuse/core')['useUserMedia'] + const useVibrate: typeof import('@vueuse/core')['useVibrate'] + const useVirtualList: typeof import('@vueuse/core')['useVirtualList'] + const useVModel: typeof import('@vueuse/core')['useVModel'] + const useVModels: typeof import('@vueuse/core')['useVModels'] + const useWakeLock: typeof import('@vueuse/core')['useWakeLock'] + const useWebNotification: typeof import('@vueuse/core')['useWebNotification'] + const useWebSocket: typeof import('@vueuse/core')['useWebSocket'] + const useWebWorker: typeof import('@vueuse/core')['useWebWorker'] + const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn'] + const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus'] + const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll'] + const useWindowSize: typeof import('@vueuse/core')['useWindowSize'] + const watch: typeof import('vue')['watch'] + const watchAtMost: typeof import('@vueuse/core')['watchAtMost'] + const watchDebounced: typeof import('@vueuse/core')['watchDebounced'] + const watchEffect: typeof import('vue')['watchEffect'] + const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable'] + const watchOnce: typeof import('@vueuse/core')['watchOnce'] + const watchPausable: typeof import('@vueuse/core')['watchPausable'] + const watchThrottled: typeof import('@vueuse/core')['watchThrottled'] + const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter'] + const whenever: typeof import('@vueuse/core')['whenever'] +} +export {} diff --git a/packages/resize-rotate-node/src/index.ts b/packages/resize-rotate-node/src/index.ts new file mode 100644 index 00000000..9132bc84 --- /dev/null +++ b/packages/resize-rotate-node/src/index.ts @@ -0,0 +1 @@ +export { default as ResizeRotateNode } from './node/ResizeRotateNode.vue' diff --git a/packages/resize-rotate-node/src/node/ResizeRotateNode.vue b/packages/resize-rotate-node/src/node/ResizeRotateNode.vue new file mode 100644 index 00000000..1c772eda --- /dev/null +++ b/packages/resize-rotate-node/src/node/ResizeRotateNode.vue @@ -0,0 +1,3 @@ + + + diff --git a/packages/resize-rotate-node/tsconfig.json b/packages/resize-rotate-node/tsconfig.json new file mode 100644 index 00000000..a1b6ebe7 --- /dev/null +++ b/packages/resize-rotate-node/tsconfig.json @@ -0,0 +1,30 @@ +{ + "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/*"] + }, + "plugins": [ + // Transform paths in output .d.ts files (Include this line if you output declarations files) + { "transform": "typescript-transform-paths", "afterDeclarations": true } + ] + }, + "include": ["./src"], + "exclude": ["node_modules", "dist"], + "references": [{ "path": "./tsconfig.node.json" }] +} diff --git a/packages/resize-rotate-node/tsconfig.node.json b/packages/resize-rotate-node/tsconfig.node.json new file mode 100644 index 00000000..6dacac71 --- /dev/null +++ b/packages/resize-rotate-node/tsconfig.node.json @@ -0,0 +1,11 @@ +{ + "compilerOptions": { + "composite": true, + "module": "esnext", + "moduleResolution": "node", + "resolveJsonModule": true, + "allowSyntheticDefaultImports": true + }, + "include": ["vite.config.ts"], + "files": ["package.json"] +} diff --git a/packages/resize-rotate-node/vite.config.ts b/packages/resize-rotate-node/vite.config.ts new file mode 100644 index 00000000..65398d1a --- /dev/null +++ b/packages/resize-rotate-node/vite.config.ts @@ -0,0 +1,47 @@ +import { resolve } from 'path' +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' +import AutoImport from 'unplugin-auto-import/vite' + +// https://vitejs.dev/config/ +export default defineConfig({ + resolve: { + alias: { + '~': resolve('src'), + }, + dedupe: ['vue'], + extensions: ['.ts', '.vue'], + }, + build: { + minify: 'esbuild', + emptyOutDir: false, + lib: { + formats: ['es', 'cjs', 'iife'], + entry: resolve(__dirname, 'src/index.ts'), + name: 'vueFlowResizeRotateNode', + }, + rollupOptions: { + // make sure to externalize deps that shouldn't be bundled + // into your library + external: ['vue'], + output: { + dir: './dist', + // Provide global variables to use in the UMD build + // for externalized deps + globals: { + vue: 'Vue', + }, + }, + }, + }, + plugins: [ + vue(), + AutoImport({ + imports: ['vue', '@vueuse/core'], + dts: 'src/auto-imports.d.ts', + }), + ], + optimizeDeps: { + include: ['@braks/vue-flow', 'vue', '@vueuse/core'], + }, +})