refactor: project maintanace

Author: antfu

.github/workflows/release-note.yml

@@ -0,0 +1,28 @@
+name: Create release
+
+permissions:
+  contents: write
+
+on:
+  push:
+    tags:
+      - "v*" # Push events to matching v*, i.e. v1.0, v20.15.10
+  workflow_dispatch:
+
+jobs:
+  build:
+    name: Create Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0 # Fetch all tags
+
+      - name: Create Release for Tag
+        id: release_tag
+        uses: Akryum/[email protected]
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        with:
+          tag_name: ${{ github.ref }}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "references.preferredLocation": "peek"
+}

CONTRIBUTING.md

@@ -0,0 +1,34 @@
+{
+  "name": "demo2",
+  "version": "2.0.0-beta.20",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "test:e2e": "echo \"TODO\"",
+    "lint": "eslint . --ext .js,.vue"
+  },
+  "dependencies": {
+    "core-js": "^3.30.2",
+    "floating-vue": "workspace:*",
+    "vue": "^3.3.4",
+    "vue-router": "^4.2.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/compiler-sfc": "^3.3.4",
+    "@vue/eslint-config-standard": "^8.0.1",
+    "autoprefixer": "^10.4.14",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^8.41.0",
+    "eslint-plugin-cypress": "^2.13.3",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-standard": "^5.0.0",
+    "eslint-plugin-vue": "^9.13.0",
+    "postcss": "^8.4.23",
+    "tailwindcss": "^3.3.2",
+    "vite": "^4.3.8"
+  }
+}

packages/demo-vue3/.eslintrc.js renamed to demos/demo-vue3/.eslintrc.js

@@ -1,2 +1,2 @@
 [build.environment]
-  NODE_VERSION = "16"
+  NODE_VERSION = "18"

packages/demo-vue3/.gitignore renamed to demos/demo-vue3/.gitignore

@@ -1,18 +1,17 @@
 {
   "name": "floating-vue-monorepo",
+  "packageManager": "[email protected]",
   "version": "2.0.0-beta.20",
   "private": true,
   "workspaces": [
     "packages/*"
   ],
   "scripts": {
-    "build": "lerna run build --ignore demo",
-    "lint": "lerna run lint",
-    "release": "yarn run lint && lerna publish && yarn run changelog",
-    "changelog": "node ./scripts/update-version.mjs && conventional-changelog -p angular -i CHANGELOG.md -s -r 2 && (git add CHANGELOG.md && git add package.json && git commit -m \"chore: changelog\" && git push || exit 0)"
+    "build": "pnpm -r --filter=\"./packages/*\" run build",
+    "lint": "pnpm -r run lint",
+    "release": "pnpm run lint && pnpm run build && sheep release -b main"
   },
   "devDependencies": {
-    "conventional-changelog-cli": "^2.1.1",
-    "lerna": "^4.0.0"
+    "@akryum/sheep": "^0.5.0"
   }
 }

packages/demo-vue3/README.md renamed to demos/demo-vue3/README.md

@@ -5,43 +5,44 @@
   "author": "Guillaume Chau <[email protected]>",
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch",
-    "build": "cross-env NODE_ENV=production vite build && tsc -d --emitDeclarationOnly && vue-typegen gen -s src -o dist",
-    "prepublishOnly": "yarn run lint && yarn run test && yarn run build",
-    "test": "yarn run test:unit",
+    "build": "cross-env NODE_ENV=production vite build && vue-tsc -d --emitDeclarationOnly",
+    "prepublishOnly": "pnpm run lint && pnpm run test && pnpm run build",
+    "test": "pnpm run test:unit",
     "lint": "eslint . --ext .js,.vue",
     "test:unit": "peeky run"
   },
   "main": "dist/floating-vue.umd.js",
-  "module": "dist/floating-vue.es.js",
+  "module": "dist/floating-vue.mjs",
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@floating-ui/dom": "^0.1.10",
+    "@floating-ui/dom": "^1.2.8",
     "vue-resize": "^2.0.0-alpha.1"
   },
   "peerDependencies": {
     "vue": "^3.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.4.0",
-    "@babel/preset-env": "^7.4.2",
-    "@peeky/test": "^0.10.2",
-    "@typescript-eslint/eslint-plugin": "^5.6.0",
-    "@typescript-eslint/parser": "^5.6.0",
-    "@vitejs/plugin-vue": "^2.0.1",
-    "@vue/eslint-config-standard": "^6.0.0",
-    "@vue/eslint-config-typescript": "^6.0.0",
-    "@vue/test-utils": "^1.1.2",
-    "babel-jest": "^26.6.3",
+    "@babel/core": "^7.21.8",
+    "@babel/preset-env": "^7.21.5",
+    "@peeky/test": "^0.14.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.6",
+    "@typescript-eslint/parser": "^5.59.6",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/eslint-config-standard": "^8.0.1",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/test-utils": "^1.3.5",
+    "babel-jest": "^29.5.0",
     "cross-env": "^7.0.3",
-    "eslint": "^7.16.0",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint": "^8.41.0",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-vue": "^7.4.0",
-    "fs-extra": "^9.0.1",
-    "typescript": "^4.5.4",
-    "vite": "^2.7.12",
-    "vue": "^3.2.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-vue": "^9.13.0",
+    "fs-extra": "^11.1.1",
+    "typescript": "^5.0.4",
+    "vite": "^4.3.8",
+    "vue": "^3.3.4",
+    "vue-tsc": "^1.6.5",
     "vue-typegen": "^0.2.0"
   },
   "browserslist": [

packages/demo-vue3/cypress.json renamed to demos/demo-vue3/cypress.json

@@ -1,12 +1,13 @@
 <script lang="ts">
-import { defineComponent } from 'vue'
 import PopperWrapper from './PopperWrapper.vue'
 
-export default defineComponent({
+const Component = ({
   ...PopperWrapper,
   name: 'VDropdown',
   vPopperTheme: 'dropdown',
-})
+}) as unknown as typeof PopperWrapper
+
+export default Component
 </script>
 
 <style>

packages/demo-vue3/index.html renamed to demos/demo-vue3/index.html

@@ -1,10 +1,11 @@
 <script lang="ts">
-import { defineComponent } from 'vue'
 import PopperWrapper from './PopperWrapper.vue'
 
-export default defineComponent({
+const Component = ({
   ...PopperWrapper,
   name: 'VMenu',
   vPopperTheme: 'menu',
-})
+}) as unknown as typeof PopperWrapper
+
+export default Component
 </script>

demos/demo-vue3/package.json

@@ -6,7 +6,7 @@ import {
   shift,
   flip,
   arrow,
-  getScrollParents,
+  getOverflowAncestors,
   size,
 } from '@floating-ui/dom'
 import { supportsPassive, isIOS } from '../util/env'
@@ -643,10 +643,10 @@ export default () => defineComponent({
         options.middleware.push(size({
           boundary: this.boundary,
           padding: this.overflowPadding,
-          apply: ({ width, height }) => {
+          apply: ({ availableWidth, availableHeight }) => {
             // Apply and re-compute
-            this.$_innerNode.style.maxWidth = width != null ? `${width}px` : null
-            this.$_innerNode.style.maxHeight = height != null ? `${height}px` : null
+            this.$_innerNode.style.maxWidth = availableWidth != null ? `${availableWidth}px` : null
+            this.$_innerNode.style.maxHeight = availableHeight != null ? `${availableHeight}px` : null
           },
         }))
       }
@@ -693,6 +693,7 @@ export default () => defineComponent({
       clearTimeout(this.$_scheduleTimer)
 
       if (this.isShown) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         hidingPopper = this
       }
 
@@ -726,8 +727,8 @@ export default () => defineComponent({
       // Scroll
       if (!this.positioningDisabled) {
         this.$_registerEventListeners([
-          ...getScrollParents(this.$_referenceNode),
-          ...getScrollParents(this.$_popperNode),
+          ...getOverflowAncestors(this.$_referenceNode),
+          ...getOverflowAncestors(this.$_popperNode),
         ], 'scroll', () => {
           this.$_computePosition()
         })
@@ -952,7 +953,7 @@ export default () => defineComponent({
     $_handleGlobalClose (event, touch = false) {
       if (this.$_showFrameLocked) return
 
-      this.hide({ event: event })
+      this.hide({ event })
 
       if (event.closePopover) {
         this.$emit('close-directive')

packages/demo-vue3/postcss.config.js renamed to demos/demo-vue3/postcss.config.js

@@ -16,7 +16,7 @@
     }"
     :theme="finalTheme"
     :target-nodes="getTargetNodes"
-    :popper-node="() => $refs.popperContent.$el"
+    :popper-node="() => ($refs as any).popperContent.$el"
     :class="[
       themeClass,
     ]"

packages/demo-vue3/public/favicon.ico renamed to demos/demo-vue3/public/favicon.ico

@@ -1,12 +1,13 @@
 <script lang="ts">
-import { defineComponent } from 'vue'
 import PopperWrapper from './PopperWrapper.vue'
 
-export default defineComponent({
+const Component = ({
   ...PopperWrapper,
   name: 'VTooltip',
   vPopperTheme: 'tooltip',
-})
+}) as unknown as typeof PopperWrapper
+
+export default Component
 </script>
 
 <style>

packages/demo-vue3/public/index.html renamed to demos/demo-vue3/public/index.html

@@ -15,7 +15,8 @@
     }"
     v-bind="$attrs"
     :theme="theme"
-    :popper-node="() => $refs.popperContent.$el"
+    :target-nodes="targetNodes"
+    :popper-node="() => ($refs as any).popperContent.$el"
     @apply-show="onShow"
     @apply-hide="onHide"
   >
@@ -89,6 +90,11 @@ export default defineComponent({
       type: String,
       default: props => getDefaultConfig(props.theme, 'loadingContent'),
     },
+
+    targetNodes: {
+      type: Function,
+      required: true,
+    },
   },
 
   data () {

packages/demo-vue3/src/App.vue renamed to demos/demo-vue3/src/App.vue

@@ -1,5 +1,6 @@
 /* eslint-disable */
-declare module '*.vue' {
-  const component: any
-  export default component
-}
+// declare module '*.vue' {
+//   import { type DefineComponent } from 'vue'
+//   const component: DefineComponent<{}, {}, any>
+//   export default component
+// }