Merge pull request #5 from kubosho/merge/honoka

Honoka v3.3.5c merge

.bowerrc

@@ -0,0 +1,3 @@
+{
+	"directory": "bower_components"
+}

.gitignore

@@ -1,3 +1,8 @@
+#=============================================
+# bower
+#=============================================
+bower_components/
+
 #=============================================
 # My Original Set
 #=============================================
@@ -29,3 +34,8 @@ node_modules/
 
 sftp-config.json
 npm-debug.log
+
+#=============================================
+# Jetbrains
+#=============================================
+.idea

.travis.yml

@@ -18,9 +18,7 @@ git:
   submodules: false
 
 before_install:
-- sed -i 's/[email protected]:/https:\/\/github.com\//' .gitmodules
-- git submodule update --init src/bootstrap
-- gem install compass
+- gem install sass
 
 script:
 - npm start

Gruntfile.js

@@ -1,39 +1,15 @@
 'use strict';
 
 module.exports = function(grunt) {
+
 	var pkg, taskName, name;
+
 	pkg = grunt.file.readJSON('package.json');
 	name = pkg.name.toLowerCase();
+
 	grunt.initConfig({
 		// bannerの調整
 		replace: {
-			// バージョン表記
-			version: {
-				src: ['dist/css/bootstrap.**css'],
-				dest: 'dist/css/',
-				replacements: [
-					{
-						from: '{%version%}',
-						to: pkg.version
-					},
-					{
-						from: '{%website%}',
-						to: pkg.website
-					},
-					{
-						from: '{%year%}',
-						to: new Date().getFullYear()
-					},
-					{
-						from: '{%author%}',
-						to: pkg.author
-					},
-					{
-						from: '{%license%}',
-						to: pkg.license
-					}
-				]
-			},
 			// minifyファイルの改行の追加
 			banner: {
 				src: ['dist/css/bootstrap.min.css'],
@@ -48,16 +24,6 @@ module.exports = function(grunt) {
 						to: 'Based on Bootstrap v$1\n */\n'
 					}
 				]
-			},
-			basedon: {
-				src: ['dist/css/bootstrap.**css'],
-				dest: 'dist/css/',
-				replacements: [
-					{
-						from: '{%version%}',
-						to: pkg.version
-					}
-				]
 			}
 		},
 		// cssmin
@@ -69,48 +35,119 @@ module.exports = function(grunt) {
 				dest: 'dist/css/',
 				ext: '.min.css',
 				options: {
-					noAdvanced: true
+					advanced: false,
+					keepSpecialComments: '*',
+					compatibility: 'ie8',
 				}
 			}
 		},
-		// compassのコンパイル
-		compass: {
-			dist: {
+		// SCSSのコンパイル
+		sass: {
+			options: {
+				sourcemap: 'none',
+				unixNewlines: true,
+				style: 'expanded',
+				loadPath: ['bower_components/bootstrap-sass-official/assets/stylesheets/']
+			},
+			bootstrap: {
+				files: [{
+					expand: true,
+					cwd: 'scss',
+					src: ['**/*.scss'],
+					dest: 'dist/css/',
+					ext: '.css'
+				}]
+			},
+			assets: {
 				options: {
-					sassDir: 'src/compass',
-					config: 'src/config.rb'
+					loadPath: ['scss/']
+				},
+				files: [{
+					expand: true,
+					cwd: 'src/scss',
+					src: ['**/*.scss'],
+					dest: 'dist/assets/css/',
+					ext: '.css'
+				}]
+			}
+		},
+		csscomb: {
+			options: {
+				config: 'bower_components/bootstrap/less/.csscomb.json'
+			},
+			bootstrap: {
+				files: {
+					'dist/css/bootstrap.css': ['dist/css/bootstrap.css']
+				}
+			},
+			assets: {
+				expand: true,
+				cwd: 'dist/assets/css/',
+				src: ['**/*.css'],
+				dest: 'dist/assets/css',
+				ext: '.css'
+			}
+		},
+		autoprefixer: {
+			bootstrap: {
+				files: {
+					'dist/css/bootstrap.css': ['dist/css/bootstrap.css']
 				}
+			},
+			assets: {
+				expand: true,
+				cwd: 'dist/assets/css/',
+				src: ['**/*.css'],
+				dest: 'dist/assets/css',
+				ext: '.css'
 			}
 		},
+		// clean
 		clean: {
 			build: {
 				src: ['dist/css/**/*', 'dist/js/**/*', 'dist/fonts/**/*']
 			}
 		},
-		copy: {
-			build: {
-				files: [
-					{
-						expand: true,
-						cwd: 'src/bootstrap/assets/fonts/bootstrap/',
-						src: ["**/*"],
-						dest: 'dist/fonts'
-					},
-					{
-						expand: true,
-						cwd: "src/bootstrap/assets/javascripts/",
-						src: ["bootstrap.**js"],
-						dest: "dist/js"
+		// bowerのインストール
+		bower: {
+			install: {
+				options: {
+					targetDir: 'dist/',
+					layout: function(type, component, source) {
+						return type;
 					}
-				]
+				}
+			}
+		},
+		// バージョン情報の出力
+		ect: {
+			version: {
+				options: {
+					root: 'scss/nico/',
+					variables: {
+						name: pkg.name,
+						version: pkg.version,
+						website: pkg.website,
+						year: new Date().getFullYear(),
+						author: pkg.author,
+					},
+				},
+				files: {
+					'<%= ect.version.options.root %>_info.scss': '_info.scss.ect'
+				}
 			}
 		},
 		// ファイル更新監視
 		watch: {
-			// compassの自動コンパイル
-			compass: {
-				files: ['src/compass/**/*.scss'],
-				tasks: ['compass:dist', 'replace:version'],
+			// 自動コンパイル
+			bootstrap: {
+				files: ['scss/**/*.scss'],
+				tasks: ['sass:bootstrap'],
+			},
+			// 自動コンパイル
+			assets: {
+				files: ['src/scss/**/*.scss'],
+				tasks: ['sass:assets'],
 			}
 		},
 		// テストサーバ
@@ -163,7 +200,7 @@ module.exports = function(grunt) {
 						dest: name
 					}
 				]
-			},
+			}
 		}
 	});
 
@@ -174,11 +211,27 @@ module.exports = function(grunt) {
 		}
 	}
 
-	// 通常 (compass/connect/watch)
-	grunt.registerTask('server', ['compass:dist', 'connect', 'watch']);
+	// 本家Bootstrapのautoprefixerの設定を読み込む
+	grunt.task.registerTask('setAutoPrefixerConfig', 'Get autoprefixer config from bootstrap', function() {
+		var fs = require('fs');
+		if ( fs.existsSync('bower_components/bootstrap/grunt/configBridge.json') ) {
+			var configBridge = grunt.file.readJSON('bower_components/bootstrap/grunt/configBridge.json');
+			var prefixConfig = configBridge.config.autoprefixerBrowsers;
+			grunt.config.merge({
+				autoprefixer: {
+					options: {
+						browsers: prefixConfig
+					}
+				}
+			});
+		}
+	});
+
+	// 通常 (sass/connect/watch)
+	grunt.registerTask('server', ['bower:install', 'ect:version', 'sass', 'connect', 'watch']);
 
 	// ミニファイ
-	grunt.registerTask('build', ['clean:build', 'copy:build', 'compass:dist', 'cssmin:minify', 'replace:banner', 'replace:version']);
+	grunt.registerTask('build', ['clean:build', 'bower:install', 'ect:version', 'sass', 'setAutoPrefixerConfig', 'autoprefixer', 'csscomb', 'cssmin:minify', 'replace:banner']);
 
 	// 配布用パッケージ作成
 	grunt.registerTask('package', ['build', 'compress:main']);

README.md

@@ -1,6 +1,7 @@
 # Nico
 
 [![Build Status](https://travis-ci.org/kubosho/Nico.svg?branch=master)](https://travis-ci.org/kubosho/Nico)
+[![devDependency Status](https://david-dm.org/kubosho/Nico/dev-status.svg)](https://david-dm.org/kubosho/Nico#info=devDependencies)
 
 "Nico"は"[Honoka](https://github.com/windyakin/Honoka)"を元にした、日本語も美しく表示できるBootstrapテーマです。
 
@@ -15,6 +16,13 @@
  * [Nico/bootstrap-ja.html](//kubosho.github.io/Nico/bootstrap-ja.html) (日本語レイアウト)
  * [Nico/bootstrap.html](//kubosho.github.io/Nico/bootstrap.html) (英語レイアウト)
 
+## Getting Started
+
+### Download
+
+[Relases](https://github.com/windyakin/Honoka/releases)から最新版をダウンロードしてください
+
+
 ## Usage
 
 Nicoは単なるBootstrapテーマにしか過ぎないため，基本的な使い方は本家Bootstrapとほとんど変わりません。よって以下に書くことは[本家Bootstrap](//getbootstrap.com/getting-started/)からの引用，もしくはその一部を変更したものです。用意されたCSSクラスやコンポーネントなど，より詳細な使い方のドキュメントは本家Bootstrapの各種リファレンスページをご覧になることを推奨します。
@@ -40,8 +48,8 @@ nico/
 │   ├─ glyphicons-halflings-regular.woff
 │   └─ glyphicons-halflings-regular.woff2
 └─ js/
-    ├─ bootstrap.js
-    └─ bootstrap.min.js
+     ├─ bootstrap.js
+     └─ bootstrap.min.js
 ```
 
 ### Basic Template
@@ -87,23 +95,15 @@ Bootstrapをつかってウェブページを作成する際に基本となるHT
 
 ## Grunt
 
-このリポジトリはGruntを使った自動タスクによって，テストや配布用パッケージを生成することができます。
-
-なお、事前に[Compass](http://compass-style.org/)のインストールが必要です。インストールしていない方は以下のコマンドを実行してください。
-
-```bash
-gem install compass
-```
+このリポジトリは[Grunt](http://gruntjs.com/)を使った自動タスクによって，テストや配布用パッケージを生成することができます。
 
 ### Attention
-``src/bootstrap/``以下についてはGitの[Submodule機能](//git-scm.com/book/en/v2/Git-Tools-Submodules)を使って[twbs/bootstra-sass](//github.com/twbs/bootstrap-sass/)(BootstrapのSASS版コード)を読み込んでいるため，ReleaseページでダウンロードできるSource Codeというアーカイブの
-中に含まれていません。よって[twbs/bootstra-sass](//github.com/twbs/bootstrap-sass/)を直接ダウンロードしてファイルを配置する必要があります。
 
-一番いいのは，Nicoのリポジトリ自体を``git clone``し，以下のコマンドを実行することです。
+#### Using Bower
 
-```
-% git submodule update --init src/bootstrap
-```
+``v3.3.5-c``からそれまでGit Submoduleを使用していたBootstrapのSass版ソースコードの取り込みに，[Bower](http://bower.io/)を使用するようになりました。
+
+``bower install``などのコマンドについては，[grunt-bower-task](https://www.npmjs.com/package/grunt-bower-task)でGruntタスク化されているため事前に実行する必要はありません。
 
 ### Test
 

appveyor.yml

@@ -0,0 +1,30 @@
+version: "{build}"
+
+init:
+  - git config --global core.autocrlf true
+
+environment:
+  matrix:
+    - nodejs_version: 0.12
+
+install:
+  - SET PATH=C:\Ruby%ruby_version%\bin;%PATH%
+  - ruby --version
+  - gem --version
+  - gem install sass
+  - ps: Install-Product node $env:nodejs_version
+  - npm install
+  - bower install
+
+test_script:
+  - node --version && npm --version
+  - npm start
+
+build: off
+
+matrix:
+  fast_finish: true
+
+cache:
+  - C:\Users\appveyor\AppData\Roaming\npm-cache -> package.json # npm cache
+  - node_modules -> package.json                                # local npm modules