himynameisdave / eggs-genny Goto Github PK
View Code? Open in Web Editor NEWDumb name, great yeoman-generator.
License: Other
Dumb name, great yeoman-generator.
License: Other
Add gulp-gh-pages in a new task that deploys the build/
directory to the gh-pages
branch.
Something like Mocha would be ideal. Will require some research. But basically this thing is getting so big that automating testing is becoming a must.
Would be super mega easy to do and also you could be a mega dickhole and add some generated by eggs-genny shit to the bottom.
WTF are they? damn generator generator...
Using Babel we can offer ES6 support at a premium for pennies on the dollar.
But for real use something like gulp-babel. Dead simple.
The css-me
task is looking for bootstrap in the wrong place.
Add Polymer as a JS dependency option.
There are some issues that stem from updating to node -v 0.12.
One issue is just trying to run gulp
and have files changed run that livereload
the build task was creating a folder instead of just moving the favicon properly
option to skip bower and npm install
Add backbone cause why not
Add browserify as an optional JS dep?
add this to the HTML
<meta name="twitter:card" content="summary">
<meta name="twitter:creator" content="@mxstbr">
<meta name="twitter:url" content="http://postcss.parts">
<meta name="twitter:title" content="postcss.parts">
<meta name="twitter:description" content="A searchable catalog of PostCSS plugins.">
<meta name="twitter:image" content="/img/screenshot.png">
Generators should generate a .yo-rc.json file, as is CLEARLY stated in the docs... they even have a dead-simple API to use for it.
Check out this CSS minification tool:
https://github.com/mattbasta/crass
May be better than the shittier gulp-minify-css thing.
It's causing issues when compiling with the sass configuration, for some dumb reason. Regardless, making it a plain css file imported into the less and sass files is totally cool.
I don't think they are being added to what's concated right now in the build step of the gulpfile :-/
It would be preferable to have two separate sets of prompts, one for the CSS stuff like Bootstrap and Skeleton and another for the JS stuff.
I'm seeing a "no such file or directory" error in Chrome when I render the default app in the browser.
The error I see in the console:
[09:59:37] Using gulpfile ~/git/ppp/gulpfile.js
[09:59:37] Starting 'serve-me'...
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
Server running at http://localhost:6969/
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
[09:59:37] Finished 'serve-me' after 2.35 ms
[09:59:37] Starting 'reload-me'...
[09:59:37] Finished 'reload-me' after 144 ms
[09:59:37] Starting 'default'...
[09:59:37] Finished 'default' after 4.99 μs
+++++++++++++++++++++++++++++++++++++++++++++++
I've reloaded your page, sir!
March 13, 2015 at 10:00:08
+++++++++++++++++++++++++++++++++++++++++++++++
Error: ENOENT, no such file or directory '/Users/englsa2/git/ppp/app/lib/css/bootstrap.css.map'
at Object.fs.statSync (fs.js:695:18)
at Object.handle (/Users/englsa2/git/ppp/node_modules/dirlist/lib/dirlist.js:9:9)
at next (/Users/englsa2/git/ppp/node_modules/connect/lib/proto.js:190:15)
at Object.favicon as handle
at next (/Users/englsa2/git/ppp/node_modules/connect/lib/proto.js:190:15)
at Function.app.handle (/Users/englsa2/git/ppp/node_modules/connect/lib/proto.js:198:3)
at Server.app (/Users/englsa2/git/ppp/node_modules/connect/lib/connect.js:65:37)
at Server.emit (events.js:98:17)
at HTTPParser.parser.onIncoming (http.js:2112:12)
at HTTPParser.parserOnHeadersComplete as onHeadersComplete
Based on this link CSS Preprocessors, I tracked the cause of the error down to line 6566 in the Bootstrap CSS:
/*# sourceMappingURL=bootstrap.css.map */
I have fixed this in my local fork and will submit a pull request for it shortly for you to review.
It would be useful to have a same line of code shown when a CSS error is found.
Add a .gitignore
to the generated project. will contain like the node modules as well as some other crap.
Make it a question as part of the personalization section.
Just add water css animations!
animate.css
bug where .bowerrc breaks shit when trying to re-up eggs-genny after already running it (because it's putting it somewhere else?)
Okay so sourcemaps are not at all included in this at all, which is clearly going to be a pain point for people. Implement them.
Require JS is awesome and powerful and should be added
So currently a connect server is spun up via the Gulpfile for generated projects. The issue is that it uses an old version of connect, which in itself is not a problem (as the specific version is referenced in the package.json
file) but it is a problem for users who are not aware of this and try to upgrade (as connect v.3+ breaks stuff/has a totally different API, hence the use of 2.9.0).
In general, that whole server code is based off an old script I used to use to spin up local file servers. It's reliable so I added it here, but realistically I feel like there are better (and simpler) ways to run a simple local server.
Any suggestions would be greatly appreciated.
Oh and here's a reader's digest of what the server consists of, found in the generated gulpfile:
var connect = require('connect'),
dirlist = require('dirlist');
// ...
gulp.task('serve-me', function(){
var base = __dirname,
host = "localhost",
port = 6969;
connect( connect.favicon(),
dirlist(base),
connect.static(base) ).listen(port, host);
loggit('Server running at http://'+host+':'+port+'/', 'red', '@' );
})
FYI: The loggit
part is just a tiny little module that I use to make console.log()
's prettier and easier.
Apparently there are no newlines between the GSAP plugins on the index HTML file.
when you start your servers you should send the user right to the page via gulp-open
Add underscore cause some people like that shit.
This cut-releases thing makes bumping versions and releasing to NPM a breeze.
Having spaces and shit will break npm
We could easily integrate PhantomCSS but we may need to include a script in the package.json that installs CasperJS globally
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.