Fixed production build for UMD (#94)

.bumpversion.cfg

@@ -1,5 +1,5 @@
 [bumpversion]
-current_version = 5.0.2
+current_version = 5.0.3
 commit = False
 tag = False
 serialize =

.version

@@ -1 +1 @@
-5.0.2
+5.0.3

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkurious/ogma-react",
-  "version": "5.0.2",
+  "version": "5.0.3",
   "description": "A light adaptation of Ogma for React application",
   "keywords": [
     "ogma",
@@ -9,15 +9,15 @@
     "webgl",
     "graph"
   ],
-  "jsdelivr": "dist/ogma-react.mjs",
-  "browser": "dist/ogma-react.umd.js",
-  "main": "dist/ogma-react.mjs",
-  "module": "dist/ogma-react.mjs",
+  "jsdelivr": "dist/index.mjs",
+  "browser": "dist/index.umd.js",
+  "main": "dist/index.mjs",
+  "module": "dist/index.mjs",
   "typings": "dist/index.d.ts",
   "exports": {
-    "import": "./dist/ogma-react.mjs",
-    "require": "./dist/ogma-react.js",
-    "default": "./dist/ogma-react.mjs",
+    "import": "./dist/index.mjs",
+    "require": "./dist/index.cjs",
+    "default": "./dist/index.mjs",
     "types": "./dist/index.d.ts"
   },
   "files": [

src/overlay/overlay.tsx

@@ -16,7 +16,7 @@ import { useOgma } from "../context";
 import { getPosition } from "./utils";
 import { createPortal } from "react-dom";
 
-interface PopupProps {
+interface OverlayProps {
   /** Overlay position */
   position: Point | ((ogma: OgmaLib) => Point | null);
   /** Overlay size */
@@ -33,7 +33,7 @@ const offScreenPos: Point = { x: -9999, y: -9999 };
 // TODO: use props for these classes
 export const Overlay = forwardRef(
   (
-    { position, children, className = "", size, scaled }: PopupProps,
+    { position, children, className = "", size, scaled }: OverlayProps,
     ref?: Ref<OverlayLayer>
   ) => {
     const ogma = useOgma();

tsconfig.json

@@ -21,14 +21,8 @@
     "skipLibCheck": true,
     "jsx": "react-jsx",
     "outDir": "./dist/",
-    "types": [
-      "node",
-      "jest"
-    ],
-    "lib": [
-      "ES6",
-      "DOM"
-    ]
+    "types": ["node", "jest"],
+    "lib": ["ES6", "DOM"]
   },
   "include": [
     "src/**/*.ts",
@@ -37,7 +31,5 @@
     "**/*.ts",
     "**/*.tsx"
   ],
-  "exclude": [
-    "node_modules"
-  ]
-}
+  "exclude": ["node_modules"]
+}

vite.config.ts

@@ -7,12 +7,19 @@ import react from "@vitejs/plugin-react";
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  define: { "process.env": { NODE_ENV: "production" } },
   build: {
     minify: true,
+    sourcemap: true,
     lib: {
       name: "OgmaReact",
       entry: "./src/index.ts",
       formats: ["es", "cjs", "umd"],
+      fileName: (format) => {
+        if (format === "umd") return `index.umd.js`;
+        if (format === "cjs") return `index.cjs`;
+        return `index.mjs`;
+      },
     },
     rollupOptions: {
       external: ["@linkurious/ogma", "react", "react-dom", "react-dom/server"],