@forwardimpact/pathway 0.16.1 → 0.17.1

package/src/components/markdown-textarea.js

@@ -1,153 +0,0 @@
-/**
- * Code Display Component
- *
- * Reusable read-only code block with copy buttons and syntax highlighting.
- * Used for markdown content, agent profiles, skills, and code snippets.
- */
-
-/* global Prism */
-import { div, p, span, button } from "../lib/render.js";
-
-const COPY_LABEL = "📋 Copy";
-const COPY_HTML_LABEL = "Copy as HTML";
-
-/**
- * Create a copy button that copies content to clipboard
- * @param {string} content - The text content to copy
- * @returns {HTMLElement}
- */
-export function createCopyButton(content) {
-  const btn = button(
-    {
-      className: "btn btn-sm copy-btn",
-      onClick: async () => {
-        try {
-          await navigator.clipboard.writeText(content);
-          btn.textContent = "✓ Copied!";
-          btn.classList.add("copied");
-          setTimeout(() => {
-            btn.textContent = COPY_LABEL;
-            btn.classList.remove("copied");
-          }, 2000);
-        } catch (err) {
-          console.error("Failed to copy:", err);
-          btn.textContent = "Copy failed";
-          setTimeout(() => {
-            btn.textContent = COPY_LABEL;
-          }, 2000);
-        }
-      },
-    },
-    COPY_LABEL,
-  );
-  return btn;
-}
-
-/**
- * Create a copy button that copies HTML to clipboard (for rich text pasting)
- * @param {string} html - The HTML content to copy
- * @returns {HTMLElement}
- */
-function createCopyHtmlButton(html) {
-  const btn = button(
-    {
-      className: "btn btn-sm btn-secondary copy-btn",
-      onClick: async () => {
-        try {
-          const blob = new Blob([html], { type: "text/html" });
-          const clipboardItem = new ClipboardItem({ "text/html": blob });
-          await navigator.clipboard.write([clipboardItem]);
-          btn.textContent = "✓ Copied!";
-          btn.classList.add("copied");
-          setTimeout(() => {
-            btn.textContent = COPY_HTML_LABEL;
-            btn.classList.remove("copied");
-          }, 2000);
-        } catch (err) {
-          console.error("Failed to copy:", err);
-          btn.textContent = "Copy failed";
-          setTimeout(() => {
-            btn.textContent = COPY_HTML_LABEL;
-          }, 2000);
-        }
-      },
-    },
-    COPY_HTML_LABEL,
-  );
-  return btn;
-}
-
-/**
- * Create a code display component with syntax highlighting and copy button
- * @param {Object} options
- * @param {string} options.content - The code content to display
- * @param {string} [options.language="markdown"] - Language for syntax highlighting
- * @param {string} [options.filename] - Optional filename to display in header
- * @param {string} [options.description] - Optional description text
- * @param {Function} [options.toHtml] - Function to convert content to HTML (enables "Copy as HTML" button)
- * @param {number} [options.minHeight] - Optional minimum height in pixels
- * @param {number} [options.maxHeight] - Optional maximum height in pixels
- * @returns {HTMLElement}
- */
-export function createCodeDisplay({
-  content,
-  language = "markdown",
-  filename,
-  description,
-  toHtml,
-  minHeight,
-  maxHeight,
-}) {
-  // Create highlighted code block
-  const pre = document.createElement("pre");
-  pre.className = "code-display";
-  if (minHeight) pre.style.minHeight = `${minHeight}px`;
-  if (maxHeight) {
-    pre.style.maxHeight = `${maxHeight}px`;
-    pre.style.overflowY = "auto";
-  }
-
-  const code = document.createElement("code");
-  if (language) {
-    code.className = `language-${language}`;
-  }
-  code.textContent = content;
-  pre.appendChild(code);
-
-  // Apply Prism highlighting if available and language specified
-  if (language && typeof Prism !== "undefined") {
-    Prism.highlightElement(code);
-  }
-
-  // Build header content
-  const headerLeft = [];
-  if (filename) {
-    headerLeft.push(span({ className: "code-display-filename" }, filename));
-  }
-  if (description) {
-    headerLeft.push(p({ className: "text-muted" }, description));
-  }
-
-  // Build buttons
-  const buttons = [createCopyButton(content)];
-  if (toHtml) {
-    buttons.push(createCopyHtmlButton(toHtml(content)));
-  }
-
-  // Only show header if there's content for it
-  const hasHeader = headerLeft.length > 0 || buttons.length > 0;
-
-  return div(
-    { className: "code-display-container" },
-    hasHeader
-      ? div(
-          { className: "code-display-header" },
-          headerLeft.length > 0
-            ? div({ className: "code-display-info" }, ...headerLeft)
-            : null,
-          div({ className: "button-group" }, ...buttons),
-        )
-      : null,
-    pre,
-  );
-}