diff options
| author | netop://ウィビ <paul@webb.page> | 2026-04-24 11:33:25 -0700 |
|---|---|---|
| committer | netop://ウィビ <paul@webb.page> | 2026-04-24 11:33:25 -0700 |
| commit | 8a59f92d031963e23ecc84b75feecf43eb4dd146 (patch) | |
| tree | 75de5768885583897061a3b1795e4c987ce90039 /source/library/graphql | |
| download | graphiql-8a59f92d031963e23ecc84b75feecf43eb4dd146.tar.gz graphiql-8a59f92d031963e23ecc84b75feecf43eb4dd146.zip | |
Initial commit: @eol/graphiql v0.3
Svelte 5 GraphiQL alternative for JSR. Covers:
- HTTP fetcher with injectable fetch; SSE/WS stubs
- Session store with tabs, auto-titling, persistence, rename
- Operation detection via graphql parse(); Toolbar picker
- CodeMirror 6 editor via cm6-graphql with theme prop
- Light theme preset (hand-rolled EditorView.theme)
- Doc explorer with breadcrumb nav and type guards
- History panel with 100-entry cap, favorite pinning
- Deno tests for operations, storage, and history eviction
Diffstat (limited to 'source/library/graphql')
| -rw-r--r-- | source/library/graphql/operations.ts | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/source/library/graphql/operations.ts b/source/library/graphql/operations.ts new file mode 100644 index 0000000..b34aeee --- /dev/null +++ b/source/library/graphql/operations.ts @@ -0,0 +1,56 @@ + + + +/*** IMPORT ------------------------------------------- ***/ + +import { parse } from "graphql"; + +/*** EXPORT ------------------------------------------- ***/ + +export type OperationInfo = { + name: string | null; + type: "mutation" | "query" | "subscription"; +}; + +export function deriveTitle(query: string, ops: OperationInfo[]): string { + const first = ops[0]; + + if (first && first.name) + return first.name; + + if (first) + return first.type; + + const trimmed = query.trim(); + + if (!trimmed) + return "untitled"; + + return trimmed.slice(0, 20); +} + +export function parseOperations(query: string): OperationInfo[] { + const trimmed = query.trim(); + + if (!trimmed) + return []; + + try { + const doc = parse(trimmed); + const ops: OperationInfo[] = []; + + for (const def of doc.definitions) { + if (def.kind !== "OperationDefinition") + continue; + + ops.push({ + name: def.name?.value ?? null, + type: def.operation + }); + } + + return ops; + } catch { + return []; + } +} |