初始化项目

Author: tiye

.gitignore

@@ -0,0 +1,5 @@
+
+/node_modules
+/build
+/index.html
+/lib

.npmignore

@@ -0,0 +1,6 @@
+
+/build
+/gulpfile.coffee
+/webpack.*
+/template.cirru
+/index.html

README.md

@@ -0,0 +1,38 @@
+
+CNode.js 中文导航
+----
+
+访问:
+
+* http://nav.cnodejs.org (还未完成跳转)
+* http://nav.nodejs-china.org
+
+### Develop
+
+静态文件 `index.html` 建议用 Nginx 站点打开, 或者其他服务器.
+开发环境基于 Webpack 做了热替换:
+
+```bash
+npm i
+gulp dev
+```
+
+打包命令, `static` 只合并代码生成 HTML, `ws` 进一步压缩代码.
+
+```bash
+NODE_ENV=static gulp build # not minified
+npm run static
+
+NODE_ENV=ws gulp build
+npm run ws
+```
+
+通过 rsync 上传服务器, 不过需要修改一下文件里的配置:
+
+```bash
+gulp rsync
+```
+
+### License
+
+MIT

config/default.coffee

@@ -0,0 +1,5 @@
+
+module.exports =
+  env: 'dev'
+  webpackDevPort: 8011
+  isMinified: no

config/dev.coffee

@@ -0,0 +1,2 @@
+
+module.exports = {}

config/static.coffee

@@ -0,0 +1,4 @@
+
+module.exports =
+  env: 'static'
+  isMinified: no

config/ws.coffee

@@ -0,0 +1,4 @@
+
+module.exports =
+  env: 'ws'
+  isMinified: yes

entry/template.coffee

@@ -0,0 +1,27 @@
+
+stir = require 'stir-template'
+React = require 'react'
+config = require 'config'
+
+assetLinks = require '../packing/asset-links'
+
+Page = React.createFactory require '../src/page'
+
+{html, head, title, body, meta, script, link, div, a, span, style} = stir
+
+module.exports = (data) ->
+
+  stir.render stir.doctype(),
+    html null,
+      head null,
+        title null, "CNode.js 导航"
+        meta charset: 'utf-8'
+        link rel: 'icon', href: 'https://dn-cnodestatic.qbox.me/public/images/cnode_icon_32.png'
+        if assetLinks.style?
+          link rel: 'stylesheet', href: assetLinks.style
+        script src: assetLinks.vendor, defer: true
+        script src: assetLinks.main, defer: true
+        style null, 'body * {box-sizing: border-box;}'
+      body style: "margin:0;",
+        div id: 'app',
+          React.renderToString Page()

gulpfile.coffee

@@ -0,0 +1,87 @@
+
+fs = require 'fs'
+gulp = require 'gulp'
+gutil = require 'gulp-util'
+config = require 'config'
+webpack = require 'webpack'
+sequence = require 'run-sequence'
+WebpackDevServer = require 'webpack-dev-server'
+
+gulp.task 'script', ->
+  coffee = require('gulp-coffee')
+  gulp
+  .src 'src/*.coffee'
+  .pipe coffee()
+  .pipe gulp.dest('lib/')
+
+gulp.task 'rsync', (cb) ->
+  wrapper = require 'rsyncwrapper'
+  wrapper.rsync
+    ssh: true
+    src: ['build/*']
+    recursive: true
+    args: ['--verbose']
+    dest: 'aliyun:/home/chen/repo/nav.cnodejs.org/'
+    deleteAll: true
+  , (error, stdout, stderr, cmd) ->
+    if error?
+      throw error
+    console.error stderr
+    console.log cmd
+    cb()
+
+gulp.task 'html', (cb) ->
+  html = require('./entry/template')
+  fs = require('fs')
+  fs.writeFile 'build/index.html', html(), cb
+
+gulp.task 'del', (cb) ->
+  del = require('del')
+  del 'build/**/*', cb
+
+# webpack tasks
+
+gulp.task 'webpack-dev', (cb) ->
+  webpackDev = require './packing/webpack-dev'
+  webpackServer =
+    publicPath: '/'
+    hot: true
+    stats:
+      colors: true
+  info =
+    __dirname: __dirname
+    env: config.env
+
+  compiler = webpack (webpackDev info)
+  server = new WebpackDevServer compiler, webpackServer
+
+  server.listen config.webpackDevPort, 'localhost', (err) ->
+    if err?
+      throw new gutil.PluginError("webpack-dev-server", err)
+    gutil.log "[webpack-dev-server] is running..."
+    cb()
+
+gulp.task 'webpack-build', (cb) ->
+  webpackBuild = require './packing/webpack-build'
+  info =
+    __dirname: __dirname
+    isMinified: config.isMinified
+    useCDN: config.useCDN
+    cdn: config.cdn
+    env: config.env
+  webpack (webpackBuild info), (err, stats) ->
+    if err
+      throw new gutil.PluginError("webpack", err)
+    gutil.log '[webpack]', stats.toString()
+    fileContent = JSON.stringify stats.toJson().assetsByChunkName
+    fs.writeFileSync 'packing/assets.json', fileContent
+    cb()
+
+# aliases
+
+gulp.task 'dev', (cb) ->
+  sequence 'html', 'webpack-dev', cb
+
+gulp.task 'build', (cb) ->
+  gutil.log gutil.colors.yellow("Running Gulp in `#{config.env}` mode!")
+  sequence 'del', 'webpack-build', 'html', cb

package.json

@@ -0,0 +1,52 @@
+{
+  "name": "coffee-webpack-starter",
+  "version": "0.0.1",
+  "description": "Component starter kit for Talk by Teambition",
+  "main": "lib/index.js",
+  "dependencies": {
+    "classnames": "^1.2.0",
+    "hsl": "^0.1.1",
+    "react": "^0.13.1"
+  },
+  "devDependencies": {
+    "autoprefixer-loader": "^2.0.0",
+    "coffee-loader": "^0.7.2",
+    "coffee-script": "^1.9.1",
+    "config": "^1.17.1",
+    "css-loader": "^0.10.1",
+    "del": "^1.1.1",
+    "extract-text-webpack-plugin": "^0.8.2",
+    "file-loader": "^0.8.4",
+    "gulp": "^3.8.11",
+    "gulp-coffee": "^2.3.1",
+    "gulp-util": "^3.0.7",
+    "less": "^2.5.1",
+    "less-loader": "^2.2.0",
+    "rsyncwrapper": "^0.4.3",
+    "run-sequence": "^1.0.2",
+    "skip-webpack-plugin": "^0.1.1",
+    "stir-template": "^0.1.4",
+    "style-loader": "^0.10.2",
+    "url-loader": "^0.5.6",
+    "webpack": "^1.8.4",
+    "webpack-dev-server": "^1.8.0"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "static": "NODE_ENV=static gulp build",
+    "ws": "NODE_ENV=ws gulp build"
+  },
+  "keywords": [
+    "react-component"
+  ],
+  "author": "Teambition",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambition/coffee-webpack-starter.git"
+  },
+  "bugs": {
+    "url": "https://github.com/teambition/coffee-webpack-starter/issues"
+  },
+  "homepage": "https://github.com/teambition/coffee-webpack-starter"
+}

packing/asset-links.coffee

@@ -0,0 +1,16 @@
+
+config = require 'config'
+
+if config.env is 'dev'
+  module.exports =
+    main: "http://localhost:#{config.webpackDevPort}/main.js"
+    vendor: "http://localhost:#{config.webpackDevPort}/vendor.js"
+    style: null
+else
+  assets = require '../packing/assets'
+  prefix = ''
+
+  module.exports =
+    main: "#{prefix}#{assets.main}"
+    style: null
+    vendor: "#{prefix}#{assets.vendor}"

packing/assets.json

@@ -0,0 +1 @@
+{"main":"main.83d6de6a.js","vendor":"vendor.5bdb61b6.js"}

packing/webpack-build.coffee

@@ -0,0 +1,39 @@
+
+fs = require('fs')
+path = require 'path'
+webpack = require('webpack')
+SkipPlugin = require 'skip-webpack-plugin'
+ExtractTextPlugin = require 'extract-text-webpack-plugin'
+
+webpackDev = require('./webpack-dev')
+
+fontName = 'fonts/[name].[ext]'
+
+module.exports = (info) ->
+  webpackConfig = webpackDev info
+  publicPath = ''
+
+  # return
+  entry:
+    vendor: []
+    main: ['./src/main']
+  output:
+    path: path.join info.__dirname, 'build/'
+    filename: '[name].[chunkhash:8].js'
+    publicPath: publicPath
+  resolve: webpackConfig.resolve
+  module:
+    loaders: [
+      {test: /\.coffee$/, loader: 'coffee'}
+      {test: /\.less$/, loader: 'style!css!less'}
+      {test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css!autoprefixer')}
+      {test: /\.(eot|woff|woff2|ttf|svg)((\?|\#)[\?\#\w\d_-]+)?$/, loader: "url", query: {limit: 100, name: fontName}}
+    ]
+  plugins: [
+    new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.[chunkhash:8].js')
+    if info.isMinified
+      new webpack.optimize.UglifyJsPlugin(compress: {warnings: false}, sourceMap: false)
+    else
+      new SkipPlugin info: 'UglifyJsPlugin skipped'
+    new ExtractTextPlugin("style.[chunkhash:8].css")
+  ]

packing/webpack-dev.coffee

@@ -0,0 +1,34 @@
+
+fs = require('fs')
+path = require 'path'
+config = require 'config'
+webpack = require 'webpack'
+
+fontName = 'fonts/[name].[ext]'
+
+module.exports = (info) ->
+  entry:
+    vendor: [
+      "webpack-dev-server/client?http://localhost:#{config.webpackDevPort}"
+      'webpack/hot/dev-server'
+      'react'
+    ]
+    main: [
+      './src/main'
+    ]
+  output:
+    path: path.join info.__dirname, 'build'
+    filename: '[name].js'
+    publicPath: "http://localhost:#{config.webpackDevPort}/"
+  resolve: extensions: ['.js', '.coffee', '']
+  module:
+    loaders: [
+      {test: /\.coffee$/, loader: 'coffee'}
+      {test: /\.less$/, loader: 'style!css!less'}
+      {test: /\.css$/, loader: 'style!css!autoprefixer'}
+      {test: /\.(eot|woff|woff2|ttf|svg)((\?|\#)[\?\#\w\d_-]+)?$/, loader: "url", query: {limit: 100, name: fontName}}
+    ]
+  plugins: [
+    new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')
+    new webpack.HotModuleReplacementPlugin()
+  ]

src/app/communities.coffee

@@ -0,0 +1,19 @@
+
+React = require 'react'
+
+style = require '../style'
+
+link = require './link'
+
+{div, a} = React.DOM
+
+module.exports = React.createClass
+  displayName: 'app-communities'
+
+  render: ->
+    div style: null,
+      div style: style.widget.title, '社区'
+      link 'CNode.js 中文社区', 'http://cnodejs.org'
+      link 'CNode.js 中文社区, 微博', 'http://weibo.com/cnodejs'
+      div style: style.widget.group, 'QQ 群: ???'
+      div style: style.widget.group, '微信: ???'

src/app/content.coffee

@@ -0,0 +1,19 @@
+
+React = require 'react'
+
+style = require '../style'
+
+Resources = React.createFactory require './resources'
+Communities = React.createFactory require './communities'
+
+{div} = React.DOM
+
+module.exports = React.createClass
+  displayName: 'app-communities'
+
+  render: ->
+    div style: style.layout.content,
+      div style: style.layout.column,
+        Resources()
+      div style: style.layout.column,
+        Communities()

src/app/footer.coffee

@@ -0,0 +1,13 @@
+
+React = require 'react'
+
+style = require '../style'
+
+{div} = React.DOM
+
+module.exports = React.createClass
+  displayName: 'footer'
+
+  render: ->
+    div style: style.layout.footer,
+      '浙ICP备14043687号-2'