Merge pull request #42 from chakra-ui/refactor/use-core-utils

refactor: refactor/use core utils

Author: codebender828

.changeset/sweet-lamps-brake.md

@@ -0,0 +1,26 @@
+---
+'@chakra-ui/c-accordion': patch
+'@chakra-ui/c-alert': patch
+'@chakra-ui/c-badge': patch
+'@chakra-ui/c-button': patch
+'@chakra-ui/c-color-mode': patch
+'@chakra-ui/c-flex': patch
+'@chakra-ui/c-icon': patch
+'@chakra-ui/c-popper': patch
+'@chakra-ui/c-portal': patch
+'@chakra-ui/c-reset': patch
+'@chakra-ui/c-spinner': patch
+'@chakra-ui/c-theme-provider': patch
+'@chakra-ui/c-visually-hidden': patch
+'@chakra-ui/vue-next': patch
+'@chakra-ui/nuxt-next': patch
+'@chakra-ui/vue-system': patch
+'@chakra-ui/vue-test-utils': patch
+'@chakra-ui/vue-theme': patch
+'@chakra-ui/vue-theme-tools': patch
+'@chakra-ui/vue-utils': patch
+'@chakra-ui/vue-auto-import': patch
+'@chakra-ui/vue-docs': patch
+---
+
+Extract Vue dependant utilities to "@chakra-ui/vue-utils" and consumes base utils from "@chakra-ui/utils@1.5.0"

_templates/generator/component/package.json.ejs.t

@@ -16,7 +16,12 @@ to: packages/<%=h.changeCase.paramCase(name)%>/package.json
   "files": [
     "dist"
   ],
-  
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -25,7 +30,7 @@ to: packages/<%=h.changeCase.paramCase(name)%>/package.json
     "url": "git+https://github.com/chakra-ui/chakra-ui-vue-next.git"
   },
   "bugs": {
-    "url": "https://github.com/chakra-ui/chakra-ui=vue-next/issues"
+    "url": "https://github.com/chakra-ui/chakra-ui-vue-next/issues"
   },
   "sideEffects": false,
   "scripts": {

_templates/generator/module/package.json.ejs.t

@@ -12,6 +12,12 @@ to: packages/<%=h.changeCase.paramCase(name)%>/package.json
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
   "description": "<%= 'Chakra UI Vue | ' + h.changeCase.pascalCase(name) + ' module'%>",
   "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
   "author": "Jonathan Bakebwa [email protected]",

_templates/generator/tooling/package.json.ejs.t

@@ -12,6 +12,12 @@ to: tooling/<%=h.changeCase.paramCase(name)%>/package.json
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
   "description": "<%= 'Chakra UI Vue | ' + h.changeCase.pascalCase(name) + ' module'%>",
   "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
   "author": "Jonathan Bakebwa [email protected]",

package.json

@@ -3,14 +3,17 @@
   "version": "1.0.0",
   "description": "Vue 3 compatible Chakra UI",
   "main": "index.js",
-  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
+  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next",
   "author": "Jonathan Bakebwa [email protected]",
   "workspaces": [
     "packages/*",
     "tooling/*",
     "website"
   ],
   "scripts": {
+    "pkg": "manypkg run",
+    "pkgs:check": "manypkg check",
+    "pkgs:fix": "manypkg fix",
     "postinstall": "yarn bootstrap",
     "bootstrap": "yarn run lerna bootstrap",
     "scaffold": "hygen",
@@ -22,57 +25,54 @@
     "lint": "eslint '*/**/*.{js,ts,tsx}' --quiet --fix",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs",
-    "website": "yarn workspace @chakra-ui/vue-docs",
-    "core": "yarn workspace @chakra-ui/vue-next",
-    "nuxt": "yarn workspace @chakra-ui/nuxt-next",
-    "system": "yarn workspace @chakra-ui/vue-system",
-    "utils": "yarn workspace @chakra-ui/vue-utils",
-    "theme": "yarn workspace @chakra-ui/vue-theme",
-    "auto-import": "yarn workspace @chakra-ui/vue-auto-import",
-    "c-alert": "yarn workspace @chakra-ui/c-alert",
-    "c-theme-provider": "yarn workspace @chakra-ui/c-theme-provider",
-    "c-box": "yarn workspace @chakra-ui/c-box",
-    "c-button": "yarn workspace @chakra-ui/c-button",
-    "c-flex": "yarn workspace @chakra-ui/c-flex",
-    "c-icon": "yarn workspace @chakra-ui/c-icon",
-    "c-reset": "yarn workspace @chakra-ui/c-reset",
-    "c-spinner": "yarn workspace @chakra-ui/c-spinner",
-    "c-badge": "yarn workspace @chakra-ui/c-badge",
-    "c-portal": "yarn workspace @chakra-ui/c-portal",
-    "c-popper": "yarn workspace @chakra-ui/c-popper"
+    "docs:serve": "vitepress serve docs"
   },
   "license": "MIT",
   "private": true,
-  "devDependencies": {
+  "dependencies": {
     "@babel/cli": "^7.12.8",
     "@babel/core": "^7.12.9",
     "@babel/preset-env": "^7.12.7",
     "@babel/preset-typescript": "^7.12.7",
+    "@chakra-ui/styled-system": "^1.10.0",
+    "@chakra-ui/utils": "^1.5.0",
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.14.1",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
+    "@emotion/css": "^11.1.3",
+    "@emotion/server": "^11.0.0",
+    "@manypkg/cli": "^0.17.0",
+    "@popperjs/core": "^2.8.4",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/user-event": "^12.6.2",
     "@testing-library/vue": "^6.3.4",
     "@types/jest": "^26.0.20",
     "@types/jest-axe": "^3.5.1",
+    "@types/lodash.camelcase": "^4.3.6",
+    "@types/lodash.kebabcase": "^4.1.6",
+    "@types/lodash.mergewith": "^4.6.6",
     "@types/recursive-readdir": "^2.2.0",
+    "@types/tinycolor2": "^1.4.2",
     "@typescript-eslint/eslint-plugin": "^2.34.0",
     "@typescript-eslint/parser": "4.0.1",
-    "@vitejs/plugin-vue": "^1.0.6",
+    "@vitejs/plugin-vue": "^1.1.4",
     "@vue/babel-plugin-jsx": "^1.0.3",
-    "@vue/compiler-sfc": "^3.0.5",
+    "@vue/compiler-sfc": "^3.0.6",
     "@vue/eslint-config-typescript": "^5.1.0",
     "@vuedx/typecheck": "^0.4.1",
     "@vuedx/typescript-plugin-vue": "^0.4.1",
+    "@vueuse/motion": "^1.4.4",
     "axe-core": "^4.1.2",
     "babel-jest": "^26.6.3",
+    "change-case": "^4.1.1",
     "chokidar": "^3.5.1",
     "concurrently": "^5.3.0",
     "consola": "^2.15.0",
     "cross-env": "^7.0.2",
+    "css-get-unit": "^1.0.1",
+    "csstype": "^3.0.5",
+    "dequal": "^2.0.2",
     "esbuild-jest": "^0.4.0",
     "eslint": "^7.0.0",
     "eslint-config-prettier": "^6.12.0",
@@ -92,40 +92,24 @@
     "jest-transform-stub": "^2.0.0",
     "lerna": "^3.22.1",
     "lint-staged": "^10.5.3",
+    "lodash.camelcase": "^4.3.0",
+    "lodash.kebabcase": "^4.1.1",
+    "lodash.mergewith": "^4.6.2",
+    "object-assign": "^4.1.1",
     "prettier": "^2.1.2",
     "pretty": "^2.0.0",
+    "react": "^17.0.1",
     "recursive-readdir": "^2.2.2",
+    "tinycolor2": "^1.4.2",
     "ts-jest": "^26.5.0",
     "ts-node": "^9.0.0",
-    "typescript": "^4.1.2",
-    "vite": "^2.0.0-beta.44",
+    "typescript": "^4.1.3",
+    "vite": "^2.0.1",
     "vite-plugin-components": "^0.6.6",
-    "vite-plugin-pages": "^0.3.0",
+    "vite-plugin-pages": "^0.5.1",
     "vitepress": "^0.12.0",
-    "vue": "^3.0.5",
+    "vue": ">=3.0.5",
     "vue-jest": "^5.0.0-alpha.7",
-    "vue-router": "4.0.0-beta.10"
-  },
-  "dependencies": {
-    "@chakra-ui/styled-system": "^1.9.0",
-    "@emotion/css": "^11.1.3",
-    "@emotion/server": "^11.0.0",
-    "@popperjs/core": "^2.8.4",
-    "@types/lodash.camelcase": "^4.3.6",
-    "@types/lodash.kebabcase": "^4.1.6",
-    "@types/lodash.mergewith": "^4.6.6",
-    "@types/tinycolor2": "^1.4.2",
-    "@vueuse/motion": "^1.4.4",
-    "change-case": "^4.1.1",
-    "css-get-unit": "^1.0.1",
-    "csstype": "^3.0.5",
-    "dequal": "^2.0.2",
-    "lodash.camelcase": "^4.3.0",
-    "lodash.kebabcase": "^4.1.1",
-    "lodash.mergewith": "^4.6.2",
-    "object-assign": "^4.1.1",
-    "react": "^17.0.1",
-    "tinycolor2": "^1.4.2",
-    "vue": "^3.0.5"
+    "vue-router": "^4.0.4"
   }
 }

packages/c-accordion/index.ts

@@ -0,0 +1 @@
+export * from './src'

packages/c-accordion/package.json

@@ -8,8 +8,14 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
   "description": "Chakra UI Vue | CAccordion component",
-  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
+  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next/tree/master/packages/c-accordion",
   "author": "Jonathan Bakebwa [email protected]",
   "license": "MIT",
   "scripts": {
@@ -19,6 +25,6 @@
     "build:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types"
   },
   "dependencies": {
-    "@chakra-ui/vue-system": "^0.0.1-alpha.0"
+    "@chakra-ui/vue-system": "0.0.1-alpha.0"
   }
 }

packages/c-alert/index.ts

@@ -0,0 +1 @@
+export * from './src'

packages/c-alert/package.json

@@ -8,8 +8,14 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
   "description": "Chakra UI Vue | CAlert component",
-  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next.git",
+  "repository": "https://github.com/chakra-ui/chakra-ui-vue-next/tree/master/packages/c-alert",
   "author": "Jonathan Bakebwa [email protected]",
   "license": "MIT",
   "scripts": {
@@ -23,16 +29,15 @@
     "watch:types": "cross-env tsc --emitDeclarationOnly --declaration --declarationDir dist/types --watch --incremental"
   },
   "dependencies": {
-    "@chakra-ui/vue-system": "^0.0.1-alpha.0",
-    "@chakra-ui/vue-utils": "^0.0.1-alpha.0",
-    "@chakra-ui/c-icon": "^0.0.1-alpha.0"
+    "@chakra-ui/c-icon": "0.0.1-alpha.0",
+    "@chakra-ui/vue-system": "0.0.1-alpha.0",
+    "@chakra-ui/vue-utils": "0.0.1-alpha.0"
   },
   "devDependencies": {
-    "@chakra-ui/vue-system": "^0.0.1-alpha.0",
-    "vue": "^3.0.5"
+    "vue": ">=3.0.5"
   },
   "peerDependencies": {
-    "@chakra-ui/vue-system": "^0.0.1-alpha.0",
+    "@chakra-ui/vue-system": "0.0.1-alpha.0",
     "vue": "^3.0.5"
   }
 }

packages/c-badge/index.ts

@@ -0,0 +1 @@
+export * from './src'