mushy 0.0.6 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d600a02a01a8ab0b72d853e0756b8abab002072eb97435e1502f159c34b1d22d
-  data.tar.gz: 506d0ae442e3c44c877af2f7474792e6c8e4bd1c79ecde3f9b7917bb84817c5d
+  metadata.gz: dc571150c0fa3c2315c75186d48836987ca92d93045de5af848fe450c975a039
+  data.tar.gz: cbd83a5b9fa9c0106b6891afa33eeb16ddd947bba61c62f13b6ff7e7a574ee0e
 SHA512:
-  metadata.gz: 1170524f5a821ce6a35d4fc65b4672371ec5c21940c113d7eb41d5397c94c0d804ec6a10f6bc1c8e6508c1093917afe030b12353a7f1c7fdb8a1635bda62f463
-  data.tar.gz: 62a78ba547cbe18846dc0308ab48d3460ab2c201afe93e09410febde8e6932c8475e619be31e657531504d441a816a295a3e0a128503c2f2917f47b3a24261ef
+  metadata.gz: 720fb42b4b3df8d46cd7e26a87b793e0d41111f12652d588c0378160a00af08de05bedcb32920d1ce01c2c0efe135caaa48a939edd6b25822f8383cac3acdd1a
+  data.tar.gz: 1707b73e264d067362a7bd00e48558a9981c807319ff925e92c4fc829cbf8129aac14f31dd0edaba53354893de2ec4be633eebe9da2d882ec568a6394e852d9f

data/bin/mushy

@@ -3,18 +3,20 @@
 require 'thor'
 require 'mushy'
 
-class RailsCLI < Thor
+class MushyCLI < Thor
+
+  argument :file, optional: true, type: :string
+  argument :values, optional: true, type: :hash
 
   desc "start FILE", "Run this workflow file."
-  def start file
-    content = File.open(file).read
-    puts content
+  def start
+    Mushy::Builder::Api.start file, values
   end
 
   desc "build FILE", 'Build a flow.'
-  def build file
+  def build
 
-    RailsCLI.set_special( { method: 'build', file: file } )
+    MushyCLI.set_special( { method: 'build', file: file } )
 
   end
 
@@ -28,14 +30,14 @@ class RailsCLI < Thor
 
 end
 
-RailsCLI.start(ARGV)
+MushyCLI.start(ARGV)
 
-exit unless RailsCLI.get_special
+exit unless MushyCLI.get_special
 
 require 'sinatra'
 enable :run
 
-the_file = RailsCLI.get_special[:file]
+the_file = MushyCLI.get_special[:file]
 
 get '/' do
   Mushy::Builder::Index.file

data/lib/mushy.rb

@@ -8,10 +8,4 @@ Dir[File.dirname(__FILE__) + '/mushy/fluxs/*.rb']
   .sort_by { |f| important_flux_files.any? { |x| f.end_with?(x) } ? 0 : 1 }
   .each { |f| require f }
 
-Dir[File.dirname(__FILE__) + '/mushy/builder/*.rb'].each { |f| require f }
-
-module Mushy
-  def self.hi
-    puts 'hello'
-  end
-end
+Dir[File.dirname(__FILE__) + '/mushy/builder/*.rb'].each { |f| require f }

data/lib/mushy/builder/api.rb

@@ -28,10 +28,29 @@ module Mushy
 
       end
 
+      def self.start file, event
+        file = "#{file}.json" unless file.downcase.end_with?('.json')
+        flow = File.open(file).read
+        flow = Mushy::Flow.parse flow
+        flux = flow.fluxs.select { |x| x.type == 'Cli' }.first
+
+        Mushy::Runner.new.start event, flux, flow
+      end
+
       def self.get_flow file
         puts "trying to get: #{file}"
         file = "#{file}.json" unless file.downcase.end_with?('.json')
-        JSON.parse File.open(file).read
+        data = JSON.parse File.open(file).read
+        data['fluxs']
+          .reject { |x| x['parents'] }
+          .each   { |x| x['parents'] = [x['parent']].select { |y| y } }
+        data['fluxs']
+          .select { |x| x['parent'] }
+          .each   { |x| x.delete 'parent' }
+        data['fluxs']
+          .select { |x| x['parents'] }
+          .each   { |x| x['parents'] = x['parents'].select { |y| y } }
+        data
       rescue
         { fluxs: [] }
       end
@@ -40,14 +59,14 @@ module Mushy
         {
           fluxs: Mushy::Flux.all.select { |x| x.respond_to? :details }.map do |flux|
                          details = flux.details
-                         details[:config][:incoming_split] = { type: 'text', description: 'Split an incoming event into multiple events by this key, an each event will be processed independently.', default: '' }
-                         details[:config][:outgoing_split] = { type: 'text', description: 'Split an outgoing event into multiple events by this key.', default: '' }
-                         details[:config][:merge] = { type: 'text', description: 'A comma-delimited list of fields from the event to carry through. Use * to merge all fields.', default: '' }
-                         details[:config][:group] = { type: 'text', description: 'Group events by a field, which is stored in a key. The format is group_by|group_key.', default: '' }
-                         details[:config][:limit] = { type: 'integer', description: 'Limit the number of events to this number.', default: '' }
-                         details[:config][:join] = { type: 'text', description: 'Join all of the events from this flux into one event, under this name.', default: '' }
-                         details[:config][:sort] = { type: 'text', description: 'Sort by this key.', default: '' }
-                         details[:config][:model] = { type: 'keyvalue', description: 'Reshape the outgoing events.', value: {}, default: {} }
+                         details[:config][:incoming_split] = { type: 'text', shrink: true, description: 'Split an incoming event into multiple events by this key, an each event will be processed independently.', default: '' }
+                         details[:config][:outgoing_split] = { type: 'text', shrink: true, description: 'Split an outgoing event into multiple events by this key.', default: '' }
+                         details[:config][:merge] = { type: 'text', shrink: true, description: 'A comma-delimited list of fields from the event to carry through. Use * to merge all fields.', default: '' }
+                         details[:config][:group] = { type: 'text', shrink: true, description: 'Group events by a field, which is stored in a key. The format is group_by|group_key.', default: '' }
+                         details[:config][:limit] = { type: 'integer', shrink: true, description: 'Limit the number of events to this number.', default: '' }
+                         details[:config][:join] = { type: 'text', shrink: true, description: 'Join all of the events from this flux into one event, under this name.', default: '' }
+                         details[:config][:sort] = { type: 'text', shrink: true, description: 'Sort by this key.', default: '' }
+                         details[:config][:model] = { type: 'keyvalue', shrink: true, description: 'Reshape the outgoing events.', value: {}, default: {} }
 
                          details[:config]
                                 .select { |_, v| v[:type] == 'keyvalue' }

data/lib/mushy/builder/index.rb

@@ -12,19 +12,26 @@ module Mushy
     </head>
     <body>
         <div id="app">
-            <table>
+            <table v-if="setup.showFlux == false">
+                <tr>
+                    <th>Name</th>
+                    <th>Receives Events From</th>
+                    <th>Actions</th>
+                </tr>
                 <tr v-for="flux in flow.fluxs">
                     <td>{{flux.name}}</td>
-                    <td>{{flux.flux}}</td>
-                    <td><a href="#" v-on:click.prevent.stop="edit({ flux: flux, setup: setup, configs: configs })">[Edit]</a></td>
+                    <td>{{flux_name_for(flux.parents, flow.fluxs)}}</td>
+                    <td>
+                        <button v-on:click.prevent.stop="editFlux({ flux: flux, setup: setup, configs: configs })">Edit</button>
+                        <button v-on:click.prevent.stop="deleteFlux({ flux: flux, flow: flow })">Delete</button>
+                    </td>
                 </tr>
             </table>
-            <a href="#" v-if="setup.showFlux == false" v-on:click.prevent.stop="startNew({ setup: setup, configs: configs })">[New]</a>
-            <a href="#" v-if="setup.showFlux == false" v-on:click.prevent.stop="saveFlow({ setup: setup, flow: flow })">[Save]</a>
+            <button v-if="setup.showFlux == false" v-on:click.prevent.stop="startNew({ setup: setup, configs: configs })">Add a New Flux To This Flow</button>
             <div v-if="setup.showFlux">
                 <mip-heavy :data="setup"></mip-heavy>
                 <mip-heavy v-for="(data, id) in configs" v-show="setup.flux.value === id" :data="data"></mip-heavy>
-                <div v-if="results.loading">Loading...</div>
+                <div v-if="results.errorMessage">{{results.errorMessage}}</div>
                 <div v-else>{{results.length}} result{{results.length == 1 ? "" : "s"}}</div>
                 <mip-heavy v-for="data in results" :data="data"></mip-heavy>
             </div>
@@ -48,28 +55,48 @@ module Mushy
 
    var components = {
        label: {
-           props: ['label', 'description'],
-           template: '<label :for="id" v-if="label != \\'\\'">{{label || ' + fancyName('id') + '}} <i v-show="description">({{description}})</i></label>'
+           props: ['label', 'description', 'hide_description'],
+           template: '<label :for="id" v-if="label != \\'\\'">{{label || ' + fancyName('id') + '}} <i v-show="description && !hide_description">({{description}})</i></label>'
+       },
+       h1: {
+           props: ['label', 'description', 'hide_description'],
+           template: '<h1 v-if="label != \\'\\'">{{label || ' + fancyName('id') + '}} <i v-show="description && !hide_description">({{description}})</i></h1>'
+       },
+       h2: {
+           props: ['label', 'description', 'hide_description'],
+           template: '<h2 v-if="label != \\'\\'">{{label || ' + fancyName('id') + '}} <i v-show="description && !hide_description">({{description}})</i></h2>'
+       },
+       h3: {
+           props: ['label', 'description', 'hide_description'],
+           template: '<h3 v-if="label != \\'\\'">{{label || ' + fancyName('id') + '}} <i v-show="description && !hide_description">({{description}})</i></h3>'
+       },
+       h4: {
+           props: ['label', 'description', 'hide_description'],
+           template: '<h4 v-if="label != \\'\\'">{{label || ' + fancyName('id') + '}} <i v-show="description && !hide_description">({{description}})</i></h4>'
        },
        text:  {
-           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><input type="text" :name="id" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value);" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></div>'
+           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><input type="text" :name="id" v-if="value || !shrink" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value);" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></div>'
+       },
+       hide:  {
+           props: ['label', 'description'],
+           template: '<mip-label :id="id" :label="label" :description="description" v-if="false"></mip-label>'
        },
        integer:  {
-           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><input type="text" :name="id" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value);" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></div>'
+           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><input type="text" :name="id" v-if="value || !shrink" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value);" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></div>'
        },
        email: {
-           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><input type="email" :name="id" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value)" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></div>'
+           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><input type="email" :name="id" v-if="value || !shrink" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value)" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></div>'
        },
        textarea: {
-           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><textarea :name="id" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value)" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></textarea></div>'
+           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><textarea :name="id" v-if="value || !shrink" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value)" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></textarea></div>'
        },
        json: {
-           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><pre><code>{{value}}</code></pre><textarea :name="id" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value)" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></textarea></div>'
+           props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><textarea :name="id" v-if="value || !shrink" :placeholder="placeholder" v-bind:value="value" v-on:input="$emit(\\'update:value\\', $event.target.value)" :disabled="disabled == \\'true\\'" :readonly="readonly == \\'true\\'"></textarea></div>'
        },
        jsonview: {
            data: function() {
@@ -80,23 +107,49 @@ module Mushy
                };
            },
            props: ['label', 'placeholder', 'disabled', 'readonly', 'value', 'description', 'view'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label> <a href="#" v-on:click.prevent.stop="view=toggle(view)">{{(view == \\'beautiful\\' ? \\'>\\' : \\'^\\')}}</a><a href="#" v-on:click.prevent.stop="copy(view, value)">copy</a><pre><code>{{show(view, value)}}</code></pre></div>'
+           template: '<div><mip-h4 :id="id" :label="label" :description="description"></mip-h4> <pre><code>{{show(view, value)}}</code></pre><button :disabled="view==\\'beautiful\\'" v-on:click.prevent.stop="view=toggle(view)">{{(view == \\'beautiful\\' ? \\'View Smaller\\' : \\'View Pretty\\')}}</button><button :disabled="view!=\\'beautiful\\'" v-on:click.prevent.stop="view=toggle(view)">View Smaller</button><button v-on:click.prevent.stop="copy(view, value)">Copy</button></div>'
        },
        radio: {
-           props: ['label', 'value', 'options', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><div v-for="option in options"><input type="radio" :name="id" v-bind:value="option" v-on:input="$emit(\\'update:value\\', $event.target.value)" :checked="value == option"> <label for="option">{{option}}</label></div></div>'
+           props: ['label', 'value', 'options', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><div v-for="option in options"><input type="radio" :name="id" v-bind:value="option" v-if="value || !shrink" v-on:input="$emit(\\'update:value\\', $event.target.value)" :checked="value == option"> <label for="option">{{option}}</label></div></div>'
        },
        select: {
-           props: ['label', 'value', 'options', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><select :name="id" v-on:input="$emit(\\'update:value\\', $event.target.value)"><option v-for="option in options" v-bind:value="option" :selected="value == option">{{option}}</option></select></div>'
+           props: ['label', 'value', 'options', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><select :name="id" v-if="value || !shrink" v-on:input="$emit(\\'update:value\\', $event.target.value)"><option v-for="option in options" v-bind:value="option" :selected="value == option">{{option}}</option></select></div>'
        },
        selectrecord: {
-           props: ['label', 'value', 'options', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><select :name="id" v-on:input="$emit(\\'update:value\\', $event.target.value)"><option v-for="option in options" v-bind:value="option.id" :selected="value == option.id">{{option.name}}</option></select></div>'
+           props: ['label', 'value', 'options', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><select :name="id" v-if="value || !shrink" v-on:input="$emit(\\'update:value\\', $event.target.value)"><option v-for="option in options" v-bind:value="option.id" :selected="value == option.id">{{option.name}}</option></select></div>'
+       },
+       selectmanyrecords: {
+           data: function() {
+               return {
+                   selectedValue: '',
+                   remove: function(value, set) {
+                       if (set.includes(value) == false) return;
+                       for(var i = 0; i < set.length; i++)
+                       {
+                           if (set[i] === value)
+                           {
+                               set.splice(i, 1);
+                               i--;
+                           }
+                       }
+                       return set;
+                    },
+                   doit: function(value, set) {
+                       if (set.includes(value) == false)
+                           set.push(value);
+                       return set;
+                    },
+               };
+           },
+           props: ['label', 'value', 'options', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a> <span v-for="option in options" v-if="value && value.includes(option.id)">{{option.name}} <a href="#" v-on:click.prevent.stop="remove(option.id, value);$emit(\\'update:value\\', value)">[X]</a> </span> <a href="#" v-on:click.prevent.stop="doit(selectedValue, value);$emit(\\'update:value\\', value)">ADD</a> <select :name="id" v-if="value || !shrink" v-on:input="selectedValue=$event.target.value;"><option v-for="option in options" v-bind:value="option.id">{{option.name}}</option></select></div>'
        },
        boolean: {
-           props: ['label', 'value', 'options', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><select :name="id" v-on:input="$emit(\\'update:value\\', $event.target.value)"><option v-for="option in [true, false]" v-bind:value="option" :selected="value == option">{{option}}</option></select></div>'
+           props: ['label', 'value', 'options', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && !value">[^]</a><select :name="id" v-if="(value != undefined && value != null && value != \\'\\') || !shrink" v-on:input="$emit(\\'update:value\\', $event.target.value)"><option v-for="option in [true, false]" v-bind:value="option" :selected="value == option">{{option}}</option></select></div>'
        },
        table: {
            props: ['value', 'description'],
@@ -117,12 +170,13 @@ module Mushy
                                                 }
                };
            },
-           props: ['value', 'editors', 'label', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><table><tr><th v-for="(d, i) in value[0]">{{' + fancyName('i') + '}}</th></tr><tr v-for="(v, z) in value"><td v-for="(d, i) in v">{{d}}</td><td><a href="#" v-on:click.prevent.stop="removeRecord(v, value, z)">[x]</a></td></tr><tr><td v-for="editor in editors"><mip-thing :data="editor.field" :id="editor.id"></mip-thing></td><td><a href="#" v-on:click.prevent.stop="addRecord(editors, value)">[Add]</a></td></tr></table></div>'
+           props: ['value', 'editors', 'label', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink && value.length == 0">[^]</a><table v-if="value.length > 0 || !shrink"><tr><th v-for="(d, i) in value[0]">{{' + fancyName('i') + '}}</th></tr><tr v-for="(v, z) in value"><td v-for="(d, i) in v">{{d}}</td><td><a href="#" v-on:click.prevent.stop="removeRecord(v, value, z)">[x]</a></td></tr><tr><td v-for="editor in editors"><mip-thing :data="editor.field" :id="editor.id"></mip-thing></td><td><a href="#" v-on:click.prevent.stop="addRecord(editors, value)">[Add]</a></td></tr></table></div>'
        },
        keyvalue: {
            data: function() {
                return {
+                   actionText: function(value, others) { found = false; for(var i in others){ if (i == value) found = true; } return found ? 'Replace' : 'Add'; },
                    removeRecord: function(data, key) { Vue.delete(data, key) },
                    addRecord: function(editors, data) {
                                                    Vue.set(data, editors[0].field.value, editors[1].field.value)
@@ -131,12 +185,12 @@ module Mushy
                                                 }
                };
            },
-           props: ['value', 'label', 'editors', 'description'],
-           template: '<div><mip-label :id="id" :label="label" :description="description"></mip-label><table><tr v-for="(v, k) in value"><td>{{k}}</td><td>{{v}}</td><td><a href="#" v-on:click.prevent.stop="removeRecord(value, k)">[x]</a></td></tr><tr><td v-for="editor in editors"><mip-thing :data="editor.field" :id="editor.id"></mip-thing></td><td><a href="#" v-on:click.prevent.stop="addRecord(editors, value)" v-show="editors[0].field.value">[Add]</a></td></tr></table></div>'
+           props: ['value', 'label', 'editors', 'description', 'shrink'],
+           template: '<div><mip-label :id="id" :label="label" :description="description" :hide_description="shrink"></mip-label> <a href="#" v-on:click.prevent.stop="shrink=false" v-show="shrink">[^]</a><table v-if="JSON.stringify(value) != \\'{}\\' || !shrink"><tr v-for="(v, k) in value"><td>{{k}}</td><td>{{v}}</td><td><button v-on:click.prevent.stop="removeRecord(value, k)">Remove {{k}}</button></td></tr><tr><td v-for="editor in editors"><mip-thing :data="editor.field" :id="editor.id"></mip-thing></td><td><button v-on:click.prevent.stop="addRecord(editors, value)" v-show="editors[0].field.value">{{actionText(editors[0].field.value, value)}} {{editors[0].field.value}}</button></td></tr></table></div>'
        },
        button: {
-           props: ['click', 'description'],
-           template: '<button v-on:click.prevent.stop="click(pull(this))">{{id}}</button>'
+           props: ['click', 'description', 'name'],
+           template: '<button v-on:click.prevent.stop="click(pull(this), thisComponent())">{{name || id}}</button>'
        }
    };
 
@@ -156,6 +210,7 @@ module Mushy
                       return {
                           console: console,
                           pull: function(x) { return thingToData(foundIt.data); },
+                          thisComponent: function() { return foundIt.data; },
                       }
                   },
             props: props,
@@ -188,32 +243,6 @@ module Mushy
         template: '<div><mip-thing v-for="(d, id) in data" :data="d" :id="id"></mip-thing></div>',
     });
 
-    var sample = {
-                     email: { type: 'email', value: 'darren@cauthon.com' },
-                     first_name: { type: 'text', value: 'Darren' },
-                     description: { type: 'textarea', value: 'more data' },
-                     size: { type: 'select', value: 'medium', options: ['small', 'medium', 'large']},
-                     heynow: { type: 'keyvalue',
-                             value: {
-                                 first_name: 'John',
-                                 last_name: 'Doe',
-                             },
-                             editors: [
-                                         { id: 'new_key', target: 'key', field: { type: 'text', value: '', default: '' } },
-                                         { id: 'new_value', target: 'value', field: { type: 'text', value: '', default: '' } }
-                                      ] },
-                     past: { type: 'editgrid',
-                             value: [
-                                 { name: 'Godzilla', quantity: 1 },
-                                 { name: 'Mothra', quantity: 2 },
-                             ],
-                             editors: [
-                                         { id: 'new_name', target: 'name', field: { type: 'text', value: '', default: '' } },
-                                         { id: 'new_quantity', target: 'quantity', field: { type: 'select', value: '1', options: [1, 2, 3], default: 1 } }
-                                      ] },
-                     super_action: { type: 'button', click: function(x) { console.log(x) } },
-                 };
-
     var app = null;
 
     axios.get('/fluxs')
@@ -235,57 +264,103 @@ module Mushy
              for(var type in fluxTypes)
                 options.push(fluxTypes[type]);
 
+             var saveTheFlux = function(input)
+             {
+                 var theApp = input.app;
+                 var config = input.config;
+                 delete config.test_event;
+                 var setup = thingToData(theApp.setup);
+                 var flux = {
+                                id: setup.id,
+                                name: setup.name,
+                                flux: setup.flux,
+                                parents: setup.parents,
+                                config: config,
+                 };
+                 var index = -1;
+                 for(var i = 0; i < theApp.flow.fluxs.length; i++)
+                     if (theApp.flow.fluxs[i].id == flux.id)
+                        index = i;
+
+                 if (index < 0)
+                     theApp.flow.fluxs.push(flux);
+                 else
+                     theApp.flow.fluxs[index] = flux;
+             };
+
+             var saveTheFlow = function(input)
+             {
+                 var setup = input.setup;
+                 var flow = input.flow;
+                 axios.post('/save', flow)
+                     .then(function(result){});
+             };
+
+             var saveFlux = function(config) {
+             };
+
+             var ignoreFlux = function(config) {
+             };
+
              var setup = {
                    showFlux: false,
-                   event: { type: 'json', value: '{}' },
-                   id: { type: 'text', value: '' },
+                   id: { type: 'hide', value: '' },
                    name: { type: 'text', value: '' },
                    flux: { type: 'select', value: fluxdata.fluxs[0].name, options: options},
-                   parent: { type: 'selectrecord', value: '', options: flowdata.fluxs },
+                   parents: { type: 'selectmanyrecords', label: 'Receive Events From', value: '', options: flowdata.fluxs },
              };
 
              for (var key in configs)
              {
-                 configs[key].go = { type: 'button', click: function(c) {
+                 configs[key].save = { type: 'button', name: 'Save Changes', click: function(config) {
+                         saveTheFlux({ app: app, config: config });
+                         saveTheFlow({ setup: app.setup, flow: app.flow });
+                         app.setup.showFlux = false;
+                     }
+                 };
+                 configs[key].cancel = { type: 'button', name: 'Ignore Changes', click: function() {
+                         app.setup.showFlux = false;
+                     }
+                 };
+
+                 configs[key].test_event = { type: 'json', value: '{}', default: '{}' };
+
+                 configs[key].run_test = { type: 'button', name: 'Test Run This Flux', click: function(c, hey) {
+                                      var previousName = hey.run_test.name;
+                                      Vue.set(hey.run_test, 'name', 'Loading');
                                       app.results = [];
-                                      Vue.set(app.results, 'loading', true);
-                                      axios.post('/run', { config: c, setup: thingToData(app.setup) })
+                                      Vue.set(app.results, 'errorMessage', '');
+                                      var the_setup = thingToData(app.setup);
+                                      the_setup.event = c.test_event;
+                                      axios.post('/run', { config: c, setup: the_setup })
                                        .then(function(r){
-                                           Vue.set(app.results, 'loading', false);
+                                           var index = 1;
                                            for (var key in r.data.result)
-                                               app.results.push({darren: { type:'jsonview', value: r.data.result[key], view: 'thin' }});
+                                           {
+                                              var result = {};
+                                              result['event_' + index] = { type: 'jsonview', label: 'Event ' + index + ' of ' + r.data.result.length, value: r.data.result[key], view: 'thin' };
+                                              app.results.push(result);
+                                              index += 1;
+                                           }
+                                        }).catch(function(r){
+                                            console.log(r);
+                                            Vue.set(app.results, 'errorMessage', 'This app failed while trying to execute your flux.');
+                                        }).then(function(){
+                                           Vue.set(hey.run_test, 'name', previousName);
                                         });
                                      } };
-
-                 configs[key].save = { type: 'button', click: function(config) {
-                     var setup = thingToData(app.setup);
-                                       var flux = {
-                                           id: setup.id,
-                                           name: setup.name,
-                                           flux: setup.flux,
-                                           parent: setup.parent,
-                                           config: config,
-                                       };
-                     var index = -1;
-                     for(var i = 0; i < app.flow.fluxs.length; i++)
-                        if (app.flow.fluxs[i].id == flux.id)
-                            index = i;
-                     if (index < 0)
-                         app.flow.fluxs.push(flux);
-                     else
-                         app.flow.fluxs[index] = flux;
-
-                     app.setup.id.value = '';
-                                     }
-                 };
              }
 
-             var loadThisFlux = function(flux, setup, config)
+             var loadThisFlux = function(args)
              {
+                 var flux = args.flux;
+                 var setup = args.setup;
+                 var config = args.config;
+
                  Vue.set(setup.id, 'value', flux.id);
                  Vue.set(setup.name, 'value', flux.name);
                  Vue.set(setup.flux, 'value', flux.flux);
-                 Vue.set(setup.parent, 'value', flux.parent);
+                 Vue.set(setup.parents, 'value', flux.parents);
 
                  var applicable_config = configs[flux.flux];
                  for(var key in applicable_config)
@@ -294,12 +369,15 @@ module Mushy
                      else
                          Vue.set(applicable_config[key], 'value', applicable_config[key].default);
 
+                 if (applicable_config)
+                     Vue.set(applicable_config.test_event, 'value', '{}');
 
                  options = flowdata.fluxs.filter(function(x){ return x.id != flux.id });
                  options.unshift( { id: '', name: '' } );
-                 setup.parent.options = options;
+                 setup.parents.options = options;
 
                  Vue.set(setup, 'showFlux', true);
+                 app.results = [];
              };
 
              function uuidv4() {
@@ -315,15 +393,20 @@ module Mushy
                      startNew: function(x) {
                          flux = {
                              id: uuidv4(),
-                             name: 'you',
+                             name: '',
+                             parents: [],
                              config: {}
                          };
-                         loadThisFlux(flux, x.setup, x.configs);
+                         loadThisFlux({ flux: flux, setup: x.setup, configs: x.configs });
                      },
-                     edit: function(x) {
+                     editFlux: function(x) {
                          var flux = x.flux;
 
-                         loadThisFlux(x.flux, x.setup, x.configs);
+                         loadThisFlux({ flux: x.flux, setup: x.setup, configs: x.configs });
+                     },
+                     deleteFlux: function(x) {
+                         var set = x.flow.fluxs.filter( function(v){ return v.id != x.flux.id } );
+                         Vue.set(x.flow, 'fluxs', set);
                      },
                      saveFlow: function(input)
                      {
@@ -331,11 +414,15 @@ module Mushy
                          var flow = input.flow;
                          axios.post('/save', flow)
                             .then(function(result){
-                                Vue.set(setup, 'show', false);
+                                Vue.set(setup, 'showFlux', false);
                             });
                      },
                      configs: configs,
                      setup: setup,
+                     flux_name_for: function(ids, fluxes) {
+                         var fluxs = fluxes.filter(function(x){ return ids.includes(x.id) });
+                         return fluxs.map(function(x){ return x.name }).join(', ');
+                     },
                      results: [],
                  }
             });

data/lib/mushy/flow.rb

@@ -18,8 +18,10 @@ module Mushy
     end
 
     def self.build_flux record
-      flux = Object.const_get("Mushy::#{record[:type] || record['type'] || 'Flux'}").new
+      type = record[:type] || record['type'] || record[:flux] || record['flux'] || 'Flux'
+      flux = Object.const_get("Mushy::#{type}").new
       flux.id = record[:id] || record['id'] || flux.id
+      flux.type = type
       flux.config = SymbolizedHash.new(record[:config] || record['config'])
       flux
     end

data/lib/mushy/flux.rb

@@ -3,6 +3,7 @@ module Mushy
   class Flux
 
     attr_accessor :id
+    attr_accessor :type
     attr_accessor :parent_fluxs
     attr_accessor :subscribed_to
     attr_accessor :config

data/lib/mushy/fluxs/browser.rb

@@ -17,16 +17,25 @@ module Mushy
           headless: {
                       description: 'Run this browser headless.',
                       type:        'boolean',
+                      shrink:      true,
                       value:       'true',
                     },
+          timeout: {
+                     description: 'The default timeout (in seconds) before closing the browser. Default is 5 seconds.',
+                     type:        'integer',
+                     shrink:      true,
+                     value:       '',
+                   },
           execute: {
                      description: 'Javascript to run after the page is loaded.',
                      type:        'textarea',
+                     shrink:      true,
                      value:       '',
                    },
           cookies: {
                      description: 'Cookies for the web request. These can be received from a previous browser event with {{cookies}}, or can be typed manually.',
                      type:        'editgrid',
+                     shrink:      true,
                      value:       [],
                      editors: [
                                  { id: 'name', target: 'name', field: { type: 'text', value: '', default: '' } },
@@ -40,26 +49,29 @@ module Mushy
                                  { id: 'sameSite', target: 'sameSite', field: { type: 'text', value: 'None', default: 'None' } },
                                  { id: 'priority', target: 'priority', field: { type: 'text', value: 'Medium', default: 'Medium' } },
                               ],
-                     #{"name":"1P_JAR","value":"2021-01-21-13","domain":".google.com","path":"/","expires":1613828458.870408,"size":19,"httpOnly":false,"secure":true,"session":false,"sameSite":"None","priority":"Medium"
                    },
           carry_cookies_from: {
                      description: 'Carry the cookies from this path in the event.',
                      type:        'text',
+                     shrink:      true,
                      value:       'cookies',
                    },
           headers: {
                      description: 'Headers for the web request. These can be received from a previous browser event with {{headers}}, or can be typed manually.',
                      type:        'keyvalue',
+                     shrink:      true,
                      value:       {},
                    },
           carry_headers_from: {
                      description: 'Carry the headers from this path in the event.',
                      type:        'text',
+                     shrink:      true,
                      value:       'headers',
                    },
           wait_before_closing: {
                                  description: 'Wait this many seconds before closing the browser.',
                                  type:        'integer',
+                                 shrink:      true,
                                  value:       '',
                                },
         },
@@ -68,7 +80,11 @@ module Mushy
 
     def process event, config
 
-      browser = Ferrum::Browser.new(headless: (config[:headless].to_s != 'false'))
+      timeout = config[:timeout] ? config[:timeout].to_i : 5
+
+      browser = Ferrum::Browser.new(
+        headless: (config[:headless].to_s != 'false'),
+        timeout: timeout)
 
       get_the_cookies_from(event, config).each { |c| browser.cookies.set(c) }
 
@@ -78,15 +94,17 @@ module Mushy
 
       browser.execute(config[:execute]) if config[:execute]
 
+      sleep(config[:wait_before_closing].to_i) if config[:wait_before_closing] && config[:wait_before_closing].to_i > 0
+
       result = {
         url: browser.url,
+        status: browser.network.status,
+        title: browser.frames[0].title,
         cookies: browser.cookies.all.map { |k, v| v.instance_variable_get('@attributes') },
         headers: browser.headers.get,
         body: browser.body
       }
 
-      sleep(config[:wait_before_closing].to_i) if config[:wait_before_closing] && config[:wait_before_closing].to_i > 0
-
       browser.quit
 
       result

data/lib/mushy/fluxs/cli.rb

@@ -0,0 +1,20 @@
+module Mushy
+  
+  class Cli < Flux
+
+    def self.details
+      {
+        name: 'Cli',
+        description: 'Accept CLI arguments from the run command.',
+        config: {
+        },
+      }
+    end
+
+    def process event, config
+      event
+    end
+
+  end
+
+end

data/lib/mushy/fluxs/filter.rb

@@ -2,6 +2,29 @@ module Mushy
   
   class Filter < Flux
 
+    def self.details
+      {
+        name: 'Filter',
+        description: 'Filters events based on criteria.',
+        config: {
+          equal: {
+                 description: 'Provide key/value pairs that must match in the event.',
+                 shrink:      true,
+                 label:       'Equal To',
+                 type:        'keyvalue',
+                 value:       {},
+               },
+          notequal: {
+                 description: 'Provide key/value pairs that must NOT match in the event.',
+                 shrink:      true,
+                 label:       'Not Equal To',
+                 type:        'keyvalue',
+                 value:       {},
+               },
+        },
+      }
+    end
+
     def process event, config
 
       differences = [:equal, :notequal]

data/mushy.gemspec

@@ -4,7 +4,7 @@ require 'mushy/version'
 
 Gem::Specification.new do |s|
   s.name           = 'mushy'
-  s.version        = '0.0.6'
+  s.version        = '0.2.0'
   s.date           = '2020-11-23'
   s.summary        = 'Process streams of work using common modules.'
   s.description    = 'This tool assists in the creation and processing of workflows.'
@@ -17,9 +17,11 @@ Gem::Specification.new do |s|
   s.license        = 'MIT'
 
   s.add_development_dependency 'minitest'
+  s.add_runtime_dependency 'sinatra'
+  s.add_runtime_dependency 'symbolized'
   s.add_runtime_dependency 'thor'
   s.add_runtime_dependency 'liquid'
   s.add_runtime_dependency 'ferrum'
   s.add_runtime_dependency 'nokogiri'
   s.add_runtime_dependency 'faraday'
-end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mushy
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.2.0
 platform: ruby
 authors:
 - Darren Cauthon
@@ -24,6 +24,34 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  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'
+- !ruby/object:Gem::Dependency
+  name: symbolized
+  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'
 - !ruby/object:Gem::Dependency
   name: thor
   requirement: !ruby/object:Gem::Requirement
@@ -114,6 +142,7 @@ files:
 - lib/mushy/fluxs/bash.rb
 - lib/mushy/fluxs/browser.rb
 - lib/mushy/fluxs/build_csv.rb
+- lib/mushy/fluxs/cli.rb
 - lib/mushy/fluxs/collection.rb
 - lib/mushy/fluxs/filter.rb
 - lib/mushy/fluxs/format.rb