global is not defined when exporting as umd build

[shashank-brightness]

I checked similar thread elsewhere and tried like that but still i am not getting proper resolution.

I have lets say this index.js file which is the entry point and exports prepareEditorHTML function.

//index.js
export function prepareEditorHTML(el) { }

Now i have configured vite to take build library and ability to access my library under name MyLib like this. Also, i have defined some packages as global to be able to use them using window level whenever required but already available.

//vite.config.js
import { defineConfig } from 'vite'
import { resolve } from 'path'
import commonjs from '@rollup/plugin-commonjs';


export default defineConfig({
    
    build: {
      minify: false,
      lib: {
        entry: resolve(__dirname, 'src/index.js'),
        fileName: (format, entryName) => `${entryName}.${format}.js`,
        name: 'MyLib',
      },
      sourcemap: true,
      outDir: 'output',
      rollupOptions: {
        // make sure to externalize deps that shouldn't be bundled
        // into your library
        external: ['bootstrap/js/dist/dropdown', 'bootstrap/js/dist/tab', 'bootstrap/js/dist/tooltip', 
          'bootstrap/js/dist/modal', 'alpinejs', '@alpinejs/persist',
          '@alpinejs/intersect','fabric'
        ],
        output: {
          name: 'MyLib',
          // Provide global variables to use in the UMD build
          // for externalized deps
          globals: {
            
            'bootstrap/js/dist/dropdown': 'bootstrap.Dropdown',
            'bootstrap/js/dist/tab': 'bootstrap.Tab',
            'bootstrap/js/dist/tooltip': 'bootstrap.Tooltip',
            'bootstrap/js/dist/modal': 'bootstrap.Modal',
            'fabric': 'fabric'
          },
          // inlineDynamicImports: true
  
        },
      },
      
    },
   
})

and i expected to become my exported function prepareEditorHTML available under window.MyLib.prepareEditorHTML however MyLib is just empty object and nothing is attached to it. Weird!!!

Also when i checked in resulting index.umd.js it compiles to something like

(global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.MyLib= {}, global.persist, global.bootstrap.Dropdown, global.bootstrap.Tab, global.fabric, global.bootstrap.Tooltip, global.bootstrap.Modal));

when i was using webpack, it was automatically obtained under window level but now i am not getting this. How to fix these both issues?