v0.4.0-alpha.1

Accumulated Migration Guide on Breaking Changes

Workbox v6

Check out workbox release page

Using gridsome ImageProcessQueue for image processing

Previously, to serve manifeset and icon in development, icon resizing is implemented by manual sharp in a webpack plugin, which means resizing images on every hot reload. Though fast, it is completely redundant. Although we can configure dev server to resize on the fly, there is still a lot of work.

Using gridsome ImageProcessQueue solved this. And we get rid of sharp as peer dependency. However, there are some tradeoffs:

• cannot set image output name (removed name field in icon config), as gridsome not provide the api
• icons larger than original one is not auto generated.

Option to generate separate maskable icon (#28)

Previously, we control whether icon is "maskable any" or "any" by maskable boolean option:

• When maskable is false, the icons are generated with purpose 'any'
• When maskable is true, the icons are generated with purpose 'maskable any'

{
  androidChrome: {
    src,
    sizes: [512, 384, 192, 144, 96, 72, 48],
    maskable: false,
  },
  // ...
}

This prevents us from generating one set of "maskable" icon and another "any", which is a better practice.

Starting from v0.4.0-alpha.1, You can specify a list of icons for androidChrome:

{
  androidChrome: [
    {
      src: './src/favicon-maskable.png',
      sizes: [512, 384, 192],
      purpose: 'maskable'
    },
    {
      sizes: [144],
      purpose: 'any'
    },
    {
      urls: [
        '/gridsome/assets/static/favicon.7b22250.9bb7ffafafc09ac851d81afb65b8ef59.png'
      ],
      sizes: [180]
    }
  ]
}

---

Features

• use gridsome image processing (Allan Chain)
• support different source for maskable & any (Allan Chain)

Documentation

• simple fix (Allan Chain)

Tests

• (try fix with) dynamic icon get (Allan Chain)
• puppeteer and lighthouse (Allan Chain)
• fix coverage and useTrueBuild (Allan Chain)
• fix icon size (Allan Chain)

Chores

• example: fix sw registration (Allan Chain)
• fix compileSW comment (Allan Chain)
• example: fix sw registration (Allan Chain)
• remove core-js (Allan Chain)
• release: v0.4.0-alpha.1 (Allan Chain)

Commits

• [2fa2298]: Merge branch 'feat/gridsome-image' into 0.4.0 (Allan Chain)