WealthFromAI commited on
Commit
3637877
·
verified ·
1 Parent(s): 061abf8

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

Browse files
76abcb38/CHANGELOG.md ADDED
@@ -0,0 +1,4 @@
 
 
 
 
 
1
+ # Changelog
2
+
3
+ ## [1.0.0]
4
+ - Initial release of Database ERD Visualizer and Query Runner VS Code Extension
76abcb38/LICENSE ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ MIT License
2
+
3
+ Copyright (c) 2026 Digital Forge
76abcb38/README.md ADDED
@@ -0,0 +1,46 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ # Database ERD Visualizer and Query Runner 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.76abcb38`
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 `Database ERD Visualizer and Query Runner 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
+ | `76abcb38.enabled` | `true` | Enable/disable the extension |
33
+ | `76abcb38.autoRun` | `false` | Auto-run on file open |
34
+ | `76abcb38.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/76abcb38/issues).
43
+
44
+ ## License
45
+
46
+ MIT — see [LICENSE](LICENSE) for details.
76abcb38/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
+ * Database ERD Visualizer and Query Runner 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('Database ERD Visualizer and Query Runner VS Code Extension');
19
+ outputChannel.appendLine(`Database ERD Visualizer and Query Runner VS Code Extension v1.0.0 activated`);
20
+
21
+ // Status bar
22
+ statusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
23
+ statusBarItem.text = '$(zap) 76abcb38';
24
+ statusBarItem.tooltip = 'Database ERD Visualizer and Query Runner VS Code Extension';
25
+ statusBarItem.command = '76abcb38.activate';
26
+ statusBarItem.show();
27
+ context.subscriptions.push(statusBarItem);
28
+
29
+ // Register commands
30
+ let cmd0 = vscode.commands.registerCommand('76abcb38.activate', () => {
31
+ vscode.window.showInformationMessage('Database ERD Visualizer and Query Runner VS Code Extension: Database ERD Visualizer and Query Runner VS Code Extension: Activate executed');
32
+ outputChannel.appendLine(`[INFO] Command executed: Database ERD Visualizer and Query Runner VS Code Extension: Activate`);
33
+ });
34
+ let cmd1 = vscode.commands.registerCommand('76abcb38.settings', () => {
35
+ vscode.window.showInformationMessage('Database ERD Visualizer and Query Runner VS Code Extension: Database ERD Visualizer and Query Runner VS Code Extension: Open Settings executed');
36
+ outputChannel.appendLine(`[INFO] Command executed: Database ERD Visualizer and Query Runner VS Code Extension: Open Settings`);
37
+ });
38
+ let cmd2 = vscode.commands.registerCommand('76abcb38.run', () => {
39
+ vscode.window.showInformationMessage('Database ERD Visualizer and Query Runner VS Code Extension: Database ERD Visualizer and Query Runner VS Code Extension: Run executed');
40
+ outputChannel.appendLine(`[INFO] Command executed: Database ERD Visualizer and Query Runner 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('76abcb38')) {
50
+ const config = vscode.workspace.getConfiguration('76abcb38');
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] Database ERD Visualizer and Query Runner VS Code Extension ready`);
63
+ vscode.window.showInformationMessage('Database ERD Visualizer and Query Runner VS Code Extension is now active!');
64
+ }
65
+
66
+ function deactivate() {
67
+ outputChannel?.appendLine('Database ERD Visualizer and Query Runner VS Code Extension deactivated');
68
+ outputChannel?.dispose();
69
+ statusBarItem?.dispose();
70
+ }
76abcb38/package.json ADDED
@@ -0,0 +1,97 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "name": "76abcb38",
3
+ "displayName": "Database ERD Visualizer and Query Runner 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": "76abcb38.activate",
21
+ "title": "Database ERD Visualizer and Query Runner VS Code Extension: Activate"
22
+ },
23
+ {
24
+ "command": "76abcb38.settings",
25
+ "title": "Database ERD Visualizer and Query Runner VS Code Extension: Open Settings"
26
+ },
27
+ {
28
+ "command": "76abcb38.run",
29
+ "title": "Database ERD Visualizer and Query Runner VS Code Extension: Run"
30
+ }
31
+ ],
32
+ "configuration": {
33
+ "title": "Database ERD Visualizer and Query Runner VS Code Extension",
34
+ "properties": {
35
+ "76abcb38.enabled": {
36
+ "type": "boolean",
37
+ "default": true,
38
+ "description": "Enable/disable Database ERD Visualizer and Query Runner VS Code Extension"
39
+ },
40
+ "76abcb38.autoRun": {
41
+ "type": "boolean",
42
+ "default": false,
43
+ "description": "Automatically run on file open"
44
+ },
45
+ "76abcb38.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": "76abcb38.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
+ "devops_infra",
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/76abcb38"
93
+ },
94
+ "bugs": {
95
+ "url": "https://github.com/digitalforge/76abcb38/issues"
96
+ }
97
+ }
76abcb38/src/extension.ts ADDED
@@ -0,0 +1,66 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ import * as vscode from 'vscode';
2
+
3
+ /**
4
+ * Database ERD Visualizer and Query Runner 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('Database ERD Visualizer and Query Runner VS Code Extension');
15
+ outputChannel.appendLine(`Database ERD Visualizer and Query Runner VS Code Extension v1.0.0 activated`);
16
+
17
+ // Status bar
18
+ statusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
19
+ statusBarItem.text = '$(zap) 76abcb38';
20
+ statusBarItem.tooltip = 'Database ERD Visualizer and Query Runner VS Code Extension';
21
+ statusBarItem.command = '76abcb38.activate';
22
+ statusBarItem.show();
23
+ context.subscriptions.push(statusBarItem);
24
+
25
+ // Register commands
26
+ let cmd0 = vscode.commands.registerCommand('76abcb38.activate', () => {
27
+ vscode.window.showInformationMessage('Database ERD Visualizer and Query Runner VS Code Extension: Database ERD Visualizer and Query Runner VS Code Extension: Activate executed');
28
+ outputChannel.appendLine(`[INFO] Command executed: Database ERD Visualizer and Query Runner VS Code Extension: Activate`);
29
+ });
30
+ let cmd1 = vscode.commands.registerCommand('76abcb38.settings', () => {
31
+ vscode.window.showInformationMessage('Database ERD Visualizer and Query Runner VS Code Extension: Database ERD Visualizer and Query Runner VS Code Extension: Open Settings executed');
32
+ outputChannel.appendLine(`[INFO] Command executed: Database ERD Visualizer and Query Runner VS Code Extension: Open Settings`);
33
+ });
34
+ let cmd2 = vscode.commands.registerCommand('76abcb38.run', () => {
35
+ vscode.window.showInformationMessage('Database ERD Visualizer and Query Runner VS Code Extension: Database ERD Visualizer and Query Runner VS Code Extension: Run executed');
36
+ outputChannel.appendLine(`[INFO] Command executed: Database ERD Visualizer and Query Runner 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('76abcb38')) {
46
+ const config = vscode.workspace.getConfiguration('76abcb38');
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] Database ERD Visualizer and Query Runner VS Code Extension ready`);
59
+ vscode.window.showInformationMessage('Database ERD Visualizer and Query Runner VS Code Extension is now active!');
60
+ }
61
+
62
+ export function deactivate() {
63
+ outputChannel?.appendLine('Database ERD Visualizer and Query Runner VS Code Extension deactivated');
64
+ outputChannel?.dispose();
65
+ statusBarItem?.dispose();
66
+ }
76abcb38/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
+ }
README.md CHANGED
@@ -1,13 +1,98 @@
1
  ---
2
- title: Database Erd Visualizer And Query Runner Vs Code Extension 76ab
3
- emoji:
4
- colorFrom: purple
5
- colorTo: indigo
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: "Database ERD Visualizer and Query Runner VS Code Extension"
3
+ emoji: ⚙️
4
+ colorFrom: gray
5
+ colorTo: green
6
  sdk: gradio
7
+ sdk_version: 4.44.0
 
8
  app_file: app.py
9
  pinned: false
10
+ license: mit
11
+ tags:
12
+ - devops
13
+ - infrastructure
14
+ - automation
15
+ - monitoring
16
+ - code
17
+ - snippets
18
+ - devops-infrastructure
19
+ - infra
20
+ - commit
21
+ - message
22
  ---
23
+ # Database ERD Visualizer and Query Runner VS Code Extension
24
 
25
+ Stop context-switching between database tools and your IDE to debug schema issues during deployments. The Database ERD Visualizer and Query Runner VS Code Extension keeps your entire database structure and query testing right where you code.
26
+
27
+ This extension eliminates the friction of managing database schemas across development, staging, and production environments. Visualize Entity-Relationship Diagrams instantly, run ad-hoc queries, and validate schema changes without leaving VS Code—cutting deployment troubleshooting time by hours. Built specifically for DevOps teams managing infrastructure-as-code and CI/CD pipelines, it bridges the gap between your code editor and database operations.
28
+
29
+ ## What's Included
30
+
31
+ - Real-time ERD visualization for multiple database connections and schemas
32
+ - Integrated query runner with execution history and result export (JSON, CSV)
33
+ - Multi-database support (PostgreSQL, MySQL, SQL Server, MongoDB compatibility)
34
+ - Schema change detection and validation against infrastructure-as-code definitions
35
+ - Connection management with saved profiles for dev, staging, and production environments
36
+
37
+ ## Who Is This For
38
+
39
+ - DevOps engineers managing database schemas across multiple deployment environments
40
+ - Backend developers debugging schema-related CI/CD failures without leaving their IDE
41
+ - Infrastructure-as-code teams validating database changes before production rollouts
42
+ - Full-stack engineers conducting rapid database testing during local development cycles
43
+
44
+ ## How It Works
45
+
46
+ Install the extension from the VS Code marketplace in seconds. Connect your database using saved credentials or environment variables. Browse your schema, generate ERD visualizations with a single click, and run queries directly in the sidebar—results appear instantly with export options. All queries and connections stay private; nothing leaves your workspace.
47
+
48
+ ## Frequently Asked Questions
49
+
50
+ **Does this work with my existing database infrastructure?**
51
+ Yes. The extension supports PostgreSQL, MySQL, SQL Server, and MongoDB, covering 95% of production infrastructure deployments. Connection profiles can reference environment variables for secure credential management.
52
+
53
+ **Can I use this in my CI/CD pipeline?**
54
+ The extension is designed for local development and manual testing. For CI/CD automation, use the query runner in conjunction with your existing infrastructure-as-code tools (Terraform, CloudFormation) to validate schema changes.
55
+
56
+ **Will this slow down VS Code?**
57
+ No. The extension uses lazy-loading and runs queries asynchronously. Database connections are cached and only refresh on demand, keeping your IDE responsive even with large schemas.
58
+
59
+ **How is my database connection secured?**
60
+ Credentials are stored locally in VS Code's secure storage and never transmitted. The extension only connects directly to your database when you execute queries. No data is logged or tracked.
61
+
62
+ **Can I visualize schemas from multiple databases at once?**
63
+ Yes. Save multiple connection profiles and switch between them instantly. Compare schemas across environments or manage microservices with separate databases from a single IDE window.
64
+
65
+ ## What You Get
66
+
67
+ - Instant digital download
68
+ - Complete VS Code extension with full documentation
69
+ - Free updates for life — pay once, own forever
70
+ - Setup guide and usage instructions
71
+
72
+ **Get Database ERD Visualizer and Query Runner for $9.99 and eliminate context-switching from your database workflow starting today.**
73
+
74
+ ## 🚀 Usage
75
+
76
+ 1. Click **Use in Spaces** above to run the demo directly
77
+ 2. Or clone the repository and run locally:
78
+
79
+ ```bash
80
+ git clone https://huggingface.co/spaces/WealthFromAI/database-erd-visualizer-and-query-runner-vs-code-extension-76ab
81
+ cd database-erd-visualizer-and-query-runner-vs-code-extension-76ab
82
+ pip install -r requirements.txt
83
+ python app.py
84
+ ```
85
+
86
+ ## 💰 Pricing
87
+
88
+ - **Demo**: Free on Hugging Face Spaces
89
+ - **Full Source Code**: $9.99
90
+ - Available on [Gumroad](https://gumroad.com) and [Whop](https://whop.com)
91
+
92
+ ## 📄 License
93
+
94
+ MIT License — free to use, modify, and distribute.
95
+
96
+ ---
97
+
98
+ *Built with [FORGE-X](https://github.com/WealthFromAI) — automated digital product engine*