epuber 0.3.5

data/lib/epuber/server/base.styl

@@ -0,0 +1,3 @@
+
+main_font_family = AvenirNext
+text_color = #B87B4A

data/lib/epuber/server/basic.styl

@@ -0,0 +1,211 @@
+
+@import 'base'
+@import 'book_content'
+
+body, div, html, p
+  margin 0
+  padding 0
+
+
+
+body
+  font-family main_font_family
+  font-weight normal
+  font-size 20px
+
+p
+  margin 0
+  text-indent 0
+
+a
+  text-decoration inherit
+  text-decoration-color inherit
+  color inherit
+
+  &:hover
+    text-decoration underline
+
+
+normal_color = rgba(255, 255, 255, 0.82)
+selected_color = #6D3102
+left_align = 40px
+header_underline_height = 6px
+
+#header_bg
+  height 70px
+  width 100%
+  background-color #C5946C
+  float left
+
+#header
+  height 70px
+  width 100%
+  max-width 1200px
+  margin 0 auto
+  background-color #C5946C
+  position relative
+
+  ul
+    padding 0
+    margin 0 0 0 left_align
+    position absolute
+    bottom header_underline_height
+
+    li
+      display inline
+      list-style none
+      padding 0
+      margin 0 10px
+      font-size 36px
+      color normal_color
+      border-bottom solid header_underline_height transparent
+
+      a
+        text-decoration inherit
+        color inherit
+
+      &:first-child
+        margin-left 0
+
+      &:hover
+        text-decoration underline
+        color selected_color
+        border-bottom-color selected_color
+
+      &.selected
+        color selected_color
+        border-bottom-color selected_color
+
+
+#main
+  display -webkit-flex // Safari
+  display flex
+  flex-flow row wrap
+
+  max-width 1200px
+
+  margin 0 auto
+  margin-top 20px
+
+#content
+  flex 5
+
+.toc_content
+  margin-left 40px
+
+
+div.cover_image
+  flex 1
+  margin-right 40px
+  margin-left left_align
+
+  max-width 250px
+
+  div
+    box-shadow 1px 1px 10px rgba(0, 0, 0, 0.4)
+
+    img
+      width 100%
+
+h1.meta_section
+  font-weight normal
+  font-size 36px
+  color text_color
+  margin-bottom 0
+
+  &:first-child
+    margin-top 0
+
+td.book_meta_key
+  text-align right
+  font-size 14px
+  color text_color
+  vertical-align baseline
+  padding-right 8px
+
+td.book_meta_value
+  font-size 20px
+  vertical-align baseline
+
+
+
+p.target_selected
+  font-weight bold
+
+
+
+ul.spine
+  padding-left 0
+  margin-top 0
+
+  & &
+    padding-left 30px
+
+  li
+    list-style none
+    line-height 1.4em
+
+    span.title
+      color text_color
+      text-decoration-color text_color
+
+    span.option
+      opacity .5
+      padding .1em .3em
+      font-size 12px
+      background-color #D8D8D8
+      border solid 1px #979797
+      border-radius 5px
+
+    a.toc_href
+      color rgba(0, 0, 0, 0.5)
+
+
+
+#footer
+  margin-top 50px
+  border-top solid 1px text_color
+  padding 10px 0
+  width 100%
+
+  p
+    text-align center
+    color gray
+    font-size 10px
+
+
+p.file
+  font-size 16px
+
+  span.arrow
+    font-family monospace
+    color text_color
+
+
+
+
+
+
+@font-face
+  font-family AvenirNext
+  font-style normal
+  font-weight bold
+  src url(fonts/AvenirNext/AvenirNext-Bold.ttf)
+
+@font-face
+  font-family AvenirNext
+  font-style italic
+  font-weight bold
+  src url(fonts/AvenirNext/AvenirNext-BoldItalic.ttf)
+
+@font-face
+  font-family AvenirNext
+  font-style italic
+  font-weight normal
+  src url(fonts/AvenirNext/AvenirNext-Italic.ttf)
+
+@font-face
+  font-family AvenirNext
+  font-style normal
+  font-weight normal
+  src url(fonts/AvenirNext/AvenirNext-Regular.ttf)

data/lib/epuber/server/book_content.styl

@@ -0,0 +1,39 @@
+
+@import 'base'
+
+#epuber_spinner_container
+  position fixed
+  top 50%
+  left 50%
+  width 70px
+  height 70px
+  margin-top -35px // half of height
+  margin-left -35px // half of width
+  background-color text_color
+  border-radius 35px
+
+  box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.6);
+
+
+#epuber_connection_container
+  display block
+  position fixed
+  top 0px
+  left 0px
+  width 100%
+  background-color #ff0033
+  border-bottom 1px solid #980000
+  padding 10px 0px
+  z-index 99999999
+  cursor pointer
+  box-shadow 0px 1px 10px 0px rgba(0, 0, 0, 0.6)
+
+  p
+    text-indent 0
+    text-align center
+    line-height 1.4em
+    margin 0px 15px
+    color white
+    font-size 20px
+    font-weight medium
+    font-family sans-serif

data/lib/epuber/server/handlers.rb

@@ -0,0 +1,67 @@
+# encoding: utf-8
+
+require 'nokogiri'
+
+module Epuber
+  class Server
+    # @param [String] file_path  absolute path to xhtml file
+    #
+    # @return [(Fixnum, String)]
+    #
+    def handle_xhtml_file(file_path)
+      html_doc = Nokogiri::XML(File.open(file_path))
+
+      add_file_to_head(:js, html_doc, 'vendor/bower/jquery/jquery.min.js')
+      add_file_to_head(:js, html_doc, 'vendor/bower/spin/spin.js')
+      add_file_to_head(:js, html_doc, 'vendor/bower/cookies/cookies.min.js')
+      add_file_to_head(:js, html_doc, 'vendor/bower/uri/URI.min.js')
+      add_file_to_head(:js, html_doc, 'vendor/bower/keymaster/keymaster.js')
+      add_file_to_head(:style, html_doc, 'book_content.styl')
+
+      add_file_to_head(:js, html_doc, 'support.coffee')
+      add_auto_refresh_script(html_doc)
+
+      unless file_resolver.nil?
+        current_index = file_resolver.spine_files.index { |file| file.final_destination_path == file_path }
+
+        unless current_index.nil?
+          previous_path = spine_file_at(current_index - 1).try(:pkg_destination_path)
+          next_path     = spine_file_at(current_index + 1).try(:pkg_destination_path)
+          add_keyboard_control_script(html_doc, previous_path, next_path)
+        end
+      end
+
+      [200, html_doc.to_html]
+    end
+
+    # @param [String] file_name  name of the file located in ./pages/
+    #
+    # @return [(Fixnum, String)]
+    #
+    def handle_server_bade(file_name)
+      handle_bade(File.expand_path("pages/#{file_name}", File.dirname(__FILE__)))
+    end
+
+    # @param [String] file_path  path to bade file to render
+    #
+    # @return [(Fixnum, String)]
+    #
+    def handle_bade(file_path)
+      [200, self.class.render_bade(file_path)]
+    rescue => e
+      env['sinatra.error'] = e
+      ShowExceptions.new(self).call(env)
+    end
+
+    # @param [String] file_path  path to bade file to render
+    #
+    # @return [String]
+    #
+    def self.render_bade(file_path)
+      renderer = Bade::Renderer.from_file(file_path)
+                               .with_locals(book: book, target: target, file_resolver: file_resolver)
+
+      renderer.render(new_line: '', indent: '')
+    end
+  end
+end

data/lib/epuber/server/keyboard_control.coffee

@@ -0,0 +1,6 @@
+
+goToPage = (path) ->
+    window.location.assign('/book/' + path) if path?
+
+key 'right', -> goToPage($next_path)
+key 'left',  -> goToPage($previous_path)

data/lib/epuber/server/pages/book.bade

@@ -0,0 +1,75 @@
+
+import "common"
+
+mixin book_meta(key, format: nil)
+	tr
+		- value = book.send(key.to_sym)
+		- if value.is_a?(Array)
+			- value = value.map(&format).join(', ')
+		- end
+
+		- unless value.nil?
+			td.book_meta_key= key.gsub('_', ' ')
+			td.book_meta_value= value
+		- end
+
+mixin metas
+	table
+		- default_block.call!
+
+mixin section(name)
+	h1.meta_section= name
+	- default_block.call
+
+
+mixin iterate_spine(toc_item)
+	- if toc_item.sub_items.count > 0
+		ul.spine
+			- toc_item.sub_items.each do |item|
+				li
+					- item_href = "/book/#{pretty_path_toc_item(item)}"
+					a.href(href: item_href)= item.local_source_pattern
+					- unless item.title.nil?
+						= '   '
+						span.title: a.title(href: item_href)= item.title
+					- end
+					- unless item.options.empty?
+						= '   '
+					- end
+					- item.options.each do |opt|
+						- next if opt.nil?
+						= ' '
+						span.option= opt.inspect
+					- end
+					+iterate_spine(item)
+			- end
+	- end
+
++page(header_id: 'home')
+	.cover_image
+		div
+			- unless (file = file_resolver.file_from_request(book.cover_image)).nil?
+				img(src: "/raw/#{file.pkg_destination_path}")
+			- else
+				img(src: '/server/raw/default_cover.png')
+			- end
+	#content
+		+section('Metadata')
+			+metas
+				+book_meta('title')
+				+book_meta('subtitle')
+				+book_meta('authors', format: lambda { |author| author.pretty_name })
+
+				+book_meta('publisher')
+				+book_meta('language')
+				+book_meta('version')
+				+book_meta('build_version')
+
+
+		+section('Targets')
+			- book.targets.each do |b_target|
+				p(class: 'target_selected' if target == b_target): a(href: "/change_target/#{b_target.name}")= b_target.name
+			- end
+
+		+section('Spine')
+			+iterate_spine(target.root_toc)

data/lib/epuber/server/pages/common.bade

@@ -0,0 +1,59 @@
+
+- def pretty_path_toc_item(toc_item)
+-   Epuber::Helper.destination_path_for_toc_item(toc_item, file_resolver, file_resolver.destination_path)
+- end
+
+- def pretty_path(file_request)
+-   file = file_resolver.file_from_request(file_request)
+-   path = file.destination_path
+
+-   pattern = file_request.source_pattern
+-   fragment_index = pattern.index('#')
+-   path += pattern[fragment_index..-1] unless fragment_index.nil?
+
+-   path
+- end
+
+
+mixin body_header(current)
+	#header_bg
+	#header
+		ul
+			li(class: 'selected' if current == 'home' || current.nil?): a(href: '/')= book.title
+			li(class: 'selected' if current == 'toc'): a(href: '/toc/') Toc
+			li(class: 'selected' if current == 'files'): a(href: '/files/') Files
+
+mixin body_footer
+	#footer
+		p Epuber v#{Epuber::VERSION} | © #{Time.now.year} Roman Kříž
+
+mixin page(title: nil, header_id: nil)
+	html
+    	head
+    		- if title.nil?
+    			title #{book.title} | Epuber
+    		- else
+    			title #{title} | #{book.title} | Epuber
+    		- end
+    		link(rel: "stylesheet", type: "text/css", href: "/server/raw/basic.styl")
+    		<script type="text/javascript" charset="utf-8" src="/server/raw/vendor/bower/jquery/jquery.min.js"></script>
+    		<script type="text/javascript" charset="utf-8" src="/server/raw/vendor/bower/spin/spin.js"></script>
+    		<script type="text/javascript" charset="utf-8" src="/server/raw/vendor/bower/uri/URI.min.js"></script>
+    		<script type="text/javascript" charset="utf-8" src="/server/raw/vendor/bower/cookies/cookies.min.js"></script>
+    		<script type="text/javascript" charset="utf-8" src="/server/raw/auto_refresh/reloader.coffee"></script>
+    		<script type="text/javascript" charset="utf-8" src="/server/raw/auto_refresh/connector.coffee"></script>
+    		<script type="text/javascript" charset="utf-8" src="/server/raw/auto_refresh/protocol.coffee"></script>
+    		<script type="text/javascript" charset="utf-8" src="/server/raw/auto_refresh/auto_refresh.coffee"></script>
+    		<script type="text/javascript">
+    			| var auto_refresh = new AutoRefresh(window, console);
+    		</script>
+    		<meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+    	body
+    		+body_header(header_id)
+
+			#main
+            	- default_block.call
+
+    		+body_footer