memorack 0.0.1

data/lib/memorack/memoapp.rb

@@ -0,0 +1,350 @@
+# coding: utf-8
+
+require 'rubygems'
+require 'rack'
+require 'uri'
+
+require 'memorack/tilt-mustache'
+require 'memorack/mdmenu'
+
+module MemoRack
+	class MemoApp
+		attr_reader :themes, :options_chain
+
+		DEFAULT_APP_OPTIONS = {
+			root:				'content/',
+			themes_folder:		'themes/',
+			tmpdir:				'tmp/',
+			theme:				'basic',
+			markdown:			'redcarpet',
+			formats:			['markdown'],
+			css:				nil,
+			directory_watcher:	false
+		}
+
+		# テンプレートエンジンのオプション
+		DEFAULT_TEMPLATE_OPTIONS = {
+			tables:			true
+		}
+
+		# テンプレートで使用するローカル変数の初期値
+		DEFAULT_LOCALS = {
+			title:				'memo'
+		}
+
+		DEFAULT_OPTIONS = DEFAULT_APP_OPTIONS.merge(DEFAULT_TEMPLATE_OPTIONS).merge(DEFAULT_LOCALS)
+
+		def initialize(app, options={})
+			options = DEFAULT_OPTIONS.merge(to_sym_keys(options))
+
+			@themes_folders = [options[:themes_folder], File.expand_path('../themes/', __FILE__)]
+			read_config(options[:theme], options)
+
+			@app = app
+			@options = options
+
+			# DEFAULT_APP_OPTIONS に含まれるキーをすべてインスタンス変数に登録する
+			DEFAULT_APP_OPTIONS.each { |key, item|
+				instance_variable_set("@#{key}".to_sym, options[key])
+
+				# @options からテンプレートで使わないものを削除
+				@options.delete(key)
+			}
+
+			@locals = default_locals(@options)
+
+			use_engine(@markdown)
+			define_statics(@root, *@themes)
+
+			# ファイル監視を行う
+			watcher(@root) if @directory_watcher
+		end
+
+		def call(env)
+			content_type = 'text/html'
+
+			req = Rack::Request.new(env)
+			query = Rack::Utils.parse_query(req.query_string)
+			path_info = URI.unescape(req.path_info)
+			path, ext = split_extname(path_info)
+
+			case path_info
+			when '/'
+				content = render_with_mustache :index, :markdown
+			when /\.css$/
+				case @css
+				when 'scss', 'sass'
+					require 'sass'
+
+					result = pass(env, @statics)
+					return result unless result.first == 404
+
+					content_type = 'text/css'
+					cache_location = File.expand_path('sass-cache', @tmpdir)
+					content = render @css.to_sym, "#{path}.#{@css}", {views: @themes, cache_location: cache_location}
+				end
+			else
+				return pass(env) unless ext && Tilt.registered?(ext)
+
+				if query.has_key?('edit')
+					fullpath = File.expand_path(File.join(@root, path_info))
+
+					# @attention リダイレクトはうまく動作しない
+					#
+					# redirect_url = 'file://' + File.expand_path(File.join(@root, req.path_info))
+					# return redirect(redirect_url, 302) if File.exists?(fullpath)
+				end
+
+				content = render_with_mustache path.to_sym, ext
+			end
+
+			return pass(env) unless content
+
+			[200, {'Content-Type' => content_type}, [content.to_s]]
+		end
+
+
+		# リダイレクト
+		def redirect(url, code = 301)
+			# 301 = 恒久的, 302 = 一時的, 303, 410
+			[code, {'Content-Type' => 'text/html', 'Location' => url}, ['Redirect: ', url]]
+		end
+
+		# テンプレートエンジンを使用できるようにする
+		def use_engine(engine)
+			require engine if engine
+
+			# Tilt で Redcarpet 2.x を使うためのおまじない
+			Object.send(:remove_const, :RedcarpetCompat) if defined?(RedcarpetCompat) == 'constant'
+		end
+
+		# テーマのパスを取得する
+		def theme_path(theme)
+			return nil unless theme
+
+			@themes_folders.each { |folder|
+				path = theme && File.join(folder, theme)
+				return path if File.exists?(path) && FileTest::directory?(path)
+			}
+
+			nil
+		end
+
+		# デフォルトの locals を生成する
+		def default_locals(locals = {})
+			locals = locals.dup
+
+			locals[:page]			||= {}
+			locals[:page][:title]	||= locals[:title]
+
+			locals[:app]			||= {}
+			locals[:app][:name]		||= MemoRack::name
+			locals[:app][:version]	||= MemoRack::VERSION
+			locals[:app][:url]		||= MemoRack::HOMEPAGE
+
+			locals
+		end
+
+		# 設定ファイルを読込む
+		def read_config(theme, options = {})
+			@themes ||= []
+			@options_chain = []
+			@theme_chain = []
+
+			begin
+				require 'json'
+
+				while theme
+					dir = theme_path(theme)
+					break unless dir
+					break if @themes.member?(dir)
+
+					# テーマ・チェインに追加
+					@themes << File.join(dir, '')
+
+					# config の読込み
+					path = File.join(dir, 'config.json')
+					break unless File.readable?(path)
+
+					data = File.read(path)
+					@options_chain << to_sym_keys(JSON.parse(data))
+
+					theme = @options_chain.last[:theme]
+				end
+			rescue
+			end
+
+			# オプションをマージ
+			@options_chain.reverse.each { |opts| options.merge!(opts) }
+			options
+		end
+
+		# 静的ファイルの参照先を定義する
+		def define_statics(*args)
+			@statics = [] unless @statics
+
+			@statics |= args.collect { |root| Rack::File.new(root) }
+		end
+
+		# 次のアプリにパスする
+		def pass(env, apps = @statics + [@app])
+			apps.each { |app|
+				next unless app
+
+				result =  app.call(env)
+				return result unless result.first == 404
+			}
+
+			[404, {'Content-Type' => 'text/plain'}, ['File not found: ', env['PATH_INFO']]]
+		end
+
+		# ファイル監視を行う
+		def watcher(path = '.')
+			require 'directory_watcher'
+
+			dw = DirectoryWatcher.new path, :pre_load => true
+			dw.interval = 1
+			dw.stable = 2
+			dw.glob = '**/*'
+			dw.add_observer { |*args|
+				t = Time.now.strftime("%Y-%m-%d %H:%M:%S")
+				puts "[#{t}] regeneration: #{args.size} files changed"
+
+				@menu = nil
+			}
+
+			dw.start
+		end
+
+		# テンプレートエンジンで render する
+		def render(engine, template, options = {}, locals = {})
+			options = {views: @root}.merge(options)
+
+			if options[:views].kind_of?(Array)
+				err = nil
+
+				options[:views].each { |views|
+					options[:views] = views
+
+					begin
+						return render(engine, template, options, locals)
+					rescue Errno::ENOENT => e
+						err = e
+					end
+				}
+
+				raise err
+			end
+
+			fname = template.kind_of?(String) ? template : "#{template}.#{engine}"
+			path = File.join(options[:views], fname)
+
+			engine = Tilt.new(File.join(File.dirname(path), ".#{engine}"), options) {
+				method = MemoApp.template_method(template)
+
+				if method && respond_to?(method)
+					data = send(method)
+				else
+					data = File.binread(path)
+					data.force_encoding('UTF-8')
+				end
+
+				data
+			}
+			engine.render(options, locals).force_encoding('UTF-8')
+		end
+
+		# レイアウトに mustache を適用してテンプレートエンジンでレンダリングする
+		def render_with_mustache(template, engine = :markdown, options = {}, locals = {})
+			begin
+				options = @options.merge(options)
+
+				@menu = nil unless @directory_watcher	# ファイル監視していない場合はメニューを初期化
+
+				@menu ||= render :markdown, :menu, options
+				content = render engine, template, options
+				fname = template.to_s.force_encoding('UTF-8')
+
+				locals = @locals.merge(locals)
+
+				locals[:__menu__]		= @menu
+				locals[:__content__]	= content
+				locals[:page][:title]	= [File.basename(fname), locals[:title]].join(' | ') unless template == :index
+
+				render :mustache, 'index.html', {views: @themes}, locals
+			rescue => e
+				e.to_s
+			end
+		end
+
+		# 拡張子を取出す
+		def split_extname(path)
+			return [$1, $2] if /^(.+)\.([^.]+)/ =~ path
+
+			[path]
+		end
+
+		# キーをシンボルに変換する
+		def to_sym_keys(hash)
+			hash.inject({}) { |memo, entry|
+				key, value = entry
+				memo[key.to_sym] = value
+				memo
+			}
+		end
+
+		# Tilt に登録されている拡張子を集める
+		def extnames(extname)
+			klass = Tilt[extname]
+			Tilt.mappings.select { |key, value| value.member?(klass) }.collect { |key, value| key }
+		end
+
+		# 対応フォーマットを取得する
+		def collect_formats
+			unless @collect_formats
+				@collect_formats = {}
+
+				@formats.each { |item|
+					if item.kind_of?(Array)
+						@collect_formats[item.first] = item
+					elsif item.kind_of?(Hash)
+						@collect_formats.merge!(item)
+					else
+						@collect_formats[item] = extnames(item)
+					end
+				}
+			end
+
+			@collect_formats
+		end
+
+		# テンプレート名
+		def self.template_method(name)
+			name.kind_of?(Symbol) && "template_#{name}".to_sym
+		end
+
+		# テンプレートを作成する
+		def self.template(name, &block)
+			define_method(self.template_method(name), &block)
+		end
+
+		#### テンプレート
+
+		# インデックスを作成
+		template :index do
+			begin
+				render :markdown, 'index.md', {views: @themes}
+			rescue
+				''
+			end
+		end
+
+		# メニューを作成
+		template :menu do
+			mdmenu = MdMenu.new({prefix: '/', uri_escape: true, formats: collect_formats})
+			Dir.chdir(@root) { |path| mdmenu.collection('.') }
+			mdmenu.generate(StringIO.new).string
+		end
+
+	end
+end

data/lib/memorack/sinatra-mustache.rb

@@ -0,0 +1,13 @@
+# coding: utf-8
+
+require 'sinatra/base'
+require 'memorack/tilt-mustache'
+
+
+module Sinatra
+  module Templates
+    def mustache(template, options={}, locals={})
+      render :mustache, template, options, locals
+    end
+  end
+end

data/lib/memorack/template/.gitignore

@@ -0,0 +1,12 @@
+tmp
+.sass-cache
+.ruby-version
+*~
+
+# old skool
+.svn
+
+# osx noise
+.DS_Store
+profile
+Icon

data/lib/memorack/template/.powenv

@@ -0,0 +1 @@
+export PATH="$HOME/.rbenv/shims:$PATH"

data/lib/memorack/template/Gemfile

@@ -0,0 +1,7 @@
+source :rubygems
+
+gem 'memorack'
+
+group :directory_watcher do
+	gem 'directory_watcher'
+end

data/lib/memorack/template/config.ru

@@ -0,0 +1,5 @@
+# coding: utf-8
+
+require 'memorack'
+
+run MemoRack::MemoApp.new(nil, theme: 'custom')

data/lib/memorack/template/content/README.md

@@ -0,0 +1,3 @@
+#### MemoRack について
+
+このディレクトリに markdown 等のメモファイルを作成してください

data/lib/memorack/template/themes/custom/config.json

@@ -0,0 +1,15 @@
+{
+//	"directory_watcher":	true,			// ファイルの変更を監視するか決める
+	"theme":				"oreilly",		// テーマ（省略すると basic ）
+//	"markdown":				"kramdown",		// 使用する markdownライブラリ（省略すると redcarpet ）
+//	"formats":				["markdown"],	// "markdown", "rdoc", "textile" or "wiki" （要 Tilt に対応した gem ライブラリ）
+
+	// redcarpet の拡張構文
+//	"tables":				false,			// テーブル
+//	"strikethrough":		false,			// 例: ~~good~~
+//	"fenced_code_blocks":	false,			// 例: ```ruby
+//	"superscript":			false,			// 例: 2^10
+//	"autolink":				true,			// 例: http://0.0.0.0/
+
+	"title":				"覚書き"			// タイトル
+}

data/lib/memorack/template/themes/custom/index.md

@@ -0,0 +1,3 @@
+### 覚書きについて
+
+私的な覚書き

data/lib/memorack/themes/basic/2-column.scss

@@ -0,0 +1,60 @@
+/* ２カラム表示 */
+#content-container {
+	width: 100%;
+}
+
+#menu {
+	width: 30%;
+	min-height: 100px;
+	float: left;
+	margin: 20px 0 20px 0;
+	padding: 0 10px 0 10px;
+	border: solid 1px #888;
+	border-radius: 10px;
+
+	ul {
+		padding-left: 20px;
+	}
+
+	a:link {
+		color: #369;
+		text-decoration: none;
+	}
+
+	a:visited {
+		color: #369;
+	}
+
+	a:hover {
+		color: #f00;
+	}
+
+	li {
+		padding-left: 4px;
+		margin-left: -4px;
+	}
+
+	li.selected {
+		background: #58b;
+		a {
+			color: #fff;
+		}
+	}
+}
+
+#content {
+	width: 65%;
+	float: right;
+	margin: 0;
+	position: relative;
+}
+
+.clear {
+	clear: both;
+}
+
+/* 文中の折返し */
+pre {
+	white-space: pre-wrap;
+	word-break: break-all;
+}

data/lib/memorack/themes/basic/basic-styles.scss

@@ -0,0 +1,82 @@
+/* 基本 */
+h1 {
+	font-size:1.8em;
+}
+
+h2 {
+	font-size:1.6em;
+}
+
+h3 {
+	font-size:1.2em;
+}
+
+h4, h5, h6 {
+	font-size:1em;
+}
+
+
+/* テーブル */
+table {
+	width: 100%;
+	border-collapse: collapse;
+	margin: 10px 0px;
+}
+
+tr {
+	background: #FFF;
+
+	.altrow {
+		background: #F9F9F9;
+	}
+}
+
+th, caption {
+	text-align:left;
+}
+
+th, td {
+	padding: .5em;
+	line-height:1.5em;
+	border:1px solid #ddd;
+	text-align: left;
+	font-size: .9em
+}
+
+th {
+	color: #555;
+	background: #f2f2f2;
+	padding: .5em .5em;
+  	font-weight:bold;
+	text-align: center;
+}
+
+td {
+	padding: .5em;
+}
+
+caption {
+	font-style: italic;
+	color: #777;
+}
+
+
+/* コード */
+code {
+	font-family: monospace;
+	white-space: pre;
+	background: #F7F7F7;
+	border: 1px solid #D7D7D7;
+
+	display: inline;
+	padding: 0 4px 0;
+	margin: 0 2px 0;
+}
+
+pre code {
+	display: block;
+	padding: 4px 12px 4px;
+	white-space: pre-wrap;
+	word-break: break-all;
+}
+

data/lib/memorack/themes/basic/config.json

@@ -0,0 +1,14 @@
+{
+	"directory_watcher":	false,			// ファイルの変更を監視するか決める
+	"css":					"scss",			// scss の自動変換を使用する
+//	"markdown":				"kramdown",		// 使用する markdownライブラリ
+//	"formats":				["markdown"],	// "markdown", "rdoc", "textile" or "wiki" （要 Tilt に対応した gem ライブラリ）
+
+	// redcarpet の拡張構文
+	"strikethrough":		true,			// 例: ~~good~~
+	"fenced_code_blocks":	true,			// 例: ```ruby
+	"superscript":			true,			// 例: 2^10
+//	"autolink":				true,			// 例: http://0.0.0.0/
+
+	"title":	"メモ"
+}

data/lib/memorack/themes/basic/index.html

@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+
+<style>
+  article, aside, dialog, figure, footer, header,
+  hgroup, menu, nav, section { display: block; }
+</style>
+
+<meta name="keywords" content="" />
+<meta name="description" content="" />
+<title>{{page.title}}</title>
+
+<link type="text/css" href="/styles.css" rel="stylesheet" media="all" />
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+<script type="text/javascript">
+	$(function(){
+		// 表示しているメニューを選択
+		$('#menu a[href="' + document.location.pathname + '"]').parent().addClass('selected');
+
+		// 外部サイトのリンクに target='_blank' を追加
+		$('a[href^=http]').not('[href*=":' + location.hostname + '"]').attr('target', '_blank');
+	});
+</script>
+
+</head>
+<body>
+  <div id="page">
+    <header>
+      <h1><a href="/">{{title}}</a></h1>
+    </header>
+
+    <div id="content-container">
+      <div id="menu" class="importdoc">{{{__menu__}}}</div>
+      <div id="content">{{{__content__}}}</div>
+      <div class="clear"></div>
+    </div>
+
+    <footer>
+      <p>Powered by <a href="{{app.url}}" target="_blank"> {{app.name}} {{app.version}}</a></p>
+    </footer>
+  </div>
+</body>
+</html>

data/lib/memorack/themes/basic/styles.scss

@@ -0,0 +1,9 @@
+@charset "utf-8";
+
+@import "basic-styles";
+@import "2-column";
+
+#page {
+	width: 900px;
+	margin-left: 36px;
+}

data/lib/memorack/themes/oreilly/config.json

@@ -0,0 +1,3 @@
+{
+	"theme":	"basic"
+}

data/lib/memorack/themes/oreilly/oreilly/base.scss

@@ -0,0 +1,33 @@
+/* mixin */
+
+@mixin box-shadow($args) {
+	-moz-box-shadow: $args;
+	-webkit-box-shadow: $args;
+	box-shadow: $args;
+}
+
+
+@mixin transform($args) {
+	-moz-transform: $args;
+	-webkit-transform: $args;
+	transform: $args;
+}
+
+
+/* basic style */
+
+body {
+	color:#333;
+	font-size: 14px;
+	font-family: Arial,Verdana,'Bitstream Vera Sans',Helvetica,sans-serif;
+	line-height: 1.5;
+	-webkit-font-smoothing: antialiased;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: Arial,Verdana,'Bitstream Vera Sans',Helvetica,sans-serif;
+	font-weight: bold;
+	letter-spacing: -0.018em;
+	page-break-after: avoid;
+}
+