Elgato_dark/console
1
0
Fork 0
mirror of https://github.com/graphql-hive/console synced 2026-04-21 14:37:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2
console/patches/@graphiql__react@0.18.0-alpha.0.patch
Kamil Kisiela f14dfa1090
GraphiQL in dark-mode only (#2819)
2023-09-14 14:17:02 +02:00

73 lines
No EOL
30 KiB
Diff
Raw Blame History

diff --git a/dist/index.cjs.js b/dist/index.cjs.js
index 83792f244cbe04b8ca3ca0057e8d57b30231672f..00ec78a6e7fc1a218aae794fdb01d7d94da20428 100644
--- a/dist/index.cjs.js
+++ b/dist/index.cjs.js
@@ -156,5 +156,5 @@ In some cases, you need to provide options to alter GraphQL's execution behavior
# Auto Complete: Ctrl-Space (or just start typing)
#
-`;var Pue=Object.defineProperty,Oue=c((e,t)=>Pue(e,"name",{value:t,configurable:!0}),"__name$a");function Di(n){var r=n,{isHidden:e}=r,t=B(r,["isHidden"]);const{headerEditor:o}=je({nonNull:!0,caller:Di}),i=an(t,Di);return m.useEffect(()=>{e||o==null||o.refresh()},[o,e]),w.jsx("div",{className:Ie("graphiql-editor",e&&"hidden"),ref:i})}c(Di,"HeaderEditor");Oue(Di,"HeaderEditor");var Lue=Object.defineProperty,_a=c((e,t)=>Lue(e,"name",{value:t,configurable:!0}),"__name$9");function zr(e){var l;const[t,n]=m.useState({width:null,height:null}),[r,o]=m.useState(null),i=m.useRef(null),a=(l=Wl(e.token))==null?void 0:l.href;m.useEffect(()=>{if(!!i.current){if(!a){n({width:null,height:null}),o(null);return}fetch(a,{method:"HEAD"}).then(u=>{o(u.headers.get("Content-Type"))}).catch(()=>{o(null)})}},[a]);const s=t.width!==null&&t.height!==null?w.jsxs("div",{children:[t.width,"x",t.height,r===null?null:" "+r]}):null;return w.jsxs("div",{children:[w.jsx("img",{onLoad:()=>{var u,d,f,p;n({width:(d=(u=i.current)==null?void 0:u.naturalWidth)!=null?d:null,height:(p=(f=i.current)==null?void 0:f.naturalHeight)!=null?p:null})},ref:i,src:a}),s]})}c(zr,"ImagePreview");_a(zr,"ImagePreview");zr.shouldRender=_a(c(function(t){const n=Wl(t);return n?C0(n):!1},"shouldRender"),"shouldRender");function Wl(e){if(e.type!=="string")return;const t=e.string.slice(1).slice(0,-1).trim();try{const{location:n}=window;return new URL(t,n.protocol+"//"+n.host)}catch{return}}c(Wl,"tokenToURL");_a(Wl,"tokenToURL");function C0(e){return/(bmp|gif|jpeg|jpg|png|svg)$/.test(e.pathname)}c(C0,"isImageURL");_a(C0,"isImageURL");var $ue=Object.defineProperty,Fue=c((e,t)=>$ue(e,"name",{value:t,configurable:!0}),"__name$8");function Yl(e){const t=Ct(e,Yl);return w.jsx("div",{className:"graphiql-editor",ref:t})}c(Yl,"QueryEditor");Fue(Yl,"QueryEditor");var jue=Object.defineProperty,que=c((e,t)=>jue(e,"name",{value:t,configurable:!0}),"__name$7");function Hr({responseTooltip:e,editorTheme:t=fa,keyMap:n=pa}={},r){const{fetchError:o,validationErrors:i}=xt({nonNull:!0,caller:r||Hr}),{initialResponse:a,responseEditor:s,setResponseEditor:l}=je({nonNull:!0,caller:r||Hr}),u=m.useRef(null),d=m.useRef(e);return m.useEffect(()=>{d.current=e},[e]),m.useEffect(()=>{let f=!0;return Zn([Promise.resolve().then(function(){return require("./foldgutter.cjs.js")}).then(function(p){return p.foldgutter}),Promise.resolve().then(function(){return require("./brace-fold.cjs.js")}).then(function(p){return p.braceFold}),Promise.resolve().then(function(){return require("./dialog.cjs.js")}).then(function(p){return p.dialog}),Promise.resolve().then(function(){return require("./search.cjs.js")}).then(function(p){return p.search}),Promise.resolve().then(function(){return require("./searchcursor.cjs.js")}).then(function(p){return p.searchcursor}),Promise.resolve().then(function(){return require("./jump-to-line.cjs.js")}).then(function(p){return p.jumpToLine}),Promise.resolve().then(function(){return require("./sublime.cjs.js")}).then(function(p){return p.sublime}),Promise.resolve().then(function(){return require("./mode.cjs2.js")}),Promise.resolve().then(function(){return require("./info-addon.cjs.js")})],{useCommonAddons:!1}).then(p=>{if(!f)return;const h=document.createElement("div");p.registerHelper("info","graphql-results",(b,y,x,E)=>{const C=[],_=d.current;return _&&C.push(w.jsx(_,{pos:E,token:b})),zr.shouldRender(b)&&C.push(w.jsx(zr,{token:b},"image-preview")),C.length?(ss.default.render(C,h),h):(ss.default.unmountComponentAtNode(h),null)});const v=u.current;if(!v)return;const g=p(v,{value:a,lineWrapping:!0,readOnly:!0,theme:t,mode:"graphql-results",foldGutter:!0,gutters:["CodeMirror-foldgutter"],info:!0,extraKeys:ha});l(g)}),()=>{f=!1}},[t,a,l]),fo(s,"keyMap",n),m.useEffect(()=>{o&&(s==null||s.setValue(o)),i.length>0&&(s==null||s.setValue(yr(i)))},[s,o,i]),u}c(Hr,"useResponseEditor");que(Hr,"useResponseEditor");var Vue=Object.defineProperty,Bue=c((e,t)=>Vue(e,"name",{value:t,configurable:!0}),"__name$6");function Ql(e){const t=Hr(e,Ql);return w.jsx("section",{className:"result-window","aria-label":"Result Window","aria-live":"polite","aria-atomic":"true",ref:t})}c(Ql,"ResponseEditor");Bue(Ql,"ResponseEditor");var Uue=Object.defineProperty,zue=c((e,t)=>Uue(e,"name",{value:t,configurable:!0}),"__name$5");function Ii(n){var r=n,{isHidden:e}=r,t=B(r,["isHidden"]);const{variableEditor:o}=je({nonNull:!0,caller:Ii}),i=Lt(t,Ii);return m.useEffect(()=>{o&&!e&&o.refresh()},[o,e]),w.jsx("div",{className:Ie("graphiql-editor",e&&"hidden"),ref:i})}c(Ii,"VariableEditor");zue(Ii,"VariableEditor");var Hue=Object.defineProperty,Gue=c((e,t)=>Hue(e,"name",{value:t,configurable:!0}),"__name$4");function w0({children:e,dangerouslyAssumeSchemaIsValid:t,defaultQuery:n,defaultHeaders:r,defaultTabs:o,externalFragments:i,fetcher:a,getDefaultFieldNames:s,headers:l,inputValueDeprecation:u,introspectionQueryName:d,maxHistoryLength:f,onEditOperationName:p,onSchemaChange:h,onTabChange:v,onTogglePluginVisibility:g,operationName:b,plugins:y,query:x,response:E,schema:C,schemaDescription:_,shouldPersistHeaders:T,storage:N,validationRules:R,variables:D,visiblePlugin:P}){return w.jsx(vc,{storage:N,children:w.jsx(yl,{maxHistoryLength:f,children:w.jsx(Gl,{defaultQuery:n,defaultHeaders:r,defaultTabs:o,externalFragments:i,headers:l,onEditOperationName:p,onTabChange:v,query:x,response:E,shouldPersistHeaders:T,validationRules:R,variables:D,children:w.jsx(va,{dangerouslyAssumeSchemaIsValid:t,fetcher:a,inputValueDeprecation:u,introspectionQueryName:d,onSchemaChange:h,schema:C,schemaDescription:_,children:w.jsx(Lr,{getDefaultFieldNames:s,fetcher:a,operationName:b,children:w.jsx(ga,{children:w.jsx($l,{onTogglePluginVisibility:g,plugins:y,visiblePlugin:P,children:e})})})})})})})}c(w0,"GraphiQLProvider");Gue(w0,"GraphiQLProvider");var Wue=Object.defineProperty,Yue=c((e,t)=>Wue(e,"name",{value:t,configurable:!0}),"__name$3");function _0(){const e=Gt(),[t,n]=m.useState(()=>{if(!e)return null;const o=e.get(as);switch(o){case"light":return"light";case"dark":return"dark";default:return typeof o=="string"&&e.set(as,""),null}});m.useLayoutEffect(()=>{typeof window!="undefined"&&(document.body.classList.remove("graphiql-light","graphiql-dark"),t&&document.body.classList.add(`graphiql-${t}`))},[t]);const r=m.useCallback(o=>{e==null||e.set(as,o||""),n(o)},[e]);return m.useMemo(()=>({theme:t,setTheme:r}),[t,r])}c(_0,"useTheme");Yue(_0,"useTheme");const as="theme";var Que=Object.defineProperty,cr=c((e,t)=>Que(e,"name",{value:t,configurable:!0}),"__name$2");function T0({defaultSizeRelation:e=Zue,direction:t,initiallyHidden:n,onHiddenElementChange:r,sizeThresholdFirst:o=100,sizeThresholdSecond:i=100,storageKey:a}){const s=Gt(),l=m.useMemo(()=>hn(500,x=>{s&&a&&s.set(a,x)}),[s,a]),[u,d]=m.useState(()=>{const x=s&&a?s.get(a):null;return x===Fo||n==="first"?"first":x===jo||n==="second"?"second":null}),f=m.useCallback(x=>{x!==u&&(d(x),r==null||r(x))},[u,r]),p=m.useRef(null),h=m.useRef(null),v=m.useRef(null),g=m.useRef(`${e}`);m.useLayoutEffect(()=>{const x=s&&a&&s.get(a)||g.current,E=t==="horizontal"?"row":"column";p.current&&(p.current.style.display="flex",p.current.style.flexDirection=E,p.current.style.flex=x===Fo||x===jo?g.current:x),v.current&&(v.current.style.display="flex",v.current.style.flexDirection=E,v.current.style.flex="1"),h.current&&(h.current.style.display="flex",h.current.style.flexDirection=E)},[t,s,a]);const b=m.useCallback(x=>{const E=x==="first"?p.current:v.current;if(!!E&&(E.style.left="-1000px",E.style.position="absolute",E.style.opacity="0",E.style.height="500px",E.style.width="500px",p.current)){const C=parseFloat(p.current.style.flex);(!Number.isFinite(C)||C<1)&&(p.current.style.flex="1")}},[]),y=m.useCallback(x=>{const E=x==="first"?p.current:v.current;if(!!E&&(E.style.width="",E.style.height="",E.style.opacity="",E.style.position="",E.style.left="",p.current&&s&&a)){const C=s==null?void 0:s.get(a);C!==Fo&&C!==jo&&(p.current.style.flex=C||g.current)}},[s,a]);return m.useLayoutEffect(()=>{u==="first"?b("first"):y("first"),u==="second"?b("second"):y("second")},[u,b,y]),m.useEffect(()=>{if(!h.current||!p.current||!v.current)return;const x=h.current,E=p.current,C=E.parentElement,_=t==="horizontal"?"clientX":"clientY",T=t==="horizontal"?"left":"top",N=t==="horizontal"?"right":"bottom",R=t==="horizontal"?"clientWidth":"clientHeight";function D(j){j.preventDefault();const O=j[_]-x.getBoundingClientRect()[T];function Y(M){if(M.buttons===0)return I();const z=M[_]-C.getBoundingClientRect()[T]-O,$=C.getBoundingClientRect()[N]-M[_]+O-x[R];if(z<o)f("first"),l(Fo);else if($<i)f("second"),l(jo);else{f(null);const H=`${z/$}`;E.style.flex=H,l(H)}}c(Y,"handleMouseMove"),cr(Y,"handleMouseMove");function I(){document.removeEventListener("mousemove",Y),document.removeEventListener("mouseup",I)}c(I,"handleMouseUp"),cr(I,"handleMouseUp"),document.addEventListener("mousemove",Y),document.addEventListener("mouseup",I)}c(D,"handleMouseDown"),cr(D,"handleMouseDown"),x.addEventListener("mousedown",D);function P(){p.current&&(p.current.style.flex=g.current),l(g.current),f(null)}return c(P,"reset"),cr(P,"reset"),x.addEventListener("dblclick",P),()=>{x.removeEventListener("mousedown",D),x.removeEventListener("dblclick",P)}},[t,f,o,i,l]),m.useMemo(()=>({dragBarRef:h,hiddenElement:u,firstRef:p,setHiddenElement:d,secondRef:v}),[u,d])}c(T0,"useDragResize");cr(T0,"useDragResize");const Zue=1,Fo="hide-first",jo="hide-second";const A0=m.forwardRef((o,r)=>{var i=o,{label:e,onClick:t}=i,n=B(i,["label","onClick"]);const[a,s]=m.useState(null),l=m.useCallback(u=>{try{t==null||t(u),s(null)}catch(d){s(d instanceof Error?d:new Error(`Toolbar button click failed: ${d}`))}},[t]);return w.jsx(Ut,{label:e,children:w.jsx(Ke,Z(V({},n),{ref:r,type:"button",className:Ie("graphiql-toolbar-button",a&&"error",n.className),onClick:l,"aria-label":a?a.message:e,"aria-invalid":a?"true":n["aria-invalid"]}))})});A0.displayName="ToolbarButton";var Xue=Object.defineProperty,Jue=c((e,t)=>Xue(e,"name",{value:t,configurable:!0}),"__name$1");function Ni(){const{queryEditor:e,setOperationName:t}=je({nonNull:!0,caller:Ni}),{isFetching:n,isSubscribed:r,operationName:o,run:i,stop:a}=so({nonNull:!0,caller:Ni}),s=(e==null?void 0:e.operations)||[],l=s.length>1&&typeof o!="string",u=n||r,d=`${u?"Stop":"Execute"} query (Ctrl-Enter)`,f={type:"button",className:"graphiql-execute-button",children:u?w.jsx(Oh,{}):w.jsx(Nh,{}),"aria-label":d};return l&&!u?w.jsxs(wt,{children:[w.jsx(Ut,{label:d,children:w.jsx(wt.Button,V({},f))}),w.jsx(wt.Content,{children:s.map((p,h)=>{const v=p.name?p.name.value:`<Unnamed ${p.operation}>`;return w.jsx(wt.Item,{onSelect:()=>{var b;const g=(b=p.name)==null?void 0:b.value;e&&g&&g!==e.operationName&&t(g),i()},children:v},`${v}-${h}`)})})]}):w.jsx(Ut,{label:d,children:w.jsx("button",Z(V({},f),{onClick:()=>{u?a():i()}}))})}c(Ni,"ExecuteButton");Jue(Ni,"ExecuteButton");var Kue=Object.defineProperty,ede=c((e,t)=>Kue(e,"name",{value:t,configurable:!0}),"__name");const tde=ede(o=>{var i=o,{button:e,children:t,label:n}=i,r=B(i,["button","children","label"]);return w.jsxs(wt,Z(V({},r),{children:[w.jsx(Ut,{label:n,children:w.jsx(wt.Button,{className:Ie("graphiql-un-styled graphiql-toolbar-menu",r.className),"aria-label":n,children:e})}),w.jsx(wt.Content,{children:t})]}))},"ToolbarMenuRoot"),nde=Yr(tde,{Item:wt.Item});exports.Argument=Bn;exports.ArgumentIcon=gh;exports.Button=Wr;exports.ButtonGroup=Lh;exports.CharacterStream=ii;exports.ChevronDownIcon=vy;exports.ChevronLeftIcon=bh;exports.ChevronUpIcon=gy;exports.CloseIcon=qi;exports.CopyIcon=by;exports.DOC_EXPLORER_PLUGIN=Un;exports.DefaultValue=ma;exports.DeprecatedArgumentIcon=yh;exports.DeprecatedEnumValueIcon=xh;exports.DeprecatedFieldIcon=Eh;exports.DeprecationReason=ba;exports.Dialog=iE;exports.DialogRoot=kc;exports.Directive=Tl;exports.DirectiveIcon=Ch;exports.DocExplorer=qr;exports.DocsFilledIcon=wh;exports.DocsIcon=_h;exports.DropdownMenu=wt;exports.EditorContext=Hl;exports.EditorContextProvider=Gl;exports.EnumValueIcon=Th;exports.ExecuteButton=Ni;exports.ExecutionContext=Cl;exports.ExecutionContextProvider=Lr;exports.ExplorerContext=_l;exports.ExplorerContextProvider=ga;exports.ExplorerSection=Ue;exports.FieldDocumentation=Sl;exports.FieldIcon=Ah;exports.FieldLink=Pl;exports.GraphiQLProvider=w0;exports.HISTORY_PLUGIN=fc;exports.HeaderEditor=Di;exports.History=El;exports.HistoryContext=bl;exports.HistoryContextProvider=yl;exports.HistoryIcon=Sh;exports.ImagePreview=zr;exports.ImplementsIcon=kh;exports.KeyboardShortcutIcon=yy;exports.LexRules=ch;exports.MagnifyingGlassIcon=Dh;exports.MarkdownContent=ot;exports.MergeIcon=xy;exports.ParseRules=lh;exports.PenIcon=Ih;exports.PlayIcon=Nh;exports.PluginContext=Ll;exports.PluginContextProvider=$l;exports.PlusIcon=Ey;exports.PrettifyIcon=Cy;exports.QueryEditor=Yl;exports.ReloadIcon=wy;exports.ResponseEditor=Ql;exports.RootTypeIcon=Mh;exports.SchemaContext=wl;exports.SchemaContextProvider=va;exports.SchemaDocumentation=kl;exports.SchemaMetaFieldDef=ms;exports.Search=xa;exports.SettingsIcon=_y;exports.Spinner=Hc;exports.StarFilledIcon=Rh;exports.StarIcon=Ph;exports.StopIcon=Oh;exports.StorageContext=mc;exports.StorageContextProvider=vc;exports.Tab=Ace;exports.Tabs=qg;exports.ToolbarButton=A0;exports.ToolbarMenu=nde;exports.Tooltip=Ut;exports.TooltipRoot=gl;exports.TypeDocumentation=Ol;exports.TypeIcon=ir;exports.TypeLink=Ge;exports.TypeMetaFieldDef=vs;exports.TypeNameMetaFieldDef=gs;exports.UnStyledButton=Ke;exports.VariableEditor=Ii;exports.commonjsGlobal=y1;exports.getAutocompleteSuggestions=t1;exports.isIgnored=sh;exports.list=ce;exports.onlineParser=uh;exports.opt=Ce;exports.p=te;exports.t=Bo;exports.useAutoCompleteLeafs=Vr;exports.useCopyQuery=Ca;exports.useDragResize=T0;exports.useEditorContext=je;exports.useExecutionContext=so;exports.useExplorerContext=Nt;exports.useHeaderEditor=an;exports.useHistoryContext=ao;exports.useMergeQuery=mn;exports.usePluginContext=Ea;exports.usePrettifyEditors=Kn;exports.useQueryEditor=Ct;exports.useResponseEditor=Hr;exports.useSchemaContext=xt;exports.useStorageContext=Gt;exports.useTheme=_0;exports.useVariableEditor=Lt;
+`;var Pue=Object.defineProperty,Oue=c((e,t)=>Pue(e,"name",{value:t,configurable:!0}),"__name$a");function Di(n){var r=n,{isHidden:e}=r,t=B(r,["isHidden"]);const{headerEditor:o}=je({nonNull:!0,caller:Di}),i=an(t,Di);return m.useEffect(()=>{e||o==null||o.refresh()},[o,e]),w.jsx("div",{className:Ie("graphiql-editor",e&&"hidden"),ref:i})}c(Di,"HeaderEditor");Oue(Di,"HeaderEditor");var Lue=Object.defineProperty,_a=c((e,t)=>Lue(e,"name",{value:t,configurable:!0}),"__name$9");function zr(e){var l;const[t,n]=m.useState({width:null,height:null}),[r,o]=m.useState(null),i=m.useRef(null),a=(l=Wl(e.token))==null?void 0:l.href;m.useEffect(()=>{if(!!i.current){if(!a){n({width:null,height:null}),o(null);return}fetch(a,{method:"HEAD"}).then(u=>{o(u.headers.get("Content-Type"))}).catch(()=>{o(null)})}},[a]);const s=t.width!==null&&t.height!==null?w.jsxs("div",{children:[t.width,"x",t.height,r===null?null:" "+r]}):null;return w.jsxs("div",{children:[w.jsx("img",{onLoad:()=>{var u,d,f,p;n({width:(d=(u=i.current)==null?void 0:u.naturalWidth)!=null?d:null,height:(p=(f=i.current)==null?void 0:f.naturalHeight)!=null?p:null})},ref:i,src:a}),s]})}c(zr,"ImagePreview");_a(zr,"ImagePreview");zr.shouldRender=_a(c(function(t){const n=Wl(t);return n?C0(n):!1},"shouldRender"),"shouldRender");function Wl(e){if(e.type!=="string")return;const t=e.string.slice(1).slice(0,-1).trim();try{const{location:n}=window;return new URL(t,n.protocol+"//"+n.host)}catch{return}}c(Wl,"tokenToURL");_a(Wl,"tokenToURL");function C0(e){return/(bmp|gif|jpeg|jpg|png|svg)$/.test(e.pathname)}c(C0,"isImageURL");_a(C0,"isImageURL");var $ue=Object.defineProperty,Fue=c((e,t)=>$ue(e,"name",{value:t,configurable:!0}),"__name$8");function Yl(e){const t=Ct(e,Yl);return w.jsx("div",{className:"graphiql-editor",ref:t})}c(Yl,"QueryEditor");Fue(Yl,"QueryEditor");var jue=Object.defineProperty,que=c((e,t)=>jue(e,"name",{value:t,configurable:!0}),"__name$7");function Hr({responseTooltip:e,editorTheme:t=fa,keyMap:n=pa}={},r){const{fetchError:o,validationErrors:i}=xt({nonNull:!0,caller:r||Hr}),{initialResponse:a,responseEditor:s,setResponseEditor:l}=je({nonNull:!0,caller:r||Hr}),u=m.useRef(null),d=m.useRef(e);return m.useEffect(()=>{d.current=e},[e]),m.useEffect(()=>{let f=!0;return Zn([Promise.resolve().then(function(){return require("./foldgutter.cjs.js")}).then(function(p){return p.foldgutter}),Promise.resolve().then(function(){return require("./brace-fold.cjs.js")}).then(function(p){return p.braceFold}),Promise.resolve().then(function(){return require("./dialog.cjs.js")}).then(function(p){return p.dialog}),Promise.resolve().then(function(){return require("./search.cjs.js")}).then(function(p){return p.search}),Promise.resolve().then(function(){return require("./searchcursor.cjs.js")}).then(function(p){return p.searchcursor}),Promise.resolve().then(function(){return require("./jump-to-line.cjs.js")}).then(function(p){return p.jumpToLine}),Promise.resolve().then(function(){return require("./sublime.cjs.js")}).then(function(p){return p.sublime}),Promise.resolve().then(function(){return require("./mode.cjs2.js")}),Promise.resolve().then(function(){return require("./info-addon.cjs.js")})],{useCommonAddons:!1}).then(p=>{if(!f)return;const h=document.createElement("div");p.registerHelper("info","graphql-results",(b,y,x,E)=>{const C=[],_=d.current;return _&&C.push(w.jsx(_,{pos:E,token:b})),zr.shouldRender(b)&&C.push(w.jsx(zr,{token:b},"image-preview")),C.length?(ss.default.render(C,h),h):(ss.default.unmountComponentAtNode(h),null)});const v=u.current;if(!v)return;const g=p(v,{value:a,lineWrapping:!0,readOnly:!0,theme:t,mode:"graphql-results",foldGutter:!0,gutters:["CodeMirror-foldgutter"],info:!0,extraKeys:ha});l(g)}),()=>{f=!1}},[t,a,l]),fo(s,"keyMap",n),m.useEffect(()=>{o&&(s==null||s.setValue(o)),i.length>0&&(s==null||s.setValue(yr(i)))},[s,o,i]),u}c(Hr,"useResponseEditor");que(Hr,"useResponseEditor");var Vue=Object.defineProperty,Bue=c((e,t)=>Vue(e,"name",{value:t,configurable:!0}),"__name$6");function Ql(e){const t=Hr(e,Ql);return w.jsx("section",{className:"result-window","aria-label":"Result Window","aria-live":"polite","aria-atomic":"true",ref:t})}c(Ql,"ResponseEditor");Bue(Ql,"ResponseEditor");var Uue=Object.defineProperty,zue=c((e,t)=>Uue(e,"name",{value:t,configurable:!0}),"__name$5");function Ii(n){var r=n,{isHidden:e}=r,t=B(r,["isHidden"]);const{variableEditor:o}=je({nonNull:!0,caller:Ii}),i=Lt(t,Ii);return m.useEffect(()=>{o&&!e&&o.refresh()},[o,e]),w.jsx("div",{className:Ie("graphiql-editor",e&&"hidden"),ref:i})}c(Ii,"VariableEditor");zue(Ii,"VariableEditor");var Hue=Object.defineProperty,Gue=c((e,t)=>Hue(e,"name",{value:t,configurable:!0}),"__name$4");function w0({children:e,dangerouslyAssumeSchemaIsValid:t,defaultQuery:n,defaultHeaders:r,defaultTabs:o,externalFragments:i,fetcher:a,getDefaultFieldNames:s,headers:l,inputValueDeprecation:u,introspectionQueryName:d,maxHistoryLength:f,onEditOperationName:p,onSchemaChange:h,onTabChange:v,onTogglePluginVisibility:g,operationName:b,plugins:y,query:x,response:E,schema:C,schemaDescription:_,shouldPersistHeaders:T,storage:N,validationRules:R,variables:D,visiblePlugin:P}){return w.jsx(vc,{storage:N,children:w.jsx(yl,{maxHistoryLength:f,children:w.jsx(Gl,{defaultQuery:n,defaultHeaders:r,defaultTabs:o,externalFragments:i,headers:l,onEditOperationName:p,onTabChange:v,query:x,response:E,shouldPersistHeaders:T,validationRules:R,variables:D,children:w.jsx(va,{dangerouslyAssumeSchemaIsValid:t,fetcher:a,inputValueDeprecation:u,introspectionQueryName:d,onSchemaChange:h,schema:C,schemaDescription:_,children:w.jsx(Lr,{getDefaultFieldNames:s,fetcher:a,operationName:b,children:w.jsx(ga,{children:w.jsx($l,{onTogglePluginVisibility:g,plugins:y,visiblePlugin:P,children:e})})})})})})})}c(w0,"GraphiQLProvider");Gue(w0,"GraphiQLProvider");var Wue=Object.defineProperty,Yue=c((e,t)=>Wue(e,"name",{value:t,configurable:!0}),"__name$3");function _0(){const e=Gt(),[t,n]=m.useState(()=>{if(!e)return null;const o=e.get(as);switch(o){case"light":return"dark";case"dark":return"dark";default:return typeof o=="string"&&e.set(as,""),null}});m.useLayoutEffect(()=>{typeof window!="undefined"&&(document.body.classList.remove("graphiql-light","graphiql-dark"),t&&document.body.classList.add(`graphiql-dark`))},[t]);const r=m.useCallback(o=>{e==null||e.set(as,"dark"),n(o)},[e]);return m.useMemo(()=>({theme:t,setTheme:r}),[t,r])}c(_0,"useTheme");Yue(_0,"useTheme");const as="theme";var Que=Object.defineProperty,cr=c((e,t)=>Que(e,"name",{value:t,configurable:!0}),"__name$2");function T0({defaultSizeRelation:e=Zue,direction:t,initiallyHidden:n,onHiddenElementChange:r,sizeThresholdFirst:o=100,sizeThresholdSecond:i=100,storageKey:a}){const s=Gt(),l=m.useMemo(()=>hn(500,x=>{s&&a&&s.set(a,x)}),[s,a]),[u,d]=m.useState(()=>{const x=s&&a?s.get(a):null;return x===Fo||n==="first"?"first":x===jo||n==="second"?"second":null}),f=m.useCallback(x=>{x!==u&&(d(x),r==null||r(x))},[u,r]),p=m.useRef(null),h=m.useRef(null),v=m.useRef(null),g=m.useRef(`${e}`);m.useLayoutEffect(()=>{const x=s&&a&&s.get(a)||g.current,E=t==="horizontal"?"row":"column";p.current&&(p.current.style.display="flex",p.current.style.flexDirection=E,p.current.style.flex=x===Fo||x===jo?g.current:x),v.current&&(v.current.style.display="flex",v.current.style.flexDirection=E,v.current.style.flex="1"),h.current&&(h.current.style.display="flex",h.current.style.flexDirection=E)},[t,s,a]);const b=m.useCallback(x=>{const E=x==="first"?p.current:v.current;if(!!E&&(E.style.left="-1000px",E.style.position="absolute",E.style.opacity="0",E.style.height="500px",E.style.width="500px",p.current)){const C=parseFloat(p.current.style.flex);(!Number.isFinite(C)||C<1)&&(p.current.style.flex="1")}},[]),y=m.useCallback(x=>{const E=x==="first"?p.current:v.current;if(!!E&&(E.style.width="",E.style.height="",E.style.opacity="",E.style.position="",E.style.left="",p.current&&s&&a)){const C=s==null?void 0:s.get(a);C!==Fo&&C!==jo&&(p.current.style.flex=C||g.current)}},[s,a]);return m.useLayoutEffect(()=>{u==="first"?b("first"):y("first"),u==="second"?b("second"):y("second")},[u,b,y]),m.useEffect(()=>{if(!h.current||!p.current||!v.current)return;const x=h.current,E=p.current,C=E.parentElement,_=t==="horizontal"?"clientX":"clientY",T=t==="horizontal"?"left":"top",N=t==="horizontal"?"right":"bottom",R=t==="horizontal"?"clientWidth":"clientHeight";function D(j){j.preventDefault();const O=j[_]-x.getBoundingClientRect()[T];function Y(M){if(M.buttons===0)return I();const z=M[_]-C.getBoundingClientRect()[T]-O,$=C.getBoundingClientRect()[N]-M[_]+O-x[R];if(z<o)f("first"),l(Fo);else if($<i)f("second"),l(jo);else{f(null);const H=`${z/$}`;E.style.flex=H,l(H)}}c(Y,"handleMouseMove"),cr(Y,"handleMouseMove");function I(){document.removeEventListener("mousemove",Y),document.removeEventListener("mouseup",I)}c(I,"handleMouseUp"),cr(I,"handleMouseUp"),document.addEventListener("mousemove",Y),document.addEventListener("mouseup",I)}c(D,"handleMouseDown"),cr(D,"handleMouseDown"),x.addEventListener("mousedown",D);function P(){p.current&&(p.current.style.flex=g.current),l(g.current),f(null)}return c(P,"reset"),cr(P,"reset"),x.addEventListener("dblclick",P),()=>{x.removeEventListener("mousedown",D),x.removeEventListener("dblclick",P)}},[t,f,o,i,l]),m.useMemo(()=>({dragBarRef:h,hiddenElement:u,firstRef:p,setHiddenElement:d,secondRef:v}),[u,d])}c(T0,"useDragResize");cr(T0,"useDragResize");const Zue=1,Fo="hide-first",jo="hide-second";const A0=m.forwardRef((o,r)=>{var i=o,{label:e,onClick:t}=i,n=B(i,["label","onClick"]);const[a,s]=m.useState(null),l=m.useCallback(u=>{try{t==null||t(u),s(null)}catch(d){s(d instanceof Error?d:new Error(`Toolbar button click failed: ${d}`))}},[t]);return w.jsx(Ut,{label:e,children:w.jsx(Ke,Z(V({},n),{ref:r,type:"button",className:Ie("graphiql-toolbar-button",a&&"error",n.className),onClick:l,"aria-label":a?a.message:e,"aria-invalid":a?"true":n["aria-invalid"]}))})});A0.displayName="ToolbarButton";var Xue=Object.defineProperty,Jue=c((e,t)=>Xue(e,"name",{value:t,configurable:!0}),"__name$1");function Ni(){const{queryEditor:e,setOperationName:t}=je({nonNull:!0,caller:Ni}),{isFetching:n,isSubscribed:r,operationName:o,run:i,stop:a}=so({nonNull:!0,caller:Ni}),s=(e==null?void 0:e.operations)||[],l=s.length>1&&typeof o!="string",u=n||r,d=`${u?"Stop":"Execute"} query (Ctrl-Enter)`,f={type:"button",className:"graphiql-execute-button",children:u?w.jsx(Oh,{}):w.jsx(Nh,{}),"aria-label":d};return l&&!u?w.jsxs(wt,{children:[w.jsx(Ut,{label:d,children:w.jsx(wt.Button,V({},f))}),w.jsx(wt.Content,{children:s.map((p,h)=>{const v=p.name?p.name.value:`<Unnamed ${p.operation}>`;return w.jsx(wt.Item,{onSelect:()=>{var b;const g=(b=p.name)==null?void 0:b.value;e&&g&&g!==e.operationName&&t(g),i()},children:v},`${v}-${h}`)})})]}):w.jsx(Ut,{label:d,children:w.jsx("button",Z(V({},f),{onClick:()=>{u?a():i()}}))})}c(Ni,"ExecuteButton");Jue(Ni,"ExecuteButton");var Kue=Object.defineProperty,ede=c((e,t)=>Kue(e,"name",{value:t,configurable:!0}),"__name");const tde=ede(o=>{var i=o,{button:e,children:t,label:n}=i,r=B(i,["button","children","label"]);return w.jsxs(wt,Z(V({},r),{children:[w.jsx(Ut,{label:n,children:w.jsx(wt.Button,{className:Ie("graphiql-un-styled graphiql-toolbar-menu",r.className),"aria-label":n,children:e})}),w.jsx(wt.Content,{children:t})]}))},"ToolbarMenuRoot"),nde=Yr(tde,{Item:wt.Item});exports.Argument=Bn;exports.ArgumentIcon=gh;exports.Button=Wr;exports.ButtonGroup=Lh;exports.CharacterStream=ii;exports.ChevronDownIcon=vy;exports.ChevronLeftIcon=bh;exports.ChevronUpIcon=gy;exports.CloseIcon=qi;exports.CopyIcon=by;exports.DOC_EXPLORER_PLUGIN=Un;exports.DefaultValue=ma;exports.DeprecatedArgumentIcon=yh;exports.DeprecatedEnumValueIcon=xh;exports.DeprecatedFieldIcon=Eh;exports.DeprecationReason=ba;exports.Dialog=iE;exports.DialogRoot=kc;exports.Directive=Tl;exports.DirectiveIcon=Ch;exports.DocExplorer=qr;exports.DocsFilledIcon=wh;exports.DocsIcon=_h;exports.DropdownMenu=wt;exports.EditorContext=Hl;exports.EditorContextProvider=Gl;exports.EnumValueIcon=Th;exports.ExecuteButton=Ni;exports.ExecutionContext=Cl;exports.ExecutionContextProvider=Lr;exports.ExplorerContext=_l;exports.ExplorerContextProvider=ga;exports.ExplorerSection=Ue;exports.FieldDocumentation=Sl;exports.FieldIcon=Ah;exports.FieldLink=Pl;exports.GraphiQLProvider=w0;exports.HISTORY_PLUGIN=fc;exports.HeaderEditor=Di;exports.History=El;exports.HistoryContext=bl;exports.HistoryContextProvider=yl;exports.HistoryIcon=Sh;exports.ImagePreview=zr;exports.ImplementsIcon=kh;exports.KeyboardShortcutIcon=yy;exports.LexRules=ch;exports.MagnifyingGlassIcon=Dh;exports.MarkdownContent=ot;exports.MergeIcon=xy;exports.ParseRules=lh;exports.PenIcon=Ih;exports.PlayIcon=Nh;exports.PluginContext=Ll;exports.PluginContextProvider=$l;exports.PlusIcon=Ey;exports.PrettifyIcon=Cy;exports.QueryEditor=Yl;exports.ReloadIcon=wy;exports.ResponseEditor=Ql;exports.RootTypeIcon=Mh;exports.SchemaContext=wl;exports.SchemaContextProvider=va;exports.SchemaDocumentation=kl;exports.SchemaMetaFieldDef=ms;exports.Search=xa;exports.SettingsIcon=_y;exports.Spinner=Hc;exports.StarFilledIcon=Rh;exports.StarIcon=Ph;exports.StopIcon=Oh;exports.StorageContext=mc;exports.StorageContextProvider=vc;exports.Tab=Ace;exports.Tabs=qg;exports.ToolbarButton=A0;exports.ToolbarMenu=nde;exports.Tooltip=Ut;exports.TooltipRoot=gl;exports.TypeDocumentation=Ol;exports.TypeIcon=ir;exports.TypeLink=Ge;exports.TypeMetaFieldDef=vs;exports.TypeNameMetaFieldDef=gs;exports.UnStyledButton=Ke;exports.VariableEditor=Ii;exports.commonjsGlobal=y1;exports.getAutocompleteSuggestions=t1;exports.isIgnored=sh;exports.list=ce;exports.onlineParser=uh;exports.opt=Ce;exports.p=te;exports.t=Bo;exports.useAutoCompleteLeafs=Vr;exports.useCopyQuery=Ca;exports.useDragResize=T0;exports.useEditorContext=je;exports.useExecutionContext=so;exports.useExplorerContext=Nt;exports.useHeaderEditor=an;exports.useHistoryContext=ao;exports.useMergeQuery=mn;exports.usePluginContext=Ea;exports.usePrettifyEditors=Kn;exports.useQueryEditor=Ct;exports.useResponseEditor=Hr;exports.useSchemaContext=xt;exports.useStorageContext=Gt;exports.useTheme=_0;exports.useVariableEditor=Lt;
//# sourceMappingURL=index.cjs.js.map
diff --git a/dist/index.es.js b/dist/index.es.js
index 71e21cb576dc761bf0dd0d3d2ad1014dba653f35..652d56f110456f3d9a00745abc57f4163cc8e778 100644
--- a/dist/index.es.js
+++ b/dist/index.es.js
@@ -32456,7 +32456,7 @@ function useTheme() {
const stored = storageContext.get(STORAGE_KEY);
switch (stored) {
case "light":
- return "light";
+ return "dark";
case "dark":
return "dark";
default:
@@ -32472,12 +32472,12 @@ function useTheme() {
}
document.body.classList.remove("graphiql-light", "graphiql-dark");
if (theme) {
- document.body.classList.add(`graphiql-${theme}`);
+ document.body.classList.add(`graphiql-dark`);
}
}, [theme]);
- const setTheme = useCallback((newTheme) => {
- storageContext == null ? void 0 : storageContext.set(STORAGE_KEY, newTheme || "");
- setThemeInternal(newTheme);
+ const setTheme = useCallback((_) => {
+ storageContext == null ? void 0 : storageContext.set(STORAGE_KEY, 'dark');
+ setThemeInternal('dark');
}, [storageContext]);
return useMemo(() => ({ theme, setTheme }), [theme, setTheme]);
}
diff --git a/src/theme.ts b/src/theme.ts
index 5dc3b8ea6696cb49f6f881c8876c02c47066967d..0bda8c8defb225950347d8350e3f781fad3214a4 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -18,7 +18,7 @@ export function useTheme() {
const stored = storageContext.get(STORAGE_KEY);
switch (stored) {
case 'light':
- return 'light';
+ return 'dark';
case 'dark':
return 'dark';
default:
@@ -37,14 +37,14 @@ export function useTheme() {
document.body.classList.remove('graphiql-light', 'graphiql-dark');
if (theme) {
- document.body.classList.add(`graphiql-${theme}`);
+ document.body.classList.add(`graphiql-dark`);
}
}, [theme]);
const setTheme = useCallback(
- (newTheme: Theme) => {
- storageContext?.set(STORAGE_KEY, newTheme || '');
- setThemeInternal(newTheme);
+ (_: Theme) => {
+ storageContext?.set(STORAGE_KEY, 'dark');
+ setThemeInternal('dark');
},
[storageContext],
);
Reference in a new issue View git blame Copy permalink