reflekt 0.3.1 → 0.7.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7eecfaacf0ed26a06a1ab774a55f5ecf62713a71a685162a0da0fbd40696afec
-  data.tar.gz: 8a64d9fc0c39102423e6c95cfbdecbc53d9510097b63c35cb2f4cb4fb89d8870
+  metadata.gz: d92d12a27556a25c258f83cf2983ffc2758a70c5cd359f4e7beafb862e88e68c
+  data.tar.gz: be5fa824eb0e6cd3bd15e03da504c40a65e471687881a5fbfcebc0d0906399fd
 SHA512:
-  metadata.gz: d6029337485e9d149bd225e1a2786a37f7646115f3ea2adb6835adc8f686a1f93d090e7f68a3787ec37870f724f1a47dddf2df8b4ca58ad8dd6e7f0bda504c7c
-  data.tar.gz: da9b95e714e27bc6b96475784129aa66c8468657544d6bc368fb89edee5b4fbc2c4022770482b0d1fa3095bb310ec215c72fd2a63221b897c307748f2eff80cd
+  metadata.gz: 9ffb39bc278932fd985731c7e509767e79c3356da41d7114a57cfe47a774bb97742ae283837859e2ff158ff84121e2b565c2bf25aff1ae0e8345671b9bd8da22
+  data.tar.gz: 3db51deab75140780e718e3536ab06696a1d0ef5308b1cbfcf2fb8a56dc9144905f22f2f53e918afcd7d1e962416134fc41a07676e17c4a16b935c70aece19fb

data/lib/reflekt.rb

@@ -1,13 +1,7 @@
 require 'set'
-
-# Production.
+require 'erb'
 require 'rowdb'
 
-# Development.
-#require_relative '../../rowdb/lib/rowdb.rb'
-#require_relative '../../rowdb/lib/adapters/Adapter.rb'
-#require_relative '../../rowdb/lib/adapters/FileSystem.rb'
-
 ################################################################################
 # REFLEKT
 #
@@ -19,27 +13,55 @@ require 'rowdb'
 
 module Reflekt
 
-  @@clone_count = 5
+  # Reflection keys.
+  REFLEKT_TIME    = "t"
+  REFLEKT_INPUT   = "i"
+  REFLEKT_OUTPUT  = "o"
+  REFLEKT_TYPE    = "T"
+  REFLEKT_COUNT   = "C"
+  REFLEKT_VALUE   = "V"
+  REFLEKT_STATUS  = "s"
+  REFLEKT_MESSAGE = "m"
+  # Reflection values.
+  REFLEKT_PASS    = "p"
+  REFLEKT_FAIL    = "f"
+
+  @@reflekt_clone_count = 5
 
   def initialize(*args)
 
     @reflekt_forked = false
     @reflekt_clones = []
 
+    # Limit the amount of clones that can be created per instance.
+    # A method called thousands of times doesn't need that many reflections.
+    @reflekt_limit = 5
+    @reflekt_count = 0
+
     # Override methods.
     self.class.instance_methods(false).each do |method|
       self.define_singleton_method(method) do |*args|
 
         # When method called in flow.
         if @reflekt_forked
-          unless self.class.deflekted?(method)
-            # Reflekt on method.
-            @reflekt_clones.each do |clone|
-              reflekt_action(clone, method, *args)
+
+          if @reflekt_count < @reflekt_limit
+            unless self.class.deflekted?(method)
+
+              # Reflekt on method.
+              @reflekt_clones.each do |clone|
+                reflekt_action(clone, method, *args)
+              end
+
+              # Save results.
+              @@reflekt_db.write()
+
+              reflekt_render()
+
             end
-            # Save results.
-            @@db.write()
+            @reflekt_count = @reflekt_count + 1
           end
+
         end
 
         # Continue method flow.
@@ -58,7 +80,7 @@ module Reflekt
 
   def reflekt_fork()
 
-    @@clone_count.times do |clone|
+    @@reflekt_clone_count.times do |clone|
       @reflekt_clones << self.clone
     end
 
@@ -71,83 +93,171 @@ module Reflekt
     class_name = clone.class.to_s
     method_name = method.to_s
 
-    # Create new arguments.
-    new_args = []
+    # TODO: Create control fork. Get good value. Check against it.
+
+    # Create new arguments that are deviations on inputted type.
+    input = []
+
     args.each do |arg|
       case arg
       when Integer
-        new_args << rand(9999)
+        input << rand(9999)
       else
-        new_args << arg
+        input << arg
       end
     end
 
     # Action method with new arguments.
     begin
-      clone.send(method, *new_args)
+      output = clone.send(method, *input)
 
       # Build reflection.
       reflection = {
-        "time" => Time.now.to_i,
+        REFLEKT_TIME => Time.now.to_i,
+        REFLEKT_INPUT => reflekt_normalize_input(input),
+        REFLEKT_OUTPUT => reflekt_normalize_output(output)
       }
-    # When error.
-    rescue StandardError => error
-      reflection["status"] = "error"
-      reflection["error"] = error
-    # When success.
+
+    # When fail.
+  rescue StandardError => message
+      reflection[REFLEKT_STATUS] = REFLEKT_MESSAGE
+      reflection[REFLEKT_MESSAGE] = message
+    # When pass.
     else
-      reflection["status"] = "success"
+      reflection[REFLEKT_STATUS] = REFLEKT_PASS
     end
 
     # Save reflection.
-    @@db.get("#{class_name}.#{method_name}")
-        .push(reflection)
+    @@reflekt_db.get("#{class_name}.#{method_name}").push(reflection)
+
+  end
+
+  ##
+  # Normalize inputs.
+  #
+  # @param args - The actual inputs.
+  # @return - A generic inputs representation.
+  ##
+  def reflekt_normalize_input(args)
+    inputs = []
+    args.each do |arg|
+      input = {
+        REFLEKT_TYPE => arg.class.to_s,
+        REFLEKT_VALUE => reflekt_normalize_value(arg)
+      }
+      if (arg.class == Array)
+        input[REFLEKT_COUNT] = arg.count
+      end
+      inputs << input
+    end
+    inputs
+  end
+
+  ##
+  # Normalize output.
+  #
+  # @param output - The actual output.
+  # @return - A generic output representation.
+  ##
+  def reflekt_normalize_output(output)
+
+    o = {
+      REFLEKT_TYPE => output.class.to_s,
+      REFLEKT_VALUE => reflekt_normalize_value(output)
+    }
+
+    if (output.class == Array || output.class == Hash)
+      o[REFLEKT_COUNT] = output.count
+    elsif (output.class == TrueClass || output.class == FalseClass)
+      o[REFLEKT_TYPE] = :Boolean
+    end
+
+    return o
+
+  end
+
+  def reflekt_normalize_value(value)
+
+    unless value.nil?
+      value = value.to_s.gsub(/\r?\n/, " ").to_s
+      if value.length >= 30
+        value = value[0, value.rindex(/\s/,30)].rstrip() + '...'
+      end
+    end
+
+    return value
+
+  end
+
+  def reflekt_render()
+
+    # Render results.
+    @@reflekt_json = File.read("#{@@reflekt_output_path}/db.json")
+    template = File.read("#{@@reflekt_path}/web/template.html.erb")
+    rendered = ERB.new(template).result(binding)
+    File.open("#{@@reflekt_output_path}/index.html", 'w+') do |f|
+      f.write rendered
+    end
+
+    # Add JS.
+    javascript = File.read("#{@@reflekt_path}/web/script.js")
+    File.open("#{@@reflekt_output_path}/script.js", 'w+') do |f|
+      f.write javascript
+    end
+
+    # Add CSS.
+    stylesheet = File.read("#{@@reflekt_path}/web/style.css")
+    File.open("#{@@reflekt_output_path}/style.css", 'w+') do |f|
+      f.write stylesheet
+    end
 
   end
 
   private
 
-  # Prepend Klass to the instance's singleton class.
   def self.prepended(base)
-    base.singleton_class.prepend(Klass)
+    # Prepend class methods to the instance's singleton class.
+    base.singleton_class.prepend(SingletonClassMethods)
 
-    @@setup ||= setup_klass
+    @@reflekt_setup ||= reflekt_setup_class
   end
 
-  # Setup Klass.
-  def self.setup_klass()
+  # Setup class.
+  def self.reflekt_setup_class()
 
     # Receive configuration from host application.
     $ENV ||= {}
     $ENV[:reflekt] ||= $ENV[:reflekt] = {}
 
+    @@reflekt_path = File.dirname(File.realpath(__FILE__))
+
     # Create "reflections" directory in configured path.
     if $ENV[:reflekt][:output_path]
-      dir_path = File.join($ENV[:reflekt][:output_path], 'reflections')
+      @@reflekt_output_path = File.join($ENV[:reflekt][:output_path], 'reflections')
     # Create "reflections" directory in current execution path.
     else
-      dir_path = File.join(Dir.pwd, 'reflections')
+      @@reflekt_output_path = File.join(Dir.pwd, 'reflections')
     end
 
-    unless Dir.exist? dir_path
-      Dir.mkdir(dir_path)
+    unless Dir.exist? @@reflekt_output_path
+      Dir.mkdir(@@reflekt_output_path)
     end
 
     # Create database.
-    @@db = Rowdb.new(dir_path + '/db.json')
-    @@db.defaults({"reflections" => []})
+    @@reflekt_db = Rowdb.new(@@reflekt_output_path + '/db.json')
+    @@reflekt_db.defaults({ :reflekt => { :api_version => 1 }}).write()
 
     return true
   end
 
-  module Klass
+  module SingletonClassMethods
 
     @@deflekted_methods = Set.new
 
     ##
     # Skip a method.
     #
-    # method - A symbol representing the method name.
+    # @param method - A symbol representing the method name.
     ##
     def reflekt_skip(method)
       @@deflekted_methods.add(method)
@@ -158,6 +268,10 @@ module Reflekt
       false
     end
 
+    def reflekt_limit(amount)
+      @reflekt_limit = amount
+    end
+
   end
 
 end

data/lib/web/script.js

@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using Terser v3.14.1.
+ * Original file: /gh/alpinejs/alpine@2.6.0/dist/alpine.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).Alpine=t()}(this,function(){"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function n(n){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?t(Object(r),!0).forEach(function(t){e(n,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):t(Object(r)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))})}return n}function i(e){return Array.from(new Set(e))}function r(){return navigator.userAgent.includes("Node.js")||navigator.userAgent.includes("jsdom")}function s(e,t){"template"!==e.tagName.toLowerCase()?console.warn(`Alpine: [${t}] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#${t}`):1!==e.content.childElementCount&&console.warn(`Alpine: <template> tag with [${t}] encountered with multiple element roots. Make sure <template> only has a single child node.`)}function o(e){return e.toLowerCase().replace(/-(\w)/g,(e,t)=>t.toUpperCase())}function a(e,t){var n;return function(){var i=this,r=arguments;clearTimeout(n),n=setTimeout(function(){n=null,e.apply(i,r)},t)}}function l(e,t,n={}){return"function"==typeof e?e.call(t):new Function(["$data",...Object.keys(n)],`var __alpine_result; with($data) { __alpine_result = ${e} }; return __alpine_result`)(t,...Object.values(n))}const c=/^x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref|spread)\b/;function u(e){const t=m(e.name);return c.test(t)}function d(e,t,n){let i=Array.from(e.attributes).filter(u).map(f),r=i.filter(e=>"spread"===e.type)[0];if(r){let e=l(r.expression,t.$data);i=i.concat(Object.entries(e).map(([e,t])=>f({name:e,value:t})))}return n?i.filter(e=>e.type===n):function(e){let t=["bind","model","show","catch-all"];return e.sort((e,n)=>{let i=-1===t.indexOf(e.type)?"catch-all":e.type,r=-1===t.indexOf(n.type)?"catch-all":n.type;return t.indexOf(i)-t.indexOf(r)})}(i)}function f({name:e,value:t}){const n=m(e),i=n.match(c),r=n.match(/:([a-zA-Z0-9\-:]+)/),s=n.match(/\.[^.\]]+(?=[^\]]*$)/g)||[];return{type:i?i[1]:null,value:r?r[1]:null,modifiers:s.map(e=>e.replace(".","")),expression:t}}function m(e){return e.startsWith("@")?e.replace("@","x-on:"):e.startsWith(":")?e.replace(":","x-bind:"):e}function p(e,t=Boolean){return e.split(" ").filter(t)}const h="in",v="out";function b(e,t,n,i=!1){if(i)return t();if(e.__x_transition&&e.__x_transition.type===h)return;const r=d(e,n,"transition"),s=d(e,n,"show")[0];if(s&&s.modifiers.includes("transition")){let n=s.modifiers;if(n.includes("out")&&!n.includes("in"))return t();const i=n.includes("in")&&n.includes("out");(function(e,t,n){const i={duration:g(t,"duration",150),origin:g(t,"origin","center"),first:{opacity:0,scale:g(t,"scale",95)},second:{opacity:1,scale:100}};x(e,t,n,()=>{},i,h)})(e,n=i?n.filter((e,t)=>t<n.indexOf("out")):n,t)}else r.some(e=>["enter","enter-start","enter-end"].includes(e.value))?function(e,t,n,i){let r=n=>"function"==typeof n?t.evaluateReturnExpression(e,n):n;const s=p(r((n.find(e=>"enter"===e.value)||{expression:""}).expression)),o=p(r((n.find(e=>"enter-start"===e.value)||{expression:""}).expression)),a=p(r((n.find(e=>"enter-end"===e.value)||{expression:""}).expression));_(e,s,o,a,i,()=>{},h)}(e,n,r,t):t()}function y(e,t,n,i=!1){if(i)return t();if(e.__x_transition&&e.__x_transition.type===v)return;const r=d(e,n,"transition"),s=d(e,n,"show")[0];if(s&&s.modifiers.includes("transition")){let n=s.modifiers;if(n.includes("in")&&!n.includes("out"))return t();const i=n.includes("in")&&n.includes("out");(function(e,t,n,i){const r={duration:n?g(t,"duration",150):g(t,"duration",150)/2,origin:g(t,"origin","center"),first:{opacity:1,scale:100},second:{opacity:0,scale:g(t,"scale",95)}};x(e,t,()=>{},i,r,v)})(e,n=i?n.filter((e,t)=>t>n.indexOf("out")):n,i,t)}else r.some(e=>["leave","leave-start","leave-end"].includes(e.value))?function(e,t,n,i){const r=p((n.find(e=>"leave"===e.value)||{expression:""}).expression),s=p((n.find(e=>"leave-start"===e.value)||{expression:""}).expression),o=p((n.find(e=>"leave-end"===e.value)||{expression:""}).expression);_(e,r,s,o,()=>{},i,v)}(e,0,r,t):t()}function g(e,t,n){if(-1===e.indexOf(t))return n;const i=e[e.indexOf(t)+1];if(!i)return n;if("scale"===t&&!E(i))return n;if("duration"===t){let e=i.match(/([0-9]+)ms/);if(e)return e[1]}return"origin"===t&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[i,e[e.indexOf(t)+2]].join(" "):i}function x(e,t,n,i,r,s){e.__x_transition&&(cancelAnimationFrame(e.__x_transition.nextFrame),e.__x_transition.callback&&e.__x_transition.callback());const o=e.style.opacity,a=e.style.transform,l=e.style.transformOrigin,c=!t.includes("opacity")&&!t.includes("scale"),u=c||t.includes("opacity"),d=c||t.includes("scale"),f={start(){u&&(e.style.opacity=r.first.opacity),d&&(e.style.transform=`scale(${r.first.scale/100})`)},during(){d&&(e.style.transformOrigin=r.origin),e.style.transitionProperty=[u?"opacity":"",d?"transform":""].join(" ").trim(),e.style.transitionDuration=`${r.duration/1e3}s`,e.style.transitionTimingFunction="cubic-bezier(0.4, 0.0, 0.2, 1)"},show(){n()},end(){u&&(e.style.opacity=r.second.opacity),d&&(e.style.transform=`scale(${r.second.scale/100})`)},hide(){i()},cleanup(){u&&(e.style.opacity=o),d&&(e.style.transform=a),d&&(e.style.transformOrigin=l),e.style.transitionProperty=null,e.style.transitionDuration=null,e.style.transitionTimingFunction=null}};w(e,f,s)}function _(e,t,n,i,r,s,o){e.__x_transition&&(cancelAnimationFrame(e.__x_transition.nextFrame),e.__x_transition.callback&&e.__x_transition.callback());const a=e.__x_original_classes||[],l={start(){e.classList.add(...n)},during(){e.classList.add(...t)},show(){r()},end(){e.classList.remove(...n.filter(e=>!a.includes(e))),e.classList.add(...i)},hide(){s()},cleanup(){e.classList.remove(...t.filter(e=>!a.includes(e))),e.classList.remove(...i.filter(e=>!a.includes(e)))}};w(e,l,o)}function w(e,t,n){e.__x_transition={type:n,callback:O(()=>{t.hide(),e.isConnected&&t.cleanup(),delete e.__x_transition}),nextFrame:null},t.start(),t.during(),e.__x_transition.nextFrame=requestAnimationFrame(()=>{let n=1e3*Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s",""));0===n&&(n=1e3*Number(getComputedStyle(e).animationDuration.replace("s",""))),t.show(),e.__x_transition.nextFrame=requestAnimationFrame(()=>{t.end(),setTimeout(e.__x_transition.callback,n)})})}function E(e){return!isNaN(e)}function O(e){let t=!1;return function(){t||(t=!0,e.apply(this,arguments))}}function k(e,t,i,r,o){s(t,"x-for");let a=A("function"==typeof i?e.evaluateReturnExpression(t,i):i),l=function(e,t,n,i){let r=d(t,e,"if")[0];if(r&&!e.evaluateReturnExpression(t,r.expression))return[];return e.evaluateReturnExpression(t,n.items,i)}(e,t,a,o),c=t;l.forEach((i,s)=>{let u=function(e,t,i,r,s){let o=s?n({},s):{};o[e.item]=t,e.index&&(o[e.index]=i);e.collection&&(o[e.collection]=r);return o}(a,i,s,l,o()),f=function(e,t,n,i){let r=d(t,e,"bind").filter(e=>"key"===e.value)[0];return r?e.evaluateReturnExpression(t,r.expression,()=>i):n}(e,t,s,u),m=function(e,t){if(!e)return;if(e.__x_for_key===t)return e;let n=e;for(;n;){if(n.__x_for_key===t)return n.parentElement.insertBefore(n,e);n=!(!n.nextElementSibling||void 0===n.nextElementSibling.__x_for_key)&&n.nextElementSibling}}(c.nextElementSibling,f);m?(delete m.__x_for_key,m.__x_for=u,e.updateElements(m,()=>m.__x_for)):(b(m=function(e,t){let n=document.importNode(e.content,!0);return t.parentElement.insertBefore(n,t.nextElementSibling),t.nextElementSibling}(t,c),()=>{},e,r),m.__x_for=u,e.initializeElements(m,()=>m.__x_for)),(c=m).__x_for_key=f}),function(e,t){var n=!(!e.nextElementSibling||void 0===e.nextElementSibling.__x_for_key)&&e.nextElementSibling;for(;n;){let e=n,i=n.nextElementSibling;y(n,()=>{e.remove()},t),n=!(!i||void 0===i.__x_for_key)&&i}}(c,e)}function A(e){let t=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,n=e.match(/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/);if(!n)return;let i={};i.items=n[2].trim();let r=n[1].trim().replace(/^\(|\)$/g,""),s=r.match(t);return s?(i.item=r.replace(t,"").trim(),i.index=s[1].trim(),s[2]&&(i.collection=s[2].trim())):i.item=r,i}function S(e,t,n,r,s,a,l){var c=e.evaluateReturnExpression(t,r,s);if("value"===n){if(me.ignoreFocusedForValueBinding&&document.activeElement.isSameNode(t))return;if(void 0===c&&r.match(/\./)&&(c=""),"radio"===t.type)void 0===t.attributes.value&&"bind"===a?t.value=c:"bind"!==a&&(t.checked=t.value==c);else if("checkbox"===t.type)"string"==typeof c&&"bind"===a?t.value=c:"bind"!==a&&(Array.isArray(c)?t.checked=c.some(e=>e==t.value):t.checked=!!c);else if("SELECT"===t.tagName)!function(e,t){const n=[].concat(t).map(e=>e+"");Array.from(e.options).forEach(e=>{e.selected=n.includes(e.value||e.text)})}(t,c);else{if(t.value===c)return;t.value=c}}else if("class"===n)if(Array.isArray(c)){const e=t.__x_original_classes||[];t.setAttribute("class",i(e.concat(c)).join(" "))}else if("object"==typeof c){Object.keys(c).sort((e,t)=>c[e]-c[t]).forEach(e=>{c[e]?p(e).forEach(e=>t.classList.add(e)):p(e).forEach(e=>t.classList.remove(e))})}else{const e=t.__x_original_classes||[],n=p(c);t.setAttribute("class",i(e.concat(n)).join(" "))}else n=l.includes("camel")?o(n):n,[null,void 0,!1].includes(c)?t.removeAttribute(n):!function(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}(n)?$(t,n,c):$(t,n,n)}function $(e,t,n){e.getAttribute(t)!=n&&e.setAttribute(t,n)}function P(e,t,n,i,r,s={}){const l={passive:i.includes("passive")};if(i.includes("camel")&&(n=o(n)),i.includes("away")){let o=a=>{t.contains(a.target)||t.offsetWidth<1&&t.offsetHeight<1||(C(e,r,a,s),i.includes("once")&&document.removeEventListener(n,o,l))};document.addEventListener(n,o,l)}else{let o=i.includes("window")?window:i.includes("document")?document:t,c=a=>{if(o!==window&&o!==document||document.body.contains(t)){if(!(function(e){return["keydown","keyup"].includes(e)}(n)&&function(e,t){let n=t.filter(e=>!["window","document","prevent","stop"].includes(e));if(n.includes("debounce")){let e=n.indexOf("debounce");n.splice(e,E((n[e+1]||"invalid-wait").split("ms")[0])?2:1)}if(0===n.length)return!1;if(1===n.length&&n[0]===D(e.key))return!1;const i=["ctrl","shift","alt","meta","cmd","super"].filter(e=>n.includes(e));if(n=n.filter(e=>!i.includes(e)),i.length>0){const t=i.filter(t=>("cmd"!==t&&"super"!==t||(t="meta"),e[`${t}Key`]));if(t.length===i.length&&n[0]===D(e.key))return!1}return!0}(a,i)||(i.includes("prevent")&&a.preventDefault(),i.includes("stop")&&a.stopPropagation(),i.includes("self")&&a.target!==t))){C(e,r,a,s).then(e=>{!1===e?a.preventDefault():i.includes("once")&&o.removeEventListener(n,c,l)})}}else o.removeEventListener(n,c,l)};if(i.includes("debounce")){let e=i[i.indexOf("debounce")+1]||"invalid-wait",t=E(e.split("ms")[0])?Number(e.split("ms")[0]):250;c=a(c,t)}o.addEventListener(n,c,l)}}function C(e,t,i,r){return e.evaluateCommandExpression(i.target,t,()=>n(n({},r()),{},{$event:i}))}function D(e){switch(e){case"/":return"slash";case" ":case"Spacebar":return"space";default:return e&&e.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}}function j(e,t,n){return"radio"===e.type&&(e.hasAttribute("name")||e.setAttribute("name",n)),(n,i)=>{if(n instanceof CustomEvent&&n.detail)return n.detail;if("checkbox"===e.type){if(Array.isArray(i)){const e=t.includes("number")?T(n.target.value):n.target.value;return n.target.checked?i.concat([e]):i.filter(t=>t!==e)}return n.target.checked}if("select"===e.tagName.toLowerCase()&&e.multiple)return t.includes("number")?Array.from(n.target.selectedOptions).map(e=>{return T(e.value||e.text)}):Array.from(n.target.selectedOptions).map(e=>e.value||e.text);{const e=n.target.value;return t.includes("number")?T(e):t.includes("trim")?e.trim():e}}}function T(e){const t=e?parseFloat(e):null;return E(t)?t:e}const{isArray:L}=Array,{getPrototypeOf:N,create:z,defineProperty:R,defineProperties:F,isExtensible:I,getOwnPropertyDescriptor:M,getOwnPropertyNames:B,getOwnPropertySymbols:U,preventExtensions:q,hasOwnProperty:W}=Object,{push:K,concat:G,map:H}=Array.prototype;function V(e){return void 0===e}function Z(e){return"function"==typeof e}const J=new WeakMap;function Q(e,t){J.set(e,t)}const X=e=>J.get(e)||e;function Y(e,t){return e.valueIsObservable(t)?e.getProxy(t):t}function ee(e,t,n){G.call(B(n),U(n)).forEach(i=>{let r=M(n,i);r.configurable||(r=ue(e,r,Y)),R(t,i,r)}),q(t)}class te{constructor(e,t){this.originalTarget=t,this.membrane=e}get(e,t){const{originalTarget:n,membrane:i}=this,r=n[t],{valueObserved:s}=i;return s(n,t),i.getProxy(r)}set(e,t,n){const{originalTarget:i,membrane:{valueMutated:r}}=this;return i[t]!==n?(i[t]=n,r(i,t)):"length"===t&&L(i)&&r(i,t),!0}deleteProperty(e,t){const{originalTarget:n,membrane:{valueMutated:i}}=this;return delete n[t],i(n,t),!0}apply(e,t,n){}construct(e,t,n){}has(e,t){const{originalTarget:n,membrane:{valueObserved:i}}=this;return i(n,t),t in n}ownKeys(e){const{originalTarget:t}=this;return G.call(B(t),U(t))}isExtensible(e){const t=I(e);if(!t)return t;const{originalTarget:n,membrane:i}=this,r=I(n);return r||ee(i,e,n),r}setPrototypeOf(e,t){}getPrototypeOf(e){const{originalTarget:t}=this;return N(t)}getOwnPropertyDescriptor(e,t){const{originalTarget:n,membrane:i}=this,{valueObserved:r}=this.membrane;r(n,t);let s=M(n,t);if(V(s))return s;const o=M(e,t);return V(o)?((s=ue(i,s,Y)).configurable||R(e,t,s),s):o}preventExtensions(e){const{originalTarget:t,membrane:n}=this;return ee(n,e,t),q(t),!0}defineProperty(e,t,n){const{originalTarget:i,membrane:r}=this,{valueMutated:s}=r,{configurable:o}=n;if(W.call(n,"writable")&&!W.call(n,"value")){const e=M(i,t);n.value=e.value}return R(i,t,function(e){return W.call(e,"value")&&(e.value=X(e.value)),e}(n)),!1===o&&R(e,t,ue(r,n,Y)),s(i,t),!0}}function ne(e,t){return e.valueIsObservable(t)?e.getReadOnlyProxy(t):t}class ie{constructor(e,t){this.originalTarget=t,this.membrane=e}get(e,t){const{membrane:n,originalTarget:i}=this,r=i[t],{valueObserved:s}=n;return s(i,t),n.getReadOnlyProxy(r)}set(e,t,n){return!1}deleteProperty(e,t){return!1}apply(e,t,n){}construct(e,t,n){}has(e,t){const{originalTarget:n,membrane:{valueObserved:i}}=this;return i(n,t),t in n}ownKeys(e){const{originalTarget:t}=this;return G.call(B(t),U(t))}setPrototypeOf(e,t){}getOwnPropertyDescriptor(e,t){const{originalTarget:n,membrane:i}=this,{valueObserved:r}=i;r(n,t);let s=M(n,t);if(V(s))return s;const o=M(e,t);return V(o)?(s=ue(i,s,ne),W.call(s,"set")&&(s.set=void 0),s.configurable||R(e,t,s),s):o}preventExtensions(e){return!1}defineProperty(e,t,n){return!1}}function re(e){let t=void 0;return L(e)?t=[]:"object"==typeof e&&(t={}),t}const se=Object.prototype;function oe(e){if(null===e)return!1;if("object"!=typeof e)return!1;if(L(e))return!0;const t=N(e);return t===se||null===t||null===N(t)}const ae=(e,t)=>{},le=(e,t)=>{},ce=e=>e;function ue(e,t,n){const{set:i,get:r}=t;return W.call(t,"value")?t.value=n(e,t.value):(V(r)||(t.get=function(){return n(e,r.call(X(this)))}),V(i)||(t.set=function(t){i.call(X(this),e.unwrapProxy(t))})),t}class de{constructor(e){if(this.valueDistortion=ce,this.valueMutated=le,this.valueObserved=ae,this.valueIsObservable=oe,this.objectGraph=new WeakMap,!V(e)){const{valueDistortion:t,valueMutated:n,valueObserved:i,valueIsObservable:r}=e;this.valueDistortion=Z(t)?t:ce,this.valueMutated=Z(n)?n:le,this.valueObserved=Z(i)?i:ae,this.valueIsObservable=Z(r)?r:oe}}getProxy(e){const t=X(e),n=this.valueDistortion(t);if(this.valueIsObservable(n)){const i=this.getReactiveState(t,n);return i.readOnly===e?e:i.reactive}return n}getReadOnlyProxy(e){e=X(e);const t=this.valueDistortion(e);return this.valueIsObservable(t)?this.getReactiveState(e,t).readOnly:t}unwrapProxy(e){return X(e)}getReactiveState(e,t){const{objectGraph:n}=this;let i=n.get(t);if(i)return i;const r=this;return i={get reactive(){const n=new te(r,t),i=new Proxy(re(t),n);return Q(i,e),R(this,"reactive",{value:i}),i},get readOnly(){const n=new ie(r,t),i=new Proxy(re(t),n);return Q(i,e),R(this,"readOnly",{value:i}),i}},n.set(t,i),i}}class fe{constructor(e,t=null){this.$el=e;const n=this.$el.getAttribute("x-data"),i=""===n?"{}":n,r=this.$el.getAttribute("x-init");let s={$el:this.$el},o=t?t.$el:this.$el;Object.entries(me.magicProperties).forEach(([e,t])=>{Object.defineProperty(s,`$${e}`,{get:function(){return t(o)}})}),this.unobservedData=t?t.getUnobservedData():l(i,s);let{membrane:a,data:c}=this.wrapDataInObservable(this.unobservedData);var u;this.$data=c,this.membrane=a,this.unobservedData.$el=this.$el,this.unobservedData.$refs=this.getRefsProxy(),this.nextTickStack=[],this.unobservedData.$nextTick=(e=>{this.nextTickStack.push(e)}),this.watchers={},this.unobservedData.$watch=((e,t)=>{this.watchers[e]||(this.watchers[e]=[]),this.watchers[e].push(t)}),Object.entries(me.magicProperties).forEach(([e,t])=>{Object.defineProperty(this.unobservedData,`$${e}`,{get:function(){return t(o)}})}),this.showDirectiveStack=[],this.showDirectiveLastElement,t||me.onBeforeComponentInitializeds.forEach(e=>e(this)),r&&!t&&(this.pauseReactivity=!0,u=this.evaluateReturnExpression(this.$el,r),this.pauseReactivity=!1),this.initializeElements(this.$el),this.listenForNewElementsToInitialize(),"function"==typeof u&&u.call(this.$data),t||setTimeout(()=>{me.onComponentInitializeds.forEach(e=>e(this))},0)}getUnobservedData(){return function(e,t){let n=e.unwrapProxy(t),i={};return Object.keys(n).forEach(e=>{["$el","$refs","$nextTick","$watch"].includes(e)||(i[e]=n[e])}),i}(this.membrane,this.$data)}wrapDataInObservable(e){var t=this;let n=a(function(){t.updateElements(t.$el)},0);return function(e,t){let n=new de({valueMutated(e,n){t(e,n)}});return{data:n.getProxy(e),membrane:n}}(e,(e,i)=>{t.watchers[i]?t.watchers[i].forEach(t=>t(e[i])):Object.keys(t.watchers).filter(e=>e.includes(".")).forEach(n=>{let r=n.split(".");i===r[r.length-1]&&r.reduce((r,s)=>(Object.is(e,r)&&t.watchers[n].forEach(t=>t(e[i])),r[s]),t.getUnobservedData())}),t.pauseReactivity||n()})}walkAndSkipNestedComponents(e,t,n=(()=>{})){!function e(t,n){if(!1===n(t))return;let i=t.firstElementChild;for(;i;)e(i,n),i=i.nextElementSibling}(e,e=>e.hasAttribute("x-data")&&!e.isSameNode(this.$el)?(e.__x||n(e),!1):t(e))}initializeElements(e,t=(()=>{})){this.walkAndSkipNestedComponents(e,e=>void 0===e.__x_for_key&&(void 0===e.__x_inserted_me&&void this.initializeElement(e,t)),e=>{e.__x=new fe(e)}),this.executeAndClearRemainingShowDirectiveStack(),this.executeAndClearNextTickStack(e)}initializeElement(e,t){e.hasAttribute("class")&&d(e,this).length>0&&(e.__x_original_classes=p(e.getAttribute("class"))),this.registerListeners(e,t),this.resolveBoundAttributes(e,!0,t)}updateElements(e,t=(()=>{})){this.walkAndSkipNestedComponents(e,e=>{if(void 0!==e.__x_for_key&&!e.isSameNode(this.$el))return!1;this.updateElement(e,t)},e=>{e.__x=new fe(e)}),this.executeAndClearRemainingShowDirectiveStack(),this.executeAndClearNextTickStack(e)}executeAndClearNextTickStack(e){e===this.$el&&this.nextTickStack.length>0&&requestAnimationFrame(()=>{for(;this.nextTickStack.length>0;)this.nextTickStack.shift()()})}executeAndClearRemainingShowDirectiveStack(){this.showDirectiveStack.reverse().map(e=>new Promise(t=>{e(e=>{t(e)})})).reduce((e,t)=>e.then(()=>t.then(e=>e())),Promise.resolve(()=>{})),this.showDirectiveStack=[],this.showDirectiveLastElement=void 0}updateElement(e,t){this.resolveBoundAttributes(e,!1,t)}registerListeners(e,t){d(e,this).forEach(({type:i,value:r,modifiers:s,expression:o})=>{switch(i){case"on":P(this,e,r,s,o,t);break;case"model":!function(e,t,i,r,s){var o="select"===t.tagName.toLowerCase()||["checkbox","radio"].includes(t.type)||i.includes("lazy")?"change":"input";P(e,t,o,i,`${r} = rightSideOfExpression($event, ${r})`,()=>n(n({},s()),{},{rightSideOfExpression:j(t,i,r)}))}(this,e,s,o,t)}})}resolveBoundAttributes(e,t=!1,n){let i=d(e,this);i.forEach(({type:r,value:o,modifiers:a,expression:l})=>{switch(r){case"model":S(this,e,"value",l,n,r,a);break;case"bind":if("template"===e.tagName.toLowerCase()&&"key"===o)return;S(this,e,o,l,n,r,a);break;case"text":var c=this.evaluateReturnExpression(e,l,n);!function(e,t,n){void 0===t&&n.match(/\./)&&(t=""),e.innerText=t}(e,c,l);break;case"html":!function(e,t,n,i){t.innerHTML=e.evaluateReturnExpression(t,n,i)}(this,e,l,n);break;case"show":c=this.evaluateReturnExpression(e,l,n);!function(e,t,n,i,r=!1){const s=()=>{t.style.display="none"},o=()=>{1===t.style.length&&"none"===t.style.display?t.removeAttribute("style"):t.style.removeProperty("display")};if(!0===r)return void(n?o():s());const a=i=>{n?(("none"===t.style.display||t.__x_transition)&&b(t,()=>{o()},e),i(()=>{})):"none"!==t.style.display?y(t,()=>{i(()=>{s()})},e):i(()=>{})};i.includes("immediate")?a(e=>e()):(e.showDirectiveLastElement&&!e.showDirectiveLastElement.contains(t)&&e.executeAndClearRemainingShowDirectiveStack(),e.showDirectiveStack.push(a),e.showDirectiveLastElement=t)}(this,e,c,a,t);break;case"if":if(i.some(e=>"for"===e.type))return;c=this.evaluateReturnExpression(e,l,n);!function(e,t,n,i,r){s(t,"x-if");const o=t.nextElementSibling&&!0===t.nextElementSibling.__x_inserted_me;if(!n||o&&!t.__x_transition)!n&&o&&y(t.nextElementSibling,()=>{t.nextElementSibling.remove()},e,i);else{const n=document.importNode(t.content,!0);t.parentElement.insertBefore(n,t.nextElementSibling),b(t.nextElementSibling,()=>{},e,i),e.initializeElements(t.nextElementSibling,r),t.nextElementSibling.__x_inserted_me=!0}}(this,e,c,t,n);break;case"for":k(this,e,l,t,n);break;case"cloak":e.removeAttribute("x-cloak")}})}evaluateReturnExpression(e,t,i=(()=>{})){return l(t,this.$data,n(n({},i()),{},{$dispatch:this.getDispatchFunction(e)}))}evaluateCommandExpression(e,t,i=(()=>{})){return function(e,t,n={}){if("function"==typeof e)return Promise.resolve(e.call(t,n.$event));let i=Function;if(i=Object.getPrototypeOf(async function(){}).constructor,Object.keys(t).includes(e)){let i=new Function(["dataContext",...Object.keys(n)],`with(dataContext) { return ${e} }`)(t,...Object.values(n));return"function"==typeof i?Promise.resolve(i.call(t,n.$event)):Promise.resolve()}return Promise.resolve(new i(["dataContext",...Object.keys(n)],`with(dataContext) { ${e} }`)(t,...Object.values(n)))}(t,this.$data,n(n({},i()),{},{$dispatch:this.getDispatchFunction(e)}))}getDispatchFunction(e){return(t,n={})=>{e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0}))}}listenForNewElementsToInitialize(){const e=this.$el;new MutationObserver(e=>{for(let t=0;t<e.length;t++){const n=e[t].target.closest("[x-data]");if(n&&n.isSameNode(this.$el)){if("attributes"===e[t].type&&"x-data"===e[t].attributeName){const n=l(e[t].target.getAttribute("x-data")||"{}",{$el:this.$el});Object.keys(n).forEach(e=>{this.$data[e]!==n[e]&&(this.$data[e]=n[e])})}e[t].addedNodes.length>0&&e[t].addedNodes.forEach(e=>{1!==e.nodeType||e.__x_inserted_me||(!e.matches("[x-data]")||e.__x?this.initializeElements(e):e.__x=new fe(e))})}}}).observe(e,{childList:!0,attributes:!0,subtree:!0})}getRefsProxy(){var e=this;return new Proxy({},{get(t,n){return"$isAlpineProxy"===n||(e.walkAndSkipNestedComponents(e.$el,e=>{e.hasAttribute("x-ref")&&e.getAttribute("x-ref")===n&&(i=e)}),i);var i}})}}const me={version:"2.6.0",pauseMutationObserver:!1,magicProperties:{},onComponentInitializeds:[],onBeforeComponentInitializeds:[],ignoreFocusedForValueBinding:!1,start:async function(){r()||await new Promise(e=>{"loading"==document.readyState?document.addEventListener("DOMContentLoaded",e):e()}),this.discoverComponents(e=>{this.initializeComponent(e)}),document.addEventListener("turbolinks:load",()=>{this.discoverUninitializedComponents(e=>{this.initializeComponent(e)})}),this.listenForNewUninitializedComponentsAtRunTime(e=>{this.initializeComponent(e)})},discoverComponents:function(e){document.querySelectorAll("[x-data]").forEach(t=>{e(t)})},discoverUninitializedComponents:function(e,t=null){const n=(t||document).querySelectorAll("[x-data]");Array.from(n).filter(e=>void 0===e.__x).forEach(t=>{e(t)})},listenForNewUninitializedComponentsAtRunTime:function(e){const t=document.querySelector("body");new MutationObserver(e=>{if(!this.pauseMutationObserver)for(let t=0;t<e.length;t++)e[t].addedNodes.length>0&&e[t].addedNodes.forEach(e=>{1===e.nodeType&&(e.parentElement&&e.parentElement.closest("[x-data]")||this.discoverUninitializedComponents(e=>{this.initializeComponent(e)},e.parentElement))})}).observe(t,{childList:!0,attributes:!0,subtree:!0})},initializeComponent:function(e){if(!e.__x)try{e.__x=new fe(e)}catch(e){setTimeout(()=>{throw e},0)}},clone:function(e,t){t.__x||(t.__x=new fe(t,e))},addMagicProperty:function(e,t){this.magicProperties[e]=t},onComponentInitialized:function(e){this.onComponentInitializeds.push(e)},onBeforeComponentInitialized:function(e){this.onBeforeComponentInitializeds.push(e)}};return r()||(window.Alpine=me,window.deferLoadingAlpine?window.deferLoadingAlpine(function(){window.Alpine.start()}):window.Alpine.start()),me});
+//# sourceMappingURL=/sm/54d8acf4bec59c2ac38179fad55c741f03c418f9ea483b114454c0827631f4ba.map

data/lib/web/style.css

@@ -0,0 +1,139 @@
+/* Layout. */
+body {
+  padding: 0.5rem;
+  background: #C9D2E6;
+  font-family: 'Roboto', sans-serif;
+}
+
+.container {
+  margin: 0 auto;
+  max-width: 1000px;
+  padding: 2rem;
+  background: white;
+}
+
+/* Header. */
+#logo {
+  display: block;
+  margin: 0 auto;
+  max-width: 100px;
+}
+
+/* Structure */
+ul.classes,
+ul.methods,
+ul.reflections {
+  padding-left: 0;
+}
+
+li.class-container,
+li.method-container {
+  list-style: none;
+  padding: 1rem;
+  border: 5px solid #dadcdc;
+}
+
+/* State. */
+.status-row {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  color: white;
+  background: #A9B6D2;
+}
+.status-row.pass {
+  background: #008C32;
+}
+.status-row.fail {
+  background: #D04700;
+}
+
+/* Stats. */
+.stats {
+  margin-left: auto;
+}
+.stat {
+  color: #efefef;
+  font-size: 3.5rem;
+  font-family: 'Merriweather', serif;
+}
+
+/* Class. */
+.class {
+  padding: 2rem;
+  margin-bottom: 1rem;
+}
+.class:hover {
+  cursor: pointer;
+}
+.class h2 {
+  margin: 0;
+}
+
+/* Method. */
+.method {
+  padding: 2rem;
+  margin-left: 1rem;
+  margin-bottom: 1rem;
+}
+.method:hover {
+  cursor: pointer;
+}
+.method .stat {
+  font-size: 2.5rem;
+}
+
+/* Reflection. */
+.reflection {
+  list-style: none;
+  margin-left: 2rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background: #EFEFEF;
+  padding: 0.5rem 1.5rem;
+  margin-bottom: 0.3rem;
+}
+.reflection .time {
+  color: #777777;
+  margin-right: 2rem;
+}
+
+.info {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0.5rem 1rem;
+  border: 1px solid #aaa;
+  border-radius: 5px;
+}
+.info:not(:last-child) {
+  margin-right: 0.5rem;
+}
+.info h4 {
+  margin: 0;
+  color: #777777;
+  font-size: 1.2rem;
+  font-weight: normal;
+}
+
+.info-items {
+  display: flex;
+  flex-direction: row;
+}
+.info-item {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  border-right: 1px solid #ccc;
+}
+.info-item:last-of-type {
+  padding-right: 0;
+  border-right: 0;
+}
+.info-item strong {
+  padding-bottom: 0.1rem;
+}
+.info-item pre {
+  margin: 0;
+}

data/lib/web/template.html.erb

@@ -0,0 +1,210 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="utf-8">
+    <title>Reflekt</title>
+    <meta name="description" content="Reflective testing results.">
+    <meta name="author" content="Maedi Prichard">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style.css">
+    <link rel="shortcut icon" href="">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet">
+  </head>
+
+  <body>
+
+    <script>
+
+      // Reflection keys.
+      const TIME    = "t";
+      const INPUT   = "i";
+      const OUTPUT  = "o";
+      const TYPE    = "T";
+      const COUNT   = "C";
+      const VALUE   = "V";
+      const STATUS  = "s";
+      const MESSAGE = "m";
+      // Reflection values.
+      const PASS    = "p";
+      const FAIL    = "f";
+
+      function getData() {
+
+        var reflections = JSON.parse(<%= @@reflekt_json %>);
+        console.log("REFLECTIONS:");
+        console.log(reflections);
+        var results = {};
+
+        if ('reflekt' in reflections) {
+          delete(reflections.reflekt);
+        }
+
+        // Classes.
+        for ([class_id, class_value] of Object.entries(reflections)) {
+
+          // Class pass rate.
+          results[class_id] = {
+            'stats': {
+              'pass_rate': undefined,
+              'test_count': 0,
+              'pass_count': 0
+            },
+            'methods': {}
+          };
+
+          // Methods.
+          for ([method_id, method] of Object.entries(class_value)) {
+
+            // Method pass rate.
+            var pass_count = method.reduce(function(obj, v) {
+              obj[v[STATUS]] = (obj[v[STATUS]] || 0) + 1;
+              return obj;
+            }, {});
+
+            var pass_rate = (pass_count[PASS] / method.length) * 100;
+            results[class_id]['methods'][method_id] = {
+              'stats': {
+                'pass_rate': pass_rate,
+                'test_count': method.length,
+                'pass_count': pass_count[PASS]
+              }
+            };
+            if (pass_rate == 100) {
+              results[class_id]['methods'][method_id]['status'] = 'pass';
+            }
+            else if (pass_rate < 100) {
+              results[class_id]['methods'][method_id]['status'] = 'fail';
+            }
+
+            // Class pass rate.
+            results[class_id]['stats']['test_count'] += method.length;
+            results[class_id]['stats']['pass_count'] += pass_count[PASS];
+
+          }
+
+          // Class pass rate.
+          var class_stats = results[class_id]['stats'];
+          var pass_rate = (class_stats['pass_count'] / class_stats['test_count']) * 100;
+          class_stats['pass_rate'] = pass_rate;
+          if (pass_rate == 100) {
+            results[class_id]['status'] = 'pass';
+          }
+          else if (pass_rate < 100) {
+            results[class_id]['status'] = 'fail';
+          }
+        }
+
+        return {
+          reflections: reflections,
+          results: results
+        };
+      }
+
+    </script>
+
+    <div class="container" x-data="getData()">
+
+      <div id="header">
+        <svg id="logo" enable-background="new 0 0 500 500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
+          <path d="m307.5 80.5h-115l-57.5 205h230z" fill="#0047d0"/>
+          <path d="m178 76.5-53.1-44-117.9 139 116 112z" fill="#d04800"/>
+          <path d="m190.4 467.5h115l57.5-168h-229z" fill="#0047d0" opacity=".7"/>
+          <path d="m177 467.5-81-85-92-197 115 113z" fill="#d04800" opacity=".7"/>
+          <g fill="#008c33"><path d="m322 76.5 53.1-44 118 139-116 112z"/>
+            <path d="m320 467.5 84-85 92-197-117 113z" opacity=".7"/>
+          </g>
+        </svg>
+      </div>
+
+      <ul class="classes">
+        <template x-for="[class_id, klass] in Object.entries(results)" :key="class_id">
+
+          <li class="class-container">
+
+            <div class="status-row class" x-bind:class="`${klass.status}`" @click="klass['show'] = !klass['show']" :aria-expanded="klass['show'] ? 'true' : 'false'" :class="{ 'active': klass['show'] }">
+              <h2 x-text="`${class_id}()`"></h2>
+              <div class="stats">
+                <div class="stat" x-text="`${klass.stats.pass_rate.toFixed(2)}%`"></div>
+              </div>
+            </div>
+
+            <ul class="methods" x-show="klass['show']">
+              <template x-for="[method_id, method] in Object.entries(klass['methods'])" :key="method_id">
+                <li class="method-container">
+
+                  <div class="status-row method" x-bind:class="`${method.status}`" @click="method['show'] = !method['show']" :aria-expanded="method['show'] ? 'true' : 'false'" :class="{ 'active': method['show'] }">
+                    <h3 x-text="`${method_id}()`"></h3>
+                    <div class="stats">
+                      <div class="stat" x-text="`${method.stats.pass_rate.toFixed(2)}%`"></div>
+                    </div>
+                  </div>
+
+                  <ul class="reflections" x-show="method['show']">
+                    <template x-for="[reflection_id, reflection] in Object.entries(reflections[class_id][method_id])">
+
+                      <li class="reflection">
+
+                        <div class="time" x-text="`${new Date(reflection.t * 1000).getFullYear()}/${new Date(reflection.t * 1000).getMonth() + 1}/${new Date(reflection.t * 1000).getDate()} ${new Date(reflection.t * 1000).getHours()}:${new Date(reflection.t * 1000).getMinutes()}:${new Date(reflection.t * 1000).getSeconds()}`"></div>
+
+                        <template x-for="[input_id, input] in Object.entries(reflection.i)">
+
+                          <div class="info">
+                            <h4>Input</h4>
+                            <div class="info-items">
+                              <div class="info-item">
+                                <strong>Type:</strong><div class="input" x-text="input.T"></div>
+                              </div>
+                              <template x-if="input.V != undefined">
+                                <div class="info-item">
+                                  <strong>Value:</strong><pre><div class="output" x-text="input.V"></div></pre>
+                                </div>
+                              </template>
+                              <template x-if="input.C != undefined">
+                                <div class="info-item">
+                                  <strong>Count:</strong><div class="input" x-text="input.C"></div>
+                                </div>
+                              </template>
+                            </div>
+                          </div>
+
+                        </template>
+
+                        <div class="info">
+                          <h4>Output</h4>
+                          <div class="info-items">
+                            <div class="info-item">
+                              <strong>Type:</strong><div class="output" x-text="reflection.o.T"></div>
+                            </div>
+                            <template x-if="reflection.o.C != undefined">
+                              <div class="info-item">
+                                <strong>Count:</strong><div class="output" x-text="reflection.o.C"></div>
+                              </div>
+                            </template>
+                            <div class="info-item">
+                              <strong>Value:</strong><pre><div class="output" x-text="reflection.o.V"></div></pre>
+                            </div>
+                          </div>
+                        </div>
+                      </li>
+
+                    </template>
+                  </ul>
+
+                </li>
+              </template>
+            </ul>
+
+          </li>
+        </template>
+
+      </ul>
+
+    </div>
+
+    <script src="script.js"></script>
+
+  </body>
+
+</html>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: reflekt
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.7.2
 platform: ruby
 authors:
 - Maedi Prichard
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-21 00:00:00.000000000 Z
+date: 2020-07-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rowdb
@@ -24,13 +24,16 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: Reflective testing that's completely automated.
+description: Testing that's completely automated.
 email: maediprichard@gmailcom
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
 - lib/reflekt.rb
+- lib/web/script.js
+- lib/web/style.css
+- lib/web/template.html.erb
 homepage: https://github.com/maedi/reflekt
 licenses:
 - MPL-2.0
@@ -53,5 +56,5 @@ requirements: []
 rubygems_version: 3.0.2
 signing_key: 
 specification_version: 4
-summary: Reflective testing that's completely automated.
+summary: Reflective testing.
 test_files: []