aboutsummaryrefslogtreecommitdiff
path: root/source/library/components/Toolbar.svelte
diff options
context:
space:
mode:
authornetop://ウィビ <paul@webb.page>2026-04-24 14:17:38 -0700
committernetop://ウィビ <paul@webb.page>2026-04-24 14:17:38 -0700
commit261f3bdb77799009344aab4a60686b7186ebd3b0 (patch)
tree8e87c6610a307f15f0c4b32f68b19424273fc6ad /source/library/components/Toolbar.svelte
parent8a59f92d031963e23ecc84b75feecf43eb4dd146 (diff)
downloadgraphiql-261f3bdb77799009344aab4a60686b7186ebd3b0.tar.gz
graphiql-261f3bdb77799009344aab4a60686b7186ebd3b0.zip
Implement v0.4 subscriptions + v0.5 theming and plugin slots
- SSE and WebSocket fetchers via graphql-sse and graphql-ws, returning AsyncIterable results - SessionStore.run consumes AsyncIterable streams with subscriptionMode "append" (timestamped) or "replace" and honors an AbortSignal for cancellation - Chrome CSS variables documented in styles/theme.scss with prefers-color-scheme light/dark gating and .graphiql-light override - Svelte 5 snippet slots on GraphiQL: toolbarExtras, tabExtras, resultFooter
Diffstat (limited to 'source/library/components/Toolbar.svelte')
-rw-r--r--source/library/components/Toolbar.svelte4
1 files changed, 4 insertions, 0 deletions
diff --git a/source/library/components/Toolbar.svelte b/source/library/components/Toolbar.svelte
index a17191c..8c75668 100644
--- a/source/library/components/Toolbar.svelte
+++ b/source/library/components/Toolbar.svelte
@@ -1,10 +1,12 @@
<script lang="ts">
import type { OperationInfo } from "../graphql/operations.ts";
+ import type { Snippet } from "svelte";
type Props = {
disabled: boolean;
docsAvailable?: boolean;
docsOpen?: boolean;
+ extras?: Snippet;
historyOpen?: boolean;
onRun: () => void;
onSelectOperation?: (name: string | null) => void;
@@ -20,6 +22,7 @@
disabled,
docsAvailable = false,
docsOpen = false,
+ extras,
historyOpen = false,
onRun,
onSelectOperation,
@@ -125,6 +128,7 @@
{/each}
</select>
{/if}
+ {#if extras}{@render extras()}{/if}
<span class="hint">⌘/Ctrl + Enter</span>
{#if schemaLoading}
<span class="hint">Loading schema…</span>