fix #137: publish type declarations, source maps and ESM file (#156)

* fix #137: publish type declarations, source maps and ESM file

* Add empty carousel story

Author: Fabilin

package.json

@@ -4,18 +4,25 @@
   "description": "React UI library for Tock Node chatbots",
   "main": "build/tock-react-kit.umd.js",
   "module": "build/tock-react-kit.esm.js",
+  "types": "build/tock-react-kit.d.ts",
   "author": "François Nguyen <https://github.com/phurytw>",
   "homepage": "https://github.com/theopenconversationkit/tock-react-kit",
   "license": "MIT",
   "engines": {
     "node": ">=20.10.0"
   },
+  "files": [
+    "build/tock-react-kit.d.ts",
+    "build/tock-react-kit.esm.js",
+    "build/tock-react-kit.esm.js.map",
+    "build/tock-react-kit.umd.js"
+  ],
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build": "rollup -c --environment BUILD:production",
-    "watch-build": "rollup -w -c --environment BUILD:production",
-    "lint": "eslint 'src/**/*.{js,ts,tsx}' --fix --quiet",
+    "watch-build": "rollup -w -c --environment BUILD:development",
+    "lint": "eslint 'src/**/*.{ts,tsx}' --fix --quiet",
     "prepare": "rollup -c --environment BUILD:production",
     "version": "auto-changelog -p && git add CHANGELOG.md",
     "test": "echo 'Tests coming soon ...'",
@@ -53,7 +60,7 @@
     "@storybook/testing-library": "^0.2.0",
     "@types/node": "^14.0.26",
     "@types/react-color": "^3.0.4",
-    "@types/react-dom": "^16.9.8",
+    "@types/react-dom": "^18.2.8",
     "@types/storybook__react": "^5.2.1",
     "@typescript-eslint/eslint-plugin": "^3.9.1",
     "@typescript-eslint/parser": "^3.9.1",
@@ -71,6 +78,7 @@
     "react-dom": "^18.2.0",
     "rollup": "^3.29.0",
     "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-dts": "^6.0.2",
     "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-replace": "^2.2.0",
     "rollup-plugin-typescript": "^1.0.1",

rollup.config.mjs

@@ -1,34 +1,44 @@
 import commonjs from 'rollup-plugin-commonjs';
+import dts from 'rollup-plugin-dts';
 import resolve from 'rollup-plugin-node-resolve';
 import replace from 'rollup-plugin-replace';
 import typescript from 'rollup-plugin-typescript';
 
-export default {
-  input: 'src/index.ts',
-  external: ['react', 'react-dom', '@emotion/react', '@emotion/styled'],
-  output: [
-    {
-      file: 'build/tock-react-kit.umd.js',
-      format: 'umd',
-      name: 'TockReact',
-      globals: {
-        react: 'React',
-        'react-dom': 'ReactDOM',
-        '@emotion/styled': 'emotionStyled',
-        '@emotion/react': 'emotionReact',
+export default [
+  {
+    input: 'src/index.ts',
+    external: ['react', 'react-dom', '@emotion/react', '@emotion/styled'],
+    output: [
+      {
+        file: 'build/tock-react-kit.umd.js',
+        format: 'umd',
+        name: 'TockReact',
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          '@emotion/styled': 'emotionStyled',
+          '@emotion/react': 'emotionReact',
+        },
       },
-    },
-    {
-      file: 'build/tock-react-kit.esm.js',
-      format: 'esm',
-    },
-  ],
-  plugins: [
-    resolve(),
-    commonjs(),
-    typescript(),
-    replace({
-      'process.env.NODE_ENV': JSON.stringify('production'),
-    }),
-  ],
-};
+      {
+        file: 'build/tock-react-kit.esm.js',
+        format: 'esm',
+        sourcemap: true,
+      },
+    ],
+    plugins: [
+      resolve(),
+      commonjs(),
+      typescript(),
+      replace({
+        'process.env.NODE_ENV': JSON.stringify('production'),
+      }),
+    ],
+  },
+  {
+    // path to your declaration files root
+    input: 'src/index.ts',
+    output: [{ file: 'build/tock-react-kit.d.ts', format: 'es' }],
+    plugins: [dts()],
+  },
+];

src/components/Carousel/Carousel.stories.tsx

@@ -48,6 +48,12 @@ export const Default: Story = {
   },
 };
 
+export const Empty: Story = {
+  args: {
+    children: [],
+  },
+};
+
 export const WithButtons: Story = {
   name: 'With buttons',
   args: {

tsconfig.json

@@ -5,6 +5,7 @@
     "target": "es6",
     "lib": ["es6", "es7", "es2017", "dom"],
     "sourceMap": true,
+    "inlineSources": true,
     "allowJs": false,
     "jsx": "react",
     "moduleResolution": "node",

yarn.lock

@@ -2617,7 +2617,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/sourcemap-codec@^1.4.14":
+"@jridgewell/sourcemap-codec@^1.4.14", "@jridgewell/sourcemap-codec@^1.4.15":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
@@ -4813,12 +4813,12 @@
     "@types/react" "*"
     "@types/reactcss" "*"
 
-"@types/react-dom@^16.9.8":
-  version "16.9.19"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.9.19.tgz#6a139c26b02dec533a7fa131f084561babb10a8f"
-  integrity sha512-xC8D280Bf6p0zguJ8g62jcEOKZiUbx9sIe6O3tT/lKfR87A7A6g65q13z6D5QUMIa/6yFPkNhqjF5z/VVZEYqQ==
+"@types/react-dom@^18.2.8":
+  version "18.2.18"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.18.tgz#16946e6cd43971256d874bc3d0a72074bb8571dd"
+  integrity sha512-TJxDm6OfAX2KJWJdMEVTwWke5Sc/E/RlnPGvGfS0W7+6ocy2xhDVQVh/KvC2Uf7kACs+gDytdusDSdWfWkaNzw==
   dependencies:
-    "@types/react" "^16"
+    "@types/react" "*"
 
 "@types/[email protected]":
   version "11.0.4"
@@ -4844,15 +4844,6 @@
     "@types/scheduler" "*"
     csstype "^3.0.2"
 
-"@types/react@^16":
-  version "16.14.46"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.46.tgz#42ac91aece416176e6b6127cd9ec9e381ea67e16"
-  integrity sha512-Am4pyXMrr6cWWw/TN3oqHtEZl0j+G6Up/O8m65+xF/3ZaUgkv1GAtTPWw4yNRmH0HJXmur6xKCKoMo3rBGynuw==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
 "@types/reactcss@*":
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/@types/reactcss/-/reactcss-1.2.3.tgz#af28ae11bbb277978b99d04d1eedfd068ca71834"
@@ -11878,6 +11869,13 @@ magic-string@^0.25.2:
   dependencies:
     sourcemap-codec "^1.4.4"
 
+magic-string@^0.30.4:
+  version "0.30.5"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.5.tgz#1994d980bd1c8835dc6e78db7cbd4ae4f24746f9"
+  integrity sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.4.15"
+
 make-dir@^2.0.0, make-dir@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
@@ -14667,6 +14665,15 @@ rollup-plugin-commonjs@^10.1.0:
     resolve "^1.11.0"
     rollup-pluginutils "^2.8.1"
 
+rollup-plugin-dts@^6.0.2:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-dts/-/rollup-plugin-dts-6.1.0.tgz#56e9c5548dac717213c6a4aa9df523faf04f75ae"
+  integrity sha512-ijSCPICkRMDKDLBK9torss07+8dl9UpY9z1N/zTeA1cIqdzMlpkV3MOOC7zukyvQfDyxa1s3Dl2+DeiP/G6DOw==
+  dependencies:
+    magic-string "^0.30.4"
+  optionalDependencies:
+    "@babel/code-frame" "^7.22.13"
+
 rollup-plugin-node-resolve@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.2.0.tgz#730f93d10ed202473b1fb54a5997a7db8c6d8523"