histoire-dev / histoire-dev/histoire
Import json data and use it in docs
- Dominant language
- TypeScript
- Stars
- 3.6k
- Forks
- 212
- PR merge metrics
- No merged PRs in 30d
Description
### Clear and concise description of the problem
I have attached JSON data. There are many config json files present for each components.

I have to show it to users in documentation of story. For example Button Story


### **PROBLEM**
Currently there is no support for import statements and use it in markup.

### Suggested solution
I have suggested solution for providing support for javascript import and use it in markup.

### Alternative
_No response_
### Additional context
_No response_
### Validations
- [X] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [X] Read the [docs](https://histoire.dev/guide/).
- [X] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) that requests the same feature to avoid creating a duplicate.
Contributor guide
Research direction
Start by locating how documentation stories render markup and where component configuration data is currently loaded. Verify how JavaScript imports are expected to work in story markup, then confirm that imported JSON values can be displayed in the Button Story example and similar documentation stories.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- documentation, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100