From 8fb13e4f99389335313b1a1fb2d29f591a8d39d6 Mon Sep 17 00:00:00 2001 From: Matilde Park Date: Thu, 14 Nov 2019 19:55:16 -0500 Subject: [PATCH] soto: style changes This commit amends the Soto application with style changes requested during code review, including structuring the mark conversion as a library. --- pkg/arvo/app/soto.hoon | 38 ++++--- pkg/arvo/app/soto/css/index.css | Bin 84579 -> 84171 bytes pkg/arvo/app/soto/js/index.js | 2 +- pkg/arvo/app/soto/js/tile.js | 2 +- pkg/arvo/lib/soto.hoon | 98 ++++++++++++++++++ pkg/arvo/mar/sole/effect.hoon | 9 +- pkg/interface/soto/gulpfile.js | 2 +- pkg/interface/soto/src/css/custom.css | 49 +-------- pkg/interface/soto/src/js/api.js | 2 +- .../soto/src/js/components/history.js | 30 +++--- .../soto/src/js/components/lib/sole.js | 22 ++-- pkg/interface/soto/src/js/components/root.js | 3 +- pkg/interface/soto/src/js/store.js | 52 +++++----- 13 files changed, 194 insertions(+), 115 deletions(-) create mode 100644 pkg/arvo/lib/soto.hoon diff --git a/pkg/arvo/app/soto.hoon b/pkg/arvo/app/soto.hoon index 223342f0d..267016db0 100644 --- a/pkg/arvo/app/soto.hoon +++ b/pkg/arvo/app/soto.hoon @@ -1,7 +1,9 @@ +:: :: Soto: A Dojo relay for Urbit's Landscape interface :: Relays sole-effects to subscribers and forwards sole-action pokes +:: /- sole -/+ *server, *sole +/+ *server, *soto /= index /^ octs /; as-octs:mimes:html @@ -34,17 +36,19 @@ /^ (map knot @) /: /===/app/soto/img /_ /png/ :: -=, format |% +$ state - $% [%0 bon=bone] :: store bone from Dojo peer +:: bon: bone from Dojo peer +:: + $% [%0 bon=bone] == :: +$ move [bone card] :: +$ poke $% [%launch-action [@tas path @t]] - [%sole-action sole-action:sole] + [%sole-action sole-action] + [%json json] == :: +$ card @@ -57,7 +61,7 @@ :: +$ diff $% [%json json] - [%sole-effect sole-effect:sole] + [%sole-effect sole-effect] == :: -- @@ -77,8 +81,7 @@ [ost.bol %connect / [~ /'~soto'] %soto] [ost.bol %poke /soto [our.bol %launch] launcha] == - :- [ost.bol %poke /soto [our.bol %launch] launcha]~ - this(sta u.old) + [~ this(sta u.old)] :: ++ peer-sototile |= wir=wire @@ -91,22 +94,31 @@ ++ peer-primary |= wir=wire ^- (quip move _this) - :- [ost.bol %peer / [our.bol %dojo] /sole]~ :: poke/peer need same wire - %= this - bon.sta ost.bol - == + ?> (team:title our.bol src.bol) + :: poke/peer need same wire + :: + :_ this(bon.sta ost.bol) + [ost.bol %peer / [our.bol %dojo] /sole]~ +:: +++ poke-json + |= =json + ^- (quip move _this) + ?> (team:title our.bol src.bol) + (poke-sole-action (json-to-action json)) :: ++ poke-sole-action |= act=sole-action ^- (quip move _this) + :: poke/peer need same wire + :: :_ this - [bon.sta %poke / [our.bol %dojo] [%sole-action act]]~ :: poke/peer need same wire + [bon.sta %poke / [our.bol %dojo] [%sole-action act]]~ :: ++ diff-sole-effect |= [=wire fec=sole-effect] ^- (quip move _this) :_ this - [bon.sta %diff %sole-effect fec]~ + [bon.sta %diff %json (effect-to-json fec)]~ :: ++ bound |= [wir=wire success=? binding=binding:eyre] diff --git a/pkg/arvo/app/soto/css/index.css b/pkg/arvo/app/soto/css/index.css index 7f7d975d4d8e520c3d5b3efb780f9677552d6b08..8ebbc441dc2b5117144771393bb2de84923e6352 100644 GIT binary patch delta 45 zcmaDnh4u7A)`l&NbKKZ7^9o8!bPA>)cVjG>{>zb(fBHHPM(*uC?u@yN)6KjXbpfSh B5Ly5L delta 381 zcmZ9I!AiqG5QbTyM?pbv-aK|Uq-ol;@hG$vpJJ0tvWwfSGwE^~mDXycqDO^CMV|_viUAcvDlsoD&8dZ@ zMy7A>lpr~DBAu+5fvi;AFyD3S=P6;Mrm372?n-2:0),o=2;o1?t-1:0),r=1;r2?n-2:0),o=2;o8)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!e){if("undefined"!=typeof console){var i=r.map(function(e){return""+e});i.unshift("Warning: "+t),Function.prototype.apply.call(console.error,console,i)}try{var a=0,u="Warning: "+t.replace(/%s/g,function(){return r[a++]});throw new Error(u)}catch(e){}}},S={};function C(e,t){var n=e.constructor,r=n&&(n.displayName||n.name)||"ReactClass",o=r+"."+t;S[o]||(T(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",t,r),S[o]=!0)}var E={isMounted:function(e){return!1},enqueueForceUpdate:function(e,t,n){C(e,"forceUpdate")},enqueueReplaceState:function(e,t,n,r){C(e,"replaceState")},enqueueSetState:function(e,t,n,r){C(e,"setState")}},P={};function R(e,t,n){this.props=e,this.context=t,this.refs=P,this.updater=n||E}Object.freeze(P),R.prototype.isReactComponent={},R.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&_(!1,"setState(...): takes an object of state variables to update or a function which returns an object of state variables."),this.updater.enqueueSetState(this,e,t,"setState")},R.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};var N={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},O=function(e,t){Object.defineProperty(R.prototype,e,{get:function(){k(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",t[0],t[1])}})};for(var I in N)N.hasOwnProperty(I)&&O(I,N[I]);function D(){}function M(e,t,n){this.props=e,this.context=t,this.refs=P,this.updater=n||E}D.prototype=R.prototype;var A=M.prototype=new D;A.constructor=M,t(A,R.prototype),A.isPureReactComponent=!0;var U={current:null},z={current:null},j=/^(.*)[\\\/]/,L=1;function F(e){if(null==e)return null;if("number"==typeof e.tag&&T(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case d:return"ConcurrentMode";case a:return"Fragment";case i:return"Portal";case s:return"Profiler";case u:return"StrictMode";case h:return"Suspense"}if("object"==typeof e)switch(e.$$typeof){case f:return"Context.Consumer";case c:return"Context.Provider";case p:return r=e,o=e.render,l="ForwardRef",y=o.displayName||o.name||"",r.displayName||(""!==y?l+"("+y+")":l);case m:return F(e.type);case v:var t=(n=e)._status===L?n._result:null;if(t)return F(t)}var n,r,o,l,y;return null}var W={},B=null;function H(e){B=e}W.getCurrentStack=null,W.getStackAddendum=function(){var e="";if(B){var t=F(B.type),n=B._owner;e+=function(e,t,n){var r="";if(t){var o=t.fileName,i=o.replace(j,"");if(/^index\./.test(i)){var a=o.match(j);if(a){var u=a[1];u&&(i=u.replace(j,"")+"/"+i)}}r=" (at "+i+":"+t.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n in "+(e||"Unknown")+r}(t,B._source,n&&F(n.type))}var r=W.getCurrentStack;return r&&(e+=r()||""),e};var V={ReactCurrentDispatcher:U,ReactCurrentOwner:z,assign:t};t(V,{ReactDebugCurrentFrame:W,ReactComponentTreeHook:{}});var $=function(e,t){if(!e){for(var n=V.ReactDebugCurrentFrame.getStackAddendum(),r=arguments.length,o=Array(r>2?r-2:0),i=2;i1){for(var c=Array(s),f=0;f.")}return t}(t);if(!be[n]){be[n]=!0;var r="";e&&e._owner&&e._owner!==z.current&&(r=" It was passed a child from "+F(e._owner.type)+"."),H(e),$(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),H(null)}}}function _e(e,t){if("object"==typeof e)if(Array.isArray(e))for(var n=0;n",i=" Did you accidentally export a JSX literal instead of a component?"):l=typeof e,$(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",l,i)}var s=J.apply(this,arguments);if(null==s)return s;if(r)for(var c=2;c is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Provider},set:function(e){n.Provider=e}},_currentValue:{get:function(){return n._currentValue},set:function(e){n._currentValue=e}},_currentValue2:{get:function(){return n._currentValue2},set:function(e){n._currentValue2=e}},_threadCount:{get:function(){return n._threadCount},set:function(e){n._threadCount=e}},Consumer:{get:function(){return r||(r=!0,$(!1,"Rendering is not supported and will be removed in a future major release. Did you mean to render instead?")),n.Consumer}}}),n.Consumer=i,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(e){return null!=e&&e.$$typeof===m?T(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof e?T(!1,"forwardRef requires a render function but was given %s.",null===e?"null":typeof e):0!==e.length&&2!==e.length&&T(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===e.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null!=e&&(null!=e.defaultProps||null!=e.propTypes)&&T(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:p,render:e}},lazy:function(e){var t={$$typeof:v,_ctor:e,_status:-1,_result:null},n=void 0,r=void 0;return Object.defineProperties(t,{defaultProps:{configurable:!0,get:function(){return n},set:function(e){$(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=e,Object.defineProperty(t,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(e){$(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=e,Object.defineProperty(t,"propTypes",{enumerable:!0})}}}),t},memo:function(e,t){return me(e)||T(!1,"memo: The first argument must be a component. Instead received: %s",null===e?"null":typeof e),{$$typeof:m,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return ve().useCallback(e,t)},useContext:function(e,t){var n=ve();if(void 0!==t&&$(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",t,"number"==typeof t&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==e._context){var r=e._context;r.Consumer===e?$(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===e&&$(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(e,t)},useEffect:function(e,t){return ve().useEffect(e,t)},useImperativeHandle:function(e,t,n){return ve().useImperativeHandle(e,t,n)},useDebugValue:function(e,t){return ve().useDebugValue(e,t)},useLayoutEffect:function(e,t){return ve().useLayoutEffect(e,t)},useMemo:function(e,t){return ve().useMemo(e,t)},useReducer:function(e,t,n){return ve().useReducer(e,t,n)},useRef:function(e){return ve().useRef(e)},useState:function(e){return ve().useState(e)},Fragment:a,StrictMode:u,Suspense:h,createElement:ke,cloneElement:function(e,n,r){for(var o=function(e,n,r){null==e&&_(!1,"React.cloneElement(...): The argument must be a React element, but you passed %s.",e);var o=void 0,i=t({},e.props),a=e.key,u=e.ref,l=e._self,s=e._source,c=e._owner;if(null!=n){X(n)&&(u=n.ref,c=z.current),Z(n)&&(a=""+n.key);var f=void 0;for(o in e.type&&e.type.defaultProps&&(f=e.type.defaultProps),n)q.call(n,o)&&!Y.hasOwnProperty(o)&&(void 0===n[o]&&void 0!==f?i[o]=f[o]:i[o]=n[o])}var d=arguments.length-2;if(1===d)i.children=r;else if(d>1){for(var p=Array(d),h=0;h=t){n=e;break}e=e.next}while(e!==r);null===n?n=r:n===r&&(r=l,c()),(t=n.previous).next=n.previous=l,l.next=n,l.previous=t}}function d(){if(-1===a&&null!==r&&1===r.priorityLevel){l=!0;try{do{f()}while(null!==r&&1===r.priorityLevel)}finally{l=!1,null!==r?c():s=!1}}}function p(e){l=!0;var n=o;o=e;try{if(e)for(;null!==r;){var i=t.unstable_now();if(!(r.expirationTime<=i))break;do{f()}while(null!==r&&r.expirationTime<=i)}else if(null!==r)do{f()}while(null!==r&&!S())}finally{l=!1,o=n,null!==r?c():s=!1,d()}}var h,m,v=Date,y="function"==typeof setTimeout?setTimeout:void 0,g="function"==typeof clearTimeout?clearTimeout:void 0,b="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,w="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;function _(e){h=b(function(t){g(m),e(t)}),m=y(function(){w(h),e(t.unstable_now())},100)}if("object"==typeof performance&&"function"==typeof performance.now){var x=performance;t.unstable_now=function(){return x.now()}}else t.unstable_now=function(){return v.now()};var k,T,S,C=null;if("undefined"!=typeof window?C=window:void 0!==n&&(C=n),C&&C._schedMock){var E=C._schedMock;k=E[0],T=E[1],S=E[2],t.unstable_now=E[3]}else if("undefined"==typeof window||"function"!=typeof MessageChannel){var P=null,R=function(e){if(null!==P)try{P(e)}finally{P=null}};k=function(e){null!==P?setTimeout(k,0,e):(P=e,setTimeout(R,0,!1))},T=function(){P=null},S=function(){return!1}}else{"undefined"!=typeof console&&("function"!=typeof b&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof w&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var N=null,O=!1,I=-1,D=!1,M=!1,A=0,U=33,z=33;S=function(){return A<=t.unstable_now()};var j=new MessageChannel,L=j.port2;j.port1.onmessage=function(){O=!1;var e=N,n=I;N=null,I=-1;var r=t.unstable_now(),o=!1;if(0>=A-r){if(!(-1!==n&&n<=r))return D||(D=!0,_(F)),N=e,void(I=n);o=!0}if(null!==e){M=!0;try{e(o)}finally{M=!1}}};var F=function(e){if(null!==N){_(F);var t=e-A+z;tt&&(t=8),z=tt?L.postMessage(void 0):D||(D=!0,_(F))},T=function(){N=null,O=!1,I=-1}}t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=i,o=a;i=e,a=t.unstable_now();try{return n()}finally{i=r,a=o,d()}},t.unstable_next=function(e){switch(i){case 1:case 2:case 3:var n=3;break;default:n=i}var r=i,o=a;i=n,a=t.unstable_now();try{return e()}finally{i=r,a=o,d()}},t.unstable_scheduleCallback=function(e,n){var o=-1!==a?a:t.unstable_now();if("object"==typeof n&&null!==n&&"number"==typeof n.timeout)n=o+n.timeout;else switch(i){case 1:n=o+-1;break;case 2:n=o+250;break;case 5:n=o+1073741823;break;case 4:n=o+1e4;break;default:n=o+5e3}if(e={callback:e,priorityLevel:i,expirationTime:n,next:null,previous:null},null===r)r=e.next=e.previous=e,c();else{o=null;var u=r;do{if(u.expirationTime>n){o=u;break}u=u.next}while(u!==r);null===o?o=r:o===r&&(r=e,c()),(n=o.previous).next=o.previous=e,e.next=o,e.previous=n}return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)r=null;else{e===r&&(r=t);var n=e.previous;n.next=t,t.previous=n}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=i;return function(){var r=i,o=a;i=n,a=t.unstable_now();try{return e.apply(this,arguments)}finally{i=r,a=o,d()}}},t.unstable_getCurrentPriorityLevel=function(){return i},t.unstable_shouldYield=function(){return!o&&(null!==r&&r.expirationTime=i){c=f;break}f=f.next}while(f!==p);null===c?c=p:c===p&&(p=s,x());var d=c.previous;d.next=c.previous=s,s.next=c,s.previous=d}}}function T(){if(-1===y&&null!==p&&p.priorityLevel===r){b=!0;try{do{k()}while(null!==p&&p.priorityLevel===r)}finally{b=!1,null!==p?x():w=!1}}}function S(n){b=!0;var r=h;h=n;try{if(n)for(;!(null===p||e&&m);){var o=t.unstable_now();if(!(p.expirationTime<=o))break;do{k()}while(null!==p&&p.expirationTime<=o&&(!e||!m))}else if(null!==p)do{if(e&&m)break;k()}while(null!==p&&!N())}finally{b=!1,h=r,null!==p?x():w=!1,T()}}var C,E,P,R,N,O=Date,I="function"==typeof setTimeout?setTimeout:void 0,D="function"==typeof clearTimeout?clearTimeout:void 0,M="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,A="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0,U=function(e){C=M(function(t){D(E),e(t)}),E=I(function(){A(C),e(t.unstable_now())},100)};if(_){var z=performance;t.unstable_now=function(){return z.now()}}else t.unstable_now=function(){return O.now()};var j=null;if("undefined"!=typeof window?j=window:void 0!==n&&(j=n),j&&j._schedMock){var L=j._schedMock;P=L[0],R=L[1],N=L[2],t.unstable_now=L[3]}else if("undefined"==typeof window||"function"!=typeof MessageChannel){var F=null,W=function(e){if(null!==F)try{F(e)}finally{F=null}};P=function(e,t){null!==F?setTimeout(P,0,e):(F=e,setTimeout(W,0,!1))},R=function(){F=null},N=function(){return!1}}else{"undefined"!=typeof console&&("function"!=typeof M&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof A&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var B=null,H=!1,V=-1,$=!1,q=!1,Y=0,Q=33,K=33;N=function(){return Y<=t.unstable_now()};var X=new MessageChannel,Z=X.port2;X.port1.onmessage=function(e){H=!1;var n=B,r=V;B=null,V=-1;var o=t.unstable_now(),i=!1;if(Y-o<=0){if(!(-1!==r&&r<=o))return $||($=!0,U(G)),B=n,void(V=r);i=!0}if(null!==n){q=!0;try{n(i)}finally{q=!1}}};var G=function(e){if(null!==B){U(G);var t=e-Y+K;th){b=w;break}w=w.next}while(w!==p);null===b?b=p:b===p&&(p=g,x());var _=b.previous;_.next=b.previous=g,g.next=b,g.previous=_}return g},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)p=null;else{e===p&&(p=t);var n=e.previous;n.next=t,t.previous=n}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=v;return function(){var r=v,o=y;v=n,y=t.unstable_now();try{return e.apply(this,arguments)}finally{v=r,y=o,T()}}},t.unstable_getCurrentPriorityLevel=function(){return v},t.unstable_shouldYield=function(){return!h&&(null!==p&&p.expirationTimethis.eventPool.length&&this.eventPool.push(e)}function De(e){e.eventPool=[],e.getPooled=Oe,e.release=Ie}l(Ne.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=Pe)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=Pe)},persist:function(){this.isPersistent=Pe},isPersistent:Re,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=Re,this._dispatchInstances=this._dispatchListeners=null}}),Ne.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},Ne.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var o=new t;return l(o,n.prototype),n.prototype=o,n.prototype.constructor=n,n.Interface=l({},r.Interface,e),n.extend=r.extend,De(n),n},De(Ne);var Me=Ne.extend({data:null}),Ae=Ne.extend({data:null}),Ue=[9,13,27,32],ze=pe&&"CompositionEvent"in window,je=null;pe&&"documentMode"in document&&(je=document.documentMode);var Le=pe&&"TextEvent"in window&&!je,Fe=pe&&(!ze||je&&8=je),We=String.fromCharCode(32),Be={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},He=!1;function Ve(e,t){switch(e){case"keyup":return-1!==Ue.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function $e(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qe=!1;var Ye={eventTypes:Be,extractEvents:function(e,t,n,r){var o=void 0,i=void 0;if(ze)e:{switch(e){case"compositionstart":o=Be.compositionStart;break e;case"compositionend":o=Be.compositionEnd;break e;case"compositionupdate":o=Be.compositionUpdate;break e}o=void 0}else qe?Ve(e,n)&&(o=Be.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=Be.compositionStart);return o?(Fe&&"ko"!==n.locale&&(qe||o!==Be.compositionStart?o===Be.compositionEnd&&qe&&(i=Ee()):(Se="value"in(Te=r)?Te.value:Te.textContent,qe=!0)),o=Me.getPooled(o,t,n,r),i?o.data=i:null!==(i=$e(n))&&(o.data=i),de(o),i=o):i=null,(e=Le?function(e,t){switch(e){case"compositionend":return $e(t);case"keypress":return 32!==t.which?null:(He=!0,We);case"textInput":return(e=t.data)===We&&He?null:e;default:return null}}(e,n):function(e,t){if(qe)return"compositionend"===e||!ze&&Ve(e,t)?(e=Ee(),Ce=Se=Te=null,qe=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1