File separators in viewport keys are treated as file separators in the filesystem

reg-viz / storycap

A Storybook Addon, Save the screenshot image of your stories :camera: via puppeteer.

https://www.npmjs.com/package/storycap

MIT License

701 stars 89 forks source link

File separators in viewport keys are treated as file separators in the filesystem #836

Open oliveryasuna opened 7 months ago

oliveryasuna commented 7 months ago

'iPhone X / iPhone XS / iPhone 11 Pro / iPhone 12 Mini / iPhone 13 Mini': {
  width: 375,
  height: 812,
  deviceScaleFactor: 3,
  isMobile: true,
  hasTouch: true
}

This creates the folder structure: {STORY_NAME}_iPhone X/iPhone XS/iPhone 11 Pro/iPhone 12 Mini/iPhone 13 Mini.png.

As a workaround, I used | instead of /.