trmnl_preview 0.2.0 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1d511eb133cb9ee46d6d343f9ed1bef3c11c3e581ae193310d2d6f50d900c4a4
-  data.tar.gz: ed60374a348285201cd0f49396cd2995c5b87301866aec421cd3c21131c6fe98
+  metadata.gz: 3944c7a74517407dbb4ee683c628111668149c622be67a4ba3d69a2655d8b48e
+  data.tar.gz: e6c9d4f7472e4b56d818884ba6ca33307706891da62c40121398036507568fcd
 SHA512:
-  metadata.gz: 063e9d97310fdc7c20609e83573006e18df1a081455d8d60d1694fbbc21a43c82c99290395b54e0b815d498884ebf69f984f4d153c3d50131c34b090c6752749
-  data.tar.gz: c44116ac437e7636c403481d6b5b773a5f0d0ccf425b6e2181bc987d272056bef407ce43919d967fa86da80b96b032534d423b43dd60ef71d56c96ec22e4b9ab
+  metadata.gz: 1fd0a512a23f1439cc4030543f92272682917d1024ae8ef6eed7449f51d7677add6a0974ed4783b56ad088729ac53a7343e0c00d9026c83d762fb9f825406eb2
+  data.tar.gz: 70c1ba02c0df2d7e427fc079f0bee439fdeea0c120f348d562f734e10f10b210c11db34fbc99c76894afa5622714445efb1fee17fa44029080ba22c216462b1d

data/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.3.0
+
+- Add poll button
+- Add case image overlays
+- Add `trmnlp build` command
+- Add support for `url` pointing to a local JSON data file
+
 ## 0.2.0
 
 - Add "commands" concept to `trmnlp` executable

data/exe/trmnlp

@@ -5,6 +5,8 @@ require_relative '../lib/trmnl_preview'
 case ARGV[0].to_s.downcase
 when 'serve'
   require_relative '../lib/trmnl_preview/cmd/serve'
+when 'build'
+  require_relative '../lib/trmnl_preview/cmd/build'
 else
   require_relative '../lib/trmnl_preview/cmd/usage'
 end

data/lib/trmnl_preview/app.rb

@@ -1,97 +1,53 @@
-require 'json'
-require 'liquid'
-require 'open-uri'
+
 require 'sinatra'
 require 'sinatra/base'
-require 'toml-rb'
-
-require_relative 'liquid_filters'
-
-class TRMNLPreview::App < Sinatra::Base
-  # Constants
-  VIEWS = %w{full half_horizontal half_vertical quadrant}
 
-  # Sinatra settings
-  set :views, File.join(File.dirname(__FILE__), '..', '..', 'views')
-  
-  def initialize(*args)
-    super
-
-    @config_path = File.join(settings.user_dir, 'config.toml')
-    @user_views_dir = File.join(settings.user_dir, 'views')
-    @temp_dir = File.join(settings.user_dir, 'tmp')
-    @data_json_path = File.join(@temp_dir, 'data.json')
+require_relative 'context'
+
+module TRMNLPreview
+  class App < Sinatra::Base
+    # Sinatra settings
+    set :views, File.join(File.dirname(__FILE__), '..', '..', 'web', 'views')
+    set :public_folder, File.join(File.dirname(__FILE__), '..', '..', 'web', 'public')
+    
+    def initialize(*args)
+      super
+
+      begin
+        @context = Context.new(settings.user_dir)
+      rescue StandardError => e
+        puts e.message
+        exit 1
+      end
 
-    unless File.exist?(@config_path)
-      puts "No config.toml found in #{settings.user_dir}"
-      exit 1
-    end
-  
-    unless Dir.exist?(@user_views_dir)
-      puts "No views found at #{@user_views_dir}"
-      exit 1
+      @context.poll_data if @context.strategy == 'polling'
     end
 
-    FileUtils.mkdir_p(@temp_dir)
-
-    @config = TomlRB.load_file(@config_path)
-    strategy = @config['strategy']
-  
-    unless ['polling', 'webhook'].include?(strategy)
-      puts "Invalid strategy: #{strategy} (must be 'polling' or 'webhook')"
-      exit 1
+    post '/webhook' do
+      @context.set_data(request.body.read)
+      "OK"
     end
-  
-    url = @config['url']
-    polling_headers = @config['polling_headers'] || {}
-  
-    if strategy == 'polling'
-      if url.nil?
-        puts "URL is required for polling strategy"
-        exit 1
-      end
-  
-      print "Fetching #{url}... "
-      payload = URI.open(url, polling_headers).read
-      File.write(@data_json_path, payload)
-      puts "got #{payload.size} bytes"
-    end
-  
-    @liquid_environment = Liquid::Environment.build do |env|
-      env.register_filter(TRMNLPreview::LiquidFilters)
+    
+    get '/' do
+      redirect '/full'
     end
-  end
 
-  post '/webhook' do
-    body = request.body.read
-    File.write(@data_json_path, body)
-    "OK"
-  end
-  
-  get '/' do
-    redirect '/full'
-  end
-  
-  VIEWS.each do |view|
-    get "/#{view}" do
-      @view = view
-      erb :index
+    get '/poll' do
+      @context.poll_data
+      redirect back
     end
-
-    get "/render/#{view}" do
-      path = File.join(@user_views_dir, "#{view}.liquid")
-      unless File.exist?(path)
-        halt 404, "Plugin template not found: views/#{view}.liquid"
+    
+    VIEWS.each do |view|
+      get "/#{view}" do
+        @view = view
+        erb :index
       end
 
-      user_template = Liquid::Template.parse(File.read(path), environment: @liquid_environment)
-
-      @view = view
-      erb :render_view do
-        data = JSON.parse(File.read(@data_json_path))
-        data = { data: data } if data.is_a?(Array) # per TRMNL docs, bare array is wrapped in 'data' key
-
-        user_template.render(data)
+      get "/render/#{view}" do
+        @view = view
+        erb :render_view do
+          @context.render_template(view)
+        end
       end
     end
   end

data/lib/trmnl_preview/cmd/build.rb

@@ -0,0 +1,25 @@
+require 'optionparser'
+
+require_relative '../context'
+
+OptionParser.new do |opts|
+  opts.banner = "Usage: trmnlp build [directory]"
+end.parse!
+
+root = ARGV[1] || Dir.pwd
+begin
+  context = TRMNLPreview::Context.new(root)
+rescue StandardError => e
+  puts e.message
+  exit 1
+end
+
+context.poll_data
+
+TRMNLPreview::VIEWS.each do |view|
+  output_path = File.join(context.temp_dir, "#{view}.html")
+  puts "Creating #{output_path}..."
+  File.write(output_path, context.render_full_page(view))
+end
+
+puts "Done!"

data/lib/trmnl_preview/cmd/usage.rb

@@ -6,4 +6,5 @@ Usage:
 Commands (-h for command-specific help):
 
   serve     Start the TRMNL Preview server
+  build     Generate static HTML files
 USAGE

data/lib/trmnl_preview/context.rb

@@ -0,0 +1,102 @@
+require 'erb'
+require 'fileutils'
+require 'json'
+require 'liquid'
+require 'open-uri'
+require 'toml-rb'
+
+require_relative 'liquid_filters'
+
+module TRMNLPreview
+  class Context
+    attr_reader :strategy, :temp_dir
+    
+    def initialize(root)
+      config_path = File.join(root, 'config.toml')
+      @user_views_dir = File.join(root, 'views')
+      @temp_dir = File.join(root, 'tmp')
+      @data_json_path = File.join(@temp_dir, 'data.json')
+    
+      @liquid_environment = Liquid::Environment.build do |env|
+        env.register_filter(LiquidFilters)
+      end
+
+      unless File.exist?(config_path)
+        raise "No config.toml found in #{root}"
+      end
+    
+      unless Dir.exist?(@user_views_dir)
+        raise "No views found at #{@user_views_dir}"
+      end
+
+      config = TomlRB.load_file(config_path)
+      @strategy = config['strategy']
+      @url = config['url']
+      @polling_headers = config['polling_headers'] || {}
+
+      unless ['polling', 'webhook'].include?(@strategy)
+        raise "Invalid strategy: #{strategy} (must be 'polling' or 'webhook')"
+      end
+
+      FileUtils.mkdir_p(@temp_dir)
+    end
+
+    def user_data
+      data = JSON.parse(File.read(@data_json_path))
+      data = { data: data } if data.is_a?(Array) # per TRMNL docs, bare array is wrapped in 'data' key
+      data
+    end
+
+    def poll_data
+      if @url.nil?
+        raise "URL is required for polling strategy"
+      end
+
+      print "Fetching #{@url}... "
+
+      if @url.match?(/^https?:\/\//)
+        payload = URI.open(@url, @polling_headers).read
+      else
+        payload = File.read(@url)
+      end
+
+      File.write(@data_json_path, payload)
+      puts "got #{payload.size} bytes"
+
+      user_data
+    end
+
+    def set_data(payload)
+      File.write(@data_json_path, payload)
+    end
+
+    def view_path(view)
+      File.join(@user_views_dir, "#{view}.liquid")
+    end
+
+    def render_template(view)
+      path = view_path(view)
+      unless File.exist?(path)
+        return "Missing plugin template: views/#{view}.liquid"
+      end
+
+      user_template = Liquid::Template.parse(File.read(path), environment: @liquid_environment)
+      user_template.render(user_data)
+    end
+
+    def render_full_page(view)
+      page_erb_template = File.read(File.join(__dir__, '..', '..', 'web', 'views', 'render_view.erb'))
+      
+      ERB.new(page_erb_template).result(ERBBinding.new(view).get_binding do
+        render_template(view)
+      end)
+    end
+
+    private 
+
+    class ERBBinding
+      def initialize(view) = @view = view
+      def get_binding = binding
+    end
+  end
+end

data/lib/trmnl_preview/liquid_filters.rb

@@ -1,6 +1,8 @@
-module TRMNLPreview::LiquidFilters
-  def number_with_delimiter(number)
-    # TODO: Replace with ActiveSupport's number_with_delimiter
-    number.to_s.reverse.gsub(/(\d{3})(?=\d)/, '\\1,').reverse
+module TRMNLPreview
+  module LiquidFilters
+    def number_with_delimiter(number)
+      # TODO: Replace with ActiveSupport's number_with_delimiter
+      number.to_s.reverse.gsub(/(\d{3})(?=\d)/, '\\1,').reverse
+    end
   end
 end

data/lib/trmnl_preview/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module TRMNLPreview
-  VERSION = "0.2.0"
+  VERSION = "0.3.0"
 end

data/lib/trmnl_preview.rb

@@ -2,10 +2,9 @@
 
 module TRMNLPreview; end
 
-# require_relative "trmnl_preview/app"
+require_relative "trmnl_preview/context"
 require_relative "trmnl_preview/version"
 
 module TRMNLPreview
-  class Error < StandardError; end
-  # Your code goes here...
-end
+  VIEWS = %w{full half_horizontal half_vertical quadrant}
+end

data/web/views/index.erb

@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TRMNL Preview</title>
+    <style>
+        body {
+            font-family: sans-serif;
+            margin: 10px;
+        }
+        main {
+            display: flex;
+            flex-direction: column;
+            width: fit-content;
+        }
+        menu {
+            padding: 0;
+            margin: 0;
+            display: flex;
+            justify-content: space-between;
+        }
+        menu a {
+            padding: 0.5em 1em;
+            background: #ddd;
+            border-radius: 0.5em;
+            display: inline-block;
+            text-decoration: none;
+            color: black;
+        }
+        menu a:hover {
+            background: #ccc;
+        }
+        menu a.active {
+            background: #333;
+            color: white;
+        }
+        .case {
+            width: 1000px;
+            height: 680px;
+            position: relative;
+        }
+        iframe {
+            position: absolute;
+            border: none;
+            left: 98px;
+            top: 65px;
+            filter: grayscale(100%);
+        }
+        .case .case-overlay {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+            background-size: cover;
+            mix-blend-mode: multiply;
+            pointer-events: none;
+        }
+        .case--none .case-overlay { background: none; }
+        .case--white .case-overlay { background-image: url('white-case.jpg') }
+        .case--black .case-overlay { background-image: url('black-case.jpg') }
+        .case--clear .case-overlay { background-image: url('clear-case.jpg') }
+        .case--none iframe {
+            border: 1px solid black;
+        }
+    </style>
+    <script>
+        function updateCase() {
+            const value = document.querySelector('.select-case').value;
+            document.querySelector('.case').className = `case case--${value}`;
+            localStorage.setItem('trmnlp-case', value);
+        }
+
+        document.addEventListener('DOMContentLoaded', () => {
+            const caseValue = localStorage.getItem('trmnlp-case') || 'black';
+
+            const select = document.querySelector('.select-case');
+            select.value = caseValue;
+            select.addEventListener('change', () => { updateCase() });
+            
+            updateCase();
+        });
+    </script>
+</head>
+<body>
+    <main>
+        <menu>
+            <div>
+                <a class="<%= 'active' if @view == 'full' %>" href="/full">Full</a>
+                <a class="<%= 'active' if @view == 'half_horizontal' %>" href="/half_horizontal">Half Horizontal</a>
+                <a class="<%= 'active' if @view == 'half_vertical' %>" href="/half_vertical">Half Vertical</a>
+                <a class="<%= 'active' if @view == 'quadrant' %>" href="/quadrant">Quadrant</a>
+            </div>
+            <div>
+                <select class="select-case">
+                    <option value="none">None</option>
+                    <option value="white">White</option>
+                    <option value="black" selected>Black</option>
+                    <option value="clear">Clear</option>
+                </select>
+
+                <a href="/poll">Poll</a>
+            </div>
+        </menu>
+
+        <div class="case case--black">
+            <iframe src="/render/<%= @view %>" width="800" height="480"></iframe>
+            <div class="case-overlay"></div>
+        </div>
+    </main>
+</body>
+</html>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: trmnl_preview
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Rockwell Schrock
@@ -96,13 +96,18 @@ files:
 - exe/trmnlp
 - lib/trmnl_preview.rb
 - lib/trmnl_preview/app.rb
+- lib/trmnl_preview/cmd/build.rb
 - lib/trmnl_preview/cmd/serve.rb
 - lib/trmnl_preview/cmd/usage.rb
+- lib/trmnl_preview/context.rb
 - lib/trmnl_preview/liquid_filters.rb
 - lib/trmnl_preview/version.rb
 - trmnl_preview.gemspec
-- views/index.erb
-- views/render_view.erb
+- web/public/black-case.jpg
+- web/public/clear-case.jpg
+- web/public/white-case.jpg
+- web/views/index.erb
+- web/views/render_view.erb
 homepage: https://github.com/schrockwell/trmnl_preview
 licenses:
 - MIT

data/views/index.erb

@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>TRMNL Preview</title>
-    <style>
-        body {
-            font-family: sans-serif;
-            background: #eee;
-        }
-        .menu {
-            margin-bottom: 1em;
-        }
-        .menu a {
-            padding: 0.5em 1em;
-            background: #ddd;
-            border-radius: 0.5em;
-            display: inline-block;
-            text-decoration: none;
-            color: black;
-        }
-        .menu a:hover {
-            background: #ccc;
-        }
-        .menu a.active {
-            background: #333;
-            color: white;
-        }
-    </style>
-</head>
-<body>
-    <div class="menu">
-        <a class="<%= 'active' if @view == 'full' %>" href="/full">Full</a>
-        <a class="<%= 'active' if @view == 'half_horizontal' %>" href="/half_horizontal">Half Horizontal</a>
-        <a class="<%= 'active' if @view == 'half_vertical' %>" href="/half_vertical">Half Vertical</a>
-        <a class="<%= 'active' if @view == 'quadrant' %>" href="/quadrant">Quadrant</a>
-    </div>
-
-    <iframe src="/render/<%= @view %>" width="800" height="480"></iframe>
-</body>
-</html>