@payfit/unity-illustrations 2.12.3 → 2.12.4

package/README.md

@@ -5,3 +5,13 @@ This library was generated with [Nx](https://nx.dev).
 ## Running unit tests
 
 Run `nx test illustrations` to execute the unit tests via [Vitest](https://vitest.dev/).
+
+## Generating assets (pre-build)
+
+Run `yarn nx run unity-illustrations:pre-build` to regenerate illustration assets.
+
+By default, the command prints a compact summary and periodic progress updates.
+Use verbose mode to display full per-asset logs:
+
+- `yarn nx run unity-illustrations:pre-build --verbose`
+- `NX_VERBOSE_LOGGING=true yarn nx run unity-illustrations:pre-build`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-illustrations",
-  "version": "2.12.3",
+  "version": "2.12.4",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -37,7 +37,7 @@
     "@payfit/hr-app-eslint": "0.0.0-use.local",
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-themes": "2.12.3",
+    "@payfit/unity-themes": "2.12.4",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.2.13",
     "@storybook/addon-docs": "10.2.13",
@@ -56,7 +56,7 @@
     "vite": "7.1.12"
   },
   "peerDependencies": {
-    "@payfit/unity-themes": "2.12.3",
+    "@payfit/unity-themes": "2.12.4",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   }

package/src/scripts/generate-assets.ts

@@ -16,6 +16,20 @@ const srcRoot = path.resolve('./src')
 const outputDir = path.join(srcRoot, 'generated')
 const assetsOutputDir = path.join(outputDir, 'assets') // Optimized assets go here
 
+const verboseFromArg = process.argv.some(
+  arg => arg === '--verbose' || arg === '-v',
+)
+const verboseFromNx = ['1', 'true', 'yes', 'on'].includes(
+  (process.env.NX_VERBOSE_LOGGING ?? '').toLowerCase(),
+)
+const isVerbose = verboseFromArg || verboseFromNx
+
+function verboseLog(message: string) {
+  if (isVerbose) {
+    console.log(message)
+  }
+}
+
 // Utility functions
 function toPascalCase(str: string) {
   return str
@@ -172,7 +186,7 @@ async function processAsset(assetPath: string) {
     await fs.writeFile(optimizedAssetPath, optimizedContent, 'utf8')
 
     const reduction = (((sizeBefore - sizeAfter) / sizeBefore) * 100).toFixed(1)
-    console.log(
+    verboseLog(
       `📉 ${assetFile}: ${sizeBefore} → ${sizeAfter} bytes (-${reduction}%)`,
     )
   } else {
@@ -184,13 +198,13 @@ async function processAsset(assetPath: string) {
     // Extract dimensions for animated illustrations
     if (assetType.category === 'animation') {
       dimensions = await getImageDimensions(assetPath)
-      console.log(
+      verboseLog(
         `🎬 ${assetFile}: ${(sizeBefore / 1024).toFixed(2)}KB (animation ${
           dimensions.width
         }x${dimensions.height})`,
       )
     } else {
-      console.log(
+      verboseLog(
         `📦 ${assetFile}: ${(sizeBefore / 1024).toFixed(2)}KB (${
           assetType.animated ? 'animated ' : ''
         }${assetType.type})`,
@@ -214,6 +228,9 @@ async function processAsset(assetPath: string) {
 
 async function main() {
   console.log('🎨 Generating and optimizing illustration assets...')
+  if (isVerbose) {
+    console.log('🔎 Verbose mode enabled (full asset logs)')
+  }
 
   // Ensure output directories exist
   await fs.mkdir(outputDir, { recursive: true })
@@ -222,11 +239,11 @@ async function main() {
   // Generate base types file
   const baseTypesContent = generateBaseTypes()
   await fs.writeFile(path.join(outputDir, 'types.ts'), baseTypesContent, 'utf8')
-  console.log('✅ Generated base types')
+  verboseLog('✅ Generated base types')
 
   // Discover all asset files
   const assetFiles = await getAllAssetFiles(illustrationsSvgDir)
-  console.log(`🔍 Found ${assetFiles.length} assets to process...`)
+  console.log(`🔍 Found ${assetFiles.length} assets to process`)
 
   if (assetFiles.length === 0) {
     console.warn('⚠️  No assets found! Check your assets directory.')
@@ -256,15 +273,23 @@ async function main() {
       await fs.writeFile(outPath, moduleContent, 'utf8')
 
       components.push(component)
-      console.log(
+      verboseLog(
         `✅ ${component.originalFileName} → ${component.name}.ts + optimized asset`,
       )
+
+      if (!isVerbose && components.length % 25 === 0) {
+        console.log(
+          `⏳ Processed ${components.length}/${assetFiles.length} assets...`,
+        )
+      }
     } catch (error) {
-      console.log(error)
       console.error(
         `❌ Failed to process ${assetPath}:`,
         (error as Error).message,
       )
+      if (isVerbose) {
+        console.error(error)
+      }
     }
   }