Update wrt vite docs

Author: forman

dashi/package.json

@@ -1,13 +1,15 @@
 {
   "name": "dashi",
-  "private": true,
   "version": "0.0.3",
   "type": "module",
   "files": ["dist"],
+  "module": "./dist/dashi.js",
+  "main": "./dist/dashi.umd.cjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "module": "./dist/dashi.js"
+      "module": "./dist/dashi.js",
+      "require": "./dist/dashi.umd.cjs"
     }
   },
   "scripts": {
@@ -49,6 +51,7 @@
     "eslint": "^8.57.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.12",
+    "glob": "^11.0.0",
     "jsdom": "^25.0.0",
     "prettier": "^3.3.3",
     "typescript": "^5.6.2",

dashi/vite.config.ts

@@ -33,7 +33,9 @@ export default defineConfig({
     sourcemap: true,
     lib: {
       entry: resolve(__dirname, "src/lib/index.ts"),
-      formats: ["es"],
+      name: "Dashi",
+      // the proper extensions will be added
+      fileName: "dashi",
     },
     rollupOptions: {
       // externalize deps that shouldn't be bundled into the library
@@ -42,6 +44,8 @@ export default defineConfig({
         "@emotion/styled",
         "@fontsource/roboto",
         "@mui/material",
+        "@mui/system",
+        "@mui/utils",
         "plotly.js",
         "microdiff",
         "react",
@@ -51,6 +55,24 @@ export default defineConfig({
         ...excludedTestFiles,
         ...excludedDemoFiles,
       ],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {
+          "@emotion/react": "EmotionReact",
+          "@emotion/styled": "EmotionStyled",
+          "@fontsource/roboto": "FontsourceRoboto",
+          "@mui/material": "MuiMaterial",
+          "@mui/system": "MuiSystem",
+          "@mui/utils": "MuiUtils",
+          "plotly.js": "PlotlyJs",
+          microdiff: "Microdiff",
+          react: "React",
+          "react-dom": "ReactDom",
+          "react-plotly.js": "ReactPlotlyJs",
+          zustand: "Zustand",
+        },
+      },
     },
   },
   test: {