Function writeAndroidAssets

src/extras/utils.ts:437–509

({
  androidOutputPath,
  props,
}: {
  androidOutputPath: string;
  props: Props;
})

export type Props = Awaited<ReturnType<typeof transformProps>>;

export const writeAndroidAssets = async ({
  androidOutputPath,
  props,
}: {
  androidOutputPath: string;
  props: Props;
}) => {
  const { logo, logoSizeExceeded } = props;

  log.title("🤖", "Android");
  hfs.ensureDir(androidOutputPath);

  if (logoSizeExceeded) {
    return log.warn(
      "Logo exceeds 192x192dp and will be cropped by Android. Skipping its generation.",
    );
  }

  if (logo.width > 134 || logo.height > 134) {
    log.warn("Logo exceeds 134x134dp. It might be cropped by Android.");
  }

  await Promise.all(
    [
      { ratio: 1, suffix: "mdpi" },
      { ratio: 1.5, suffix: "hdpi" },
      { ratio: 2, suffix: "xhdpi" },
      { ratio: 3, suffix: "xxhdpi" },
      { ratio: 4, suffix: "xxxhdpi" },
    ].map(({ ratio, suffix }) => {
      const drawableDirPath = path.resolve(
        androidOutputPath,
        `drawable-${suffix}`,
      );

      hfs.ensureDir(drawableDirPath);

      // https://developer.android.com/develop/ui/views/launch/splash-screen#dimensions
      const canvasSize = 288 * ratio;

      // https://sharp.pixelplumbing.com/api-constructor
      const canvas = sharp({
        create: {
          width: canvasSize,
          height: canvasSize,
          channels: 4,
          background: {
            r: 255,
            g: 255,
            b: 255,
            alpha: 0,
          },
        },
      });

      const filePath = path.resolve(drawableDirPath, "bootsplash_logo.png");

      return logo.image