HTML Includes #24
Comments
iframes? |
If the demo pages were hosted here on Github we could potentially use Jekyll-based includes. |
I think we should stay away from rendering on the client. I'm all for using Jeckyll or Grunt to compiler static pages. Seems like PHP would be overkill for this project. |
I've forked the project and am putting together a quick demo of how this would work in Jekyll (which Github compiles for you). |
Using Jekyll with grunt / npm tools is a bit of a pain in the ass too… although pretty possible. |
I like the idea of Grunt too - so all the build-y stuff is all together and I looked at the grunt includes project, and it seems kinda perfect, but I didn't understand exactly what file you author the includes in. Would we make like |
Sounds like your going to do it a different way now - but here's how you'd do it in Jekyll in case you change your minds. The # by each demo let's you go to its individual page. |
Thanks @andismith, you rock! |
No problem - I need to go to bed now as it's gone midnight. I've created a pull request if you decide to use Jekyll. If not, feel free to ignore it! Night! |
To be clear: Whichever method we run with, we're aiming to have the source files kept in the top level, and basically have the css & html written out to I'll review your implementations overnight… Thanks for the awesome activity! |
May I suggest a third (fourth?) alternative which is to use https://github.com/assemble/assemble ? It gives a bit more flexibility with variables - and keeps the content in page. Basically, it works like Jekyll but all in a Grunt environment. I'll try and get a demo together. |
If I were to do it myself, I would start with assemble |
Cool, I'll put together a quick demo after work (in about 3/4 hrs) |
So right now we have two pull requests that tackle this same issue. Soon to be a third. Can we talk pros/cons? I'm unsure about which one we should pick. |
If it's Jekyll then we're back to a ruby dependency which we're still discussing the removal of at this time #45. Grunt EJS Static fits very much inline with the discussion we're having at the thread I've linked to. |
Assemble doesn't use Jekyll so doesn't have a Ruby dependency but has a similar syntax. See https://github.com/assemble/assemble for more info on Assemble. Btw, I don't think there's a wrong solution here. |
I'm liking me some assemble right now. Seems it can do as much or even equal to what Jekyll can do and falls inline with our "No Ruby dependency" discussion. Although the assemble project is still young the site and correlating documentation is really well done. Honestly the docs for assemble are way better then the grunt ejs static docs. From what I've quickly read so far you can spit out directories and accompanying files of your choice to custom destinations if I'm not mistaken. Maybe we can ping @doowb to help explain assemble a little more to us? I think Chris might say the same too, but we shall see once he finds the time to look at it himself and report back. |
@grayghostvisuals I'd be happy to help. We build our documentation in a similar way for assemble and for our handlebars-helpers repos. @jonschlinkert is really the brains behind building the documentation and the setup process, but I can help. We use handlebars for our templates because of all the helpers that we've built, but the files don't need the handlebars extensions since you just tell assemble which file to use and tell it to use the handlebars engine. I'll throw something together that works like @andismith's jekyll example and post back. |
@doowb - You working on this now? If so, I'll stop working on my demo. |
@andismith - Yes. I'm just about done. |
Yeah @chriscoyier we've love to take a shot at putting this together with Assemble, we created it to do what you're describing. (@grayghostvisuals, thanks for the great compliments! The docs are only a week or two old, so we still have a lot to push up) |
Assemble looks great, has a ton of features, have been meaning to try out... With grunt-ejs-static, the idea is to do way less. @grayghostvisuals is right, docs are light, but it's almost entirely a boilerplate using established grunt plugins or node modules, which do have in-depth documentation. The almost part is where grunt-ejs-static comes in, and here's what it streamlines: -- Generating Static HTML from Includes That's it! If that feature set makes sense for Effeckt, sweet. If not, would love to contribute in any other way, as this project is going to be awesome. |
@doowb @jonschlinkert |
I have a simple setup done based on @andismith jeykll PR. Here's the repo and Here's the pages running on gh-pages. By running I also added Again, this is a simple way of using assemble. There are some more advanced features and helpers that I could throw in there to reduce the amount of setup needed when a new demo page is added. Please let me know what you think of this first pass and I'll work on the second pass in the meantime. Thanks. |
In case this helps fill in some gaps:
Last, @doowb and I are totally willing to roll up our sleeves and fill in whatever gaps exist with Assemble. This is exactly the reason we started the project. |
@doowb created the example project while I was typing my answer if that gives you any indication of how easy it is to use and be productive ;-) |
@grayghostvisuals sorry I feel like I'm commenting too much but I somehow missed the last comment you made. Whatever you guys need, let us know and we'll get it done. Have a happy 4th guys! I'm going to go celebrate with the family. |
@jonschlinkert no way jose. No worries at all. Appreciate you hopping over here and lending an ear. Happy4th as well. I think it's best now to let others comment with their feedback so we can eventually arrive at a decision. |
In case it helps, see what I did here to deploy to a gh-pages branch: https://github.com/cowboy/wesbos (There's a lot of other single-page app RequireJS stuff in there that you can ignore... Unless you don't want to ignore it) |
Wow this is sweet! I'm kinda holding off on working on the demos because I was thinking it would be a merge nightmare. Is it possible to get a pull request of what @doowb did there and get it merged in? |
@chriscoyier I'll submit a PR of what I have now. I'm looking at grunt-gh-pages that @cowboy is using, but I think I have a configuration issue, so I'll leave that out for now. |
So here's my experience so far (and obviously I'm just getting used to using assemble). From a forked copy I can only push to the |
From your fork, you couldn't select the gh-pages branch and submit a pull request to the main repo that way? The grunt-gh-pages is something outside of assemble. I'm sure there are other ways of doing this for submitting pull requests. I'll take a look at this in an hour or two when I get back home. |
I really think deploying from /dist with git's subtree push is the best method to keep everything simple. |
@doowb Yeah, I have no idea atm if this is an assemble config or a github deal, but I couldn't send a PR of my |
@benschwarz @grayghostvisuals I hadn't seen This yeoman document also shows how to do it, but I had to do a few things before it would allow me to try to submit a PR on github. These are the steps I took to get it to work properly:
I'm a little new to this part of the process, so I hope this is correct and helps someone else. It might be useful to be added to a deployment document similar to yeoman's. |
This issue is a wrap! Great work everyone. I'm going to start a fresh thread on how to handle gh-pages |
@doowb - Sorry, I wish I'd linked the yeoman page, might've made it a bit easier on everyone. Super work everyone! |
Would be nice if each demo had it's own individual component page, and those chunks were included in the main demo page.
The text was updated successfully, but these errors were encountered: