refactor: 💡 upgrade deps

Author: vingeraycn

.gitignore

@@ -5,4 +5,5 @@ node_modules/
 
 .idea/
 .vscode/
-.DS_Store
+.DS_Store
+stats.html

.prettierignore

@@ -1 +1,2 @@
-dist
+dist
+stats.html

README.md

@@ -13,6 +13,7 @@ Any draggable layout supported based muuri for react.
 - ✅ New technology enthusiasts, we will keep it updated if needed.
 
 ## Table of Content
+
 - [Motivation](#motivation)
 - [Get Started](#get-started)
 - [Additional](#additional)
@@ -96,8 +97,9 @@ import { useRef } from 'react';
 ```
 
 ## Examples
-- [React 17](https://codesandbox.io/s/ruuri-on-react17-pf1px5)
 
+- [React 17](https://codesandbox.io/s/ruuri-on-react17-pf1px5)
 
 ## License
+
 Copyright © 2022 vingeray Licensed under the [MIT license](https://github.com/vingeraycn/ruuri/blob/main/LICENSE).

package.json

@@ -1,8 +1,8 @@
 {
   "name": "ruuri",
   "version": "0.1.4",
-  "main": "./dist/ruuri.cjs.js",
-  "module": "./dist/ruuri.es.js",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "keywords": [
     "grid",
@@ -33,52 +33,55 @@
   ],
   "scripts": {
     "prebuild": "rm -rf dist",
-    "build": "yarn prebuild && vite build",
+    "build": "vite build",
     "serve": "vite preview",
     "cz": "yarn format && git add . && git cz",
     "czp": "yarn cz && git push -u origin HEAD",
     "check-deps": "npx npm-check-updates",
-    "upgrade-deps": "npx npm-check-updates -u && yarn",
+    "upgrade-deps": "yarn check-deps -u && yarn",
     "lint": "prettier --check .",
     "format": "yarn lint --write",
     "prepare": "husky install",
     "postversion": "git push && git push --tags"
   },
   "dependencies": {},
   "devDependencies": {
-    "@babel/core": "^7.17.9",
+    "@babel/core": "^7.17.10",
     "@emotion/react": "^11.9.0",
     "@rollup/plugin-typescript": "^8.3.2",
     "@types/lodash-es": "^4.17.6",
-    "@types/node": "^17.0.25",
-    "@types/react": "^18.0.5",
-    "@types/react-dom": "^18.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.20.0",
-    "@typescript-eslint/parser": "^5.20.0",
-    "@vitejs/plugin-react-refresh": "^1.3.6",
-    "autoprefixer": "^10.4.4",
+    "@types/node": "^17.0.31",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.22.0",
+    "@typescript-eslint/parser": "^5.22.0",
+    "@vitejs/plugin-react": "^1.3.2",
+    "autoprefixer": "^10.4.7",
     "clsx": "^1.1.1",
     "commitizen": "^4.2.4",
-    "eslint": "^8.13.0",
+    "eslint": "^8.14.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.4.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
     "git-cz": "^4.8.0",
     "husky": "^7.0.4",
     "lodash-es": "^4.17.21",
     "muuri": "^0.9.5",
-    "postcss": "^8.4.12",
+    "postcss": "^8.4.13",
     "prettier": "^2.6.2",
     "prettier-plugin-organize-imports": "^2.3.4",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "stylelint": "^14.7.1",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "rollup": "^2.72.0",
+    "rollup-plugin-visualizer": "^5.6.0",
+    "stylelint": "^14.8.2",
     "stylelint-config-standard": "^25.0.0",
     "stylelint-prettier": "^2.0.0",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.5"
+    "tslib": "^2.4.0",
+    "typescript": "^4.6.4",
+    "vite": "^2.9.8"
   },
   "peerDependencies": {
     "muuri": "^0.9.5",

tsconfig.json

@@ -25,6 +25,5 @@
       "@/*": ["src/*"]
     }
   },
-  "include": ["**/*.ts", "**/*.tsx", "*.ts"],
-  "exclude": ["vite.config.ts"]
+  "include": ["**/*.ts", "**/*.tsx", "*.ts"]
 }

vite.config.ts

@@ -1,12 +1,24 @@
 import typescript from '@rollup/plugin-typescript'
-import reactRefresh from '@vitejs/plugin-react-refresh'
+import react from '@vitejs/plugin-react'
 import path from 'path'
+import visualize from 'rollup-plugin-visualizer'
 import { defineConfig } from 'vite'
 import pkg from './package.json'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [reactRefresh(), typescript()],
+  plugins: [
+    react(),
+    typescript({
+      tsconfig: 'tsconfig.json',
+      rootDir: 'src',
+      outDir: 'dist',
+    }),
+    visualize({
+      brotliSize: true,
+      gzipSize: true,
+    }),
+  ],
   esbuild: {
     jsxFactory: 'jsx',
     jsxInject: `
@@ -19,9 +31,18 @@ export default defineConfig({
       name: pkg.name,
       formats: ['es', 'cjs'],
       entry: path.resolve(__dirname, 'src/index.ts'),
+      fileName: 'index',
     },
     rollupOptions: {
       external: ['react', 'react-dom', 'muuri'],
+      output: {
+        exports: 'named',
+        globals: {
+          muuri: 'muuri',
+          react: 'React',
+          'react-dom': 'ReactDOM',
+        },
+      },
     },
   },
 })