@takuma-ru/vue-swipe-modal - npm Package Compare versions

Comparing version 2.0.5 to 2.1.0-alpha.0

package.json

 {
   "name": "@takuma-ru/vue-swipe-modal",
-  "version": "2.0.5",
+  "version": "2.1.0-alpha.0",
   "private": false,
-  "main": "dist/swipemodal.umd.js",
-  "unpkg": "./dist/swipemodal.min.js",
-  "module": "dist/swipemodal.esm.js",
-  "browser": {
-    "./sfc": "src/Swipemodal.vue"
-  },
+  "description": "",
   "license": "MIT",
   "author": "takuma-ru <[e-mail]> (https://github.com/takuma-ru/)",
-  "files": [
-    "dist"
-  ],
   "keywords": [
@@ -29,5 +21,8 @@ "vue",
   ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "repository": {
     "type": "git",
-    "url": "git+ssh://[e-mail]:takuma-ru/vue_SwipeModal.git"
+    "url": "[e-mail]:takuma-ru/vue_SwipeModal.git"
   },
@@ -39,43 +34,58 @@ "bugs": {
   "homepage": "https://vue-swipe-modal.vercel.app/",
+  "main": "dist/swipe-modal.ssr.js",
+  "browser": "dist/swipe-modal.esm.js",
+  "module": "dist/swipe-modal.esm.js",
+  "unpkg": "dist/swipe-modal.min.js",
+  "types": "components.d.ts",
+  "files": [
+    "dist/*",
+    "components.d.ts",
+    "src/**/*.vue"
+  ],
+  "sideEffects": false,
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "build-bundle": "vue-cli-service build --target lib --name swipemodal ./src/library-main.js"
+    "prebuild:vue2": "vue-demi-switch 2",
+    "build:vue2": "cross-env VUE_VERSION=2 NODE_ENV=production rollup --config build/rollup.config.js",
+    "prebuild:vue3": "vue-demi-switch 3",
+    "build:vue3": "cross-env VUE_VERSION=3 NODE_ENV=production rollup --config build/rollup.config.js",
+    "publish:vue2": "yarn build:vue2 && npm publish --access=public",
+    "publish:vue3": "yarn build:vue3 && npm publish --access=public"
   },
   "dependencies": {
-    "core-js": "^3.6.5",
-    "vue": "^2.6.11"
+    "vue-demi": "latest"
   },
   "devDependencies": {
-    "fibers": "^5.0.0",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "vue-template-compiler": "^2.6.11",
-    "sass": "^1.48.0",
-    "sass-loader": "^10.1.1"
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-typescript": "^7.12.7",
+    "@rollup/plugin-alias": "^3.1.1",
+    "@rollup/plugin-babel": "^5.2.2",
+    "@rollup/plugin-commonjs": "^17.0.0",
+    "@rollup/plugin-node-resolve": "^11.0.1",
+    "@rollup/plugin-replace": "^4.0.0",
+    "@vue/compiler-sfc": "^3.0.0",
+    "@vue/composition-api": "^1.6.1",
+    "cross-env": "^7.0.3",
+    "minimist": "^1.2.5",
+    "postcss": "^8.0.0",
+    "rollup": "^2.36.1",
+    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-scss": "3",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-vue": "^6.0.0",
+    "rollup-plugin-vue2": "npm:rollup-plugin-vue@^5.0.0",
+    "typescript": "^4.0.0",
+    "vue": "^2.6.0",
+    "vue-template-compiler": "^2.6.12",
+    "vue3": "npm:vue@3"
   },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
+  "peerDependencies": {
+    "@vue/composition-api": "^1.0.0-rc.1",
+    "vue": "^2.0.0 || ^3.0.0"
   },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
+  "peerDependenciesMeta": {
+    "@vue/composition-api": {
+      "optional": true
+    }
+  }
 }

README.md

 # @takuma-ru/vue-swpie-modal
 
+## WERNING
 
+I want to support vue2 and vue3 but I can't~!
+It may not work properly for the time being: ....
+
 ## Description
@@ -12,11 +16,15 @@ Modal window that can be swiped to close.（Swipeable Bottom Sheet）
 1. Install
-```md
-npm i @takuma-ru/vue-swpie-modal
-```
-```md
-yarn add @takuma-ru/vue-swpie-modal
-```
+- for Vue3
+  ```md
+  yarn add @takuma-ru/vue-swipe-modal@^3
+  ```
 
+- for Vue2
+  ```md
+  yarn add @takuma-ru/vue-swipe-modal@~2
+  ```
+
 2. Come on, let's use it.
 ```vue
+<!-- for Vue3 -->
 <template>
@@ -28,5 +36,4 @@ <div>
       v-model="modal"
-      contents-height="80vh"
-      contents-width="100%"
-      border-top-radius="20px"
+      contents-height="50vh"
+      border-top-radius="16px"
     >
@@ -38,19 +45,7 @@ <h1>contents</h1>
 
-<script>
-import swipeModal from 'nekoo_vue_swipemodal'
-import 'nekoo_vue_swipemodal/dist/swipemodal.css'
+<script lang="ts" setup>
+import { ref } from 'vue'
+import swipeModal from '@takuma-ru/vue-swpie-modal'
 
-export default {
-  name: 'App',
-
-  data() {
-    return {
-      modal: false
-    }
-  },
-
-  components: {
-    swipeModal
-  }
-}
+const modal = ref(false)
 </script>
@@ -57,0 +52,0 @@ ```

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

55468

decreased by-62.71%

Dependency count

3

increased by50%

Dev dependency count

23

increased by130%

Number of package files

7

decreased by-30%

Lines of code

804

decreased by-35.83%

Number of low quality alerts

2

increased by100%

Number of lines in readme file

77

decreased by-6.1%

Number of low supply chain risk alerts

2

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedvue-demi@latest

• + Added@jridgewell/sourcemap-codec@1.5.0(transitive)

• + Added@vue/compiler-core@3.5.12(transitive)

• + Added@vue/compiler-dom@3.5.12(transitive)

• + Added@vue/compiler-sfc@3.5.12(transitive)

• + Added@vue/compiler-ssr@3.5.12(transitive)

• + Added@vue/composition-api@1.7.2(transitive)

• + Added@vue/reactivity@3.5.12(transitive)

• + Added@vue/runtime-core@3.5.12(transitive)

• + Added@vue/runtime-dom@3.5.12(transitive)

• + Added@vue/server-renderer@3.5.12(transitive)

• + Added@vue/shared@3.5.12(transitive)

• + Addedentities@4.5.0(transitive)

• + Addedestree-walker@2.0.2(transitive)

• + Addedmagic-string@0.30.12(transitive)

• + Addedvue@2.6.143.5.12(transitive)

• + Addedvue-demi@0.14.10(transitive)

• - Removedcore-js@^3.6.5

• - Removedvue@^2.6.11

• - Removed@vue/compiler-sfc@2.7.16(transitive)

• - Removedcore-js@3.39.0(transitive)

• - Removedprettier@2.8.8(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedvue@2.7.16(transitive)