@flexkit/explorer 0.0.6 → 0.0.8

package/README.md

@@ -39,7 +39,7 @@ npm install @flexkit/explorer
 
 ```ts
 // `flexkit.config.ts`:
-import { defineConfig } from '@flexkit/studio/ssr';
+import { defineConfig } from '@flexkit/studio';
 import { Explorer } from '@flexkit/explorer';
 
 export default defineConfig({

package/dist/index.js

@@ -1,3 +1,3 @@
-import {SquarePlay,ChevronsRight,ChevronsLeft}from'lucide-react';import {useMemo,useState,useRef,useEffect,Children,useCallback,Fragment as Fragment$1}from'react';import {createGraphiQLFetcher}from'@graphiql/toolkit';import {useConfig}from'@flexkit/studio';import {GraphiQLProvider,useEditorContext,useExecutionContext,useSchemaContext,useStorageContext,usePluginContext,useCopyQuery,useMergeQuery,usePrettifyEditors,useTheme,ToolbarButton,PrettifyIcon,MergeIcon,CopyIcon,Tooltip,UnStyledButton,PlusIcon,ReloadIcon,KeyboardShortcutIcon,SettingsIcon,Tabs as Tabs$1,Tab,QueryEditor,ExecuteButton,VariableEditor,Spinner,ResponseEditor,Dialog,ButtonGroup,Button as Button$1,isMacOs}from'@graphiql/react';import {ResizablePanelGroup,ResizablePanel,Tabs,TabsList,TabsTrigger,Tooltip as Tooltip$1,TooltipTrigger,Button,TooltipContent,Separator,TabsContent,ScrollArea,ScrollBar,ResizableHandle}from'@flexkit/studio/ui';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import'@graphiql/react/dist/style.css';function f({dangerouslyAssumeSchemaIsValid:t,confirmCloseTab:r,defaultQuery:i,defaultTabs:s,externalFragments:h,fetcher:u,getDefaultFieldNames:n,headers:d,inputValueDeprecation:P,introspectionQueryName:k,maxHistoryLength:p,onEditOperationName:M,onSchemaChange:B,onTabChange:w,onTogglePluginVisibility:W,operationName:m,plugins:Q,query:x,response:y,schema:T,schemaDescription:L,shouldPersistHeaders:G,storage:I,validationRules:O,variables:H,visiblePlugin:_,defaultHeaders:A,...v}){if(typeof u!="function")throw new TypeError("The `GraphiQL` component requires a `fetcher` function to be passed as prop.");return jsx(GraphiQLProvider,{getDefaultFieldNames:n,dangerouslyAssumeSchemaIsValid:t,defaultQuery:i,defaultHeaders:A,defaultTabs:s,externalFragments:h,fetcher:u,headers:d,inputValueDeprecation:P,introspectionQueryName:k,maxHistoryLength:p,onEditOperationName:M,onSchemaChange:B,onTabChange:w,onTogglePluginVisibility:W,plugins:Q,visiblePlugin:_,operationName:m,query:x,response:y,schema:T,schemaDescription:L,shouldPersistHeaders:G,storage:I,validationRules:O,variables:H,children:jsx(tt,{confirmCloseTab:r,showPersistHeadersSettings:G!==false,disableTabs:v.disableTabs??false,forcedTheme:v.forcedTheme,...v})})}f.Toolbar=Z;f.Footer=ee;var et=["light","dark","system"],q="graphiql-session-tab-";function tt(t){t.isHeadersEditorEnabled??true;let i=useEditorContext({nonNull:true}),s=useExecutionContext({nonNull:true}),h=useSchemaContext({nonNull:true}),u=useStorageContext(),n=usePluginContext(),[d,P]=useState(false),k=useRef(null),p=useMemo(()=>t.forcedTheme&&et.includes(t.forcedTheme)?t.forcedTheme:void 0,[t.forcedTheme]),M=useCopyQuery({onCopyQuery:t.onCopyQuery}),B=useMergeQuery(),w=usePrettifyEditors(),{theme:W,setTheme:m}=useTheme(t.defaultTheme);useEffect(()=>{p==="system"?m(null):(p==="light"||p==="dark")&&m(p);},[p,m]),useEffect(()=>{n?.setVisiblePlugin(n.plugins[0]);},[n]);let [Q,x]=useState(null),[y,T]=useState(null),L=Children.toArray(t.children),G=L.find(a=>Y(a,f.Toolbar))??jsxs(Fragment,{children:[jsx(ToolbarButton,{onClick:w,label:"Prettify query (Shift-Ctrl-P)",children:jsx(PrettifyIcon,{className:"ex-w-6 ex-h-6 ex-block","aria-hidden":"true"})}),jsx(ToolbarButton,{onClick:B,label:"Merge fragments into query (Shift-Ctrl-M)",children:jsx(MergeIcon,{className:"ex-w-6 ex-h-6 ex-block","aria-hidden":"true"})}),jsx(ToolbarButton,{onClick:M,label:"Copy query (Shift-Ctrl-C)",children:jsx(CopyIcon,{className:"ex-w-6 ex-h-6 ex-block","aria-hidden":"true"})}),t.toolbar?.additionalContent,t.toolbar?.additionalComponent&&jsx(t.toolbar.additionalComponent,{})]}),I=L.find(a=>Y(a,f.Footer)),O=useCallback(()=>{try{u?.clear(),T("success");}catch{T("error");}},[u]),H=useCallback(a=>{i.setShouldPersistHeaders(a.currentTarget.dataset.value==="true");},[i]);useCallback(a=>{let l=a.currentTarget.dataset.theme;m(l||null);},[m]);let A=()=>{i.addTab();},v=()=>{h.introspect();},oe=a=>{i.moveTab(a);},X=useCallback(a=>{x(a.currentTarget.dataset.value);},[]),ie=useCallback(a=>{let l=n,b=Number(a.currentTarget.dataset.index);if(!l)return;let C=l.plugins.find((ct,ue)=>b===ue)??null;if(C===l.visiblePlugin){l.setVisiblePlugin(null);return}l.setVisiblePlugin(C);},[n]),le=useCallback(a=>{a||x(null);},[]),re=useCallback(a=>{a||(x(null),T(null));},[]),ne=jsx(Tooltip,{label:"Add tab",children:jsx(UnStyledButton,{type:"button",className:"graphiql-tab-add",onClick:A,"aria-label":"Add tab",children:jsx(PlusIcon,{"aria-hidden":"true"})})}),se=t.className?` ${t.className}`:"",z=t.confirmCloseTab,de=useCallback(async a=>{let l=a.currentTarget.previousSibling,b=Number(l.id.replace(q,""));(!z||await z(b))&&(i.activeTabIndex===b&&s.stop(),i.closeTab(b));},[z,i,s]),ce=useCallback(a=>{let l=Number(a.currentTarget.id.replace(q,""));s.stop(),i.changeTab(l);},[i,s]);return jsx(Tooltip.Provider,{children:jsxs("div",{className:`graphiql-container${se}`,children:[jsxs(ResizablePanelGroup,{autoSaveId:"explorer",direction:"horizontal",className:"ex-h-full ex-max-h-full",children:[jsxs(ResizablePanel,{collapsible:true,collapsedSize:3,minSize:10,onCollapse:()=>{P(true);},onExpand:()=>{P(false);},ref:k,children:[jsx("div",{className:"ex-flex ex-w-full ex-h-full ex-pb-6",children:jsxs(Tabs,{className:"ex-w-full",defaultValue:n?.plugins[0].title,children:[jsxs("div",{className:`ex-flex ex-items-center ex-py-1 ${d?"":"ex-px-3"}`,children:[jsx(TabsList,{className:d?"ex-hidden":"",children:n?.plugins.map((a,l)=>{let C=`${a===n.visiblePlugin?"Hide":"Show"} ${a.title}`;return jsx(TabsTrigger,{"aria-label":C,className:"ex-text-muted-foreground","data-index":l,onClick:ie,value:a.title,children:jsx(a.icon,{"aria-hidden":"true"})},a.title)})}),jsxs(Tooltip$1,{children:[jsx(TooltipTrigger,{asChild:true,children:jsx(Button,{className:d?"ex-ml-1.5":"ex-ml-auto",onClick:()=>{let a=k.current;d?a?.expand():a?.collapse();},size:"icon",variant:"ghost",children:d?jsxs(Fragment,{children:[jsx(ChevronsRight,{className:"ex-w-4 ex-h-4"}),jsx("span",{className:"ex-sr-only",children:"Expand"})]}):jsxs(Fragment,{children:[jsx(ChevronsLeft,{className:"ex-w-4 ex-h-4"}),jsx("span",{className:"ex-sr-only",children:"Collapse"})]})})}),jsx(TooltipContent,{children:d?"Expand":"Collapse"})]})]}),d?null:jsx(Separator,{}),n?.plugins.map(a=>jsx(TabsContent,{className:`ex-flex ex-w-full ex-max-h-full ex-mt-0 ${d?"ex-hidden":""}`,value:a.title,children:jsxs(ScrollArea,{className:"ex-flex ex-w-full ex-max-h-full ex-overflow-auto ex-px-6 ex-pt-3 ex-pb-6 ex-mb-3 [&>div>div]:!ex-block",children:[jsx(a.content,{}),jsx(ScrollBar,{orientation:"horizontal"})]})},a.title))]})}),jsx(Tooltip,{label:"Re-fetch GraphQL schema",children:jsx(UnStyledButton,{type:"button",disabled:h.isFetching,onClick:v,"aria-label":"Re-fetch GraphQL schema",children:jsx(ReloadIcon,{className:h.isFetching?"graphiql-spin":"","aria-hidden":"true"})})}),jsx(Tooltip,{label:"Open short keys dialog",children:jsx(UnStyledButton,{type:"button","data-value":"short-keys",onClick:X,"aria-label":"Open short keys dialog",children:jsx(KeyboardShortcutIcon,{"aria-hidden":"true"})})}),jsx(Tooltip,{label:"Open settings dialog",children:jsx(UnStyledButton,{type:"button","data-value":"settings",onClick:X,"aria-label":"Open settings dialog",children:jsx(SettingsIcon,{"aria-hidden":"true"})})})]}),jsx(ResizableHandle,{className:"hover:ex-bg-blue-500 ex-transition-colors",withHandle:true}),jsx(ResizablePanel,{className:"ex-bg-muted",defaultSize:48,children:jsxs("div",{className:"ex-flex ex-flex-col ex-h-full",children:[jsxs("div",{className:"ex-flex ex-items-center ex-py-1 ex-px-4 ex-gap-6 ex-bg-muted",children:[!t.disableTabs&&jsx(Tabs$1,{"aria-label":"Select active operation",className:"!ex-p-1 ex-bg-muted ex-rounded-md",onReorder:oe,values:i.tabs,children:i.tabs.length>0&&jsx(Fragment,{children:i.tabs.map((a,l)=>jsxs(Tab,{isActive:l===i.activeTabIndex,value:a,children:[jsx(Tab.Button,{"aria-controls":"graphiql-session",id:`${q}${l.toString()}`,onClick:ce,children:a.title}),jsx(Tab.Close,{onClick:de})]},a.id))})}),ne]}),jsx("div",{role:"tabpanel",id:"graphiql-session",className:"graphiql-session","aria-labelledby":`${q}${i.activeTabIndex}`,children:jsx("div",{className:`graphiql-editors${i.tabs.length===1?" full-height":""}`,children:jsxs(ResizablePanelGroup,{direction:"vertical",children:[jsxs(ResizablePanel,{className:"ex-flex ex-w-full ex-gap-x-4 ex-px-4 ex-py-2",defaultSize:80,children:[jsx(QueryEditor,{editorTheme:t.editorTheme,keyMap:t.keyMap,onCopyQuery:t.onCopyQuery,onEdit:t.onEditQuery,readOnly:t.readOnly}),jsxs("div",{className:"graphiql-toolbar",role:"toolbar","aria-label":"Editor Commands",children:[jsx(ExecuteButton,{}),G]})]}),jsx(ResizableHandle,{className:"hover:ex-bg-blue-500 ex-transition-colors",withHandle:true}),jsxs(ResizablePanel,{className:"ex-bg-muted ex-px-4 ex-pt-2",defaultSize:20,children:[jsx("div",{className:"ex-text-sm ex-font-medium ex-text-muted-foreground",children:"Variables"}),jsx(VariableEditor,{editorTheme:t.editorTheme,isHidden:false,keyMap:t.keyMap,onEdit:t.onEditVariables,readOnly:t.readOnly})]})]})})})]})}),jsx(ResizableHandle,{className:"hover:ex-bg-blue-500 ex-transition-colors",withHandle:true}),jsx(ResizablePanel,{className:"ex-px-5 ex-pt-10 ex-relative",defaultSize:30,children:jsxs("div",{className:"graphiql-response ex-h-full",children:[s.isFetching?jsx(Spinner,{}):null,jsx(ResponseEditor,{editorTheme:t.editorTheme,responseTooltip:t.responseTooltip,keyMap:t.keyMap}),I]})})]}),jsxs(Dialog,{open:Q==="short-keys",onOpenChange:le,children:[jsxs("div",{className:"graphiql-dialog-header",children:[jsx(Dialog.Title,{className:"graphiql-dialog-title",children:"Short Keys"}),jsx(Dialog.Close,{})]}),jsx("div",{className:"graphiql-dialog-section",children:jsx(ot,{keyMap:t.keyMap||"sublime"})})]}),jsxs(Dialog,{open:Q==="settings",onOpenChange:re,children:[jsxs("div",{className:"graphiql-dialog-header",children:[jsx(Dialog.Title,{className:"graphiql-dialog-title",children:"Settings"}),jsx(Dialog.Close,{})]}),t.showPersistHeadersSettings?jsxs("div",{className:"graphiql-dialog-section",children:[jsxs("div",{children:[jsx("div",{className:"graphiql-dialog-section-title",children:"Persist headers"}),jsxs("div",{className:"graphiql-dialog-section-caption",children:["Save headers upon reloading."," ",jsx("span",{className:"graphiql-warning-text",children:"Only enable if you trust this device."})]})]}),jsxs(ButtonGroup,{children:[jsx(Button$1,{type:"button",id:"enable-persist-headers",className:i.shouldPersistHeaders?"active":"","data-value":"true",onClick:H,children:"On"}),jsx(Button$1,{type:"button",id:"disable-persist-headers",className:i.shouldPersistHeaders?"":"active",onClick:H,children:"Off"})]})]}):null,u?jsxs("div",{className:"graphiql-dialog-section",children:[jsxs("div",{children:[jsx("div",{className:"graphiql-dialog-section-title",children:"Clear storage"}),jsx("div",{className:"graphiql-dialog-section-caption",children:"Remove all locally stored data and start fresh."})]}),jsx(Button$1,{type:"button",state:y||void 0,disabled:y==="success",onClick:O,children:{success:"Cleared data",error:"Failed"}[y]||"Clear data"})]}):null]})]})})}var K=isMacOs?"\u2318":"Ctrl",at=Object.entries({"Search in editor":[K,"F"],"Search in documentation":[K,"K"],"Execute query":[K,"Enter"],"Prettify editors":["Ctrl","Shift","P"],"Merge fragments definitions into operation definition":["Ctrl","Shift","M"],"Copy query":["Ctrl","Shift","C"],"Re-fetch schema using introspection":["Ctrl","Shift","R"]});function ot({keyMap:t}){return jsxs("div",{children:[jsxs("table",{className:"graphiql-table",children:[jsx("thead",{children:jsxs("tr",{children:[jsx("th",{children:"Short Key"}),jsx("th",{children:"Function"})]})}),jsx("tbody",{children:at.map(([r,i])=>jsxs("tr",{children:[jsx("td",{children:i.map((s,h,u)=>jsxs(Fragment$1,{children:[jsx("code",{className:"graphiql-key",children:s}),h!==u.length-1&&" + "]},s))}),jsx("td",{children:r})]},r))})]}),jsxs("p",{children:["The editors use"," ",jsx("a",{href:"https://codemirror.net/5/doc/manual.html#keymaps",target:"_blank",rel:"noopener noreferrer",children:"CodeMirror Key Maps"})," ","that add more short keys. This instance of Graph",jsx("em",{children:"i"}),"QL uses ",jsx("code",{children:t}),"."]})]})}function Z(t){return jsx(Fragment,{children:t.children})}Z.displayName="GraphiQLToolbar";function ee(t){return jsx("div",{className:"graphiql-footer",children:t.children})}ee.displayName="GraphiQLFooter";function Y(t,r){return t?.type?.displayName&&t.type.displayName===r.displayName?true:t.type===r}function te(){let{currentProjectId:t}=useConfig(),r=`/api/flexkit/${t}/graphql`,i=useMemo(()=>createGraphiQLFetcher({url:r}),[r]);return jsx(f,{fetcher:i,forcedTheme:"light"})}function Gt(){return {name:"flexkit.explorer",contributes:{apps:[{name:"explorer",icon:jsx(SquarePlay,{strokeWidth:1.5}),title:"Explorer",component:jsx(te,{}),routes:[]}]}}}
-export{Gt as Explorer};//# sourceMappingURL=index.js.map
+import'./index.css';import {SquarePlay,ChevronsRight,ChevronsLeft}from'lucide-react';import {useMemo,useState,useRef,useEffect,Children,useCallback,Fragment as Fragment$1}from'react';import {createGraphiQLFetcher}from'@graphiql/toolkit';import {useConfig}from'@flexkit/studio';import {GraphiQLProvider,useEditorContext,useExecutionContext,useSchemaContext,useStorageContext,usePluginContext,useCopyQuery,useMergeQuery,usePrettifyEditors,useTheme,ToolbarButton,PrettifyIcon,MergeIcon,CopyIcon,Tooltip,UnStyledButton,PlusIcon,ReloadIcon,KeyboardShortcutIcon,SettingsIcon,Tabs as Tabs$1,Tab,QueryEditor,ExecuteButton,VariableEditor,Spinner,ResponseEditor,Dialog,ButtonGroup,Button as Button$1,isMacOs}from'@graphiql/react';import {HISTORY_PLUGIN,HistoryContextProvider}from'@graphiql/plugin-history';import {ResizablePanelGroup,ResizablePanel,Tabs,TabsList,TabsTrigger,Tooltip as Tooltip$1,TooltipTrigger,Button,TooltipContent,Separator,TabsContent,ScrollArea,ScrollBar,ResizableHandle}from'@flexkit/studio/ui';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import'@graphiql/react/style.css';import'@graphiql/plugin-history/style.css';function g({dangerouslyAssumeSchemaIsValid:t,confirmCloseTab:i,defaultQuery:l,defaultTabs:n,externalFragments:u,fetcher:r,getDefaultFieldNames:d,headers:E,inputValueDeprecation:k,introspectionQueryName:p,maxHistoryLength:w,onEditOperationName:B,onSchemaChange:O,onTabChange:f,onTogglePluginVisibility:Q,operationName:x,plugins:h,query:y,response:L,schema:I,schemaDescription:A,shouldPersistHeaders:R,storage:G,validationRules:z,variables:V,visiblePlugin:F,defaultHeaders:H,...T}){if(typeof r!="function")throw new TypeError("The `GraphiQL` component requires a `fetcher` function to be passed as prop.");let U=useMemo(()=>{let v=h??[];return v.some(D=>D.title===HISTORY_PLUGIN.title)?v:[HISTORY_PLUGIN,...v]},[h]);return jsx(GraphiQLProvider,{getDefaultFieldNames:d,dangerouslyAssumeSchemaIsValid:t,defaultQuery:l,defaultHeaders:H,defaultTabs:n,externalFragments:u,fetcher:r,headers:E,inputValueDeprecation:k,introspectionQueryName:p,onEditOperationName:B,onSchemaChange:O,onTabChange:f,onTogglePluginVisibility:Q,plugins:U,visiblePlugin:F,operationName:x,query:y,response:L,schema:I,schemaDescription:A,shouldPersistHeaders:R,storage:G,validationRules:z,variables:V,children:jsx(HistoryContextProvider,{maxHistoryLength:w,children:jsx(et,{confirmCloseTab:i,showPersistHeadersSettings:R!==false,disableTabs:T.disableTabs??false,forcedTheme:T.forcedTheme,...T})})})}g.Toolbar=oe;g.Footer=ie;var Ze=["light","dark","system"],M="graphiql-session-tab-";function et(t){let i=useEditorContext({nonNull:true}),l=useExecutionContext({nonNull:true}),n=useSchemaContext({nonNull:true}),u=useStorageContext(),r=usePluginContext(),[d,E]=useState(false),k=useRef(null),p=useMemo(()=>t.forcedTheme&&Ze.includes(t.forcedTheme)?t.forcedTheme:void 0,[t.forcedTheme]),w=useCopyQuery({onCopyQuery:t.onCopyQuery}),B=useMergeQuery(),O=usePrettifyEditors(),{setTheme:f}=useTheme(t.defaultTheme);useEffect(()=>{p==="system"?f(null):(p==="light"||p==="dark")&&f(p);},[p,f]),useEffect(()=>{r?.setVisiblePlugin(r.plugins[0]);},[r]);let[Q,x]=useState(null),[h,y]=useState(null),L=Children.toArray(t.children),I=L.find(a=>te(a,g.Toolbar))??jsxs(Fragment,{children:[jsx(ToolbarButton,{onClick:O,label:"Prettify query (Shift-Ctrl-P)",children:jsx(PrettifyIcon,{className:"ex-w-6 ex-h-6 ex-block","aria-hidden":"true"})}),jsx(ToolbarButton,{onClick:B,label:"Merge fragments into query (Shift-Ctrl-M)",children:jsx(MergeIcon,{className:"ex-w-6 ex-h-6 ex-block","aria-hidden":"true"})}),jsx(ToolbarButton,{onClick:w,label:"Copy query (Shift-Ctrl-C)",children:jsx(CopyIcon,{className:"ex-w-6 ex-h-6 ex-block","aria-hidden":"true"})}),t.toolbar?.additionalContent,t.toolbar?.additionalComponent&&jsx(t.toolbar.additionalComponent,{})]}),A=L.find(a=>te(a,g.Footer)),R=useCallback(()=>{try{u?.clear(),y("success");}catch{y("error");}},[u]),G=useCallback(a=>{i.setShouldPersistHeaders(a.currentTarget.dataset.value==="true");},[i]),z=()=>{i.addTab();},V=()=>{n.introspect();},F=a=>{i.moveTab(a);},H=useCallback(a=>{x(a.currentTarget.dataset.value);},[]),T=useCallback(a=>{let s=r,m=Number(a.currentTarget.dataset.index);if(!s)return;let C=s.plugins.find((dt,ce)=>m===ce)??null;if(C===s.visiblePlugin){s.setVisiblePlugin(null);return}s.setVisiblePlugin(C);},[r]),U=useCallback(a=>{a||x(null);},[]),v=useCallback(a=>{a||(x(null),y(null));},[]),D=jsx(Tooltip,{label:"Add tab",children:jsx(UnStyledButton,{type:"button",className:"graphiql-tab-add",onClick:z,"aria-label":"Add tab",children:jsx(PlusIcon,{"aria-hidden":"true"})})}),re=t.className?` ${t.className}`:"",$=t.confirmCloseTab,se=useCallback(async a=>{let s=a.currentTarget.previousSibling,m=Number(s.id.replace(M,""));(!$||await $(m))&&(i.activeTabIndex===m&&l.stop(),i.closeTab(m));},[$,i,l]),de=useCallback(a=>{let s=Number(a.currentTarget.id.replace(M,""));l.stop(),i.changeTab(s);},[i,l]);return jsx(Tooltip.Provider,{children:jsxs("div",{className:`graphiql-container${re}`,children:[jsxs(ResizablePanelGroup,{autoSaveId:"explorer",direction:"horizontal",className:"ex-h-full ex-max-h-full",children:[jsxs(ResizablePanel,{collapsible:true,collapsedSize:3,minSize:10,onCollapse:()=>{E(true);},onExpand:()=>{E(false);},ref:k,children:[jsx("div",{className:"ex-flex ex-w-full ex-h-full ex-pb-6",children:jsxs(Tabs,{className:"ex-w-full",defaultValue:r?.plugins[0].title,children:[jsxs("div",{className:`ex-flex ex-items-center ex-py-1 ${d?"":"ex-px-3"}`,children:[jsx(TabsList,{className:d?"ex-hidden":"",children:r?.plugins.map((a,s)=>{let C=`${a===r.visiblePlugin?"Hide":"Show"} ${a.title}`;return jsx(TabsTrigger,{"aria-label":C,className:"ex-text-muted-foreground","data-index":s,onClick:T,value:a.title,children:jsx(a.icon,{"aria-hidden":"true"})},a.title)})}),jsxs(Tooltip$1,{children:[jsx(TooltipTrigger,{asChild:true,children:jsx(Button,{className:d?"ex-ml-1.5":"ex-ml-auto",onClick:()=>{let a=k.current;d?a?.expand():a?.collapse();},size:"icon",variant:"ghost",children:d?jsxs(Fragment,{children:[jsx(ChevronsRight,{className:"ex-w-4 ex-h-4"}),jsx("span",{className:"ex-sr-only",children:"Expand"})]}):jsxs(Fragment,{children:[jsx(ChevronsLeft,{className:"ex-w-4 ex-h-4"}),jsx("span",{className:"ex-sr-only",children:"Collapse"})]})})}),jsx(TooltipContent,{children:d?"Expand":"Collapse"})]})]}),d?null:jsx(Separator,{}),r?.plugins.map(a=>jsx(TabsContent,{className:`ex-flex ex-w-full ex-max-h-full ex-mt-0 ${d?"ex-hidden":""}`,value:a.title,children:jsxs(ScrollArea,{className:"ex-flex ex-w-full ex-max-h-full ex-overflow-auto ex-px-6 ex-pt-3 ex-pb-6 ex-mb-3 [&>div>div]:!ex-block",children:[jsx(a.content,{}),jsx(ScrollBar,{orientation:"horizontal"})]})},a.title))]})}),jsx(Tooltip,{label:"Re-fetch GraphQL schema",children:jsx(UnStyledButton,{type:"button",disabled:n.isFetching,onClick:V,"aria-label":"Re-fetch GraphQL schema",children:jsx(ReloadIcon,{className:n.isFetching?"graphiql-spin":"","aria-hidden":"true"})})}),jsx(Tooltip,{label:"Open short keys dialog",children:jsx(UnStyledButton,{type:"button","data-value":"short-keys",onClick:H,"aria-label":"Open short keys dialog",children:jsx(KeyboardShortcutIcon,{"aria-hidden":"true"})})}),jsx(Tooltip,{label:"Open settings dialog",children:jsx(UnStyledButton,{type:"button","data-value":"settings",onClick:H,"aria-label":"Open settings dialog",children:jsx(SettingsIcon,{"aria-hidden":"true"})})})]}),jsx(ResizableHandle,{className:"hover:ex-bg-blue-500 ex-transition-colors",withHandle:true}),jsx(ResizablePanel,{className:"ex-bg-muted",defaultSize:48,children:jsxs("div",{className:"ex-flex ex-flex-col ex-h-full",children:[jsxs("div",{className:"ex-flex ex-items-center ex-py-1 ex-px-4 ex-gap-6 ex-bg-muted",children:[!t.disableTabs&&jsx(Tabs$1,{"aria-label":"Select active operation",className:"!ex-p-1 ex-bg-muted ex-rounded-md",onReorder:F,values:i.tabs,children:i.tabs.length>0&&jsx(Fragment,{children:i.tabs.map((a,s)=>jsxs(Tab,{isActive:s===i.activeTabIndex,value:a,children:[jsx(Tab.Button,{"aria-controls":"graphiql-session",id:`${M}${s.toString()}`,onClick:de,children:a.title}),jsx(Tab.Close,{onClick:se})]},a.id))})}),D]}),jsx("div",{role:"tabpanel",id:"graphiql-session",className:"graphiql-session","aria-labelledby":`${M}${i.activeTabIndex}`,children:jsx("div",{className:`graphiql-editors${i.tabs.length===1?" full-height":""}`,children:jsxs(ResizablePanelGroup,{direction:"vertical",children:[jsxs(ResizablePanel,{className:"ex-flex ex-w-full ex-gap-x-4 ex-px-4 ex-py-2",defaultSize:80,children:[jsx(QueryEditor,{editorTheme:t.editorTheme,keyMap:t.keyMap,onCopyQuery:t.onCopyQuery,onEdit:t.onEditQuery,readOnly:t.readOnly}),jsxs("div",{className:"graphiql-toolbar",role:"toolbar","aria-label":"Editor Commands",children:[jsx(ExecuteButton,{}),I]})]}),jsx(ResizableHandle,{className:"hover:ex-bg-blue-500 ex-transition-colors",withHandle:true}),jsxs(ResizablePanel,{className:"ex-bg-muted ex-px-4 ex-pt-2",defaultSize:20,children:[jsx("div",{className:"ex-text-sm ex-font-medium ex-text-muted-foreground",children:"Variables"}),jsx(VariableEditor,{editorTheme:t.editorTheme,isHidden:false,keyMap:t.keyMap,onEdit:t.onEditVariables,readOnly:t.readOnly})]})]})})})]})}),jsx(ResizableHandle,{className:"hover:ex-bg-blue-500 ex-transition-colors",withHandle:true}),jsx(ResizablePanel,{className:"ex-px-5 ex-pt-10 ex-relative",defaultSize:30,children:jsxs("div",{className:"graphiql-response ex-h-full",children:[l.isFetching?jsx(Spinner,{}):null,jsx(ResponseEditor,{editorTheme:t.editorTheme,responseTooltip:t.responseTooltip,keyMap:t.keyMap}),A]})})]}),jsxs(Dialog,{open:Q==="short-keys",onOpenChange:U,children:[jsxs("div",{className:"graphiql-dialog-header",children:[jsx(Dialog.Title,{className:"graphiql-dialog-title",children:"Short Keys"}),jsx(Dialog.Close,{})]}),jsx("div",{className:"graphiql-dialog-section",children:jsx(at,{keyMap:t.keyMap||"sublime"})})]}),jsxs(Dialog,{open:Q==="settings",onOpenChange:v,children:[jsxs("div",{className:"graphiql-dialog-header",children:[jsx(Dialog.Title,{className:"graphiql-dialog-title",children:"Settings"}),jsx(Dialog.Close,{})]}),t.showPersistHeadersSettings?jsxs("div",{className:"graphiql-dialog-section",children:[jsxs("div",{children:[jsx("div",{className:"graphiql-dialog-section-title",children:"Persist headers"}),jsxs("div",{className:"graphiql-dialog-section-caption",children:["Save headers upon reloading."," ",jsx("span",{className:"graphiql-warning-text",children:"Only enable if you trust this device."})]})]}),jsxs(ButtonGroup,{children:[jsx(Button$1,{type:"button",id:"enable-persist-headers",className:i.shouldPersistHeaders?"active":"","data-value":"true",onClick:G,children:"On"}),jsx(Button$1,{type:"button",id:"disable-persist-headers",className:i.shouldPersistHeaders?"":"active",onClick:G,children:"Off"})]})]}):null,u?jsxs("div",{className:"graphiql-dialog-section",children:[jsxs("div",{children:[jsx("div",{className:"graphiql-dialog-section-title",children:"Clear storage"}),jsx("div",{className:"graphiql-dialog-section-caption",children:"Remove all locally stored data and start fresh."})]}),jsx(Button$1,{type:"button",state:h||void 0,disabled:h==="success",onClick:R,children:{success:"Cleared data",error:"Failed"}[h]||"Clear data"})]}):null]})]})})}var J=isMacOs?"\u2318":"Ctrl",tt=Object.entries({"Search in editor":[J,"F"],"Search in documentation":[J,"K"],"Execute query":[J,"Enter"],"Prettify editors":["Ctrl","Shift","P"],"Merge fragments definitions into operation definition":["Ctrl","Shift","M"],"Copy query":["Ctrl","Shift","C"],"Re-fetch schema using introspection":["Ctrl","Shift","R"]});function at({keyMap:t}){return jsxs("div",{children:[jsxs("table",{className:"graphiql-table",children:[jsx("thead",{children:jsxs("tr",{children:[jsx("th",{children:"Short Key"}),jsx("th",{children:"Function"})]})}),jsx("tbody",{children:tt.map(([i,l])=>jsxs("tr",{children:[jsx("td",{children:l.map((n,u,r)=>jsxs(Fragment$1,{children:[jsx("code",{className:"graphiql-key",children:n}),u!==r.length-1&&" + "]},n))}),jsx("td",{children:i})]},i))})]}),jsxs("p",{children:["The editors use"," ",jsx("a",{href:"https://codemirror.net/5/doc/manual.html#keymaps",target:"_blank",rel:"noopener noreferrer",children:"CodeMirror Key Maps"})," ","that add more short keys. This instance of Graph",jsx("em",{children:"i"}),"QL uses ",jsx("code",{children:t}),"."]})]})}function oe(t){return jsx(Fragment,{children:t.children})}oe.displayName="GraphiQLToolbar";function ie(t){return jsx("div",{className:"graphiql-footer",children:t.children})}ie.displayName="GraphiQLFooter";function te(t,i){let l=typeof t=="object"&&t!==null?t:null;if(!l)return  false;let n=l.type;return typeof n=="object"&&n!==null&&"displayName"in n&&typeof n.displayName=="string"&&n.displayName===i.displayName?true:l.type===i}function le(){let{currentProjectId:t}=useConfig(),i=`/api/flexkit/${t}/graphql`,l=useMemo(()=>createGraphiQLFetcher({url:i}),[i]);return jsx(g,{fetcher:l,forcedTheme:"light"})}function kt(){return {name:"flexkit.explorer",contributes:{apps:[{name:"explorer",icon:jsx(SquarePlay,{strokeWidth:1.5}),title:"Explorer",component:jsx(le,{}),routes:[]}]}}}
+export{kt as Explorer};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/graphiql.tsx","../src/root.tsx","../src/index.tsx"],"names":["GraphiQL","dangerouslyAssumeSchemaIsValid","confirmCloseTab","defaultQuery","defaultTabs","externalFragments","fetcher","getDefaultFieldNames","headers","inputValueDeprecation","introspectionQueryName","maxHistoryLength","onEditOperationName","onSchemaChange","onTabChange","onTogglePluginVisibility","operationName","plugins","query","response","schema","schemaDescription","shouldPersistHeaders","storage","validationRules","variables","visiblePlugin","defaultHeaders","props","jsx","GraphiQLProvider","GraphiQLInterface","GraphiQLToolbar","GraphiQLFooter","THEMES","TAB_CLASS_PREFIX","editorContext","useEditorContext","executionContext","useExecutionContext","schemaContext","useSchemaContext","storageContext","useStorageContext","pluginContext","usePluginContext","isSidebarCollapsed","setIsSidebarCollapsed","useState","sidebarPanel","useRef","forcedTheme","useMemo","copy","useCopyQuery","merge","useMergeQuery","prettify","usePrettifyEditors","theme","setTheme","useTheme","useEffect","showDialog","setShowDialog","clearStorageStatus","setClearStorageStatus","children","Children","toolbar","child","isChildComponentType","jsxs","Fragment","ToolbarButton","PrettifyIcon","MergeIcon","CopyIcon","footer","handleClearData","useCallback","handlePersistHeaders","event","selectedTheme","handleAddTab","handleRefetchSchema","handleReorder","newOrder","handleShowDialog","handlePluginClick","context","pluginIndex","plugin","_","index","handleOpenShortKeysDialog","isOpen","handleOpenSettingsDialog","addTab","GraphiQLTooltip","UnStyledButton","PlusIcon","className","confirmClose","handleTabClose","tabButton","handleTabClick","ResizablePanelGroup","ResizablePanel","Tabs","TabsList","label","TabsTrigger","Tooltip","TooltipTrigger","Button","panel","ChevronsRight","ChevronsLeft","TooltipContent","Separator","TabsContent","ScrollArea","ScrollBar","ReloadIcon","KeyboardShortcutIcon","SettingsIcon","ResizableHandle","GraphiQlTabs","tab","GraphiQlTab","QueryEditor","ExecuteButton","VariableEditor","Spinner","ResponseEditor","Dialog","ShortKeys","ButtonGroup","GraphiQLButton","modifier","isMacOs","SHORT_KEYS","keyMap","title","keys","key","array","component","Root","currentProjectId","useConfig","url","createGraphiQLFetcher","Explorer","SquarePlayIcon"],"mappings":"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","file":"index.js","sourcesContent":["import { Children, Fragment, useCallback, useState, useEffect, useMemo, useRef } from 'react';\nimport type { ComponentType, MouseEventHandler, PropsWithChildren, ReactNode, ReactElement } from 'react';\nimport {\n  Button as GraphiQLButton,\n  ButtonGroup,\n  ChevronDownIcon,\n  ChevronUpIcon,\n  CopyIcon,\n  Dialog,\n  ExecuteButton,\n  GraphiQLProvider,\n  HeaderEditor,\n  KeyboardShortcutIcon,\n  MergeIcon,\n  PlusIcon,\n  PrettifyIcon,\n  QueryEditor,\n  ReloadIcon,\n  ResponseEditor,\n  SettingsIcon,\n  Spinner,\n  Tabs as GraphiQlTabs,\n  Tab as GraphiQlTab,\n  ToolbarButton,\n  Tooltip as GraphiQLTooltip,\n  UnStyledButton,\n  useCopyQuery,\n  useDragResize,\n  useEditorContext,\n  useExecutionContext,\n  useMergeQuery,\n  usePluginContext,\n  usePrettifyEditors,\n  useSchemaContext,\n  useStorageContext,\n  useTheme,\n  VariableEditor,\n  isMacOs,\n} from '@graphiql/react';\nimport type {\n  GraphiQLProviderProps,\n  Theme,\n  UseHeaderEditorArgs,\n  UseQueryEditorArgs,\n  UseResponseEditorArgs,\n  UseVariableEditorArgs,\n  WriteableEditorProps,\n} from '@graphiql/react';\nimport { ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport {\n  Button,\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n  ScrollArea,\n  ScrollBar,\n  Separator,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@flexkit/studio/ui';\nimport type { ImperativePanelHandle } from '@flexkit/studio/ui';\nimport type { TabState } from './types';\n\nexport type GraphiQLToolbarConfig = {\n  /**\n   * This content will be rendered after the built-in buttons of the toolbar.\n   * Note that this will not apply if you provide a completely custom toolbar\n   * (by passing `GraphiQL.Toolbar` as child to the `GraphiQL` component).\n   */\n  additionalContent?: React.ReactNode;\n\n  /**\n   * same as above, except a component with access to context\n   */\n  additionalComponent?: React.JSXElementConstructor<unknown>;\n};\n\n/**\n * API docs for this live here:\n *\n * https://graphiql-test.netlify.app/typedoc/modules/graphiql.html#graphiqlprops\n */\nexport type GraphiQLProps = Omit<GraphiQLProviderProps, 'children'> & GraphiQLInterfaceProps;\n\n/**\n * The top-level React component for GraphiQL, intended to encompass the entire\n * browser viewport.\n *\n * @see https://github.com/graphql/graphiql#usage\n */\nexport function GraphiQL({\n  dangerouslyAssumeSchemaIsValid,\n  confirmCloseTab,\n  defaultQuery,\n  defaultTabs,\n  externalFragments,\n  fetcher,\n  getDefaultFieldNames,\n  headers,\n  inputValueDeprecation,\n  introspectionQueryName,\n  maxHistoryLength,\n  onEditOperationName,\n  onSchemaChange,\n  onTabChange,\n  onTogglePluginVisibility,\n  operationName,\n  plugins,\n  query,\n  response,\n  schema,\n  schemaDescription,\n  shouldPersistHeaders,\n  storage,\n  validationRules,\n  variables,\n  visiblePlugin,\n  defaultHeaders,\n  ...props\n}: GraphiQLProps): ReactElement {\n  // Ensure props are correct\n  if (typeof fetcher !== 'function') {\n    throw new TypeError('The `GraphiQL` component requires a `fetcher` function to be passed as prop.');\n  }\n\n  return (\n    <GraphiQLProvider\n      getDefaultFieldNames={getDefaultFieldNames}\n      dangerouslyAssumeSchemaIsValid={dangerouslyAssumeSchemaIsValid}\n      defaultQuery={defaultQuery}\n      defaultHeaders={defaultHeaders}\n      defaultTabs={defaultTabs}\n      externalFragments={externalFragments}\n      fetcher={fetcher}\n      headers={headers}\n      inputValueDeprecation={inputValueDeprecation}\n      introspectionQueryName={introspectionQueryName}\n      maxHistoryLength={maxHistoryLength}\n      onEditOperationName={onEditOperationName}\n      onSchemaChange={onSchemaChange}\n      onTabChange={onTabChange}\n      onTogglePluginVisibility={onTogglePluginVisibility}\n      plugins={plugins}\n      visiblePlugin={visiblePlugin}\n      operationName={operationName}\n      query={query}\n      response={response}\n      schema={schema}\n      schemaDescription={schemaDescription}\n      shouldPersistHeaders={shouldPersistHeaders}\n      storage={storage}\n      validationRules={validationRules}\n      variables={variables}\n    >\n      <GraphiQLInterface\n        confirmCloseTab={confirmCloseTab}\n        showPersistHeadersSettings={shouldPersistHeaders !== false}\n        disableTabs={props.disableTabs ?? false}\n        forcedTheme={props.forcedTheme}\n        {...props}\n      />\n    </GraphiQLProvider>\n  );\n}\n\n// Export main windows/panes to be used separately if desired.\nGraphiQL.Toolbar = GraphiQLToolbar;\nGraphiQL.Footer = GraphiQLFooter;\n\ntype AddSuffix<Obj extends { [key: string]: unknown }, Suffix extends string> = {\n  [Key in keyof Obj as `${string & Key}${Suffix}`]: Obj[Key];\n};\n\nexport type GraphiQLInterfaceProps = WriteableEditorProps &\n  AddSuffix<Pick<UseQueryEditorArgs, 'onEdit'>, 'Query'> &\n  Pick<UseQueryEditorArgs, 'onCopyQuery'> &\n  AddSuffix<Pick<UseVariableEditorArgs, 'onEdit'>, 'Variables'> &\n  AddSuffix<Pick<UseHeaderEditorArgs, 'onEdit'>, 'Headers'> &\n  Pick<UseResponseEditorArgs, 'responseTooltip'> & {\n    children?: ReactNode;\n    /**\n     * Set the default state for the editor tools.\n     * - `false` hides the editor tools\n     * - `true` shows the editor tools\n     * - `'variables'` specifically shows the variables editor\n     * - `'headers'` specifically shows the headers editor\n     * By default the editor tools are initially shown when at least one of the\n     * editors has contents.\n     */\n    defaultEditorToolsVisibility?: boolean | 'variables' | 'headers';\n    /**\n     * Toggle if the headers editor should be shown inside the editor tools.\n     */\n    isHeadersEditorEnabled?: boolean;\n    /**\n     * An object that allows configuration of the toolbar next to the query\n     * editor.\n     */\n    toolbar?: GraphiQLToolbarConfig;\n    /**\n     * Indicates if settings for persisting headers should appear in the\n     * settings modal.\n     */\n    showPersistHeadersSettings?: boolean;\n    defaultTheme?: Theme;\n    disableTabs?: boolean;\n    /**\n     * `forcedTheme` allows enforcement of a specific theme for GraphiQL.\n     * This is useful when you want to make sure that GraphiQL is always\n     * rendered with a specific theme.\n     */\n    forcedTheme?: (typeof THEMES)[number];\n    /**\n     * Additional class names which will be appended to the container element.\n     */\n    className?: string;\n    /**\n     * When the user clicks a close tab button, this function is invoked with\n     * the index of the tab that is about to be closed. It can return a promise\n     * that should resolve to `true` (meaning the tab may be closed) or `false`\n     * (meaning the tab may not be closed).\n     */\n    confirmCloseTab?: (index: number) => Promise<boolean> | boolean;\n  };\n\nconst THEMES = ['light', 'dark', 'system'] as const;\n\nconst TAB_CLASS_PREFIX = 'graphiql-session-tab-';\n\nexport function GraphiQLInterface(props: GraphiQLInterfaceProps): ReactElement {\n  const isHeadersEditorEnabled = props.isHeadersEditorEnabled ?? true;\n  const editorContext = useEditorContext({ nonNull: true });\n  const executionContext = useExecutionContext({ nonNull: true });\n  const schemaContext = useSchemaContext({ nonNull: true });\n  const storageContext = useStorageContext();\n  const pluginContext = usePluginContext();\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n  const sidebarPanel = useRef<ImperativePanelHandle>(null);\n  const forcedTheme = useMemo(\n    () => (props.forcedTheme && THEMES.includes(props.forcedTheme) ? props.forcedTheme : undefined),\n    [props.forcedTheme]\n  );\n\n  const copy = useCopyQuery({ onCopyQuery: props.onCopyQuery });\n  const merge = useMergeQuery();\n  const prettify = usePrettifyEditors();\n\n  const { theme, setTheme } = useTheme(props.defaultTheme);\n\n  useEffect(() => {\n    if (forcedTheme === 'system') {\n      setTheme(null);\n    } else if (forcedTheme === 'light' || forcedTheme === 'dark') {\n      setTheme(forcedTheme);\n    }\n  }, [forcedTheme, setTheme]);\n\n  useEffect(() => {\n    pluginContext?.setVisiblePlugin(pluginContext.plugins[0]);\n  }, [pluginContext]);\n\n  const [showDialog, setShowDialog] = useState<'settings' | 'short-keys' | null>(null);\n  const [clearStorageStatus, setClearStorageStatus] = useState<'success' | 'error' | null>(null);\n\n  const children = Children.toArray(props.children);\n\n  const toolbar = children.find((child) => isChildComponentType(child, GraphiQL.Toolbar)) ?? (\n    <>\n      <ToolbarButton onClick={prettify} label=\"Prettify query (Shift-Ctrl-P)\">\n        <PrettifyIcon className=\"ex-w-6 ex-h-6 ex-block\" aria-hidden=\"true\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={merge} label=\"Merge fragments into query (Shift-Ctrl-M)\">\n        <MergeIcon className=\"ex-w-6 ex-h-6 ex-block\" aria-hidden=\"true\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={copy} label=\"Copy query (Shift-Ctrl-C)\">\n        <CopyIcon className=\"ex-w-6 ex-h-6 ex-block\" aria-hidden=\"true\" />\n      </ToolbarButton>\n      {props.toolbar?.additionalContent}\n      {props.toolbar?.additionalComponent && <props.toolbar.additionalComponent />}\n    </>\n  );\n\n  const footer = children.find((child) => isChildComponentType(child, GraphiQL.Footer));\n\n  const handleClearData = useCallback(() => {\n    try {\n      storageContext?.clear();\n      setClearStorageStatus('success');\n    } catch {\n      setClearStorageStatus('error');\n    }\n  }, [storageContext]);\n\n  const handlePersistHeaders: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      editorContext.setShouldPersistHeaders(event.currentTarget.dataset.value === 'true');\n    },\n    [editorContext]\n  );\n\n  const handleChangeTheme: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      const selectedTheme = event.currentTarget.dataset.theme as 'light' | 'dark' | undefined;\n      setTheme(selectedTheme || null);\n    },\n    [setTheme]\n  );\n\n  const handleAddTab = (): void => {\n    editorContext.addTab();\n  };\n  const handleRefetchSchema = (): void => {\n    schemaContext.introspect();\n  };\n  const handleReorder = (newOrder: TabState[]): void => {\n    editorContext.moveTab(newOrder);\n  };\n\n  const handleShowDialog: MouseEventHandler<HTMLButtonElement> = useCallback((event) => {\n    setShowDialog(event.currentTarget.dataset.value as 'short-keys' | 'settings');\n  }, []);\n\n  const handlePluginClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      const context = pluginContext;\n      const pluginIndex = Number(event.currentTarget.dataset.index);\n\n      if (!context) return;\n\n      const plugin = context.plugins.find((_, index) => pluginIndex === index) ?? null;\n      const isVisible = plugin === context.visiblePlugin;\n\n      if (isVisible) {\n        context.setVisiblePlugin(null);\n\n        return;\n      }\n\n      context.setVisiblePlugin(plugin);\n    },\n    [pluginContext]\n  );\n\n  const handleOpenShortKeysDialog = useCallback((isOpen: boolean) => {\n    if (!isOpen) {\n      setShowDialog(null);\n    }\n  }, []);\n\n  const handleOpenSettingsDialog = useCallback((isOpen: boolean) => {\n    if (!isOpen) {\n      setShowDialog(null);\n      setClearStorageStatus(null);\n    }\n  }, []);\n\n  const addTab = (\n    <GraphiQLTooltip label=\"Add tab\">\n      <UnStyledButton type=\"button\" className=\"graphiql-tab-add\" onClick={handleAddTab} aria-label=\"Add tab\">\n        <PlusIcon aria-hidden=\"true\" />\n      </UnStyledButton>\n    </GraphiQLTooltip>\n  );\n\n  const className = props.className ? ` ${props.className}` : '';\n  const confirmClose = props.confirmCloseTab;\n\n  const handleTabClose: MouseEventHandler<HTMLButtonElement> = useCallback(\n    async (event) => {\n      const tabButton = event.currentTarget.previousSibling as HTMLButtonElement;\n      const index = Number(tabButton.id.replace(TAB_CLASS_PREFIX, ''));\n\n      /** TODO:\n       * Move everything after into `editorContext.closeTab` once zustand will be used instead of\n       * React context, since now we can't use execution context inside editor context, since editor\n       * context is used in execution context.\n       */\n      const shouldCloseTab = confirmClose ? await confirmClose(index) : true;\n\n      if (!shouldCloseTab) {\n        return;\n      }\n\n      if (editorContext.activeTabIndex === index) {\n        executionContext.stop();\n      }\n      editorContext.closeTab(index);\n    },\n    [confirmClose, editorContext, executionContext]\n  );\n\n  const handleTabClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      const index = Number(event.currentTarget.id.replace(TAB_CLASS_PREFIX, ''));\n      /** TODO:\n       * Move everything after into `editorContext.changeTab` once zustand will be used instead of\n       * React context, since now we can't use execution context inside editor context, since editor\n       * context is used in execution context.\n       */\n      executionContext.stop();\n      editorContext.changeTab(index);\n    },\n    [editorContext, executionContext]\n  );\n\n  return (\n    <GraphiQLTooltip.Provider>\n      <div className={`graphiql-container${className}`}>\n        <ResizablePanelGroup autoSaveId=\"explorer\" direction=\"horizontal\" className=\"ex-h-full ex-max-h-full\">\n          <ResizablePanel\n            collapsible\n            collapsedSize={3}\n            minSize={10}\n            onCollapse={() => {\n              setIsSidebarCollapsed(true);\n            }}\n            onExpand={() => {\n              setIsSidebarCollapsed(false);\n            }}\n            ref={sidebarPanel}\n          >\n            <div className=\"ex-flex ex-w-full ex-h-full ex-pb-6\">\n              <Tabs className=\"ex-w-full\" defaultValue={pluginContext?.plugins[0].title}>\n                <div className={`ex-flex ex-items-center ex-py-1 ${isSidebarCollapsed ? '' : 'ex-px-3'}`}>\n                  <TabsList className={isSidebarCollapsed ? 'ex-hidden' : ''}>\n                    {pluginContext?.plugins.map((plugin, index) => {\n                      const isVisible = plugin === pluginContext.visiblePlugin;\n                      const label = `${isVisible ? 'Hide' : 'Show'} ${plugin.title}`;\n                      return (\n                        <TabsTrigger\n                          aria-label={label}\n                          className=\"ex-text-muted-foreground\"\n                          data-index={index}\n                          key={plugin.title}\n                          onClick={handlePluginClick}\n                          value={plugin.title}\n                        >\n                          <plugin.icon aria-hidden=\"true\" />\n                        </TabsTrigger>\n                      );\n                    })}\n                  </TabsList>\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <Button\n                        className={isSidebarCollapsed ? 'ex-ml-1.5' : 'ex-ml-auto'}\n                        onClick={() => {\n                          const panel = sidebarPanel.current;\n\n                          isSidebarCollapsed ? panel?.expand() : panel?.collapse();\n                        }}\n                        size=\"icon\"\n                        variant=\"ghost\"\n                      >\n                        {isSidebarCollapsed ? (\n                          <>\n                            <ChevronsRight className=\"ex-w-4 ex-h-4\" />\n                            <span className=\"ex-sr-only\">Expand</span>\n                          </>\n                        ) : (\n                          <>\n                            <ChevronsLeft className=\"ex-w-4 ex-h-4\" />\n                            <span className=\"ex-sr-only\">Collapse</span>\n                          </>\n                        )}\n                      </Button>\n                    </TooltipTrigger>\n                    <TooltipContent>{isSidebarCollapsed ? 'Expand' : 'Collapse'}</TooltipContent>\n                  </Tooltip>\n                </div>\n                {isSidebarCollapsed ? null : <Separator />}\n                {pluginContext?.plugins.map((plugin) => (\n                  <TabsContent\n                    className={`ex-flex ex-w-full ex-max-h-full ex-mt-0 ${isSidebarCollapsed ? 'ex-hidden' : ''}`}\n                    key={plugin.title}\n                    value={plugin.title}\n                  >\n                    <ScrollArea className=\"ex-flex ex-w-full ex-max-h-full ex-overflow-auto ex-px-6 ex-pt-3 ex-pb-6 ex-mb-3 [&>div>div]:!ex-block\">\n                      <plugin.content />\n                      <ScrollBar orientation=\"horizontal\" />\n                    </ScrollArea>\n                  </TabsContent>\n                ))}\n              </Tabs>\n            </div>\n            <GraphiQLTooltip label=\"Re-fetch GraphQL schema\">\n              <UnStyledButton\n                type=\"button\"\n                disabled={schemaContext.isFetching}\n                onClick={handleRefetchSchema}\n                aria-label=\"Re-fetch GraphQL schema\"\n              >\n                <ReloadIcon className={schemaContext.isFetching ? 'graphiql-spin' : ''} aria-hidden=\"true\" />\n              </UnStyledButton>\n            </GraphiQLTooltip>\n            <GraphiQLTooltip label=\"Open short keys dialog\">\n              <UnStyledButton\n                type=\"button\"\n                data-value=\"short-keys\"\n                onClick={handleShowDialog}\n                aria-label=\"Open short keys dialog\"\n              >\n                <KeyboardShortcutIcon aria-hidden=\"true\" />\n              </UnStyledButton>\n            </GraphiQLTooltip>\n            <GraphiQLTooltip label=\"Open settings dialog\">\n              <UnStyledButton\n                type=\"button\"\n                data-value=\"settings\"\n                onClick={handleShowDialog}\n                aria-label=\"Open settings dialog\"\n              >\n                <SettingsIcon aria-hidden=\"true\" />\n              </UnStyledButton>\n            </GraphiQLTooltip>\n          </ResizablePanel>\n\n          <ResizableHandle className=\"hover:ex-bg-blue-500 ex-transition-colors\" withHandle />\n          {/* Center column */}\n          <ResizablePanel className=\"ex-bg-muted\" defaultSize={48}>\n            <div className=\"ex-flex ex-flex-col ex-h-full\">\n              <div className=\"ex-flex ex-items-center ex-py-1 ex-px-4 ex-gap-6 ex-bg-muted\">\n                {!props.disableTabs && (\n                  <GraphiQlTabs\n                    aria-label=\"Select active operation\"\n                    className=\"!ex-p-1 ex-bg-muted ex-rounded-md\"\n                    onReorder={handleReorder}\n                    values={editorContext.tabs}\n                  >\n                    {editorContext.tabs.length > 0 && (\n                      <>\n                        {editorContext.tabs.map((tab, index) => (\n                          <GraphiQlTab isActive={index === editorContext.activeTabIndex} key={tab.id} value={tab}>\n                            <GraphiQlTab.Button\n                              aria-controls=\"graphiql-session\"\n                              id={`${TAB_CLASS_PREFIX}${index.toString()}`}\n                              onClick={handleTabClick}\n                            >\n                              {tab.title}\n                            </GraphiQlTab.Button>\n                            <GraphiQlTab.Close onClick={handleTabClose} />\n                          </GraphiQlTab>\n                        ))}\n                      </>\n                    )}\n                  </GraphiQlTabs>\n                )}\n                {addTab}\n              </div>\n\n              {/* Query editor */}\n              <div\n                role=\"tabpanel\"\n                id=\"graphiql-session\" // used by aria-controls=\"graphiql-session\"\n                className=\"graphiql-session\"\n                aria-labelledby={`${TAB_CLASS_PREFIX}${editorContext.activeTabIndex}`}\n              >\n                <div className={`graphiql-editors${editorContext.tabs.length === 1 ? ' full-height' : ''}`}>\n                  <ResizablePanelGroup direction=\"vertical\">\n                    <ResizablePanel className=\"ex-flex ex-w-full ex-gap-x-4 ex-px-4 ex-py-2\" defaultSize={80}>\n                      <QueryEditor\n                        editorTheme={props.editorTheme}\n                        keyMap={props.keyMap}\n                        onCopyQuery={props.onCopyQuery}\n                        onEdit={props.onEditQuery}\n                        readOnly={props.readOnly}\n                      />\n                      <div className=\"graphiql-toolbar\" role=\"toolbar\" aria-label=\"Editor Commands\">\n                        <ExecuteButton />\n                        {toolbar}\n                      </div>\n                    </ResizablePanel>\n                    <ResizableHandle className=\"hover:ex-bg-blue-500 ex-transition-colors\" withHandle />\n                    <ResizablePanel className=\"ex-bg-muted ex-px-4 ex-pt-2\" defaultSize={20}>\n                      <div className=\"ex-text-sm ex-font-medium ex-text-muted-foreground\">Variables</div>\n                      <VariableEditor\n                        editorTheme={props.editorTheme}\n                        isHidden={false}\n                        keyMap={props.keyMap}\n                        onEdit={props.onEditVariables}\n                        readOnly={props.readOnly}\n                      />\n                    </ResizablePanel>\n                  </ResizablePanelGroup>\n                </div>\n              </div>\n            </div>\n          </ResizablePanel>\n          <ResizableHandle className=\"hover:ex-bg-blue-500 ex-transition-colors\" withHandle />\n          <ResizablePanel className=\"ex-px-5 ex-pt-10 ex-relative\" defaultSize={30}>\n            <div className=\"graphiql-response ex-h-full\">\n              {executionContext.isFetching ? <Spinner /> : null}\n              <ResponseEditor\n                editorTheme={props.editorTheme}\n                responseTooltip={props.responseTooltip}\n                keyMap={props.keyMap}\n              />\n              {footer}\n            </div>\n          </ResizablePanel>\n        </ResizablePanelGroup>\n        <Dialog open={showDialog === 'short-keys'} onOpenChange={handleOpenShortKeysDialog}>\n          <div className=\"graphiql-dialog-header\">\n            <Dialog.Title className=\"graphiql-dialog-title\">Short Keys</Dialog.Title>\n            <Dialog.Close />\n          </div>\n          <div className=\"graphiql-dialog-section\">\n            <ShortKeys keyMap={props.keyMap || 'sublime'} />\n          </div>\n        </Dialog>\n        <Dialog open={showDialog === 'settings'} onOpenChange={handleOpenSettingsDialog}>\n          <div className=\"graphiql-dialog-header\">\n            <Dialog.Title className=\"graphiql-dialog-title\">Settings</Dialog.Title>\n            <Dialog.Close />\n          </div>\n          {props.showPersistHeadersSettings ? (\n            <div className=\"graphiql-dialog-section\">\n              <div>\n                <div className=\"graphiql-dialog-section-title\">Persist headers</div>\n                <div className=\"graphiql-dialog-section-caption\">\n                  Save headers upon reloading.{' '}\n                  <span className=\"graphiql-warning-text\">Only enable if you trust this device.</span>\n                </div>\n              </div>\n              <ButtonGroup>\n                <GraphiQLButton\n                  type=\"button\"\n                  id=\"enable-persist-headers\"\n                  className={editorContext.shouldPersistHeaders ? 'active' : ''}\n                  data-value=\"true\"\n                  onClick={handlePersistHeaders}\n                >\n                  On\n                </GraphiQLButton>\n                <GraphiQLButton\n                  type=\"button\"\n                  id=\"disable-persist-headers\"\n                  className={editorContext.shouldPersistHeaders ? '' : 'active'}\n                  onClick={handlePersistHeaders}\n                >\n                  Off\n                </GraphiQLButton>\n              </ButtonGroup>\n            </div>\n          ) : null}\n\n          {storageContext ? (\n            <div className=\"graphiql-dialog-section\">\n              <div>\n                <div className=\"graphiql-dialog-section-title\">Clear storage</div>\n                <div className=\"graphiql-dialog-section-caption\">Remove all locally stored data and start fresh.</div>\n              </div>\n              <GraphiQLButton\n                type=\"button\"\n                state={clearStorageStatus || undefined}\n                disabled={clearStorageStatus === 'success'}\n                onClick={handleClearData}\n              >\n                {{\n                  success: 'Cleared data',\n                  error: 'Failed',\n                }[clearStorageStatus!] || 'Clear data'}\n              </GraphiQLButton>\n            </div>\n          ) : null}\n        </Dialog>\n      </div>\n    </GraphiQLTooltip.Provider>\n  );\n}\n\nconst modifier = isMacOs ? '⌘' : 'Ctrl';\n\nconst SHORT_KEYS = Object.entries({\n  'Search in editor': [modifier, 'F'],\n  'Search in documentation': [modifier, 'K'],\n  'Execute query': [modifier, 'Enter'],\n  'Prettify editors': ['Ctrl', 'Shift', 'P'],\n  'Merge fragments definitions into operation definition': ['Ctrl', 'Shift', 'M'],\n  'Copy query': ['Ctrl', 'Shift', 'C'],\n  'Re-fetch schema using introspection': ['Ctrl', 'Shift', 'R'],\n});\n\nfunction ShortKeys({ keyMap }: { keyMap: string }): ReactElement {\n  return (\n    <div>\n      <table className=\"graphiql-table\">\n        <thead>\n          <tr>\n            <th>Short Key</th>\n            <th>Function</th>\n          </tr>\n        </thead>\n        <tbody>\n          {SHORT_KEYS.map(([title, keys]) => (\n            <tr key={title}>\n              <td>\n                {keys.map((key, index, array) => (\n                  <Fragment key={key}>\n                    <code className=\"graphiql-key\">{key}</code>\n                    {index !== array.length - 1 && ' + '}\n                  </Fragment>\n                ))}\n              </td>\n              <td>{title}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <p>\n        The editors use{' '}\n        <a href=\"https://codemirror.net/5/doc/manual.html#keymaps\" target=\"_blank\" rel=\"noopener noreferrer\">\n          CodeMirror Key Maps\n        </a>{' '}\n        that add more short keys. This instance of Graph<em>i</em>QL uses <code>{keyMap}</code>.\n      </p>\n    </div>\n  );\n}\n\n// Configure the UI by providing this Component as a child of GraphiQL.\nfunction GraphiQLToolbar<TProps>(props: PropsWithChildren<TProps>): ReactElement {\n  return <>{props.children}</>;\n}\n\nGraphiQLToolbar.displayName = 'GraphiQLToolbar';\n\n// Configure the UI by providing this Component as a child of GraphiQL.\nfunction GraphiQLFooter<TProps>(props: PropsWithChildren<TProps>): ReactElement {\n  return <div className=\"graphiql-footer\">{props.children}</div>;\n}\n\nGraphiQLFooter.displayName = 'GraphiQLFooter';\n\n// Determines if the React child is of the same type of the provided React component\nfunction isChildComponentType<T extends ComponentType>(child: any, component: T): child is T {\n  if (child?.type?.displayName && child.type.displayName === component.displayName) {\n    return true;\n  }\n\n  return child.type === component;\n}\n","'use client';\n\nimport { useMemo } from 'react';\nimport { createGraphiQLFetcher } from '@graphiql/toolkit';\nimport { useConfig } from '@flexkit/studio';\nimport { GraphiQL } from './components/graphiql';\nimport '@graphiql/react/dist/style.css';\n\nexport function Root(): JSX.Element {\n  const { currentProjectId } = useConfig();\n  const url = `/api/flexkit/${currentProjectId}/graphql`;\n  const fetcher = useMemo(() => createGraphiQLFetcher({ url }), [url]);\n\n  return <GraphiQL fetcher={fetcher} forcedTheme=\"light\" />;\n}\n","import { SquarePlay as SquarePlayIcon } from 'lucide-react';\nimport type { PluginOptions } from '@flexkit/studio';\nimport { Root } from './root';\n\nexport function Explorer(): PluginOptions {\n  return {\n    name: 'flexkit.explorer',\n    contributes: {\n      apps: [\n        {\n          name: 'explorer',\n          icon: <SquarePlayIcon strokeWidth={1.5} />,\n          title: 'Explorer',\n          component: <Root />,\n          routes: [],\n        },\n      ],\n    },\n  };\n}\n"]}
+{"version":3,"sources":["../src/components/graphiql.tsx","../src/root.tsx","../src/index.tsx"],"names":["GraphiQL","dangerouslyAssumeSchemaIsValid","confirmCloseTab","defaultQuery","defaultTabs","externalFragments","fetcher","getDefaultFieldNames","headers","inputValueDeprecation","introspectionQueryName","maxHistoryLength","onEditOperationName","onSchemaChange","onTabChange","onTogglePluginVisibility","operationName","plugins","query","response","schema","schemaDescription","shouldPersistHeaders","storage","validationRules","variables","visiblePlugin","defaultHeaders","props","mergedPlugins","useMemo","userPlugins","plugin","HISTORY_PLUGIN","jsx","GraphiQLProvider","HistoryContextProvider","GraphiQLInterface","GraphiQLToolbar","GraphiQLFooter","THEMES","TAB_CLASS_PREFIX","editorContext","useEditorContext","executionContext","useExecutionContext","schemaContext","useSchemaContext","storageContext","useStorageContext","pluginContext","usePluginContext","isSidebarCollapsed","setIsSidebarCollapsed","useState","sidebarPanel","useRef","forcedTheme","copy","useCopyQuery","merge","useMergeQuery","prettify","usePrettifyEditors","setTheme","useTheme","useEffect","showDialog","setShowDialog","clearStorageStatus","setClearStorageStatus","children","Children","toolbar","child","isChildComponentType","jsxs","Fragment","ToolbarButton","PrettifyIcon","MergeIcon","CopyIcon","footer","handleClearData","useCallback","handlePersistHeaders","event","handleAddTab","handleRefetchSchema","handleReorder","newOrder","handleShowDialog","handlePluginClick","context","pluginIndex","_","index","handleOpenShortKeysDialog","isOpen","handleOpenSettingsDialog","addTab","GraphiQLTooltip","UnStyledButton","PlusIcon","className","confirmClose","handleTabClose","tabButton","handleTabClick","ResizablePanelGroup","ResizablePanel","Tabs","TabsList","label","TabsTrigger","Tooltip","TooltipTrigger","Button","panel","ChevronsRight","ChevronsLeft","TooltipContent","Separator","TabsContent","ScrollArea","ScrollBar","ReloadIcon","KeyboardShortcutIcon","SettingsIcon","ResizableHandle","GraphiQlTabs","tab","GraphiQlTab","QueryEditor","ExecuteButton","VariableEditor","Spinner","ResponseEditor","Dialog","ShortKeys","ButtonGroup","GraphiQLButton","modifier","isMacOs","SHORT_KEYS","keyMap","title","keys","key","array","component","element","childType","Root","currentProjectId","useConfig","url","createGraphiQLFetcher","Explorer","SquarePlayIcon"],"mappings":"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","file":"index.js","sourcesContent":["import { Children, Fragment, useCallback, useState, useEffect, useMemo, useRef } from 'react';\nimport type {\n  ComponentProps,\n  ComponentType,\n  MouseEventHandler,\n  PropsWithChildren,\n  ReactNode,\n  ReactElement,\n} from 'react';\nimport {\n  Button as GraphiQLButton,\n  ButtonGroup,\n  CopyIcon,\n  Dialog,\n  ExecuteButton,\n  GraphiQLProvider,\n  KeyboardShortcutIcon,\n  MergeIcon,\n  PlusIcon,\n  PrettifyIcon,\n  QueryEditor,\n  ReloadIcon,\n  ResponseEditor,\n  SettingsIcon,\n  Spinner,\n  Tabs as GraphiQlTabs,\n  Tab as GraphiQlTab,\n  ToolbarButton,\n  Tooltip as GraphiQLTooltip,\n  UnStyledButton,\n  useCopyQuery,\n  useEditorContext,\n  useExecutionContext,\n  useMergeQuery,\n  usePluginContext,\n  usePrettifyEditors,\n  useSchemaContext,\n  useStorageContext,\n  useTheme,\n  VariableEditor,\n  isMacOs,\n} from '@graphiql/react';\nimport type {\n  Theme,\n  UseHeaderEditorArgs,\n  UseQueryEditorArgs,\n  UseResponseEditorArgs,\n  UseVariableEditorArgs,\n  WriteableEditorProps,\n} from '@graphiql/react';\nimport { HISTORY_PLUGIN, HistoryContextProvider } from '@graphiql/plugin-history';\nimport { ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport {\n  Button,\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n  ScrollArea,\n  ScrollBar,\n  Separator,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from '@flexkit/studio/ui';\nimport type { ImperativePanelHandle } from '@flexkit/studio/ui';\nimport type { TabState } from './types';\n\nexport type GraphiQLToolbarConfig = {\n  /**\n   * This content will be rendered after the built-in buttons of the toolbar.\n   * Note that this will not apply if you provide a completely custom toolbar\n   * (by passing `GraphiQL.Toolbar` as child to the `GraphiQL` component).\n   */\n  additionalContent?: React.ReactNode;\n\n  /**\n   * same as above, except a component with access to context\n   */\n  additionalComponent?: React.JSXElementConstructor<unknown>;\n};\n\n/**\n * API docs for this live here:\n *\n * https://graphiql-test.netlify.app/typedoc/modules/graphiql.html#graphiqlprops\n */\nexport type GraphiQLProps = Omit<ComponentProps<typeof GraphiQLProvider>, 'children'> &\n  GraphiQLInterfaceProps & {\n    /**\n     * The maximum number of executed operations to store in history.\n     *\n     * GraphiQL v0.31 extracted the history functionality into `@graphiql/plugin-history`,\n     * so this is no longer a prop on `@graphiql/react`'s `GraphiQLProvider`.\n     */\n    maxHistoryLength?: number;\n  };\n\n/**\n * The top-level React component for GraphiQL, intended to encompass the entire\n * browser viewport.\n *\n * @see https://github.com/graphql/graphiql#usage\n */\nexport function GraphiQL({\n  dangerouslyAssumeSchemaIsValid,\n  confirmCloseTab,\n  defaultQuery,\n  defaultTabs,\n  externalFragments,\n  fetcher,\n  getDefaultFieldNames,\n  headers,\n  inputValueDeprecation,\n  introspectionQueryName,\n  maxHistoryLength,\n  onEditOperationName,\n  onSchemaChange,\n  onTabChange,\n  onTogglePluginVisibility,\n  operationName,\n  plugins,\n  query,\n  response,\n  schema,\n  schemaDescription,\n  shouldPersistHeaders,\n  storage,\n  validationRules,\n  variables,\n  visiblePlugin,\n  defaultHeaders,\n  ...props\n}: GraphiQLProps): ReactElement {\n  // Ensure props are correct\n  if (typeof fetcher !== 'function') {\n    throw new TypeError('The `GraphiQL` component requires a `fetcher` function to be passed as prop.');\n  }\n\n  const mergedPlugins = useMemo(() => {\n    const userPlugins = plugins ?? [];\n\n    if (userPlugins.some((plugin) => plugin.title === HISTORY_PLUGIN.title)) {\n      return userPlugins;\n    }\n\n    return [HISTORY_PLUGIN, ...userPlugins];\n  }, [plugins]);\n\n  return (\n    <GraphiQLProvider\n      getDefaultFieldNames={getDefaultFieldNames}\n      dangerouslyAssumeSchemaIsValid={dangerouslyAssumeSchemaIsValid}\n      defaultQuery={defaultQuery}\n      defaultHeaders={defaultHeaders}\n      defaultTabs={defaultTabs}\n      externalFragments={externalFragments}\n      fetcher={fetcher}\n      headers={headers}\n      inputValueDeprecation={inputValueDeprecation}\n      introspectionQueryName={introspectionQueryName}\n      onEditOperationName={onEditOperationName}\n      onSchemaChange={onSchemaChange}\n      onTabChange={onTabChange}\n      onTogglePluginVisibility={onTogglePluginVisibility}\n      plugins={mergedPlugins}\n      visiblePlugin={visiblePlugin}\n      operationName={operationName}\n      query={query}\n      response={response}\n      schema={schema}\n      schemaDescription={schemaDescription}\n      shouldPersistHeaders={shouldPersistHeaders}\n      storage={storage}\n      validationRules={validationRules}\n      variables={variables}\n    >\n      <HistoryContextProvider maxHistoryLength={maxHistoryLength}>\n        <GraphiQLInterface\n          confirmCloseTab={confirmCloseTab}\n          showPersistHeadersSettings={shouldPersistHeaders !== false}\n          disableTabs={props.disableTabs ?? false}\n          forcedTheme={props.forcedTheme}\n          {...props}\n        />\n      </HistoryContextProvider>\n    </GraphiQLProvider>\n  );\n}\n\n// Export main windows/panes to be used separately if desired.\nGraphiQL.Toolbar = GraphiQLToolbar;\nGraphiQL.Footer = GraphiQLFooter;\n\ntype AddSuffix<Obj extends { [key: string]: unknown }, Suffix extends string> = {\n  [Key in keyof Obj as `${string & Key}${Suffix}`]: Obj[Key];\n};\n\nexport type GraphiQLInterfaceProps = WriteableEditorProps &\n  AddSuffix<Pick<UseQueryEditorArgs, 'onEdit'>, 'Query'> &\n  Pick<UseQueryEditorArgs, 'onCopyQuery'> &\n  AddSuffix<Pick<UseVariableEditorArgs, 'onEdit'>, 'Variables'> &\n  AddSuffix<Pick<UseHeaderEditorArgs, 'onEdit'>, 'Headers'> &\n  Pick<UseResponseEditorArgs, 'responseTooltip'> & {\n    children?: ReactNode;\n    /**\n     * Set the default state for the editor tools.\n     * - `false` hides the editor tools\n     * - `true` shows the editor tools\n     * - `'variables'` specifically shows the variables editor\n     * - `'headers'` specifically shows the headers editor\n     * By default the editor tools are initially shown when at least one of the\n     * editors has contents.\n     */\n    defaultEditorToolsVisibility?: boolean | 'variables' | 'headers';\n    /**\n     * Toggle if the headers editor should be shown inside the editor tools.\n     */\n    isHeadersEditorEnabled?: boolean;\n    /**\n     * An object that allows configuration of the toolbar next to the query\n     * editor.\n     */\n    toolbar?: GraphiQLToolbarConfig;\n    /**\n     * Indicates if settings for persisting headers should appear in the\n     * settings modal.\n     */\n    showPersistHeadersSettings?: boolean;\n    defaultTheme?: Theme;\n    disableTabs?: boolean;\n    /**\n     * `forcedTheme` allows enforcement of a specific theme for GraphiQL.\n     * This is useful when you want to make sure that GraphiQL is always\n     * rendered with a specific theme.\n     */\n    forcedTheme?: (typeof THEMES)[number];\n    /**\n     * Additional class names which will be appended to the container element.\n     */\n    className?: string;\n    /**\n     * When the user clicks a close tab button, this function is invoked with\n     * the index of the tab that is about to be closed. It can return a promise\n     * that should resolve to `true` (meaning the tab may be closed) or `false`\n     * (meaning the tab may not be closed).\n     */\n    confirmCloseTab?: (index: number) => Promise<boolean> | boolean;\n  };\n\nconst THEMES = ['light', 'dark', 'system'] as const;\n\nconst TAB_CLASS_PREFIX = 'graphiql-session-tab-';\n\nexport function GraphiQLInterface(props: GraphiQLInterfaceProps): ReactElement {\n  const editorContext = useEditorContext({ nonNull: true });\n  const executionContext = useExecutionContext({ nonNull: true });\n  const schemaContext = useSchemaContext({ nonNull: true });\n  const storageContext = useStorageContext();\n  const pluginContext = usePluginContext();\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n  const sidebarPanel = useRef<ImperativePanelHandle>(null);\n  const forcedTheme = useMemo(\n    () => (props.forcedTheme && THEMES.includes(props.forcedTheme) ? props.forcedTheme : undefined),\n    [props.forcedTheme]\n  );\n\n  const copy = useCopyQuery({ onCopyQuery: props.onCopyQuery });\n  const merge = useMergeQuery();\n  const prettify = usePrettifyEditors();\n\n  const { setTheme } = useTheme(props.defaultTheme);\n\n  useEffect(() => {\n    if (forcedTheme === 'system') {\n      setTheme(null);\n    } else if (forcedTheme === 'light' || forcedTheme === 'dark') {\n      setTheme(forcedTheme);\n    }\n  }, [forcedTheme, setTheme]);\n\n  useEffect(() => {\n    pluginContext?.setVisiblePlugin(pluginContext.plugins[0]);\n  }, [pluginContext]);\n\n  const [showDialog, setShowDialog] = useState<'settings' | 'short-keys' | null>(null);\n  const [clearStorageStatus, setClearStorageStatus] = useState<'success' | 'error' | null>(null);\n\n  const children = Children.toArray(props.children);\n\n  const toolbar = children.find((child) => isChildComponentType(child, GraphiQL.Toolbar)) ?? (\n    <>\n      <ToolbarButton onClick={prettify} label=\"Prettify query (Shift-Ctrl-P)\">\n        <PrettifyIcon className=\"ex-w-6 ex-h-6 ex-block\" aria-hidden=\"true\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={merge} label=\"Merge fragments into query (Shift-Ctrl-M)\">\n        <MergeIcon className=\"ex-w-6 ex-h-6 ex-block\" aria-hidden=\"true\" />\n      </ToolbarButton>\n      <ToolbarButton onClick={copy} label=\"Copy query (Shift-Ctrl-C)\">\n        <CopyIcon className=\"ex-w-6 ex-h-6 ex-block\" aria-hidden=\"true\" />\n      </ToolbarButton>\n      {props.toolbar?.additionalContent}\n      {props.toolbar?.additionalComponent && <props.toolbar.additionalComponent />}\n    </>\n  );\n\n  const footer = children.find((child) => isChildComponentType(child, GraphiQL.Footer));\n\n  const handleClearData = useCallback(() => {\n    try {\n      storageContext?.clear();\n      setClearStorageStatus('success');\n    } catch {\n      setClearStorageStatus('error');\n    }\n  }, [storageContext]);\n\n  const handlePersistHeaders: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      editorContext.setShouldPersistHeaders(event.currentTarget.dataset.value === 'true');\n    },\n    [editorContext]\n  );\n\n  const handleAddTab = (): void => {\n    editorContext.addTab();\n  };\n  const handleRefetchSchema = (): void => {\n    schemaContext.introspect();\n  };\n  const handleReorder = (newOrder: TabState[]): void => {\n    editorContext.moveTab(newOrder);\n  };\n\n  const handleShowDialog: MouseEventHandler<HTMLButtonElement> = useCallback((event) => {\n    setShowDialog(event.currentTarget.dataset.value as 'short-keys' | 'settings');\n  }, []);\n\n  const handlePluginClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      const context = pluginContext;\n      const pluginIndex = Number(event.currentTarget.dataset.index);\n\n      if (!context) return;\n\n      const plugin = context.plugins.find((_, index) => pluginIndex === index) ?? null;\n      const isVisible = plugin === context.visiblePlugin;\n\n      if (isVisible) {\n        context.setVisiblePlugin(null);\n\n        return;\n      }\n\n      context.setVisiblePlugin(plugin);\n    },\n    [pluginContext]\n  );\n\n  const handleOpenShortKeysDialog = useCallback((isOpen: boolean) => {\n    if (!isOpen) {\n      setShowDialog(null);\n    }\n  }, []);\n\n  const handleOpenSettingsDialog = useCallback((isOpen: boolean) => {\n    if (!isOpen) {\n      setShowDialog(null);\n      setClearStorageStatus(null);\n    }\n  }, []);\n\n  const addTab = (\n    <GraphiQLTooltip label=\"Add tab\">\n      <UnStyledButton type=\"button\" className=\"graphiql-tab-add\" onClick={handleAddTab} aria-label=\"Add tab\">\n        <PlusIcon aria-hidden=\"true\" />\n      </UnStyledButton>\n    </GraphiQLTooltip>\n  );\n\n  const className = props.className ? ` ${props.className}` : '';\n  const confirmClose = props.confirmCloseTab;\n\n  const handleTabClose: MouseEventHandler<HTMLButtonElement> = useCallback(\n    async (event) => {\n      const tabButton = event.currentTarget.previousSibling as HTMLButtonElement;\n      const index = Number(tabButton.id.replace(TAB_CLASS_PREFIX, ''));\n\n      /** TODO:\n       * Move everything after into `editorContext.closeTab` once zustand will be used instead of\n       * React context, since now we can't use execution context inside editor context, since editor\n       * context is used in execution context.\n       */\n      const shouldCloseTab = confirmClose ? await confirmClose(index) : true;\n\n      if (!shouldCloseTab) {\n        return;\n      }\n\n      if (editorContext.activeTabIndex === index) {\n        executionContext.stop();\n      }\n      editorContext.closeTab(index);\n    },\n    [confirmClose, editorContext, executionContext]\n  );\n\n  const handleTabClick: MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      const index = Number(event.currentTarget.id.replace(TAB_CLASS_PREFIX, ''));\n      /** TODO:\n       * Move everything after into `editorContext.changeTab` once zustand will be used instead of\n       * React context, since now we can't use execution context inside editor context, since editor\n       * context is used in execution context.\n       */\n      executionContext.stop();\n      editorContext.changeTab(index);\n    },\n    [editorContext, executionContext]\n  );\n\n  return (\n    <GraphiQLTooltip.Provider>\n      <div className={`graphiql-container${className}`}>\n        <ResizablePanelGroup autoSaveId=\"explorer\" direction=\"horizontal\" className=\"ex-h-full ex-max-h-full\">\n          <ResizablePanel\n            collapsible\n            collapsedSize={3}\n            minSize={10}\n            onCollapse={() => {\n              setIsSidebarCollapsed(true);\n            }}\n            onExpand={() => {\n              setIsSidebarCollapsed(false);\n            }}\n            ref={sidebarPanel}\n          >\n            <div className=\"ex-flex ex-w-full ex-h-full ex-pb-6\">\n              <Tabs className=\"ex-w-full\" defaultValue={pluginContext?.plugins[0].title}>\n                <div className={`ex-flex ex-items-center ex-py-1 ${isSidebarCollapsed ? '' : 'ex-px-3'}`}>\n                  <TabsList className={isSidebarCollapsed ? 'ex-hidden' : ''}>\n                    {pluginContext?.plugins.map((plugin, index) => {\n                      const isVisible = plugin === pluginContext.visiblePlugin;\n                      const label = `${isVisible ? 'Hide' : 'Show'} ${plugin.title}`;\n                      return (\n                        <TabsTrigger\n                          aria-label={label}\n                          className=\"ex-text-muted-foreground\"\n                          data-index={index}\n                          key={plugin.title}\n                          onClick={handlePluginClick}\n                          value={plugin.title}\n                        >\n                          <plugin.icon aria-hidden=\"true\" />\n                        </TabsTrigger>\n                      );\n                    })}\n                  </TabsList>\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <Button\n                        className={isSidebarCollapsed ? 'ex-ml-1.5' : 'ex-ml-auto'}\n                        onClick={() => {\n                          const panel = sidebarPanel.current;\n\n                          isSidebarCollapsed ? panel?.expand() : panel?.collapse();\n                        }}\n                        size=\"icon\"\n                        variant=\"ghost\"\n                      >\n                        {isSidebarCollapsed ? (\n                          <>\n                            <ChevronsRight className=\"ex-w-4 ex-h-4\" />\n                            <span className=\"ex-sr-only\">Expand</span>\n                          </>\n                        ) : (\n                          <>\n                            <ChevronsLeft className=\"ex-w-4 ex-h-4\" />\n                            <span className=\"ex-sr-only\">Collapse</span>\n                          </>\n                        )}\n                      </Button>\n                    </TooltipTrigger>\n                    <TooltipContent>{isSidebarCollapsed ? 'Expand' : 'Collapse'}</TooltipContent>\n                  </Tooltip>\n                </div>\n                {isSidebarCollapsed ? null : <Separator />}\n                {pluginContext?.plugins.map((plugin) => (\n                  <TabsContent\n                    className={`ex-flex ex-w-full ex-max-h-full ex-mt-0 ${isSidebarCollapsed ? 'ex-hidden' : ''}`}\n                    key={plugin.title}\n                    value={plugin.title}\n                  >\n                    <ScrollArea className=\"ex-flex ex-w-full ex-max-h-full ex-overflow-auto ex-px-6 ex-pt-3 ex-pb-6 ex-mb-3 [&>div>div]:!ex-block\">\n                      <plugin.content />\n                      <ScrollBar orientation=\"horizontal\" />\n                    </ScrollArea>\n                  </TabsContent>\n                ))}\n              </Tabs>\n            </div>\n            <GraphiQLTooltip label=\"Re-fetch GraphQL schema\">\n              <UnStyledButton\n                type=\"button\"\n                disabled={schemaContext.isFetching}\n                onClick={handleRefetchSchema}\n                aria-label=\"Re-fetch GraphQL schema\"\n              >\n                <ReloadIcon className={schemaContext.isFetching ? 'graphiql-spin' : ''} aria-hidden=\"true\" />\n              </UnStyledButton>\n            </GraphiQLTooltip>\n            <GraphiQLTooltip label=\"Open short keys dialog\">\n              <UnStyledButton\n                type=\"button\"\n                data-value=\"short-keys\"\n                onClick={handleShowDialog}\n                aria-label=\"Open short keys dialog\"\n              >\n                <KeyboardShortcutIcon aria-hidden=\"true\" />\n              </UnStyledButton>\n            </GraphiQLTooltip>\n            <GraphiQLTooltip label=\"Open settings dialog\">\n              <UnStyledButton\n                type=\"button\"\n                data-value=\"settings\"\n                onClick={handleShowDialog}\n                aria-label=\"Open settings dialog\"\n              >\n                <SettingsIcon aria-hidden=\"true\" />\n              </UnStyledButton>\n            </GraphiQLTooltip>\n          </ResizablePanel>\n\n          <ResizableHandle className=\"hover:ex-bg-blue-500 ex-transition-colors\" withHandle />\n          {/* Center column */}\n          <ResizablePanel className=\"ex-bg-muted\" defaultSize={48}>\n            <div className=\"ex-flex ex-flex-col ex-h-full\">\n              <div className=\"ex-flex ex-items-center ex-py-1 ex-px-4 ex-gap-6 ex-bg-muted\">\n                {!props.disableTabs && (\n                  <GraphiQlTabs\n                    aria-label=\"Select active operation\"\n                    className=\"!ex-p-1 ex-bg-muted ex-rounded-md\"\n                    onReorder={handleReorder}\n                    values={editorContext.tabs}\n                  >\n                    {editorContext.tabs.length > 0 && (\n                      <>\n                        {editorContext.tabs.map((tab, index) => (\n                          <GraphiQlTab isActive={index === editorContext.activeTabIndex} key={tab.id} value={tab}>\n                            <GraphiQlTab.Button\n                              aria-controls=\"graphiql-session\"\n                              id={`${TAB_CLASS_PREFIX}${index.toString()}`}\n                              onClick={handleTabClick}\n                            >\n                              {tab.title}\n                            </GraphiQlTab.Button>\n                            <GraphiQlTab.Close onClick={handleTabClose} />\n                          </GraphiQlTab>\n                        ))}\n                      </>\n                    )}\n                  </GraphiQlTabs>\n                )}\n                {addTab}\n              </div>\n\n              {/* Query editor */}\n              <div\n                role=\"tabpanel\"\n                id=\"graphiql-session\" // used by aria-controls=\"graphiql-session\"\n                className=\"graphiql-session\"\n                aria-labelledby={`${TAB_CLASS_PREFIX}${editorContext.activeTabIndex}`}\n              >\n                <div className={`graphiql-editors${editorContext.tabs.length === 1 ? ' full-height' : ''}`}>\n                  <ResizablePanelGroup direction=\"vertical\">\n                    <ResizablePanel className=\"ex-flex ex-w-full ex-gap-x-4 ex-px-4 ex-py-2\" defaultSize={80}>\n                      <QueryEditor\n                        editorTheme={props.editorTheme}\n                        keyMap={props.keyMap}\n                        onCopyQuery={props.onCopyQuery}\n                        onEdit={props.onEditQuery}\n                        readOnly={props.readOnly}\n                      />\n                      <div className=\"graphiql-toolbar\" role=\"toolbar\" aria-label=\"Editor Commands\">\n                        <ExecuteButton />\n                        {toolbar}\n                      </div>\n                    </ResizablePanel>\n                    <ResizableHandle className=\"hover:ex-bg-blue-500 ex-transition-colors\" withHandle />\n                    <ResizablePanel className=\"ex-bg-muted ex-px-4 ex-pt-2\" defaultSize={20}>\n                      <div className=\"ex-text-sm ex-font-medium ex-text-muted-foreground\">Variables</div>\n                      <VariableEditor\n                        editorTheme={props.editorTheme}\n                        isHidden={false}\n                        keyMap={props.keyMap}\n                        onEdit={props.onEditVariables}\n                        readOnly={props.readOnly}\n                      />\n                    </ResizablePanel>\n                  </ResizablePanelGroup>\n                </div>\n              </div>\n            </div>\n          </ResizablePanel>\n          <ResizableHandle className=\"hover:ex-bg-blue-500 ex-transition-colors\" withHandle />\n          <ResizablePanel className=\"ex-px-5 ex-pt-10 ex-relative\" defaultSize={30}>\n            <div className=\"graphiql-response ex-h-full\">\n              {executionContext.isFetching ? <Spinner /> : null}\n              <ResponseEditor\n                editorTheme={props.editorTheme}\n                responseTooltip={props.responseTooltip}\n                keyMap={props.keyMap}\n              />\n              {footer}\n            </div>\n          </ResizablePanel>\n        </ResizablePanelGroup>\n        <Dialog open={showDialog === 'short-keys'} onOpenChange={handleOpenShortKeysDialog}>\n          <div className=\"graphiql-dialog-header\">\n            <Dialog.Title className=\"graphiql-dialog-title\">Short Keys</Dialog.Title>\n            <Dialog.Close />\n          </div>\n          <div className=\"graphiql-dialog-section\">\n            <ShortKeys keyMap={props.keyMap || 'sublime'} />\n          </div>\n        </Dialog>\n        <Dialog open={showDialog === 'settings'} onOpenChange={handleOpenSettingsDialog}>\n          <div className=\"graphiql-dialog-header\">\n            <Dialog.Title className=\"graphiql-dialog-title\">Settings</Dialog.Title>\n            <Dialog.Close />\n          </div>\n          {props.showPersistHeadersSettings ? (\n            <div className=\"graphiql-dialog-section\">\n              <div>\n                <div className=\"graphiql-dialog-section-title\">Persist headers</div>\n                <div className=\"graphiql-dialog-section-caption\">\n                  Save headers upon reloading.{' '}\n                  <span className=\"graphiql-warning-text\">Only enable if you trust this device.</span>\n                </div>\n              </div>\n              <ButtonGroup>\n                <GraphiQLButton\n                  type=\"button\"\n                  id=\"enable-persist-headers\"\n                  className={editorContext.shouldPersistHeaders ? 'active' : ''}\n                  data-value=\"true\"\n                  onClick={handlePersistHeaders}\n                >\n                  On\n                </GraphiQLButton>\n                <GraphiQLButton\n                  type=\"button\"\n                  id=\"disable-persist-headers\"\n                  className={editorContext.shouldPersistHeaders ? '' : 'active'}\n                  onClick={handlePersistHeaders}\n                >\n                  Off\n                </GraphiQLButton>\n              </ButtonGroup>\n            </div>\n          ) : null}\n\n          {storageContext ? (\n            <div className=\"graphiql-dialog-section\">\n              <div>\n                <div className=\"graphiql-dialog-section-title\">Clear storage</div>\n                <div className=\"graphiql-dialog-section-caption\">Remove all locally stored data and start fresh.</div>\n              </div>\n              <GraphiQLButton\n                type=\"button\"\n                state={clearStorageStatus || undefined}\n                disabled={clearStorageStatus === 'success'}\n                onClick={handleClearData}\n              >\n                {{\n                  success: 'Cleared data',\n                  error: 'Failed',\n                }[clearStorageStatus!] || 'Clear data'}\n              </GraphiQLButton>\n            </div>\n          ) : null}\n        </Dialog>\n      </div>\n    </GraphiQLTooltip.Provider>\n  );\n}\n\nconst modifier = isMacOs ? '⌘' : 'Ctrl';\n\nconst SHORT_KEYS = Object.entries({\n  'Search in editor': [modifier, 'F'],\n  'Search in documentation': [modifier, 'K'],\n  'Execute query': [modifier, 'Enter'],\n  'Prettify editors': ['Ctrl', 'Shift', 'P'],\n  'Merge fragments definitions into operation definition': ['Ctrl', 'Shift', 'M'],\n  'Copy query': ['Ctrl', 'Shift', 'C'],\n  'Re-fetch schema using introspection': ['Ctrl', 'Shift', 'R'],\n});\n\nfunction ShortKeys({ keyMap }: { keyMap: string }): ReactElement {\n  return (\n    <div>\n      <table className=\"graphiql-table\">\n        <thead>\n          <tr>\n            <th>Short Key</th>\n            <th>Function</th>\n          </tr>\n        </thead>\n        <tbody>\n          {SHORT_KEYS.map(([title, keys]) => (\n            <tr key={title}>\n              <td>\n                {keys.map((key, index, array) => (\n                  <Fragment key={key}>\n                    <code className=\"graphiql-key\">{key}</code>\n                    {index !== array.length - 1 && ' + '}\n                  </Fragment>\n                ))}\n              </td>\n              <td>{title}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      <p>\n        The editors use{' '}\n        <a href=\"https://codemirror.net/5/doc/manual.html#keymaps\" target=\"_blank\" rel=\"noopener noreferrer\">\n          CodeMirror Key Maps\n        </a>{' '}\n        that add more short keys. This instance of Graph<em>i</em>QL uses <code>{keyMap}</code>.\n      </p>\n    </div>\n  );\n}\n\n// Configure the UI by providing this Component as a child of GraphiQL.\nfunction GraphiQLToolbar<TProps>(props: PropsWithChildren<TProps>): ReactElement {\n  return <>{props.children}</>;\n}\n\nGraphiQLToolbar.displayName = 'GraphiQLToolbar';\n\n// Configure the UI by providing this Component as a child of GraphiQL.\nfunction GraphiQLFooter<TProps>(props: PropsWithChildren<TProps>): ReactElement {\n  return <div className=\"graphiql-footer\">{props.children}</div>;\n}\n\nGraphiQLFooter.displayName = 'GraphiQLFooter';\n\n// Determines if the React child is of the same type of the provided React component\nfunction isChildComponentType<T extends ComponentType>(\n  child: ReactNode,\n  component: T\n): child is ReactElement<unknown, T> {\n  const element = typeof child === 'object' && child !== null ? (child as ReactElement) : null;\n\n  if (!element) {\n    return false;\n  }\n\n  const childType = element.type as unknown;\n\n  if (\n    typeof childType === 'object' &&\n    childType !== null &&\n    'displayName' in childType &&\n    typeof (childType as { displayName?: unknown }).displayName === 'string' &&\n    (childType as { displayName: string }).displayName === component.displayName\n  ) {\n    return true;\n  }\n\n  return element.type === component;\n}\n","'use client';\n\nimport { useMemo } from 'react';\nimport { createGraphiQLFetcher } from '@graphiql/toolkit';\nimport { useConfig } from '@flexkit/studio';\nimport { GraphiQL } from './components/graphiql';\nimport '@graphiql/react/style.css';\nimport '@graphiql/plugin-history/style.css';\n\nexport function Root(): JSX.Element {\n  const { currentProjectId } = useConfig();\n  const url = `/api/flexkit/${currentProjectId}/graphql`;\n  const fetcher = useMemo(() => createGraphiQLFetcher({ url }), [url]);\n\n  return <GraphiQL fetcher={fetcher} forcedTheme=\"light\" />;\n}\n","import { SquarePlay as SquarePlayIcon } from 'lucide-react';\nimport type { PluginOptions } from '@flexkit/studio';\nimport { Root } from './root';\n\nexport function Explorer(): PluginOptions {\n  return {\n    name: 'flexkit.explorer',\n    contributes: {\n      apps: [\n        {\n          name: 'explorer',\n          icon: <SquarePlayIcon strokeWidth={1.5} />,\n          title: 'Explorer',\n          component: <Root />,\n          routes: [],\n        },\n      ],\n    },\n  };\n}\n"]}

package/package.json

@@ -1,10 +1,19 @@
 {
   "name": "@flexkit/explorer",
-  "version": "0.0.6",
+  "version": "0.0.8",
+  "description": "Flexkit plugin for running and debugging GraphQL queries in a graphical interactive in-browser GraphQL IDE",
+  "keywords": [
+    "flexkit",
+    "studio",
+    "react",
+    "node",
+    "graphql",
+    "flexkit-plugin"
+  ],
   "type": "module",
   "main": "./dist/index.js",
   "style": "dist/index.css",
-  "module": "./dist/index.mjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
   "repository": {
@@ -25,7 +34,9 @@
       ]
     }
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "files": [
     "dist/**"
   ],
@@ -39,32 +50,33 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "3.4.10",
-    "tsup": "8.5.0",
+    "tsup": "8.5.1",
     "typescript": "^5.3.3",
-    "@flexkit/studio": "0.0.6",
     "eslint-config-custom": "0.0.0",
     "tailwind-config": "0.0.1",
-    "tsconfig": "0.0.0"
+    "tsconfig": "0.0.0",
+    "@flexkit/studio": "0.0.8"
   },
   "dependencies": {
-    "@graphiql/react": "0.26.2",
-    "@graphiql/toolkit": "0.11.0",
+    "@graphiql/plugin-history": "0.0.1",
+    "@graphiql/react": "0.31.0",
+    "@graphiql/toolkit": "0.11.3",
     "graphql-ws": "5.14.2",
-    "lucide-react": "0.544.0",
+    "lucide-react": "0.555.0",
     "ramda": "^0.29.1",
     "swr": "^2.2.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@flexkit/studio": "0.0.6"
+    "@flexkit/studio": "0.0.8"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "tsup src/index.tsx --format esm --dts --external react && tailwindcss -i ./src/styles.css -o dist/index.css",
-    "dev": "tsup src/index.tsx --format esm --watch --dts --external react && tailwindcss -i ./src/styles.css -o ./dist/index.css --watch",
+    "build": "tailwindcss -i ./src/styles.css -o dist/index.css && tsup src/index.tsx --format esm --dts --external react",
+    "dev": "tailwindcss -i ./src/styles.css -o ./dist/index.css --watch & tsup src/index.tsx --format esm --watch --dts --external react",
     "lint": "eslint \"src/**/*.ts*\"",
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   }