From b28dc1b156400802acfe6ef534d81ff835c94a5d Mon Sep 17 00:00:00 2001
From: Cody Olsen <cody.olsen@finn.no>
Date: Fri, 7 Aug 2020 10:21:20 +0200
Subject: [PATCH 1/2] chore: prepare initial test

---
 README.md         | 283 +---------------------------------------------
 package-lock.json |  13 ++-
 package.json      |   7 +-
 src/index.js      |   2 +
 4 files changed, 20 insertions(+), 285 deletions(-)

diff --git a/README.md b/README.md
index 402dd5a7..0fbdd4aa 100644
--- a/README.md
+++ b/README.md
@@ -1,280 +1,5 @@
-<p align="center">
-  <img src="https://i.imgur.com/LMEgZMh.gif" width="597" alt="microbundle">
-</p>
-<h1 align="center">
-	Microbundle
-	<a href="https://www.npmjs.org/package/microbundle"><img src="https://img.shields.io/npm/v/microbundle.svg?style=flat" alt="npm"></a> <a href="https://travis-ci.org/developit/microbundle"><img src="https://travis-ci.org/developit/microbundle.svg?branch=master" alt="travis"></a>
-</h1>
-<p align="center">The <strong>zero-configuration</strong> bundler for <em>tiny modules</em>, powered by <a href="https://github.com/rollup/rollup">Rollup</a>.</p>
+# TODO
 
----
-
-<p align="center">
-  <strong>Guide → </strong>
-  <a href="#setup">Setup</a> ✯
-  <a href="#formats">Formats</a> ✯
-  <a href="#modern">Modern Mode</a> ✯
-  <a href="#usage">Usage &amp; Configuration</a> ✯
-  <a href="#options">All Options</a>
-</p>
-
----
-
-## ✨ Features <a name="features"></a>
-
-- **One dependency** to bundle your library using only a `package.json`
-- Support for ESnext & async/await _(via [Babel] & [async-to-promises])_
-- Produces tiny, optimized code for all inputs
-- Supports multiple entry modules _(`cli.js` + `index.js`, etc)_
-- Creates multiple output formats for each entry _(<abbr title="CommonJS (node)">CJS</abbr>, <abbr title="Universal Module Definition">UMD</abbr> & <abbr title="ECMAScript Modules">ESM</abbr>)_
-- 0 configuration TypeScript support
-- Built-in Terser compression & gzipped bundle size tracking
-
-## 🔧 Installation & Setup <a name="setup"></a> <a name="installation"></a>
-
-1️⃣ **Install** by running: `npm i -D microbundle`
-
-2️⃣ **Set up** your `package.json`:
-
-```js
-{
-  "name": "foo",                   // your package name
-  "source": "src/foo.js",          // your source code
-  "main": "dist/foo.js",           // where to generate the CommonJS/Node bundle
-  "module": "dist/foo.module.js",  // where to generate the ESM bundle
-  "unpkg": "dist/foo.umd.js",      // where to generate the UMD bundle (also aliased as "umd:main")
-  "scripts": {
-    "build": "microbundle",        // compiles "source" to "main"/"module"/"unpkg"
-    "dev": "microbundle watch"     // re-build when source files change
-  }
-}
-```
-
-3️⃣ **Try it out** by running `npm run build`.
-
-## 💽 Output Formats <a name="formats"></a>
-
-Microbundle produces <code title="ECMAScript Modules (import / export)">esm</code>, <code title="CommonJS (Node-style module.exports)">cjs</code>, <code title="Universal Module Definition (works everywhere)">umd</code> bundles with your code compiled to syntax that works pretty much everywhere. While it's possible to customize the browser or Node versions you wish to support using a [browserslist configuration](https://github.com/browserslist/browserslist#browserslist-), the default setting is optimal and strongly recommended.
-
-## 🤖 Modern Mode <a name="modern"></a>
-
-In addition to the above formats, Microbundle also outputs a `modern` bundle specially designed to work in _all modern browsers_. This bundle preserves most modern JS features when compiling your code, but ensures the result runs in 90% of web browsers without needing to be transpiled. Specifically, it uses [preset-modules](https://github.com/babel/preset-modules) to target the set of browsers that support `<script type="module">` - that allows syntax like async/await, tagged templates, arrow functions, destructured and rest parameters, etc. The result is generally smaller and faster to execute than the `esm` bundle:
-
-```js
-// Our source, "src/make-dom.js":
-export default async function makeDom(tag, props, children) {
-  let el = document.createElement(tag);
-  el.append(...(await children));
-  return Object.assign(el, props);
-}
-```
-
-Compiling the above using Microbundle produces the following `modern` and `esm` bundles:
-
-<table>
-<thead><tr>
-  <th align="left"><code>make-dom.modern.js</code> <sup>(123b)</sup></th>
-  <th align="left"><code>make-dom.module.js</code> <sup>(166b)</sup></th>
-</tr></thead>
-<tbody><tr valign="top"><td>
-
-```js
-export default async function(e, t, a) {
-  let n = document.createElement(e);
-  n.append(...await a);
-  return Object.assign(n, t);
-}
-```
-
-</td><td>
-
-```js
-export default function(e, t, r) { try {
-  var n = document.createElement(e);
-  return Promise.resolve(r).then(function(e) {
-    n.append.apply(n, e);
-    return Object.assign(n, t);
-  });
-} catch (e) { return Promise.reject(e) } }
-```
-
-</td></tbody></table>
-
-This is enabled by default - all you have to do is add the field to your `package.json`.
-
-<details><summary>💁‍♂️ <em>How to point to modern code in a package.json is <a href="https://twitter.com/_developit/status/1263174528974364675">being discussed</a>. You might use the "module" field.</em></summary>
-
-```js
-{
-  "main": "dist/foo.umd.js",              // legacy UMD bundle (for Node & CDN use)
-  "module": "dist/foo.modern.module.js",  // modern ES2017 bundle
-  "scripts": {
-    "build": "microbundle src/foo.js -f modern,umd"
-  }
-}
-```
-
-</details>
-
-## 📦 Usage & Configuration <a name="usage"></a>
-
-Microbundle includes two commands - `build` (the default) and `watch`. Neither require any options, but you can tailor things to suit your needs a bit if you like.
-
-### `microbundle` / `microbundle build`
-
-Unless overridden via the command line, microbundle uses the `source` property in your `package.json` to locate the input file, and the `main` property for the output:
-
-```js
-{
-  "source": "src/index.js",      // input
-  "main": "dist/my-library.js",  // output
-  "scripts": {
-    "build": "microbundle"
-  }
-}
-```
-
-For UMD builds, microbundle will use a camelCase version of the `name` field in your `package.json` as export name. This can be customized using an `"amdName"` key in your `package.json` or the `--name` command line argument.
-
-### `microbundle watch`
-
-Acts just like `microbundle build`, but watches your source files and rebuilds on any change.
-
-### Using with TypeScript
-
-Just point the input to a `.ts` file through either the cli or the `source` key in your `package.json` and you’re done.
-
-Microbundle will generally respect your TypeScript config defined in a `tsconfig.json` file with notable exceptions being the "[target](https://www.typescriptlang.org/tsconfig#target)" and "[module](https://www.typescriptlang.org/tsconfig#module)" settings. To ensure your TypeScript configuration matches the configuration that Microbundle uses internally it's strongly recommended that you set `"module": "ESNext"` and `"target": "ESNext"` in your `tsconfig.json`.
-
-### Using CSS Modules
-
-By default any css file imported as `.module.css`, will be treated as a css-module. If you wish to treat all .css
-imports as a module, specify the cli flag `--css-modules true`. If you wish to disable all css-module behaviours set the
-flag to `false`.
-
-The default scope name when css-modules is turned on will be, in watch mode `_[name]__[local]__[hash:base64:5]` and when
-you build `_[hash:base64:5]`. This can be overriden by specifying the flag, eg
-`--css-modules "_something_[hash:base64:7]"`. _Note:_ by setting this, it will be treated as a true, and thus, all .css
-imports will be scoped.
-
-| flag  | import                         |   is css module?   |
-| ----- | ------------------------------ | :----------------: |
-| null  | import './my-file.css';        |        :x:         |
-| null  | import './my-file.module.css'; | :white_check_mark: |
-| false | import './my-file.css';        |        :x:         |
-| false | import './my-file.module.css'; |        :x:         |
-| true  | import './my-file.css';        | :white_check_mark: |
-| true  | import './my-file.module.css'; | :white_check_mark: |
-
-### Specifying builds in `package.json`
-
-Microbundle uses the fields from your `package.json` to figure out where it should place each generated bundle:
-
-```
-{
-  "main": "dist/foo.js",            // CommonJS bundle
-  "umd:main": "dist/foo.umd.js",    // UMD bundle
-  "module": "dist/foo.m.js",        // ES Modules bundle
-  "esmodule": "dist/foo.modern.js", // Modern bundle
-  "types": "dist/foo.d.ts"          // TypeScript typings directory
-}
-```
-
-### Building a single bundle with a fixed output name
-
-By default Microbundle outputs multiple bundles, one bundle per format. A single bundle with a fixed output name can be built like this:
-
-```bash
-microbundle -i lib/main.js -o dist/bundle.js --no-pkg-main -f umd
-```
-
-### Mangling Properties
-
-To achieve the smallest possible bundle size, libraries often wish to rename internal object properties or class members to smaller names - transforming `this._internalIdValue` to `this._i`. Microbundle doesn't do this by default, however it can be enabled by creating a `mangle.json` file (or a `"mangle"` property in your package.json). Within that file, you can specify a regular expression pattern to control which properties should be mangled. For example: to mangle all property names beginning an underscore:
-
-```json
-{
-  "mangle": {
-    "regex": "^_"
-  }
-}
-```
-
-It's also possible to configure repeatable short names for each mangled property, so that every build of your library has the same output. **See the wiki for a [complete guide to property mangling in Microbundle](https://github.com/developit/microbundle/wiki/mangle.json).**
-
-### All CLI Options <a name="options"></a>
-
-```
-Usage
-	$ microbundle <command> [options]
-
-Available Commands
-	build    Build once and exit
-	watch    Rebuilds on any change
-
-For more info, run any command with the `--help` flag
-	$ microbundle build --help
-	$ microbundle watch --help
-
-Options
-	-v, --version    Displays current version
-	-i, --entry      Entry module(s)
-	-o, --output     Directory to place build files into
-	-f, --format     Only build specified formats (any of modern,es,cjs,umd or iife) (default modern,es,cjs,umd)
-	-w, --watch      Rebuilds on any change  (default false)
-	--pkg-main       Outputs files analog to package.json main entries  (default true)
-	--target         Specify your target environment (node or web)  (default web)
-	--external       Specify external dependencies, or 'none' (default peerDependencies and dependencies in package.json)
-	--globals        Specify globals dependencies, or 'none'
-	--define         Replace constants with hard-coded values
-	--alias          Map imports to different modules
-	--compress       Compress output using Terser
-	--strict         Enforce undefined global context and add "use strict"
-	--name           Specify name exposed in UMD and IIFE builds
-	--cwd            Use an alternative working directory  (default .)
-	--sourcemap      Generate source map  (default true)
-	--raw            Show raw byte size  (default false)
-	--jsx            A custom JSX pragma like React.createElement (default: h)
-	--tsconfig       Specify the path to a custom tsconfig.json
-	--css-modules    Configures .css to be treated as modules (default: null)
-	-h, --help       Displays this message
-
-Examples
-	$ microbundle build --globals react=React,jquery=$
-	$ microbundle build --define API_KEY=1234
-	$ microbundle build --alias react=preact
-	$ microbundle watch --no-sourcemap # don't generate sourcemaps
-	$ microbundle build --tsconfig tsconfig.build.json
-```
-
-## 🛣 Roadmap
-
-Here's what's coming up for Microbundle:
-
-- [ ] [Multiple separate inputs->outputs](https://github.com/developit/microbundle/issues/50)
-- [x] [TypeScript support](https://github.com/developit/microbundle/issues/5)
-- [x] [Flowtype support](https://github.com/developit/microbundle/issues/5#issuecomment-351075881)
-
-## 🔨 Built with Microbundle
-
-- [Preact](https://github.com/preactjs/preact) Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
-- [Stockroom](https://github.com/developit/stockroom) Offload your store management to a worker easily.
-- [Microenvi](https://github.com/fwilkerson/microenvi) Bundle, serve, and hot reload with one command.
-- [Theme UI](https://github.com/system-ui/theme-ui) Build consistent, themeable React apps based on constraint-based design principles.
-- [react-recomponent](https://github.com/philipp-spiess/react-recomponent) Reason-style reducer components for React using ES6 classes.
-- [brazilian-utils](https://github.com/brazilian-utils/brazilian-utils) Utils library for specific Brazilian businesses.
-- [react-hooks-lib](https://github.com/beizhedenglong/react-hooks-lib) A set of reusable react hooks.
-- [mdx-deck-live-code](https://github.com/JReinhold/mdx-deck-live-code) A library for [mdx-deck](https://github.com/jxnblk/mdx-deck) to do live React and JS coding directly in slides.
-- [react-router-ext](https://github.com/ri7nz/react-router-ext) An Extended [react-router-dom](https://github.com/ReactTraining/react-router/tree/master/packages/react-router-dom) with simple usage.
-- [routex.js](https://github.com/alexhoma/routex.js) A dynamic routing library for Next.js.
-- [hooked-form](https://github.com/JoviDeCroock/hooked-form) A lightweight form-management library for React.
-- [goober](https://github.com/cristianbote/goober) Less than 1KB css-in-js alternative with a familiar API.
-- [react-model](https://github.com/byte-fe/react-model) The next generation state management library for React
-
-## 🥂 License
-
-[MIT](https://oss.ninja/mit/developit/)
-
-[rollup]: https://github.com/rollup/rollup
-[Babel]: https://babeljs.io/
-[async-to-promises]: https://github.com/rpetrich/babel-plugin-transform-async-to-promises
+- document why we forked it.
+- keep in sync in the readme what version of microbundle we're in sync with (v0.12.3 at the time of the fork).
+- document how it's intended to be used with eik, in the two target scenarios: 1) bundling a podlet. 2) bundling a library meant to be published to both an eik cdn and to npm.
diff --git a/package-lock.json b/package-lock.json
index 37f1c07e..ad53b216 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "microbundle",
+  "name": "@eik/microbundle",
   "version": "0.12.3",
   "lockfileVersion": 1,
   "requires": true,
@@ -3321,6 +3321,14 @@
         "minimist": "^1.2.0"
       }
     },
+    "@eik/rollup-plugin-import-map": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@eik/rollup-plugin-import-map/-/rollup-plugin-import-map-1.0.0.tgz",
+      "integrity": "sha512-lAVbRGAx2SWXCp/SkWGBS67Y8Qf9i0dsAGYee+yorMmfyunKnqUxblSZJUtOyA2nhR+ceKKKVra4qpcBn5N0sw==",
+      "requires": {
+        "node-fetch": "^2.6.0"
+      }
+    },
     "@jest/console": {
       "version": "24.9.0",
       "resolved": "https://registry.npmjs.org/@jest/console/-/console-24.9.0.tgz",
@@ -10142,8 +10150,7 @@
     "node-fetch": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.0.tgz",
-      "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==",
-      "dev": true
+      "integrity": "sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA=="
     },
     "node-int64": {
       "version": "0.4.0",
diff --git a/package.json b/package.json
index b541e3f7..cdd18c91 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "microbundle",
-  "version": "0.12.3",
+  "name": "@eik/microbundle",
+  "version": "0.0.0",
   "description": "Zero-configuration bundler for tiny JS libs, powered by Rollup.",
   "main": "dist/microbundle.js",
   "source": "src/index.js",
@@ -18,7 +18,7 @@
     "changeset": "changeset",
     "release": "npm run -s prepare && npm test && changeset publish"
   },
-  "repository": "developit/microbundle",
+  "repository": "eik-lib/microbundle",
   "prettier": {
     "singleQuote": true,
     "trailingComma": "all",
@@ -82,6 +82,7 @@
     "@babel/preset-env": "^7.10.2",
     "@babel/preset-flow": "^7.10.1",
     "@babel/preset-modules": "^0.1.3",
+    "@eik/rollup-plugin-import-map": "^1.0.0",
     "@rollup/plugin-alias": "^3.1.1",
     "@rollup/plugin-babel": "^5.0.3",
     "@rollup/plugin-commonjs": "^13.0.0",
diff --git a/src/index.js b/src/index.js
index 2e41cea3..2490b1f6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -28,6 +28,7 @@ import {
 } from './lib/option-normalization';
 import { getConfigFromPkgJson, getName } from './lib/package-info';
 import { shouldCssModules, cssModulesConfig } from './lib/css-modules';
+import eik from '@eik/rollup-plugin-import-map';
 
 // Extensions to use when resolving modules
 const EXTENSIONS = ['.ts', '.tsx', '.js', '.jsx', '.es6', '.es', '.mjs'];
@@ -417,6 +418,7 @@ function createConfig(options, entry, format, writeMeta) {
 			},
 			plugins: []
 				.concat(
+					modern && eik(),
 					postcss({
 						plugins: [
 							autoprefixer(),

From 5d453827826777c9079c4e1701937f726b429868 Mon Sep 17 00:00:00 2001
From: Cody Olsen <cody.olsen@finn.no>
Date: Wed, 19 Aug 2020 15:36:53 +0200
Subject: [PATCH 2/2] feat: eik specific adaptations

---
 package-lock.json |  2 +-
 src/index.js      | 11 ++++++++++-
 src/prog.js       |  4 ++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ad53b216..2aa39fee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@eik/microbundle",
-  "version": "0.12.3",
+  "version": "0.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/src/index.js b/src/index.js
index 2490b1f6..90c1548c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -239,9 +239,14 @@ async function getEntries({ input, cwd }) {
 }
 
 function replaceName(filename, name) {
+	const baseFilename = basename(filename);
 	return resolve(
 		dirname(filename),
-		name + basename(filename).replace(/^[^.]+/, ''),
+		baseFilename.match(/^x\./)
+			? // Preserve the upstream microbundle behavior when the x.template.js convention is used
+			  name + baseFilename.replace(/^[^.]+/, '')
+			: // Use the name specified instead of overriding it to the package name
+			  baseFilename,
 	);
 }
 
@@ -282,6 +287,10 @@ function getMain({ options, entry, format }) {
 		pkg['umd:main'] || 'x.umd.js',
 		mainNoExtension,
 	);
+	mainsByFormat.iife = replaceName(
+		pkg.nomodule || 'x.iife.js',
+		mainNoExtension,
+	);
 
 	return mainsByFormat[format] || mainsByFormat.cjs;
 }
diff --git a/src/prog.js b/src/prog.js
index 2211d217..33b92d4f 100644
--- a/src/prog.js
+++ b/src/prog.js
@@ -6,7 +6,7 @@ const toArray = val => (Array.isArray(val) ? val : val == null ? [] : [val]);
 export default handler => {
 	const ENABLE_MODERN = process.env.MICROBUNDLE_MODERN !== 'false';
 
-	const DEFAULT_FORMATS = ENABLE_MODERN ? 'modern,es,cjs,umd' : 'es,cjs,umd';
+	const DEFAULT_FORMATS = ENABLE_MODERN ? 'modern,iife' : 'iife';
 
 	const cmd = type => (str, opts) => {
 		opts.watch = opts.watch || type === 'watch';
@@ -31,7 +31,7 @@ export default handler => {
 	prog
 		.version(version)
 		.option('--entry, -i', 'Entry module(s)')
-		.option('--output, -o', 'Directory to place build files into')
+		.option('--output, -o', 'Directory to place build files into', 'dist')
 		.option(
 			'--format, -f',
 			`Only build specified formats (any of ${DEFAULT_FORMATS} or iife)`,