This is a version of the resolve module that is extended with support for Conditional Export Maps, including Package Exports as shipped in Node.
The resolve module powers module resolution in Webpack, Rollup and Browserify.
The module maintains the same API and functionality as the original resolve() module.
| var t,e,n,r,o,u,i,l={},c=[],_=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord/i;function a(t,e){for(var n in e)t[n]=e[n];return t}function s(t){var e=t.parentNode;e&&e.removeChild(t)}function f(t,e,n){var r,o=arguments,u={};for(r in e)"key"!==r&&"ref"!==r&&(u[r]=e[r]);if(arguments.length>3)for(n=[n],r=3;r<arguments.length;r++)n.push(o[r]);if(null!=n&&(u.children=n),"function"==typeof t&&null!=t.defaultProps)for(r in t.defaultProps)void 0===u[r]&&(u[r]=t.defaultProps[r]);return p(t,u,e&&e.key,e&&e.ref)}function p(e,n,r,o){var u={type:e,props:n,key:r,ref:o,__k:null,__:null,__b:0,__e:null,__d:null,__c:null,constructor:void 0};return t.vnode&&t.vnode(u),u}function h(){return{}}function d(t){return t.children}function v(t,e){this.props=t,this.context=e}function m(t,e){if(null==e)return t.__?m(t.__,t.__.__k.indexOf(t)+1):null;for(var n;e<t.__k.length;e++)if(null!=(n=t.__k[e])&&null!=n.__e)return n.__e;return"function"==typeof t.type?m(t):null}function y(t){var e,n;if(null!=(t=t.__)&&null!=t.__c){for(t._ |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>My page</title> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" /> | |
| <script src="https://cdn.jsdelivr.net/combine/npm/[email protected]/umd/react.development.js,npm/[email protected]/umd/react-dom.development.js,npm/@material-ui/[email protected]/umd/material-ui.development.js,npm/@babel/[email protected]/babel.min.js" crossorigin="anonymous"></script> | |
| <!-- Seperate Links | |
| src: https://github.com/mui-org/material-ui/blob/master/examples/cdn/index.html --> |
| import { wrap, expose } from 'https://unpkg.com/[email protected]/dist/esm/comlink.mjs'; | |
| export default name => wrap(new Worker(import.meta.url, { env:{name}, type:'module' })); | |
| if (process.env.name && !self.document) { | |
| const q = []; onmessage = q.push.bind(q); | |
| import(process.env.name).then(expose).then(() => onmessage = q.map(dispatchEvent)) | |
| } |
Dynamic import, but where the module you import runs in a different thread.
Powered by Comlink and Module Workers.
Available via unpkg: https://unpkg.com/comlinkage
Chrome 61+ supports dynamic import() within Classic Workers. We can use this to polyfill Module Workers to a reasonable degree of accuracy.
The only trick is that we need to queue up any messages received while we wait for the module tree to load in the Worker, since Module Workers load the entire dependency graph before flushing messages queued during Worker instantiation.
This polyfill comes in two versions:
module-workers-polyfill-inline.js is a single-file polyfill, but creates Workers with an Opaque Origin. If you're only loading dependencies from absolute URLs and not relying on storage like IndexedDB, this option is fine.
| import './style'; | |
| import { Component } from 'preact'; | |
| export default class App extends Component { | |
| render() { | |
| return ( | |
| <div> | |
| <h1>Hello, World!</h1> | |
| </div> | |
| ); |
| import regexparam from 'https://unpkg.com/regexparam@1/dist/regexparam.mjs'; | |
| /** | |
| * <url-route href="/profile/:user"> | |
| * <div>some content here</div> | |
| * </url-route> | |
| */ | |
| customElements.define('url-route', class UrlRoute extends HTMLElement { | |
| connectedCallback() { | |
| this.route = regexparam(this.getAttribute('href')); |
