@quilted/rollup 0.1.15 → 0.1.17

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @quilted/rollup
 
+## 0.1.17
+
+### Patch Changes
+
+- [`aff6bdd6`](https://github.com/lemonmade/quilt/commit/aff6bdd615f35d788ef4345ca34df079d4ff4d2f) Thanks [@lemonmade](https://github.com/lemonmade)! - Improve module hash logic
+
+- [`48beeccb`](https://github.com/lemonmade/quilt/commit/48beeccb4366c73ee1040221414af690ccba0958) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix module template and rollup build
+
+## 0.1.16
+
+### Patch Changes
+
+- [`ddd42cdd`](https://github.com/lemonmade/quilt/commit/ddd42cdd8c3e15a511579b327bde31c0234f4c16) Thanks [@lemonmade](https://github.com/lemonmade)! - Add module rollup plugin
+
 ## 0.1.15
 
 ### Patch Changes

package/build/cjs/app.cjs

@@ -8,6 +8,7 @@ var constants = require('./constants.cjs');
 var strings = require('./shared/strings.cjs');
 var rollup = require('./shared/rollup.cjs');
 var magicModule = require('./shared/magic-module.cjs');
+var browserslist = require('./shared/browserslist.cjs');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -42,23 +43,15 @@ async function quiltAppBrowser({
   const mode = (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
   const minify = assets?.minify ?? mode === 'production';
   const baseURL = assets?.baseURL ?? '/assets/';
-  const assetTargets = assets?.targets ?? {};
-  const targets = Array.isArray(assetTargets) ? {
-    browsers: assetTargets
-  } : assetTargets;
-  const targetBrowsers = targets.browsers ?? (await (async () => {
-    const {
-      default: browserslist
-    } = await import('browserslist');
-    const config = browserslist.findConfig(root);
-    if (config == null) return ['defaults'];
-    const targetName = targets.name ?? 'defaults';
-    return config[targetName] ?? ['defaults'];
-  })());
-  const normalizedTargetName = targets.name === 'defaults' ? 'default' : targets.name;
-  const targetFilenamePart = normalizedTargetName ? `.${normalizedTargetName}` : '';
+  const browserTarget = await browserslist.getBrowserTargetDetails(assets?.targets, {
+    root
+  });
+  const targetFilenamePart = browserTarget.name ? `.${browserTarget.name}` : '';
   const [{
     visualizer
+  }, {
+    magicModuleEnv,
+    replaceProcessEnv
   }, {
     sourceCode
   }, {
@@ -71,12 +64,17 @@ async function quiltAppBrowser({
     staticAssets
   }, {
     systemJS
-  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), Promise.resolve().then(function () { return require('./features/source-code.cjs'); }), Promise.resolve().then(function () { return require('./features/typescript.cjs'); }), Promise.resolve().then(function () { return require('./features/css.cjs'); }), Promise.resolve().then(function () { return require('./features/assets.cjs'); }), Promise.resolve().then(function () { return require('./features/system-js.cjs'); }), rollup.getNodePlugins()]);
+  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), Promise.resolve().then(function () { return require('./features/env.cjs'); }), Promise.resolve().then(function () { return require('./features/source-code.cjs'); }), Promise.resolve().then(function () { return require('./features/typescript.cjs'); }), Promise.resolve().then(function () { return require('./features/css.cjs'); }), Promise.resolve().then(function () { return require('./features/assets.cjs'); }), Promise.resolve().then(function () { return require('./features/system-js.cjs'); }), rollup.getNodePlugins()]);
   const plugins = [...nodePlugins, systemJS({
     minify
+  }), replaceProcessEnv({
+    mode
+  }), magicModuleEnv({
+    ...env,
+    mode
   }), sourceCode({
     mode,
-    targets: targetBrowsers
+    targets: browserTarget.browsers
   }), css({
     minify,
     emit: true
@@ -90,27 +88,6 @@ async function quiltAppBrowser({
   if (tsconfigAliases) {
     plugins.push(tsconfigAliases);
   }
-  if (env) {
-    const {
-      magicModuleEnv,
-      replaceProcessEnv
-    } = await Promise.resolve().then(function () { return require('./features/env.cjs'); });
-    if (typeof env === 'boolean') {
-      plugins.push(replaceProcessEnv({
-        mode
-      }));
-      plugins.push(magicModuleEnv({
-        mode
-      }));
-    } else {
-      plugins.push(replaceProcessEnv({
-        mode
-      }));
-      plugins.push(magicModuleEnv({
-        mode
-      }));
-    }
-  }
   const appEntry = app ?? (await glob.glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
     cwd: root,
     nodir: true,
@@ -136,10 +113,10 @@ async function quiltAppBrowser({
     } = await import('rollup-plugin-esbuild');
     plugins.push(minify());
   }
-  const cacheKey = targets.name ? {
-    browserTarget: targets.name
+  const cacheKey = browserTarget.name ? {
+    browserTarget: browserTarget.name
   } : undefined;
-  const id = targets.name ? targets.name : undefined;
+  const id = browserTarget.name ? browserTarget.name : undefined;
   plugins.push(assetManifest({
     id,
     cacheKey,

package/build/cjs/index.cjs

@@ -1,11 +1,13 @@
 'use strict';
 
 var app = require('./app.cjs');
+var module$1 = require('./module.cjs');
 var _package = require('./package.cjs');
 
 
 
 exports.quiltAppBrowser = app.quiltAppBrowser;
 exports.quiltAppServer = app.quiltAppServer;
+exports.quiltModule = module$1.quiltModule;
 exports.quiltPackageESModules = _package.quiltPackageESModules;
 exports.quiltPackageESNext = _package.quiltPackageESNext;

package/build/cjs/module.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+var path = require('node:path');
+var glob = require('glob');
+var node_url = require('node:url');
+var rollup = require('./shared/rollup.cjs');
+var packageJson = require('./shared/package-json.cjs');
+var browserslist = require('./shared/browserslist.cjs');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
+
+async function quiltModule({
+  root: rootPath = process.cwd(),
+  env,
+  assets,
+  graphql = true
+} = {}) {
+  const root = typeof rootPath === 'string' ? rootPath : node_url.fileURLToPath(rootPath);
+  const mode = (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
+  const outputDirectory = path__namespace.join(root, 'build/assets');
+  const minify = assets?.minify ?? true;
+  const hash = assets?.hash ?? 'async-only';
+  const browserTarget = await browserslist.getBrowserTargetDetails(assets?.targets, {
+    root
+  });
+  const targetFilenamePart = browserTarget.name ? `.${browserTarget.name}` : '';
+  const [{
+    visualizer
+  }, {
+    magicModuleEnv,
+    replaceProcessEnv
+  }, {
+    sourceCode
+  }, nodePlugins, packageJSON] = await Promise.all([import('rollup-plugin-visualizer'), Promise.resolve().then(function () { return require('./features/env.cjs'); }), Promise.resolve().then(function () { return require('./features/source-code.cjs'); }), rollup.getNodePlugins(), packageJson.loadPackageJSON(root)]);
+  const source = await sourceForModule(root, packageJSON);
+  const plugins = [...nodePlugins, replaceProcessEnv({
+    mode
+  }), magicModuleEnv({
+    ...env,
+    mode
+  }), sourceCode({
+    mode: 'production'
+  }), rollup.removeBuildFiles(['build/assets', 'build/reports'], {
+    root
+  })];
+  if (graphql) {
+    const {
+      graphql
+    } = await Promise.resolve().then(function () { return require('./features/graphql.cjs'); });
+    plugins.push(graphql({
+      manifest: false
+    }));
+  }
+  if (minify) {
+    const {
+      minify
+    } = await import('rollup-plugin-esbuild');
+    plugins.push(minify());
+  }
+  plugins.push(visualizer({
+    template: 'treemap',
+    open: false,
+    brotliSize: true,
+    filename: path__namespace.resolve(root, `build/reports/bundle-visualizer${targetFilenamePart}.html`)
+  }));
+  return {
+    input: source,
+    plugins,
+    onwarn(warning, defaultWarn) {
+      // Removes annoying warnings for React-focused libraries that
+      // include 'use client' directives.
+      if (warning.code === 'MODULE_LEVEL_DIRECTIVE' && /['"]use client['"]/.test(warning.message)) {
+        return;
+      }
+      defaultWarn(warning);
+    },
+    output: {
+      format: 'esm',
+      dir: outputDirectory,
+      entryFileNames: `[name]${targetFilenamePart}${hash === true ? `.[hash]` : ''}.js`,
+      chunkFileNames: `[name]${targetFilenamePart}${hash === true || hash === 'async-only' ? `.[hash]` : ''}.js`,
+      assetFileNames: `[name]${targetFilenamePart}${hash === true ? `.[hash]` : ''}.[ext]`
+    }
+  };
+}
+async function sourceForModule(root, packageJSON) {
+  const {
+    main,
+    exports
+  } = packageJSON;
+  const entryFromPackageJSON = main ?? exports?.['.'];
+  if (entryFromPackageJSON) {
+    return path__namespace.resolve(root, entryFromPackageJSON);
+  }
+  const possibleSourceFiles = await glob.glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
+    cwd: root,
+    nodir: true,
+    absolute: true
+  });
+  return possibleSourceFiles[0];
+}
+
+exports.quiltModule = quiltModule;

package/build/cjs/shared/browserslist.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+async function getBrowserTargetDetails(targetSelection = {}, {
+  root
+} = {}) {
+  const targets = Array.isArray(targetSelection) ? {
+    browsers: targetSelection
+  } : targetSelection;
+  const targetBrowsers = targets.browsers ?? (await (async () => {
+    const {
+      default: browserslist
+    } = await import('browserslist');
+    const config = browserslist.findConfig(root);
+    if (config == null) return ['defaults'];
+    const targetName = targets.name ?? 'defaults';
+    return config[targetName] ?? ['defaults'];
+  })());
+  const name = targets.name === 'defaults' ? 'default' : targets.name;
+  return {
+    name,
+    browsers: targetBrowsers
+  };
+}
+
+exports.getBrowserTargetDetails = getBrowserTargetDetails;

package/build/esm/app.mjs

@@ -6,6 +6,7 @@ import { MAGIC_MODULE_ENTRY, MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_REQUEST_RO
 import { multiline } from './shared/strings.mjs';
 import { getNodePlugins, removeBuildFiles } from './shared/rollup.mjs';
 import { createMagicModulePlugin } from './shared/magic-module.mjs';
+import { getBrowserTargetDetails } from './shared/browserslist.mjs';
 
 async function quiltAppBrowser({
   root: rootPath = process.cwd(),
@@ -20,23 +21,15 @@ async function quiltAppBrowser({
   const mode = (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
   const minify = assets?.minify ?? mode === 'production';
   const baseURL = assets?.baseURL ?? '/assets/';
-  const assetTargets = assets?.targets ?? {};
-  const targets = Array.isArray(assetTargets) ? {
-    browsers: assetTargets
-  } : assetTargets;
-  const targetBrowsers = targets.browsers ?? (await (async () => {
-    const {
-      default: browserslist
-    } = await import('browserslist');
-    const config = browserslist.findConfig(root);
-    if (config == null) return ['defaults'];
-    const targetName = targets.name ?? 'defaults';
-    return config[targetName] ?? ['defaults'];
-  })());
-  const normalizedTargetName = targets.name === 'defaults' ? 'default' : targets.name;
-  const targetFilenamePart = normalizedTargetName ? `.${normalizedTargetName}` : '';
+  const browserTarget = await getBrowserTargetDetails(assets?.targets, {
+    root
+  });
+  const targetFilenamePart = browserTarget.name ? `.${browserTarget.name}` : '';
   const [{
     visualizer
+  }, {
+    magicModuleEnv,
+    replaceProcessEnv
   }, {
     sourceCode
   }, {
@@ -49,12 +42,17 @@ async function quiltAppBrowser({
     staticAssets
   }, {
     systemJS
-  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), import('./features/source-code.mjs'), import('./features/typescript.mjs'), import('./features/css.mjs'), import('./features/assets.mjs'), import('./features/system-js.mjs'), getNodePlugins()]);
+  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), import('./features/env.mjs'), import('./features/source-code.mjs'), import('./features/typescript.mjs'), import('./features/css.mjs'), import('./features/assets.mjs'), import('./features/system-js.mjs'), getNodePlugins()]);
   const plugins = [...nodePlugins, systemJS({
     minify
+  }), replaceProcessEnv({
+    mode
+  }), magicModuleEnv({
+    ...env,
+    mode
   }), sourceCode({
     mode,
-    targets: targetBrowsers
+    targets: browserTarget.browsers
   }), css({
     minify,
     emit: true
@@ -68,27 +66,6 @@ async function quiltAppBrowser({
   if (tsconfigAliases) {
     plugins.push(tsconfigAliases);
   }
-  if (env) {
-    const {
-      magicModuleEnv,
-      replaceProcessEnv
-    } = await import('./features/env.mjs');
-    if (typeof env === 'boolean') {
-      plugins.push(replaceProcessEnv({
-        mode
-      }));
-      plugins.push(magicModuleEnv({
-        mode
-      }));
-    } else {
-      plugins.push(replaceProcessEnv({
-        mode
-      }));
-      plugins.push(magicModuleEnv({
-        mode
-      }));
-    }
-  }
   const appEntry = app ?? (await glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
     cwd: root,
     nodir: true,
@@ -114,10 +91,10 @@ async function quiltAppBrowser({
     } = await import('rollup-plugin-esbuild');
     plugins.push(minify());
   }
-  const cacheKey = targets.name ? {
-    browserTarget: targets.name
+  const cacheKey = browserTarget.name ? {
+    browserTarget: browserTarget.name
   } : undefined;
-  const id = targets.name ? targets.name : undefined;
+  const id = browserTarget.name ? browserTarget.name : undefined;
   plugins.push(assetManifest({
     id,
     cacheKey,

package/build/esm/index.mjs

@@ -1,2 +1,3 @@
 export { quiltAppBrowser, quiltAppServer } from './app.mjs';
+export { quiltModule } from './module.mjs';
 export { quiltPackageESModules, quiltPackageESNext } from './package.mjs';

package/build/esm/module.mjs

@@ -0,0 +1,99 @@
+import * as path from 'node:path';
+import { glob } from 'glob';
+import { fileURLToPath } from 'node:url';
+import { getNodePlugins, removeBuildFiles } from './shared/rollup.mjs';
+import { loadPackageJSON } from './shared/package-json.mjs';
+import { getBrowserTargetDetails } from './shared/browserslist.mjs';
+
+async function quiltModule({
+  root: rootPath = process.cwd(),
+  env,
+  assets,
+  graphql = true
+} = {}) {
+  const root = typeof rootPath === 'string' ? rootPath : fileURLToPath(rootPath);
+  const mode = (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
+  const outputDirectory = path.join(root, 'build/assets');
+  const minify = assets?.minify ?? true;
+  const hash = assets?.hash ?? 'async-only';
+  const browserTarget = await getBrowserTargetDetails(assets?.targets, {
+    root
+  });
+  const targetFilenamePart = browserTarget.name ? `.${browserTarget.name}` : '';
+  const [{
+    visualizer
+  }, {
+    magicModuleEnv,
+    replaceProcessEnv
+  }, {
+    sourceCode
+  }, nodePlugins, packageJSON] = await Promise.all([import('rollup-plugin-visualizer'), import('./features/env.mjs'), import('./features/source-code.mjs'), getNodePlugins(), loadPackageJSON(root)]);
+  const source = await sourceForModule(root, packageJSON);
+  const plugins = [...nodePlugins, replaceProcessEnv({
+    mode
+  }), magicModuleEnv({
+    ...env,
+    mode
+  }), sourceCode({
+    mode: 'production'
+  }), removeBuildFiles(['build/assets', 'build/reports'], {
+    root
+  })];
+  if (graphql) {
+    const {
+      graphql
+    } = await import('./features/graphql.mjs');
+    plugins.push(graphql({
+      manifest: false
+    }));
+  }
+  if (minify) {
+    const {
+      minify
+    } = await import('rollup-plugin-esbuild');
+    plugins.push(minify());
+  }
+  plugins.push(visualizer({
+    template: 'treemap',
+    open: false,
+    brotliSize: true,
+    filename: path.resolve(root, `build/reports/bundle-visualizer${targetFilenamePart}.html`)
+  }));
+  return {
+    input: source,
+    plugins,
+    onwarn(warning, defaultWarn) {
+      // Removes annoying warnings for React-focused libraries that
+      // include 'use client' directives.
+      if (warning.code === 'MODULE_LEVEL_DIRECTIVE' && /['"]use client['"]/.test(warning.message)) {
+        return;
+      }
+      defaultWarn(warning);
+    },
+    output: {
+      format: 'esm',
+      dir: outputDirectory,
+      entryFileNames: `[name]${targetFilenamePart}${hash === true ? `.[hash]` : ''}.js`,
+      chunkFileNames: `[name]${targetFilenamePart}${hash === true || hash === 'async-only' ? `.[hash]` : ''}.js`,
+      assetFileNames: `[name]${targetFilenamePart}${hash === true ? `.[hash]` : ''}.[ext]`
+    }
+  };
+}
+async function sourceForModule(root, packageJSON) {
+  const {
+    main,
+    exports
+  } = packageJSON;
+  const entryFromPackageJSON = main ?? exports?.['.'];
+  if (entryFromPackageJSON) {
+    return path.resolve(root, entryFromPackageJSON);
+  }
+  const possibleSourceFiles = await glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
+    cwd: root,
+    nodir: true,
+    absolute: true
+  });
+  return possibleSourceFiles[0];
+}
+
+export { quiltModule };

package/build/esm/shared/browserslist.mjs

@@ -0,0 +1,23 @@
+async function getBrowserTargetDetails(targetSelection = {}, {
+  root
+} = {}) {
+  const targets = Array.isArray(targetSelection) ? {
+    browsers: targetSelection
+  } : targetSelection;
+  const targetBrowsers = targets.browsers ?? (await (async () => {
+    const {
+      default: browserslist
+    } = await import('browserslist');
+    const config = browserslist.findConfig(root);
+    if (config == null) return ['defaults'];
+    const targetName = targets.name ?? 'defaults';
+    return config[targetName] ?? ['defaults'];
+  })());
+  const name = targets.name === 'defaults' ? 'default' : targets.name;
+  return {
+    name,
+    browsers: targetBrowsers
+  };
+}
+
+export { getBrowserTargetDetails };

package/build/esnext/app.esnext

@@ -6,6 +6,7 @@ import { MAGIC_MODULE_ENTRY, MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_REQUEST_RO
 import { multiline } from './shared/strings.esnext';
 import { getNodePlugins, removeBuildFiles } from './shared/rollup.esnext';
 import { createMagicModulePlugin } from './shared/magic-module.esnext';
+import { getBrowserTargetDetails } from './shared/browserslist.esnext';
 
 async function quiltAppBrowser({
   root: rootPath = process.cwd(),
@@ -20,23 +21,15 @@ async function quiltAppBrowser({
   const mode = (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
   const minify = assets?.minify ?? mode === 'production';
   const baseURL = assets?.baseURL ?? '/assets/';
-  const assetTargets = assets?.targets ?? {};
-  const targets = Array.isArray(assetTargets) ? {
-    browsers: assetTargets
-  } : assetTargets;
-  const targetBrowsers = targets.browsers ?? (await (async () => {
-    const {
-      default: browserslist
-    } = await import('browserslist');
-    const config = browserslist.findConfig(root);
-    if (config == null) return ['defaults'];
-    const targetName = targets.name ?? 'defaults';
-    return config[targetName] ?? ['defaults'];
-  })());
-  const normalizedTargetName = targets.name === 'defaults' ? 'default' : targets.name;
-  const targetFilenamePart = normalizedTargetName ? `.${normalizedTargetName}` : '';
+  const browserTarget = await getBrowserTargetDetails(assets?.targets, {
+    root
+  });
+  const targetFilenamePart = browserTarget.name ? `.${browserTarget.name}` : '';
   const [{
     visualizer
+  }, {
+    magicModuleEnv,
+    replaceProcessEnv
   }, {
     sourceCode
   }, {
@@ -49,12 +42,17 @@ async function quiltAppBrowser({
     staticAssets
   }, {
     systemJS
-  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), import('./features/source-code.esnext'), import('./features/typescript.esnext'), import('./features/css.esnext'), import('./features/assets.esnext'), import('./features/system-js.esnext'), getNodePlugins()]);
+  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), import('./features/env.esnext'), import('./features/source-code.esnext'), import('./features/typescript.esnext'), import('./features/css.esnext'), import('./features/assets.esnext'), import('./features/system-js.esnext'), getNodePlugins()]);
   const plugins = [...nodePlugins, systemJS({
     minify
+  }), replaceProcessEnv({
+    mode
+  }), magicModuleEnv({
+    ...env,
+    mode
   }), sourceCode({
     mode,
-    targets: targetBrowsers
+    targets: browserTarget.browsers
   }), css({
     minify,
     emit: true
@@ -68,27 +66,6 @@ async function quiltAppBrowser({
   if (tsconfigAliases) {
     plugins.push(tsconfigAliases);
   }
-  if (env) {
-    const {
-      magicModuleEnv,
-      replaceProcessEnv
-    } = await import('./features/env.esnext');
-    if (typeof env === 'boolean') {
-      plugins.push(replaceProcessEnv({
-        mode
-      }));
-      plugins.push(magicModuleEnv({
-        mode
-      }));
-    } else {
-      plugins.push(replaceProcessEnv({
-        mode
-      }));
-      plugins.push(magicModuleEnv({
-        mode
-      }));
-    }
-  }
   const appEntry = app ?? (await glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
     cwd: root,
     nodir: true,
@@ -114,10 +91,10 @@ async function quiltAppBrowser({
     } = await import('rollup-plugin-esbuild');
     plugins.push(minify());
   }
-  const cacheKey = targets.name ? {
-    browserTarget: targets.name
+  const cacheKey = browserTarget.name ? {
+    browserTarget: browserTarget.name
   } : undefined;
-  const id = targets.name ? targets.name : undefined;
+  const id = browserTarget.name ? browserTarget.name : undefined;
   plugins.push(assetManifest({
     id,
     cacheKey,

package/build/esnext/index.esnext

@@ -1,2 +1,3 @@
 export { quiltAppBrowser, quiltAppServer } from './app.esnext';
+export { quiltModule } from './module.esnext';
 export { quiltPackageESModules, quiltPackageESNext } from './package.esnext';