ispa-element - npm Package Compare versions

Comparing version 0.1.9 to 0.2.1

CHANGELOG.md

 # Change Log
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
 
-### --- Version 0.1
+### --- Version 0.2
 
-#### --- Version 0.1.8
+#### --- Version 0.2.1
 This version update:
+* Grab all element into one file to easy to import one time
+* Added new `form`, `form-item`, `input`
+* Fixed disabled cursor for **Button**
+* Remove `&& npm run build:locale && npm run build:locale-umd && npm run build:theme`
+
+#### --- Version 0.1.9
+This version update:
 * Added new attribute `round` to **Button**
 * Fixed styles for **Button**
+* Changed speed spinner of loading icon
+* Changed from `loading-icon` to `icon-loading` attribute of **Button**
 
@@ -15,3 +24,3 @@ #### --- Version 0.1.4
 * Added new `CHANGELOG.md`
-* Changed from `outline` to `plain` type of button
+* Changed from `outline` to `plain` type of **Button**
 * Added new attribute `flat` to **Button**

package.json

 {
   "name": "ispa-element",
-  "version": "0.1.9",
-  "description": "A Component Library for VueJs (Vue 3) base on Tailwind Css.",
+  "private": false,
+  "version": "0.2.1",
   "scripts": {
-    "serve": "vue-cli-service serve",
+    "serve": "vue-cli-service serve --watch",
     "build": "vue-cli-service build",
@@ -11,29 +11,48 @@ "build-lib": "node build-lib && gulp copyTask",
     "build-exports": "gulp buildExports",
-    "prod": "node build-lib && gulp buildExports && gulp copyTask",
-    "lint": "vue-cli-service lint"
+    "node:prod": "node build-lib && gulp buildExports && gulp copyTask",
+    "lint": "vue-cli-service lint",
+    "cz": "npx git-cz",
+    "test": "jest",
+    "gen": "bash ./scripts/gc.sh",
+    "yarn:bt": "yarn --frozen-lockfile && npx lerna bootstrap && yarn gen:version",
+    "gen:version": "node build/gen-version.js",
+    "y-prod": "yarn yarn:bt && yarn clean:lib && yarn build:esm-bundle && yarn build:lib && yarn build:lib-full && yarn build:esm && yarn build:utils",
+    "link": "npx lerna bootstrap",
+    "prod": "npm run link && npm run clean:lib && npm run build:esm-bundle && npm run build:lib && npm run build:lib-full && npm run build:esm && npm run build:utils",
+    "clean:lib": "rimraf lib",
+    "build:lib": "cross-env LIBMODE=core webpack --config ./build/webpack.config.js",
+    "build:lib-full": "cross-env LIBMODE=full webpack --config ./build/webpack.config.js",
+    "build:esm-bundle": "rollup --config ./build/rollup.config.bundle.js && npm run build:type",
+    "build:type": "node build/gen-type.js",
+    "build:esm": "node ./build/bincomp.js",
+    "build:utils": "cross-env BABEL_ENV=utils babel packages/utils --extensions .ts --out-dir lib/utils",
+    "build:locale": "cross-env BABEL_ENV=utils babel packages/locale --extensions .ts --out-dir lib/locale",
+    "build:locale-umd": "node ./build/build-locale.js",
+    "build:theme": "rimraf packages/theme-chalk/lib && gulp build --gulpfile packages/theme-chalk/gulpfile.js && cp-cli packages/theme-chalk/lib lib/theme-chalk && rimraf packages/theme-chalk/lib",
+    "lint:es": "eslint ./packages --ext .vue,.js,.ts",
+    "lint-fix": "eslint --fix ./packages --ext .vue,.js,.ts",
+    "upgrade:vue": "bash ./scripts/update-versions.sh"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/malayvuong/ispa-element.git"
+  "peerDependencies": {
+    "vue": "^3.0.4"
   },
-  "keywords": [
-    "ispa-element",
-    "tailwindcss",
-    "vue3"
-  ],
-  "author": "malayvuong <[e-mail]>",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/malayvuong/ispa-element/issues"
-  },
-  "homepage": "https://github.com/malayvuong/ispa-element#readme",
-  "dependencies": {
-  },
   "devDependencies": {
-    "vue": "^3.0.4",
     "@babel/cli": "^7.4.4",
-    "@fullcalendar/core": "4.0.2",
-    "@fullcalendar/daygrid": "4.0.1",
-    "@fullcalendar/interaction": "4.0.2",
-    "@fullcalendar/timegrid": "4.0.1",
+    "@babel/core": "^7.11.4",
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/plugin-transform-runtime": "^7.12.1",
+    "@babel/preset-env": "^7.11.5",
+    "@babel/preset-typescript": "^7.10.4",
+    "@commitlint/cli": "^9.1.2",
+    "@commitlint/config-conventional": "^9.1.2",
+    "@octokit/core": "3",
+    "@rollup/plugin-commonjs": "^15.1.0",
+    "@rollup/plugin-node-resolve": "^9.0.0",
+    "@rollup/plugin-typescript": "^6.0.0",
+    "@tailwindcss/forms": "^0.2.1",
+    "@types/jest": "^26.0.10",
+    "@types/lodash": "^4.14.161",
+    "@typescript-eslint/eslint-plugin": "^3.10.1",
+    "@typescript-eslint/parser": "^3.10.1",
+    "@vue/babel-plugin-jsx": "^1.0.0-rc.3",
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -43,10 +62,28 @@ "@vue/cli-plugin-eslint": "~4.5.0",
     "@vue/compiler-sfc": "^3.0.0",
+    "@vue/component-compiler-utils": "^3.2.0",
+    "algoliasearch": "^4.4.0",
+    "autoprefixer": "^10.0.2",
     "axios": "^0.19.0",
     "babel-eslint": "^10.1.0",
+    "babel-jest": "^26.3.0",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-lodash": "^3.3.4",
+    "babel-plugin-module-resolver": "^4.0.0",
+    "babel-preset-vue": "^2.0.2",
+    "chalk": "^4.1.0",
     "chart.js": "2.7.3",
     "child_process": "^1.0.2",
     "core-js": "^3.6.5",
+    "cp-cli": "^2.0.0",
+    "cross-env": "^7.0.2",
+    "css-loader": "^4.2.2",
+    "css-minimizer-webpack-plugin": "^1.1.5",
+    "cz-conventional-changelog": "^3.3.0",
     "eslint": "^7.15.0",
     "eslint-config-google": "^0.14.0",
+    "eslint-import-resolver-typescript": "^2.3.0",
+    "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-vue": "^7.2.0",
+    "file-loader": "^6.0.0",
+    "file-save": "^0.2.0",
     "gulp": "^4.0.2",
@@ -57,5 +94,19 @@ "gulp-concat": "^2.6.1",
     "gulp-uglifycss": "^1.1.0",
+    "highlight.js": "^10.1.2",
+    "html-webpack-plugin": "^4.3.0",
+    "husky": "^4.2.5",
+    "import-from": "^3.0.0",
+    "jest": "^26.4.2",
+    "lerna": "^3.22.1",
+    "lint-staged": "^10.2.13",
+    "markdown-it": "^11.0.0",
+    "markdown-it-anchor": "^5.3.0",
+    "markdown-it-chain": "^1.3.0",
+    "markdown-it-container": "^3.0.0",
+    "mini-css-extract-plugin": "^0.11.2",
     "mitt": "^2.1.0",
     "node-sass": "^4.12.0",
+    "ora": "^5.1.0",
     "postcss": "^8.1.14",
+    "postcss-loader": "^4.1.0",
     "primeflex": "2.0.0",
@@ -65,6 +116,72 @@ "primeicons": "4.0.0",
     "quill": "^1.3.7",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.28.2",
+    "rollup-plugin-css-only": "^2.1.0",
+    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.27.3",
+    "rollup-plugin-vue": "^6.0.0-beta.11",
+    "sass": "^1.26.10",
     "sass-loader": "^8.0.2",
+    "sinon": "^9.0.3",
+    "style-loader": "^1.2.1",
+    "stylus": "^0.54.8",
     "stylus-loader": "^4.3.1",
-    "tailwindcss": "^2.0.1"
+    "tailwindcss": "^2.0.1",
+    "throttle-debounce": "2.3.0",
+    "transliteration": "^2.1.11",
+    "ts-loader": "^8.0.3",
+    "typescript": "^4.0.2",
+    "url-loader": "^4.1.0",
+    "vue": "^3.0.4",
+    "vue-jest": "5.0.0-alpha.5",
+    "vue-loader": "^16.1.1",
+    "vue-router": "^4.0.0-beta.4",
+    "vue-template-compiler": "2.5.16",
+    "webpack": "^4.44.1",
+    "webpack-bundle-analyzer": "^3.9.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0"
   },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "husky": {
+    "hooks": {
+      "pre-push-todo-open": "npm run test"
+    }
+  },
+  "lint-staged": {
+    "*.{js,ts,vue}": "eslint --fix"
+  },
+  "workspaces": [
+    "packages/*"
+  ],
+  "description": "A Component Library for VueJs (Vue 3) base on Tailwind Css.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/malayvuong/ispa-element.git"
+  },
+  "keywords": [
+    "ispa-element",
+    "tailwindcss",
+    "vue3"
+  ],
+  "author": "malayvuong <[e-mail]>",
+  "license": "MIT",
+  "dependencies": {
+    "@popperjs/core": "^2.4.4",
+    "async-validator": "^3.4.0",
+    "dayjs": "1.x",
+    "lodash": "^4.17.20",
+    "mitt": "^2.1.0",
+    "normalize-wheel": "^1.0.1",
+    "resize-observer-polyfill": "^1.5.1"
+  },
+  "bugs": {
+    "url": "https://github.com/malayvuong/ispa-element/issues"
+  },
+  "homepage": "https://github.com/malayvuong/ispa-element#readme",
   "eslintConfig": {
@@ -84,7 +201,11 @@ "root": true,
   },
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "typings": "lib/index.d.ts",
+  "unpkg": "lib/index.js",
   "browserslist": [
     "> 1%",
     "last 2 versions",
-    "not dead"
+    "not ie <= 8"
   ]
 }

README.md

@@ -9,2 +9,3 @@ # iSPA Element UI
   <a href="https://m.me/malayvuong"><img src="https://img.shields.io/badge/chat-messenger-green" alt="Chat"></a>
+  [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
 </p>
@@ -43,3 +44,3 @@
 # Special Thanks
-Thanks for amazing library [PrimeVue](https://primefaces.org/primevue/showcase/#/), our first version has been inspired from this library.
+Thanks for amazing library [PrimeVue](https://primefaces.org/primevue/showcase/#/) and [Element UI](https://element.eleme.io/#/), our first version has been inspired from this library.
 
@@ -46,0 +47,0 @@ ## Milestone

tailwind.config.js

@@ -1,2 +0,3 @@
-const colors = require('tailwindcss/colors');
+const colors = require('tailwindcss/colors')
+
 module.exports = {
@@ -83,3 +84,3 @@ purge: [
     },
-    backgroundColor: (theme) => theme('colors'),
+    backgroundColor: theme => theme('colors'),
     backgroundImage: {
@@ -96,3 +97,3 @@ 'none': 'none',
     },
-    backgroundOpacity: (theme) => theme('opacity'),
+    backgroundOpacity: theme => theme('opacity'),
     backgroundPosition: {
@@ -114,7 +115,7 @@ 'bottom': 'bottom',
     },
-    borderColor: (theme) => ({
+    borderColor: theme => ({
       ...theme('colors'),
       DEFAULT: theme('colors.gray.200', 'currentColor'),
     }),
-    borderOpacity: (theme) => theme('opacity'),
+    borderOpacity: theme => theme('opacity'),
     borderRadius: {
@@ -158,6 +159,6 @@ 'none': '0px',
     },
-    divideColor: (theme) => theme('borderColor'),
-    divideOpacity: (theme) => theme('borderOpacity'),
-    divideWidth: (theme) => theme('borderWidth'),
-    fill: {current: 'currentColor'},
+    divideColor: theme => theme('borderColor'),
+    divideOpacity: theme => theme('borderOpacity'),
+    divideWidth: theme => theme('borderWidth'),
+    fill: { current: 'currentColor' },
     flex: {
@@ -207,15 +208,15 @@ 1: '1 1 0%',
     fontSize: {
-      'xs': ['0.75rem', {lineHeight: '1rem'}],
-      'sm': ['0.875rem', {lineHeight: '1.25rem'}],
-      'base': ['1rem', {lineHeight: '1.5rem'}],
-      'lg': ['1.125rem', {lineHeight: '1.75rem'}],
-      'xl': ['1.25rem', {lineHeight: '1.75rem'}],
-      '2xl': ['1.5rem', {lineHeight: '2rem'}],
-      '3xl': ['1.875rem', {lineHeight: '2.25rem'}],
-      '4xl': ['2.25rem', {lineHeight: '2.5rem'}],
-      '5xl': ['3rem', {lineHeight: '1'}],
-      '6xl': ['3.75rem', {lineHeight: '1'}],
-      '7xl': ['4.5rem', {lineHeight: '1'}],
-      '8xl': ['6rem', {lineHeight: '1'}],
-      '9xl': ['8rem', {lineHeight: '1'}],
+      'xs': ['0.75rem', { lineHeight: '1rem' }],
+      'sm': ['0.875rem', { lineHeight: '1.25rem' }],
+      'base': ['1rem', { lineHeight: '1.5rem' }],
+      'lg': ['1.125rem', { lineHeight: '1.75rem' }],
+      'xl': ['1.25rem', { lineHeight: '1.75rem' }],
+      '2xl': ['1.5rem', { lineHeight: '2rem' }],
+      '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+      '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+      '5xl': ['3rem', { lineHeight: '1' }],
+      '6xl': ['3.75rem', { lineHeight: '1' }],
+      '7xl': ['4.5rem', { lineHeight: '1' }],
+      '8xl': ['6rem', { lineHeight: '1' }],
+      '9xl': ['8rem', { lineHeight: '1' }],
     },
@@ -233,4 +234,4 @@ fontWeight: {
     },
-    gap: (theme) => theme('spacing'),
-    gradientColorStops: (theme) => theme('colors'),
+    gap: theme => theme('spacing'),
+    gradientColorStops: theme => theme('colors'),
     gridAutoColumns: {
@@ -361,3 +362,3 @@ auto: 'auto',
     },
-    height: (theme) => ({
+    height: theme => ({
       'auto': 'auto',
@@ -383,3 +384,3 @@ ...theme('spacing'),
     }),
-    inset: (theme, {negative}) => ({
+    inset: (theme, { negative }) => ({
       'auto': 'auto',
@@ -460,3 +461,3 @@ ...theme('spacing'),
     },
-    margin: (theme, {negative}) => ({
+    margin: (theme, { negative }) => ({
       auto: 'auto',
@@ -466,3 +467,3 @@ ...theme('spacing'),
     }),
-    maxHeight: (theme) => ({
+    maxHeight: theme => ({
       ...theme('spacing'),
@@ -472,3 +473,3 @@ full: '100%',
     }),
-    maxWidth: (theme, {breakpoints}) => ({
+    maxWidth: (theme, { breakpoints }) => ({
       'none': 'none',
@@ -554,10 +555,10 @@ '0': '0rem',
     },
-    padding: (theme) => theme('spacing'),
-    placeholderColor: (theme) => theme('colors'),
-    placeholderOpacity: (theme) => theme('opacity'),
-    ringColor: (theme) => ({
+    padding: theme => theme('spacing'),
+    placeholderColor: theme => theme('colors'),
+    placeholderOpacity: theme => theme('opacity'),
+    ringColor: theme => ({
       DEFAULT: theme('colors.blue.500', '#3b82f6'),
       ...theme('colors'),
     }),
-    ringOffsetColor: (theme) => theme('colors'),
+    ringOffsetColor: theme => theme('colors'),
     ringOffsetWidth: {
@@ -570,3 +571,3 @@ 0: '0px',
     },
-    ringOpacity: (theme) => ({
+    ringOpacity: theme => ({
       DEFAULT: '0.5',
@@ -627,3 +628,3 @@ ...theme('opacity'),
     },
-    space: (theme, {negative}) => ({
+    space: (theme, { negative }) => ({
       ...theme('spacing'),
@@ -640,4 +641,4 @@ ...negative(theme('spacing')),
     },
-    textColor: (theme) => theme('colors'),
-    textOpacity: (theme) => theme('opacity'),
+    textColor: theme => theme('colors'),
+    textOpacity: theme => theme('opacity'),
     transitionDuration: {
@@ -680,3 +681,3 @@ DEFAULT: '150ms',
     },
-    translate: (theme, {negative}) => ({
+    translate: (theme, { negative }) => ({
       ...theme('spacing'),
@@ -699,3 +700,3 @@ ...negative(theme('spacing')),
     }),
-    width: (theme) => ({
+    width: theme => ({
       'auto': 'auto',
@@ -881,3 +882,4 @@ ...theme('spacing'),
   plugins: [
+    require('@tailwindcss/forms'),
   ],
-};
+}

New alerts

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

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Fixed alerts

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

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

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of package files

42

increased by23.53%

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

72

increased by1.41%

Number of low supply chain risk alerts

1

decreased by-66.67%

Number of medium supply chain risk alerts

1

decreased by-83.33%

Worsened metrics

Total package byte prevSize

127484

decreased by-92.39%

Dependency count

8

increased byInfinity%

Dev dependency count

102

increased by209.09%

Number of low license alerts

1

increased byInfinity%

Lines of code

2781

decreased by-92.39%

Dependency changes

• + Added@popperjs/core@^2.4.4

• + Addedasync-validator@^3.4.0

• + Addeddayjs@1.x

• + Addedlodash@^4.17.20

• + Addedmitt@^2.1.0

• + Addednormalize-wheel@^1.0.1

• + Addedresize-observer-polyfill@^1.5.1

• + Added@babel/helper-string-parser@7.25.9(transitive)

• + Added@babel/helper-validator-identifier@7.25.9(transitive)

• + Added@babel/parser@7.26.9(transitive)

• + Added@babel/types@7.26.9(transitive)

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

• + Added@popperjs/core@2.11.8(transitive)

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

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

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

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

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

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

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

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

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

• + Addedasync-validator@3.5.2(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addeddayjs@1.11.13(transitive)

• + Addedentities@4.5.0(transitive)

• + Addedestree-walker@2.0.2(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addedmagic-string@0.30.17(transitive)

• + Addedmitt@2.1.0(transitive)

• + Addednanoid@3.3.8(transitive)

• + Addednormalize-wheel@1.0.1(transitive)

• + Addedpicocolors@1.1.1(transitive)

• + Addedpostcss@8.5.2(transitive)

• + Addedresize-observer-polyfill@1.5.1(transitive)

• + Addedsource-map-js@1.2.1(transitive)

• + Addedvue@3.5.13(transitive)