From b083af203e99acc1dc641b2a4e2dae7bc4490f63 Mon Sep 17 00:00:00 2001 From: David Konsumer Date: Wed, 4 Dec 2019 14:50:59 -0800 Subject: [PATCH 1/3] dev-tools and cleanup --- .gitignore | 5 + .npmignore | 5 + demo/flowy.min.css | 1 - demo/flowy.min.js | 1 - demo/main.js | 81 - .../action.svg => docs/action.8befc6f7.svg | 0 .../actionblue.ae84b4e1.svg | 0 .../actionorange.a9ba5119.svg | 0 .../arrow.svg => docs/arrow.cdedb983.svg | 0 .../checkoff.5d8991b3.svg | 0 .../checkon.svg => docs/checkon.c7d59ff6.svg | 0 .../close.svg => docs/close.28a95260.svg | 0 .../closeleft.c8d77482.svg | 0 .../database.5609ff0e.svg | 0 .../databaseorange.94796e21.svg | 0 docs/demo.11b81a19.css | 2 + docs/demo.11b81a19.css.map | 1 + docs/demo.ce4dcfc7.js | 70 + docs/demo.ce4dcfc7.js.map | 1 + .../dropdown.c7e7d7bf.svg | 0 .../error.svg => docs/error.190918e1.svg | 0 .../errorblue.82e0f302.svg | 0 .../errorred.6eed4129.svg | 0 demo/assets/eye.svg => docs/eye.a93b3c96.svg | 0 .../eyeblue.svg => docs/eyeblue.87405eba.svg | 0 .../grabme.svg => docs/grabme.160f0296.svg | 0 .../heart.svg => docs/heart.31604f1e.svg | 0 docs/index.html | 2 + demo/assets/log.svg => docs/log.a9b58bce.svg | 0 .../logred.svg => docs/logred.44842b54.svg | 0 .../assets/meta.png => docs/meta.58565e73.png | Bin .../assets/more.svg => docs/more.1916aad0.svg | 0 .../search.svg => docs/search.8cdb7225.svg | 0 .../assets/tile.png => docs/tile.49f4d005.png | Bin .../assets/time.svg => docs/time.7a89f195.svg | 0 .../timeblue.cc2cc3d0.svg | 0 .../twitter.svg => docs/twitter.43adbe3e.svg | 0 .../twitterorange.f563e90a.svg | 0 engine/flowy.js | 506 - flowy.min.css | 1 - flowy.min.js | 1 - package-lock.json | 16736 ++++++++++++++++ package.json | 42 + src/assets/action.svg | 3 + src/assets/actionblue.svg | 3 + src/assets/actionorange.svg | 3 + src/assets/arrow.svg | 3 + src/assets/checkoff.svg | 3 + src/assets/checkon.svg | 4 + src/assets/close.svg | 4 + src/assets/closeleft.svg | 4 + src/assets/database.svg | 13 + src/assets/databaseorange.svg | 6 + src/assets/dropdown.svg | 3 + src/assets/error.svg | 5 + src/assets/errorblue.svg | 5 + src/assets/errorred.svg | 5 + src/assets/eye.svg | 4 + src/assets/eyeblue.svg | 4 + src/assets/grabme.svg | 8 + src/assets/heart.svg | 3 + src/assets/log.svg | 4 + src/assets/logred.svg | 4 + src/assets/meta.png | Bin 0 -> 241512 bytes src/assets/more.svg | 5 + src/assets/search.svg | 4 + demo/assets/.DS_Store => src/assets/tile.png | Bin 8196 -> 10561 bytes src/assets/time.svg | 4 + src/assets/timeblue.svg | 4 + src/assets/twitter.svg | 10 + src/assets/twitterorange.svg | 10 + demo/styles.css => src/demo.css | 2 +- src/demo.js | 329 + {engine => src}/flowy.css | 0 src/flowy.js | 508 + src/flowy.test.js | 13 + {demo => src}/index.html | 41 +- 77 files changed, 17862 insertions(+), 614 deletions(-) create mode 100644 .gitignore create mode 100644 .npmignore delete mode 100644 demo/flowy.min.css delete mode 100644 demo/flowy.min.js delete mode 100644 demo/main.js rename demo/assets/action.svg => docs/action.8befc6f7.svg (100%) rename demo/assets/actionblue.svg => docs/actionblue.ae84b4e1.svg (100%) rename demo/assets/actionorange.svg => docs/actionorange.a9ba5119.svg (100%) rename demo/assets/arrow.svg => docs/arrow.cdedb983.svg (100%) rename demo/assets/checkoff.svg => docs/checkoff.5d8991b3.svg (100%) rename demo/assets/checkon.svg => docs/checkon.c7d59ff6.svg (100%) rename demo/assets/close.svg => docs/close.28a95260.svg (100%) rename demo/assets/closeleft.svg => docs/closeleft.c8d77482.svg (100%) rename demo/assets/database.svg => docs/database.5609ff0e.svg (100%) rename demo/assets/databaseorange.svg => docs/databaseorange.94796e21.svg (100%) create mode 100644 docs/demo.11b81a19.css create mode 100644 docs/demo.11b81a19.css.map create mode 100644 docs/demo.ce4dcfc7.js create mode 100644 docs/demo.ce4dcfc7.js.map rename demo/assets/dropdown.svg => docs/dropdown.c7e7d7bf.svg (100%) rename demo/assets/error.svg => docs/error.190918e1.svg (100%) rename demo/assets/errorblue.svg => docs/errorblue.82e0f302.svg (100%) rename demo/assets/errorred.svg => docs/errorred.6eed4129.svg (100%) rename demo/assets/eye.svg => docs/eye.a93b3c96.svg (100%) rename demo/assets/eyeblue.svg => docs/eyeblue.87405eba.svg (100%) rename demo/assets/grabme.svg => docs/grabme.160f0296.svg (100%) rename demo/assets/heart.svg => docs/heart.31604f1e.svg (100%) create mode 100644 docs/index.html rename demo/assets/log.svg => docs/log.a9b58bce.svg (100%) rename demo/assets/logred.svg => docs/logred.44842b54.svg (100%) rename demo/assets/meta.png => docs/meta.58565e73.png (100%) rename demo/assets/more.svg => docs/more.1916aad0.svg (100%) rename demo/assets/search.svg => docs/search.8cdb7225.svg (100%) rename demo/assets/tile.png => docs/tile.49f4d005.png (100%) rename demo/assets/time.svg => docs/time.7a89f195.svg (100%) rename demo/assets/timeblue.svg => docs/timeblue.cc2cc3d0.svg (100%) rename demo/assets/twitter.svg => docs/twitter.43adbe3e.svg (100%) rename demo/assets/twitterorange.svg => docs/twitterorange.f563e90a.svg (100%) delete mode 100644 engine/flowy.js delete mode 100644 flowy.min.css delete mode 100644 flowy.min.js create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 src/assets/action.svg create mode 100644 src/assets/actionblue.svg create mode 100644 src/assets/actionorange.svg create mode 100644 src/assets/arrow.svg create mode 100644 src/assets/checkoff.svg create mode 100644 src/assets/checkon.svg create mode 100644 src/assets/close.svg create mode 100644 src/assets/closeleft.svg create mode 100644 src/assets/database.svg create mode 100644 src/assets/databaseorange.svg create mode 100644 src/assets/dropdown.svg create mode 100644 src/assets/error.svg create mode 100644 src/assets/errorblue.svg create mode 100644 src/assets/errorred.svg create mode 100644 src/assets/eye.svg create mode 100644 src/assets/eyeblue.svg create mode 100644 src/assets/grabme.svg create mode 100644 src/assets/heart.svg create mode 100644 src/assets/log.svg create mode 100644 src/assets/logred.svg create mode 100644 src/assets/meta.png create mode 100644 src/assets/more.svg create mode 100644 src/assets/search.svg rename demo/assets/.DS_Store => src/assets/tile.png (53%) create mode 100644 src/assets/time.svg create mode 100644 src/assets/timeblue.svg create mode 100644 src/assets/twitter.svg create mode 100644 src/assets/twitterorange.svg rename demo/styles.css => src/demo.css (99%) create mode 100644 src/demo.js rename {engine => src}/flowy.css (100%) create mode 100644 src/flowy.js create mode 100644 src/flowy.test.js rename {demo => src}/index.html (83%) diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..23a3d16 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +node_modules +*.log +.DS_Store +.cache +dist \ No newline at end of file diff --git a/.npmignore b/.npmignore new file mode 100644 index 0000000..830a5fc --- /dev/null +++ b/.npmignore @@ -0,0 +1,5 @@ +node_modules +*.log +.DS_Store +.cache +docs \ No newline at end of file diff --git a/demo/flowy.min.css b/demo/flowy.min.css deleted file mode 100644 index 8ee4fd9..0000000 --- a/demo/flowy.min.css +++ /dev/null @@ -1 +0,0 @@ -.dragging{z-index:111!important}.block{position:absolute;z-index:9}.indicator{width:12px;height:12px;border-radius:60px;background-color:#217ce8;margin-top:-5px;opacity:1;transition:all .3s cubic-bezier(.05,.03,.35,1);transform:scale(1);position:absolute;z-index:2}.invisible{opacity:0!important;transform:scale(0)}.indicator:after{content:"";display:block;width:12px;height:12px;background-color:#217ce8;transform:scale(1.7);opacity:.2;border-radius:60px}.arrowblock{position:absolute;width:110%;pointer-events:none}.arrowblock svg{width:110%} \ No newline at end of file diff --git a/demo/flowy.min.js b/demo/flowy.min.js deleted file mode 100644 index cd9d6c6..0000000 --- a/demo/flowy.min.js +++ /dev/null @@ -1 +0,0 @@ -var flowy=function(e,t,i,l,r,d){function o(e,t,i){return l(e,t,i)}t||(t=function(){}),i||(i=function(){}),l||(l=function(){return!0}),r||(r=20),d||(d=80),$(document).ready(function(){var l,a,f,n,s,p,c=[],h=[],v=e,u=!1,w=r,g=d,x=0,b=0,k=!1,m=!1;function y(e,t,i){k||e.appendTo(v);for(var l=0,r=0,d=0;de.parent==i[t]).length;d++){(u=c.filter(e=>e.parent==i[t])[d]).childwidth>u.width?l+=u.childwidth+w:l+=u.width+w}l+=e.innerWidth();for(d=0;de.parent==i[t]).length;d++){(u=c.filter(e=>e.parent==i[t])[d]).childwidth>u.width?($(".blockid[value="+u.id+"]").parent().css("left",c.filter(e=>e.id==i[t])[0].x-l/2+r+u.childwidth/2-u.width/2+"px"),u.x=c.filter(e=>e.parent==i[t])[0].x-l/2+r+u.childwidth/2,r+=u.childwidth+w):($(".blockid[value="+u.id+"]").parent().css("left",c.filter(e=>e.id==i[t])[0].x-l/2+r+"px"),u.x=c.filter(e=>e.parent==i[t])[0].x-l/2+r+u.width/2,r+=u.width+w)}if(e.css("left",c.filter(e=>e.id==i[t])[0].x-l/2+r-v.offset().left+v.scrollLeft()+"px"),e.css("top",c.filter(e=>e.id==i[t])[0].y+c.filter(e=>e.id==i[t])[0].height/2+g-v.offset().top+"px"),k){h.filter(t=>t.id==parseInt(e.children(".blockid").val()))[0].x=e.offset().left+e.innerWidth()/2+v.scrollLeft()+v.scrollLeft(),h.filter(t=>t.id==parseInt(e.children(".blockid").val()))[0].y=e.offset().top+e.innerHeight()/2+v.scrollTop(),h.filter(t=>t.id==e.children(".blockid").val())[0].parent=i[t];for(d=0;dt.id==parseInt(e.children(".blockid").val()))[0],a=o.x-c.filter(e=>e.id==i[t])[0].x+20,f=o.y-o.height/2-(c.filter(e=>e.parent==i[t])[0].y+c.filter(e=>e.parent==i[t])[0].height/2)+v.scrollTop();if(a<0?(e.after('
e.id==i[t])[0].x-o.x+5)+" "+g/2+"L5 "+g/2+"L5 "+f+'" stroke="#C5CCD0" stroke-width="2px"/>
'),$(".arrowid[value="+e.children(".blockid").val()+"]").parent().css("left",o.x-5-v.offset().left+v.scrollLeft()+"px")):(e.after('
'),$(".arrowid[value="+parseInt(e.children(".blockid").val())+"]").parent().css("left",c.filter(e=>e.id==i[t])[0].x-20-v.offset().left+v.scrollLeft()+"px")),$(".arrowid[value="+parseInt(e.children(".blockid").val())+"]").parent().css("top",c.filter(e=>e.id==i[t])[0].y+c.filter(e=>e.id==i[t])[0].height/2+"px"),-1!=c.filter(e=>e.id==i[t])[0].parent){for(var n=!1,s=i[t];!n;)if(-1==c.filter(e=>e.id==s)[0].parent)n=!0;else{var p=0;for(d=0;de.parent==s).length;d++){var u;(u=c.filter(e=>e.parent==s)[d]).childwidth>u.width?d==c.filter(e=>e.parent==s).length-1?p+=u.childwidth:p+=u.childwidth+w:d==c.filter(e=>e.parent==s).length-1?p+=u.width:p+=u.width+w}c.filter(e=>e.id==s)[0].childwidth=p,s=c.filter(e=>e.id==s)[0].parent}c.filter(e=>e.id==s)[0].childwidth=l}k&&(k=!1,e.removeClass("dragging")),C(),function(){x=c.map(e=>e.x);var e=c.map(e=>e.width),t=x.map(function(t,i){return t-e[i]/2});if((x=Math.min.apply(Math,t))e.id),l=0;le.id==i[l])[0].id+"]").parent().css("left",c.filter(e=>e.id==i[l])[0].x-c.filter(e=>e.id==i[l])[0].width/2-x+20),-1!=c.filter(e=>e.id==i[l])[0].parent){var r=c.filter(e=>e.id==i[l])[0],d=r.x-c.filter(e=>e.id==c.filter(e=>e.id==i[l])[0].parent)[0].x;d<0?$(".arrowid[value="+i[l]+"]").parent().css("left",r.x-x+20-5+"px"):$(".arrowid[value="+i[l]+"]").parent().css("left",c.filter(e=>e.id==c.filter(e=>e.id==i[l])[0].parent)[0].x-20-x+20+"px")}for(var l=0;le.parent),t=0;ti.parent==e[t]).length;r++){var d=c.filter(i=>i.parent==e[t])[r];0==c.filter(e=>e.parent==d.id).length&&(d.childwidth=0),d.childwidth>d.width?r==c.filter(i=>i.parent==e[t]).length-1?i+=d.childwidth:i+=d.childwidth+w:r==c.filter(i=>i.parent==e[t]).length-1?i+=d.width:i+=d.width+w}-1!=e[t]&&(c.filter(i=>i.id==e[t])[0].childwidth=i);for(r=0;ri.parent==e[t]).length;r++){d=c.filter(i=>i.parent==e[t])[r];$(".blockid[value="+d.id+"]").parent().css("top",c.filter(i=>i.id==e[t]).y+g+"px"),c.filter(i=>i.id==e[t]).y=c.filter(i=>i.id==e[t]).y+g,d.childwidth>d.width?($(".blockid[value="+d.id+"]").parent().css("left",c.filter(i=>i.id==e[t])[0].x-i/2+l+d.childwidth/2-d.width/2-v.offset().left+"px"),d.x=c.filter(i=>i.id==e[t])[0].x-i/2+l+d.childwidth/2,l+=d.childwidth+w):($(".blockid[value="+d.id+"]").parent().css("left",c.filter(i=>i.id==e[t])[0].x-i/2+l-v.offset().left+"px"),d.x=c.filter(i=>i.id==e[t])[0].x-i/2+l+d.width/2,l+=d.width+w);var o=c.filter(e=>e.id==d.id)[0],a=o.x-c.filter(e=>e.id==d.parent)[0].x+20,f=o.y-o.height/2-(c.filter(e=>e.id==d.parent)[0].y+c.filter(e=>e.id==d.parent)[0].height/2);$(".arrowid[value="+d.id+"]").parent().css("top",c.filter(e=>e.id==d.parent)[0].y+c.filter(e=>e.id==d.parent)[0].height/2-v.offset().top+"px"),a<0?($(".arrowid[value="+d.id+"]").parent().css("left",o.x-5-v.offset().left+"px"),$(".arrowid[value="+d.id+"]").parent().html('e.id==d.parent)[0].x-o.x+5)+" "+g/2+"L5 "+g/2+"L5 "+f+'" stroke="#C5CCD0" stroke-width="2px"/>')):($(".arrowid[value="+d.id+"]").parent().css("left",c.filter(e=>e.id==d.parent)[0].x-20-v.offset().left+"px"),$(".arrowid[value="+d.id+"]").parent().html(''))}}}v.append(""),flowy.import=function(e){v.html(JSON.parse(e.html)),c=e.blockarr},flowy.output=function(){var e={html:JSON.stringify(v.html()),blockarr:c,blocks:[]};if(c.length>0){for(var t=0;t