@rashidazarang/airtable-mcp 1.5.0 → 2.1.0

package/airtable-clipper/extension/styles/popup.css

@@ -0,0 +1,477 @@
+/* Airtable Clipper Popup Styles */
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  width: 320px;
+  min-height: 400px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #1f2937;
+  background-color: #ffffff;
+}
+
+/* Header */
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  border-bottom: 1px solid #e5e7eb;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+}
+
+.logo {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.logo-icon {
+  width: 24px;
+  height: 24px;
+}
+
+.logo h1 {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.connection-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+}
+
+.status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: #ef4444;
+}
+
+.status-dot.connected {
+  background-color: #10b981;
+}
+
+.status-dot.connecting {
+  background-color: #f59e0b;
+  animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+/* Quick Actions */
+.quick-actions {
+  padding: 16px;
+}
+
+.action-btn {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 12px;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+
+.action-btn.primary {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
+}
+
+.action-btn.primary:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
+}
+
+.action-btn.secondary {
+  background-color: #f3f4f6;
+  color: #374151;
+  border: 1px solid #d1d5db;
+}
+
+.action-btn.secondary:hover {
+  background-color: #e5e7eb;
+}
+
+.action-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  transform: none !important;
+}
+
+.btn-icon {
+  font-size: 18px;
+  margin-right: 10px;
+}
+
+.btn-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1;
+}
+
+.btn-text {
+  font-weight: 500;
+}
+
+.btn-subtext {
+  font-size: 12px;
+  opacity: 0.8;
+  margin-top: 2px;
+}
+
+.action-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+}
+
+.action-row .action-btn {
+  margin-bottom: 0;
+  padding: 10px 8px;
+  font-size: 13px;
+}
+
+.action-row .btn-text {
+  font-size: 12px;
+}
+
+/* Configuration */
+.configuration {
+  padding: 16px;
+}
+
+.config-section h3 {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 8px;
+  color: #111827;
+}
+
+.help-text {
+  font-size: 13px;
+  color: #6b7280;
+  margin-bottom: 16px;
+}
+
+.form-group {
+  margin-bottom: 16px;
+}
+
+.form-group label {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+  margin-bottom: 4px;
+  color: #374151;
+}
+
+.form-group input,
+.form-group select {
+  width: 100%;
+  padding: 8px 12px;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  font-size: 14px;
+  transition: border-color 0.2s ease;
+}
+
+.form-group input:focus,
+.form-group select:focus {
+  outline: none;
+  border-color: #667eea;
+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+}
+
+.help-link {
+  display: inline-block;
+  font-size: 12px;
+  color: #667eea;
+  text-decoration: none;
+  margin-top: 4px;
+}
+
+.help-link:hover {
+  text-decoration: underline;
+}
+
+.btn {
+  padding: 10px 16px;
+  border: none;
+  border-radius: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.btn.primary {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+}
+
+.btn.primary:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
+}
+
+.btn.full-width {
+  width: 100%;
+}
+
+.btn-loading {
+  margin-right: 8px;
+}
+
+/* Settings */
+.settings {
+  padding: 16px;
+  border-top: 1px solid #e5e7eb;
+}
+
+.setting-item {
+  margin-bottom: 16px;
+}
+
+.setting-item label {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+  margin-bottom: 4px;
+  color: #374151;
+}
+
+.setting-item select {
+  width: 100%;
+  padding: 6px 10px;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  font-size: 13px;
+}
+
+/* Checkbox styling */
+.checkbox-label {
+  display: flex !important;
+  align-items: center;
+  cursor: pointer;
+  font-size: 13px !important;
+  margin-bottom: 0 !important;
+}
+
+.checkbox-label input[type="checkbox"] {
+  display: none;
+}
+
+.checkmark {
+  width: 16px;
+  height: 16px;
+  border: 2px solid #d1d5db;
+  border-radius: 3px;
+  margin-right: 8px;
+  position: relative;
+  transition: all 0.2s ease;
+}
+
+.checkbox-label input[type="checkbox"]:checked + .checkmark {
+  background-color: #667eea;
+  border-color: #667eea;
+}
+
+.checkbox-label input[type="checkbox"]:checked + .checkmark::after {
+  content: '✓';
+  position: absolute;
+  top: -2px;
+  left: 2px;
+  color: white;
+  font-size: 12px;
+  font-weight: bold;
+}
+
+/* Status Messages */
+.status-message {
+  position: absolute;
+  top: 60px;
+  left: 16px;
+  right: 16px;
+  background-color: #f0fdf4;
+  border: 1px solid #bbf7d0;
+  border-radius: 6px;
+  padding: 12px;
+  z-index: 1000;
+  animation: slideIn 0.3s ease;
+}
+
+.status-message.error {
+  background-color: #fef2f2;
+  border-color: #fecaca;
+}
+
+.status-content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.status-icon {
+  font-size: 16px;
+}
+
+.status-text {
+  flex: 1;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.status-close {
+  background: none;
+  border: none;
+  font-size: 16px;
+  cursor: pointer;
+  color: #6b7280;
+}
+
+@keyframes slideIn {
+  from {
+    transform: translateY(-10px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+/* Footer */
+.footer {
+  border-top: 1px solid #e5e7eb;
+  padding: 12px 16px;
+  background-color: #f9fafb;
+}
+
+.footer-links {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.footer-link {
+  background: none;
+  border: none;
+  color: #667eea;
+  font-size: 12px;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+.footer-link:hover {
+  text-decoration: underline;
+}
+
+.usage-info {
+  text-align: center;
+}
+
+.usage-text {
+  font-size: 11px;
+  color: #6b7280;
+}
+
+/* Loading Overlay */
+.loading-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.9);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  z-index: 2000;
+}
+
+.loading-spinner {
+  width: 32px;
+  height: 32px;
+  border: 3px solid #e5e7eb;
+  border-top: 3px solid #667eea;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+  margin-bottom: 12px;
+}
+
+.loading-text {
+  font-size: 14px;
+  color: #6b7280;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Responsive adjustments */
+@media (max-width: 350px) {
+  body {
+    width: 300px;
+  }
+  
+  .action-row {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* Dark mode support */
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #1f2937;
+    color: #f3f4f6;
+  }
+  
+  .header {
+    border-bottom-color: #374151;
+  }
+  
+  .action-btn.secondary {
+    background-color: #374151;
+    color: #f3f4f6;
+    border-color: #4b5563;
+  }
+  
+  .action-btn.secondary:hover {
+    background-color: #4b5563;
+  }
+  
+  .form-group input,
+  .form-group select,
+  .setting-item select {
+    background-color: #374151;
+    border-color: #4b5563;
+    color: #f3f4f6;
+  }
+  
+  .footer {
+    background-color: #374151;
+    border-top-color: #4b5563;
+  }
+}

package/airtable-clipper/privacy-policy.md

@@ -0,0 +1,63 @@
+# Privacy Policy for Airtable Clipper
+
+**Last updated: August 15, 2025**
+
+## Overview
+
+Airtable Clipper is a Chrome extension that allows users to save web content to their Airtable bases. We are committed to protecting your privacy and being transparent about our data practices.
+
+## Information We Collect
+
+### Authentication Information
+- **Airtable Personal Access Token**: Stored locally in your browser to authenticate with your Airtable account
+- **Airtable Base ID**: Stored locally to identify which Airtable base to save content to
+
+### Website Content
+- **Page Information**: When you save a page, we collect the page title, URL, and any content you choose to save
+- **LinkedIn Profile Data**: When saving LinkedIn profiles, we extract publicly available profile information (name, title, company, etc.)
+
+## How We Use Your Information
+
+- **Authentication**: Your Airtable credentials are used solely to save content to your chosen Airtable base
+- **Content Saving**: Website content is processed and sent directly to your Airtable base
+- **Local Storage**: All authentication data is stored locally in your browser using Chrome's secure storage API
+
+## Data Sharing and Third Parties
+
+- **No Data Sale**: We do not sell, rent, or trade your personal information to third parties
+- **Airtable Integration**: Content is sent directly to your Airtable account via their official API
+- **No External Servers**: We do not store your data on our servers or send it anywhere except directly to your Airtable account
+
+## Data Security
+
+- **Local Storage**: Authentication credentials are stored securely in your browser using Chrome's encrypted storage
+- **HTTPS**: All communications with Airtable use secure HTTPS connections
+- **No Logging**: We do not log or track your usage of the extension
+
+## Data Retention
+
+- **Local Storage**: Data is stored locally until you disconnect the extension or uninstall it
+- **User Control**: You can disconnect and clear all stored data at any time through the extension's settings
+
+## Your Rights
+
+- **Access**: You control all data stored by the extension
+- **Deletion**: You can disconnect the extension to remove all stored authentication data
+- **Portability**: All saved content goes directly to your Airtable account, which you control
+
+## Changes to This Policy
+
+We may update this privacy policy occasionally. Changes will be posted on this page with an updated revision date.
+
+## Contact Us
+
+If you have questions about this privacy policy or the extension, please contact us at:
+- GitHub: https://github.com/rashidazarang/airtable-clipper/issues
+
+## Compliance
+
+This extension complies with:
+- Chrome Web Store Developer Program Policies
+- General Data Protection Regulation (GDPR)
+- California Consumer Privacy Act (CCPA)
+- Airtable's Terms of Service and API Usage Guidelines