UNPKG

@cocalc/static

Version:

CoCalc's static frontend Webpack-based build system and framework

1 lines 11.7 kB
"use strict";(self.webpackChunk_cocalc_static=self.webpackChunk_cocalc_static||[]).push([[1879],{31879:(e,t,n)=>{n.d(t,{K:()=>w,j:()=>S});var r=n(32295),a=n(19990),l=n(70919),o=n(41780),c=n(66630),u=n(35730),i=n(24620),s=n(13435),m=n(96036),f=n(56393),d=n(50386),g=n(38628);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t,n,r,a,l,o){try{var c=e[l](o),u=c.value}catch(e){return void n(e)}c.done?t(u):Promise.resolve(u).then(r,a)}function h(e){return function(){var t=this,n=arguments;return new Promise((function(r,a){var l=e.apply(t,n);function o(e){v(l,r,a,o,c,"next",e)}function c(e){v(l,r,a,o,c,"throw",e)}o(void 0)}))}}function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,c=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(c)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(n):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var E=function(e,t){var n,r,a,l,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return l={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function c(l){return function(c){return function(l){if(n)throw new TypeError("Generator is already executing.");for(;o;)try{if(n=1,r&&(a=2&l[0]?r.return:l[0]?r.throw||((a=r.return)&&a.call(r),0):r.next)&&!(a=a.call(r,l[1])).done)return a;switch(r=0,a&&(l=[2&l[0],a.value]),l[0]){case 0:case 1:a=l;break;case 4:return o.label++,{value:l[1],done:!1};case 5:o.label++,r=l[1],l=[0];continue;case 7:l=o.ops.pop(),o.trys.pop();continue;default:if(!((a=(a=o.trys).length>0&&a[a.length-1])||6!==l[0]&&2!==l[0])){o=0;continue}if(3===l[0]&&(!a||l[1]>a[0]&&l[1]<a[3])){o.label=l[1];break}if(6===l[0]&&o.label<a[1]){o.label=a[1],a=l;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(l);break}a[2]&&o.ops.pop(),o.trys.pop();continue}l=t.call(e,o)}catch(e){l=[6,e],r=0}finally{n=a=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,c])}}},R=Object.freeze({height:"250px",overflowX:"hidden",overflowY:"scroll",border:"1px solid ".concat(s.COLORS.GRAY_LL),borderRadius:"5px",marginBottom:"0px"}),b=Object.freeze({width:"100%",margin:"2px 0px",padding:"5px",border:"none",textAlign:"left"});function w(e){return C.apply(this,arguments)}function C(){return(C=h((function(e){var t,n,a;return E(this,(function(l){switch(l.label){case 0:return t=e.image_type,n=e.image_selected,[4,r.redux.getStore("customize").getDefaultComputeImage()];case 1:if(a=l.sent(),null==n||null==t)return[2,a];switch(t){case"custom":return[2,(0,g.N3)(n)];case"default":case"standard":return[2,n];default:return(0,i.unreachable)(t),[2,a]}return[2]}}))}))).apply(this,arguments)}var S=function(e){var t,n=function(e,t,n){I(e),M(t),j(n),p({image_selected:e,title_text:t,image_type:n})},i=function(e){z(e),n(void 0,void 0,Y)},p=e.onChange,v=e.default_image,h=e.showTitle,E=void 0===h||h,w=(0,r.useTypedRedux)("compute_images","images"),C=(0,r.useTypedRedux)("customize","kucalc"),S=(0,r.useTypedRedux)("customize","software"),x=y((0,r.useMemo)((function(){return[S.get("default"),S.get("environments")]}),[S]),2),_=x[0],k=x[1],L=(0,r.useMemo)((function(){var e;return(null!==(t=null===(e=S.get("environments"))||void 0===e?void 0:e.size)&&void 0!==t?t:0)>0}),[S]),O=y((0,r.useState)(""),2),A=O[0],z=O[1],T=y((0,r.useState)(void 0),2),F=T[0],I=T[1],M=(0,r.useState)(void 0)[1],G=y((0,r.useState)("default"),2),Y=G[0],j=G[1];return r.React.useEffect((function(){if(null==v||v===_);else if((0,g.EP)(v)){if(null==w)return;var e=(0,g.PF)(v),t=w.get(e);null==t||n(e,t.get("display",""),"custom")}else{var r,a=k.get(v),l=null!=a&&null!==(r=a.get("title"))&&void 0!==r?r:"";n(v,l,"standard")}}),[]),r.React.createElement(d.Row,null,r.React.createElement(d.Col,{sm:12,style:{marginTop:"10px"}},r.React.createElement(r.React.Fragment,null,E&&r.React.createElement(d.ControlLabel,null,"Software environment"),r.React.createElement(d.FormGroup,null,r.React.createElement(d.Radio,{checked:"default"===Y,id:"default-compute-image",onChange:function(){n(void 0,void 0,"default")}},function(){if(C===u.KUCALC_COCALC_COM)return r.React.createElement(r.React.Fragment,null,r.React.createElement("b",null,"Default"),": large repository of software, well tested – maintained by ",r.React.createElement(l.zo,null),", running ",r.React.createElement(l.w3,null),"."," ",r.React.createElement("a",{href:(0,f.join)(o.appBasePath,"doc/software.html"),target:"_blank",rel:"noopener"},"More info..."));var e,t=k.get(_),n=null!==(e=null==t?void 0:t.get("descr"))&&void 0!==e?e:"large repository of software",a=null==t?void 0:t.get("title"),c=a?"".concat(a,": ").concat(n):n;return r.React.createElement(r.React.Fragment,null,r.React.createElement("b",null,"Standard"),": ",c)}()),function(){if(L)return r.React.createElement(d.Radio,{checked:"standard"===Y,id:"default-compute-image",onChange:function(){n(void 0,void 0,"standard")}},C===u.KUCALC_COCALC_COM?r.React.createElement(r.React.Fragment,null,r.React.createElement("b",null,"Standard"),': upcoming and archived versions of the "Default" software environment.'):r.React.createElement(r.React.Fragment,null,r.React.createElement("b",null,"Specialized"),": alternative software environments for specific purposes."))}(),C!==u.KUCALC_COCALC_COM?null:null==w||0==w.size?"There are no customized software environments available.":r.React.createElement(d.Radio,{checked:"custom"===Y,label:"Custom software environment",id:"custom-compute-image",onChange:function(){n(void 0,void 0,"custom")}},r.React.createElement("b",null,"Custom"),r.React.createElement("sup",null,r.React.createElement("em",null,"beta")),": 3rd party software environments, e.g."," ",r.React.createElement("a",{href:"https://mybinder.readthedocs.io/en/latest/",target:"_blank",rel:"noopener"},"Binder"),"."," ",r.React.createElement("a",{href:g.YF,target:"_blank"},"More info..."))))),function(){if("default"!==Y)return r.React.createElement(m.Z,{orientation:"left",plain:!0},"Configuration")}(),function(){if("standard"===Y)return r.React.createElement(d.Col,{sm:12},r.React.createElement(c.n,{selected_image:null!=F?F:_,layout:"horizontal",onSelect:function(e){var t,r=null===(t=k.get(e))||void 0===t?void 0:t.get("title");n(e,r,"standard")}}),r.React.createElement(a.Space,null))}(),r.React.createElement(d.Col,{sm:6},function(){if("custom"===Y)return r.React.createElement(r.React.Fragment,null,r.React.createElement("div",{style:{display:"flex"}},r.React.createElement(a.SearchInput,{placeholder:"Search…",autoFocus:!1,value:A,on_escape:function(){return z("")},on_change:i,style:{flex:"1"}})),function(){if(null!=w){var e=A.length>0?function(e){return e.get("search_str","").indexOf(A.toLowerCase())>=0}:function(e){return!0},t=w.filter((function(e){return"custom"===e.get("type","")})).filter(e).sortBy((function(e){return e.get("display","").toLowerCase()})).entrySeq().map((function(e){var t=y(e,2),a=t[0],l=t[1].get("display","");return r.React.createElement(d.ListGroupItem,{key:a,active:F===a,onClick:function(){return n(a,l,Y)},style:b,bsSize:"small"},l)})).toArray();return t.length>0?r.React.createElement(d.ListGroup,{style:R},t):A.length>0?r.React.createElement("div",null,"No search hits."):r.React.createElement("div",null,"No custom software available")}}(),r.React.createElement("div",{style:{color:s.COLORS.GRAY,margin:"15px 0"}},"Contact us to add more or give feedback:"," ",r.React.createElement(l.Z9,{color:s.COLORS.GRAY}),"."))}()),r.React.createElement(d.Col,{sm:6},function(){if("custom"===Y&&null!=F&&null!=w){var e=F,t=w.get(e);if(null!=t){var n=t,l=n.get("display"),o=n.get("desc",""),c=n.get("url"),u=n.get("src"),i=n.get("display_tag");return r.React.createElement(r.React.Fragment,null,r.React.createElement("h3",{style:{marginTop:"5px"}},l),r.React.createElement("div",{style:{marginTop:"5px"}},"Image ID: ",r.React.createElement("code",null,i)),r.React.createElement("div",{style:{marginTop:"10px",overflowY:"auto",maxHeight:"200px"}},r.React.createElement(a.Markdown,{value:o,className:"cc-custom-image-desc"})),function(){if(null!=u&&0!=u.length)return r.React.createElement("div",{style:{marginTop:"5px"}},"Source: ",r.React.createElement("code",null,u))}(),function(){if(null!=c&&0!=c.length)return r.React.createElement("div",{style:{marginTop:"5px"}},r.React.createElement("a",{href:c,target:"_blank",rel:"noopener"},r.React.createElement(a.Icon,{name:"external-link"})," Website"))}())}console.warn("compute_image data missing for '".concat(e,"'"))}}()))}},66630:(e,t,n)=>{n.d(t,{n:()=>b});var r,a,l,o=n(84286),c=n(33667),u=n(32295),i=n(19990),s=n(24620),m=n(13435),f=n(32217),d=n(88570),g=n(13398),p=n(24809),v=n(85460),h=n(63505),y=f.Z.Text,E=function(e){return null!==(l=null!==(a=null!==(r=e.get("short"))&&void 0!==r?r:e.get("title"))&&void 0!==a?a:e.get("id"))&&void 0!==l?l:""},R=function(e,t){var n=e.get("order",0),r=t.get("order",0);return n==r?function(e,t){var n=E(e),r=E(t);return n.toLowerCase()<r.toLowerCase()?1:-1}(e,t):n>r?1:-1},b=function(e){var t=function(e,t){return _.getIn([e,t])},n=function(e){var n,r;return null!==(r=null!==(n=t(e,"title"))&&void 0!==n?n:t(e,"tag"))&&void 0!==r?r:e},r=function(e){return _.filter((function(t){return t.get("group")===e&&!t.get("hidden",!1)})).map((function(e,t){var n,r,a=e.get("registry"),l=e.get("tag"),o=null!==(r=null!==(n=e.get("short"))&&void 0!==n?n:e.get("title"))&&void 0!==r?r:t,c=t===k?h.createElement(y,{strong:!0},o):o,u=a&&l?" (".concat(a,":").concat(l,")"):"";return{key:t,title:"".concat(e.get("descr")).concat(u),label:c}})).valueSeq().toJS()},a=function(e){return{key:e,children:r(e),label:e,type:"group"}},l=function(){return h.createElement(g.Z,{overlay:h.createElement(d.Z,{onClick:function(e){return C(e.key)},style:{maxHeight:"400px",overflowY:"auto"},items:L.map(a)})},h.createElement(p.Z,{onBlur:w,onFocus:b},A," ",h.createElement(o.Z,null)))},f=function(e){var n=t(E,"descr"),r=t(E,"registry"),a=t(E,"tag"),l=r&&a?"(".concat(r,":").concat(a,")"):null;return h.createElement(y,{italic:e},n,l?h.createElement(y,{type:"secondary"}," ",l):null)},E=e.selected_image,b=e.onFocus,w=e.onBlur,C=e.onSelect,S=e.layout,x=(0,u.useTypedRedux)("customize","software");if(void 0===x)return h.createElement(i.Loading,null);if(null===x)return null;var _=(0,v.fromJS)(x.get("environments")).sort(R),k=x.get("default"),L=x.get("groups").toJS(),O=n(k),A=n(E);switch(S){case"vertical":return h.createElement(c.JX,{xs:12},h.createElement(c.X2,{style:{fontSize:"12pt"}},h.createElement(i.Icon,{name:"hdd"}),h.createElement(i.Space,null),"Selected image",h.createElement(i.Space,null),l(),h.createElement(i.Space,null),E===k?void 0:h.createElement("span",{style:{color:m.COLORS.GRAY,fontSize:"11pt"}},h.createElement("br",null),' (If in doubt, select "',O,'")')),h.createElement(c.X2,null,f(!0)));case"horizontal":return h.createElement(c.JX,{xs:12},h.createElement(i.Icon,{name:"hdd"}),h.createElement(i.Space,null),h.createElement("span",{style:{fontSize:"12pt",fontWeight:"bold"}},l()),h.createElement("span",{style:{marginLeft:"10px"}},f(!1)));default:return(0,s.unreachable)(S),null}}}}]);