Too many metafiles and chest.js

Transcript

1. Too Many Metafiles and chest.js @watilde

2. @author • @watilde • npm publish / month • beeplay,

   tvm, jsss • Bootstrap / Ratchet / Flight / Node <3

3. • PHP @work

4. Main Subject "Too many metafiles"

5. Front End
 Development Tools

6. tool name file name npm • package.json • .npmrc •

   node_modules jshint • .jshintrc • .jshintignore Grunt • Gruntfile.js gulp • gulpfile.js editorconfig • .editorconfig bower • bower.json • .bowerrc component.io • component.json etc… have some metafiles:

7. Tripling Each Year 0 1 2 3 5 6 7

   8 9 2012 2013 2014 Number of metafiles I use frequently

8. Next Year: 27 Files!? 0 5 10 15 20 25

   30 2012 2013 2014 2015 Number of metafiles I use frequently Just kidding XD (maybe…)

9. 4 Problems • Ugly root directory • Init process growing

   increasingly complex • Need a "Package Manager" manager • Too many different types of commands

10. • Ugly root directory • Init process growing increasingly complex

    • Need a "Package Manager" manager • Too many different types of commands 4 Problems These are resolved by the current version of chest.js

11. Ugly root directory •Routine example: $ cd ~/project/ $ ls

    .editorconfig .git/ .gitignore .travis.yml .jshintrc bower.json
 CONTRIBUTING.md Gruntfile.js 
 README.md bin/ lib/ package.json 
 power_assert.js spec/ src/

12. Init process growing increasingly complex • Most users of these

    front end development tools are web designers • Many of them don’t like terminal • Have to run many commands;(

13. Symbolic Link + .gitignore $ ls ./.meta - package.json -

    bower.json ! $ ln -s .meta/* ./ ! $ cat .gitignore ./package.json ./bower.json

14. npm run-scripts // package.json "scripts": { "install": "ln -s .meta/*

    ./", "postinstall": "bower install" }, https://www.npmjs.org/doc/scripts.html

15. Easier

16. http://chestjs.com/ Enter chest.js

17. Getting started

18. e.g)
 General example project: $ cd ~/project/ $ ls .editorconfig

    .git/ .gitignore .travis.yml .jshintrc bower.json
 CONTRIBUTING.md Gruntfile.js 
 README.md bin/ lib/ package.json 
 power_assert.js spec/ src/

19. Install chest command $ npm install -g chest $ chest

    ! @see ‘chest usage’

20. Put metafiles in the chest $ chest put .editorconfig
 .travis.yml

    Gruntfile.js package.json power_assert.js ! $ ls .chest .git/ .gitignore
 CONTRIBUTING.md README.md
 bin/ lib/ spec/ src/

21. Show list $ chest list .editorconfig
 .travis.yml bower.json Gruntfile.js package.json

    power_assert.js

22. Create symbolic link $ chest open $ ls .editorconfig .git/

    .gitignore .travis.yml .jshintrc bower.json
 CONTRIBUTING.md Gruntfile.js 
 README.md bin/ lib/ package.json 
 power_assert.js spec/ src/

23. Support install $ chest install ! run npm install run

    bower install

24. Open & Install in postinstall $ cat package.json ɾɾɾ "scripts":

    { "postinstall": "chest boost" }, ɾɾɾ

25. What’s next?

26. • Ugly root directory • Init process growing increasingly complex

    • Need a "Package Manager" manager • Too many different types of commands 4 Problems Will resolve these in future versions of chest.js

27. Need a
 "Package Manager" manager •Version, Name, Description, etc •Currently

    when updating one metafile, you have to changes all the others manually •Ideally, chest.js will manage this info with one base file

28. Too many
 different types of commands •case(grunt || gulp) write

    usage •Others: npm-run-script, make, bash, etc •difficult to write usage •Challenging to ensure backward
 compatibility for commands

29. chest.json { name: ‘node-gakuen’, description: ‘A school for node lovers’,

    version: ‘4.13.6’, scripts: { build: { usage: ‘build all file’, run: ‘grunt build’ } } }

30. chest.json • chest syncɿsync both metainfo { name: ‘node-gakuen’, description:

    ‘A school for node lovers’, version: ‘0.0.1’, scripts: { build: { usage: ‘build all files’, run: ‘grunt build’ } } }

31. chest.json •chest-run-scriptsɿcommand rapper required usage { name: ‘node-gakuen’, description: ‘A

    school for node lovers’, version: ‘0.0.1’, scripts: { build: { usage: ‘build all file’, run: ‘grunt build’ } } }

32. http://chestjs.com/ < Thanks! Any questions?