Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Mar 23 2018 05:16
    ZxBing0066 opened #887
  • Mar 22 2018 21:22
    sapegin closed #886
  • Mar 22 2018 16:17
    sapegin labeled #886
  • Mar 22 2018 16:17
    sapegin labeled #886
  • Mar 22 2018 14:36
    stefanheine opened #886
  • Mar 22 2018 11:24
    sapegin labeled #826
  • Mar 22 2018 11:24
    sapegin closed #867
  • Mar 22 2018 11:23
    sapegin closed #883
  • Mar 22 2018 10:34
    sapegin closed #885
  • Mar 22 2018 09:49
    sapegin closed #881
  • Mar 22 2018 09:44
    RusinovAnton opened #885
  • Mar 22 2018 09:32
    sapegin closed #882
  • Mar 22 2018 09:32
    sapegin milestoned #883
  • Mar 22 2018 09:31
    sapegin labeled #883
  • Mar 22 2018 09:31
    sapegin labeled #884
  • Mar 22 2018 08:15
    sapegin edited #195
  • Mar 21 2018 22:56
    jsphstls opened #884
  • Mar 21 2018 20:14
    denchen edited #883
  • Mar 21 2018 20:13
    denchen opened #883
  • Mar 21 2018 18:08
    sapegin milestoned #868
JuanCarlosJr97
@juancarlosjr97
Hi guys, some one could help with CSS?
Andy Cook
@andycook71_twitter
Hi, I am rendering my styleguide with one page per section (pagePerSection: true) but the default page of the styleguide shows all the components on one long page. Is there a way to have a custom page (eg index.md) as the default page?
Andy Cook
@andycook71_twitter
I was able to achieve the default page by introducing sections, and having the first section with just a markup file, no components
Maciej Stankiewicz
@tawez
Is there a way to change the env passed to webpack? Now it is set to "development". I'd like to have something like --env.styleguide
Joonas Kallunki
@J-Kallunki
Hi! I did not get pagePerSection to work with sections: [{components: () => ...}] so I made a codesandbox example that shows the problem, is it a bug or something in the API design or just do not understand? https://github.com/styleguidist/react-styleguidist/issues/1145#issuecomment-487824219
Joonas Kallunki
@J-Kallunki
Hey! I'm using React-axe to validate accessibility of the components I create with Styleguidist. But Styleguidist has accessibility errors so it makes the validating a bit harder - I created a PR to fix those errors: styleguidist/react-styleguidist#1359
After if we get the PR through I could make a simple example and/or post how to use Styleguidist to develop accessibility validated components :)
Dominic
@NoobSkywalker_gitlab
hey guys i am having issues during parsing of my modules:

`Module parse failed: Unexpected token (5:7)
You may need an appropriate loader to handle this file type.
| import IconSVG, { Props as IconSVGProps } from './IconSVG';
|

export type Props = IconSVGProps & {`

Daniel K.
@FredyC
hi, does anyone knows why a file with React hook needs to have TSX extension to be considered a "component"? when I tried with TS extension it did not bother with loading it
Jason Dunn
@stillstate_twitter
My example React component is <SimpleButton />, which merely renders a <button>. My styleguidist markdown is basically the pizza example with no props. It's about as simple as a create-react-app can be. styleguidist in browser is giving me: SyntaxError: Unexpected token (1:6)
1 : <React.Fragment><SimpleButton /></React.Fragment>;
I've checked the issues (open and closed) and it seems like there are similar but not the same problems. Have tried blowing away node_modules, updating all my packages, etc. Am unclear as to how to proceed on debugging "why is React.Fragment a problem here?"
Jason Dunn
@stillstate_twitter
Well, starting with a completely new project, RSG works as advertised. So this is something I'm doing wrong. Sorry for the noise here.
Peter Lyons
@focusaurus
Anyone know what's up with this error message? serverPort config option should be number, received number.
@focusaurus I'm fine with the default value of 6060 for serverPort and don't have it in my styleguide.config.js
@focusaurus Ah I have a theory now...
Vicenzo Naves
@vinchbr
Hello
Trying to implement this wonderful tool at my job
but for the life of me I can't make the props appear on the page
dysticus
@dysticus
@vinchbr Please provide at least a repo, there could be numerous of reasons
Vicenzo Naves
@vinchbr
espern
@espern

Hi everybody. I'm having issues when trying to run styleguidist on my React project (created with create-react-app)
After running npx styleguidist server, when I go to http://localhost:6060/ nothing appears on the page, and I have an error in the console :


Uncaught Error: react-modal: No elements were found for selector #root.
at assertNodeList (ariaAppHider.js:30)
at Object.setElement (ariaAppHider.js:39)
at Function.setAppElement (Modal.js:247)
at Module../src/components/address/UserDetail.jsx (UserDetail.jsx:19)
at webpack_require (bootstrap:786)
at fn (bootstrap:149)
at Object../node_modules/react-styleguidist/lib/loaders/styleguide-loader.js!./node_modules/react-styleguidist/lib/client/index.js (index.js?3b40:52)
at webpack_require (bootstrap:786)
at fn (bootstrap:149)
at render (index.js:37)


I have forgotten some setup ?
Thanks a lot

dysticus
@dysticus
@espern looks to me like a error in one of your components instead of RSG
ShaggyKris
@ShaggyKris
Hi there, would anyone be able to help me get Styleguidist working with Meteor?
Using a combo of Meteor+React
Ali Ahsan
@aliahsan07
does anyone understand how styleguidist reports error ? does it do through stderr ?
Zeljko Marinkovic
@zeljkomarinkovic
need some help, cannot find solution neither on styleguidist github, nor react-docgen
 Warning: Cannot parse src\components\Article.js: Error: Plugin/Preset files are not allowed to export objects, only functions. In C:\github\react-article-module\node_modules\babel-preset-stage-1\lib\index.js

It usually means that react-docgen does not understand your source code, try to file an issue here:
https://github.com/reactjs/react-docgen/issues
KesselRun-xyz
@KesselRun-xyz

Any idea what might be causing this? I'm trying to follow https://github.com/styleguidist/react-styleguidist/blob/master/.github/Contributing.md

And running npm run test:watch gives me an error:

jest-haste-map: duplicate manual mock found: build
The following files share their name; please delete one of them:

* <rootDir>/lib/scripts/__mocks__/build.js
* <rootDir>/src/scripts/__mocks__/build.js

jest-haste-map: duplicate manual mock found: server
The following files share their name; please delete one of them:

* <rootDir>/lib/scripts/__mocks__/server.js
* <rootDir>/src/scripts/__mocks__/server.js

2019-07-24 10:53 node[34022] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-22)
2019-07-24 10:53 node[34022] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-22)
2019-07-24 10:53 node[34022] (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-22)
Error: EMFILE: too many open files, watch
at FSEvent.FSWatcher._handle.onchange (internal/fs/watchers.js:123:28)

sureshsevarthi
@sureshsevarthi
hi , how can use routing in styleguide, Ex : localhost://6060/docs
can some body help me.
Diogo Esteves
@EstevesDiogo
i just run the comands and i don't see anything in side the components
i nned to add manualy the components on the docs?
Mathieu Marques
@angrybacon
Hello, how can I use theme variables from within the configuration file like the documentation suggests? https://react-styleguidist.js.org/docs/cookbook.html#how-to-change-styles-of-a-style-guide
(specifically space which is exported from src/client/styles/theme.js)
Mathieu Marques
@angrybacon
Second question, how could I use propsParser option to ignore all classes props without having to manually specify @ignore? Those props come from my own withStyles implementation and shouldn't appear in the documentation
Ghost
@ghost~5d4c8393d73408ce4fc809b4
How do I override the style guide name without having to change the name in package.json. I tried displayName property but it does not work.
Tim K.
@TimboKZ
Hello, is there anyone here familiar with the Styleguidist code base?
I have a question regarding the examples loader and code playground, want to make a PR to support markdown hot loading
FateRiddle
@FateRiddle
Hi, guys, I find styleguidist cool on first sight, but my use case will be a doc site that imbed what styleguidist provides, but it seems styleguidist can only be used as a saparated server?
Aminadav Glickshtein
@Aminadav
Anyone success to get the prop types using @param annoitation?
For e.g. @param abc {string}
I'm trying using react-docgen and using react-docgen-typescript
And never success
Xannic
@Xannic
Hey I saw some questions in the chat and on git about dynamic theming the components in styleguidist, but couldn't find a solution to make it work... Is it just not possible or did I just miss it?
MadeA
@MadeA
Hey guys
It seems react-styleguidist is not accurately parsing my tsx files.

I am getting this message:

"
Warning: Cannot parse src/common/components/form/radio/radio-switch-yes-no.tsx: SyntaxError: /home/sa/frontend/src/common/components/form/radio/radio-switch-yes-no.tsx: Unexpected reserved word 'interface' (5:0)

3 | import * as React from 'react';
4 |

5 | interface Props {
| ^
"

Anyone know why that might be ?
My webpack is configured to use tsx