{"id":46397890,"url":"https://github.com/pedropaulovc/el400","last_synced_at":"2026-03-05T10:12:59.130Z","repository":{"id":329513679,"uuid":"1111481772","full_name":"pedropaulovc/el400","owner":"pedropaulovc","description":"Web simulator for the Electronica EL400, a.k.a. MagXact MX-100M, digital readout","archived":false,"fork":false,"pushed_at":"2026-02-28T22:56:21.000Z","size":6091,"stargazers_count":1,"open_issues_count":9,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-02-28T23:47:26.973Z","etag":null,"topics":["digital-readout","dro","el400","electronica","simulator"],"latest_commit_sha":null,"homepage":"https://el400.vza.net","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pedropaulovc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2025-12-07T02:47:32.000Z","updated_at":"2026-02-02T02:31:24.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/pedropaulovc/el400","commit_stats":null,"previous_names":["pedropaulovc/el400"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pedropaulovc/el400","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedropaulovc%2Fel400","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedropaulovc%2Fel400/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedropaulovc%2Fel400/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedropaulovc%2Fel400/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pedropaulovc","download_url":"https://codeload.github.com/pedropaulovc/el400/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pedropaulovc%2Fel400/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30118934,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T09:35:22.236Z","status":"ssl_error","status_checked_at":"2026-03-05T09:35:20.028Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["digital-readout","dro","el400","electronica","simulator"],"created_at":"2026-03-05T10:12:58.476Z","updated_at":"2026-03-05T10:12:59.105Z","avatar_url":"https://github.com/pedropaulovc.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# EL400 Digital Readout (DRO) Simulator\n\nA faithful web-based simulator for the Electronica EL400 (a.k.a. MagXact MX-100M) digital readout (DRO) system.\n\n**Live version**: [el400.vza.net](https://el400.vza.net)\n\n![EL400 Simulator](public/el400-screenshot.png)\n\n## Overview\n\nCNC milling machine users sometimes need to operate their machines in fully manual mode, using a [pendant controller](https://github.com/pedropaulovc/whb04b-6) for precise jogging and positioning. However, current G-code sender applications are not optimized for this workflow.\n\n### The Problem with Current G-Code Senders\n\nPopular G-code senders like [CNCjs](https://github.com/cncjs/cncjs) and [Universal Gcode Sender (UGS)](https://github.com/winder/Universal-G-Code-Sender) are designed primarily for mouse and keyboard interaction. Their interfaces are cramped and difficult to use on touch screens:\n\n| CNCjs | Universal Gcode Sender |\n|-------|------------------------|\n| ![CNCjs interface](public/cncjs-screenshot.png) | ![UGS interface](public/ugs-screenshot.png) |\n| *Dense UI with small buttons* | *Complex panels optimized for desktop* |\n\nMore importantly, these G-code senders lack essential machinist calculator functions that traditional DRO units provide out of the box:\n\n| Feature | EL400 DRO | CNCjs | UGS |\n|---------|-----------|-------|-----|\n| Half Function (centerline finding) | Yes | No | No |\n| Built-in Calculator | Yes | No | No |\n| Bolt Hole Circle | Yes | No | No |\n| Bolt Hole Arc | Yes | No | No |\n| Linear Hole Patterns | Yes | No | No |\n| Grid Patterns | Yes | No | No |\n| Center of Circle (3-point) | Yes | No | No |\n| Center of Line | Yes | No | No |\n| Arc Contouring | Yes | No | No |\n| Taper Calculations | Yes | No | No |\n| Distance to Go | Yes | Partial | Partial |\n| Sub-Datum Memory | Yes | No | No |\n\n### The Solution\n\nThis project recreates the EL400/MX-100M DRO interface as a web application, designed to be integrated with G-code senders. When displayed maximized on a touch screen alongside a pendant controller, it provides ergonomics equivalent to manual milling machines equipped with a traditional DRO unit.\n\nThe simulator focuses on:\n- **Touch-friendly interface**: Large buttons and displays optimized for shop floor use\n- **Complete machinist functions**: All the calculator features machinists expect from a DRO\n- **CNC integration**: Connect to CNCjs or other G-code senders for live position display\n- **Accessibility**: WCAG compliance, keyboard navigation, screen reader support, forced-colors mode ([details](ACCESSIBILITY.md))\n- **Accurate reproduction**: Faithful recreation of the original hardware's behavior\n\n## Project Info\n\n**Live version**: [el400.vza.net](https://el400.vza.net)\n\n**Lovable project URL**: https://lovable.dev/projects/269190d5-da7b-4375-80fd-1a9891f19e6a\n\n## Tech Stack\n\n- Vite\n- TypeScript\n- React\n- shadcn-ui\n- Tailwind CSS\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js \u0026 npm - [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating)\n\n### Installation\n\n```sh\n# Clone the repository\ngit clone \u003cYOUR_GIT_URL\u003e\n\n# Navigate to the project directory\ncd \u003cYOUR_PROJECT_NAME\u003e\n\n# Install dependencies\nnpm i\n\n# Start development server\nnpm run dev\n```\n\n## Using with CNCjs\n\nThe DRO can display live position data from your CNC machine when used with [CNCjs](https://github.com/cncjs/cncjs):\n\n1. **As an embedded widget**: Add the DRO as a CNCjs widget to your workspace\n2. **As a standalone window**: Open `http://your-cncjs-host:8000/?source=cncjs\u0026host=localhost\u0026port=8000`\n\nSupported controllers: GRBL, GrblHAL, TinyG, Smoothie, Marlin\n\nFor technical details, see [ARCHITECTURE.md](ARCHITECTURE.md).\n\n## How to Edit This Code\n\n**Use Lovable**\n\nThe [Lovable Project](https://lovable.dev/projects/269190d5-da7b-4375-80fd-1a9891f19e6a) is public. Click the **Remix** button to create your own copy and start prompting.\n\n**Use your preferred IDE**\n\nClone this repo and push changes.\n\n**Edit a file directly in GitHub**\n\n- Navigate to the desired file(s).\n- Click the \"Edit\" button (pencil icon) at the top right of the file view.\n- Make your changes and commit the changes.\n\n**Use GitHub Codespaces**\n\n- Navigate to the main page of your repository.\n- Click on the \"Code\" button (green button) near the top right.\n- Select the \"Codespaces\" tab.\n- Click on \"New codespace\" to launch a new Codespace environment.\n- Edit files directly within the Codespace and commit and push your changes once you're done.\n\n## DRO Specifications\n\nThe simulator behavior is based on official manuals:\n- [EL400 Operation Manual](https://www.dropros.com/documents/EL400%20OpManual.pdf)\n- [MagXact MX-100M Manual](https://cdn.shopify.com/s/files/1/0576/0984/6859/files/MagXact-MX-100M-Mill-DRO-V1-9-1-2021.pdf)\n\n## License\n\nMIT License - see LICENSE file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpedropaulovc%2Fel400","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpedropaulovc%2Fel400","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpedropaulovc%2Fel400/lists"}