Feedback requested: Capacitor Assets Use Cases

[mlynch]

Hi everyone,

I am going to be working on getting the Capacitor Assets (formerly cordova-res) tool updated and modernized, to enable developers to more efficiently manage their app icon/splash assets.

I would love to hear what you hope to get out of this tool or how you were using the cordova-res project.

A few goals that we have for the new version of this project:

• [x] Move to focusing exclusively on Capacitor to simplify and focus the project (thus, dropping Cordova support)
• [x] Better enable whitelable use cases to make it much easier to swap images and assets out instead of simply generating new ones
• [x] Integrate with the new @capacitor/configure and @capacitor/project tools to go beyond asset generation to actually configuring and managing your native Capacitor projects with the appropriate assets
• [x] Be easily incorporated into a cloud build workflow, such as Ionic Appflow for managing assets in a CI/CD pipeline
• [ ] Support custom icons for notifications/etc.
• [x] Add support for PWA manifests and PWA assets
• [x] Support dark mode splashes/icons
• [x] Add support for new image formats, like SVG
• [x] Better support for Android Adaptive icons

With this in mind, I'd love feedback and thoughts on the use cases you have for image/asset generation and ideas on how we can make this tool more useful for you.

[mlynch]

@AE1NS any chance you have screenshots and/or a reproduction I can take a look at?

[mlynch]

1.0.0-next.6 is out which brings in #333 to fix the iOS 512@2x issue

[AE1NS]

Unfortunately I do not have the time now for this.

Generally this would be my wishes for an assets plugin:

• Input
  • SVG logo as dark and light version
  • SVG rules
    • Content does not have any padding
    • Viewbox size = content size
    • Resolution does not matter, because its a vector file and can be resized for each case without quality lose.
• Script attributes
  • light and dark background-color
  • scaling/resolution/whatever parameter for logo size for splash screen generation
  • limit generation to logo/splash only
• Android output
  • Splash (drawable)
    • drawable + drawable-night (svg converted to xml for backwards compatibility)
    • drawable-v31 + drawable-night-v31 (svg converted to avd format for new splashscreen api)
  • App logo (mipmap)
    • auto generated files from svg input for default icon and adaptive icon
• iOS output
  • Splash
    • correct set up launchboard with splash for dark and light
  • App icon
    • Generated with all needed sizes by iOS (see @marcjulian post)

[sandstrom]

@mlynch Is there any documentation on how to use SVG as the source?

The README only mentions JPEG and PNG.