Upgraded to 0.7.1 and it broke about storybook-design-token HOT 12 CLOSED

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

from storybook-design-token.

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

from storybook-design-token.

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

from storybook-design-token.

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

from storybook-design-token.

from storybook-design-token.

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?

from storybook-design-token.

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.

from storybook-design-token.

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.

from storybook-design-token.

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

from storybook-design-token.

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

/**

• @tokens Colors
• @presenter Color
  */

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

from storybook-design-token.

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

from storybook-design-token.

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

from storybook-design-token.