Changes to zapraw.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   ZapRaw
+   View raw events from Zapier integration logs with the best developer experience
+ 
+ 
+ 
+   
+     
+       
+       
+     
+     
+       Loading logs...
+     
+   
+ 
+ 
+ 
+   Built for developers who love clean, raw data
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://zapraw.scroll.pub
+ metaTags
+ editButton /edit.html
+ title ZapRaw - View Raw Zapier Integration Logs
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "37bb669c-122c-412a-9227-83357741da6e",
+   "object": "chat.completion",
+   "created": 1735333339,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\nzapraw.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://zapraw.scroll.pub\nmetaTags\neditButton /edit.html\ntitle ZapRaw - View Raw Zapier Integration Logs\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  ZapRaw\n  View raw events from Zapier integration logs with the best developer experience
\n\n\n\n  \n    \n      \n      \n    
\n    \n      Loading logs...\n    
\n  \n\n\n\n  Built for developers who love clean, raw data
\n\n---style.css---\n:root {\n  --primary-color: #4f46e5;\n  --secondary-color: #1e293b;\n  --background-color: #f8fafc;\n  --text-color: #1e293b;\n  --border-color: #e2e8f0;\n}\n\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n}\n\n.header {\n  background-color: var(--primary-color);\n  color: white;\n  padding: 2rem;\n  text-align: center;\n}\n\n.header h1 {\n  margin: 0;\n  font-size: 2.5rem;\n}\n\n.header p {\n  margin: 0.5rem 0 0;\n  font-size: 1.1rem;\n}\n\n.main-content {\n  max-width: 1200px;\n  margin: 2rem auto;\n  padding: 0 1rem;\n}\n\n.log-viewer {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.controls {\n  display: flex;\n  gap: 1rem;\n  padding: 1rem;\n  border-bottom: 1px solid var(--border-color);\n}\n\n.btn {\n  background-color: var(--primary-color);\n  color: white;\n  border: none;\n  padding: 0.5rem 1rem;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background-color 0.2s;\n}\n\n.btn:hover {\n  background-color: #4338ca;\n}\n\n.search-input {\n  flex-grow: 1;\n  padding: 0.5rem;\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n}\n\n.log-container {\n  padding: 1rem;\n  max-height: 600px;\n  overflow-y: auto;\n}\n\npre {\n  margin: 0;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace;\n  font-size: 0.9rem;\n  line-height: 1.5;\n  color: var(--secondary-color);\n}\n\n.footer {\n  text-align: center;\n  padding: 1rem;\n  color: #64748b;\n  font-size: 0.9rem;\n}\n\n@media (max-width: 768px) {\n  .header h1 {\n    font-size: 2rem;\n  }\n\n  .header p {\n    font-size: 1rem;\n  }\n\n  .controls {\n    flex-direction: column;\n  }\n\n  .btn {\n    width: 100%;\n  }\n}\n---script.js---\ndocument.addEventListener('DOMContentLoaded', function() {\n  const logContent = document.getElementById('log-content');\n  const refreshBtn = document.getElementById('refresh-btn');\n  const searchInput = document.getElementById('search-input');\n\n  function fetchLogs() {\n    fetch('/api/logs')\n      .then(response => response.json())\n      .then(data => {\n        logContent.textContent = JSON.stringify(data, null, 2);\n      })\n      .catch(error => {\n        logContent.textContent = 'Error loading logs: ' + error.message;\n      });\n  }\n\n  function filterLogs() {\n    const searchTerm = searchInput.value.toLowerCase();\n    const logs = logContent.textContent.split('\\n');\n    const filteredLogs = logs.filter(line => line.toLowerCase().includes(searchTerm));\n    logContent.textContent = filteredLogs.join('\\n');\n  }\n\n  refreshBtn.addEventListener('click', fetchLogs);\n  searchInput.addEventListener('input', filterLogs);\n\n  // Initial load\n  fetchLogs();\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 257,
+     "completion_tokens": 1088,
+     "total_tokens": 1345,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 257
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # zapraw.scroll.pub

+ Website generated by DeepSeek from prompt: I want a website that will allow me to view raw events from the Zapier integration logs with the top best DX

script.js

Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+   const logContent = document.getElementById('log-content');
+   const refreshBtn = document.getElementById('refresh-btn');
+   const searchInput = document.getElementById('search-input');
+ 
+   function fetchLogs() {
+     fetch('/api/logs')
+       .then(response => response.json())
+       .then(data => {
+         logContent.textContent = JSON.stringify(data, null, 2);
+       })
+       .catch(error => {
+         logContent.textContent = 'Error loading logs: ' + error.message;
+       });
+   }
+ 
+   function filterLogs() {
+     const searchTerm = searchInput.value.toLowerCase();
+     const logs = logContent.textContent.split('\n');
+     const filteredLogs = logs.filter(line => line.toLowerCase().includes(searchTerm));
+     logContent.textContent = filteredLogs.join('\n');
+   }
+ 
+   refreshBtn.addEventListener('click', fetchLogs);
+   searchInput.addEventListener('input', filterLogs);
+ 
+   // Initial load
+   fetchLogs();
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #4f46e5;
+   --secondary-color: #1e293b;
+   --background-color: #f8fafc;
+   --text-color: #1e293b;
+   --border-color: #e2e8f0;
+ }
+ 
+ body {
+   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+   line-height: 1.6;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+ }
+ 
+ .header {
+   background-color: var(--primary-color);
+   color: white;
+   padding: 2rem;
+   text-align: center;
+ }
+ 
+ .header h1 {
+   margin: 0;
+   font-size: 2.5rem;
+ }
+ 
+ .header p {
+   margin: 0.5rem 0 0;
+   font-size: 1.1rem;
+ }
+ 
+ .main-content {
+   max-width: 1200px;
+   margin: 2rem auto;
+   padding: 0 1rem;
+ }
+ 
+ .log-viewer {
+   background: white;
+   border-radius: 8px;
+   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+   overflow: hidden;
+ }
+ 
+ .controls {
+   display: flex;
+   gap: 1rem;
+   padding: 1rem;
+   border-bottom: 1px solid var(--border-color);
+ }
+ 
+ .btn {
+   background-color: var(--primary-color);
+   color: white;
+   border: none;
+   padding: 0.5rem 1rem;
+   border-radius: 4px;
+   cursor: pointer;
+   transition: background-color 0.2s;
+ }
+ 
+ .btn:hover {
+   background-color: #4338ca;
+ }
+ 
+ .search-input {
+   flex-grow: 1;
+   padding: 0.5rem;
+   border: 1px solid var(--border-color);
+   border-radius: 4px;
+ }
+ 
+ .log-container {
+   padding: 1rem;
+   max-height: 600px;
+   overflow-y: auto;
+ }
+ 
+ pre {
+   margin: 0;
+   white-space: pre-wrap;
+   word-wrap: break-word;
+   font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+   font-size: 0.9rem;
+   line-height: 1.5;
+   color: var(--secondary-color);
+ }
+ 
+ .footer {
+   text-align: center;
+   padding: 1rem;
+   color: #64748b;
+   font-size: 0.9rem;
+ }
+ 
+ @media (max-width: 768px) {
+   .header h1 {
+     font-size: 2rem;
+   }
+ 
+   .header p {
+     font-size: 1rem;
+   }
+ 
+   .controls {
+     flex-direction: column;
+   }
+ 
+   .btn {
+     width: 100%;
+   }
+ }