Support rollup plugin multi input

package.json

@@ -61,6 +61,7 @@
     "release-it": "^14.13.1",
     "rimraf": "^3.0.2",
     "rollup": "^2.70.1",
+    "rollup-plugin-multi-input": "^1.3.1",
     "semver": "^7.3.5",
     "typescript": "^4.6.2"
   }

src/index.js

@@ -11,6 +11,8 @@ import postcssSugarSS from "sugarss"
 import { createFilter } from "@rollup/pluginutils"
 import { getHash } from "asset-hash"
 
+const MULTI_INPUT_PLUGIN_NAME = 'rollup-plugin-multi-input'
+
 const scriptExtensions = /^\.(json|mjs|js|jsx|ts|tsx)$/
 
 const styleParser = {
@@ -27,7 +29,7 @@ function getPostCssPlugins(keepName) {
     postcssSmartAsset({
       url: "copy",
       useHash: true,
-      keepName
+      keepName,
     })
   ]
 }
@@ -61,7 +63,7 @@ export default function rebase(options = {}) {
     exclude,
     verbose = false,
     keepName = false,
-    assetFolder = ""
+    assetFolder = "",
   } = options
 
   const filter = createFilter(include, exclude)
@@ -70,6 +72,7 @@ export default function rebase(options = {}) {
   const files = {}
 
   let root = null
+  let hasMultiInput = false
 
   function rootRelative(file) {
     // Last sequence is for Windows support
@@ -94,12 +97,20 @@ export default function rebase(options = {}) {
       return Boolean(files[fileSource])
     },
 
+    options({ plugins }) {
+      // Check whether we are using rollup-plugin-multi-input
+      hasMultiInput = !!plugins?.some(plugin => plugin != null && typeof plugin !== "boolean" && plugin.name === MULTI_INPUT_PLUGIN_NAME)
+    },
+
     /* eslint-disable complexity, max-statements */
     async resolveId(importee, importer) {
       // Ignore root files which are typically script files. Delegate to other
       // plugins or default behavior.
       if (!importer) {
-        root = path.dirname(path.resolve(importee))
+        // If multiInput is detected, set root once for proper paths
+        if (!hasMultiInput || (hasMultiInput && !root)) {
+          root = path.dirname(path.resolve(importee))
+        }
         return null
       }
 

test/multi-input/__snapshots__/index.test.js.snap

@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Multi input support 1`] = `
+"HDWIGpiP.md
+SmVOQyTt.png
+index.js
+sub"
+`;
+
+exports[`Multi input support 2`] = `
+"import index from './sub/folder/child.js';
+export { default } from './sub/folder/child.js';
+import './SmVOQyTt.png';
+import './HDWIGpiP.md';
+"
+`;
+
+exports[`Multi input support 3`] = `
+"import image from '../../SmVOQyTt.png';
+import content from '../../HDWIGpiP.md';
+
+function index() {
+  return content + image
+}
+
+export { index as default };
+"
+`;

test/multi-input/index.test.js

@@ -0,0 +1,19 @@
+import { bundleWithMultiInput, clean, list, read } from "../util"
+import { join, sep } from "path"
+
+const root = __dirname
+
+test("Multi input support", async () => {
+  await bundleWithMultiInput(root, ['src/**/!(*.test).js'], "output", {}, {
+    transformOutputPath: (output) => {
+      // Need to transform output as bundle path starts from root of project
+      return output.replace(`${join('test', 'multi-input', 'src')}${sep}`, '');
+    },
+  })
+
+  expect(await list(root, "output")).toMatchSnapshot()
+  expect(await read(root, "output/index.js")).toMatchSnapshot()
+  expect(await read(root, "output/sub/folder/child.js")).toMatchSnapshot()
+
+  await clean(root, "output")
+})

test/multi-input/src/index.js

@@ -0,0 +1,3 @@
+import index from "./sub/folder/child"
+
+export default index

test/multi-input/src/sub/folder/child.js

@@ -0,0 +1,6 @@
+import image from "../../image.png"
+import content from "./content.md"
+
+export default function() {
+  return content + image
+}

test/multi-input/src/sub/folder/content.md

@@ -0,0 +1 @@
+# Hello

test/util.js

@@ -3,6 +3,7 @@ import { readdir } from "fs"
 
 import fs from "fs-extra"
 import { rollup } from "rollup"
+import multiInput from "rollup-plugin-multi-input";
 
 import rebasePlugin from "../src"
 
@@ -21,6 +22,23 @@ export async function bundle(root, input, output, pluginOptions = {}) {
   })
 }
 
+export async function bundleWithMultiInput(root, input, output, pluginOptions = {}, multiInputOptions = {}) {
+  const plugins = [
+    multiInput(multiInputOptions),
+    rebasePlugin(pluginOptions)
+  ];
+
+  const result = await rollup({
+    input: input.map(i => join(root, i)),
+    plugins,
+  })
+
+  await result.write({
+    format: "es",
+    dir: join(root, output),
+  })
+}
+
 export async function clean(root, files) {
   const input = Array.isArray(files) ? files : [ files ]
   const tasks = input.map((file) => fs.remove(join(root, file)))