synapse-sdk 1.0.0a96__py3-none-any.whl → 1.0.0b1__py3-none-any.whl

synapse_sdk/devtools/web/src/App.jsx

@@ -1,14 +0,0 @@
-import { AppRouter } from "./router";
-import ServerStatusBar from "./components/ServerStatusBar";
-import "./index.css";
-
-function App() {
-  return (
-    <div class="min-h-screen bg-slate-50" data-theme="professional">
-      <ServerStatusBar />
-      <AppRouter />
-    </div>
-  );
-}
-
-export default App;

synapse_sdk/devtools/web/src/App.module.css

@@ -1,33 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.logo {
-  animation: logo-spin infinite 20s linear;
-  height: 40vmin;
-  pointer-events: none;
-}
-
-.header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.link {
-  color: #b318f0;
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

synapse_sdk/devtools/web/src/components/Breadcrumbs.jsx

@@ -1,42 +0,0 @@
-import { For, Show } from "solid-js";
-import { useNavigate } from "@solidjs/router";
-import { HomeIcon, ArrowLeftIcon } from "./icons";
-
-export default function Breadcrumbs(props) {
-  const navigate = useNavigate();
-
-  const handleNavigation = (path) => {
-    navigate(path);
-  };
-
-  return (
-    <div class="flex items-center gap-2 text-sm text-slate-600 mb-4">
-      <button
-        class="flex items-center gap-1 hover:text-slate-900 transition-colors"
-        onClick={() => handleNavigation("/")}
-      >
-        <HomeIcon class="w-4 h-4" />
-        <span>Home</span>
-      </button>
-      
-      <For each={props.items}>
-        {(item, index) => (
-          <>
-            <ArrowLeftIcon class="w-3 h-3 rotate-180 text-slate-400" />
-            <Show when={item.path && index() < props.items.length - 1}>
-              <button
-                class="hover:text-slate-900 transition-colors"
-                onClick={() => handleNavigation(item.path)}
-              >
-                {item.label}
-              </button>
-            </Show>
-            <Show when={!item.path || index() === props.items.length - 1}>
-              <span class="text-slate-900 font-medium">{item.label}</span>
-            </Show>
-          </>
-        )}
-      </For>
-    </div>
-  );
-}

synapse_sdk/devtools/web/src/components/Layout.jsx

@@ -1,12 +0,0 @@
-import NavigationSidebar from "./NavigationSidebar";
-
-export default function Layout(props) {
-  return (
-    <div class="flex h-full">
-      <NavigationSidebar />
-      <main class="flex-1 overflow-auto lg:ml-0">
-        {props.children}
-      </main>
-    </div>
-  );
-}

synapse_sdk/devtools/web/src/components/LogViewer.jsx

@@ -1,280 +0,0 @@
-import { Show, For, createSignal, createEffect, onMount, onCleanup } from "solid-js";
-import { createJobLogsStream } from "../utils/api";
-import Prism from "prismjs";
-import "prismjs/themes/prism-tomorrow.css";
-
-export default function LogViewer(props) {
-  const [autoScroll, setAutoScroll] = createSignal(true);
-  const [highlightedLine, setHighlightedLine] = createSignal(null);
-  
-  let logContainerRef;
-  
-  const { 
-    logs, 
-    streaming, 
-    error, 
-    startStreaming, 
-    stopStreaming, 
-    clearLogs 
-  } = createJobLogsStream(props.submissionId);
-
-  // Auto-scroll functionality
-  createEffect(() => {
-    if (autoScroll() && logContainerRef && logs().length > 0) {
-      logContainerRef.scrollTop = logContainerRef.scrollHeight;
-    }
-  });
-
-  // Check if user scrolled up manually
-  const handleScroll = () => {
-    if (!logContainerRef) return;
-    
-    const { scrollTop, scrollHeight, clientHeight } = logContainerRef;
-    const isAtBottom = scrollTop + clientHeight >= scrollHeight - 10;
-    
-    if (autoScroll() && !isAtBottom) {
-      setAutoScroll(false);
-    }
-  };
-
-  const toggleAutoScroll = () => {
-    setAutoScroll(!autoScroll());
-    if (autoScroll()) {
-      scrollToBottom();
-    }
-  };
-
-  const scrollToBottom = () => {
-    if (logContainerRef) {
-      logContainerRef.scrollTop = logContainerRef.scrollHeight;
-    }
-  };
-
-  const copyLogs = () => {
-    const logText = logs()
-      .map(log => {
-        const timestamp = log.timestamp ? `[${formatTimestamp(log.timestamp)}] ` : '';
-        const level = log.level ? `[${log.level.toUpperCase()}] ` : '';
-        return `${timestamp}${level}${log.message}`;
-      })
-      .join('\n');
-    
-    navigator.clipboard.writeText(logText).then(() => {
-      // Could add a toast notification here
-    });
-  };
-
-  const formatTimestamp = (timestamp) => {
-    try {
-      const date = new Date(timestamp);
-      return date.toLocaleTimeString("en-US", {
-        hour12: false,
-        hour: "2-digit",
-        minute: "2-digit",
-        second: "2-digit",
-      });
-    } catch {
-      return timestamp;
-    }
-  };
-
-  const formatLogMessage = (message) => {
-    // Escape HTML first
-    let formatted = message
-      .replace(/&/g, "&")
-      .replace(/</g, "&lt;")
-      .replace(/>/g, "&gt;");
-
-    // Handle ANSI escape codes and convert to HTML
-    formatted = formatted
-      // Reset
-      .replace(/\x1b\[0m/g, "</span>")
-      // Colors
-      .replace(/\x1b\[31m/g, '<span class="ansi-red">')
-      .replace(/\x1b\[32m/g, '<span class="ansi-green">')
-      .replace(/\x1b\[33m/g, '<span class="ansi-yellow">')
-      .replace(/\x1b\[34m/g, '<span class="ansi-blue">')
-      .replace(/\x1b\[35m/g, '<span class="ansi-magenta">')
-      .replace(/\x1b\[36m/g, '<span class="ansi-cyan">')
-      .replace(/\x1b\[37m/g, '<span class="ansi-white">')
-      .replace(/\x1b\[90m/g, '<span class="ansi-gray">')
-      .replace(/\x1b\[91m/g, '<span class="ansi-bright-red">')
-      .replace(/\x1b\[92m/g, '<span class="ansi-bright-green">')
-      .replace(/\x1b\[93m/g, '<span class="ansi-bright-yellow">')
-      .replace(/\x1b\[94m/g, '<span class="ansi-bright-blue">')
-      .replace(/\x1b\[95m/g, '<span class="ansi-bright-magenta">')
-      .replace(/\x1b\[96m/g, '<span class="ansi-bright-cyan">')
-      .replace(/\x1b\[97m/g, '<span class="ansi-bright-white">')
-      // Bold
-      .replace(/\x1b\[1m/g, '<span class="ansi-bold">')
-      // Remove any remaining ANSI codes
-      .replace(/\x1b\[[0-9;]*m/g, "");
-
-    // Try to detect and highlight JSON
-    if (message.trim().match(/^\s*[{\[].*[}\]]\s*$/s)) {
-      try {
-        const trimmed = message.trim();
-        const parsed = JSON.parse(trimmed);
-        const jsonString = JSON.stringify(parsed, null, 2);
-        formatted = Prism.highlight(jsonString, Prism.languages.json, "json");
-      } catch {
-        // Not valid JSON, continue with original formatting
-      }
-    }
-
-    // Highlight URLs
-    formatted = formatted.replace(
-      /(https?:\/\/[^\s<>&"']+)/g,
-      '<a href="$1" target="_blank" rel="noopener noreferrer" class="log-url">$1</a>'
-    );
-
-    // Highlight file paths
-    formatted = formatted.replace(
-      /([a-zA-Z0-9_\-./]+\.(py|js|ts|vue|json|yaml|yml|txt|log|sh|md))/g,
-      '<span class="log-filepath">$1</span>'
-    );
-
-    // Highlight common patterns
-    formatted = formatted
-      // Error patterns
-      .replace(
-        /\b(ERROR|FATAL|EXCEPTION|TRACEBACK)\b/gi,
-        '<span class="pattern-error">$1</span>'
-      )
-      // Warning patterns
-      .replace(
-        /\b(WARNING|WARN|DEPRECATED)\b/gi,
-        '<span class="pattern-warning">$1</span>'
-      )
-      // Success patterns
-      .replace(
-        /\b(SUCCESS|PASSED|OK|COMPLETE)\b/gi,
-        '<span class="pattern-success">$1</span>'
-      )
-      // Info patterns
-      .replace(
-        /\b(INFO|DEBUG|TRACE)\b/gi,
-        '<span class="pattern-info">$1</span>'
-      );
-
-    return formatted;
-  };
-
-  const getLogLevelClass = (level) => {
-    if (!level) return "";
-
-    switch (level.toLowerCase()) {
-      case "error":
-        return "log-level-error";
-      case "warn":
-      case "warning":
-        return "log-level-warn";
-      case "info":
-        return "log-level-info";
-      case "debug":
-        return "log-level-debug";
-      default:
-        return "";
-    }
-  };
-
-  const highlightLine = (index) => {
-    setHighlightedLine(highlightedLine() === index ? null : index);
-  };
-
-  onMount(() => {
-    startStreaming();
-  });
-
-  onCleanup(() => {
-    stopStreaming();
-  });
-
-  return (
-    <div class="github-log-viewer">
-      {/* Header */}
-      <div class="log-header">
-        <div class="log-title">
-          <svg class="octicon" viewBox="0 0 16 16" width="16" height="16">
-            <path d="M8 16a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2c.55 0 1.02.26 1.3.62.27.35.7.38 1.1.38.4 0 .83-.03 1.1-.38.28-.36.75-.62 1.3-.62a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8z" />
-          </svg>
-          <span>Logs</span>
-        </div>
-        <div class="log-controls">
-          <button
-            onClick={toggleAutoScroll}
-            class={`control-btn ${autoScroll() ? 'active' : ''}`}
-          >
-            Auto-scroll
-          </button>
-          <button onClick={clearLogs} class="control-btn">Clear</button>
-          <button onClick={copyLogs} class="control-btn">Copy</button>
-        </div>
-      </div>
-
-      {/* Error State */}
-      <Show when={error()}>
-        <div class="alert alert-error mb-2">
-          <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
-          </svg>
-          <span>{error()}</span>
-        </div>
-      </Show>
-
-      {/* Container */}
-      <div class="log-container" ref={logContainerRef} onScroll={handleScroll}>
-        <Show when={logs().length === 0 && !error()}>
-          <div class="log-empty">
-            <div class="empty-state">
-              <svg class="empty-icon" viewBox="0 0 24 24" width="24" height="24">
-                <path d="M3 3v18h18V3H3zm16 16H5V5h14v14zM7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h7v2H7v-2z" />
-              </svg>
-              <p>No logs available</p>
-              <p class="empty-subtitle">Logs will appear here when available</p>
-            </div>
-          </div>
-        </Show>
-        
-        <Show when={logs().length > 0}>
-          <div class="log-content">
-            <For each={logs()}>
-              {(log, index) => (
-                <div
-                  class={`log-line ${getLogLevelClass(log.level)} ${
-                    highlightedLine() === index() ? 'highlighted' : ''
-                  }`}
-                  onClick={() => highlightLine(index())}
-                >
-                  <span class="line-number">{index() + 1}</span>
-                  <Show when={log.timestamp}>
-                    <span class="log-timestamp">
-                      {formatTimestamp(log.timestamp)}
-                    </span>
-                  </Show>
-                  <Show when={log.level}>
-                    <span class="log-level-badge">
-                      {log.level.toUpperCase().charAt(0)}
-                    </span>
-                  </Show>
-                  <span class="log-message" innerHTML={formatLogMessage(log.message)} />
-                </div>
-              )}
-            </For>
-          </div>
-        </Show>
-      </div>
-
-      {/* Footer */}
-      <div class="log-footer">
-        <span class="log-count">{logs().length} lines</span>
-        <Show when={streaming()}>
-          <span class="streaming-status">
-            <div class="streaming-dot"></div>
-            Streaming...
-          </span>
-        </Show>
-      </div>
-    </div>
-  );
-}

synapse_sdk/devtools/web/src/components/MessageViewer.jsx

@@ -1,150 +0,0 @@
-import { Show, createSignal } from "solid-js";
-import Prism from "prismjs";
-import "prismjs/themes/prism.css";
-import "prismjs/components/prism-json";
-import "prismjs/components/prism-bash";
-import "prismjs/components/prism-python";
-
-export default function MessageViewer(props) {
-  const [isExpanded, setIsExpanded] = createSignal(false);
-  
-  const message = () => props.message || '';
-  const isLongMessage = () => message().length > 500;
-  
-  const displayMessage = () => {
-    if (isExpanded() || !isLongMessage()) {
-      return message();
-    }
-    return message().substring(0, 500) + '...';
-  };
-  
-  const copyMessage = () => {
-    navigator.clipboard.writeText(message()).then(() => {
-      // Could add a toast notification here
-    });
-  };
-
-  const formatMessage = (msg) => {
-    if (!msg) return "";
-
-    // Escape HTML first
-    let formatted = msg
-      .replace(/&/g, "&")
-      .replace(/</g, "&lt;")
-      .replace(/>/g, "&gt;");
-
-    // Handle ANSI escape codes and convert to HTML
-    formatted = formatted
-      // Reset
-      .replace(/\x1b\[0m/g, "</span>")
-      // Colors
-      .replace(/\x1b\[31m/g, '<span class="ansi-red">')
-      .replace(/\x1b\[32m/g, '<span class="ansi-green">')
-      .replace(/\x1b\[33m/g, '<span class="ansi-yellow">')
-      .replace(/\x1b\[34m/g, '<span class="ansi-blue">')
-      .replace(/\x1b\[35m/g, '<span class="ansi-magenta">')
-      .replace(/\x1b\[36m/g, '<span class="ansi-cyan">')
-      .replace(/\x1b\[37m/g, '<span class="ansi-white">')
-      .replace(/\x1b\[90m/g, '<span class="ansi-gray">')
-      .replace(/\x1b\[91m/g, '<span class="ansi-bright-red">')
-      .replace(/\x1b\[92m/g, '<span class="ansi-bright-green">')
-      .replace(/\x1b\[93m/g, '<span class="ansi-bright-yellow">')
-      .replace(/\x1b\[94m/g, '<span class="ansi-bright-blue">')
-      .replace(/\x1b\[95m/g, '<span class="ansi-bright-magenta">')
-      .replace(/\x1b\[96m/g, '<span class="ansi-bright-cyan">')
-      .replace(/\x1b\[97m/g, '<span class="ansi-bright-white">')
-      // Bold
-      .replace(/\x1b\[1m/g, '<span class="ansi-bold">')
-      // Remove any remaining ANSI codes
-      .replace(/\x1b\[[0-9;]*m/g, "");
-
-    // Try to detect and highlight JSON
-    if (msg.trim().match(/^\s*[{\[].*[}\]]\s*$/s)) {
-      try {
-        const trimmed = msg.trim();
-        const parsed = JSON.parse(trimmed);
-        const jsonString = JSON.stringify(parsed, null, 2);
-        formatted = Prism.highlight(jsonString, Prism.languages.json, "json");
-      } catch {
-        // Not valid JSON, continue with original formatting
-      }
-    }
-
-    // Highlight URLs
-    formatted = formatted.replace(
-      /(https?:\/\/[^\s<>&"']+)/g,
-      '<a href="$1" target="_blank" rel="noopener noreferrer" class="message-url">$1</a>'
-    );
-
-    // Highlight file paths
-    formatted = formatted.replace(
-      /([a-zA-Z0-9_\-./]+\.(py|js|ts|vue|json|yaml|yml|txt|log|sh|md))/g,
-      '<span class="message-filepath">$1</span>'
-    );
-
-    // Highlight common patterns
-    formatted = formatted
-      // Error patterns
-      .replace(
-        /\b(ERROR|FATAL|EXCEPTION|TRACEBACK)\b/gi,
-        '<span class="pattern-error">$1</span>'
-      )
-      // Warning patterns
-      .replace(
-        /\b(WARNING|WARN|DEPRECATED)\b/gi,
-        '<span class="pattern-warning">$1</span>'
-      )
-      // Success patterns
-      .replace(
-        /\b(SUCCESS|PASSED|OK|COMPLETE)\b/gi,
-        '<span class="pattern-success">$1</span>'
-      )
-      // Info patterns
-      .replace(
-        /\b(INFO|DEBUG|TRACE)\b/gi,
-        '<span class="pattern-info">$1</span>'
-      );
-
-    return formatted;
-  };
-
-  // Check if message looks like JSON
-  const isJsonMessage = () => {
-    const trimmed = message().trim();
-    return (trimmed.startsWith('{') && trimmed.endsWith('}')) ||
-           (trimmed.startsWith('[') && trimmed.endsWith(']'));
-  };
-
-  // Check if message looks like a stack trace
-  const isStackTrace = () => {
-    return message().includes('Traceback') || 
-           message().includes('    at ') ||
-           message().includes('File "') ||
-           /^\s*File ".*", line \d+/.test(message());
-  };
-
-  const getMessageClass = () => {
-    if (isStackTrace()) {
-      return 'bg-red-50 border-red-200';
-    } else if (isJsonMessage()) {
-      return 'bg-slate-50 border-slate-200';
-    } else {
-      return 'bg-slate-50 border-slate-200';
-    }
-  };
-
-  return (
-    <div class={`message-viewer rounded-lg border overflow-hidden ${getMessageClass()}`}>
-      <div class="relative">
-        <div 
-          class="message-content p-4 text-slate-900 whitespace-pre-wrap break-words max-h-96 overflow-y-auto scrollbar-thin scrollbar-thumb-slate-300 scrollbar-track-slate-100 font-mono text-sm leading-relaxed"
-          innerHTML={formatMessage(displayMessage())}
-        />
-        
-        <Show when={isLongMessage() && !isExpanded()}>
-          <div class="absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-white to-transparent"></div>
-        </Show>
-      </div>
-    </div>
-  );
-}

synapse_sdk/devtools/web/src/components/NavigationSidebar.jsx

@@ -1,128 +0,0 @@
-import { useLocation, useNavigate } from "@solidjs/router";
-import { createSignal, Show } from "solid-js";
-import { MenuIcon, CloseIcon, DocumentIcon } from "./icons";
-import { createStatusResource } from "../utils/api";
-
-export default function NavigationSidebar() {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = createSignal(false);
-  
-  // Get status for version info
-  const { data: status } = createStatusResource();
-
-  const navigationItems = [
-    {
-      id: "home",
-      label: "Jobs",
-      path: "/",
-    },
-    {
-      id: "applications",
-      label: "Serve Application",
-      path: "/serve_applications",
-    },
-    {
-      id: "plugin",
-      label: "Plugin",
-      path: "/plugin",
-    }
-  ];
-
-  const isActive = (path) => {
-    if (path === "/") {
-      return location.pathname === "/";
-    }
-    return location.pathname.startsWith(path);
-  };
-
-  const handleNavigation = (path) => {
-    navigate(path);
-    setIsMobileMenuOpen(false); // Close mobile menu after navigation
-  };
-
-  return (
-    <>
-      {/* Mobile Menu Button */}
-      <button
-        class="lg:hidden fixed top-20 left-4 z-50 btn btn-sm btn-circle btn-ghost bg-white border border-slate-200 shadow-sm"
-        onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen())}
-      >
-        <Show when={!isMobileMenuOpen()}>
-          <MenuIcon class="w-4 h-4" />
-        </Show>
-        <Show when={isMobileMenuOpen()}>
-          <CloseIcon class="w-4 h-4" />
-        </Show>
-      </button>
-
-      {/* Mobile Overlay */}
-      <Show when={isMobileMenuOpen()}>
-        <div 
-          class="lg:hidden fixed inset-0 bg-black bg-opacity-30 z-40"
-          onClick={() => setIsMobileMenuOpen(false)}
-        />
-      </Show>
-
-      {/* Sidebar */}
-      <div class={`
-        w-64 bg-white border-r border-slate-200 min-h-screen flex flex-col
-        lg:relative lg:translate-x-0 lg:z-auto
-        ${isMobileMenuOpen() 
-          ? 'fixed inset-y-0 left-0 z-50 translate-x-0' 
-          : 'fixed inset-y-0 left-0 z-50 -translate-x-full lg:translate-x-0'}
-        transition-transform duration-300 ease-in-out
-      `}>
-      {/* Header */}
-      <div class="p-6 border-b border-slate-200">
-        <h2 class="text-xl font-bold text-slate-900">Synapse Devtools</h2>
-        <p class="text-sm text-slate-600 mt-1">Development Environment</p>
-      </div>
-
-      {/* Navigation */}
-      <nav class="flex-1 p-6 py-8 overflow-y-auto">
-        <ul class="space-y-2">
-          {navigationItems.map((item) => {
-            const active = isActive(item.path);
-            
-            return (
-              <li key={item.id}>
-                <button
-                  class={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-left transition-colors ${
-                    active
-                      ? "bg-slate-100 text-slate-900 font-medium"
-                      : "text-slate-600 hover:bg-slate-50 hover:text-slate-900"
-                  }`}
-                  onClick={() => handleNavigation(item.path)}
-                >
-                  <div class="flex-1 min-w-0">
-                    <div class="text-sm font-medium">{item.label}</div>
-                  </div>
-                </button>
-              </li>
-            );
-          })}
-        </ul>
-      </nav>
-
-      {/* Footer - Fixed at bottom */}
-      <div class="flex-shrink-0 p-6 border-t border-slate-200 bg-white">
-        <div class="text-xs text-slate-500">
-          <div class="flex items-center justify-between">
-            <span>SDK {status()?.devtools?.version || "Unknown"}</span>
-            <a 
-              href="https://docs.synapse.sh"
-              target="_blank" 
-              rel="noopener noreferrer"
-              class="text-slate-600 hover:text-slate-900"
-              title="Documentation"
-            >
-              <DocumentIcon class="w-4 h-4" />
-            </a>
-          </div>
-        </div>
-      </div>
-      </div>
-    </>
-  );
-}