Feature/support other devices idiom

[yyjim]

Description

Support export image with ~idiom suffix for #36

Changes

• Added scale and idiom to Image type

• Added images case to ImagePack

• Update ImagesLoader loadPNGImages function.

  1. Load all different scale images.
  2. Group images by parsing filename into name and idiom.

  3. literate the group result keys and covert into Image and pack all images into a ImagePack

      # Step ii data conversion:
     
      # imagesDict
      {  
         "610:188": "img/onboarding_bg"
         "610:212": "img/onboarding_bg~ipad" 
      }
     
      # namedComponentsDict 
     {
         "img/onboarding_bg": {
             "": "610:188's component",
             "ipad": "610:212's component"
         }
     }

• Select valid images for exporting. The asset catalog support different idiom types, but each type only support certain scale value.

  

[yyjim]

I added scale property to Image, so I'm thinking if ImagePack still need these singleScale, individualScales cases.

[subdan]

I will do code review on the weekend.

[subdan]

What do you want to use idioms for? You can export illustration as PDF file and stretch it on iPadOS.

[yyjim]

We want to use idiom suffix to export different images with same asset name. I'll provide an example.

All issues are solved, please review it again.

Thanks

[subdan]

One more thing... Could you please add information about idioms to the README? Design requirements / For figma-export images

[lichin-lin]

@subdan I've add explanation for the idiom usage, please help check if there's anything still not clear :)

[lichin-lin]

Just update it, please check them again, thanks!

[lichin-lin]

fixed them 👍