aboutsummaryrefslogtreecommitdiff
path: root/source/library/graphql
diff options
context:
space:
mode:
authornetop://ウィビ <paul@webb.page>2026-04-24 11:33:25 -0700
committernetop://ウィビ <paul@webb.page>2026-04-24 11:33:25 -0700
commit8a59f92d031963e23ecc84b75feecf43eb4dd146 (patch)
tree75de5768885583897061a3b1795e4c987ce90039 /source/library/graphql
downloadgraphiql-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.ts56
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 [];
+ }
+}