Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>CNC G-Code Auditor — BreyAIrev</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"> | |
| <style> | |
| * { margin: 0; padding: 0; box-sizing: border-box; } | |
| :root { | |
| --bg: #0a0e1a; | |
| --surface: #111827; | |
| --surface2: #1a2235; | |
| --border: #2a3550; | |
| --text: #e8edf5; | |
| --text-dim: #8892a8; | |
| --accent: #3b82f6; | |
| --accent2: #8b5cf6; | |
| --success: #10b981; | |
| --warning: #f59e0b; | |
| --danger: #ef4444; | |
| --gradient: linear-gradient(135deg, #3b82f6, #8b5cf6); | |
| } | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| background: var(--bg); | |
| color: var(--text); | |
| min-height: 100vh; | |
| } | |
| .header { | |
| background: linear-gradient(180deg, rgba(59,130,246,0.08) 0%, transparent 100%); | |
| border-bottom: 1px solid var(--border); | |
| padding: 1.5rem 2rem; | |
| text-align: center; | |
| } | |
| .header h1 { | |
| font-size: 1.8rem; | |
| font-weight: 700; | |
| background: var(--gradient); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| margin-bottom: 0.3rem; | |
| } | |
| .header p { | |
| color: var(--text-dim); | |
| font-size: 0.9rem; | |
| } | |
| .badge { | |
| display: inline-block; | |
| padding: 0.2rem 0.6rem; | |
| border-radius: 999px; | |
| font-size: 0.7rem; | |
| font-weight: 600; | |
| margin: 0.3rem 0.15rem; | |
| } | |
| .badge-fanuc { background: rgba(239,68,68,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.3); } | |
| .badge-siemens { background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.3); } | |
| .badge-heidenhain { background: rgba(16,185,129,0.15); color: #34d399; border: 1px solid rgba(16,185,129,0.3); } | |
| .container { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| padding: 1.5rem; | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 1.5rem; | |
| } | |
| @media (max-width: 768px) { | |
| .container { grid-template-columns: 1fr; } | |
| } | |
| .panel { | |
| background: var(--surface); | |
| border: 1px solid var(--border); | |
| border-radius: 12px; | |
| overflow: hidden; | |
| } | |
| .panel-header { | |
| padding: 0.8rem 1.2rem; | |
| background: var(--surface2); | |
| border-bottom: 1px solid var(--border); | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .panel-header h3 { | |
| font-size: 0.85rem; | |
| font-weight: 600; | |
| color: var(--text); | |
| } | |
| .panel-body { padding: 1rem; } | |
| textarea { | |
| width: 100%; | |
| min-height: 350px; | |
| background: var(--bg); | |
| border: 1px solid var(--border); | |
| border-radius: 8px; | |
| color: var(--text); | |
| font-family: 'JetBrains Mono', monospace; | |
| font-size: 0.82rem; | |
| padding: 1rem; | |
| resize: vertical; | |
| outline: none; | |
| line-height: 1.6; | |
| transition: border-color 0.2s; | |
| } | |
| textarea:focus { border-color: var(--accent); } | |
| .controls { | |
| display: flex; | |
| gap: 0.5rem; | |
| margin-top: 0.8rem; | |
| flex-wrap: wrap; | |
| } | |
| select { | |
| background: var(--surface2); | |
| border: 1px solid var(--border); | |
| color: var(--text); | |
| padding: 0.5rem 0.8rem; | |
| border-radius: 6px; | |
| font-family: 'Inter', sans-serif; | |
| font-size: 0.82rem; | |
| cursor: pointer; | |
| } | |
| button { | |
| padding: 0.55rem 1.5rem; | |
| border: none; | |
| border-radius: 6px; | |
| font-family: 'Inter', sans-serif; | |
| font-size: 0.85rem; | |
| font-weight: 600; | |
| cursor: pointer; | |
| transition: all 0.2s; | |
| } | |
| .btn-primary { | |
| background: var(--gradient); | |
| color: white; | |
| flex: 1; | |
| } | |
| .btn-primary:hover { opacity: 0.9; transform: translateY(-1px); } | |
| .btn-secondary { | |
| background: var(--surface2); | |
| color: var(--text-dim); | |
| border: 1px solid var(--border); | |
| } | |
| .results { | |
| min-height: 350px; | |
| max-height: 500px; | |
| overflow-y: auto; | |
| } | |
| .result-item { | |
| display: flex; | |
| gap: 0.6rem; | |
| padding: 0.6rem 0; | |
| border-bottom: 1px solid rgba(255,255,255,0.04); | |
| font-size: 0.82rem; | |
| align-items: flex-start; | |
| } | |
| .result-icon { | |
| width: 20px; | |
| height: 20px; | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-size: 0.65rem; | |
| flex-shrink: 0; | |
| margin-top: 2px; | |
| } | |
| .icon-error { background: rgba(239,68,68,0.2); color: #f87171; } | |
| .icon-warn { background: rgba(245,158,11,0.2); color: #fbbf24; } | |
| .icon-ok { background: rgba(16,185,129,0.2); color: #34d399; } | |
| .icon-info { background: rgba(59,130,246,0.2); color: #60a5fa; } | |
| .result-line { color: var(--text-dim); font-family: 'JetBrains Mono', monospace; font-size: 0.72rem; } | |
| .score-bar { | |
| margin-top: 1rem; | |
| padding: 1rem; | |
| background: var(--surface2); | |
| border-radius: 8px; | |
| text-align: center; | |
| } | |
| .score-value { | |
| font-size: 2.5rem; | |
| font-weight: 700; | |
| background: var(--gradient); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| .score-label { color: var(--text-dim); font-size: 0.75rem; margin-top: 0.2rem; } | |
| .stats { | |
| display: grid; | |
| grid-template-columns: repeat(4, 1fr); | |
| gap: 0.5rem; | |
| margin-top: 0.8rem; | |
| } | |
| .stat { | |
| text-align: center; | |
| padding: 0.5rem; | |
| background: var(--bg); | |
| border-radius: 6px; | |
| } | |
| .stat-num { font-size: 1.1rem; font-weight: 700; } | |
| .stat-label { font-size: 0.65rem; color: var(--text-dim); } | |
| .stat-num.errors { color: #f87171; } | |
| .stat-num.warnings { color: #fbbf24; } | |
| .stat-num.good { color: #34d399; } | |
| .empty-state { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| height: 300px; | |
| color: var(--text-dim); | |
| } | |
| .empty-state .icon { font-size: 3rem; margin-bottom: 1rem; opacity: 0.3; } | |
| .empty-state p { font-size: 0.85rem; } | |
| .footer { | |
| text-align: center; | |
| padding: 1.5rem; | |
| color: var(--text-dim); | |
| font-size: 0.75rem; | |
| } | |
| .footer a { color: var(--accent); text-decoration: none; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="header"> | |
| <h1>🔧 CNC G-Code Auditor</h1> | |
| <p>Professional G-code validation for Fanuc, Siemens & Heidenhain</p> | |
| <div> | |
| <span class="badge badge-fanuc">FANUC</span> | |
| <span class="badge badge-siemens">SINUMERIK</span> | |
| <span class="badge badge-heidenhain">HEIDENHAIN</span> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <div class="panel"> | |
| <div class="panel-header"> | |
| <h3>📝 G-Code Input</h3> | |
| <span style="color:var(--text-dim); font-size:0.72rem;" id="lineCount">0 lines</span> | |
| </div> | |
| <div class="panel-body"> | |
| <textarea id="gcodeInput" placeholder="Paste your G-code here... | |
| Example: | |
| O0001 | |
| G90 G54 | |
| T1 M6 | |
| S2000 M3 | |
| G43 H1 Z50. | |
| G81 X10. Y10. Z-5. R2. F200 | |
| G80 | |
| M5 | |
| M30"></textarea> | |
| <div class="controls"> | |
| <select id="dialect"> | |
| <option value="fanuc">Fanuc</option> | |
| <option value="siemens">Siemens SINUMERIK</option> | |
| <option value="heidenhain">Heidenhain TNC</option> | |
| </select> | |
| <button class="btn-primary" onclick="auditCode()">⚡ Audit G-Code</button> | |
| <button class="btn-secondary" onclick="loadExample()">📋 Example</button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="panel"> | |
| <div class="panel-header"> | |
| <h3>📊 Audit Results</h3> | |
| </div> | |
| <div class="panel-body"> | |
| <div id="results" class="results"> | |
| <div class="empty-state"> | |
| <div class="icon">🔍</div> | |
| <p>Paste G-code and click Audit</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="footer"> | |
| Built by <a href="https://huggingface.co/BreyAIrev">BreyAIrev</a> — | |
| Expert CNC & IoT datasets available on <a href="https://huggingface.co/BreyAIrev">HuggingFace</a> | |
| </div> | |
| <script> | |
| const gcodeInput = document.getElementById('gcodeInput'); | |
| const resultsDiv = document.getElementById('results'); | |
| const lineCountEl = document.getElementById('lineCount'); | |
| gcodeInput.addEventListener('input', () => { | |
| const lines = gcodeInput.value.split('\n').filter(l => l.trim()).length; | |
| lineCountEl.textContent = `${lines} lines`; | |
| }); | |
| function loadExample() { | |
| const dialect = document.getElementById('dialect').value; | |
| const examples = { | |
| fanuc: `O0001 (POCKET MILLING) | |
| G90 G54 | |
| T1 M6 | |
| S2000 M3 | |
| G43 H1 Z50. | |
| G0 X0 Y0 | |
| G1 Z-5. F100 | |
| G1 X50. F300 | |
| G1 Y30. | |
| G1 X0 | |
| G1 Y0 | |
| G0 Z50 | |
| G80 | |
| M5 | |
| G28 G91 Z0 | |
| M30`, | |
| siemens: `; POCKET CYCLE | |
| G90 G54 | |
| T1 D1 | |
| M6 | |
| S2000 M3 | |
| G0 X0 Y0 Z50 | |
| CYCLE81(50, 0, 1, -15) | |
| G0 Z50 | |
| M5 | |
| M30`, | |
| heidenhain: `0 BEGIN PGM POCKET MM | |
| 1 BLK FORM 0.1 Z X+0 Y+0 Z-30 | |
| 2 BLK FORM 0.2 X+100 Y+80 Z+0 | |
| 3 TOOL CALL 1 Z S2000 | |
| 4 L Z+50 R0 FMAX M3 | |
| 5 L X+50 Y+40 R0 FMAX | |
| 6 CYCL DEF 200 DRILLING | |
| Q200=2 SET-UP CLEARANCE | |
| Q201=-15 DEPTH | |
| Q206=150 FEED RATE | |
| 7 CYCL CALL | |
| 8 L Z+50 R0 FMAX M5 | |
| 9 END PGM POCKET MM` | |
| }; | |
| gcodeInput.value = examples[dialect]; | |
| gcodeInput.dispatchEvent(new Event('input')); | |
| } | |
| function auditCode() { | |
| const code = gcodeInput.value.trim(); | |
| if (!code) return; | |
| const dialect = document.getElementById('dialect').value; | |
| const lines = code.split('\n'); | |
| const findings = []; | |
| let errors = 0, warnings = 0, good = 0, info = 0; | |
| // === SAFETY CHECKS === | |
| const fullCode = code.toUpperCase(); | |
| // Spindle start | |
| if (dialect === 'fanuc' || dialect === 'siemens') { | |
| if (!fullCode.includes('M3') && !fullCode.includes('M4')) { | |
| findings.push({ type: 'error', msg: 'Missing spindle start (M3/M4)', line: '-' }); | |
| errors++; | |
| } else { good++; findings.push({ type: 'ok', msg: 'Spindle start command found', line: '-' }); } | |
| } | |
| // Spindle stop | |
| if (!fullCode.includes('M5')) { | |
| findings.push({ type: 'error', msg: 'Missing spindle stop (M5) — safety hazard!', line: '-' }); | |
| errors++; | |
| } else { good++; } | |
| // Program end | |
| if (dialect === 'fanuc' && !fullCode.includes('M30') && !fullCode.includes('M2')) { | |
| findings.push({ type: 'error', msg: 'Missing program end (M30/M2)', line: '-' }); | |
| errors++; | |
| } else if (dialect === 'fanuc') { good++; findings.push({ type: 'ok', msg: 'Program end (M30) present', line: '-' }); } | |
| // Work offset | |
| if (dialect !== 'heidenhain') { | |
| if (!fullCode.match(/G5[4-9]/)) { | |
| findings.push({ type: 'warn', msg: 'No work offset (G54-G59) — machine may use wrong zero', line: '-' }); | |
| warnings++; | |
| } else { good++; findings.push({ type: 'ok', msg: 'Work coordinate system defined', line: '-' }); } | |
| } | |
| // Tool call | |
| if (dialect === 'fanuc' && !fullCode.includes('M6') && !fullCode.includes('M06')) { | |
| findings.push({ type: 'warn', msg: 'No tool change (M6) detected', line: '-' }); | |
| warnings++; | |
| } | |
| // Tool length compensation | |
| if (dialect === 'fanuc') { | |
| if (!fullCode.includes('G43') && !fullCode.includes('G44')) { | |
| findings.push({ type: 'warn', msg: 'No tool length compensation (G43/G44) — risk of crash', line: '-' }); | |
| warnings++; | |
| } else { good++; findings.push({ type: 'ok', msg: 'Tool length compensation active', line: '-' }); } | |
| } | |
| // Canned cycle cancel | |
| if (fullCode.match(/G8[1-9]/) && !fullCode.includes('G80')) { | |
| findings.push({ type: 'error', msg: 'Canned cycle started but never cancelled (G80 missing)', line: '-' }); | |
| errors++; | |
| } | |
| // === LINE-BY-LINE CHECKS === | |
| let hasRapid = false; | |
| let lastZ = null; | |
| let feedRateSet = false; | |
| lines.forEach((line, i) => { | |
| const ln = line.trim().toUpperCase(); | |
| const lineNum = i + 1; | |
| // Empty or comment | |
| if (!ln || ln.startsWith('(') || ln.startsWith(';') || ln.startsWith('%')) return; | |
| // Feed rate check | |
| const feedMatch = ln.match(/F(\d+\.?\d*)/); | |
| if (feedMatch) { | |
| const feed = parseFloat(feedMatch[1]); | |
| feedRateSet = true; | |
| if (feed > 5000) { | |
| findings.push({ type: 'warn', msg: `Very high feed rate F${feed} — verify for material`, line: lineNum }); | |
| warnings++; | |
| } | |
| if (feed < 1) { | |
| findings.push({ type: 'warn', msg: `Extremely low feed rate F${feed}`, line: lineNum }); | |
| warnings++; | |
| } | |
| } | |
| // G1 without feed | |
| if (ln.includes('G1 ') || ln.includes('G01')) { | |
| if (!feedRateSet && !ln.includes('F')) { | |
| findings.push({ type: 'warn', msg: 'G1 linear move without feed rate set', line: lineNum }); | |
| warnings++; | |
| } | |
| } | |
| // Spindle speed | |
| const speedMatch = ln.match(/S(\d+)/); | |
| if (speedMatch) { | |
| const rpm = parseInt(speedMatch[1]); | |
| if (rpm > 15000) { | |
| findings.push({ type: 'info', msg: `High spindle speed S${rpm} — HSM operation`, line: lineNum }); | |
| info++; | |
| } | |
| if (rpm < 100 && rpm > 0) { | |
| findings.push({ type: 'warn', msg: `Very low spindle speed S${rpm}`, line: lineNum }); | |
| warnings++; | |
| } | |
| } | |
| // Rapid moves | |
| if (ln.includes('G0 ') || ln.includes('G00')) { | |
| hasRapid = true; | |
| // Check rapid into material | |
| const zMatch = ln.match(/Z(-?\d+\.?\d*)/); | |
| if (zMatch && parseFloat(zMatch[1]) < 0) { | |
| findings.push({ type: 'error', msg: `Rapid move (G0) to negative Z${zMatch[1]} — CRASH RISK!`, line: lineNum }); | |
| errors++; | |
| } | |
| } | |
| // Absolute vs incremental | |
| if (ln.includes('G91') && ln.includes('G90')) { | |
| findings.push({ type: 'warn', msg: 'Both G90 and G91 on same line — ambiguous', line: lineNum }); | |
| warnings++; | |
| } | |
| // Duplicate M codes | |
| const mCodes = ln.match(/M\d+/g); | |
| if (mCodes && mCodes.length > 2) { | |
| findings.push({ type: 'warn', msg: `Multiple M-codes on one line (${mCodes.join(', ')})`, line: lineNum }); | |
| warnings++; | |
| } | |
| }); | |
| // Safe retract | |
| if (dialect === 'fanuc' && !fullCode.includes('G28') && !fullCode.includes('G30')) { | |
| findings.push({ type: 'info', msg: 'No safe retract (G28/G30) — consider adding before M30', line: '-' }); | |
| info++; | |
| } | |
| // Coolant | |
| if (!fullCode.includes('M8') && !fullCode.includes('M7')) { | |
| findings.push({ type: 'info', msg: 'No coolant command (M7/M8) — dry machining?', line: '-' }); | |
| info++; | |
| } | |
| // === RENDER RESULTS === | |
| const score = Math.max(0, Math.min(100, 100 - (errors * 20) - (warnings * 5))); | |
| let html = ` | |
| <div class="score-bar"> | |
| <div class="score-value">${score}/100</div> | |
| <div class="score-label">${score >= 80 ? '✅ Good — minor improvements possible' : score >= 50 ? '⚠️ Needs attention' : '❌ Critical issues found'}</div> | |
| </div> | |
| <div class="stats"> | |
| <div class="stat"><div class="stat-num errors">${errors}</div><div class="stat-label">Errors</div></div> | |
| <div class="stat"><div class="stat-num warnings">${warnings}</div><div class="stat-label">Warnings</div></div> | |
| <div class="stat"><div class="stat-num good">${good}</div><div class="stat-label">Passed</div></div> | |
| <div class="stat"><div class="stat-num" style="color:var(--accent)">${info}</div><div class="stat-label">Info</div></div> | |
| </div> | |
| `; | |
| // Sort: errors first, then warnings, then info, then ok | |
| const order = { error: 0, warn: 1, info: 2, ok: 3 }; | |
| findings.sort((a, b) => order[a.type] - order[b.type]); | |
| findings.forEach(f => { | |
| const iconClass = f.type === 'error' ? 'icon-error' : f.type === 'warn' ? 'icon-warn' : f.type === 'ok' ? 'icon-ok' : 'icon-info'; | |
| const icon = f.type === 'error' ? '✕' : f.type === 'warn' ? '!' : f.type === 'ok' ? '✓' : 'i'; | |
| html += ` | |
| <div class="result-item"> | |
| <div class="result-icon ${iconClass}">${icon}</div> | |
| <div> | |
| <div>${f.msg}</div> | |
| ${f.line !== '-' ? `<span class="result-line">Line ${f.line}</span>` : ''} | |
| </div> | |
| </div> | |
| `; | |
| }); | |
| resultsDiv.innerHTML = html; | |
| } | |
| </script> | |
| </body> | |
| </html> | |