Matching multiple with single case

[OliverJAsh]

Currently one has to duplicate cases:

export const getGridCountForDevice = Device.match({
  Phone: () => GridCount.Two({}),
  Tablet: () => GridCount.Two({}),
  Desktop: () => GridCount.Three({}),
});

Or use defaults:

export const getGridCountForDevice = Device.match({
  Desktop: () => GridCount.Three({}),
}, () => GridCount.Two({}));

It would be fantastic if unionize had a way of pattern matching multiple tags with a single case:

export const getGridCountForDevice = Device.match([
  [['Tablet', 'Phone'], () => GridCount.Two({})],
  ['Desktop', () => GridCount.Three({})],
]);

Although I imagine this would complicate the behind-the-scenes types of match quite drastically.

[pelotom]

It’s an interesting idea, I like it!

[mischkl]

This is something that's missing when using unionize for reducers as oppose to switch/case. e.g.

  switch (action.type) {
    case 'Tablet':
    case 'Phone': {
        return GridCount.Two({});
    }
    case 'Desktop':
        return GridCount.Three({});
}

I suppose the same thing could be achieved using match by declaring the callback externally, e.g.

export const getGridCountForDevice = Device.match({
  Phone: getGridCountTwo,
  Tablet: getGridCountTwo,
  Desktop: () => GridCount.Three({}),
});

function getGridCountTwo() {
  return GridCount.Two({});
}

though that makes it less explicit that multiple tags are being matched to the same function. So the syntax suggested by @OliverJAsh definitely has that benefit.