[BUG] DOCs not right for PRODUCT API about evershop

[evershopcommerce]

Hi @el-j ,

We are working on the file storage with some change to the way of storing product images. We will update the docs soon. Thanks

[el-j]

hi, in the meantime i have written my self a little extension, that looks into the images and if they are an url, it downloads the images and puts them to the normal process. so thumbnails and everything gets created as needed.

const https = require("https");
const { createWriteStream, unlink } = require("fs");
async function download(url, dest) {
  console.log("url", url, "dest", dest);
  var file = createWriteStream(dest);
  return new Promise((resolve) =>
    https
      .get(url, function (response) {
        response.pipe(file);
        file.on("finish", function () {
          file.close(resolve()); 
        });
      })
      .on("error", function (err) {
        unlink(dest); // Delete the file async. (But we don't check the result)
      })
  );
}

and call it somewhere after the product is created. where url is the encoded url to the image:

module.exports = async (request, response, deledate, next) => {
  let gallery = get(request, "body.images", []);
  console.log("gallery", gallery);
  const catalogFodler01 = `${Math.floor(Math.random() * (9999 - 1000)) + 1000}`;
  const catalogFodler02 = `${Math.floor(Math.random() * (9999 - 1000)) + 1000}`;

  const targetPath = `catalog/${catalogFodler01}/${catalogFodler02}`;

  if (!existsSync(path.join(CONSTANTS.MEDIAPATH, "catalog"))) {
    mkdirSync(path.join(CONSTANTS.MEDIAPATH, "catalog"));
  }
  if (!existsSync(path.join(CONSTANTS.MEDIAPATH, "catalog", catalogFodler01))) {
    mkdirSync(path.join(CONSTANTS.MEDIAPATH, "catalog", catalogFodler01));
  }
  if (
    !existsSync(
      path.join(
        CONSTANTS.MEDIAPATH,
        "catalog",
        catalogFodler01,
        catalogFodler02
      )
    )
  ) {
    mkdirSync(
      path.join(
        CONSTANTS.MEDIAPATH,
        "catalog",
        catalogFodler01,
        catalogFodler02
      )
    );
  }
  // Download images to local media folder
  return await gallery.map(async (item) => {
    console.log("item", item);
    let url =
      item.indexOf(";") > -1 ? encodeURI(item.split(";")[0]) : encodeURI(item);
    let imageName = item.split("/").pop();
    if(url && url !== undefined){
    await download(url, path.join(CONSTANTS.MEDIAPATH, targetPath, imageName));
    // Wait for product saving to be completed
    const result = await deledate.createProduct;

    const productId = result.insertId;
    const connection = await deledate.getConnection;
    // eslint-disable-next-line no-useless-catch
    try {
      gallery = gallery.filter((image) => {
        let imageName = image.split("/").pop();
        const mediaPath = path.join(CONSTANTS.MEDIAPATH, targetPath, imageName);
        return imageName === image.split("/").pop() && existsSync(mediaPath);
      });

      let mygallery = [];
      gallery.forEach((image) => {
        let imageName = image.split("/").pop();
        mygallery.push(imageName);
      });
      console.log("in SAVEIMAGE mygallery", mygallery, gallery);
      if (mygallery.length > 0) {
        const mainImage = mygallery.shift();
        const mediaPath = path.join(CONSTANTS.MEDIAPATH, targetPath, mainImage);
        const ext = path.extname(
          path.resolve(CONSTANTS.MEDIAPATH, targetPath, mainImage)
        );
        // Generate thumbnail
        if (existsSync(mediaPath)) {
          await sharp(mediaPath)
            .resize(
              config.get("catalog.product.image.thumbnail.width"),
              config.get("catalog.product.image.thumbnail.height"),
              { fit: "inside" }
            )
            .toFile(mediaPath.replace(ext, `-thumb${ext}`));

          // Generate listing
          await sharp(mediaPath)
            .resize(
              config.get("catalog.product.image.listing.width"),
              config.get("catalog.product.image.listing.height"),
              { fit: "inside" }
            )
            .toFile(mediaPath.replace(ext, `-list${ext}`));

          // Generate single
          await sharp(mediaPath)
            .resize(
              config.get("catalog.product.image.single.width"),
              config.get("catalog.product.image.single.height"),
              { fit: "inside" }
            )
            .toFile(mediaPath.replace(ext, `-single${ext}`));
        }

        await update("product")
          .given({ image: `/${targetPath}/${mainImage}`})
          .where("product_id", "=", productId)
          .execute(connection); 
      }

      await Promise.all(
        mygallery.map((f) =>
          (async () => {
            const mediaPath = path.join(CONSTANTS.MEDIAPATH, targetPath, f);
            const ext = path.extname(
              path.resolve(CONSTANTS.MEDIAPATH, targetPath, f)
            );
            if (existsSync(mediaPath)) {
              // Generate thumbnail
              await sharp(mediaPath)
                .resize(
                  config.get("catalog.product.image.thumbnail.width"),
                  config.get("catalog.product.image.thumbnail.height"),
                  { fit: "inside" }
                )
                .toFile(mediaPath.replace(ext, `-thumb${ext}`));

              // Generate listing
              await sharp(mediaPath)
                .resize(
                  config.get("catalog.product.image.listing.width"),
                  config.get("catalog.product.image.listing.height"),
                  { fit: "inside" }
                )
                .toFile(mediaPath.replace(ext, `-list${ext}`));

              // Generate single
              await sharp(mediaPath)
                .resize(
                  config.get("catalog.product.image.single.width"),
                  config.get("catalog.product.image.single.height"),
                  { fit: "inside" }
                )
                .toFile(mediaPath.replace(ext, `-single${ext}`));
            }
            await insert("product_image")
              .given({ image: `/${targetPath}/${f}` })
              .prime("product_image_product_id", productId)
              .execute(connection);
          })()
        )
      );
    } catch (e) {
      // TODO: Log an error here
      throw e;
    }
  }
    next();
  });
};

maybe it helps :)