@omega.js/extension 0.1.0

package/dist/gulp/tasks/icons.js

@@ -0,0 +1,126 @@
+// Libraries
+const Manager = new (require('../../build.js'));
+const logger = Manager.logger('icons');
+const watcherLogger = Manager.logger('icons:watcher');
+const { src, dest, watch, series } = require('gulp');
+const glob = require('glob').globSync;
+const responsive = require('gulp-responsive-modern');
+
+// Load package
+const package = Manager.getPackage('main');
+const project = Manager.getPackage('project');
+const config = Manager.getConfig('project');
+const rootPathPackage = Manager.getRootPath('main');
+const rootPathProject = Manager.getRootPath('project');
+
+// Glob
+const input = [
+  // Files to include
+  'config/icon.{png,svg}',
+
+  // Files to exclude
+  // '!dist/**',
+];
+const output = 'dist/assets/images/icons';
+const delay = 250;
+
+// Main task
+function icons(complete) {
+  // Define sizes
+  const sizes = [1024, 512, 256, 128, 64, 48, 32, 24, 16];
+
+  // Log
+  logger.log('Starting...');
+
+  // Use glob to get file count for matching files
+  const files = glob(input);
+
+  // If there's no files, complete
+  if (files.length === 0) {
+    // Log
+    logger.log('Found 0 images to process');
+
+    // Complete
+    return complete();
+  }
+
+  // Log
+  logger.log(`Found ${files.length} images to process`, files);
+
+  // Filter out files that already exist in the destination
+  // const filesToProcess = files.filter(file => {
+  //   const fileName = path.basename(file);
+  //   const destFile = path.join(output, fileName);
+  //   return !jetpack.exists(destFile);
+  // });
+
+  // If there's no files to process, complete
+  // if (filesToProcess.length === 0) {
+  //   // Log
+  //   logger.log('No new images to process');
+
+  //   // Complete
+  //   return complete();
+  // }
+
+  // Log
+  // logger.log(`Processing ${filesToProcess.length} images`, filesToProcess);
+
+  // Process images: resize and convert to webp
+  // encoding: false — gulp 5 decodes as UTF-8 by default, which corrupts binary
+  // buffers before sharp reads them (same guard distribute.js uses)
+  return src(files, { encoding: false })
+    .pipe(
+      responsive({
+        '**/*.{jpg,jpeg,png,svg}': [
+          // Generate configurations dynamically
+          ...sizes.map((size) => ({
+            width: size,
+            rename: { suffix: `-${size}x`, extname: '.png' },
+          })),
+          // Original size in original format
+          {
+            rename: { suffix: '', extname: '.png' },
+          },
+        ]
+      }, {
+        quality: 100,
+        progressive: true,
+        withMetadata: false,
+        withoutEnlargement: false,
+        skipOnEnlargement: false,
+      })
+    )
+    .pipe(dest(output, { encoding: false }))
+    .on('end', () => {
+      // Log
+      logger.log('Finished!');
+
+      // Complete
+      return complete();
+    });
+}
+
+// Watcher task
+function iconsWatcher(complete) {
+  // Quit if in build mode
+  if (Manager.isBuildMode()) {
+    watcherLogger.log('Skipping watcher in build mode');
+    return complete();
+  }
+
+  // Log
+  watcherLogger.log('Watching for changes...');
+
+  // Watch for changes
+  watch(input, { delay: delay, dot: true }, icons)
+  .on('change', function(path) {
+    watcherLogger.log(`File ${path} was changed`);
+  });
+
+  // Complete
+  return complete();
+}
+
+// Default Task
+module.exports = series(icons, iconsWatcher);