servel 0.26.0 → 0.31.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 75f1adecf46ae4f4e27908dd3fbf9668bcd8f11bf984891dae8ee0c4c4ce4d86
-  data.tar.gz: a60bafd99c0e34e664978a7972508b7f8808b04d3f6d59c70cf50bf640863278
+  metadata.gz: b9764905c7e72d90eecf301bf30c25c5542602d70df065803e18c03ab8353322
+  data.tar.gz: cf989ead1073528b04fc5c2c86d2f57ce37beace6c110fe40955c802390e4d58
 SHA512:
-  metadata.gz: 4e517dbf1780afa748772644f336acef587e2b60ef25736936f2ac79673f363a4b97bfe59fed2eb559e14c6565ce8b24cd589a6e3c140f2d0002570e540846fd
-  data.tar.gz: e78d33037f5aedd290eb798dfa80dbb0aa8886f8724da3ce3f7bc4d12e8b623b64480c57b0a79f81d2922488ded6ca4ef6cffad70d21bb14e90c9a8d0604eb2b
+  metadata.gz: ed18495a7e3c37f25fd22655f7eebd8e78e712782d3970f15a46b205cc9c5e92da2ddb884277cae0558043b66754dac9936fd8dfcbd9dd9333c324caed2931b3
+  data.tar.gz: fadfa698ea51f4c95deee988c4ecfbd8edfff80776cf406fb780b5551f0d0207826110d8058ec150af763422d16901bb2a17431d2111cce855bd0346dd30933a

data/app/_gallery.haml

@@ -1,14 +1,15 @@
 #controls
-  #page-back.paginator ◀
-  #page-back-10.paginator ◀◀
-  #layout-mode.paginator ⤡
   #page-jump-listing.paginator 🔗 Listing
+  #layout-mode.paginator ⤡
+  #page-back-10.paginator ◀◀
   #page-next-10.paginator ▶▶
+  #page-back.paginator ◀
   #page-next.paginator ▶
 #content
-  %img#image
-  %video#video{controls: true}
-  %audio#audio{controls: true}
-  #text
-    %a#text-anchor{href: '#'}
-    #text-content
+  #scroller
+    %img#image
+    %video#video{controls: false, loop: true}
+    %audio#audio{controls: true}
+    #text
+      %a#text-anchor{href: '#'}
+      #text-content

data/app/css/common.css

@@ -16,6 +16,14 @@ body {
   user-select: none;
 }
 
+.text-selectable {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -khtml-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+}
+
 a {
   text-decoration: none;
 }

data/app/css/gallery.css

@@ -1,25 +1,85 @@
 #gallery {
   background: #333;
   display: none;
-  flex-direction: column;
 }
 
 body.has-gallery.gallery #gallery {
   display: flex;
 }
 
+#controls {
+  display: flex;
+}
+
+#page-jump-listing {
+  flex-grow: 1;
+}
+
+.paginator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 75px;
+
+  font-size: 2em;
+  font-weight: bold;
+  text-align: center;
+  background-color: #1f1f1f;
+  color: #858585;
+
+  cursor: pointer;
+}
+
+.paginator:hover {
+  background-color: #0f0f0f;
+  color: #c1c1c1;
+}
+
 #content {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-grow: 1;
+  min-width: 0;
+  min-height: 0;
+}
+
+#scroller {
+  width: 100%;
+  max-height: 100%;
+  overflow: auto;
+}
+
+body.portrait #gallery {
+  flex-direction: column;
+}
+
+body.portrait .paginator {
+  width: 100px;
+}
+
+body.portrait #page-jump-listing {
+  width: auto;
+}
+
+body.landscape #gallery {
+  flex-direction: row;
+}
+
+body.landscape #controls {
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 100px;
+}
+
+body.landscape #page-jump-listing {
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
 }
 
 #image, #video, #audio, #text {
   display: none;
-  max-width: 100%;
   margin: 0 auto 0 auto;
-  padding-top: 75px;
 }
 
 #video:focus, #audio:focus {
@@ -51,36 +111,6 @@ body.has-gallery.gallery #gallery {
   display: block;
 }
 
-#controls {
-  position: fixed;
-  left: 0;
-  right: 0;
-  display: flex;
-  z-index: 10;
-}
-
-.paginator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100px;
-  height: 75px;
-
-  font-size: 2em;
-  font-weight: bold;
-  text-align: center;
-  background-color: #000000;
-  color: #ffffff;
-
-  opacity: 0.4;
-  cursor: pointer;
-}
-
-#page-jump-listing {
-  flex-grow: 1;
-  width: auto;
-}
-
 @media screen and (max-width: 767px) {
   #gallery.video, #gallery.audio, #gallery.text {
     padding: 0;
@@ -101,9 +131,3 @@ body.has-gallery.gallery #gallery {
     display: none;
   }
 }
-
-@media screen and (min-width: 768px) {
-  .paginator:hover {
-    opacity: 0.7;
-  }
-}

data/app/js/gallery.js

@@ -1,9 +1,13 @@
 "use strict";
 
 var Gallery = (function() {
-  var LAYOUT_MODES = ["fit-both", "fit-width", "clamp-width"];
+  var LAYOUT_MODES = ["fit-both", "fit-width", "clamp-width", "full-size"];
 
+  var $body;
   var $gallery;
+  var $image;
+  var $video;
+  var $audio;
   var currentIndex;
   var layoutModeIndex = 0;
 
@@ -20,9 +24,10 @@ var Gallery = (function() {
 
   function clearContent() {
     $gallery.classList.remove("image", "video", "audio", "text");
-    $("#image").src = "about:none";
-    $("#video").src = "about:none";
-    $("#audio").src = "about:none";
+    $video.removeAttribute('src');
+    $video.pause();
+    $audio.removeAttribute('src');
+    $audio.pause();
     $("#text-content").innerHTML = "";
   }
 
@@ -97,6 +102,11 @@ var Gallery = (function() {
     if(layoutModeIndex >= LAYOUT_MODES.length) layoutModeIndex = 0;
   }
 
+  function playPauseVideo() {
+    if ($video.paused || $video.ended) $video.play();
+    else $video.pause();
+  }
+
   function initEvents() {
     document.body.addEventListener("click", function(e) {
       if(!e.target) return;
@@ -118,7 +128,7 @@ var Gallery = (function() {
         fastForward();
       }
       else if(e.target.matches("#page-jump-listing")) {
-        e.preventDefault();
+        e.stopPropagation();
         Index.jumpListing();
       }
       else if(e.target.closest("#layout-mode")) {
@@ -126,6 +136,10 @@ var Gallery = (function() {
         switchLayoutMode();
         layout();
       }
+      else if(e.target.matches("#video")) {
+        e.stopPropagation();
+        playPauseVideo();
+      }
     });
 
     window.addEventListener("keydown", function(e) {
@@ -143,19 +157,42 @@ var Gallery = (function() {
   }
 
   function layout() {
-    var viewportHeight = document.documentElement.clientHeight + "px";
-    $gallery.style.minHeight = viewportHeight;
+    var vw = document.documentElement.clientWidth;
+    var vh = document.documentElement.clientHeight;
+
+    var viewportOrientation = vw > vh ? "landscape" : "portrait";
+    $body.classList.remove("landscape", "portrait");
+    $body.classList.add(viewportOrientation);
+
+    $gallery.style.height = vh + "px";
+
+    var scrollerMaxHeight = viewportOrientation == "landscape" ? vh : vh - 75;
 
     var layoutMode = LAYOUT_MODES[layoutModeIndex];
-    var maxHeight = layoutMode == "fit-both" ? viewportHeight : "none";
-    var maxWidth = layoutMode == "clamp-width" ? "1000px" : "100%";
 
-    $("#image").style.maxWidth = maxWidth;
-    $("#image").style.maxHeight = maxHeight;
-    $("#video").style.maxWidth = maxWidth;
-    $("#video").style.maxHeight = maxHeight;
-    $("#audio").style.maxWidth = maxWidth;
-    $("#audio").style.maxHeight = maxHeight;
+    if(layoutMode == "fit-both") {
+      var maxWidth = "100%";
+      var maxHeight = (scrollerMaxHeight + "px");
+    }
+    else if(layoutMode == "fit-width") {
+      var maxWidth = "100%";
+      var maxHeight = "none";
+    }
+    else if(layoutMode == "clamp-width") {
+      var maxWidth = "1000px";
+      var maxHeight = "none";
+    }
+    else if(layoutMode == "full-size") {
+      var maxWidth = "none";
+      var maxHeight = "none";
+    }
+
+    $image.style.maxWidth = maxWidth;
+    $image.style.maxHeight = maxHeight;
+    $video.style.maxWidth = maxWidth;
+    $video.style.maxHeight = maxHeight;
+    $audio.style.maxWidth = maxWidth;
+    $audio.style.maxHeight = maxHeight;
   }
 
   function initLayout() {
@@ -169,7 +206,11 @@ var Gallery = (function() {
   }
 
   function init() {
+    $body = $("body");
     $gallery = $("#gallery");
+    $image = $("#image");
+    $video = $("#video");
+    $audio = $("#audio");
 
     onEntriesUpdate();
 

data/app/js/index.js

@@ -19,52 +19,8 @@ var Index = (function() {
     document.body.classList.add("gallery");
   }
 
-  function jumpScroll() {
-    if(galleryVisible()) {
-      jumpListing();
-      window.scrollTo(0, 0);
-    }
-    else {
-      jumpGallery();
-      window.scrollTo(0, document.body.scrollHeight);
-    }
-  }
-
-  function atTop() {
-    return window.scrollY == 0;
-  }
-
-  function bottomScrollDown(event) {
-    return galleryVisible() && atBottom() && event.deltaY > 0;
-  }
-
-  function topScrollUp(event) {
-    return listingVisible() && atTop() && event.deltaY < 0;
-  }
-
-  function initEvents() {
-    var scrollSize = 0;
-
-    window.addEventListener("wheel", function(event) {
-      if(bottomScrollDown(event) || topScrollUp(event)) {
-        scrollSize += Math.abs(event.deltaY);
-
-        if(scrollSize >= 1500) {
-          scrollSize = 0;
-          jumpScroll();
-        }
-      }
-      else {
-        scrollSize = 0;
-      }
-    });
-  }
-
   function init() {
-    if((Entries.media().length / Entries.all().length) >= 0.5) jumpGallery();
-    else jumpListing();
-
-    initEvents();
+    jumpListing();
   }
 
   return {

data/app/js/listing.js

@@ -27,7 +27,7 @@ var Listing = (function() {
   function renderRow(file) {
     return HTMLSafe`
       <tr>
-        <td class="name">
+        <td class="name text-selectable">
           <span class="icon">${file.icon}</span>
           <a href="${file.href}" class="default ${file.class}" data-url="${file.href}" data-type="${file.mediaType}">${file.name}</a>
         </td>

data/bin/servel

@@ -2,4 +2,4 @@
 
 require "servel"
 
-Servel::CLI.new(ARGV).start
+Servel::CLI.new.start

data/lib/servel.rb

@@ -3,6 +3,7 @@ require 'rack/handler/puma'
 require 'hamlit'
 require 'active_support/all'
 require 'lru_redux'
+require 'tty-config'
 
 require 'thread'
 require 'pathname'
@@ -15,6 +16,10 @@ module Servel
 
     Rack::URLMap.new(url_map)
   end
+
+  def self.config
+    @config ||= Servel::ConfigParser.new.config
+  end
 end
 
 require "servel/version"
@@ -25,4 +30,5 @@ require "servel/haml_context"
 require "servel/index"
 require "servel/app"
 require "servel/home_app"
+require "servel/config_parser"
 require "servel/cli"

data/lib/servel/cli.rb

@@ -1,18 +1,14 @@
-class Servel::CLI
-  def initialize(argv)
-    @argv = argv
-  end
-
-  def start
-    Rack::Handler::Puma.run(Servel.build_app(path_map))
-  end
-
-  def path_map
-    @argv.map do |arg|
-      root, url_root = arg.split(":" , 2)
-      root = Pathname.new(root).realpath
-
-      [root, url_root || "/"]
-    end.to_h
-  end
-end
+class Servel::CLI
+  def start
+    Rack::Handler::Puma.run(Servel.build_app(path_map))
+  end
+
+  def path_map
+    Servel.config.fetch(:listings).map do |listing|
+      listing = { listing => nil } if listing.is_a?(String)
+
+      root, url_root = listing.keys.first, listing.values.first || "/"
+      [Pathname.new(root).realpath, url_root]
+    end.to_h
+  end
+end

data/lib/servel/config_parser.rb

@@ -0,0 +1,23 @@
+class Servel::ConfigParser
+  attr_reader :config
+
+  def initialize
+    @config = TTY::Config.new
+    @config.filename = "servel"
+    @config.append_path(Dir.pwd)
+    @config.append_path((Pathname.new(Dir.home) + ".servel").to_s)
+    @config.append_path(Dir.home)
+    @config.env_prefix = "servel"
+    @config.autoload_env
+    @config.read if @config.exist?
+
+    @config.append(*parse_argv, to: :listings)
+  end
+
+  def parse_argv
+    ARGV.map do |arg|
+      root, url_root = arg.split(":" , 2)
+      { root => url_root }
+    end
+  end
+end

data/lib/servel/version.rb

@@ -1,3 +1,3 @@
 module Servel
-  VERSION = "0.26.0"
+  VERSION = "0.31.0"
 end

data/servel.gemspec

@@ -28,4 +28,5 @@ Gem::Specification.new do |spec|
   spec.add_dependency "hamlit"
   spec.add_dependency "activesupport"
   spec.add_dependency "lru_redux"
+  spec.add_dependency "tty-config"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: servel
 version: !ruby/object:Gem::Version
-  version: 0.26.0
+  version: 0.31.0
 platform: ruby
 authors:
 - Brenton "B-Train" Fletcher
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-12 00:00:00.000000000 Z
+date: 2020-11-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -108,6 +108,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: tty-config
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: Serves files and directories over HTTP.
 email:
 - i@bloople.net
@@ -143,6 +157,7 @@ files:
 - lib/servel.rb
 - lib/servel/app.rb
 - lib/servel/cli.rb
+- lib/servel/config_parser.rb
 - lib/servel/entry.rb
 - lib/servel/entry_factory.rb
 - lib/servel/haml_context.rb
@@ -170,8 +185,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.6
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: Serves files and directories over HTTP.