@quilted/rollup 0.1.19 → 0.2.0

package/build/esnext/app.esnext

@@ -1,414 +0,0 @@
-import * as path from 'node:path';
-import * as fs from 'node:fs/promises';
-import { glob } from 'glob';
-import { fileURLToPath } from 'node:url';
-import { MAGIC_MODULE_ENTRY, MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_REQUEST_ROUTER, MAGIC_MODULE_BROWSER_ASSETS } from './constants.esnext';
-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(),
-  app,
-  entry,
-  env,
-  assets,
-  module,
-  graphql = true
-} = {}) {
-  const root = typeof rootPath === 'string' ? rootPath : fileURLToPath(rootPath);
-  const mode = (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
-  const minify = assets?.minify ?? mode === 'production';
-  const baseURL = assets?.baseURL ?? '/assets/';
-  const browserTarget = await getBrowserTargetDetails(assets?.targets, {
-    root
-  });
-  const targetFilenamePart = browserTarget.name ? `.${browserTarget.name}` : '';
-  const [{
-    visualizer
-  }, {
-    magicModuleEnv,
-    replaceProcessEnv
-  }, {
-    sourceCode
-  }, {
-    createTSConfigAliasPlugin
-  }, {
-    css
-  }, {
-    assetManifest,
-    rawAssets,
-    staticAssets
-  }, {
-    systemJS
-  }, 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: browserTarget.browsers
-  }), css({
-    minify,
-    emit: true
-  }), rawAssets(), staticAssets({
-    baseURL,
-    emit: true
-  }), removeBuildFiles(['build/assets', 'build/manifests', 'build/reports'], {
-    root
-  })];
-  const tsconfigAliases = await createTSConfigAliasPlugin();
-  if (tsconfigAliases) {
-    plugins.push(tsconfigAliases);
-  }
-  const appEntry = app ?? (await glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
-    cwd: root,
-    nodir: true,
-    absolute: true
-  }).then(files => files[0]));
-  if (appEntry) {
-    plugins.push(magicModuleAppComponent({
-      entry: appEntry
-    }));
-  }
-  plugins.push(magicModuleAppBrowserEntry(module));
-  if (graphql) {
-    const {
-      graphql
-    } = await import('./features/graphql.esnext');
-    plugins.push(graphql({
-      manifest: path.resolve(`manifests/graphql${targetFilenamePart}.json`)
-    }));
-  }
-  if (minify) {
-    const {
-      minify
-    } = await import('rollup-plugin-esbuild');
-    plugins.push(minify());
-  }
-  const cacheKey = browserTarget.name ? {
-    browserTarget: browserTarget.name
-  } : undefined;
-  const id = browserTarget.name ? browserTarget.name : undefined;
-  plugins.push(assetManifest({
-    id,
-    cacheKey,
-    baseURL,
-    file: path.resolve(`build/manifests/assets${targetFilenamePart}.json`),
-    priority: assets?.priority
-  }), visualizer({
-    template: 'treemap',
-    open: false,
-    brotliSize: true,
-    filename: path.resolve(`build/reports/bundle-visualizer${targetFilenamePart}.html`)
-  }));
-  const finalEntry = entry ?? (await glob('{browser,client}.{ts,tsx,mjs,js,jsx}', {
-    cwd: root,
-    nodir: true,
-    absolute: true
-  }).then(files => files[0])) ?? MAGIC_MODULE_ENTRY;
-  return {
-    input: finalEntry,
-    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: isESM ? 'esm' : 'systemjs',
-      format: 'esm',
-      dir: path.resolve(`build/assets`),
-      entryFileNames: `app${targetFilenamePart}.[hash].js`,
-      assetFileNames: `[name]${targetFilenamePart}.[hash].[ext]`,
-      chunkFileNames: `[name]${targetFilenamePart}.[hash].js`,
-      manualChunks: createManualChunksSorter()
-    }
-  };
-}
-async function quiltAppServer({
-  app,
-  env,
-  entry,
-  graphql = true,
-  minify = false
-} = {}) {
-  const root = process.cwd();
-  const mode = (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
-  const [{
-    visualizer
-  }, {
-    magicModuleEnv,
-    replaceProcessEnv
-  }, {
-    sourceCode
-  }, {
-    createTSConfigAliasPlugin
-  }, {
-    css
-  }, {
-    rawAssets,
-    staticAssets
-  }, {
-    magicModuleRequestRouterEntry
-  }, 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/request-router.esnext'), getNodePlugins()]);
-  const plugins = [...nodePlugins, replaceProcessEnv({
-    mode
-  }), magicModuleEnv({
-    ...env,
-    mode
-  }), sourceCode({
-    mode,
-    targets: ['current node']
-  }), css({
-    emit: false,
-    minify
-  }), rawAssets(), staticAssets({
-    emit: false
-  }), removeBuildFiles(['build/server'], {
-    root
-  })];
-  const tsconfigAliases = await createTSConfigAliasPlugin();
-  if (tsconfigAliases) {
-    plugins.push(tsconfigAliases);
-  }
-  const appEntry = app ?? (await glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
-    cwd: root,
-    nodir: true,
-    absolute: true
-  }).then(files => files[0]));
-  if (appEntry) {
-    plugins.push(magicModuleAppComponent({
-      entry: appEntry
-    }));
-  }
-  plugins.push(magicModuleRequestRouterEntry(), magicModuleAppRequestRouter({
-    entry
-  }), magicModuleAppAssetManifests());
-  if (graphql) {
-    const {
-      graphql
-    } = await import('./features/graphql.esnext');
-    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: false,
-    filename: path.resolve(`build/reports/bundle-visualizer.server.html`)
-  }));
-  const finalEntry = entry ?? (await glob('{server,service,backend}.{ts,tsx,mjs,js,jsx}', {
-    cwd: root,
-    nodir: true,
-    absolute: true
-  }).then(files => files[0])) ?? MAGIC_MODULE_ENTRY;
-  return {
-    input: finalEntry,
-    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: isESM ? 'esm' : 'systemjs',
-      format: 'esm',
-      dir: path.resolve(`build/server`),
-      entryFileNames: 'server.js'
-    }
-  };
-}
-function magicModuleAppComponent({
-  entry
-}) {
-  return createMagicModulePlugin({
-    name: '@quilted/magic-module/app',
-    module: MAGIC_MODULE_APP_COMPONENT,
-    alias: entry
-  });
-}
-function magicModuleAppRequestRouter({
-  entry
-} = {}) {
-  return createMagicModulePlugin({
-    name: '@quilted/magic-module/app-request-router',
-    module: MAGIC_MODULE_REQUEST_ROUTER,
-    alias: entry,
-    source: entry ? undefined : async function source() {
-      return multiline`
-            import '@quilted/quilt/globals';
-
-            import {jsx} from 'react/jsx-runtime';
-            import {RequestRouter} from '@quilted/quilt/request-router';
-            import {renderToResponse} from '@quilted/quilt/server';
-
-            import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
-            import {BrowserAssets} from ${JSON.stringify(MAGIC_MODULE_BROWSER_ASSETS)};
-
-            const router = new RequestRouter();
-            const assets = new BrowserAssets();
-
-            // For all GET requests, render our React application.
-            router.get(async (request) => {
-              const response = await renderToResponse(jsx(App), {
-                request,
-                assets,
-              });
-
-              return response;
-            });
-
-            export default router;
-          `;
-    }
-  });
-}
-function magicModuleAppBrowserEntry({
-  hydrate = true,
-  selector = '#app'
-} = {}) {
-  return createMagicModulePlugin({
-    name: '@quilted/magic-module/app-browser-entry',
-    module: MAGIC_MODULE_ENTRY,
-    sideEffects: true,
-    async source() {
-      const reactRootFunction = hydrate ? 'hydrateRoot' : 'createRoot';
-      return multiline`
-        import '@quilted/quilt/globals';
-
-        import {jsx} from 'react/jsx-runtime';
-        import {${reactRootFunction}} from 'react-dom/client';
-
-        import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
-
-        const element = document.querySelector(${JSON.stringify(selector)});
-
-        ${hydrate ? `${reactRootFunction}(element, jsx(App));` : `${reactRootFunction}(element).render(jsx(App));`}
-      `;
-    }
-  });
-}
-function magicModuleAppAssetManifests() {
-  return createMagicModulePlugin({
-    name: '@quilted/magic-module/asset-manifests',
-    module: MAGIC_MODULE_BROWSER_ASSETS,
-    async source() {
-      const {
-        glob
-      } = await import('glob');
-      const manifestFiles = await glob('assets*.json', {
-        nodir: true,
-        absolute: true,
-        cwd: path.resolve(`build/manifests`)
-      });
-      const manifests = await Promise.all(manifestFiles.map(async file => JSON.parse(await fs.readFile(file, 'utf8'))));
-      manifests.sort((manifestA, manifestB) => (manifestA.priority ?? 0) - (manifestB.priority ?? 0));
-      return multiline`
-        import {BrowserAssetsFromManifests} from '@quilted/quilt/server';
-
-        export class BrowserAssets extends BrowserAssetsFromManifests {
-          constructor() {
-            const manifests = JSON.parse(${JSON.stringify(JSON.stringify(manifests))});
-
-            // The default manifest is the last one, since it has the widest browser support.
-            const defaultManifest = manifests.at(-1);
-
-            super(manifests, {
-              defaultManifest,
-              cacheKey(request) {
-                return {};
-              },
-            });
-          }
-        }
-      `;
-    }
-  });
-}
-const FRAMEWORK_CHUNK_NAME = 'framework';
-const POLYFILLS_CHUNK_NAME = 'polyfills';
-const VENDOR_CHUNK_NAME = 'vendor';
-const INTERNALS_CHUNK_NAME = 'internals';
-const SHARED_CHUNK_NAME = 'shared';
-const PACKAGES_CHUNK_NAME = 'packages';
-const GLOBAL_CHUNK_NAME = 'global';
-const FRAMEWORK_TEST_STRINGS = ['/node_modules/preact/', '/node_modules/react/', '/node_modules/js-cookie/', '/node_modules/@quilted/quilt/', '/node_modules/@preact/signals/', '/node_modules/@preact/signals-core/',
-// TODO I should turn this into an allowlist
-/node_modules[/]@quilted[/](?!react-query|swr)/];
-const POLYFILL_TEST_STRINGS = ['/node_modules/@quilted/polyfills/', '/node_modules/core-js/', '/node_modules/whatwg-fetch/', '/node_modules/regenerator-runtime/', '/node_modules/abort-controller/'];
-const INTERNALS_TEST_STRINGS = ['\x00commonjsHelpers.js', '/node_modules/@babel/runtime/'];
-
-// When building from source, quilt packages are not in node_modules,
-// so we instead add their repo paths to the list of framework test strings.
-if (process.env.QUILT_FROM_SOURCE) {
-  FRAMEWORK_TEST_STRINGS.push('/quilt/packages/');
-}
-
-// Inspired by Vite: https://github.com/vitejs/vite/blob/c69f83615292953d40f07b1178d1ed1d72abe695/packages/vite/source/node/build.ts#L567
-function createManualChunksSorter() {
-  // TODO: make this more configurable, and make it so that we bundle more intelligently
-  // for split entries
-  const packagesPath = path.resolve('packages') + path.sep;
-  const globalPath = path.resolve('global') + path.sep;
-  const sharedPath = path.resolve('shared') + path.sep;
-  return (id, {
-    getModuleInfo
-  }) => {
-    if (INTERNALS_TEST_STRINGS.some(test => id.includes(test))) {
-      return INTERNALS_CHUNK_NAME;
-    }
-    if (FRAMEWORK_TEST_STRINGS.some(test => typeof test === 'string' ? id.includes(test) : test.test(id))) {
-      return FRAMEWORK_CHUNK_NAME;
-    }
-    if (POLYFILL_TEST_STRINGS.some(test => id.includes(test))) {
-      return POLYFILLS_CHUNK_NAME;
-    }
-    let bundleBaseName;
-    let relativeId;
-    if (id.includes('/node_modules/')) {
-      const moduleInfo = getModuleInfo(id);
-
-      // If the only dependency is another vendor, let Rollup handle the naming
-      if (moduleInfo == null) return;
-      if (moduleInfo.importers.length > 0 && moduleInfo.importers.every(importer => importer.includes('/node_modules/'))) {
-        return;
-      }
-      bundleBaseName = VENDOR_CHUNK_NAME;
-      relativeId = id.replace(/^.*[/]node_modules[/]/, '');
-    } else if (id.startsWith(packagesPath)) {
-      bundleBaseName = PACKAGES_CHUNK_NAME;
-      relativeId = id.replace(packagesPath, '');
-    } else if (id.startsWith(globalPath)) {
-      bundleBaseName = GLOBAL_CHUNK_NAME;
-      relativeId = id.replace(globalPath, '');
-    } else if (id.startsWith(sharedPath)) {
-      bundleBaseName = SHARED_CHUNK_NAME;
-      relativeId = id.replace(sharedPath, '');
-    }
-    if (bundleBaseName == null || relativeId == null) {
-      return;
-    }
-    return `${bundleBaseName}-${relativeId.split(path.sep)[0]?.split('.')[0]}`;
-  };
-}
-
-export { magicModuleAppAssetManifests, magicModuleAppBrowserEntry, magicModuleAppComponent, magicModuleAppRequestRouter, quiltAppBrowser, quiltAppServer };

package/build/esnext/constants.esnext

@@ -1,7 +0,0 @@
-const MAGIC_MODULE_ENV = 'quilt:module/env';
-const MAGIC_MODULE_ENTRY = 'quilt:module/entry';
-const MAGIC_MODULE_APP_COMPONENT = 'quilt:module/app';
-const MAGIC_MODULE_BROWSER_ASSETS = 'quilt:module/assets';
-const MAGIC_MODULE_REQUEST_ROUTER = 'quilt:module/request-router';
-
-export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_ENV, MAGIC_MODULE_REQUEST_ROUTER };

package/build/esnext/features/assets.esnext

@@ -1,215 +0,0 @@
-import * as path from 'node:path';
-import * as fs from 'node:fs/promises';
-import { createHash } from 'node:crypto';
-import * as mime from 'mrmime';
-
-function assetManifest(manifestOptions) {
-  return {
-    name: '@quilted/asset-manifest',
-    async generateBundle(options, bundle) {
-      await writeManifestForBundle.call(this, bundle, manifestOptions, options);
-    }
-  };
-}
-async function writeManifestForBundle(bundle, {
-  id,
-  file,
-  baseURL,
-  cacheKey,
-  priority
-}, {
-  format
-}) {
-  const outputs = Object.values(bundle);
-  const entries = outputs.filter(output => output.type === 'chunk' && output.isEntry);
-  if (entries.length === 0) {
-    throw new Error(`Could not find any entries in your rollup bundle...`);
-  }
-
-  // We assume the first entry is the "main" one. There can be
-  // more than one because each worker script is also listed as an
-  // entry (though, from a separate build).
-  const entryChunk = entries[0];
-  const dependencyMap = new Map();
-  for (const output of outputs) {
-    if (output.type !== 'chunk') continue;
-    dependencyMap.set(output.fileName, output.imports);
-  }
-  const assets = [];
-  const assetIdMap = new Map();
-  function getAssetId(file) {
-    let id = assetIdMap.get(file);
-    if (id == null) {
-      assets.push(`${baseURL}${file}`);
-      id = assets.length - 1;
-      assetIdMap.set(file, id);
-    }
-    return id;
-  }
-  const manifest = {
-    id,
-    priority,
-    cacheKey,
-    assets,
-    attributes: format === 'es' ? {
-      scripts: {
-        type: 'module'
-      }
-    } : undefined,
-    entries: {
-      default: createAssetsEntry([...entryChunk.imports, entryChunk.fileName], {
-        dependencyMap,
-        getAssetId
-      })
-    },
-    modules: {}
-  };
-  for (const output of outputs) {
-    if (output.type !== 'chunk') continue;
-    const originalModuleId = output.facadeModuleId ?? output.moduleIds[output.moduleIds.length - 1];
-    if (originalModuleId == null) continue;
-
-    // This metadata is added by the rollup plugin for @quilted/async
-    const moduleId = this.getModuleInfo(originalModuleId)?.meta.quilt?.moduleId;
-    if (moduleId == null) continue;
-    manifest.modules[moduleId] = createAssetsEntry([...output.imports, output.fileName], {
-      dependencyMap,
-      getAssetId
-    });
-  }
-  await fs.mkdir(path.dirname(file), {
-    recursive: true
-  });
-  await fs.writeFile(file, JSON.stringify(manifest, null, 2));
-}
-function createAssetsEntry(files, {
-  dependencyMap,
-  getAssetId
-}) {
-  const styles = [];
-  const scripts = [];
-  const allFiles = new Set();
-  const addFile = file => {
-    if (allFiles.has(file)) return;
-    allFiles.add(file);
-    for (const dependency of dependencyMap.get(file) ?? []) {
-      addFile(dependency);
-    }
-  };
-  for (const file of files) {
-    addFile(file);
-  }
-  for (const file of allFiles) {
-    if (file.endsWith('.css')) {
-      styles.push(getAssetId(file));
-    } else {
-      scripts.push(getAssetId(file));
-    }
-  }
-  return {
-    scripts,
-    styles
-  };
-}
-const QUERY_PATTERN = /\?.*$/s;
-const HASH_PATTERN = /#.*$/s;
-const RAW_PATTERN = /(\?|&)raw(?:&|$)/;
-const DEFAULT_INLINE_LIMIT = 4096;
-const DEFAULT_OUTPUT_PATTERN = '[name].[hash].[ext]';
-const DEFAULT_STATIC_ASSET_EXTENSIONS = [
-// images
-'.png', '.jpg', '.jpeg', '.gif', '.svg', '.ico', '.webp', '.avif',
-// media
-'.mp4', '.webm', '.ogg', '.mp3', '.wav', '.flac', '.aac',
-// fonts
-'.woff', '.woff2', '.eot', '.ttf', '.otf',
-// other
-'.webmanifest', '.pdf', '.txt'];
-function rawAssets() {
-  return {
-    name: '@quilted/raw-assets',
-    async load(id) {
-      if (id.startsWith('\0') || !RAW_PATTERN.test(id)) {
-        return null;
-      }
-      const moduleId = cleanModuleIdentifier(id);
-      this.addWatchFile(moduleId);
-      const file = await fs.readFile(moduleId, {
-        encoding: 'utf-8'
-      });
-      return `export default ${JSON.stringify(file)}`;
-    }
-  };
-}
-function staticAssets({
-  emit = true,
-  baseURL = '/',
-  extensions = DEFAULT_STATIC_ASSET_EXTENSIONS,
-  inlineLimit = DEFAULT_INLINE_LIMIT,
-  outputPattern = DEFAULT_OUTPUT_PATTERN
-} = {}) {
-  const assetCache = new Map();
-  const assetMatcher = new RegExp(`\\.(` + extensions.map(extension => extension.startsWith('.') ? extension.slice(1) : extension).join('|') + `)(\\?.*)?$`);
-  return {
-    name: '@quilted/static-assets',
-    async load(id) {
-      if (id.startsWith('\0') || !assetMatcher.test(id)) {
-        return null;
-      }
-      const cached = assetCache.get(id);
-      if (cached) {
-        return cached;
-      }
-      const file = cleanModuleIdentifier(id);
-      const content = await fs.readFile(file);
-      let url;
-      if (!file.endsWith('.svg') && content.length < inlineLimit) {
-        // base64 inlined as a string
-        url = `data:${mime.lookup(file)};base64,${content.toString('base64')}`;
-      } else {
-        const contentHash = getHash(content);
-        const filename = assetFileNamesToFileName(outputPattern, file, contentHash);
-        url = `${baseURL.endsWith('/') ? baseURL.slice(0, -1) : baseURL}/${filename}`;
-        if (emit) {
-          this.emitFile({
-            name: file,
-            type: 'asset',
-            fileName: filename,
-            source: content
-          });
-        }
-      }
-      const source = `export default ${JSON.stringify(url)};`;
-      assetCache.set(id, source);
-      return source;
-    }
-  };
-}
-function assetFileNamesToFileName(pattern, file, contentHash) {
-  const basename = path.basename(file);
-  const extname = path.extname(basename);
-  const ext = extname.substring(1);
-  const name = basename.slice(0, -extname.length);
-  const hash = contentHash;
-  return pattern.replace(/\[\w+\]/g, placeholder => {
-    switch (placeholder) {
-      case '[ext]':
-        return ext;
-      case '[extname]':
-        return extname;
-      case '[hash]':
-        return hash;
-      case '[name]':
-        return name;
-    }
-    throw new Error(`invalid placeholder ${placeholder} in assetFileNames "${pattern}"`);
-  });
-}
-function getHash(text) {
-  return createHash('sha256').update(text).digest('hex').substring(0, 8);
-}
-function cleanModuleIdentifier(url) {
-  return url.replace(HASH_PATTERN, '').replace(QUERY_PATTERN, '');
-}
-
-export { assetManifest, rawAssets, staticAssets };

package/build/esnext/features/css.esnext

@@ -1,69 +0,0 @@
-const CSS_REGEX = /\.css$/;
-const CSS_MODULE_REGEX = /\.module\.css$/;
-function css({
-  minify = true,
-  emit = true
-}) {
-  const styles = new Map();
-  return {
-    name: '@quilted/css',
-    async transform(code, id) {
-      if (!CSS_REGEX.test(id)) return;
-      const {
-        transform
-      } = await import('lightningcss');
-      const transformed = transform({
-        filename: id,
-        code: new TextEncoder().encode(code),
-        cssModules: CSS_MODULE_REGEX.test(id),
-        minify: emit && minify
-      });
-      styles.set(id, new TextDecoder().decode(transformed.code));
-      const exports = transformed.exports ? Object.fromEntries(Object.entries(transformed.exports).map(([key, exported]) => [key, exported.name])) : undefined;
-      return {
-        code: exports ? `export default JSON.parse(${JSON.stringify(JSON.stringify(exports))})` : `export default undefined;`,
-        map: {
-          mappings: ''
-        },
-        moduleSideEffects: 'no-treeshake'
-      };
-    },
-    async renderChunk(_, chunk) {
-      if (!emit) return null;
-      let chunkCss = '';
-      for (const id of Object.keys(chunk.modules)) {
-        if (CSS_REGEX.test(id) && styles.has(id)) {
-          chunkCss += styles.get(id);
-        }
-      }
-      if (chunkCss.length === 0) return null;
-      const code = chunkCss;
-
-      // if (minify) {
-      //   const {default: CleanCSS} = await import('clean-css');
-
-      //   const cleaner = new CleanCSS({
-      //     rebase: false,
-      //   });
-
-      //   const minified = cleaner.minify(chunkCss);
-
-      //   if (minified.errors.length > 0) {
-      //     throw minified.errors[0];
-      //   }
-
-      //   code = minified.styles;
-      // }
-
-      const fileHandle = this.emitFile({
-        type: 'asset',
-        name: `${chunk.fileName.split('.')[0]}.css`,
-        source: code
-      });
-      chunk.imports.push(this.getFileName(fileHandle));
-      return null;
-    }
-  };
-}
-
-export { css };