@drayman/framework 2.6.2 → 2.8.0

package/client/dist/index.js

@@ -1 +1 @@
-(()=>{var e={173:()=>{(()=>{"use strict";function e(e,t,n,o,i){return{sel:e,data:t,children:n,text:o,elm:i,key:void 0===t?void 0:t.key}}const t=Array.isArray;function n(e){return"string"==typeof e||"number"==typeof e}const o={createElement:function(e,t){return document.createElement(e,t)},createElementNS:function(e,t,n){return document.createElementNS(e,t,n)},createTextNode:function(e){return document.createTextNode(e)},createComment:function(e){return document.createComment(e)},insertBefore:function(e,t,n){e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},appendChild:function(e,t){e.appendChild(t)},parentNode:function(e){return e.parentNode},nextSibling:function(e){return e.nextSibling},tagName:function(e){return e.tagName},setTextContent:function(e,t){e.textContent=t},getTextContent:function(e){return e.textContent},isElement:function(e){return 1===e.nodeType},isText:function(e){return 3===e.nodeType},isComment:function(e){return 8===e.nodeType}};function i(e){return void 0===e}function s(e){return void 0!==e}const r=e("",{},[],void 0,void 0);function l(e,t){var n,o;const i=e.key===t.key,s=(null===(n=e.data)||void 0===n?void 0:n.is)===(null===(o=t.data)||void 0===o?void 0:o.is);return e.sel===t.sel&&i&&s}function a(e,t,n){var o;const i={};for(let s=t;s<=n;++s){const t=null===(o=e[s])||void 0===o?void 0:o.key;void 0!==t&&(i[t]=s)}return i}const d=["create","update","remove","destroy","pre","post"];function c(e,t){let n;const o=t.elm;let i=e.data.attrs,s=t.data.attrs;if((i||s)&&i!==s){for(n in i=i||{},s=s||{},s){const e=s[n];i[n]!==e&&(!0===e?o.setAttribute(n,""):!1===e?o.removeAttribute(n):120!==n.charCodeAt(0)?o.setAttribute(n,e):58===n.charCodeAt(3)?o.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,e):58===n.charCodeAt(5)?o.setAttributeNS("http://www.w3.org/1999/xlink",n,e):o.setAttribute(n,e))}for(n in i)n in s||o.removeAttribute(n)}}const u={create:c,update:c};function f(e,t){let n,o,i;const s=t.elm;let r=e.data.props,l=t.data.props;if((r||l)&&r!==l)for(n in r=r||{},l=l||{},l)o=l[n],i=r[n],i===o||"value"===n&&s[n]===o||(s[n]=o)}const m={create:f,update:f},v="undefined"!=typeof window&&window.requestAnimationFrame.bind(window)||setTimeout;let p=!1;function h(e,t,n){var o;o=function(){e[t]=n},v((function(){v(o)}))}function y(e,t){let n,o;const i=t.elm;let s=e.data.style,r=t.data.style;if(!s&&!r)return;if(s===r)return;s=s||{},r=r||{};const l="delayed"in s;for(o in s)r[o]||("-"===o[0]&&"-"===o[1]?i.style.removeProperty(o):i.style[o]="");for(o in r)if(n=r[o],"delayed"===o&&r.delayed)for(const e in r.delayed)n=r.delayed[e],l&&n===s.delayed[e]||h(i.style,e,n);else"remove"!==o&&n!==s[o]&&("-"===o[0]&&"-"===o[1]?i.style.setProperty(o,n):i.style[o]=n)}function g(e,t,n){if("function"==typeof e)e.call(t,n,t);else if("object"==typeof e)for(let o=0;o<e.length;o++)g(e[o],t,n)}function b(e,t){const n=e.type,o=t.data.on;o&&o[n]&&g(o[n],t,e)}function w(e,t){const n=e.data.on,o=e.listener,i=e.elm,s=t&&t.data.on,r=t&&t.elm;let l;if(n!==s){if(n&&o)if(s)for(l in n)s[l]||i.removeEventListener(l,o,!1);else for(l in n)i.removeEventListener(l,o,!1);if(s){const o=t.listener=e.listener||function e(t){b(t,e.vnode)};if(o.vnode=t,n)for(l in s)n[l]||r.addEventListener(l,o,!1);else for(l in s)r.addEventListener(l,o,!1)}}}function C(e,t,n){if(e.ns="http://www.w3.org/2000/svg","foreignObject"!==n&&void 0!==t)for(let e=0;e<t.length;++e){const n=t[e].data;void 0!==n&&C(n,t[e].children,t[e].sel)}}function k(o,i,s){let r,l,a,d={};if(void 0!==s?(null!==i&&(d=i),t(s)?r=s:n(s)?l=s:s&&s.sel&&(r=[s])):null!=i&&(t(i)?r=i:n(i)?l=i:i&&i.sel?r=[i]:d=i),void 0!==r)for(a=0;a<r.length;++a)n(r[a])&&(r[a]=e(void 0,void 0,void 0,r[a],void 0));return"s"!==o[0]||"v"!==o[1]||"g"!==o[2]||3!==o.length&&"."!==o[3]&&"#"!==o[3]||C(d,r,o),e(o,d,r,l,void 0)}var I=function(e,t,n,o){return new(n||(n=Promise))((function(i,s){function r(e){try{a(o.next(e))}catch(e){s(e)}}function l(e){try{a(o.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(r,l)}a((o=o.apply(e,t||[])).next())}))};function x(e,t){var n,o,i,s;const r=t.elm;let l=(null===(n=e.data)||void 0===n?void 0:n.props)||{},a=(null===(o=t.data)||void 0===o?void 0:o.props)||{};for(const e of Object.keys(l))void 0===a[e]&&(a[e]=null);r instanceof HTMLInputElement&&r===document.activeElement&&(null===(s=null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.props)||void 0===s||delete s.value)}function O(e={},t={}){let n=!0;for(const o in t)n="object"==typeof t[o]?n&&O(e[o],t[o]):n&&e[o]===t[o];return n}const E=function(c,u){let f,m;const v={create:[],update:[],remove:[],destroy:[],pre:[],post:[]},p=o;for(f=0;f<d.length;++f)for(v[d[f]]=[],m=0;m<c.length;++m){const e=c[m][d[f]];void 0!==e&&v[d[f]].push(e)}function h(t){const n=t.id?"#"+t.id:"",o=t.className?"."+t.className.split(" ").join("."):"";return e(p.tagName(t).toLowerCase()+n+o,{},[],void 0,t)}function y(e,t){return function(){if(0==--t){const t=p.parentNode(e);p.removeChild(t,e)}}}function g(e,o){var l,a;let d,c=e.data;if(void 0!==c){const t=null===(l=c.hook)||void 0===l?void 0:l.init;s(t)&&(t(e),c=e.data)}const u=e.children,f=e.sel;if("!"===f)i(e.text)&&(e.text=""),e.elm=p.createComment(e.text);else if(void 0!==f){const i=f.indexOf("#"),l=f.indexOf(".",i),m=i>0?i:f.length,h=l>0?l:f.length,y=-1!==i||-1!==l?f.slice(0,Math.min(m,h)):f,b=e.elm=s(c)&&s(d=c.ns)?p.createElementNS(d,y,c):p.createElement(y,c);for(m<h&&b.setAttribute("id",f.slice(m+1,h)),l>0&&b.setAttribute("class",f.slice(h+1).replace(/\./g," ")),d=0;d<v.create.length;++d)v.create[d](r,e);if(t(u))for(d=0;d<u.length;++d){const e=u[d];null!=e&&p.appendChild(b,g(e,o))}else n(e.text)&&p.appendChild(b,p.createTextNode(e.text));const w=e.data.hook;s(w)&&(null===(a=w.create)||void 0===a||a.call(w,r,e),w.insert&&o.push(e))}else e.elm=p.createTextNode(e.text);return e.elm}function b(e,t,n,o,i,s){for(;o<=i;++o){const i=n[o];null!=i&&p.insertBefore(e,g(i,s),t)}}function w(e){var t,n;const o=e.data;if(void 0!==o){null===(n=null===(t=null==o?void 0:o.hook)||void 0===t?void 0:t.destroy)||void 0===n||n.call(t,e);for(let t=0;t<v.destroy.length;++t)v.destroy[t](e);if(void 0!==e.children)for(let t=0;t<e.children.length;++t){const n=e.children[t];null!=n&&"string"!=typeof n&&w(n)}}}function C(e,t,n,o){for(var i,r;n<=o;++n){let o,l;const a=t[n];if(null!=a)if(s(a.sel)){w(a),o=v.remove.length+1,l=y(a.elm,o);for(let e=0;e<v.remove.length;++e)v.remove[e](a,l);const e=null===(r=null===(i=null==a?void 0:a.data)||void 0===i?void 0:i.hook)||void 0===r?void 0:r.remove;s(e)?e(a,l):l()}else p.removeChild(e,a.elm)}}function k(e,t,n){var o,r,d,c,u;const f=null===(o=t.data)||void 0===o?void 0:o.hook;null===(r=null==f?void 0:f.prepatch)||void 0===r||r.call(f,e,t);const m=t.elm=e.elm,h=e.children,y=t.children;if(e!==t){if(void 0!==t.data){for(let n=0;n<v.update.length;++n)v.update[n](e,t);null===(c=null===(d=t.data.hook)||void 0===d?void 0:d.update)||void 0===c||c.call(d,e,t)}i(t.text)?s(h)&&s(y)?h!==y&&function(e,t,n,o){let s,r,d,c,u=0,f=0,m=t.length-1,v=t[0],h=t[m],y=n.length-1,w=n[0],I=n[y];for(;u<=m&&f<=y;)null==v?v=t[++u]:null==h?h=t[--m]:null==w?w=n[++f]:null==I?I=n[--y]:l(v,w)?(k(v,w,o),v=t[++u],w=n[++f]):l(h,I)?(k(h,I,o),h=t[--m],I=n[--y]):l(v,I)?(k(v,I,o),p.insertBefore(e,v.elm,p.nextSibling(h.elm)),v=t[++u],I=n[--y]):l(h,w)?(k(h,w,o),p.insertBefore(e,h.elm,v.elm),h=t[--m],w=n[++f]):(void 0===s&&(s=a(t,u,m)),r=s[w.key],i(r)?p.insertBefore(e,g(w,o),v.elm):(d=t[r],d.sel!==w.sel?p.insertBefore(e,g(w,o),v.elm):(k(d,w,o),t[r]=void 0,p.insertBefore(e,d.elm,v.elm))),w=n[++f]);(u<=m||f<=y)&&(u>m?(c=null==n[y+1]?null:n[y+1].elm,b(e,c,n,f,y,o)):C(e,t,u,m))}(m,h,y,n):s(y)?(s(e.text)&&p.setTextContent(m,""),b(m,null,y,0,y.length-1,n)):s(h)?C(m,h,0,h.length-1):s(e.text)&&p.setTextContent(m,""):e.text!==t.text&&(s(h)&&C(m,h,0,h.length-1),p.setTextContent(m,t.text)),null===(u=null==f?void 0:f.postpatch)||void 0===u||u.call(f,e,t)}}return function(e,t){let n,o,i;const s=[];for(n=0;n<v.pre.length;++n)v.pre[n]();for(function(e){return void 0!==e.sel}(e)||(e=h(e)),l(e,t)?k(e,t,s):(o=e.elm,i=p.parentNode(o),g(t,s),null!==i&&(p.insertBefore(i,t.elm,p.nextSibling(o)),C(i,[e],0,0))),n=0;n<s.length;++n)s[n].data.hook.insert(s[n]);for(n=0;n<v.post.length;++n)v.post[n]();return t}}([{update:x,create:x},u,m,{pre:function(){p=!1},create:y,update:y,destroy:function(e){let t,n;const o=e.elm,i=e.data.style;if(i&&(t=i.destroy))for(n in t)o.style[n]=t[n]},remove:function(e,t){const n=e.data.style;if(!n||!n.remove)return void t();let o;p||(e.elm.offsetLeft,p=!0);const i=e.elm;let s=0;const r=n.remove;let l=0;const a=[];for(o in r)a.push(o),i.style[o]=r[o];const d=getComputedStyle(i)["transition-property"].split(", ");for(;s<d.length;++s)-1!==a.indexOf(d[s])&&l++;i.addEventListener("transitionend",(function(e){e.target===i&&--l,0===l&&t()}))}},{create:w,update:w,destroy:w}]);function j(e){if(e instanceof KeyboardEvent)return{altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,code:e.code,key:e.key,location:e.location,repeat:e.repeat};if(e instanceof MouseEvent)return{altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,x:e.x,y:e.y,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY,offsetX:e.offsetX,offsetY:e.offsetY};if(["input","change"].includes(e.type)){const t=e.target;if("select"===t.tagName.toLowerCase()){const t=e.target,n=[...t.options].filter((e=>e.selected)).map((e=>e.value));return{value:t.multiple?n:n[0]}}return"checkbox"===t.type?{value:t.checked}:{value:t.value}}}const T={};customElements.define("drayman-element",class extends HTMLElement{constructor(){super(),this.previouslySerializedTree=[],this.events={},this.rootEvents={},this.emit=(e,t,n={},o={},i=[],s={})=>I(this,void 0,void 0,(function*(){var r,l,a,d;const c=null===(r=s.eventGuards)||void 0===r?void 0:r.find((e=>O(o,e.mask)));if(!(null===(l=s.eventGuards)||void 0===l?void 0:l.length)||c){(null==c?void 0:c.preventDefault)&&(null===(a=null==e?void 0:e.preventDefault)||void 0===a||a.call(e));const s=new FormData;s.append("eventName",t),s.append("componentInstanceId",this.componentInstanceId),s.append("options",JSON.stringify(Object.assign(Object.assign({},n),o)));for(let e of i)s.append("file",e.file,e.fileName);return yield null===(d=window.draymanConfig)||void 0===d?void 0:d.connection.postFormData(s)}})),this.once=!1,this.updateId=0,this.initSent=!1,this.browserCommandDebouncedCallbacks={}}get options(){return this.getAttribute("options")}set options(e){if(e&&"string"!=typeof e){const t={};for(const n of Object.keys(e))N(n)?(this.rootEvents[n]=e[n],t[n]=!0):t[n]=e[n];this.setAttribute("options",JSON.stringify(t))}else this.setAttribute("options",e)}get component(){return this.getAttribute("component")}set component(e){this.setAttribute("component",e)}static get observedAttributes(){return["options"]}attributeChangedCallback(e,t,n){"options"===e&&window.draymanConfig&&window.draymanConfig.connection.updateComponentInstanceProps({componentInstanceId:this.componentInstanceId,options:this.options})}debounce(e,t,n,o){let i,s;return(r,l,a)=>new Promise(((d,c)=>I(this,void 0,void 0,(function*(){let u=n.leading&&!i;clearTimeout(i),s&&s(),i=setTimeout((()=>I(this,void 0,void 0,(function*(){i=null,n.trailing&&(r instanceof Event?d(yield this.emit(r,e,{trailing:!0},Object.assign(Object.assign({},j(r)),l||{}),a,o)):d(yield this.emit(null,e,{trailing:!0},r,l,o)))}))),t),s=c,u&&(r instanceof Event?d(yield this.emit(r,e,{leading:!0},Object.assign(Object.assign({},j(r)),l||{}),a,o)):d(yield this.emit(null,e,{leading:!0},r,l,o)))})))).catch((()=>{}))}eventDebounce(e,t){let n;return(o,i)=>{clearTimeout(n),n=setTimeout((()=>{const t=e(o,i);return this.browserCommandDebouncedCallbacks[o]&&delete this.browserCommandDebouncedCallbacks[o],t}),t)}}getFn(e,t,n){var o,i;if("object"==typeof n&&n.debounce){let e="number"==typeof n.debounce?n.debounce:n.debounce.wait,s="number"==typeof n.debounce||!!(null===(o=n.debounce)||void 0===o?void 0:o.trailing),r=!!(null===(i=n.debounce)||void 0===i?void 0:i.leading);return this.debounce(t,e,{trailing:s,leading:r},n)}return(e,o,i)=>I(this,void 0,void 0,(function*(){return e instanceof Event?yield this.emit(e,t,null,Object.assign(Object.assign({},j(e)),o||{}),i,n):yield this.emit(null,t,null,e,o,n)}))}traverseTree(e){var t,n,o;if(window.draymanConfig.elementOptions)for(const[n,o]of Object.entries(window.draymanConfig.elementOptions))if(e.sel===n)if(null===(t=e.sel)||void 0===t?void 0:t.includes("-"))e.data.props=Object.assign(Object.assign({},e.data.props),o);else{const t={},n={};for(const e of Object.keys(o))N(e)?n[e.substring(2)]=o[e]:t[e]=o[e];e.data.props=Object.assign(Object.assign({},e.data.props),t),e.data.on=Object.assign(Object.assign({},e.data.on),n)}if(null===(n=e.sel)||void 0===n?void 0:n.includes("-")){for(const t of Object.keys(e.data.props||{}))N(t)&&(this.events[`${e.key}/${t}`]||(this.events[`${e.key}/${t}`]=this.getFn(e.sel,`${e.key}/${t}`,e.data.props[t])),e.data.props[t]=this.events[`${e.key}/${t}`]);if(!customElements.get(e.sel)&&!T[e.sel]){T[e.sel]=!0;const t=document.createElement("script");t.setAttribute("src",`${window.draymanConfig.elementUrl}${e.sel}`),document.head.appendChild(t)}return k(e.sel,e.data,e.children.map((e=>e.sel?this.traverseTree(e):e.text)))}for(const t of Object.keys((null===(o=e.data)||void 0===o?void 0:o.on)||{})){if(!this.events[`${e.key}/${t}`]){const n=e.data.on[t];this.events[`${e.key}/${t}`]=this.getFn(e.sel,`${e.key}/${t}`,n)}e.data.on[t]=n=>{var o;const i=[];if(null===(o=n.target)||void 0===o?void 0:o.files)for(const e of n.target.files)i.push({file:e,fileName:e.name});this.events[`${e.key}/${t}`](n,j(n),i)}}return k(e.sel,e.data,e.children.map((e=>e.sel?this.traverseTree(e):e.text)))}connectedCallback(){var e,t;return I(this,void 0,void 0,(function*(){for(;!window.draymanConfig||!this.component;)console.log("waiting for config"),yield new Promise((e=>setTimeout(e,100)));const n=(null===(t=(e=window.draymanConfig).browserCommands)||void 0===t?void 0:t.call(e,((e,t,n)=>{var o;return(null==n?void 0:n.debounce)?(this.browserCommandDebouncedCallbacks[e]||(this.browserCommandDebouncedCallbacks[e]=this.eventDebounce(((e,t)=>{var n;return null===(n=window.draymanConfig)||void 0===n?void 0:n.connection.handleBrowserCallback({callbackId:e,data:t})}),n.debounce)),this.browserCommandDebouncedCallbacks[e](e,t)):null===(o=window.draymanConfig)||void 0===o?void 0:o.connection.handleBrowserCallback({callbackId:e,data:t})})))||{};let o=document.createElement("drayman-element-container");this.appendChild(o),this.componentInstanceId=yield window.draymanConfig.connection.initializeComponent({componentId:this.component,componentOptions:this.options,browserCommands:Object.keys(n)}),window.draymanConfig.connection.onEvent(this.componentInstanceId,(({type:e,payload:t})=>I(this,void 0,void 0,(function*(){var i,s;if("view"===e&&t.updateId>this.updateId){this.updateId=t.updateId;const e=k("drayman-element-container",{attrs:{componentInstanceId:this.componentInstanceId}},t.view.map((e=>this.traverseTree(e))));E(o,e),o=e,this.initSent||(null===(i=this.onInit)||void 0===i||i.call(this),this.initSent=!0)}else if("browserCommand"===e){const{data:e,callbackId:o,command:i,elements:r}=t;let l=[];r&&(l=r.map((e=>document.querySelector(`drayman-element-container[componentinstanceid="${this.componentInstanceId}"] [ref="${e}"]`))));const a=yield n[i](e,l);null===(s=window.draymanConfig)||void 0===s||s.connection.handleBrowserCallback({callbackId:o,data:a})}else"rootEvent"===e&&(yield this.rootEvents[t.event](t.data))}))))}))}disconnectedCallback(){var e,t,n;this.updateId&&(null===(e=this.onDestroy)||void 0===e||e.call(this)),null===(n=null===(t=window.draymanConfig)||void 0===t?void 0:t.connection)||void 0===n||n.destroyComponentInstance({componentInstanceId:this.componentInstanceId})}});const N=e=>(null==e?void 0:e.length)>2&&"on"===e.slice(0,2)})()}},t={};function n(o){var i=t[o];if(void 0!==i)return i.exports;var s=t[o]={exports:{}};return e[o](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";n(173);var e=function(e,t,n,o){return new(n||(n=Promise))((function(i,s){function r(e){try{a(o.next(e))}catch(e){s(e)}}function l(e){try{a(o.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(r,l)}a((o=o.apply(e,t||[])).next())}))};window.initializeDraymanFramework=function(t){return e(this,void 0,void 0,(function*(){const n={};let o=1;const i=null==t?void 0:t.browserCommands,s={},r=yield new Promise(((t,n)=>{const o=new WebSocket(`${"https:"===window.location.protocol?"wss":"ws"}://${window.location.host}/`);o.onerror=()=>o.close(),o.onclose=t=>e(void 0,void 0,void 0,(function*(){setTimeout((()=>e(void 0,void 0,void 0,(function*(){return window.location.reload()}))),500)})),o.addEventListener("open",(e=>{t(o)}))}));r.onmessage=e=>{const{id:t,data:o,type:i}=JSON.parse(e.data);if(t&&(n[t](o),delete n[t]),"event"===i){const{payload:e,type:t,componentInstanceId:n}=o;for(const o of s[n]||[])o({payload:e,type:t,componentInstanceId:n})}};const l=(e,t,i)=>{const s={type:e,data:t,id:void 0};i&&(s.id=o,n[o]=i,o++),r.send(JSON.stringify(s))};return window.draymanConfig={browserCommands:i,elementOptions:null==t?void 0:t.elementOptions,elementUrl:"/elements/",connection:{onEvent:(e,t)=>{s[e]?s[e].push(t):s[e]=[t]},initializeComponent:e=>new Promise(((t,n)=>{l("initializeComponentInstance",e,(({componentInstanceId:e})=>{t(e)}))})),postFormData:t=>e(this,void 0,void 0,(function*(){return(yield fetch("/api/componentEvent",{method:"POST",body:t})).json()})),handleBrowserCallback:e=>{l("handleBrowserCallback",e)},destroyComponentInstance:({componentInstanceId:e})=>{l("destroyComponentInstance",{componentInstanceId:e}),delete s[e]},updateComponentInstanceProps:e=>{l("updateComponentInstanceProps",e)}}},{emit:(e,t)=>l("eventHubEvent",{type:e,data:t})}}))}})()})();
+(()=>{var e={173:()=>{(()=>{"use strict";function e(e,t,n,o,i){return{sel:e,data:t,children:n,text:o,elm:i,key:void 0===t?void 0:t.key}}const t=Array.isArray;function n(e){return"string"==typeof e||"number"==typeof e}const o={createElement:function(e,t){return document.createElement(e,t)},createElementNS:function(e,t,n){return document.createElementNS(e,t,n)},createTextNode:function(e){return document.createTextNode(e)},createComment:function(e){return document.createComment(e)},insertBefore:function(e,t,n){e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},appendChild:function(e,t){e.appendChild(t)},parentNode:function(e){return e.parentNode},nextSibling:function(e){return e.nextSibling},tagName:function(e){return e.tagName},setTextContent:function(e,t){e.textContent=t},getTextContent:function(e){return e.textContent},isElement:function(e){return 1===e.nodeType},isText:function(e){return 3===e.nodeType},isComment:function(e){return 8===e.nodeType}};function i(e){return void 0===e}function s(e){return void 0!==e}const l=e("",{},[],void 0,void 0);function r(e,t){var n,o;const i=e.key===t.key,s=(null===(n=e.data)||void 0===n?void 0:n.is)===(null===(o=t.data)||void 0===o?void 0:o.is);return e.sel===t.sel&&i&&s}function a(e,t,n){var o;const i={};for(let s=t;s<=n;++s){const t=null===(o=e[s])||void 0===o?void 0:o.key;void 0!==t&&(i[t]=s)}return i}const d=["create","update","remove","destroy","pre","post"];function c(e,t){let n;const o=t.elm;let i=e.data.attrs,s=t.data.attrs;if((i||s)&&i!==s){for(n in i=i||{},s=s||{},s){const e=s[n];i[n]!==e&&(!0===e?o.setAttribute(n,""):!1===e?o.removeAttribute(n):120!==n.charCodeAt(0)?o.setAttribute(n,e):58===n.charCodeAt(3)?o.setAttributeNS("http://www.w3.org/XML/1998/namespace",n,e):58===n.charCodeAt(5)?o.setAttributeNS("http://www.w3.org/1999/xlink",n,e):o.setAttribute(n,e))}for(n in i)n in s||o.removeAttribute(n)}}const u={create:c,update:c};function f(e,t){let n,o,i;const s=t.elm;let l=e.data.props,r=t.data.props;if((l||r)&&l!==r)for(n in l=l||{},r=r||{},r)o=r[n],i=l[n],i===o||"value"===n&&s[n]===o||(s[n]=o)}const m={create:f,update:f},v="undefined"!=typeof window&&window.requestAnimationFrame.bind(window)||setTimeout;let p=!1;function h(e,t,n){var o;o=function(){e[t]=n},v((function(){v(o)}))}function y(e,t){let n,o;const i=t.elm;let s=e.data.style,l=t.data.style;if(!s&&!l)return;if(s===l)return;s=s||{},l=l||{};const r="delayed"in s;for(o in s)l[o]||("-"===o[0]&&"-"===o[1]?i.style.removeProperty(o):i.style[o]="");for(o in l)if(n=l[o],"delayed"===o&&l.delayed)for(const e in l.delayed)n=l.delayed[e],r&&n===s.delayed[e]||h(i.style,e,n);else"remove"!==o&&n!==s[o]&&("-"===o[0]&&"-"===o[1]?i.style.setProperty(o,n):i.style[o]=n)}function g(e,t,n){if("function"==typeof e)e.call(t,n,t);else if("object"==typeof e)for(let o=0;o<e.length;o++)g(e[o],t,n)}function b(e,t){const n=e.type,o=t.data.on;o&&o[n]&&g(o[n],t,e)}function w(e,t){const n=e.data.on,o=e.listener,i=e.elm,s=t&&t.data.on,l=t&&t.elm;let r;if(n!==s){if(n&&o)if(s)for(r in n)s[r]||i.removeEventListener(r,o,!1);else for(r in n)i.removeEventListener(r,o,!1);if(s){const o=t.listener=e.listener||function e(t){b(t,e.vnode)};if(o.vnode=t,n)for(r in s)n[r]||l.addEventListener(r,o,!1);else for(r in s)l.addEventListener(r,o,!1)}}}function C(e,t,n){if(e.ns="http://www.w3.org/2000/svg","foreignObject"!==n&&void 0!==t)for(let e=0;e<t.length;++e){const n=t[e].data;void 0!==n&&C(n,t[e].children,t[e].sel)}}function k(o,i,s){let l,r,a,d={};if(void 0!==s?(null!==i&&(d=i),t(s)?l=s:n(s)?r=s:s&&s.sel&&(l=[s])):null!=i&&(t(i)?l=i:n(i)?r=i:i&&i.sel?l=[i]:d=i),void 0!==l)for(a=0;a<l.length;++a)n(l[a])&&(l[a]=e(void 0,void 0,void 0,l[a],void 0));return"s"!==o[0]||"v"!==o[1]||"g"!==o[2]||3!==o.length&&"."!==o[3]&&"#"!==o[3]||C(d,l,o),e(o,d,l,r,void 0)}var I=function(e,t,n,o){return new(n||(n=Promise))((function(i,s){function l(e){try{a(o.next(e))}catch(e){s(e)}}function r(e){try{a(o.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,r)}a((o=o.apply(e,t||[])).next())}))};function x(e,t){var n,o,i,s;const l=t.elm;let r=(null===(n=e.data)||void 0===n?void 0:n.props)||{},a=(null===(o=t.data)||void 0===o?void 0:o.props)||{};for(const e of Object.keys(r))void 0===a[e]&&(a[e]=null);l instanceof HTMLInputElement&&l===document.activeElement&&(null===(s=null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.props)||void 0===s||delete s.value)}function O(e={},t={}){let n=!0;for(const o in t)n="object"==typeof t[o]?n&&O(e[o],t[o]):n&&e[o]===t[o];return n}const E=function(c,u){let f,m;const v={create:[],update:[],remove:[],destroy:[],pre:[],post:[]},p=o;for(f=0;f<d.length;++f)for(v[d[f]]=[],m=0;m<c.length;++m){const e=c[m][d[f]];void 0!==e&&v[d[f]].push(e)}function h(t){const n=t.id?"#"+t.id:"",o=t.className?"."+t.className.split(" ").join("."):"";return e(p.tagName(t).toLowerCase()+n+o,{},[],void 0,t)}function y(e,t){return function(){if(0==--t){const t=p.parentNode(e);p.removeChild(t,e)}}}function g(e,o){var r,a;let d,c=e.data;if(void 0!==c){const t=null===(r=c.hook)||void 0===r?void 0:r.init;s(t)&&(t(e),c=e.data)}const u=e.children,f=e.sel;if("!"===f)i(e.text)&&(e.text=""),e.elm=p.createComment(e.text);else if(void 0!==f){const i=f.indexOf("#"),r=f.indexOf(".",i),m=i>0?i:f.length,h=r>0?r:f.length,y=-1!==i||-1!==r?f.slice(0,Math.min(m,h)):f,b=e.elm=s(c)&&s(d=c.ns)?p.createElementNS(d,y,c):p.createElement(y,c);for(m<h&&b.setAttribute("id",f.slice(m+1,h)),r>0&&b.setAttribute("class",f.slice(h+1).replace(/\./g," ")),d=0;d<v.create.length;++d)v.create[d](l,e);if(t(u))for(d=0;d<u.length;++d){const e=u[d];null!=e&&p.appendChild(b,g(e,o))}else n(e.text)&&p.appendChild(b,p.createTextNode(e.text));const w=e.data.hook;s(w)&&(null===(a=w.create)||void 0===a||a.call(w,l,e),w.insert&&o.push(e))}else e.elm=p.createTextNode(e.text);return e.elm}function b(e,t,n,o,i,s){for(;o<=i;++o){const i=n[o];null!=i&&p.insertBefore(e,g(i,s),t)}}function w(e){var t,n;const o=e.data;if(void 0!==o){null===(n=null===(t=null==o?void 0:o.hook)||void 0===t?void 0:t.destroy)||void 0===n||n.call(t,e);for(let t=0;t<v.destroy.length;++t)v.destroy[t](e);if(void 0!==e.children)for(let t=0;t<e.children.length;++t){const n=e.children[t];null!=n&&"string"!=typeof n&&w(n)}}}function C(e,t,n,o){for(var i,l;n<=o;++n){let o,r;const a=t[n];if(null!=a)if(s(a.sel)){w(a),o=v.remove.length+1,r=y(a.elm,o);for(let e=0;e<v.remove.length;++e)v.remove[e](a,r);const e=null===(l=null===(i=null==a?void 0:a.data)||void 0===i?void 0:i.hook)||void 0===l?void 0:l.remove;s(e)?e(a,r):r()}else p.removeChild(e,a.elm)}}function k(e,t,n){var o,l,d,c,u;const f=null===(o=t.data)||void 0===o?void 0:o.hook;null===(l=null==f?void 0:f.prepatch)||void 0===l||l.call(f,e,t);const m=t.elm=e.elm,h=e.children,y=t.children;if(e!==t){if(void 0!==t.data){for(let n=0;n<v.update.length;++n)v.update[n](e,t);null===(c=null===(d=t.data.hook)||void 0===d?void 0:d.update)||void 0===c||c.call(d,e,t)}i(t.text)?s(h)&&s(y)?h!==y&&function(e,t,n,o){let s,l,d,c,u=0,f=0,m=t.length-1,v=t[0],h=t[m],y=n.length-1,w=n[0],I=n[y];for(;u<=m&&f<=y;)null==v?v=t[++u]:null==h?h=t[--m]:null==w?w=n[++f]:null==I?I=n[--y]:r(v,w)?(k(v,w,o),v=t[++u],w=n[++f]):r(h,I)?(k(h,I,o),h=t[--m],I=n[--y]):r(v,I)?(k(v,I,o),p.insertBefore(e,v.elm,p.nextSibling(h.elm)),v=t[++u],I=n[--y]):r(h,w)?(k(h,w,o),p.insertBefore(e,h.elm,v.elm),h=t[--m],w=n[++f]):(void 0===s&&(s=a(t,u,m)),l=s[w.key],i(l)?p.insertBefore(e,g(w,o),v.elm):(d=t[l],d.sel!==w.sel?p.insertBefore(e,g(w,o),v.elm):(k(d,w,o),t[l]=void 0,p.insertBefore(e,d.elm,v.elm))),w=n[++f]);(u<=m||f<=y)&&(u>m?(c=null==n[y+1]?null:n[y+1].elm,b(e,c,n,f,y,o)):C(e,t,u,m))}(m,h,y,n):s(y)?(s(e.text)&&p.setTextContent(m,""),b(m,null,y,0,y.length-1,n)):s(h)?C(m,h,0,h.length-1):s(e.text)&&p.setTextContent(m,""):e.text!==t.text&&(s(h)&&C(m,h,0,h.length-1),p.setTextContent(m,t.text)),null===(u=null==f?void 0:f.postpatch)||void 0===u||u.call(f,e,t)}}return function(e,t){let n,o,i;const s=[];for(n=0;n<v.pre.length;++n)v.pre[n]();for(function(e){return void 0!==e.sel}(e)||(e=h(e)),r(e,t)?k(e,t,s):(o=e.elm,i=p.parentNode(o),g(t,s),null!==i&&(p.insertBefore(i,t.elm,p.nextSibling(o)),C(i,[e],0,0))),n=0;n<s.length;++n)s[n].data.hook.insert(s[n]);for(n=0;n<v.post.length;++n)v.post[n]();return t}}([{update:x,create:x},u,m,{pre:function(){p=!1},create:y,update:y,destroy:function(e){let t,n;const o=e.elm,i=e.data.style;if(i&&(t=i.destroy))for(n in t)o.style[n]=t[n]},remove:function(e,t){const n=e.data.style;if(!n||!n.remove)return void t();let o;p||(e.elm.offsetLeft,p=!0);const i=e.elm;let s=0;const l=n.remove;let r=0;const a=[];for(o in l)a.push(o),i.style[o]=l[o];const d=getComputedStyle(i)["transition-property"].split(", ");for(;s<d.length;++s)-1!==a.indexOf(d[s])&&r++;i.addEventListener("transitionend",(function(e){e.target===i&&--r,0===r&&t()}))}},{create:w,update:w,destroy:w}]);function j(e){if(e instanceof KeyboardEvent)return{altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,code:e.code,key:e.key,location:e.location,repeat:e.repeat};if(e instanceof MouseEvent)return{altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,x:e.x,y:e.y,pageX:e.pageX,pageY:e.pageY,screenX:e.screenX,screenY:e.screenY,offsetX:e.offsetX,offsetY:e.offsetY};if(["input","change"].includes(e.type)){const t=e.target;if("select"===t.tagName.toLowerCase()){const t=e.target,n=[...t.options].filter((e=>e.selected)).map((e=>e.value));return{value:t.multiple?n:n[0]}}return"checkbox"===t.type?{value:t.checked}:{value:t.value}}}const T={};customElements.define("drayman-element",class extends HTMLElement{constructor(){super(),this.previouslySerializedTree=[],this.events={},this.rootEvents={},this.emit=(e,t,n={},o={},i=[],s={})=>I(this,void 0,void 0,(function*(){var l,r,a,d;const c=null===(l=s.eventGuards)||void 0===l?void 0:l.find((e=>O(o,e.mask)));if(!(null===(r=s.eventGuards)||void 0===r?void 0:r.length)||c){(null==c?void 0:c.preventDefault)&&(null===(a=null==e?void 0:e.preventDefault)||void 0===a||a.call(e));const s=new FormData;s.append("eventName",t),s.append("componentInstanceId",this.componentInstanceId),s.append("options",JSON.stringify(Object.assign(Object.assign({},n),o)));for(let e of i)s.append("file",e.file,e.fileName);return yield null===(d=window.draymanConfig)||void 0===d?void 0:d.connection.postFormData(s)}})),this.once=!1,this.updateId=0,this.initSent=!1,this.browserCommandDebouncedCallbacks={}}get options(){return this.getAttribute("options")}set options(e){if(e&&"string"!=typeof e){const t={};for(const n of Object.keys(e))N(n)?(this.rootEvents[n]=e[n],t[n]=!0):t[n]=e[n];this.setAttribute("options",JSON.stringify(t))}else this.setAttribute("options",e)}get component(){return this.getAttribute("component")}set component(e){this.setAttribute("component",e)}static get observedAttributes(){return["options"]}attributeChangedCallback(e,t,n){"options"===e&&window.draymanConfig&&window.draymanConfig.connection.updateComponentInstanceProps({componentInstanceId:this.componentInstanceId,options:this.options})}debounce(e,t,n,o){let i,s;return(l,r,a)=>new Promise(((d,c)=>I(this,void 0,void 0,(function*(){let u=n.leading&&!i;clearTimeout(i),s&&s(),i=setTimeout((()=>I(this,void 0,void 0,(function*(){i=null,n.trailing&&(l instanceof Event?d(yield this.emit(l,e,{trailing:!0},Object.assign(Object.assign({},j(l)),r||{}),a,o)):d(yield this.emit(null,e,{trailing:!0},l,r,o)))}))),t),s=c,u&&(l instanceof Event?d(yield this.emit(l,e,{leading:!0},Object.assign(Object.assign({},j(l)),r||{}),a,o)):d(yield this.emit(null,e,{leading:!0},l,r,o)))})))).catch((()=>{}))}eventDebounce(e,t){let n;return(o,i)=>{clearTimeout(n),n=setTimeout((()=>{const t=e(o,i);return this.browserCommandDebouncedCallbacks[o]&&delete this.browserCommandDebouncedCallbacks[o],t}),t)}}getFn(e,t,n){var o,i;if("object"==typeof n&&n.debounce){let e="number"==typeof n.debounce?n.debounce:n.debounce.wait,s="number"==typeof n.debounce||!!(null===(o=n.debounce)||void 0===o?void 0:o.trailing),l=!!(null===(i=n.debounce)||void 0===i?void 0:i.leading);return this.debounce(t,e,{trailing:s,leading:l},n)}return(e,o,i)=>I(this,void 0,void 0,(function*(){return e instanceof Event?yield this.emit(e,t,null,Object.assign(Object.assign({},j(e)),o||{}),i,n):yield this.emit(null,t,null,e,o,n)}))}traverseTree(e){var t,n,o;if(window.draymanConfig.elementOptions)for(const[n,o]of Object.entries(window.draymanConfig.elementOptions))if(e.sel===n)if(null===(t=e.sel)||void 0===t?void 0:t.includes("-"))e.data.props=Object.assign(Object.assign({},e.data.props),o);else{const t={},n={};for(const e of Object.keys(o))N(e)?n[e.substring(2)]=o[e]:t[e]=o[e];e.data.props=Object.assign(Object.assign({},e.data.props),t),e.data.on=Object.assign(Object.assign({},e.data.on),n)}if(null===(n=e.sel)||void 0===n?void 0:n.includes("-")){for(const t of Object.keys(e.data.props||{}))N(t)&&(this.events[`${e.key}/${t}`]||(this.events[`${e.key}/${t}`]=this.getFn(e.sel,`${e.key}/${t}`,e.data.props[t])),e.data.props[t]=this.events[`${e.key}/${t}`]);if(!customElements.get(e.sel)&&!T[e.sel]){T[e.sel]=!0;const t=document.createElement("script");t.setAttribute("src",`${window.draymanConfig.elementUrl}${e.sel}`),document.head.appendChild(t)}return k(e.sel,e.data,e.children.map((e=>e.sel?this.traverseTree(e):e.text)))}for(const t of Object.keys((null===(o=e.data)||void 0===o?void 0:o.on)||{})){if(!this.events[`${e.key}/${t}`]){const n=e.data.on[t];this.events[`${e.key}/${t}`]=this.getFn(e.sel,`${e.key}/${t}`,n)}e.data.on[t]=n=>{var o;const i=[];if(null===(o=n.target)||void 0===o?void 0:o.files)for(const e of n.target.files)i.push({file:e,fileName:e.name});this.events[`${e.key}/${t}`](n,j(n),i)}}return k(e.sel,e.data,e.children.map((e=>e.sel?this.traverseTree(e):e.text)))}connectedCallback(){var e,t;return I(this,void 0,void 0,(function*(){for(;!window.draymanConfig||!this.component;)console.log("waiting for config"),yield new Promise((e=>setTimeout(e,100)));const n=(null===(t=(e=window.draymanConfig).browserCommands)||void 0===t?void 0:t.call(e,((e,t,n)=>{var o;return(null==n?void 0:n.debounce)?(this.browserCommandDebouncedCallbacks[e]||(this.browserCommandDebouncedCallbacks[e]=this.eventDebounce(((e,t)=>{var n;return null===(n=window.draymanConfig)||void 0===n?void 0:n.connection.handleBrowserCallback({callbackId:e,data:t})}),n.debounce)),this.browserCommandDebouncedCallbacks[e](e,t)):null===(o=window.draymanConfig)||void 0===o?void 0:o.connection.handleBrowserCallback({callbackId:e,data:t})})))||{};let o=document.createElement("drayman-element-container");this.appendChild(o),this.componentInstanceId=yield window.draymanConfig.connection.initializeComponent({componentId:this.component,componentOptions:this.options,browserCommands:Object.keys(n)}),window.draymanConfig.connection.onEvent(this.componentInstanceId,(({type:e,payload:t})=>I(this,void 0,void 0,(function*(){var i,s;if("view"===e&&t.updateId>this.updateId){this.updateId=t.updateId;const e=k("drayman-element-container",{attrs:{componentInstanceId:this.componentInstanceId}},t.view.map((e=>this.traverseTree(e))));E(o,e),o=e,this.initSent||(null===(i=this.onInit)||void 0===i||i.call(this),this.initSent=!0)}else if("browserCommand"===e){const{data:e,callbackId:o,command:i,elements:l}=t;let r=[];l&&(r=l.map((e=>document.querySelector(`drayman-element-container[componentinstanceid="${this.componentInstanceId}"] [ref="${e}"]`))));const a=yield n[i](e,r);null===(s=window.draymanConfig)||void 0===s||s.connection.handleBrowserCallback({callbackId:o,data:a})}else"rootEvent"===e&&(yield this.rootEvents[t.event](t.data))})))),window.draymanConfig.connection.onConnectionClose((()=>{let e=document.createElement("div");e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.width="100%",e.style.height="100%",e.style.backgroundColor="rgba(255, 255, 255, 0.8)",e.style.display="flex",e.style.justifyContent="center",e.style.alignItems="center",e.style.zIndex="1000";let t=document.createElement("div");t.textContent="Component connection lost",e.appendChild(t),this.style.position="relative",this.appendChild(e),e.style.pointerEvents="none"}))}))}disconnectedCallback(){var e,t,n;this.updateId&&(null===(e=this.onDestroy)||void 0===e||e.call(this)),null===(n=null===(t=window.draymanConfig)||void 0===t?void 0:t.connection)||void 0===n||n.destroyComponentInstance({componentInstanceId:this.componentInstanceId})}});const N=e=>(null==e?void 0:e.length)>2&&"on"===e.slice(0,2)})()}},t={};function n(o){var i=t[o];if(void 0!==i)return i.exports;var s=t[o]={exports:{}};return e[o](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";n(173);var e=function(e,t,n,o){return new(n||(n=Promise))((function(i,s){function l(e){try{a(o.next(e))}catch(e){s(e)}}function r(e){try{a(o.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(l,r)}a((o=o.apply(e,t||[])).next())}))};window.initializeDraymanFramework=function(t){return e(this,void 0,void 0,(function*(){const n={};let o=1;const i=null==t?void 0:t.browserCommands,s={},l=yield new Promise(((t,n)=>{const o=new WebSocket(`${"https:"===window.location.protocol?"wss":"ws"}://${window.location.host}/`);o.onerror=()=>o.close(),o.onclose=t=>e(void 0,void 0,void 0,(function*(){setTimeout((()=>e(void 0,void 0,void 0,(function*(){return window.location.reload()}))),500)})),o.addEventListener("open",(e=>{t(o)}))}));l.onmessage=e=>{const{id:t,data:o,type:i}=JSON.parse(e.data);if(t&&(n[t](o),delete n[t]),"event"===i){const{payload:e,type:t,componentInstanceId:n}=o;for(const o of s[n]||[])o({payload:e,type:t,componentInstanceId:n})}};const r=(e,t,i)=>{const s={type:e,data:t,id:void 0};i&&(s.id=o,n[o]=i,o++),l.send(JSON.stringify(s))};return window.draymanConfig={browserCommands:i,elementOptions:null==t?void 0:t.elementOptions,elementUrl:"/elements/",connection:{onConnectionClose:e=>{l.onclose=e},onEvent:(e,t)=>{s[e]?s[e].push(t):s[e]=[t]},initializeComponent:e=>new Promise(((t,n)=>{r("initializeComponentInstance",e,(({componentInstanceId:e})=>{t(e)}))})),postFormData:t=>e(this,void 0,void 0,(function*(){return(yield fetch("/api/componentEvent",{method:"POST",body:t})).json()})),handleBrowserCallback:e=>{r("handleBrowserCallback",e)},destroyComponentInstance:({componentInstanceId:e})=>{r("destroyComponentInstance",{componentInstanceId:e}),delete s[e]},updateComponentInstanceProps:e=>{r("updateComponentInstanceProps",e)}}},{emit:(e,t)=>r("eventHubEvent",{type:e,data:t})}}))}})()})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drayman/framework",
-  "version": "2.6.2",
+  "version": "2.8.0",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
@@ -20,7 +20,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@drayman/core": "^2.6.2",
+    "@drayman/core": "^2.8.0",
     "cup-readdir": "^1.0.3",
     "express": "^4.17.1",
     "fs-extra": "^9.1.0",
@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@drayman/elements": "latest",
-    "@drayman/types": "^2.6.2",
+    "@drayman/types": "^2.8.0",
     "@types/express": "^4.17.11",
     "@types/fs-extra": "^9.0.11",
     "@types/multer": "^1.4.5",
@@ -47,5 +47,5 @@
     "npm": "^7.10.0",
     "start-server-and-test": "^1.12.1"
   },
-  "gitHead": "5a807d764a5adf8f570fa2a95b2831f4d3e4a175"
+  "gitHead": "4fb440dd835be4744c8e9b6ab0a98b90ae90be7f"
 }