fix: 🐛 linter

Author: punkbit

plugins/css-colocate/css-preprocess.ts

@@ -4,7 +4,7 @@ import postcss from 'postcss';
 import postcssModules from 'postcss-modules';
 import { getTempDir, findFiles, generateScopedName } from './utils';
 
-export async function preprocessCssModules(rootDir: string): Promise<void> {
+export const preprocessCssModules = async (rootDir: string): Promise<void> => {
   const srcDir = path.join(rootDir, 'src');
   const tempDir = getTempDir(rootDir);
 
@@ -50,4 +50,4 @@ export async function preprocessCssModules(rootDir: string): Promise<void> {
   console.log(
     `\n✅ Pre-processing complete: ${files.length} file(s), ${totalClasses} class(es)\n`
   );
-}
+};

plugins/css-colocate/import-inject.ts

@@ -52,7 +52,7 @@ const copyAndResolveCss = async (
   jsOutputFile: string
 ): Promise<string | null> => {
   const cssSourcePath = resolveCssPath(cssImportPath, sourceFile, srcDir);
-  if (!cssSourcePath || !(await fileExists(cssSourcePath))) return null;
+  if (!cssSourcePath || !(await fileExists(cssSourcePath))) {return null;}
 
   const cssRelativeToSrc = path.relative(srcDir, cssSourcePath);
   const cssOutputPath = path.join(distDir, cssRelativeToSrc);
@@ -111,10 +111,10 @@ export const injectComponentCss = async (
     const component = path.basename(dir);
     const cssFile = path.join(dir, `${component}.css`);
 
-    if (!(await fileExists(cssFile))) continue;
+    if (!(await fileExists(cssFile))) {continue;}
 
     const content = await fs.readFile(jsFile, 'utf-8');
-    if (content.includes(`${component}.css`)) continue;
+    if (content.includes(`${component}.css`)) {continue;}
 
     const importStmt = createImportStatement(`./${component}.css`, format) + '\n';
     const updated = insertAtTop(content, importStmt);
@@ -133,7 +133,7 @@ export const injectRegularCssImports = async (
   distDir: string,
   format: 'esm' | 'cjs'
 ): Promise<void> => {
-  if (trackedImports.length === 0) return;
+  if (trackedImports.length === 0) {return;}
 
   const srcDir = path.join(rootDir, 'src');
 
@@ -144,7 +144,7 @@ export const injectRegularCssImports = async (
       relativeToSrc.replace(/\.tsx?$/, `.${format === 'esm' ? 'js' : 'cjs'}`)
     );
 
-    if (!(await fileExists(jsOutputFile))) continue;
+    if (!(await fileExists(jsOutputFile))) {continue;}
 
     let content = await fs.readFile(jsOutputFile, 'utf-8');
 

plugins/css-colocate/index.ts

@@ -27,29 +27,28 @@ export const cssColocatePlugin = (): Plugin => {
     name: 'vite-plugin-css-colocate',
     apply: 'build',
 
-    async buildStart() {
+    buildStart: async () => {
       // WARN: Reset between rebuilds
       // to prevent future build:watch transform to keep
       // appending, causing duplicate CSS imports
       // on each rebuild
       trackedImports.length = 0;
+
       await preprocessCssModules(config.root);
     },
 
-    configResolved(resolvedConfig) {
+    configResolved: resolvedConfig => {
       config = resolvedConfig;
     },
 
-    async resolveId(id, importer) {
-      return resolveCssModule(id, importer, config.root);
-    },
+    resolveId: async (id, importer) => resolveCssModule(id, importer, config.root),
 
     async load(id) {
       return loadCssModule(id, this, config.root);
     },
 
-    transform(code, id) {
-      if (id.includes('node_modules') || !/\.[jt]sx?$/.test(id)) return null;
+    transform: (code, id) => {
+      if (id.includes('node_modules') || !/\.[jt]sx?$/.test(id)) {return null;}
 
       // Track regular CSS imports (not .module.css)
       const cssImports: string[] = [];
@@ -69,7 +68,7 @@ export const cssColocatePlugin = (): Plugin => {
       return null;
     },
 
-    async closeBundle() {
+    closeBundle: async () => {
       const formats = [
         { format: 'esm' as const, ext: 'js' as const },
         { format: 'cjs' as const, ext: 'cjs' as const },

plugins/css-colocate/utils.ts

@@ -51,7 +51,7 @@ export const preventCssNameOverwrites = async (rootDir: string): Promise<void> =
 
   const srcFiles = await findFiles(srcDir, '**/*.css');
   for (const file of srcFiles) {
-    if (file.endsWith('.module.css')) continue;
+    if (file.endsWith('.module.css')) {continue;}
 
     const destPath = path.relative(srcDir, file);
 
@@ -82,7 +82,7 @@ export const copyCssFiles = async (rootDir: string, distDir: string): Promise<vo
   const srcFiles = await findFiles(srcDir, '**/*.css');
   await Promise.all(
     srcFiles.map(async file => {
-      if (file.endsWith('.module.css')) return;
+      if (file.endsWith('.module.css')) {return;}
       const dest = path.join(distDir, path.relative(srcDir, file));
       await fs.ensureDir(path.dirname(dest));
       await fs.copy(file, dest, { overwrite: true });

plugins/css-colocate/virtual-modules.ts

@@ -5,12 +5,14 @@ import { getTempDir } from './utils';
 
 const VIRTUAL_PREFIX = 'virtual:css-module:';
 
-export async function resolveCssModule(
+export const resolveCssModule = async (
   id: string,
   importer: string | undefined,
   rootDir: string
-): Promise<string | null> {
-  if (!id.endsWith('.module.css') || !importer) return null;
+): Promise<string | null> => {
+  if (!id.endsWith('.module.css') || !importer) {
+    return null;
+  }
 
   const resolved = path.resolve(path.dirname(importer), id);
   const relative = path.relative(path.join(rootDir, 'src'), resolved);
@@ -19,17 +21,21 @@ export async function resolveCssModule(
     relative.replace('.module.css', '.module.json')
   );
 
-  if (!(await fs.pathExists(jsonPath))) return null;
+  if (!(await fs.pathExists(jsonPath))) {
+    return null;
+  }
 
   return VIRTUAL_PREFIX + relative;
-}
+};
 
-export async function loadCssModule(
+export const loadCssModule = async (
   id: string,
   ctx: PluginContext,
   rootDir: string
-): Promise<string | null> {
-  if (!id.startsWith(VIRTUAL_PREFIX)) return null;
+): Promise<string | null> => {
+  if (!id.startsWith(VIRTUAL_PREFIX)) {
+    return null;
+  }
 
   const relative = id.slice(VIRTUAL_PREFIX.length);
   const jsonPath = path.join(
@@ -48,7 +54,8 @@ export async function loadCssModule(
       })
       .join(',\n  ');
     return `export default {\n  ${exports}\n};`;
-  } catch (e: any) {
-    ctx.error(`Failed to load CSS module from ${jsonPath}: ${e.message}`);
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
+    ctx.error(`Failed to load CSS module from ${jsonPath}: ${msg}`);
   }
-}
+};