init

Author: mcnaveen

.gitignore

@@ -0,0 +1,52 @@
+# Dependencies
+node_modules/
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+
+# Build outputs
+dist/
+dist.zip
+build/
+.output/
+.nuxt/
+.cache/
+
+# IDE and editor files
+.idea/
+.vscode/
+*.swp
+*.swo
+.DS_Store
+Thumbs.db
+
+# Environment files
+.env
+.env.*
+!.env.example
+
+# Logs
+logs/
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Testing
+coverage/
+.nyc_output/
+
+# Temporary files
+*.tmp
+*.temp
+.tmp/
+temp/
+
+# Browser Extensions
+*.crx
+*.pem
+*.zip
+
+# Optional
+.history/
+.eslintcache

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 - 7 Angle
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

PRIVACY.md

@@ -0,0 +1,71 @@
+# Privacy Policy for JSON Pilot
+
+Last updated: 1-May-2025
+
+## Introduction
+
+This Privacy Policy describes how JSON Pilot ("we", "us", or "our") collects, uses, and handles your information when you use our browser extension. We are committed to protecting your privacy and ensuring you understand how your data is handled.
+
+## Information We Collect
+
+### JSON Data Viewing
+- The extension processes JSON content that appears in your browser
+- This processing happens entirely locally within your browser
+- We do not collect, store, or transmit any of the JSON data you view
+
+### User Preferences
+- We store your theme preference (light/dark mode) locally in your browser's storage
+- These preferences are only used to enhance your user experience
+- No user preferences are transmitted to external servers
+
+## Data Storage
+
+### Local Storage
+- All data processing occurs locally in your browser
+- User preferences are stored using the browser's local storage mechanism
+- No data is stored on external servers
+
+### Browser Permissions
+The extension requires the following permissions:
+- `scripting`: To inject the JSON viewer interface
+- `storage`: To save your theme preferences locally
+- `host_permissions`: To detect and format JSON content on web pages
+
+## Data Transmission
+
+### No External Communication
+- The extension operates entirely offline
+- No data is sent to external servers
+- No analytics or tracking mechanisms are implemented
+
+## Third-Party Services
+
+- This extension does not integrate with any third-party services
+- No third-party analytics or tracking tools are used
+- No user data is shared with any external parties
+
+## Your Rights
+
+You have the right to:
+- Use the extension without providing any personal information
+- Clear your local storage at any time through your browser settings
+- Uninstall the extension at any time
+
+## Children's Privacy
+
+- This extension does not knowingly collect any personal information from children
+- All data processing is limited to JSON content viewing and formatting
+
+## Changes to This Privacy Policy
+
+We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on our GitHub repository. You are advised to review this Privacy Policy periodically for any changes.
+
+## Contact Us
+
+If you have any questions about this Privacy Policy, please contact us:
+- GitHub: [https://github.com/7angle/json-pilot](https://github.com/7angle/json-pilot)
+- Email: hello@7angle.com
+
+## Compliance
+
+This Privacy Policy is designed to be compliant with major privacy regulations and to be transparent about our data handling practices. We are committed to protecting your privacy and ensuring the security of your data.

README.md

@@ -0,0 +1,74 @@
+# JSON Viewer Browser Extension
+
+A powerful browser extension for viewing, formatting, and exploring JSON content in your browser. Works with both Chrome and Firefox.
+
+## Features
+
+- 🎨 Automatic JSON detection and formatting
+- 🌳 Collapsible and expandable JSON tree view
+- 🔍 Search within JSON content
+- 📋 Copy JSON paths and values
+- 🎭 Light/Dark theme support
+- 🗺️ Optional minimap for navigation
+- 🔧 Customizable initial expansion depth
+- ⚡ Performance optimized for large JSON files
+
+## Installation
+
+### Chrome
+1. Clone this repository
+2. Open Chrome and navigate to `chrome://extensions`
+3. Enable "Developer mode" in the top right
+4. Click "Load unpacked" and select the extension directory
+
+### Firefox
+1. Clone this repository
+2. Open Firefox and navigate to `about:debugging`
+3. Click "This Firefox" in the sidebar
+4. Click "Load Temporary Add-on" and select the `manifest.json` file
+
+## Development
+
+### Prerequisites
+- Modern web browser (Chrome 88+ or Firefox 109+)
+- Basic understanding of web technologies
+
+### Project Structure
+```
+json-viewer/
+├── manifest.json      # Extension manifest
+├── background.js     # Background script
+├── content.js        # Content script
+├── viewer.html       # JSON viewer interface
+├── viewer.css        # Styles for the viewer
+├── viewer.js         # Viewer functionality
+└── icons/           # Extension icons
+```
+
+### Building
+No build step required! The extension can be loaded directly into browsers in development mode.
+
+## Usage
+
+1. Navigate to any URL that returns JSON content
+2. The extension will automatically detect and format the JSON
+3. Use the toolbar to:
+   - Expand/collapse nodes
+   - Search within the JSON
+   - Copy JSON paths
+   - Toggle dark/light theme
+   - Show/hide minimap
+4. Click on any value to copy it
+5. Hover over objects to see their full path
+
+## Contributing
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'feat: add amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## License
+
+This project is licensed under the MIT License - see the LICENSE file for details. 

background.js

@@ -0,0 +1,28 @@
+// Listen for web requests to detect JSON content
+chrome.scripting.registerContentScripts([{
+  id: 'json-viewer',
+  matches: ['<all_urls>'],
+  js: ['content.js'],
+  runAt: 'document_start'
+}]).catch(console.error);
+
+// Store user preferences
+const defaultSettings = {
+  theme: 'light',
+  initialDepth: 2,
+  showMinimap: true
+};
+
+// Initialize settings on installation
+chrome.runtime.onInstalled.addListener(() => {
+  chrome.storage.local.set({ settings: defaultSettings });
+  console.log('JSON Viewer extension installed');
+});
+
+// Listen for content script messages
+chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
+  if (request.type === 'getExtensionUrl') {
+    sendResponse({ url: chrome.runtime.getURL(request.path) });
+  }
+  return true;
+}); 

content.js

@@ -0,0 +1,56 @@
+function isJSONContentType() {
+  const contentType = document.contentType || '';
+  return contentType.toLowerCase().includes('application/json');
+}
+
+function isValidJSON(str) {
+  try {
+    JSON.parse(str);
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function getExtensionURL(path) {
+  return chrome.runtime.getURL(path);
+}
+
+async function injectViewer(jsonContent) {
+  // Create iframe for the viewer
+  const iframe = document.createElement('iframe');
+  iframe.style.cssText = 'position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; border: none; background: white; z-index: 2147483647;';
+  iframe.src = getExtensionURL('index.html');
+  
+  // Add iframe to page
+  document.documentElement.innerHTML = '';
+  document.body.appendChild(iframe);
+
+  // Wait for viewer to be ready
+  window.addEventListener('message', function(event) {
+    // Only accept messages from our viewer
+    if (event.data === 'viewer-ready') {
+      // Send JSON data to viewer
+      iframe.contentWindow.postMessage({
+        type: 'json-data',
+        content: jsonContent
+      }, '*');
+    }
+  });
+}
+
+function processJSON() {
+  const bodyText = document.body.textContent;
+  
+  if (isValidJSON(bodyText)) {
+    // If valid JSON is found, inject the viewer
+    injectViewer(bodyText);
+  }
+}
+
+// Run on page load
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', processJSON);
+} else {
+  processJSON();
+}