WealthFromAI commited on
Commit
862d74e
·
verified ·
1 Parent(s): 08099f1

FORGE-X: Upload source (d691a81b-vscode-extension.zip)

Browse files
README.md CHANGED
@@ -1,13 +1,97 @@
1
  ---
2
- title: Graphql Schema Explorer And Query Builder Vs Code Extension D691
3
- emoji: 😻
4
- colorFrom: indigo
5
- colorTo: yellow
6
  sdk: gradio
7
- sdk_version: 6.14.0
8
- python_version: '3.13'
9
  app_file: app.py
10
  pinned: false
 
 
 
 
 
 
 
 
 
 
 
11
  ---
 
12
 
13
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  ---
2
+ title: "GraphQL Schema Explorer and Query Builder VS Code Extension"
3
+ emoji: 💻
4
+ colorFrom: blue
5
+ colorTo: gray
6
  sdk: gradio
7
+ sdk_version: 4.44.0
 
8
  app_file: app.py
9
  pinned: false
10
+ license: mit
11
+ tags:
12
+ - code
13
+ - software-engineering
14
+ - development
15
+ - programming
16
+ - graphql
17
+ - schema
18
+ - explorer
19
+ - query
20
+ - builder
21
  ---
22
+ # GraphQL Schema Explorer and Query Builder VS Code Extension
23
 
24
+ Stop wasting hours manually navigating GraphQL schema documentation and writing queries from memory. The GraphQL Schema Explorer and Query Builder VS Code Extension transforms your GraphQL workflow by making schema discovery and query construction instant, right inside your editor.
25
+
26
+ This extension eliminates context-switching between your IDE and API docs by providing intelligent schema exploration and auto-completing query builders that understand your entire GraphQL API structure. You'll write queries faster, catch schema errors before runtime, and maintain better API documentation practices—all without leaving VS Code. It's the productivity gap filler that backend and frontend developers have been missing.
27
+
28
+ ## What's Included
29
+
30
+ - Interactive schema explorer with real-time introspection and visual type navigation
31
+ - Intelligent query builder with auto-completion based on your exact schema definitions
32
+ - One-click query execution with inline result preview and error debugging
33
+ - Schema change detection and documentation sync to keep your API contracts current
34
+ - Multi-endpoint support for managing queries across development, staging, and production GraphQL APIs
35
+
36
+ ## Who Is This For
37
+
38
+ - Full-stack developers managing multiple GraphQL endpoints and tired of toggling between docs and code
39
+ - Backend engineers building GraphQL APIs who need faster iteration and better schema documentation
40
+ - Frontend developers consuming GraphQL APIs who want to write type-safe queries without guessing schema structure
41
+ - API teams collaborating on schema design who need real-time visibility into type relationships and breaking changes
42
+
43
+ ## How It Works
44
+
45
+ Install the extension from the VS Code marketplace, connect it to your GraphQL endpoint (local or remote), and immediately access your complete schema in an interactive explorer. Click any type to build queries visually, execute them instantly, and see results inline. Your query history and frequently-used queries are saved automatically.
46
+
47
+ ## Frequently Asked Questions
48
+
49
+ **Does it work with my existing GraphQL API?**
50
+ Yes. It supports any GraphQL endpoint that has introspection enabled. Works with Apollo, Hasura, Strapi, custom GraphQL servers, and any standard-compliant GraphQL implementation.
51
+
52
+ **Can I use this for both query and mutation development?**
53
+ Absolutely. The query builder supports queries, mutations, subscriptions, and fragments. You can build complex nested operations and execute them directly from your editor.
54
+
55
+ **Is my API data safe when I use this extension?**
56
+ Your credentials and API calls stay local in VS Code. The extension never stores or transmits your query results to external servers. All processing happens on your machine.
57
+
58
+ **Will this slow down my VS Code performance?**
59
+ No. The extension is lightweight and only loads schema data when you explicitly open the explorer. Most users notice zero impact on editor performance.
60
+
61
+ **Can I share queries with my team?**
62
+ Yes. Generated queries are plain text that you can copy directly into your codebase, commit to git, or share with teammates. The extension also supports saving query templates for reuse.
63
+
64
+ ## What You Get
65
+
66
+ - Instant digital download
67
+ - Complete VS Code extension with full documentation
68
+ - Free updates for life — pay once, own forever
69
+ - Setup guide and usage instructions
70
+
71
+ **Buy the GraphQL Schema Explorer and Query Builder for $9.99 today and reclaim hours every week by building GraphQL queries smarter, faster, and with zero schema guessing.**
72
+
73
+ ## 🚀 Usage
74
+
75
+ 1. Click **Use in Spaces** above to run the demo directly
76
+ 2. Or clone the repository and run locally:
77
+
78
+ ```bash
79
+ git clone https://huggingface.co/spaces/WealthFromAI/graphql-schema-explorer-and-query-builder-vs-code-extension-d691
80
+ cd graphql-schema-explorer-and-query-builder-vs-code-extension-d691
81
+ pip install -r requirements.txt
82
+ python app.py
83
+ ```
84
+
85
+ ## 💰 Pricing
86
+
87
+ - **Demo**: Free on Hugging Face Spaces
88
+ - **Full Source Code**: $9.99
89
+ - Available on [Gumroad](https://gumroad.com) and [Whop](https://whop.com)
90
+
91
+ ## 📄 License
92
+
93
+ MIT License — free to use, modify, and distribute.
94
+
95
+ ---
96
+
97
+ *Built with [FORGE-X](https://github.com/WealthFromAI) — automated digital product engine*
d691a81b/CHANGELOG.md ADDED
@@ -0,0 +1,4 @@
 
 
 
 
 
1
+ # Changelog
2
+
3
+ ## [1.0.0]
4
+ - Initial release of GraphQL Schema Explorer and Query Builder VS Code Extension
d691a81b/LICENSE ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ MIT License
2
+
3
+ Copyright (c) 2026 Digital Forge
d691a81b/README.md ADDED
@@ -0,0 +1,46 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # GraphQL Schema Explorer and Query Builder VS Code Extension
2
+
3
+ >
4
+
5
+ ## Features
6
+
7
+ - Core functionality
8
+
9
+ ## Installation
10
+
11
+ ### From VS Code Marketplace
12
+ 1. Open VS Code
13
+ 2. Press `Ctrl+P` (or `Cmd+P` on Mac)
14
+ 3. Type `ext install digitalforge.d691a81b`
15
+ 4. Press Enter
16
+
17
+ ### From VSIX file
18
+ 1. Download the `.vsix` file
19
+ 2. In VS Code: `Extensions > ··· > Install from VSIX`
20
+ 3. Select the downloaded file
21
+
22
+ ## Usage
23
+
24
+ Press `Ctrl+Shift+P` and search for `GraphQL Schema Explorer and Query Builder VS Code Extension` to see all available commands.
25
+
26
+ **Keyboard shortcut:** `Ctrl+Shift+Alt+A` (or `Cmd+Shift+Alt+A` on Mac)
27
+
28
+ ## Settings
29
+
30
+ | Setting | Default | Description |
31
+ |---------|---------|-------------|
32
+ | `d691a81b.enabled` | `true` | Enable/disable the extension |
33
+ | `d691a81b.autoRun` | `false` | Auto-run on file open |
34
+ | `d691a81b.logLevel` | `"info"` | Log verbosity |
35
+
36
+ ## Requirements
37
+
38
+ - VS Code 1.74.0 or higher
39
+
40
+ ## Contributing
41
+
42
+ Found a bug? [Open an issue](https://github.com/digitalforge/d691a81b/issues).
43
+
44
+ ## License
45
+
46
+ MIT — see [LICENSE](LICENSE) for details.
d691a81b/out/extension.js ADDED
@@ -0,0 +1,70 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.activate = activate;
4
+ exports.deactivate = deactivate;
5
+ const vscode = require("vscode");
6
+
7
+ /**
8
+ * GraphQL Schema Explorer and Query Builder VS Code Extension
9
+ *
10
+ * Features:
11
+
12
+ */
13
+
14
+ let outputChannel;
15
+ let statusBarItem;
16
+
17
+ function activate(context) {
18
+ outputChannel = vscode.window.createOutputChannel('GraphQL Schema Explorer and Query Builder VS Code Extension');
19
+ outputChannel.appendLine(`GraphQL Schema Explorer and Query Builder VS Code Extension v1.0.0 activated`);
20
+
21
+ // Status bar
22
+ statusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
23
+ statusBarItem.text = '$(zap) d691a81b';
24
+ statusBarItem.tooltip = 'GraphQL Schema Explorer and Query Builder VS Code Extension';
25
+ statusBarItem.command = 'd691a81b.activate';
26
+ statusBarItem.show();
27
+ context.subscriptions.push(statusBarItem);
28
+
29
+ // Register commands
30
+ let cmd0 = vscode.commands.registerCommand('d691a81b.activate', () => {
31
+ vscode.window.showInformationMessage('GraphQL Schema Explorer and Query Builder VS Code Extension: GraphQL Schema Explorer and Query Builder VS Code Extension: Activate executed');
32
+ outputChannel.appendLine(`[INFO] Command executed: GraphQL Schema Explorer and Query Builder VS Code Extension: Activate`);
33
+ });
34
+ let cmd1 = vscode.commands.registerCommand('d691a81b.settings', () => {
35
+ vscode.window.showInformationMessage('GraphQL Schema Explorer and Query Builder VS Code Extension: GraphQL Schema Explorer and Query Builder VS Code Extension: Open Settings executed');
36
+ outputChannel.appendLine(`[INFO] Command executed: GraphQL Schema Explorer and Query Builder VS Code Extension: Open Settings`);
37
+ });
38
+ let cmd2 = vscode.commands.registerCommand('d691a81b.run', () => {
39
+ vscode.window.showInformationMessage('GraphQL Schema Explorer and Query Builder VS Code Extension: GraphQL Schema Explorer and Query Builder VS Code Extension: Run executed');
40
+ outputChannel.appendLine(`[INFO] Command executed: GraphQL Schema Explorer and Query Builder VS Code Extension: Run`);
41
+ });
42
+ context.subscriptions.push(cmd0);
43
+ context.subscriptions.push(cmd1);
44
+ context.subscriptions.push(cmd2);
45
+
46
+ // Configuration change listener
47
+ context.subscriptions.push(
48
+ vscode.workspace.onDidChangeConfiguration(e => {
49
+ if (e.affectsConfiguration('d691a81b')) {
50
+ const config = vscode.workspace.getConfiguration('d691a81b');
51
+ const enabled = config.get('enabled', true);
52
+ if (enabled) {
53
+ statusBarItem.show();
54
+ } else {
55
+ statusBarItem.hide();
56
+ }
57
+ outputChannel.appendLine(`[INFO] Configuration updated`);
58
+ }
59
+ })
60
+ );
61
+
62
+ outputChannel.appendLine(`[INFO] GraphQL Schema Explorer and Query Builder VS Code Extension ready`);
63
+ vscode.window.showInformationMessage('GraphQL Schema Explorer and Query Builder VS Code Extension is now active!');
64
+ }
65
+
66
+ function deactivate() {
67
+ outputChannel?.appendLine('GraphQL Schema Explorer and Query Builder VS Code Extension deactivated');
68
+ outputChannel?.dispose();
69
+ statusBarItem?.dispose();
70
+ }
d691a81b/package.json ADDED
@@ -0,0 +1,97 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "name": "d691a81b",
3
+ "displayName": "GraphQL Schema Explorer and Query Builder VS Code Extension",
4
+ "description": "",
5
+ "version": "1.0.0",
6
+ "engines": {
7
+ "vscode": "^1.74.0"
8
+ },
9
+ "categories": [
10
+ "Other"
11
+ ],
12
+ "publisher": "digitalforge",
13
+ "activationEvents": [
14
+ "onStartupFinished"
15
+ ],
16
+ "main": "./out/extension",
17
+ "contributes": {
18
+ "commands": [
19
+ {
20
+ "command": "d691a81b.activate",
21
+ "title": "GraphQL Schema Explorer and Query Builder VS Code Extension: Activate"
22
+ },
23
+ {
24
+ "command": "d691a81b.settings",
25
+ "title": "GraphQL Schema Explorer and Query Builder VS Code Extension: Open Settings"
26
+ },
27
+ {
28
+ "command": "d691a81b.run",
29
+ "title": "GraphQL Schema Explorer and Query Builder VS Code Extension: Run"
30
+ }
31
+ ],
32
+ "configuration": {
33
+ "title": "GraphQL Schema Explorer and Query Builder VS Code Extension",
34
+ "properties": {
35
+ "d691a81b.enabled": {
36
+ "type": "boolean",
37
+ "default": true,
38
+ "description": "Enable/disable GraphQL Schema Explorer and Query Builder VS Code Extension"
39
+ },
40
+ "d691a81b.autoRun": {
41
+ "type": "boolean",
42
+ "default": false,
43
+ "description": "Automatically run on file open"
44
+ },
45
+ "d691a81b.logLevel": {
46
+ "type": "string",
47
+ "enum": [
48
+ "error",
49
+ "warn",
50
+ "info",
51
+ "debug"
52
+ ],
53
+ "default": "info",
54
+ "description": "Log verbosity level"
55
+ }
56
+ }
57
+ },
58
+ "keybindings": [
59
+ {
60
+ "command": "d691a81b.activate",
61
+ "key": "ctrl+shift+alt+a",
62
+ "mac": "cmd+shift+alt+a",
63
+ "when": "editorTextFocus"
64
+ }
65
+ ]
66
+ },
67
+ "scripts": {
68
+ "vscode:prepublish": "npm run compile",
69
+ "compile": "tsc -p ./",
70
+ "watch": "tsc -watch -p ./",
71
+ "pretest": "npm run compile",
72
+ "lint": "eslint src --ext ts"
73
+ },
74
+ "devDependencies": {
75
+ "@types/vscode": "^1.74.0",
76
+ "@types/node": "^18.x",
77
+ "typescript": "^5.0.0"
78
+ },
79
+ "keywords": [
80
+ "software_development",
81
+ "productivity",
82
+ "automation"
83
+ ],
84
+ "license": "MIT",
85
+ "icon": "icon.png",
86
+ "galleryBanner": {
87
+ "color": "#1e1e2e",
88
+ "theme": "dark"
89
+ },
90
+ "repository": {
91
+ "type": "git",
92
+ "url": "https://github.com/digitalforge/d691a81b"
93
+ },
94
+ "bugs": {
95
+ "url": "https://github.com/digitalforge/d691a81b/issues"
96
+ }
97
+ }
d691a81b/src/extension.ts ADDED
@@ -0,0 +1,66 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import * as vscode from 'vscode';
2
+
3
+ /**
4
+ * GraphQL Schema Explorer and Query Builder VS Code Extension
5
+ *
6
+ * Features:
7
+
8
+ */
9
+
10
+ let outputChannel: vscode.OutputChannel;
11
+ let statusBarItem: vscode.StatusBarItem;
12
+
13
+ export function activate(context: vscode.ExtensionContext) {
14
+ outputChannel = vscode.window.createOutputChannel('GraphQL Schema Explorer and Query Builder VS Code Extension');
15
+ outputChannel.appendLine(`GraphQL Schema Explorer and Query Builder VS Code Extension v1.0.0 activated`);
16
+
17
+ // Status bar
18
+ statusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
19
+ statusBarItem.text = '$(zap) d691a81b';
20
+ statusBarItem.tooltip = 'GraphQL Schema Explorer and Query Builder VS Code Extension';
21
+ statusBarItem.command = 'd691a81b.activate';
22
+ statusBarItem.show();
23
+ context.subscriptions.push(statusBarItem);
24
+
25
+ // Register commands
26
+ let cmd0 = vscode.commands.registerCommand('d691a81b.activate', () => {
27
+ vscode.window.showInformationMessage('GraphQL Schema Explorer and Query Builder VS Code Extension: GraphQL Schema Explorer and Query Builder VS Code Extension: Activate executed');
28
+ outputChannel.appendLine(`[INFO] Command executed: GraphQL Schema Explorer and Query Builder VS Code Extension: Activate`);
29
+ });
30
+ let cmd1 = vscode.commands.registerCommand('d691a81b.settings', () => {
31
+ vscode.window.showInformationMessage('GraphQL Schema Explorer and Query Builder VS Code Extension: GraphQL Schema Explorer and Query Builder VS Code Extension: Open Settings executed');
32
+ outputChannel.appendLine(`[INFO] Command executed: GraphQL Schema Explorer and Query Builder VS Code Extension: Open Settings`);
33
+ });
34
+ let cmd2 = vscode.commands.registerCommand('d691a81b.run', () => {
35
+ vscode.window.showInformationMessage('GraphQL Schema Explorer and Query Builder VS Code Extension: GraphQL Schema Explorer and Query Builder VS Code Extension: Run executed');
36
+ outputChannel.appendLine(`[INFO] Command executed: GraphQL Schema Explorer and Query Builder VS Code Extension: Run`);
37
+ });
38
+ context.subscriptions.push(cmd0);
39
+ context.subscriptions.push(cmd1);
40
+ context.subscriptions.push(cmd2);
41
+
42
+ // Configuration change listener
43
+ context.subscriptions.push(
44
+ vscode.workspace.onDidChangeConfiguration(e => {
45
+ if (e.affectsConfiguration('d691a81b')) {
46
+ const config = vscode.workspace.getConfiguration('d691a81b');
47
+ const enabled = config.get<boolean>('enabled', true);
48
+ if (enabled) {
49
+ statusBarItem.show();
50
+ } else {
51
+ statusBarItem.hide();
52
+ }
53
+ outputChannel.appendLine(`[INFO] Configuration updated`);
54
+ }
55
+ })
56
+ );
57
+
58
+ outputChannel.appendLine(`[INFO] GraphQL Schema Explorer and Query Builder VS Code Extension ready`);
59
+ vscode.window.showInformationMessage('GraphQL Schema Explorer and Query Builder VS Code Extension is now active!');
60
+ }
61
+
62
+ export function deactivate() {
63
+ outputChannel?.appendLine('GraphQL Schema Explorer and Query Builder VS Code Extension deactivated');
64
+ outputChannel?.dispose();
65
+ statusBarItem?.dispose();
66
+ }
d691a81b/tsconfig.json ADDED
@@ -0,0 +1,17 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "compilerOptions": {
3
+ "module": "Node16",
4
+ "target": "ES2022",
5
+ "outDir": "out",
6
+ "lib": [
7
+ "ES2022"
8
+ ],
9
+ "sourceMap": true,
10
+ "rootDir": "src",
11
+ "strict": true
12
+ },
13
+ "exclude": [
14
+ "node_modules",
15
+ ".vscode-test"
16
+ ]
17
+ }