rollout-ui 0.1.0

data/lib/rollout/ui/views/features/show.slim

@@ -0,0 +1,70 @@
+a.text-sm.text-blue-600(href=index_path class='hover:text-blue-700 hover:underline') ← back to overview
+
+h2.font-semibold.text-xl.text-gray-500.pt-12
+  = @feature.name
+
+.w-8.h-1.bg-gray-300.my-10
+
+form.p-6.bg-gray-100.max-w-lg.w-full.text-sm.rounded-sm action=feature_path(@feature.name) method='POST'
+  .mb-5
+    label.block.text-gray-500.mb-2(for='description') Description
+    input.appearance-none.border.rounded-sm.w-full.py-2.px-4.text-gray-600.leading-relaxed.bg-white(
+      name='description'
+      id='description'
+      value=@feature.data['description']
+      class='hover:border-gray-500'
+    )
+
+  .mb-5
+    label.block.text-gray-500.mb-2(for='groups')
+      | Groups
+      span.ml-1.text-gray-400
+        | (multi-select)
+    select.block.appearance-none.w-full.bg-white.border.border-gray-300.px-4.py-3.rounded-sm.leading-relaxed(name="groups[]" id='groups' multiple=true size=$rollout.groups.count)
+      option.py-1.px-1(value='' selected=(@feature.groups.count == 0))
+        = '(none)'
+      - @rollout.groups.each do |group|
+        option.py-1.px-1(
+          value=group
+          selected=@feature.groups.include?(group)
+        )
+          = group
+
+  .mb-5
+    label.block.text-gray-500.mb-2(for='percentage') Percentage
+    input.appearance-none.border.rounded-sm.w-full.py-2.px-4.text-gray-600.leading-relaxed.bg-white(
+      name='percentage'
+      id='percentage'
+      value=@feature.percentage
+      class='hover:border-gray-500'
+      type='number'
+      min='0'
+      max='100'
+      step='10'
+    )
+
+  .mb-5
+    label.block.text-gray-500.mb-2 Users
+
+    - if @feature.users.count > 100
+      .appearance-none.border.rounded-sm.w-full.py-2.px-4.text-gray-600.leading-relaxed.bg-gray-100
+        = @feature.users.count
+    - else
+      textarea.appearance-none.border.rounded-sm.w-full.py-2.px-4.text-gray-600.leading-relaxed.bg-white(
+        name='users'
+        id='users'
+        value=@feature.users.join(', ')
+        class='hover:border-gray-500'
+        rows='2'
+      )
+        = @feature.users.join(', ')
+
+  .flex.items-center.justify-end
+    form action=delete_feature_path(@feature.name) method='POST'
+      button.mr-5.text-gray-600(class='hover:underline' type='submit' onclick="return confirm('Are you sure you want to delete #{@feature.name}?')")
+        ' Delete
+    button.py-4.px-5.bg-gray-700.text-gray-200.rounded-sm.font-bold.leading-none.transition-colors.duration-200(class='hover:bg-gray-800' type='submit') Update
+
+- history_events = @rollout.respond_to?(:logging) ? @rollout.logging.events(@feature.name).reverse : []
+
+== slim :"features/partials/event_log", locals: { events: history_events }

data/lib/rollout/ui/views/layout.slim

@@ -0,0 +1,17 @@
+doctype html
+html
+  head
+    title Rollout UI
+    meta name='viewport' content='width=device-width initial-scale=1'
+    link rel='stylesheet' href=stylesheet_path('tailwind.min')
+
+  body
+    / Addresses https://stackoverflow.com/questions/21147149/flash-of-unstyled-content-fouc-in-firefox-only-is-ff-slow-renderer
+    script 0
+
+    .container.mx-auto.font-mono.text-gray-700.px-5.pb-20
+      h1.font-light.text-4xl.text-gray-600.pt-20
+        a href=index_path class='hover:text-blue-700'
+          ' Rollout
+
+      == yield

data/lib/rollout/ui/web.rb

@@ -0,0 +1,75 @@
+require "sinatra"
+require "rollout"
+
+require "rollout/ui/version"
+require "rollout/ui/config"
+require "rollout/ui/helpers"
+
+module Rollout::UI
+  class Web < Sinatra::Base
+    set :static, true
+    set :public_folder, File.dirname(__FILE__) + '/public'
+
+    helpers Helpers
+
+    get '/' do
+      @rollout = config.get(:instance)
+      @features = @rollout.features.sort_by(&:downcase)
+
+      slim :'features/index'
+    end
+
+    get '/features/new' do
+      slim :'features/new'
+    end
+
+    post '/features/new' do
+      redirect feature_path(params[:name])
+    end
+
+    get '/features/:feature_name' do
+      @rollout = config.get(:instance)
+      @feature = @rollout.get(params[:feature_name])
+
+      slim :'features/show'
+    end
+
+    post '/features/:feature_name' do
+      rollout = config.get(:instance)
+      actor = config.get(:actor, scope: self)
+
+      rollout.logging.with_context(actor: actor) do
+        rollout.with_feature(params[:feature_name]) do |feature|
+          feature.percentage = params[:percentage].to_f.clamp(0.0, 100.0)
+          feature.groups = (params[:groups] || []).reject(&:empty?).map(&:to_sym)
+          if params[:users]
+            feature.users = params[:users].split(',').map(&:strip).uniq.sort
+          end
+          feature.data.update(description: params[:description])
+        end
+      end
+
+      redirect feature_path(params[:feature_name])
+    end
+
+    post '/features/:feature_name/activate-percentage' do
+      rollout = config.get(:instance)
+      actor = config.get(:actor, scope: self)
+
+      rollout.logging.with_context(actor: actor) do
+        rollout.with_feature(params[:feature_name]) do |feature|
+          feature.percentage = params[:percentage].to_f.clamp(0.0, 100.0)
+        end
+      end
+
+      redirect index_path
+    end
+
+    post '/features/:feature_name/delete' do
+      @rollout = config.get(:instance)
+      @rollout.delete(params[:feature_name])
+
+      redirect index_path
+    end
+  end
+end

data/rollout-ui.gemspec

@@ -0,0 +1,32 @@
+
+lib = File.expand_path("../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "rollout/ui/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "rollout-ui"
+  spec.version       = Rollout::UI::VERSION
+  spec.authors       = ["FetLife"]
+  spec.email         = ["dev@fetlife.com"]
+
+  spec.summary       = %q{}
+  spec.description   = %q{}
+  spec.homepage      = "https://github.com/fetlife/rollout-ui"
+  spec.license       = "MIT"
+
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files         = Dir.chdir(File.expand_path('..', __FILE__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "rollout", "~> 2.5"
+  spec.add_dependency "sinatra", "~> 2.0"
+
+  spec.add_development_dependency "bundler", "~> 1.17"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec", "~> 3.0"
+end

metadata

@@ -0,0 +1,135 @@
+--- !ruby/object:Gem::Specification
+name: rollout-ui
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- FetLife
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2020-07-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rollout
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.5'
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.17'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.17'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: ''
+email:
+- dev@fetlife.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib/rollout/ui.rb
+- lib/rollout/ui/config.rb
+- lib/rollout/ui/helpers.rb
+- lib/rollout/ui/public/css/tailwind.min.css
+- lib/rollout/ui/version.rb
+- lib/rollout/ui/views/features/index.slim
+- lib/rollout/ui/views/features/new.slim
+- lib/rollout/ui/views/features/partials/event_log.slim
+- lib/rollout/ui/views/features/show.slim
+- lib/rollout/ui/views/layout.slim
+- lib/rollout/ui/web.rb
+- rollout-ui.gemspec
+- screenshot_index.png
+- screenshot_show.png
+homepage: https://github.com/fetlife/rollout-ui
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.3
+signing_key: 
+specification_version: 4
+summary: ''
+test_files: []