Webhook and GitHub integration

💪 How it works Seamlessly track, manage, and version-control your n8n workflows with an intuitive Git-style system. Whether you're making updates or creating new workflows, this tool ensures structured commits, detailed change tracking, and seamless GitHub integration—all within a Matrix-inspired UI. 🎯 Who is this for? Perfect for: n8n Developers & Automation Engineers** – Maintain workflow history and prevent accidental overwrites. Teams Collaborating on Automation** – Track and commit changes with structured version control. DevOps & IT Professionals** – Streamline deployment across multiple n8n environments. 🚀 Key Features Version Control & Workflow Management Commit changes when editing existing workflows Create & commit new workflows from scratch Detect modifications with deep node comparison Access repo with direct links from changes window Workflow JSON Browser Caching **to avoid large loads on n8n" Core Features Workflow Management Workflow Selection**: Easy selection of n8n workflows and GitHub workflows from dropdown menus Smart Caching**: Client-side caching of workflows for faster loading (1-week cache duration) Cache Control**: Manual cache clearing via hard refresh (Cmd+Shift+R) Matrix-Style UI**: Terminal-inspired interface with glowing effects and animations GitHub Integration Push to GitHub**: Direct pushing of n8n workflows to GitHub repositories Commit Control**: Automated commit message generation with workflow details Branch Management**: Automatic branch creation and management Pull from GitHub**: Future feature for pulling workflows from GitHub (Coming Soon) Workflow Comparison Side-by-Side Comparison**: Compare n8n workflows with their GitHub counterparts Change Detection**: Automatic detection and highlighting of workflow changes Diff Visualization**: Clear visualization of additions, deletions, and modifications JSON Validation**: Ensures workflow JSON integrity before operations User Experience System Notifications**: Matrix-themed toast notifications for important alerts 30-second duration with manual close option Context-aware messages (e.g., cache refresh hints) Glowing effects matching system console aesthetics Loading Animations**: Matrix-style loading indicators during operations Error Handling**: Clear error messages and recovery suggestions Responsive Design**: Adapts to different screen sizes Security & Performance Local Storage**: Efficient client-side storage for workflow data Header Authentication**: Secure API communication with authentication tokens Performance Optimization**: Smart caching to reduce server load Data Validation**: Input validation and sanitization Technical Features Code Organization Modular Structure**: Well-organized HTML, CSS, and JavaScript Component Separation**: Clear separation of concerns CSS Variables**: Consistent styling with CSS custom properties Event Handling**: Robust event listeners and handlers API Integration n8n Integration**: Direct communication with n8n workflow API GitHub API**: Seamless integration with GitHub repositories RESTful Endpoints**: Clean API design for workflow operations Error Handling**: Comprehensive error handling and user feedback Development Features Debug Mode**: Console logging for development Code Comments**: Well-documented code sections CSS Animations**: Smooth transitions and effects Browser Compatibility**: Works across modern browsers Future Enhancements Pull workflows from GitHub repositories Enhanced diff visualization Additional GitHub integration features Extended caching options More customization options for notifications Advanced workflow comparison tools GitHub Integration Push workflows directly to GitHub Commit new workflows directly to GitHub Auto-generate structured commit messages 🔴 (Coming Soon: Pull workflows from GitHub into n8n) Change Detection Identifies node additions, deletions, and property modifications Compares connections, settings, and configurations Real-time visualization** of detected changes Sleek UI for Effortless Control Matrix-style interface** for a futuristic feel Clear prompts to prevent accidental overwrites Interactive workflow commit & sync options 🔧 Setup & Usage Generate your n8n API key Set up GitHub repository & access tokens Create Generic Basic Auth credentials Create Generic Header Auth credentials Set the workflow variables Deploy & start tracking your workflow versions 📚 Use Cases 🔹 Workflow Development – Ensure clean versioning and commit history. 🔹 Team Collaboration – Review and track modifications before deployment. 🔹 Audit & Compliance – Maintain an organized change log. 🙌 Built for the n8n Community Created with ❤️ to bring reliable version control to the n8n community.

This workflow creates a GitHub issue when a new ticket is created in Zendesk. Subsequent comments on the ticket in Zendesk are added as comments to the issue in GitHub. Prerequisites Zendesk account and Zendesk credentials. GitHub account and GitHub credentials. GitHub repository to create issues in. How it works The workflow listens for new tickets in Zendesk. When a new ticket is created, the workflow creates a new issue in GitHub. The GitHub issue number is then saved in one of the ticket's fields (in setup we call this "GitHub Issue Number"). The next time a comment is added to the ticket, the workflow retrieves the GitHub issue number from the ticket's field and adds the comment to the issue in GitHub. Setup This workflow requires that you set up a webhook in Zendesk. To do so, follow the steps below: In the workflow, open the On new Zendesk ticket node and copy the webhook URL. In Zendesk, navigate to Admin Center > Apps and integrations > Webhooks > Actions > Create Webhook. Add all the required details which can be retrieved from the On new Zendesk ticket node. The webhook URL gets added to the “Endpoint URL” field, and the “Request method” should match what is shown in n8n. Save the webhook. In Zendesk, navigate to Admin Center > Objects and rules > Business rules > Triggers > Add trigger. Give trigger a name such as “New tickets”. Under “Conditions” in “Meet ALL of the following conditions”, add “Status is New”. Under “Actions”, select “Notify active webhook” and select the webhook you created previously. In the JSON body, add the following: { "id": "{{ticket.id}}", "comment": "{{ticket.latest_comment_html}}" } Save the Zendesk trigger. You will also need to set up a field in Zendesk to store the GitHub issue number. To do so, follow the steps below: In Zendesk, navigate to Admin Center > Objects and rules > Tickets > Fields > Add field. Use the number field option and give the field a name such as “GitHub Issue Number”. Save the field. In n8n, open the Update ticket node and select the field you created in Zendesk.