loadDependenciesFromWindow.js

loadDependenciesFromWindow.js

    const path = await import('node:path')

    const loadDependenciesFromWindow = (mapping) => (
        {
            name: "load-dependencies-from-window",
            setup(build) {
                build.onResolve({ filter: /.*/ }, (args) => {
                    const condition = args.kind === 'import-statement'
                        && !args.path.startsWith('.') && !args.path.startsWith('/')
                    const result = ({
                        path: condition ? args.path :
                            args.kind === 'import-statement' || args.kind === 'entry-point' ?
                                path.resolve(args.resolveDir, args.path.replace(/\.js(x)?$/, '.ts$1')) : args.path,
                        namespace: condition ? 'load-dependencies-from-window' : undefined
                    })
                    return result;
                });

                build.onLoad({ filter: /.*/, namespace: 'load-dependencies-from-window' },
                    (args) => {
                        return ({ contents: `module.exports = window.${mapping[args.path]}` })
                    });
            }
        });