mushy 0.0.2 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1a4d1e2d7740622ef1ddc7aaa6dc7bcfb64f1e7e7d5cedd2451f78d601a085f8
-  data.tar.gz: 5facf81ef9fd26d5ba649739e65cb6017de9afe192d5830279a397716cb93b78
+  metadata.gz: 5b0ff90e9b20233f5744ec73d94137a2a117dc5bbdcb1962242caf5d3fdec8f3
+  data.tar.gz: dd834f5294cf131393881c7647a25c27d54275e7c510c2b19bac233b9193be43
 SHA512:
-  metadata.gz: e7751abc81f9d8f9db91c3cf612901066be0132b07694182cdaf480318df619fe52276974678aee03bc1a1257323c09379ddc9e19838aa6a37752a992d189955
-  data.tar.gz: dc1b0a45620512cee1dfffb208c44ddef18ea92581ea1188f4c0df2967093f5c1ca21efb67fc92bc17a357a0ecfeb6789e35e8e0609e636b350acc257c2fc3e3
+  metadata.gz: 41b4cdfd6d24547838ba11b0bbdb3515ec8baee305ab5b97079d040019951354d29074d9a93c88cf94be9b70c0875220f3b76630097c9cc697ddf4ea4cef550f
+  data.tar.gz: 1ec8aab8a0ac9281d1ed036b84add01be639c6223ef46db6f7132d4140f09c10d2ea0a6707bca99aa79b3db024efa2f4cf34ce5430c68e8838953be21f125dd2

data/lib/mushy/builder/api.rb

@@ -40,14 +40,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,28 @@ 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.parent, 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.id.value == ''" v-on:click.prevent.stop="startNew({ setup: setup, configs: configs })">[New]</a>
-            <a href="#" v-if="setup.id.value == ''" v-on:click.prevent.stop="saveFlow(flow)">[Save]</a>
-            <div v-if="setup.id.value">
+            <button v-if="setup.showFlux == false" v-on:click.prevent.stop="startNew({ setup: setup, configs: configs })">Start a New Flux</button>
+            <button v-if="setup.showFlux == false" v-on:click.prevent.stop="saveFlow({ setup: setup, flow: flow })">Save This Flow</button>
+            <button v-if="setup.showFlux" v-on:click.prevent.stop="setup.showFlux = false">&lt; Go Back To List</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 +57,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,19 +109,23 @@ 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', '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>'
        },
        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'],
@@ -113,12 +146,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)
@@ -127,12 +161,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>'
        }
    };
 
@@ -152,6 +186,7 @@ module Mushy
                       return {
                           console: console,
                           pull: function(x) { return thingToData(foundIt.data); },
+                          thisComponent: function() { return foundIt.data; },
                       }
                   },
             props: props,
@@ -184,32 +219,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')
@@ -232,31 +241,25 @@ module Mushy
                 options.push(fluxTypes[type]);
 
              var setup = {
-                   event: { type: 'json', value: '{}' },
-                   id: { type: 'text', value: '' },
+                   showFlux: false,
+                   id: { type: 'hide', value: '' },
                    name: { type: 'text', value: '' },
                    flux: { type: 'select', value: fluxdata.fluxs[0].name, options: options},
+                   parent: { type: 'selectrecord', label: 'Receive Events From', value: '', options: flowdata.fluxs },
              };
 
              for (var key in configs)
              {
-                 configs[key].go = { type: 'button', click: function(c) {
-                                      app.results = [];
-                                      Vue.set(app.results, 'loading', true);
-                                      axios.post('/run', { config: c, setup: thingToData(app.setup) })
-                                       .then(function(r){
-                                           Vue.set(app.results, 'loading', false);
-                                           for (var key in r.data.result)
-                                               app.results.push({darren: { type:'jsonview', value: r.data.result[key], view: 'thin' }});
-                                        });
-                                     } };
-
-                 configs[key].save = { type: 'button', click: function(config) {
+                 configs[key].save = { type: 'button', name: 'Save This Flux', click: function(config, hey) {
+                     var nameOfTheSaveButton = hey.save.name;
+                     Vue.set(hey.save, 'name', 'Saving');
+                     delete config.test_event;
                      var setup = thingToData(app.setup);
                                        var flux = {
                                            id: setup.id,
                                            name: setup.name,
                                            flux: setup.flux,
+                                           parent: setup.parent,
                                            config: config,
                                        };
                      var index = -1;
@@ -268,16 +271,53 @@ module Mushy
                      else
                          app.flow.fluxs[index] = flux;
 
-                     app.setup.id.value = '';
+                     setTimeout(function(){
+                         Vue.set(hey.save, 'name', nameOfTheSaveButton);
+                         app.setup.id.value = '';
+
+                         Vue.set(app.setup, 'showFlux', false);
+                     }, 500);
                                      }
                  };
+
+                 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, 'errorMessage', '');
+                                      var the_setup = thingToData(app.setup);
+                                      the_setup.event = c.test_event;
+                                      axios.post('/run', { config: c, setup: the_setup })
+                                       .then(function(r){
+                                           var index = 1;
+                                           for (var key in r.data.result)
+                                           {
+                                              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);
+                                        });
+                                     } };
              }
 
-             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);
 
                  var applicable_config = configs[flux.flux];
                  for(var key in applicable_config)
@@ -285,35 +325,60 @@ module Mushy
                          Vue.set(applicable_config[key], 'value', flux.config[key]);
                      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;
+
+                 Vue.set(setup, 'showFlux', true);
+                 app.results = [];
              };
 
+             function uuidv4() {
+                 return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c =>
+                     (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
+                 );
+             }
+
              app = new Vue({
                  el: '#app',
                  data: {
                      flow: flowdata,
                      startNew: function(x) {
                          flux = {
-                             id: 'hey',
-                             name: 'you',
+                             id: uuidv4(),
+                             name: '',
                              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 });
                      },
-                     saveFlow: function(flow)
+                     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)
                      {
-                         console.log(flow);
+                         var setup = input.setup;
+                         var flow = input.flow;
                          axios.post('/save', flow)
                             .then(function(result){
-                                console.log(result);
+                                Vue.set(setup, 'showFlux', false);
                             });
                      },
                      configs: configs,
                      setup: setup,
+                     flux_name_for: function(id, fluxes) {
+                         var flux = fluxes.filter(function(x){ return x.id == id })[0];
+                         return flux != undefined ? flux.name : '';
+                     },
                      results: [],
                  }
             });

data/lib/mushy/flow.rb

@@ -26,9 +26,11 @@ module Mushy
 
     def self.parse data
       data = JSON.parse data
-      flow = new
 
       data_fluxs = data['fluxs'] || []
+      data_fluxs.select { |x| x['parent'] }.map { |r| r["parent_fluxs"] = [r["parent"]] }
+
+      flow = new
 
       flow.fluxs = data_fluxs.map { |s| build_flux s }
 

data/lib/mushy/flux.rb

@@ -40,17 +40,18 @@ module Mushy
 
       event = incoming_event
 
-      mashed_config = masher.mash config, event
-
-      incoming_split = mashed_config[:incoming_split]
+      incoming_split = masher.mash(config, event)[:incoming_split]
+      config_considering_an_imcoming_split = config
+                                               .reject { |x, _| incoming_split && x.to_s == 'join' }
+                                               .reduce({}) { |t, i| t[i[0]] = i[1]; t }
 
       events = incoming_split ? incoming_event[incoming_split] : [event]
 
-      results = events.map { |e| execute_single_event e, config }
+      results = events.map { |e| execute_single_event e, config_considering_an_imcoming_split }
 
       return results.first unless incoming_split
 
-      results = join_these_results(results, event, config[:join]) if config[:join]
+      results = join_these_results([results].flatten, event, config[:join]) if config[:join]
 
       results.flatten
     end
@@ -67,7 +68,7 @@ module Mushy
       returned_one_result = results.is_a?(Hash)
 
       results = standardize_these results
-      results = shape_these results, event, mashed_config
+      results = shape_these results, event, config
 
       return results.first if the_original_join
 

data/lib/mushy/fluxs/browser.rb

@@ -17,16 +17,19 @@ module Mushy
           headless: {
                       description: 'Run this browser headless.',
                       type:        'boolean',
+                      shrink:      true,
                       value:       'true',
                     },
           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,23 +43,31 @@ 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:       '',
+                               },
         },
       }
     end
@@ -73,6 +84,8 @@ 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,
         cookies: browser.cookies.all.map { |k, v| v.instance_variable_get('@attributes') },

data/lib/mushy/fluxs/format.rb

@@ -0,0 +1,19 @@
+module Mushy
+
+  class Format < Flux
+
+    def self.details
+      {
+        name: 'Format',
+        description: 'Return the event passed to it. This opens the opportunity to further alter results.',
+        config: {},
+      }
+    end
+
+    def process event, config
+      event
+    end
+
+  end
+
+end

data/mushy.gemspec

@@ -4,7 +4,7 @@ require 'mushy/version'
 
 Gem::Specification.new do |s|
   s.name           = 'mushy'
-  s.version        = '0.0.2'
+  s.version        = '0.1.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.2
+  version: 0.1.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
@@ -116,6 +144,7 @@ files:
 - lib/mushy/fluxs/build_csv.rb
 - lib/mushy/fluxs/collection.rb
 - lib/mushy/fluxs/filter.rb
+- lib/mushy/fluxs/format.rb
 - lib/mushy/fluxs/get.rb
 - lib/mushy/fluxs/ls.rb
 - lib/mushy/fluxs/parse_html.rb