wcarl-aet-oss/app/constants.mjs

wcarl aet oss

/**
 * We use mjs extension as constants in this file is shared with the build script
 * and we use `node --eval` to extract the constants.
 */
export const assetBaseUrl = "/assets/";
export const imageBaseUrl = "/assets/";

/**
 * @type {import("@webstudio-is/image").ImageLoader}
 */
export const imageLoader = (props) => {
  if (process.env.NODE_ENV !== "production") {
    return imageBaseUrl + props.src;
  }

  if (props.format === "raw") {
    return imageBaseUrl + props.src;
  }

  // https://vercel.com/blog/build-your-own-web-framework#automatic-image-optimization
  return (
    "/_vercel/image?url=" +
    encodeURIComponent(imageBaseUrl + props.src) +
    "&w=" +
    props.width +
    "&q=" +
    props.quality
  );
};