feat: Preserve original format of images, change interpolation kernel

Closes #349

server/db/migrations/20221003140000_@.js

@@ -0,0 +1,4 @@
+/* Move to new naming by feature */
+
+module.exports.up = () => Promise.resolve();
+module.exports.down = () => Promise.resolve();

server/db/migrations/20221223131625_preserve_original_format_of_images.js

@@ -0,0 +1,111 @@
+const path = require('path');
+const rimraf = require('rimraf');
+const sharp = require('sharp');
+
+const getConfig = require('../../get-config');
+
+const migrateImage = async (knex, tableName, fieldName, prevFieldName) => {
+  await knex.schema.table(tableName, (table) => {
+    /* Columns */
+
+    table.jsonb(fieldName);
+  });
+
+  await knex(tableName)
+    .update({
+      [fieldName]: knex.raw('format(\'{"dirname":"%s","extension":"jpg"}\', ??)::jsonb', [
+        prevFieldName,
+      ]),
+    })
+    .whereNotNull(prevFieldName);
+
+  await knex.schema.table(tableName, (table) => {
+    table.dropColumn(prevFieldName);
+  });
+};
+
+const rollbackImage = async (knex, tableName, fieldName, prevFieldName) => {
+  await knex.schema.table(tableName, (table) => {
+    /* Columns */
+
+    table.text(prevFieldName);
+  });
+
+  await knex(tableName)
+    .update({
+      [prevFieldName]: knex.raw("??->>'dirname'", [fieldName]),
+    })
+    .whereNotNull(fieldName);
+
+  await knex.schema.table(tableName, (table) => {
+    table.dropColumn(fieldName);
+  });
+};
+
+module.exports.up = async (knex) => {
+  await migrateImage(knex, 'user_account', 'avatar', 'avatar_dirname');
+  await migrateImage(knex, 'project', 'background_image', 'background_image_dirname');
+
+  const config = await getConfig();
+  const attachments = await knex('attachment').whereNotNull('image');
+
+  // eslint-disable-next-line no-restricted-syntax
+  for (attachment of attachments) {
+    const rootPath = path.join(config.custom.attachmentsPath, attachment.dirname);
+    const thumbnailsPath = path.join(rootPath, 'thumbnails');
+
+    const image = sharp(path.join(rootPath, attachment.filename), {
+      animated: true,
+    });
+
+    let metadata;
+    try {
+      metadata = await image.metadata(); // eslint-disable-line no-await-in-loop
+    } catch (error) {
+      continue; // eslint-disable-line no-continue
+    }
+
+    const extension = metadata.format === 'jpeg' ? 'jpg' : metadata.format;
+
+    try {
+      // eslint-disable-next-line no-await-in-loop
+      await image
+        .resize(256, metadata.height > metadata.width ? 320 : undefined, {
+          kernel: sharp.kernel.nearest,
+        })
+        .toFile(path.join(thumbnailsPath, `cover-256.${extension}`));
+    } catch (error) {
+      continue; // eslint-disable-line no-continue
+    }
+
+    if (extension !== 'jpg') {
+      try {
+        rimraf.sync(path.join(thumbnailsPath, 'cover-256.jpg'));
+      } catch (error) {
+        console.warn(error.stack); // eslint-disable-line no-console
+      }
+    }
+
+    // eslint-disable-next-line no-await-in-loop
+    await knex('attachment')
+      .update({
+        image: {
+          width: metadata.width,
+          height: metadata.pageHeight || metadata.height,
+          thumbnailsExtension: extension,
+        },
+      })
+      .where('id', attachment.id);
+  }
+};
+
+module.exports.down = async (knex) => {
+  await rollbackImage(knex, 'user_account', 'avatar', 'avatar_dirname');
+  await rollbackImage(knex, 'project', 'background_image', 'background_image_dirname');
+
+  return knex('attachment')
+    .update({
+      image: knex.raw("?? - 'thumbnailsExtension'", ['image']),
+    })
+    .whereNotNull('image');
+};