chayns-components/lib/utils/imageUpload.js

A set of beautiful React components for developing chayns® applications.

const IMAGE_SERVICE_API_V3_URL = 'https://cube.tobit.cloud/image-service/v3/Images';
const IMAGE_RESIZER_API_URL = 'https://cube.tobit.cloud/image-resizer-backend/api/v1.0/image';
class ImageUploadError extends Error {
  constructor(requestId, error) {
    super(error instanceof Error ? error.message : error);
    this.requestId = requestId;
    if (error instanceof Error) {
      this.originalError = error;
    }
  }
}

/**
 * Uploads an image to the tsimg cloud service.
 *
 * @export
 * @param {string | File} file A URL as a string or a `File` object that should be uploaded.
 * @param {object} options object
 * @param {string} [options.personId] A person is that should be associated with the uploaded image.
 * @param {string} [options.siteId] A site id that should be associated with the uploaded image.
 * @param {string} [options.accessToken=chayns.env.user.tobitAccessToken] The tobitAccessToken
 * @param {string} _personId A person is that should be associated with the uploaded image. (deprecated, use options instead)
 * @param {string} _siteId A site id that should be associated with the uploaded image. (deprecated, use options instead)
 * @return {Promise<object>} The response data for the image upload.
 */
export default async function imageUpload(file, options, _personId, _siteId) {
  var _chayns, _chayns$env, _chayns$env$user;
  const headers = new Headers({
    Accept: 'application/json'
  });
  let personId;
  let siteId;
  let accessToken;
  if (options && typeof options === 'object') {
    ({
      personId,
      siteId,
      accessToken
    } = options);
  } else {
    personId = _personId;
    siteId = _siteId;
  }
  if (!accessToken && typeof chayns !== 'undefined' && (_chayns = chayns) !== null && _chayns !== void 0 && (_chayns$env = _chayns.env) !== null && _chayns$env !== void 0 && (_chayns$env$user = _chayns$env.user) !== null && _chayns$env$user !== void 0 && _chayns$env$user.isAuthenticated) {
    accessToken = chayns.env.user.tobitAccessToken;
  }
  if (!personId) {
    personId = chayns.env.user.personId;
  }
  const owner = siteId || personId;
  if (accessToken) headers.set('Authorization', `bearer ${accessToken}`);

  // Build formData object.
  const body = new FormData();
  if (typeof file === 'string') {
    body.append('SourceUrl', file);
  } else {
    body.append('File', file);
  }
  let url = `${IMAGE_SERVICE_API_V3_URL}/${owner}`;
  if (typeof file !== 'string') {
    const objectURL = URL.createObjectURL(file);
    const img = new Image();
    await new Promise(resolve => {
      img.onload = () => {
        URL.revokeObjectURL(img.src);
        resolve();
      };
      img.onerror = () => {
        URL.revokeObjectURL(img.src);
        resolve();
      };
      img.src = objectURL;
    });
    if (file.size > 10 * 1024 * 1024 || file.type === 'image/avif' || img.naturalWidth > 4096 || img.naturalHeight > 4096) {
      url = `${IMAGE_RESIZER_API_URL}/${owner}`;
    }
  }
  const response = await fetch(url, {
    method: 'POST',
    body,
    headers
  });
  const requestId = response.headers.get('x-request-id');
  if (response.ok) {
    try {
      const {
        image,
        baseDomain
      } = await response.json();
      // Maps image-service-api-v3 result to v2 result.
      return {
        key: image.path,
        // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.
        base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,
        meta: {
          preview: image.preview,
          width: image.width,
          height: image.height
        }
      };
    } catch (ex) {
      throw new ImageUploadError(requestId, ex);
    }
  }
  throw new ImageUploadError(requestId, `Uploading the image failed with status code ${response.status}.`);
}
//# sourceMappingURL=imageUpload.js.map