convert to JS

package.json

@@ -9,25 +9,22 @@
     "index.dev.js"
   ],
   "devDependencies": {
-    "@rollup/plugin-replace": "^2.3.3",
-    "@rollup/plugin-typescript": "^6.0.0",
-    "@types/mocha": "^8.0.3",
-    "@types/node": "^14.11.1",
-    "kleur": "^4.1.1",
+    "@rollup/plugin-buble": "^0.21.3",
+    "@rollup/plugin-replace": "^2.3.4",
+    "@types/node": "^14.14.20",
+    "kleur": "^4.1.3",
     "locate-character": "^2.0.5",
-    "pretty-ms": "^7.0.0",
-    "rollup": "^2.27.1",
+    "pretty-ms": "^7.0.1",
+    "rollup": "^2.36.0",
     "rollup-plugin-terser": "^7.0.2",
-    "sirv-cli": "^1.0.6",
-    "sucrase": "^3.15.0",
-    "surge": "^0.21.6",
-    "typescript": "^4.0.3",
-    "uvu": "^0.3.3"
+    "sirv-cli": "^1.0.10",
+    "surge": "^0.21.7",
+    "uvu": "^0.5.1"
   },
   "scripts": {
     "dev": "rollup -cw",
     "build": "rollup -c",
-    "test": "uvu -r sucrase/register/ts test test.ts",
+    "test": "uvu test test.mjs",
     "prepublishOnly": "npm test && npm run build",
     "deploy": "npm run build && npm run demos:build && surge demos --domain shimport-demos.surge.sh",
     "demos:build": "cp index.js demos/shimport.js && cp index.dev.js demos/shimport.dev.js && node demos/build.js",

rollup.config.js

@@ -1,24 +1,23 @@
-import typescript from '@rollup/plugin-typescript';
+import buble from '@rollup/plugin-buble';
 import replace from '@rollup/plugin-replace';
 import { terser } from 'rollup-plugin-terser';
 import pkg from './package.json';
 
 const config = dev => ({
-	input: 'src/index.ts',
+	input: 'src/index.js',
 	output: [
 		{
 			file: dev ? 'index.dev.js' : pkg.main,
 			format: 'iife',
-			name: '__shimport__'
+			name: '__shimport__',
+			esModule: false
 		}
 	],
 	plugins: [
 		replace({
 			__VERSION__: pkg.version
 		}),
-		typescript({
-			typescript: require('typescript')
-		}),
+		buble(),
 		!dev && terser({
 			output: {
 				comments: false

src/index.js

@@ -0,0 +1,14 @@
+//@ts-check
+import { transform } from './transform.js';
+import { define, load } from './load.js';
+
+if (typeof document !== 'undefined') {
+	const scr = document.querySelector('[data-main]');
+	if (scr) {
+		load(new URL(scr.getAttribute('data-main'), document.baseURI).toString());
+	}
+}
+
+const VERSION = "__VERSION__";
+
+export { transform, define, load, VERSION };

src/load.js

@@ -0,0 +1,67 @@
+// @ts-check
+import { transform } from './transform.js';
+
+/** @type {Record<string, Promise<any>>} */
+const promises = {};
+
+/** @typedef {(id: string) => Promise<any>} __Import */
+/** @typedef {Record<string, any>} __Exports */
+
+/**
+ * @param {string} id
+ * @param {string[]} deps
+ * @param {(__import: __Import, __exports: __Exports, ...deps: any[]) => void} factory
+ */
+export function define(id, deps, factory) {
+	const __import = (dep) => load(new URL(dep, id).toString());
+
+	return Promise.all(deps.map(__import)).then(__deps => {
+		const __exports = {};
+
+		factory(__import, __exports, ...__deps);
+		return __exports;
+	});
+}
+
+/**
+ * @param {string} url
+ */
+export function load(url) {
+	return promises[url] || (
+		promises[url] = fetch(url)
+			.then(r => r.text())
+			.then(text => evaluate(transform(text, url)))
+	);
+}
+
+let uid = 1;
+
+/**
+ * @param {string} code
+ */
+function evaluate(code) {
+	if (typeof document !== 'undefined' && typeof URL !== 'undefined') {
+		return new Promise(fulfil => {
+			const id = `__shimport__${uid++}`;
+
+			// creating a script tag gives us proper stack traces
+			const blob = new Blob([`${id}=${code}`], {
+				type: 'application/javascript'
+			});
+
+			const script = document.createElement('script');
+			script.src = URL.createObjectURL(blob);
+
+			script.onload = () => {
+				fulfil(window[id]);
+				delete window[id];
+			};
+
+			document.head.appendChild(script);
+		});
+
+	} else {
+		// for browsers without `URL`
+		return (0,eval)(code);
+	}
+}

src/package.json

@@ -0,0 +1,3 @@
+{
+	"type": "module"
+}