Git Product home page Git Product logo

sfcc-images-cleaner's Introduction

sfcc-images-cleaner

SFCC image cleaner to remove the unused images and also optimize the ones that are still being used.

It helps to improve the speed of the site import/export as it's usually main cause of slowness.

It also gives a text report with the following information:

  • Total images referenced in the XML
  • Total images in the image folder
  • Total images that were copied
  • Total images that were not copied because they are not used
  • Total images in XML not found in the folder
  • Total size of the optimized image folder

Install the package

npm install -g sfcc-images-cleaner

Run the cleaner

A Command-line Interface is available and can be used as the example below:

source-catalog-folder: relative path of the catalog folder where the images are.

output-folder: relative path of the folder where you want to have the cleaned folder.

sfcc-images-cleaner <source-catalog-folder> <output-folder>
sfcc-images-cleaner ../default-catalog/ ../default-clean-catalog --file=catalog.xml

Options

file (required)

This option is mandatory and needs to be filled. It is the XML file where you want to map with your catalog image folder.

type (optional) - default: catalog

2 types of cleaning exists:

  • catalog
  • library

Type: catalog

In case the catalog type is chosen, you must be passing the catalog.xml as file value This will search for all images that can be found in the images attributes

sfcc-images-cleaner <source-catalog-folder> <output-folder> --file=catalog.xml-

Type: library

Library can be very complex as it contains various types of custom attributes and values. It will parse all the content and find any image path. The regexp is defined in sfcc.config.js and can be adapted to your own need.

This will mostly check the images within content that has the online-flag set to true and skip the others.

sfcc-images-cleaner <source-catalog-folder> <output-folder> --file=library.xml --type=library

optimize (optional)

Output an image optimised version of the cleaned folder.

optim

Optim option can be passed to enable the feature. Be aware that can take time depending on the number of images you have

sfcc-images-cleaner ../default-catalog/ ../default-clean-catalog --file=catalog.xml --optim

quality

Quality can be defined from a range 0 (worst) to 100 (perfect).

By default, if nothing is passed the value 60 is taken. The option can work only if optim options is set

sfcc-images-cleaner ../default-catalog/ ../default-clean-catalog --file=catalog.xml --optim --quality=80

Export (optional)

You can export the results into a worksheet. You can define the format yourself but by default it is CSV if you forget the extension.

The file is created in the output folder

sfcc-images-cleaner ../default-catalog/ ../default-clean-catalog --file=catalog.xml --export=myFile

CSV

sfcc-images-cleaner ../default-catalog/ ../default-clean-catalog --file=catalog.xml --export=myFile.csv

XLSX

sfcc-images-cleaner ../default-catalog/ ../default-clean-catalog --file=catalog.xml --export=myFile.xlsx

sfcc-images-cleaner's People

Contributors

ciprianistrate avatar cxq avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

sfcc-images-cleaner's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.