chore: 🔊 improve logging

Author: alexanderniebuhr

src/index.ts

@@ -4,6 +4,8 @@ import { createGenerator } from '@unocss/core'
 import UnocssIcons from '@unocss/preset-icons'
 import windicssPreset from '@unocss/preset-wind'
 import { parse as CSSParser, walk as CSSWalker } from 'css-tree'
+import fg from 'fast-glob'
+import { readFileSync } from 'fs'
 import MagicString from 'magic-string'
 import { bgRed, white } from 'nanocolors'
 import { parse, preprocess } from 'svelte/compiler'
@@ -12,9 +14,7 @@ import type {
   Processed,
 } from 'svelte/types/compiler/preprocess'
 import { loadConfig } from 'unconfig'
-import { FileHandler, SetObject } from './utils'
-import fg from 'fast-glob'
-import { readFileSync } from 'fs'
+import { FileHandler } from './utils'
 
 export interface BaseConfig {
   silent?: boolean

src/utils.ts

@@ -1,13 +1,5 @@
 import { parse } from 'svelte/compiler'
 
-export interface SetObject {
-  inlineClasses: Set<string>
-  inlineDirectives: Set<string>
-  inlineExpressions: Set<string>
-  inlineIcons: Set<string>
-  inlineAttributify: Map<string, Set<string>>
-}
-
 export class FileHandler {
   private content: string
   utilities: string[] = []
@@ -20,15 +12,15 @@ export class FileHandler {
   }
 
   public clean(): this {
-    console.log('CLEAN')
+    console.log('FILE-STEP: CLEAN')
     // find a way around this
     this.content = this.content.replace(/<!--[\s\S]*?-->/g, '')
 
     return this
   }
 
   public prepare(): this {
-    console.log('PREPARE')
+    console.log('FILE-STEP: PREPARE')
     this.content = this.content.replace(
       /([!\w][\w:_/-]*?):\(([\w\s/-]*?)\)/gm,
       (_, groupOne: string, groupTwo: string) =>
@@ -67,7 +59,7 @@ export class FileHandler {
   }
 
   public scan(): this {
-    console.log('SCAN')
+    console.log('FILE-STEP: SCAN')
 
     const CLASSATTRIBUTE_MATCHES = [
       ...this.content.matchAll(/class=(['"`])(?<utilities>[^\1]+?)\1/gi),
@@ -174,7 +166,7 @@ export class FileHandler {
   // }
 
   public getStyles() {
-    console.log('GET')
+    console.log('FILE-STEP: STYLES')
 
     const styles = {
       data: {