Upgraded to 0.7.1 and it broke

[hermanc-fda]

ERROR in /xxx/node_modules/storybook-design-token/dist/components/TokenOverview.js
Module not found: Error: [CaseSensitivePathsPlugin] /xxx/node_modules/storybook-design-token/dist/components/presenter/TokenPresenter.js does not match the corresponding path on disk Presenter.
@ /xxx/node_modules/storybook-design-token/dist/components/TokenOverview.js 15:23-60

And a few other similar errors. I'm going to downgrade back to 0.5.1 now.

[Sqrrl]

Hey, I renamed some stuff recently. Looks like a case sensitivity problem with the repo and git. What OS are you using?

[Sqrrl]

Just released v0.7.2 that should fix the issue. Would be great if you could verify. Sorry for the hassle.

[hermanc-fda]

No prob, lemme try now. Mac OS Catalina. No need to apologize - I paid you nothing for it :)

[hermanc-fda]

hmmm same problem; also get a similar error (I got this error before too):

ERROR in /xxx/node_modules/storybook-design-token/dist/components/HardCodedValuesTable.js
Module not found: Error: [CaseSensitivePathsPlugin] /xxx/node_modules/storybook-design-token/dist/components/primitives/Card.js does not match the corresponding path on disk Primitives.
@ /xxx/node_modules/storybook-design-token/dist/components/HardCodedValuesTable.js 4:13-41

ERROR in /xxx/node_modules/storybook-design-token/dist/components/TokenOverview.js
Module not found: Error: [CaseSensitivePathsPlugin] /xxx/node_modules/storybook-design-token/dist/components/primitives/Card.js does not match the corresponding path on disk Primitives.
@ /xxx/node_modules/storybook-design-token/dist/components/TokenOverview.js 16:13-41

ERROR in /xxx/node_modules/storybook-design-token/dist/components/HardCodedValuesTable.js
Module not found: Error: [CaseSensitivePathsPlugin] /xxx/node_modules/storybook-design-token/dist/components/primitives/Collapsible.js does not match the corresponding path on disk Primitives.
@ /xxx/node_modules/storybook-design-token/dist/components/HardCodedValuesTable.js 5:20-55

ERROR in /xxx/node_modules/storybook-design-token/dist/components/TokenOverview.js
Module not found: Error: [CaseSensitivePathsPlugin] /xxx/node_modules/storybook-design-token/dist/components/primitives/Collapsible.js does not match the corresponding path on disk Primitives.
@ /xxx/node_modules/storybook-design-token/dist/components/TokenOverview.js 17:20-55

and a few more

[hermanc-fda]

[Sqrrl]

This is strange. The case sensitivity issue with directories primitives and presenter should be fixed. Could you delete your node_modules and make a clean install? Inside node_modules/storybook-design-token/dist/components: Do you see the folders primitives and presenter or Primitives and Presenter?

[hermanc-fda]

Looks like the compile error is gone - thanks. I'm also getting this: any ideas?

I followed the trace and got here:

And my .scss file exists and has the proper annotations (it was working fine before).

I'm wondering if it has anything to do with the typeof css !== string condition, since css was, for whatever reason, undefined? !css is part of the else condition, so maybe that guard needs to be updated? Though I'm still unsure why the contents are undefined because the file exists.

[hermanc-fda]

If it helps, here is my preview.js:

`import { addParameters } from "@storybook/react";

const scssReq = require.context("!!raw-loader!../shared", true, /..scss$/);
const scssTokenFiles = scssReq
.keys()
.map(filename => ({ filename, content: scssReq(filename).default }));

addParameters({
options: {
showRoots: true
},
designToken: {
files: {
scss: scssTokenFiles
}
}
});
`

and my scss file is in the shared folder and it's valid.

[Sqrrl]

Could you post the content of your __design-tokens.scss?

[hermanc-fda]

I cut it down to this and it's still throwing the error:

/**

• @tokens Colors
• @presenter Color
  */

$color-base-accents-blue: #0033a1;

[Sqrrl]

Sorry, still cannot reproduce. Could you provide a reproduction repo? Are you using a custom webpack config? Maybe something is interfering with the loader.

[Sqrrl]

@hermanc-fda I'm closing this for now. Please re-open if you think it's still broken.