jiek 2.1.10 → 2.1.12

package/src/rollup/index.ts

@@ -1,5 +1,7 @@
+/* eslint-disable ts/strict-boolean-expressions */
 import fs from 'node:fs'
-import { dirname, extname, relative, resolve } from 'node:path'
+import { dirname, extname, join, relative, resolve } from 'node:path'
+import process from 'node:process'
 
 import type { RecursiveRecord } from '@jiek/pkger/entrypoints'
 import { getAllLeafs } from '@jiek/pkger/entrypoints'
@@ -13,12 +15,13 @@ import { isMatch } from 'micromatch'
 import type { InputPluginOption, OutputOptions, OutputPlugin, Plugin, RollupOptions } from 'rollup'
 import ts from 'typescript'
 
+import { getExports, getOutDirs } from '#~/utils/getExports.ts'
+import { loadConfig } from '#~/utils/loadConfig.ts'
 import { recusiveListFiles } from '#~/utils/recusiveListFiles.ts'
+import { getCompilerOptionsByFilePath } from '#~/utils/ts.ts'
 
-import { getExports, getOutDirs } from '../utils/getExports'
-import { loadConfig } from '../utils/loadConfig'
-import { getCompilerOptionsByFilePath } from '../utils/ts'
 import type { ConfigGenerateContext, RollupProgressEvent, TemplateOptions } from './base'
+import createRequire, { isFormatEsm } from './plugins/create-require'
 import progress from './plugins/progress'
 import skip from './plugins/skip'
 import externalResolver from './utils/externalResolver'
@@ -30,6 +33,7 @@ interface PackageJSON {
 }
 
 const {
+  JIEK_ANALYZER,
   JIEK_ROOT,
   JIEK_NAME,
   JIEK_BUILDER,
@@ -58,6 +62,14 @@ const resolveArrayString = (str: string | undefined) => {
   return arr?.length ? arr : undefined
 }
 
+const ANALYZER = JIEK_ANALYZER && JSON.parse(JIEK_ANALYZER) as {
+  dir?: string
+  mode?: string
+  size?: string
+  port?: number
+  open?: boolean
+}
+
 const entries = resolveArrayString(JIEK_ENTRIES)?.map(e => ({ 'index': '.' }[e] ?? e))
 
 const commandExternal = resolveArrayString(JIEK_EXTERNAL)?.map(e => new RegExp(`^${e}$`))
@@ -119,6 +131,7 @@ const resolveBuildPlugins = (context: ConfigGenerateContext, plugins: TemplateOp
   }
   let js: InputPluginOption = []
   let dts: InputPluginOption = []
+  // eslint-disable-next-line ts/switch-exhaustiveness-check
   switch (typeof plugins) {
     case 'function':
       js = plugins('js', context)
@@ -157,7 +170,9 @@ const resolveWorkspacePath = (p: string) => resolve(WORKSPACE_ROOT, p)
 
 const pascalCase = (str: string) =>
   str
+    // eslint-disable-next-line ts/no-unsafe-member-access,ts/no-unsafe-return,ts/no-unsafe-call
     .replace(/[@|/-](\w)/g, (_, $1) => $1.toUpperCase())
+    // eslint-disable-next-line ts/no-unsafe-member-access,ts/no-unsafe-return,ts/no-unsafe-call
     .replace(/(?:^|-)(\w)/g, (_, $1) => $1.toUpperCase())
 
 const reveal = (obj: string | Record<string, unknown>, keys: string[]) =>
@@ -190,13 +205,28 @@ const withMinify = (
   },
   minify = build?.output?.minify ?? MINIFY_DEFAULT_VALUE
 ): OutputOptions[] => {
-  if (minify === false) return [output]
+  output.plugins = output.plugins ?? []
+  const onlyOncePlugins: Plugin[] = [
+    // adapter(analyzer({
+    //   analyzerMode: 'server',
+    //   analyzerPort: 8888,
+    //   reportTitle: 'Bundle Analysis'
+    // }))
+  ]
+  if (minify === false) {
+    output.plugins.push(...onlyOncePlugins)
+    return [output]
+  }
 
   const minifyPlugin = resolvedMinifyOptions.type === 'esbuild'
+    // eslint-disable-next-line ts/no-unsafe-argument
     ? import('rollup-plugin-esbuild').then(({ minify }) => minify(noTypeResolvedMinifyOptions as any))
     : resolvedMinifyOptions.type === 'swc'
+    // eslint-disable-next-line ts/no-unsafe-argument
     ? import('rollup-plugin-swc3').then(({ minify }) => minify(noTypeResolvedMinifyOptions as any))
+    // eslint-disable-next-line ts/no-unsafe-argument
     : import('@rollup/plugin-terser').then(({ default: minify }) => minify(noTypeResolvedMinifyOptions as any))
+  const notOnlyOncePlugins = output.plugins
   return minify === 'only-minify'
     ? [{
       ...output,
@@ -209,7 +239,7 @@ const withMinify = (
             throw new Error('entryFileNames must be a function')
           })(),
       plugins: [
-        ...(output.plugins ?? []),
+        ...notOnlyOncePlugins,
         minifyPlugin
       ]
     }]
@@ -225,7 +255,7 @@ const withMinify = (
             })(),
         file: output.file?.replace(/(\.[cm]?js)$/, '.min$1'),
         plugins: [
-          ...(output.plugins ?? []),
+          ...notOnlyOncePlugins,
           minifyPlugin
         ]
       }
@@ -347,6 +377,59 @@ const generateConfigs = (context: ConfigGenerateContext, options: TemplateOption
           ...noTypeResolvedBuilderOptions
         })
       )
+    const ana = ANALYZER
+      ? import('vite-bundle-analyzer').then(({ adapter, analyzer }) => {
+        const defaultSizes = ({
+          parsed: 'parsed',
+          stat: 'stat',
+          gzip: 'gzip'
+        } as const)[ANALYZER.size ?? 'stat'] ?? 'parsed'
+        const title = `${join(context.name, context.path)} ${context.conditionals.join(',')}`
+        const filename = title
+          .replace('\/', '_')
+          .replace(' ', '_')
+        switch (ANALYZER.mode ?? 'server') {
+          case 'server':
+            return adapter(analyzer({
+              defaultSizes,
+              analyzerMode: 'server',
+              analyzerPort: ANALYZER.port ?? 'auto',
+              openAnalyzer: ANALYZER.open ?? false,
+              reportTitle: `Bundle Analysis ${title}`
+            }))
+          case 'json':
+            return adapter(analyzer({
+              defaultSizes,
+              analyzerMode: 'json',
+              fileName: ANALYZER.dir ? join(ANALYZER.dir, filename) : filename
+            }))
+          case 'static':
+            return adapter(analyzer({
+              defaultSizes,
+              analyzerMode: 'static',
+              analyzerPort: ANALYZER.port ?? 'auto',
+              openAnalyzer: ANALYZER.open ?? false,
+              reportTitle: `Bundle Analysis ${title}`,
+              fileName: ANALYZER.dir ? join(ANALYZER.dir, filename) : filename
+            }))
+          case undefined: {
+            throw new Error('Not implemented yet: undefined case')
+          }
+          default:
+            void sendMessage(
+              {
+                ...throughEventProps,
+                data: {
+                  ...throughEventProps.data,
+                  event: 'error',
+                  message: 'ANALYZER.mode not supported',
+                  tags: ['js']
+                }
+              } satisfies RollupProgressEvent
+            )
+        }
+      })
+      : undefined
     rollupOptions.push({
       input: inputObj,
       external,
@@ -372,7 +455,10 @@ const generateConfigs = (context: ConfigGenerateContext, options: TemplateOption
           ),
           strict: typeof options?.output?.strict === 'object'
             ? options.output.strict.js
-            : options?.output?.strict
+            : options?.output?.strict,
+          plugins: [
+            isFormatEsm(isModule)
+          ]
         })
       ],
       plugins: [
@@ -385,11 +471,13 @@ const generateConfigs = (context: ConfigGenerateContext, options: TemplateOption
             })
           )
           .catch(() => void 0),
-        builder,
         commonjs(),
+        createRequire(),
+        builder,
+        ana,
         progress({
           onEvent: (event, message) =>
-            sendMessage(
+            void sendMessage(
               {
                 ...throughEventProps,
                 data: { ...throughEventProps.data, event, message, tags: ['js'] }
@@ -445,7 +533,7 @@ const generateConfigs = (context: ConfigGenerateContext, options: TemplateOption
         }),
         progress({
           onEvent: (event, message) =>
-            sendMessage(
+            void sendMessage(
               {
                 ...throughEventProps,
                 data: { ...throughEventProps.data, event, message, tags: ['dts'] }
@@ -462,14 +550,14 @@ const generateConfigs = (context: ConfigGenerateContext, options: TemplateOption
       {
         name: 'jiek-plugin-watcher',
         watchChange: (id) =>
-          sendMessage(
+          void sendMessage(
             {
               type: 'watchChange',
               data: { id, name: JIEK_NAME!, path, input }
             } satisfies RollupProgressEvent
           )
       },
-      ...(rollupOptions[0].plugins as any)
+      ...(rollupOptions[0].plugins as Plugin[])
     ]
   }
   return rollupOptions
@@ -519,6 +607,7 @@ export function template(packageJSON: PackageJSON): RollupOptions[] {
         pkgIsModule
       }
 
+      // eslint-disable-next-line ts/switch-exhaustiveness-check
       switch (typeof keyExports) {
         case 'string': {
           configs.push(...generateConfigs({
@@ -545,7 +634,7 @@ export function template(packageJSON: PackageJSON): RollupOptions[] {
       }
     })
   )
-  sendMessage(
+  void sendMessage(
     {
       type: 'init',
       data: {

package/src/rollup/plugins/create-require.ts

@@ -0,0 +1,74 @@
+// https://github.com/privatenumber/pkgroll/blob/73559f8864203a50a5aa12c0a6503ceed3690aff/src/utils/rollup-plugins/create-require.ts#L1
+// Thanks to @privatenumber for the snippet
+
+import inject from '@rollup/plugin-inject'
+import replace from '@rollup/plugin-replace'
+import type { Plugin } from 'rollup'
+
+const virtualModuleName = 'jiek:create-require'
+
+/**
+ * Since rollup is bundled by rollup, it needs to add a run-time
+ * suffix so that this doesn't get replaced.
+ */
+const isEsmVariableName = `IS_ESM${Math.random().toString(36).slice(2)}`
+
+const INSERT_STR = `
+import { createRequire } from 'node:module'
+
+export default (
+  ${isEsmVariableName}
+    ? /* @__PURE__ */ createRequire(import.meta.url)
+    : require
+)
+`.trim()
+
+/**
+ * Plugin to seamlessly allow usage of `require`
+ * across CJS and ESM modules.
+ *
+ * This is usually nor a problem for CJS outputs,
+ * but for ESM outputs, it must be used via
+ * createRequire.
+ *
+ * This plugin automatically injects it for ESM.
+ */
+export default (): Plugin => ({
+  ...inject({
+    require: virtualModuleName
+  }),
+
+  name: 'create-require',
+
+  resolveId: source => (
+    (source === virtualModuleName)
+      ? source
+      : null
+  ),
+
+  load: (id) => {
+    if (id !== virtualModuleName) {
+      return null
+    }
+
+    return INSERT_STR
+  }
+})
+
+export const isFormatEsm = (
+  isEsm: boolean
+): Plugin => {
+  const handler = replace({
+    [isEsmVariableName]: isEsm
+  }).renderChunk!
+
+  return ({
+    name: 'create-require-insert-format',
+
+    // Pick out renderChunk because it's used as an output plugin
+    renderChunk: {
+      order: 'pre',
+      handler: typeof handler === 'function' ? handler : handler.handler
+    }
+  })
+}

package/src/utils/filterSupport.ts

@@ -2,7 +2,6 @@ import fs from 'node:fs'
 import { createRequire } from 'node:module'
 import path from 'node:path'
 
-import { filterPackagesFromDir } from '@pnpm/filter-workspace-packages'
 import { program } from 'commander'
 import { load } from 'js-yaml'
 
@@ -69,6 +68,7 @@ export async function getSelectedProjectsGraph(
       }
       filter = packageJSON.name
     }
+    const { filterPackagesFromDir } = await import('@pnpm/filter-workspace-packages')
     const { selectedProjectsGraph } = await filterPackagesFromDir(wd, [{
       filter: filter ?? '',
       followProdDepsOnly: true