Comments (7)
Thanks for checking it out, @davidhund. I like your idea and I'm happy to accept a PR for this,or make the change myself soon. Have some ideas already :-)
from component-styleguide.
Hey @davidhund, just released v1.2.0 which should contain what you proposed. It now reads all templates from the root and all subfolders, and creates menu items for each. The "root" or "generic" components menu item name can be configured with rootName
.
It does not support deeply nested folders (yet), just child folders within the /components
folder.
Let me know if it works for you. Thanks again for the idea.
from component-styleguide.
Just playing around it seems to do exactly what I wanted. Awesome work.
It's simple and flexible and does not force me in a specific workflow/process.
Now to find a way to extract the HTML markup from my (s)CSS comments (much like KSS) so that the markup is not disconnected from the 'source' CSS :)
from component-styleguide.
Thanks for the feedback! Let me know if you have any more ideas.
(Regarding the CSS parsing, not sure. The simplest method that could work might be to use a CSS parser and have it write the comments from the AST to HTML files in the "components" dir.)
from component-styleguide.
Yeah. I am really looking forward to a standardized CSS Comment(!) Parser.
https://twitter.com/valuedstandards/status/582504525455560704
Something like https://github.com/darcyclarke/DSS could work. This would prevent us from having to maintain markup in multiple places...
from component-styleguide.
Ah DSS looks nice. Totally JSDoc-y and useful with those @name
and @markup
tags etc.
from component-styleguide.
Closing this, as the initial issue is taken care of.
from component-styleguide.
Related Issues (10)
- Live reload functionality HOT 4
- Component menus unusable when taking up too much vertical space HOT 2
- Possible to nest components? HOT 3
- If a static resource begins with http(s), donβt prepend staticPath HOT 2
- Static version? HOT 4
- Ability to define default data source HOT 2
- Styleguide server started at http://:::3000 HOT 2
- Menu broken in Firefox HOT 2
- Example setup won't compile HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from component-styleguide.