@nbakka/mcp-appium 2.0.99 → 3.0.1

package/lib/review-ui/script.js

@@ -1,176 +0,0 @@
-let sessionId = '';
-let testCasesData = {};
-
-function initializeTestCases(data) {
-    sessionId = data.sessionId;
-    testCasesData = data.testCases;
-
-    renderNewTestCases();
-    renderModifiedTestCases();
-    renderRemoveTestCases();
-
-    // Hide empty sections
-    toggleSectionVisibility();
-}
-
-function renderNewTestCases() {
-    const container = document.getElementById('new-testcases');
-    const newCases = testCasesData.new || [];
-
-    if (newCases.length === 0) {
-        container.innerHTML = '<p class="no-cases">No new test cases</p>';
-        return;
-    }
-
-    container.innerHTML = newCases.map((testCase, index) => `
-        <div class="test-case new" data-index="${index}" data-type="new">
-            <div class="test-case-header">
-                <span class="test-type new">New</span>
-                <button class="remove-btn" onclick="removeTestCase('new', ${index})">Remove</button>
-            </div>
-            <div class="test-description">
-                <textarea onchange="updateTestCase('new', ${index}, this.value)">${testCase}</textarea>
-            </div>
-        </div>
-    `).join('');
-}
-
-function renderModifiedTestCases() {
-    const container = document.getElementById('modified-testcases');
-    const modifiedCases = testCasesData.modify || [];
-
-    if (modifiedCases.length === 0) {
-        container.innerHTML = '<p class="no-cases">No modified test cases</p>';
-        return;
-    }
-
-    container.innerHTML = modifiedCases.map((testCase, index) => `
-        <div class="test-case modify" data-index="${index}" data-type="modify">
-            <div class="test-case-header">
-                <span class="test-id">${testCase.id}</span>
-                <div>
-                    <span class="test-type modify">Modify</span>
-                    <button class="remove-btn" onclick="removeTestCase('modify', ${index})">Remove</button>
-                </div>
-            </div>
-            <div class="before-after">
-                <div class="before-content">
-                    <h4>Before (Original)</h4>
-                    <div>${testCase.original}</div>
-                </div>
-                <div class="after-content">
-                    <h4>After (Modified)</h4>
-                    <textarea onchange="updateModifiedTestCase(${index}, this.value)">${testCase.modified}</textarea>
-                </div>
-            </div>
-        </div>
-    `).join('');
-}
-
-function renderRemoveTestCases() {
-    const container = document.getElementById('remove-testcases');
-    const removeCases = testCasesData.remove || [];
-
-    if (removeCases.length === 0) {
-        container.innerHTML = '<p class="no-cases">No test cases to remove</p>';
-        return;
-    }
-
-    container.innerHTML = removeCases.map((testCase, index) => `
-        <div class="test-case remove" data-index="${index}" data-type="remove">
-            <div class="test-case-header">
-                <span class="test-id">${testCase.id}</span>
-                <span class="test-type">Remove</span>
-            </div>
-            <div class="test-description">
-                <div>${testCase.description}</div>
-            </div>
-        </div>
-    `).join('');
-}
-
-function removeTestCase(type, index) {
-    if (confirm('Are you sure you want to remove this test case?')) {
-        testCasesData[type].splice(index, 1);
-
-        if (type === 'new') renderNewTestCases();
-        else if (type === 'modify') renderModifiedTestCases();
-
-        toggleSectionVisibility();
-    }
-}
-
-function updateTestCase(type, index, value) {
-    testCasesData[type][index] = value;
-}
-
-function updateModifiedTestCase(index, value) {
-    testCasesData.modify[index].modified = value;
-}
-
-function toggleSectionVisibility() {
-    const newSection = document.getElementById('new-testcases-section');
-    const modifySection = document.getElementById('modified-testcases-section');
-    const removeSection = document.getElementById('remove-testcases-section');
-
-    newSection.classList.toggle('hidden', !testCasesData.new || testCasesData.new.length === 0);
-    modifySection.classList.toggle('hidden', !testCasesData.modify || testCasesData.modify.length === 0);
-    removeSection.classList.toggle('hidden', !testCasesData.remove || testCasesData.remove.length === 0);
-}
-
-function approveTestCases() {
-    const approveBtn = document.getElementById('approve-btn');
-    const cancelBtn = document.getElementById('cancel-btn');
-    const status = document.getElementById('status');
-
-    approveBtn.disabled = true;
-    cancelBtn.disabled = true;
-    approveBtn.innerHTML = 'Processing...';
-    approveBtn.style.background = '#6c757d';
-
-    status.style.display = 'block';
-    status.className = 'status success';
-    status.innerHTML = 'Test cases approved! Processing...';
-
-    fetch(`/approve/${sessionId}`, {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(testCasesData)
-    })
-    .then(response => response.text())
-    .then(data => {
-        status.innerHTML = data + ' You can close this window.';
-        setTimeout(() => {
-            window.close();
-        }, 3000);
-    })
-    .catch(error => {
-        status.className = 'status error';
-        status.innerHTML = 'Error: ' + error.message;
-        approveBtn.disabled = false;
-        cancelBtn.disabled = false;
-    });
-}
-
-function cancelReview() {
-    if (confirm('Are you sure you want to cancel the review? All changes will be lost.')) {
-        fetch(`/cancel/${sessionId}`, { method: 'POST' })
-        .then(() => {
-            window.close();
-        });
-    }
-}
-
-// Load initial data when page loads
-window.addEventListener('DOMContentLoaded', function() {
-    fetch('/api/testcases')
-        .then(response => response.json())
-        .then(data => {
-            initializeTestCases(data);
-        })
-        .catch(error => {
-            console.error('Error loading test cases:', error);
-        });
-});

package/lib/review-ui/styles.css

@@ -1,244 +0,0 @@
-body {
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    margin: 0;
-    padding: 20px;
-    background-color: #f8f9fa;
-    line-height: 1.6;
-}
-
-.container {
-    max-width: 1400px;
-    margin: 0 auto;
-    background: white;
-    padding: 30px;
-    border-radius: 12px;
-    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
-}
-
-h1 {
-    color: #2c3e50;
-    text-align: center;
-    border-bottom: 3px solid #3498db;
-    padding-bottom: 15px;
-    margin-bottom: 30px;
-}
-
-h2 {
-    color: #34495e;
-    border-left: 4px solid #3498db;
-    padding-left: 15px;
-    margin-top: 30px;
-}
-
-.section {
-    margin-bottom: 40px;
-    padding: 20px;
-    border: 1px solid #e9ecef;
-    border-radius: 8px;
-    background: #fdfdfd;
-}
-
-.test-case {
-    margin: 15px 0;
-    padding: 20px;
-    border: 1px solid #dee2e6;
-    border-radius: 8px;
-    background: white;
-    position: relative;
-}
-
-.test-case.new {
-    border-left: 4px solid #28a745;
-}
-
-.test-case.modify {
-    border-left: 4px solid #ffc107;
-}
-
-.test-case.remove {
-    border-left: 4px solid #dc3545;
-    background: #fff5f5;
-}
-
-.test-case-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 15px;
-}
-
-.test-id {
-    font-weight: bold;
-    color: #3498db;
-    font-size: 14px;
-    background: #ecf0f1;
-    padding: 4px 8px;
-    border-radius: 4px;
-}
-
-.test-type {
-    padding: 4px 12px;
-    border-radius: 20px;
-    font-size: 12px;
-    font-weight: bold;
-    text-transform: uppercase;
-}
-
-.test-type.new {
-    background: #d4edda;
-    color: #155724;
-}
-
-.test-type.modify {
-    background: #fff3cd;
-    color: #856404;
-}
-
-.remove-btn {
-    background: #dc3545;
-    color: white;
-    border: none;
-    padding: 6px 12px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 12px;
-}
-
-.remove-btn:hover {
-    background: #c82333;
-}
-
-.test-description {
-    margin: 10px 0;
-}
-
-.test-description textarea {
-    width: 100%;
-    min-height: 60px;
-    padding: 10px;
-    border: 1px solid #ced4da;
-    border-radius: 4px;
-    font-family: inherit;
-    resize: vertical;
-}
-
-.test-description textarea:focus {
-    outline: none;
-    border-color: #3498db;
-    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
-}
-
-.before-after {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 15px;
-    margin-top: 15px;
-}
-
-.before-content, .after-content {
-    padding: 10px;
-    border-radius: 4px;
-}
-
-.before-content {
-    background: #f8f9fa;
-    border: 1px solid #dee2e6;
-}
-
-.after-content {
-    background: #fff;
-    border: 1px solid #ced4da;
-}
-
-.before-content h4, .after-content h4 {
-    margin: 0 0 8px 0;
-    font-size: 14px;
-    color: #495057;
-}
-
-.after-content textarea {
-    width: 100%;
-    min-height: 50px;
-    border: 1px solid #ced4da;
-    border-radius: 4px;
-    padding: 8px;
-    font-family: inherit;
-}
-
-.button-container {
-    text-align: center;
-    margin-top: 40px;
-    padding-top: 30px;
-    border-top: 2px solid #e9ecef;
-}
-
-button {
-    padding: 15px 30px;
-    margin: 0 10px;
-    border: none;
-    border-radius: 6px;
-    cursor: pointer;
-    font-size: 16px;
-    font-weight: bold;
-    transition: all 0.3s ease;
-}
-
-#approve-btn {
-    background: #28a745;
-    color: white;
-}
-
-#approve-btn:hover {
-    background: #218838;
-    transform: translateY(-1px);
-}
-
-#cancel-btn {
-    background: #6c757d;
-    color: white;
-}
-
-#cancel-btn:hover {
-    background: #5a6268;
-}
-
-.status {
-    text-align: center;
-    margin-top: 20px;
-    font-weight: bold;
-    display: none;
-    padding: 15px;
-    border-radius: 6px;
-}
-
-.status.success {
-    background: #d4edda;
-    color: #155724;
-    border: 1px solid #c3e6cb;
-}
-
-.status.error {
-    background: #f8d7da;
-    color: #721c24;
-    border: 1px solid #f5c6cb;
-}
-
-.hidden {
-    display: none !important;
-}
-
-@media (max-width: 768px) {
-    .before-after {
-        grid-template-columns: 1fr;
-    }
-
-    .container {
-        padding: 15px;
-    }
-
-    button {
-        display: block;
-        width: 100%;
-        margin: 5px 0;
-    }
-}