Generate webmanifest images about astro-imagetools HOT 6 CLOSED

Ah cool! I tried this some days ago, back than it was only working with the node server running. I will check it out with the newest beta build. I also checked the release notes but did not found any hint that this will work.

from astro-imagetools.

could you generate it as an astro file and copy as manifest on your build command? a bit of a hack but...

from astro-imagetools.

@franzwilding there's actually a way to do this. Create a manifest.webmanifest.js file inside the src/pages directory and paste the following code:

import Icon48 from "../assets/logo.png?w=72&format=png";
import Icon72 from "../assets/logo.png?w=72&format=png";
import Icon96 from "../assets/logo.png?w=96&format=png";
import Icon144 from "../assets/logo.png?w=144&format=png";
import Icon168 from "../assets/logo.png?w=168&format=png";
import Icon192 from "../assets/logo.png?w=192&format=png";

const manifest = {
  icons: [
    {
      src: Icon48,
      sizes: "48x48",
      type: "image/png",
    },
    {
      src: Icon72,
      sizes: "72x72",
      type: "image/png",
    },
    {
      src: Icon96,
      sizes: "96x96",
      type: "image/png",
    },
    {
      src: Icon144,
      sizes: "144x144",
      type: "image/png",
    },
    {
      src: Icon168,
      sizes: "168x168",
      type: "image/png",
    },
    {
      src: Icon192,
      sizes: "192x192",
      type: "image/png",
    },
  ],
};

export async function get() {
  return {
    body: JSON.stringify(manifest),
  };
}

from astro-imagetools.

Thanks @RafidMuhymin, however I think this would render and return webmanifest live using the node server. I'm trying to find a similar solution, but during build time.

from astro-imagetools.

@franzwilding this works in build too. Astro supports this feature since v0.23. The problem is this feature is not documented very well. https://docs.astro.build/en/core-concepts/astro-pages/#non-html-pages

from astro-imagetools.

@franzwilding closing this issue now. Feel free to comment on this issue or ask in the Discord channel if you are facing any kind of problems related to Astro.

from astro-imagetools.