reflekt 0.7.1 → 0.7.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4a8f70f5646d8276359aaf74b703172bbadc1d9025d8a716183578365fd91014
-  data.tar.gz: 9666d1aadc1b8ef280ac68da0c66f75b5c399d4eb67898079abcb82aa23baf23
+  metadata.gz: d92d12a27556a25c258f83cf2983ffc2758a70c5cd359f4e7beafb862e88e68c
+  data.tar.gz: be5fa824eb0e6cd3bd15e03da504c40a65e471687881a5fbfcebc0d0906399fd
 SHA512:
-  metadata.gz: 68cecdc1e2552bc59dc4fb3a5001f094425a78dd9b96504e2f3270a9cf82b6767e719e8398731d57c58a6ddf20ca30fe3cae66ff75a172bf7d9f73ce758c7b3b
-  data.tar.gz: cfabac18abb5dda7b90d3cfa0e8494ece8f9c2a48f3fc8a5c8fff8162eddfbee9b8bc9210fd05ae79d384ded033ef69a6eb1b57d84675dd9c0a71e1ab3dbaf67
+  metadata.gz: 9ffb39bc278932fd985731c7e509767e79c3356da41d7114a57cfe47a774bb97742ae283837859e2ff158ff84121e2b565c2bf25aff1ae0e8345671b9bd8da22
+  data.tar.gz: 3db51deab75140780e718e3536ab06696a1d0ef5308b1cbfcf2fb8a56dc9144905f22f2f53e918afcd7d1e962416134fc41a07676e17c4a16b935c70aece19fb

data/lib/reflekt.rb

@@ -13,10 +13,18 @@ require 'rowdb'
 
 module Reflekt
 
-  REFLEKT_STATUS = "s"
-  REFLEKT_PASS = "p"
-  REFLEKT_FAIL = "f"
+  # 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
 
@@ -85,23 +93,30 @@ module Reflekt
     class_name = clone.class.to_s
     method_name = method.to_s
 
+    # TODO: Create control fork. Get good value. Check against it.
+
     # Create new arguments that are deviations on inputted type.
-    new_args = []
+    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 }
+      reflection = {
+        REFLEKT_TIME => Time.now.to_i,
+        REFLEKT_INPUT => reflekt_normalize_input(input),
+        REFLEKT_OUTPUT => reflekt_normalize_output(output)
+      }
 
     # When fail.
   rescue StandardError => message
@@ -117,6 +132,63 @@ module Reflekt
 
   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.
@@ -128,8 +200,8 @@ module Reflekt
     end
 
     # Add JS.
-    javascript = File.read("#{@@reflekt_path}/web/alpine.js")
-    File.open("#{@@reflekt_output_path}/alpine.js", 'w+') do |f|
+    javascript = File.read("#{@@reflekt_path}/web/script.js")
+    File.open("#{@@reflekt_output_path}/script.js", 'w+') do |f|
       f.write javascript
     end
 
@@ -185,7 +257,7 @@ module Reflekt
     ##
     # 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)

data/lib/web/style.css

@@ -1,3 +1,4 @@
+/* Layout. */
 body {
   padding: 0.5rem;
   background: #C9D2E6;
@@ -6,52 +7,46 @@ body {
 
 .container {
   margin: 0 auto;
-  max-width: 800px;
+  max-width: 1000px;
   padding: 2rem;
   background: white;
 }
 
-#header {
-
-}
-
+/* Header. */
 #logo {
   display: block;
   margin: 0 auto;
   max-width: 100px;
 }
 
-ul.panels,
+/* Structure */
+ul.classes,
+ul.methods,
 ul.reflections {
   padding-left: 0;
 }
 
-li.panel {
+li.class-container,
+li.method-container {
   list-style: none;
   padding: 1rem;
   border: 5px solid #dadcdc;
 }
 
-/* Reflection. */
-.reflection {
+/* State. */
+.status-row {
+  width: 100%;
   display: flex;
   align-items: center;
   flex-direction: row;
   color: white;
   background: #A9B6D2;
 }
-.reflection.class {
-  padding: 2rem;
-  margin-bottom: 1rem;
-}
-.reflection.class h2 {
-  margin: 0;
+.status-row.pass {
+  background: #008C32;
 }
-
-.reflection.method {
-  padding: 2rem;
-  margin-left: 1rem;
-  margin-bottom: 1rem;
+.status-row.fail {
+  background: #D04700;
 }
 
 /* Stats. */
@@ -63,14 +58,82 @@ li.panel {
   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;
 }
 
-/* State. */
-.reflection.pass {
-  background: #008C32;
+/* 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.fail {
-  background: #D04700;
+.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

@@ -17,11 +17,20 @@
 
     <script>
 
-      const STATUS = "s";
-      const PASS = "p";
-      const FAIL = "f";
-
-      function getReflections() {
+      // 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:");
@@ -87,12 +96,15 @@
           }
         }
 
-        return { refs: results };
+        return {
+          reflections: reflections,
+          results: results
+        };
       }
 
     </script>
 
-    <div class="container" x-data="getReflections()">
+    <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">
@@ -100,29 +112,86 @@
           <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>
+          <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="panels">
-        <template x-for="[class_id, klass] in Object.entries(refs)" :key="class_id">
+      <ul class="classes">
+        <template x-for="[class_id, klass] in Object.entries(results)" :key="class_id">
 
-          <li class="panel">
+          <li class="class-container">
 
-            <div class="reflection class" x-bind:class="` ${ klass.status } `">
-              <h2 x-text="` ${class_id}() `"></h2>
+            <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 class="stat" x-text="`${klass.stats.pass_rate.toFixed(2)}%`"></div>
               </div>
             </div>
 
-            <ul class="reflections methods">
+            <ul class="methods" x-show="klass['show']">
               <template x-for="[method_id, method] in Object.entries(klass['methods'])" :key="method_id">
-                <li class="reflection method" x-bind:class="` ${ method.status } `">
-                  <h3 x-text="` ${method_id}() `"></h3>
-                  <div class="stats">
-                    <div class="stat" x-text="` ${method.stats.pass_rate.toFixed(2)}% `"></div>
+                <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>
@@ -134,7 +203,7 @@
 
     </div>
 
-    <script src="alpine.js"></script>
+    <script src="script.js"></script>
 
   </body>
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: reflekt
 version: !ruby/object:Gem::Version
-  version: 0.7.1
+  version: 0.7.2
 platform: ruby
 authors:
 - Maedi Prichard
@@ -31,7 +31,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/reflekt.rb
-- lib/web/alpine.js
+- lib/web/script.js
 - lib/web/style.css
 - lib/web/template.html.erb
 homepage: https://github.com/maedi/reflekt