servel 0.27.0 → 0.32.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d22cac43dd4ee9dca7038c1151afbc0dae141be026bfb8d6286b870f2e8bc989
-  data.tar.gz: ac371123d5b054b040b146ed11e454bb46c434391aa0803814cc6ac0298459e3
+  metadata.gz: 283ef8ff838b1a149aee4379a02233d006d5dfec7887de4791e20c2e61cbe86e
+  data.tar.gz: b6fa99503294d5bba7b338c86fd0eb9bb46b06944de3fe2b10b225a6120b6794
 SHA512:
-  metadata.gz: 0c758e45f6ae02ea188e33fd98002d39cd8f7ae4699c06b829c76370bfeb5d070c1254fb6722fdf640baaf986e050009f8a7abae52ad33db17926f1cc18958bc
-  data.tar.gz: 0f8ebbbd2a3b10879425a536bd208fdb215ba2af3902864babac144e7cbe08937f9ce4a765182d924b52da501423d996e5cc1de8817afbba37606eecda38d61e
+  metadata.gz: d44b0fef9dac7e95483e13856f4b030813019c26ed7676a8154cdad88eef8b9db9b5075c4a463dc374353c0e73a09b9c408aa069b79f80da58c221451a227bc3
+  data.tar.gz: d7a4126762ab129714b328aaf1dd492a17d1354870f4f943f799e2816f490de1ef85af253f8f4fcb96bd1d879fff5a134a7043f48112f2fe00bce7eac4af237a

data/app/_gallery.haml

@@ -6,9 +6,10 @@
   #page-back.paginator ◀
   #page-next.paginator ▶
 #content
-  %img#image
-  %video#video{controls: false, loop: 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").removeAttribute('src');
-    $("#video").removeAttribute('src');
-    $("#audio").removeAttribute('src');
+    $video.removeAttribute('src');
+    $video.pause();
+    $audio.removeAttribute('src');
+    $audio.pause();
     $("#text-content").innerHTML = "";
   }
 
@@ -98,7 +103,6 @@ var Gallery = (function() {
   }
 
   function playPauseVideo() {
-    var $video = $("#video");
     if ($video.paused || $video.ended) $video.play();
     else $video.pause();
   }
@@ -153,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() {
@@ -179,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

@@ -1,8 +1,10 @@
 require 'rack'
 require 'rack/handler/puma'
+require 'puma/configuration'
 require 'hamlit'
 require 'active_support/all'
 require 'lru_redux'
+require 'tty-config'
 
 require 'thread'
 require 'pathname'
@@ -15,6 +17,10 @@ module Servel
 
     Rack::URLMap.new(url_map)
   end
+
+  def self.config
+    @config ||= Servel::ConfigParser.new.config
+  end
 end
 
 require "servel/version"
@@ -25,4 +31,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,24 @@
-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
+  ALLOWED_PUMA_OPTIONS = [
+    :Host,
+    :Port,
+    :binds
+  ]
+
+  def start
+    Rack::Handler::Puma.run(Servel.build_app(path_map), **puma_options)
+  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
+
+  def puma_options
+    Servel.config.to_h.transform_keys(&:to_sym).slice(*ALLOWED_PUMA_OPTIONS)
+  end
+end

data/lib/servel/config_parser.rb

@@ -0,0 +1,43 @@
+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)
+    parse_binds
+  end
+
+  def parse_argv
+    ARGV.map do |arg|
+      root, url_root = arg.split(":" , 2)
+      { root => url_root }
+    end
+  end
+
+  def parse_binds
+    return parse_ssl_bind if @config.fetch(:cert) && @config.fetch(:key)
+
+    host = @config.fetch(:host)
+    port = @config.fetch(:port)
+    @config.set(:Host, value: host) if host
+    @config.set(:Port, value: port) if port
+  end
+
+  def parse_ssl_bind
+    host = @config.fetch(:host, default: ::Puma::ConfigDefault::DefaultTCPHost)
+    port = @config.fetch(:port, default: ::Puma::ConfigDefault::DefaultTCPPort)
+    key = Pathname.new(@config.fetch(:key)).expand_path
+    cert = Pathname.new(@config.fetch(:cert)).expand_path
+
+    query = URI.encode_www_form(key: key, cert: cert)
+    @config.append("ssl://#{host}:#{port}?#{query}", to: :binds)
+  end
+end

data/lib/servel/version.rb

@@ -1,3 +1,3 @@
 module Servel
-  VERSION = "0.27.0"
+  VERSION = "0.32.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.27.0
+  version: 0.32.0
 platform: ruby
 authors:
 - Brenton "B-Train" Fletcher
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-09-17 00:00:00.000000000 Z
+date: 2021-03-16 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.