fix: build error

package.json

@@ -6,10 +6,14 @@
   "engines": {
     "node": ">=12.18"
   },
+  "typings": "dist/types/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
   "publishConfig": {
+    "access": "public",
     "main": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "module": "esm/index.js"
+    "module": "dist/index.esm.js",
+    "typings": "dist/types/index.d.ts"
   },
   "repository": {
     "type": "git",
@@ -24,7 +28,7 @@
   "author": "Lubycon",
   "dependencies": {
     "@emotion/react": "^11.4.0",
-    "@lubycon/react": "^1.15.1",
+    "@lubycon/react": "^1.18.3",
     "@yarnpkg/pnpify": "^3.0.0-rc.10",
     "classnames": "^2.2.6",
     "react-spring": "^8.0.27",
@@ -79,7 +83,6 @@
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
     "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-commonjs": "^16.0.0",
     "@rollup/plugin-node-resolve": "^10.0.0",
     "@semantic-release/commit-analyzer": "^8.0.1",
     "@semantic-release/exec": "^5.0.0",
@@ -124,9 +127,12 @@
     "react-dom": "^17.0.1",
     "react-scripts": "4.0.0",
     "remark-codesandbox": "^0.10.0",
-    "rollup": "^2.33.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.29.0",
+    "rollup": "^2.38.5",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-json": "^3.1.0",
+    "rollup-plugin-pnp-resolve": "^2.0.0",
+    "rollup-plugin-sourcemaps": "^0.4.2",
+    "rollup-plugin-typescript2": "^0.30.0",
     "sass": "^1.29.0",
     "semantic-release": "^17.2.4",
     "tsconfig-paths-webpack-plugin": "^3.5.1",

rollup.config.js

@@ -1,35 +1,49 @@
-import path from 'path';
-import commonjs from '@rollup/plugin-commonjs';
-import resolve from '@rollup/plugin-node-resolve';
+import resolve from 'rollup-plugin-pnp-resolve';
+import commonjs from 'rollup-plugin-commonjs';
 import typescript from 'rollup-plugin-typescript2';
-import babel from '@rollup/plugin-babel';
+import json from 'rollup-plugin-json';
+import packageJSON from './package.json';
 
-const extensions = ['.js', '.jsx', '.ts', '.tsx'];
+const external = (pkg) => {
+  const externals = Object.keys({
+    ...packageJSON.dependencies,
+    ...packageJSON.peerDependencies,
+  });
 
-export default [buildCJS('src/index.ts'), buildESM('src/index.ts')];
+  return externals.some((externalPkg) => {
+    return pkg.startsWith(externalPkg);
+  });
+};
+
+const extensions = ['.js', '.jsx', '.ts', '.tsx'];
 
 function buildJS(input, output, format) {
   return {
     input,
-    external: ['react', 'react-dom'],
-    output: [{ file: output, format, sourcemap: true }],
+    external,
+    output: [
+      {
+        format,
+        file: output,
+      },
+    ],
     plugins: [
-      typescript({
-        tsconfig: 'tsconfig.json',
-      }),
+      json(),
+      typescript({ useTsconfigDeclarationDir: true }),
       resolve({ extensions }),
-      babel({ exclude: 'node_modules/**' }),
-      commonjs(),
+      commonjs({
+        include: 'node_modules/**',
+      }),
     ],
   };
 }
 
 function buildCJS(input) {
-  const filename = path.parse(input).name;
-  return buildJS(input, `dist/${filename}.js`, 'cjs');
+  return buildJS(input, packageJSON.main, 'cjs');
 }
 
 function buildESM(input) {
-  const filename = path.parse(input).name;
-  return buildJS(input, `dist/esm/${filename}.js`, 'es');
+  return buildJS(input, packageJSON.module, 'es');
 }
+
+export default [buildCJS('src/index.ts'), buildESM('src/index.ts')];

yarn.lock

@@ -3042,7 +3042,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@lubycon/react@npm:^1.15.1":
+"@lubycon/react@npm:^1.18.3":
   version: 1.18.3
   resolution: "@lubycon/react@npm:1.18.3"
   dependencies:
@@ -3661,23 +3661,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/plugin-commonjs@npm:^16.0.0":
-  version: 16.0.0
-  resolution: "@rollup/plugin-commonjs@npm:16.0.0"
-  dependencies:
-    "@rollup/pluginutils": ^3.1.0
-    commondir: ^1.0.1
-    estree-walker: ^2.0.1
-    glob: ^7.1.6
-    is-reference: ^1.2.1
-    magic-string: ^0.25.7
-    resolve: ^1.17.0
-  peerDependencies:
-    rollup: ^2.30.0
-  checksum: 70b6b2d8df189ad84788b5a18946a48e0476ec0d1d53109f5b7cafed7530c0e21c96532f571b9e0fb6a97a139828daaec9a112e3dfb1404b643d054d35e99f48
-  languageName: node
-  linkType: hard
-
 "@rollup/plugin-node-resolve@npm:^10.0.0":
   version: 10.0.0
   resolution: "@rollup/plugin-node-resolve@npm:10.0.0"
@@ -3734,6 +3717,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/pluginutils@npm:^4.1.0":
+  version: 4.1.1
+  resolution: "@rollup/pluginutils@npm:4.1.1"
+  dependencies:
+    estree-walker: ^2.0.1
+    picomatch: ^2.2.2
+  checksum: 405f681c7d32661980aa3caa928ff22e1c06f0e081db1550e6ab9c179dc9d3d8d63c05dcc7338fe65ab3f856a56c465696a51300b83e98171956fcb141106e39
+  languageName: node
+  linkType: hard
+
 "@semantic-release/commit-analyzer@npm:^8.0.0, @semantic-release/commit-analyzer@npm:^8.0.1":
   version: 8.0.1
   resolution: "@semantic-release/commit-analyzer@npm:8.0.1"
@@ -14576,7 +14569,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"is-reference@npm:^1.2.1":
+"is-reference@npm:^1.1.2":
   version: 1.2.1
   resolution: "is-reference@npm:1.2.1"
   dependencies:
@@ -16876,7 +16869,7 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.25.0, magic-string@npm:^0.25.7":
+"magic-string@npm:^0.25.0, magic-string@npm:^0.25.2, magic-string@npm:^0.25.7":
   version: 0.25.7
   resolution: "magic-string@npm:0.25.7"
   dependencies:
@@ -21868,15 +21861,6 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
-resolve@1.17.0:
-  version: 1.17.0
-  resolution: "resolve@npm:1.17.0"
-  dependencies:
-    path-parse: ^1.0.6
-  checksum: 9ceaf83b3429f2d7ff5d0281b8d8f18a1f05b6ca86efea7633e76b8f76547f33800799dfdd24434942dec4fbd9e651ed3aef577d9a6b5ec87ad89c1060e24759
-  languageName: node
-  linkType: hard
-
 resolve@1.18.1:
   version: 1.18.1
   resolution: "resolve@npm:1.18.1"
@@ -21887,7 +21871,7 @@ resolve@1.18.1:
   languageName: node
   linkType: hard
 
-"resolve@^1.10.0, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.3.2, resolve@^1.8.1":
+"resolve@1.20.0, resolve@^1.10.0, resolve@^1.11.0, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.3.2, resolve@^1.8.1":
   version: 1.20.0
   resolution: "resolve@npm:1.20.0"
   dependencies:
@@ -21907,15 +21891,6 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@1.17.0#~builtin<compat/resolve>":
-  version: 1.17.0
-  resolution: "resolve@patch:resolve@npm%3A1.17.0#~builtin<compat/resolve>::version=1.17.0&hash=00b1ff"
-  dependencies:
-    path-parse: ^1.0.6
-  checksum: a3606308046ca75c0a6350c26df636b64a71904a8e00f3181fd838b46b4fc303c32ae3e694c156eae5d9102cbe194c444f85822d8e6ce30cf7c510e412029908
-  languageName: node
-  linkType: hard
-
 "resolve@patch:resolve@1.18.1#~builtin<compat/resolve>":
   version: 1.18.1
   resolution: "resolve@patch:resolve@npm%3A1.18.1#~builtin<compat/resolve>::version=1.18.1&hash=00b1ff"
@@ -21926,7 +21901,7 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.17.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.18.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.3.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.8.1#~builtin<compat/resolve>":
+"resolve@patch:resolve@1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.11.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.17.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.18.1#~builtin<compat/resolve>, resolve@patch:resolve@^1.19.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.3.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.8.1#~builtin<compat/resolve>":
   version: 1.20.0
   resolution: "resolve@patch:resolve@npm%3A1.20.0#~builtin<compat/resolve>::version=1.20.0&hash=00b1ff"
   dependencies:
@@ -22086,12 +22061,46 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"rollup-plugin-peer-deps-external@npm:^2.2.4":
-  version: 2.2.4
-  resolution: "rollup-plugin-peer-deps-external@npm:2.2.4"
+"rollup-plugin-commonjs@npm:^10.1.0":
+  version: 10.1.0
+  resolution: "rollup-plugin-commonjs@npm:10.1.0"
+  dependencies:
+    estree-walker: ^0.6.1
+    is-reference: ^1.1.2
+    magic-string: ^0.25.2
+    resolve: ^1.11.0
+    rollup-pluginutils: ^2.8.1
+  peerDependencies:
+    rollup: ">=1.12.0"
+  checksum: 396fc4d536e14dc6b5e62557370aaa5e0cd1b219b282783b8db5209341e8d8fa5d7b8f7190237e20d48ab0f400fb553b07d71080063ae2be17c793e4a61a6d4a
+  languageName: node
+  linkType: hard
+
+"rollup-plugin-json@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "rollup-plugin-json@npm:3.1.0"
+  dependencies:
+    rollup-pluginutils: ^2.3.1
+  checksum: d4606fa7d94fb98799e6aa727a93b61c0e1f2b547f6098cbfa54490cc4e5d74d4116a31be47be67f4db9b3470926c9b36578fe9cf8fcc1a58304c90faa111469
+  languageName: node
+  linkType: hard
+
+"rollup-plugin-pnp-resolve@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "rollup-plugin-pnp-resolve@npm:2.0.0"
+  checksum: e4cf35d2dd6c552ff5703b405d02743296fcadced4f25a8a8e152d22a7e16befe70fbc292ebf3d669febca2a97ad823c0cfbeebc8c94d0d6f46e96282483b9af
+  languageName: node
+  linkType: hard
+
+"rollup-plugin-sourcemaps@npm:^0.4.2":
+  version: 0.4.2
+  resolution: "rollup-plugin-sourcemaps@npm:0.4.2"
+  dependencies:
+    rollup-pluginutils: ^2.0.1
+    source-map-resolve: ^0.5.0
   peerDependencies:
-    rollup: "*"
-  checksum: 597bc7631f4e3cfc066a7da4e09e507258aba932008148328c1a4b48e7ffa755592ef4bcf0165320bbd5019afbdd326f569cd0c68406d820da9ab52e971c009b
+    rollup: ">=0.31.2"
+  checksum: c50dc474324c56345b950e1fe772f43d8f6c05b0aa163b2d3dcb8c85adccfaad4c033be5f7b980f49b172bb72fd96912c3e732bf6bb80575e4eef565d02c75c6
   languageName: node
   linkType: hard
 
@@ -22110,23 +22119,23 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"rollup-plugin-typescript2@npm:^0.29.0":
-  version: 0.29.0
-  resolution: "rollup-plugin-typescript2@npm:0.29.0"
+"rollup-plugin-typescript2@npm:^0.30.0":
+  version: 0.30.0
+  resolution: "rollup-plugin-typescript2@npm:0.30.0"
   dependencies:
-    "@rollup/pluginutils": ^3.1.0
+    "@rollup/pluginutils": ^4.1.0
     find-cache-dir: ^3.3.1
     fs-extra: 8.1.0
-    resolve: 1.17.0
-    tslib: 2.0.1
+    resolve: 1.20.0
+    tslib: 2.1.0
   peerDependencies:
     rollup: ">=1.26.3"
     typescript: ">=2.4.0"
-  checksum: a99181072d3f8333f5ba171b0429436eb1ccd53520bff9681d9f83d56868ccf86d7311e368c1d7b364cac341cd5ca40e9bb2cc4074a7a3c8a33ce79a78dd27ef
+  checksum: e3097bb25c00e78cca556ed6a77b3bdf2330e5e5647847d1f967ade67dc6b66009b52bb8810de2b2c40857310693e4e663900a13da4f711f082fabac5165091a
   languageName: node
   linkType: hard
 
-"rollup-pluginutils@npm:^2.8.1, rollup-pluginutils@npm:^2.8.2":
+"rollup-pluginutils@npm:^2.0.1, rollup-pluginutils@npm:^2.3.1, rollup-pluginutils@npm:^2.8.1, rollup-pluginutils@npm:^2.8.2":
   version: 2.8.2
   resolution: "rollup-pluginutils@npm:2.8.2"
   dependencies:
@@ -22148,7 +22157,7 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"rollup@npm:^2.33.1":
+"rollup@npm:^2.38.5":
   version: 2.56.3
   resolution: "rollup@npm:2.56.3"
   dependencies:
@@ -22332,11 +22341,10 @@ resolve@^2.0.0-next.3:
     "@emotion/babel-preset-css-prop": ^11.2.0
     "@emotion/eslint-plugin": ^11.2.0
     "@emotion/react": ^11.4.0
-    "@lubycon/react": ^1.15.1
+    "@lubycon/react": ^1.18.3
     "@mdx-js/loader": ^1.6.22
     "@mdx-js/react": ^1.6.22
     "@rollup/plugin-babel": ^5.3.0
-    "@rollup/plugin-commonjs": ^16.0.0
     "@rollup/plugin-node-resolve": ^10.0.0
     "@semantic-release/commit-analyzer": ^8.0.1
     "@semantic-release/exec": ^5.0.0
@@ -22384,9 +22392,12 @@ resolve@^2.0.0-next.3:
     react-spring: ^8.0.27
     remark-codesandbox: ^0.10.0
     resize-observer-polyfill: ^1.5.1
-    rollup: ^2.33.1
-    rollup-plugin-peer-deps-external: ^2.2.4
-    rollup-plugin-typescript2: ^0.29.0
+    rollup: ^2.38.5
+    rollup-plugin-commonjs: ^10.1.0
+    rollup-plugin-json: ^3.1.0
+    rollup-plugin-pnp-resolve: ^2.0.0
+    rollup-plugin-sourcemaps: ^0.4.2
+    rollup-plugin-typescript2: ^0.30.0
     sass: ^1.29.0
     semantic-release: ^17.2.4
     tsconfig-paths-webpack-plugin: ^3.5.1
@@ -24394,10 +24405,10 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
-"tslib@npm:2.0.1":
-  version: 2.0.1
-  resolution: "tslib@npm:2.0.1"
-  checksum: 507f32fc24a614c5097d414b622373b6cbb99e305413517e7fd49bef1e63570c0dd15b417ae68152088c3496218e82a5d8c7cd6b48c7a32dcee1a3f7191fff74
+"tslib@npm:2.1.0":
+  version: 2.1.0
+  resolution: "tslib@npm:2.1.0"
+  checksum: aa189c8179de0427b0906da30926fd53c59d96ec239dff87d6e6bc831f608df0cbd6f77c61dabc074408bd0aa0b9ae4ec35cb2c15f729e32f37274db5730cb78
   languageName: node
   linkType: hard