build NPM package via Vite

Also declares React as a peer dependency, addressing Issue GeorgeGkas#3

.gitignore

@@ -9,3 +9,6 @@ npm-debug.log*
 /dist
 *storybook.log
 /storybook-static
+
+# NPM tar balls
+*.tgz

CONTRIBUTING.md

@@ -16,5 +16,3 @@
 - `npm run build` creates a production build by default.
 
    To create a development build, set the `NODE_ENV` environment variable to `development` while running this command.
-
-- `npm run clean` will delete built resources.

package.json

@@ -1,9 +1,21 @@
 {
   "name": "super-react-gist",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Simple and flexible component that allows you to embed GitHub Gists in React projects.",
   "main": "lib/index.js",
   "module": "es/index.js",
+  "files": [
+    "es",
+    "lib",
+    "umd",
+    "src/index.jsx"
+  ],
+  "exports": {
+    ".": {
+      "import": "./es/index.js",
+      "require": "./lib/index.js"
+    }
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/georgegkas/super-react-gist.git"
@@ -35,12 +47,11 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "dompurify": "^2.3.6",
-    "react": ">=16.14.0",
-    "react-dom": ">=16.14.0"
+    "dompurify": "^2.3.6"
   },
   "peerDependencies": {
-    "react": ">=16.14.0"
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^8.1.10",
@@ -52,6 +63,7 @@
     "vite": "^5.3.1"
   },
   "scripts": {
-    "start": "storybook dev -p 3000"
+    "start": "storybook dev -p 3000",
+    "build": "vite build"
   }
 }

src/index.jsx

@@ -67,7 +67,6 @@ const Gist = ({
     setGistError(true)
     setGistIsFetching(false)
     onError?.()
-    return
   }
 
   React.useEffect(() => {

vite.config.js

@@ -0,0 +1,39 @@
+import packageDefinition from './package.json' assert {type: 'json'}
+import * as fs from "node:fs";
+import {resolve} from "path";
+import {defineConfig} from "vite";
+
+export default defineConfig({
+  build: {
+    outDir: '.',
+    sourcemap: true,
+    lib: {
+      entry: resolve(__dirname, 'src/index.jsx'),
+      name: 'super-react-gist',
+      formats: ['cjs', 'umd', 'umd', 'es'],
+      fileName: (moduleFormat) => {
+        const directory = {
+          cjs: 'lib',
+          umd: 'umd',
+          es: 'es'
+        }[moduleFormat]
+
+        const fileName = moduleFormat === 'umd' ? packageDefinition.name : 'index'
+        const filePath = `${directory}/${fileName}.js`
+
+        return !fs.existsSync(filePath) ? filePath : `${directory}/${fileName}.min.js`
+      }
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom'],
+      output: {
+        globals: {
+          gist: 'Gist'
+        }
+      },
+    }
+  },
+  resolve: {
+    dedupe: ['react', 'react-dom'],
+  },
+})