🔄 Editor de Fluxograma IA

\n Dados:

${\n          JSON.stringify(node.data, null, 2)\n        }

`;\n }\n\n nodeElement.innerHTML = `\n

\n ${node.icon}\n ${node.text}\n

${node.description}

\n ${\n node.subtypes\n ? `\n `\n : \"\"\n }\n ${customDataHtml}\n

\n \n \n

\n `;\n\n flowchartCanvas.appendChild(nodeElement);\n\n // --- Eventos de Arrasto e Conexão ---\n nodeElement.addEventListener(\"mousedown\", (e: MouseEvent) => {\n e.preventDefault(); // Previne seleção de texto e arrasto de imagem padrão\n\n const targetElement = e.currentTarget as HTMLDivElement;\n const nodeFound = nodes.find(n => n.id === targetElement.id);\n if (!nodeFound) return;\n\n maxZIndex++;\n nodeFound.z_index = maxZIndex; // Eleva o z-index do nó arrastado\n nodeElement.style.zIndex = String(maxZIndex);\n\n if (e.altKey) { // Se Alt estiver pressionado, iniciar conexão\n isConnecting = true;\n connectionStartNode = nodeFound;\n nodeFound.connecting = true;\n nodeElement.style.cursor = \"crosshair\"; // Altera cursor para conectar\n renderNodes(); // Atualizar estilo do nó\n const rect = nodeElement.getBoundingClientRect();\n currentConnectionLine = {\n startX: rect.left + rect.width / 2,\n startY: rect.top + rect.height / 2,\n endX: e.clientX,\n endY: e.clientY,\n };\n drawConnections();\n } else { // Caso contrário, iniciar arrastar nó\n isDragging = true;\n selectedNode = nodeFound;\n selectedNode.selected = true;\n nodeElement.style.cursor = \"grabbing\"; // Altera cursor para arrastar\n renderNodes(); // Atualiza o estilo de seleção\n\n // Calcula o offset do clique dentro do nó para um arrasto mais fluido\n const rect = nodeElement.getBoundingClientRect();\n dragOffsetX = e.clientX - rect.left;\n dragOffsetY = e.clientY - rect.top;\n }\n });\n\n // --- Eventos de Edição (duplo clique) e Subtipo ---\n nodeElement.addEventListener(\"dblclick\", () => {\n // Edição de texto e descrição no duplo clique\n const newText = prompt(\"Editar texto do nó:\", node.text);\n if (newText !== null) {\n node.text = newText;\n }\n const newDescription = prompt(\"Editar descrição do nó:\", node.description);\n if (newDescription !== null) {\n node.description = newDescription;\n }\n renderNodes();\n });\n\n const subtypeSelect = nodeElement.querySelector(\".node-subtype\") as HTMLSelectElement;\n if (subtypeSelect) {\n subtypeSelect.addEventListener(\"change\", (e) => {\n node.subtype = (e.target as HTMLSelectElement).value;\n renderNodes();\n });\n }\n\n // --- Eventos dos Botões de Ação do Nó ---\n nodeElement.querySelectorAll(\".node-action-button\").forEach(button => {\n button.addEventListener(\"click\", (e) => {\n e.stopPropagation(); // Impede que o clique no botão inicie o arrasto do nó\n const action = (e.target as HTMLButtonElement).dataset.action;\n if (action === \"edit-data\") {\n editNodeData(node.id);\n } else if (action === \"delete-node\") {\n deleteNode(node.id);\n }\n });\n });\n });\n drawConnections();\n}\n\n// --- Funções de Manipulação de Nós e Conexões ---\n\n// Adicionar novo nó\nfunction addNode(type: string) {\n const newNode: NodeData = {\n id: `node_${Date.now()}`,\n type: type,\n text: `${type.charAt(0).toUpperCase() + type.slice(1)} Node`,\n description: `Descrição do nó de ${type}`,\n x: 50 + nodes.length * 10,\n y: 50 + nodes.length * 10,\n width: 180,\n height: 100,\n icon: \"\",\n subtypes: null,\n subtype: null,\n data: {}, // Inicializa com um objeto de dados vazio\n z_index: 20, // Z-index inicial\n };\n\n switch (type) {\n case \"start\":\n newNode.icon = \"▶️\";\n break;\n case \"process\":\n newNode.icon = \"⚙️\";\n break;\n case \"decision\":\n newNode.icon = \"❓\";\n newNode.subtypes = [\"Sim/Não\", \"Múltipla Escolha\"];\n newNode.subtype = \"Sim/Não\";\n break;\n case \"input\":\n newNode.icon = \"📝\";\n newNode.subtypes = [\"Texto\", \"Número\", \"Data\", \"Arquivo\"];\n newNode.subtype = \"Texto\";\n break;\n case \"output\":\n newNode.icon = \"📤\";\n newNode.subtypes = [\"Texto\", \"Imagem\", \"Áudio\", \"JSON\"];\n newNode.subtype = \"Texto\";\n break;\n case \"api\":\n newNode.icon = \"🌐\";\n newNode.subtypes = [\"GET\", \"POST\", \"PUT\", \"DELETE\"];\n newNode.subtype = \"GET\";\n break;\n case \"end\":\n newNode.icon = \"⏹️\";\n break;\n }\n\n nodes.push(newNode);\n renderNodes();\n}\n\n// Função para editar dados de um nó\nfunction editNodeData(nodeId: string) {\n const node = nodes.find(n => n.id === nodeId);\n if (!node) return;\n\n let currentData = JSON.stringify(node.data, null, 2);\n const newDataString = prompt(`Editar dados para o nó \"${node.text}\" (formato JSON):\\n`, currentData);\n\n if (newDataString !== null) {\n try {\n const newData = JSON.parse(newDataString);\n node.data = newData;\n showMessage(\"Dados do nó atualizados com sucesso!\", false);\n } catch (e: any) {\n showMessage(`Erro ao parsear JSON: ${e.message}. Certifique-se de que é um JSON válido.`, true);\n }\n }\n renderNodes();\n}\n\n// Função para excluir um nó (e suas conexões)\nfunction deleteNode(nodeId: string) {\n if (!confirm(\"Tem certeza que deseja excluir este nó e todas as suas conexões?\")) {\n return;\n }\n // Remove conexões associadas ao nó\n connections = connections.filter(conn => conn.source !== nodeId && conn.target !== nodeId);\n // Remove o nó\n nodes = nodes.filter(node => node.id !== nodeId);\n selectedNode = null;\n renderNodes();\n showMessage(\"Nó e conexões excluídos.\", false);\n}\n\n// Função para \"desligar\" (remover conexão) - Nova função\nfunction disconnectNodes(connectionId: string) {\n connections = connections.filter(conn => conn.id !== connectionId);\n renderNodes(); // Redesenha tudo para refletir a remoção da conexão\n showMessage(\"Conexão removida.\", false);\n}\n\n// Função para \"desligar\" um nó da rede (remover todas as suas conexões)\n// Esta função é chamada ao clicar no botão \"Desconectar Nó\" (se adicionarmos um)\nfunction disconnectAllNodeConnections(nodeId: string) {\n const node = nodes.find(n => n.id === nodeId);\n if (!node) return;\n\n if (!confirm(`Tem certeza que deseja desconectar o nó \"${node.text}\" de TODAS as suas conexões?`)) {\n return;\n }\n\n connections = connections.filter(conn => conn.source !== nodeId && conn.target !== nodeId);\n renderNodes();\n showMessage(`Todas as conexões do nó \"${node.text}\" foram removidas.`, false);\n}\n\n// --- Eventos Globais do Canvas e Documento ---\n\n// Eventos do canvas para conectar nós\nif (flowchartCanvas) {\n flowchartCanvas.addEventListener(\"mousemove\", (e: MouseEvent) => {\n if (isConnecting && currentConnectionLine) {\n // Atualiza a linha de conexão com a posição atual do mouse\n currentConnectionLine.endX = e.clientX;\n currentConnectionLine.endY = e.clientY;\n drawConnections();\n } else if (isDragging && selectedNode) {\n // Atualiza a posição do nó arrastado com o offset do clique\n selectedNode.x = e.clientX - dragOffsetX;\n selectedNode.y = e.clientY - dragOffsetY;\n const nodeElement = document.getElementById(selectedNode.id) as HTMLDivElement;\n if (nodeElement) {\n nodeElement.style.left = `${selectedNode.x}px`;\n nodeElement.style.top = `${selectedNode.y}px`;\n }\n drawConnections(); // Redesenha conexões ao mover nó\n }\n });\n\n flowchartCanvas.addEventListener(\"mouseup\", (e: MouseEvent) => {\n // Resetar cursores e estados\n document.body.style.cursor = \"default\";\n if (selectedNode) {\n const nodeElement = document.getElementById(selectedNode.id) as HTMLDivElement;\n if (nodeElement) nodeElement.style.cursor = \"grab\";\n }\n\n if (isConnecting && connectionStartNode) {\n isConnecting = false;\n // Resetar o estilo do nó de início da conexão\n const startNodeElement = document.getElementById(connectionStartNode.id) as HTMLDivElement;\n if (startNodeElement) startNodeElement.style.cursor = \"grab\"; // Volta para cursor de arrastar\n if (connectionStartNode) connectionStartNode.connecting = false;\n renderNodes(); // Atualiza estilo do nó (remove 'connecting')\n currentConnectionLine = null;\n\n const targetElement = (e.target as HTMLElement).closest(\".node\") as HTMLDivElement;\n if (targetElement && targetElement.id !== connectionStartNode.id) {\n const targetNode = nodes.find(n => n.id === targetElement.id);\n if (targetNode) {\n const existingConnection = connections.find(\n conn => conn.source === connectionStartNode!.id && conn.target === targetNode.id,\n );\n if (!existingConnection) {\n connections.push({\n id: `conn_${Date.now()}`,\n source: connectionStartNode.id,\n target: targetNode.id,\n condition: \"\",\n });\n drawConnections();\n showMessage(`Conexão criada entre \"${connectionStartNode.text}\" e \"${targetNode.text}\".`, false);\n } else {\n showMessage(\"Conexão já existe entre estes nós.\", false);\n }\n }\n }\n connectionStartNode = null;\n } else if (isDragging) {\n isDragging = false;\n if (selectedNode) {\n selectedNode.selected = false;\n renderNodes();\n }\n selectedNode = null; // Libera o nó selecionado para arrasto\n }\n });\n}\n\n// Desselecionar nó ao clicar fora\ndocument.addEventListener(\"click\", (e: MouseEvent) => {\n // Verifica se o clique foi fora de um nó e fora da área de conexão/arrasto\n if (!isDragging && !isConnecting && !(e.target as HTMLElement).closest(\".node\") && selectedNode) {\n selectedNode.selected = false;\n selectedNode = null;\n renderNodes();\n }\n});\n\n// Deletar nó com tecla Delete/Backspace\ndocument.addEventListener(\"keydown\", (e: KeyboardEvent) => {\n if (selectedNode && (e.key === \"Delete\" || e.key === \"Backspace\")) {\n deleteNode(selectedNode.id);\n }\n});\n\n// Redimensionar canvas de conexão com a janela\nfunction resizeConnectionCanvas() {\n if (!connectionCanvas || !flowchartCanvas) return;\n connectionCanvas.width = flowchartCanvas.offsetWidth;\n connectionCanvas.height = flowchartCanvas.offsetHeight;\n drawConnections();\n}\nwindow.addEventListener(\"resize\", resizeConnectionCanvas);\n\n// --- Inicialização e Event Listeners Principais ---\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n resizeConnectionCanvas();\n renderNodes(); // Renderiza os nós iniciais (se houver)\n\n // Eventos para os botões de tipo de nó\n document.querySelectorAll(\".toolbar .glass-button[data-node-type]\").forEach(button => {\n button.addEventListener(\"click\", (e) => {\n addNode((e.target as HTMLButtonElement).dataset.nodeType as string);\n });\n });\n\n // Eventos para os botões de ação global (Salvar, Carregar, Exportar, etc.)\n document.getElementById(\"saveFlowchart\")?.addEventListener(\"click\", async () => {\n const flowchartName = prompt(\"Nome do fluxograma para salvar (ou deixe vazio para ID automático):\");\n if (flowchartName !== null) { // Permite salvar com nome vazio (gera ID automático)\n const response = await fetch(\"/api/save-flowchart\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ flowchartData: { nodes, connections }, name: flowchartName }),\n });\n const result = await response.json();\n showMessage(result.message || result.error, !result.success);\n }\n });\n\n document.getElementById(\"loadFlowchart\")?.addEventListener(\"click\", async () => {\n const flowchartId = prompt(\"ID do fluxograma para carregar:\");\n if (flowchartId) {\n const response = await fetch(`/api/load-flowchart?id=${flowchartId}`);\n const result = await response.json();\n if (result.success) {\n nodes = result.data.nodes;\n connections = result.data.connections;\n renderNodes();\n showMessage(\"Fluxograma carregado com sucesso!\", false);\n } else {\n showMessage(result.error, true);\n }\n }\n });\n\n document.getElementById(\"exportJson\")?.addEventListener(\"click\", async () => {\n const response = await fetch(\"/api/export-json\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ flowchartData: { nodes, connections } }),\n });\n const result = await response.json();\n if (result.success) {\n const dataStr = \"data:text/json;charset=utf-8,\" + encodeURIComponent(JSON.stringify(result.data, null, 2));\n const downloadAnchorNode = document.createElement(\"a\");\n downloadAnchorNode.setAttribute(\"href\", dataStr);\n downloadAnchorNode.setAttribute(\"download\", \"flowchart.json\");\n document.body.appendChild(downloadAnchorNode);\n downloadAnchorNode.click();\n downloadAnchorNode.remove(); // Remove o elemento após o clique\n showMessage(\"Fluxograma exportado como JSON!\", false);\n } else {\n showMessage(result.error, true);\n }\n });\n\n document.getElementById(\"importJson\")?.addEventListener(\"click\", () => {\n const input = document.createElement(\"input\");\n input.type = \"file\";\n input.accept = \"application/json\";\n input.onchange = async (e) => {\n const file = (e.target as HTMLInputElement).files?.[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = async (event) => {\n try {\n const jsonData = JSON.parse(event.target?.result as string);\n const response = await fetch(\"/api/import-json\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ jsonData }),\n });\n const result = await response.json();\n if (result.success) {\n nodes = result.flowchartData.nodes;\n connections = result.flowchartData.connections;\n renderNodes();\n showMessage(result.message, false);\n } else {\n showMessage(result.error, true);\n }\n } catch (error: any) {\n showMessage(\"Erro ao ler ou parsear o arquivo JSON: \" + error.message, true);\n }\n };\n reader.readAsText(file);\n }\n };\n input.click();\n });\n\n document.getElementById(\"convertToAI\")?.addEventListener(\"click\", async () => {\n const response = await fetch(\"/api/convert-to-ai\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ flowchartData: { nodes, connections } }),\n });\n const result = await response.json();\n if (result.success) {\n if (aiInstructionsOutput) {\n aiInstructionsOutput.textContent = JSON.stringify(result.instructions, null, 2);\n }\n showMessage(\"Instruções de IA geradas com sucesso!\", false);\n } else {\n if (aiInstructionsOutput) {\n aiInstructionsOutput.textContent = `Erro: ${result.error}`;\n }\n showMessage(result.error, true);\n }\n });\n\n copyInstructionsButton?.addEventListener(\"click\", () => {\n navigator.clipboard.writeText(aiInstructionsOutput.textContent || \"\")\n .then(() => showMessage(\"Instruções copiadas para a área de transferência!\", false))\n .catch(err => showMessage(`Erro ao copiar: ${err.message}`, true));\n });\n\n downloadInstructionsButton?.addEventListener(\"click\", () => {\n const filename = \"ai_instructions.json\";\n const data = aiInstructionsOutput.textContent;\n if (data) {\n const blob = new Blob([data], { type: \"application/json\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = filename;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n showMessage(\"Instruções baixadas como JSON!\", false);\n }\n });\n\n toggleInstructionsButton?.addEventListener(\"click\", () => {\n if (instructionsSection) {\n if (instructionsSection.style.display === \"none\" || instructionsSection.style.display === \"\") {\n instructionsSection.style.display = \"block\";\n } else {\n instructionsSection.style.display = \"none\";\n }\n }\n });\n});\n\n// Eventos do mouse no documento para arrastar nós e soltar conexões\ndocument.addEventListener(\"mousemove\", (e: MouseEvent) => {\n if (isConnecting && currentConnectionLine) {\n currentConnectionLine.endX = e.clientX;\n currentConnectionLine.endY = e.clientY;\n drawConnections();\n } else if (isDragging && selectedNode) {\n // Altera o cursor do body ao arrastar\n document.body.style.cursor = \"grabbing\";\n selectedNode.x = e.clientX - dragOffsetX;\n selectedNode.y = e.clientY - dragOffsetY;\n const nodeElement = document.getElementById(selectedNode.id) as HTMLDivElement;\n if (nodeElement) {\n nodeElement.style.left = `${selectedNode.x}px`;\n nodeElement.style.top = `${selectedNode.y}px`;\n }\n drawConnections();\n }\n});\n\ndocument.addEventListener(\"mouseup\", (e: MouseEvent) => {\n // Resetar cursores e estados de arrasto/conexão\n document.body.style.cursor = \"default\";\n if (selectedNode) {\n const nodeElement = document.getElementById(selectedNode.id) as HTMLDivElement;\n if (nodeElement) nodeElement.style.cursor = \"grab\";\n }\n\n if (isConnecting && connectionStartNode) {\n isConnecting = false;\n // Resetar o estilo do nó de início da conexão\n const startNodeElement = document.getElementById(connectionStartNode.id) as HTMLDivElement;\n if (startNodeElement) startNodeElement.style.cursor = \"grab\";\n if (connectionStartNode) connectionStartNode.connecting = false;\n renderNodes();\n currentConnectionLine = null;\n\n const targetElement = (e.target as HTMLElement).closest(\".node\") as HTMLDivElement;\n if (targetElement && targetElement.id !== connectionStartNode.id) {\n const targetNode = nodes.find(n => n.id === targetElement.id);\n if (targetNode) {\n const existingConnection = connections.find(\n conn => conn.source === connectionStartNode!.id && conn.target === targetNode.id,\n );\n if (!existingConnection) {\n connections.push({\n id: `conn_${Date.now()}`, // ID único para a conexão\n source: connectionStartNode.id,\n target: targetNode.id,\n condition: \"\",\n });\n drawConnections();\n showMessage(`Conexão criada entre \"${connectionStartNode.text}\" e \"${targetNode.text}\".`, false);\n } else {\n showMessage(\"Conexão já existe entre estes nós.\", false);\n }\n }\n }\n connectionStartNode = null;\n } else if (isDragging) {\n isDragging = false;\n if (selectedNode) {\n selectedNode.selected = false;\n renderNodes();\n }\n selectedNode = null;\n }\n});",[],[180],{"_105":189,"_98":190,"_150":191,"_152":-5,"_153":136,"_154":192,"_156":157,"_107":193,"_102":194,"_160":195,"_162":196,"_164":25,"_165":-5,"_166":197,"_101":198},"63f725a2-4cfd-11f0-95e0-76b3cceeab13","main.tsx","e4f6ff7e-4cdf-11f0-839d-76b3cceeab13",32,["D",1750331163598],16,"http","// --- main.tsx ---\n// Este é o arquivo principal do seu Val.town, atuando como o servidor HTTP.\n\n// Importações para a lógica do Backend (executada no servidor Val.town)\n// Nota: Funções de utils, aiConverter e api são importadas diretamente aqui para o backend.\nimport { convertToAI, deleteFlowchart, exportJSON, importJSON, loadFlowchart, saveFlowchart } from \"./api.ts\"; // Funções da API, incluindo deleteFlowchart\n\n// ==============================================================================\n// SEÇÃO 1: Lógicas Auxiliares (Backend)\n// O código real está em utils.ts. Este arquivo main.tsx importa e usa.\n// ==============================================================================\n// Importado via 'api.ts' -> 'aiConverter.ts' -> 'utils.ts'\n\n// ==============================================================================\n// SEÇÃO 2: Lógica de Conversão para IA (Backend)\n// O código real está em aiConverter.ts. Este arquivo main.tsx importa e usa.\n// ==============================================================================\n// Importado via 'api.ts'\n\n// ==============================================================================\n// SEÇÃO 3: Funções de API (Backend)\n// O código real está em api.ts. Este arquivo main.tsx importa e usa.\n// ==============================================================================\n// (As funções saveFlowchart, convertToAI, etc. são usadas abaixo no roteamento)\n\n// ==============================================================================\n// SEÇÃO 4: Template HTML (Backend)\n// String contendo o HTML completo que será servido ao navegador.\n// ==============================================================================\n\n/**\n * Retorna a string HTML completa para a página principal do editor.\n * @param username O nome de usuário do Val.town.\n * @param valName O nome do val atual.\n * @returns Uma string contendo o HTML.\n */\nfunction getMainHTML(username: string, valName: string): string {\n // URL para carregar o script do cliente (frontend) via esm.town.\n // Usando o nome de usuário e o nome do Val \"testefluxo\" diretamente, com a extensão .ts.\n const clientScriptUrl = `https://esm.town/v/tallesjp/testefluxo/client.ts`;\n\n return `\n\n\n \n \n 🔄 Editor de Fluxograma IA - Glassmorphism\n \n\n\n

\n \n\n

\n \n

Instruções para Agente de IA:

\n \n \n

\n\n

ℹ️ Instruções Gerais

Bem-vindo ao Editor de Fluxograma IA! Use esta ferramenta para criar fluxogramas visuais e convertê-los em instruções para agentes de IA.

\n \n

Como Usar:

Adicionar Nós: Clique nos botões da barra de ferramentas ou arraste-os para o canvas.
Mover Nós: Clique e arraste um nó para reposicioná-lo no canvas.
Editar Nós (Texto/Desc.): Dê um duplo-clique em qualquer nó para editar seu texto e descrição.
Editar Dados (JSON): Clique no botão \"Edit Data\" dentro de um nó para adicionar/editar dados em formato JSON.
Conectar Nós:\n
- Pressione e segure a tecla Alt (ou Option no Mac), clique e arraste de um nó de origem para um nó de destino para criar uma conexão.
\n
Desconectar Nó (Todas as Conexões): Não há um botão direto. Para desconectar um nó de todas as suas conexões, você precisa deletá-lo e adicioná-lo novamente (ou implementar uma função mais complexa de edição de conexão).
Deletar Nó: Selecione um nó clicando nele, e depois clique no botão \"Delete Node\" ou pressione a tecla Delete ou Backspace.
Converter para IA: Clique no botão \"🤖 Converter para IA\" para gerar as instruções no painel de saída.
Salvar/Carregar: Use os botões \"💾 Salvar\" e \"📂 Carregar\" para gerenciar seus fluxogramas.
Excluir Fluxograma: Clique no botão \"🗑️ Excluir\" na barra de ferramentas para remover um fluxograma salvo.
Exportar/Importar JSON: Use os botões \"📤 Exportar JSON\" e \"📥 Importar JSON\" para salvar e carregar seus fluxogramas como arquivos JSON.

\n\n

Tipos de Nós:

▶️ Início: Ponto de entrada do fluxograma.
⚙️ Processo: Uma ação ou etapa a ser executada.
❓ Decisão: Um ponto onde uma escolha é feita, com caminhos diferentes.
📝 Entrada: Coleta de dados ou informações.
📤 Saída: Exibição ou entrega de resultados.
🌐 API: Interação com serviços externos via API.
⏹️ Fim: Ponto de saída do fluxograma.

\n\n

Atalhos de Teclado:

Delete ou Backspace: Deletar nó selecionado.
Alt (ou Option no Mac) + Arrastar: Iniciar conexão entre nós.

\n\n

Aproveite para criar fluxogramas poderosos para seus agentes de IA!

\n\n \n\n`;\n}\n\n// ==============================================================================\n// SEÇÃO 6: Ponto de Entrada do Val.town (Backend HTTP Handler)\n// Este é o principal handler HTTP para o Val.town.\n// Ele roteia as requisições para as funções de API ou serve o HTML.\n// ==============================================================================\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // Assume username e valName são conhecidos ou extraídos de forma mais robusta em ambiente de produção\n // Para este exemplo, usaremos os nomes fixos para garantir a URL do client.ts.\n const username = \"tallesjp\";\n const valName = \"testefluxo\"; // Nome do seu Val/Projeto\n\n // Roteamento da API\n if (path === \"/api/save-flowchart\" && req.method === \"POST\") {\n return await saveFlowchart(req);\n }\n\n if (path === \"/api/convert-to-ai\" && req.method === \"POST\") {\n return await convertToAI(req);\n }\n\n if (path === \"/api/load-flowchart\" && req.method === \"GET\") {\n return await loadFlowchart(req);\n }\n\n if (path === \"/api/export-json\" && req.method === \"POST\") {\n return await exportJSON(req);\n }\n\n if (path === \"/api/import-json\" && req.method === \"POST\") {\n return await importJSON(req);\n }\n\n if (path === \"/api/delete-flowchart\" && req.method === \"DELETE\") { // Nova rota para excluir\n return await deleteFlowchart(req);\n }\n\n // Se não for uma rota de API, serve o HTML principal\n return new Response(getMainHTML(username, valName), {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Access-Control-Allow-Origin\": \"*\", // Necessário para CORS\n \"Access-Control-Allow-Methods\": \"GET, POST, PUT, DELETE, OPTIONS\", // Atualizado para DELETE\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n}",[],[190],{"_105":200,"_98":201,"_150":202,"_152":-5,"_153":136,"_154":203,"_156":157,"_107":204,"_102":174,"_160":161,"_162":205,"_164":25,"_165":-5,"_166":206,"_101":207},"c0c5fde6-4cfb-11f0-b45b-76b3cceeab13","utils.ts","af2f84b2-4cfb-11f0-957d-76b3cceeab13",19,["D",1750330460309],"// --- utils.ts ---\n// Funções auxiliares para metadados, usadas no backend.\n\n/**\n * Calcula a duração estimada de um workflow com base no número e tipo de passos.\n * @param steps Array de objetos que representam os passos do workflow.\n * @returns Duração estimada em segundos.\n */\nexport function calculateEstimatedDuration(steps: any[]): number {\n const baseDuration = steps.length * 2;\n const complexSteps = steps.filter(s => [\"make_api_call\", \"database_operation\"].includes(s.type)).length;\n return baseDuration + (complexSteps * 5);\n}\n\n/**\n * Calcula uma pontuação de complexidade para o workflow.\n * @param workflow Objeto contendo steps, conditions e loops do workflow.\n * @returns Pontuação de complexidade.\n */\nexport function calculateComplexityScore(workflow: { steps: any[]; conditions: any[]; loops: any[] }): number {\n let score = 0;\n score += workflow.steps.length;\n score += workflow.conditions.length * 2;\n score += workflow.loops.length * 3;\n return Math.min(score, 100);\n}\n\n/**\n * Extrai as permissões necessárias com base nas ações dos passos.\n * @param steps Array de objetos que representam os passos do workflow.\n * @returns Array de strings com as permissões necessárias.\n */\nexport function extractRequiredPermissions(steps: any[]): string[] {\n const permissions = new Set();\n steps.forEach(step => {\n switch (step.type) {\n case \"make_api_call\":\n permissions.add(\"network_access\");\n break;\n case \"database_operation\":\n permissions.add(\"database_access\");\n break;\n case \"collect_user_input\":\n permissions.add(\"user_interaction\");\n break;\n case \"display_output\":\n permissions.add(\"output_display\");\n break;\n }\n });\n return Array.from(permissions);\n}\n\n/**\n * Extrai as dependências de biblioteca com base nas ações dos passos.\n * @param steps Array de objetos que representam os passos do workflow.\n * @returns Array de strings com as dependências.\n */\nexport function extractDependencies(steps: any[]): string[] {\n const dependencies = new Set();\n steps.forEach(step => {\n if (step.type === \"make_api_call\") {\n dependencies.add(\"http_client\");\n }\n if (step.type === \"database_operation\") {\n dependencies.add(\"database_driver\");\n }\n });\n return Array.from(dependencies);\n}",[],[201],"files",[147,169,178,188,199],"counts",{"_212":29,"_213":214,"_215":29,"_216":29},"pulls","branches",1,"forks","envVars","contents",[219,222,225,228,231],{"_105":148,"_98":149,"_150":151,"_152":-5,"_153":136,"_154":155,"_156":157,"_107":220,"_102":159,"_160":161,"_162":163,"_164":25,"_165":-5,"_101":221},["D",1750330496616],[149],{"_105":170,"_98":171,"_150":172,"_152":-5,"_153":136,"_154":135,"_156":157,"_107":223,"_102":174,"_160":161,"_162":175,"_164":25,"_165":-5,"_101":224},["D",1750331215421],[171],{"_105":179,"_98":180,"_150":181,"_152":-5,"_153":136,"_154":182,"_156":157,"_107":226,"_102":184,"_160":161,"_162":185,"_164":25,"_165":-5,"_101":227},["D",1750331129927],[180],{"_105":189,"_98":190,"_150":191,"_152":-5,"_153":136,"_154":192,"_156":157,"_107":229,"_102":194,"_160":195,"_162":196,"_164":25,"_165":-5,"_101":230},["D",1750331163598],[190],{"_105":200,"_98":201,"_150":202,"_152":-5,"_153":136,"_154":203,"_156":157,"_107":232,"_102":174,"_160":161,"_162":205,"_164":25,"_165":-5,"_101":233},["D",1750330460309],[201],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name._index",{"_96":97,"_98":99,"_100":-7,"_102":-7,"_103":241,"_217":245,"_256":-7,"_257":-5,"_258":-5,"_208":259,"_275":276},{"_105":106,"_98":99,"_107":242,"_109":-5,"_110":25,"_111":112,"_113":-5,"_114":-5,"_12":115,"_116":-5,"_117":25,"_118":-5,"_119":29,"_14":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_19":243,"_133":244,"_144":25},["D",1750318495113],{"_96":97,"_131":132},{"_102":135,"_98":40,"_105":136,"_137":106,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":99,"_143":97},[246,248,250,252,254],{"_105":148,"_98":149,"_150":151,"_152":-5,"_153":136,"_154":155,"_156":157,"_107":220,"_102":159,"_160":161,"_162":163,"_164":25,"_165":-5,"_101":247},[149],{"_105":170,"_98":171,"_150":172,"_152":-5,"_153":136,"_154":135,"_156":157,"_107":223,"_102":174,"_160":161,"_162":175,"_164":25,"_165":-5,"_101":249},[171],{"_105":179,"_98":180,"_150":181,"_152":-5,"_153":136,"_154":182,"_156":157,"_107":226,"_102":184,"_160":161,"_162":185,"_164":25,"_165":-5,"_101":251},[180],{"_105":189,"_98":190,"_150":191,"_152":-5,"_153":136,"_154":192,"_156":157,"_107":229,"_102":194,"_160":195,"_162":196,"_164":25,"_165":-5,"_101":253},[190],{"_105":200,"_98":201,"_150":202,"_152":-5,"_153":136,"_154":203,"_156":157,"_107":232,"_102":174,"_160":161,"_162":205,"_164":25,"_165":-5,"_101":255},[201],"readme","upstream","pull",[260,263,266,269,272],{"_105":148,"_98":149,"_150":151,"_152":-5,"_153":136,"_154":155,"_156":157,"_107":158,"_102":159,"_160":161,"_162":163,"_164":25,"_165":-5,"_166":261,"_101":262},[],[149],{"_105":170,"_98":171,"_150":172,"_152":-5,"_153":136,"_154":135,"_156":157,"_107":173,"_102":174,"_160":161,"_162":175,"_164":25,"_165":-5,"_166":264,"_101":265},[],[171],{"_105":179,"_98":180,"_150":181,"_152":-5,"_153":136,"_154":182,"_156":157,"_107":183,"_102":184,"_160":161,"_162":185,"_164":25,"_165":-5,"_166":267,"_101":268},[],[180],{"_105":189,"_98":190,"_150":191,"_152":-5,"_153":136,"_154":192,"_156":157,"_107":193,"_102":194,"_160":195,"_162":196,"_164":25,"_165":-5,"_166":270,"_101":271},[],[190],{"_105":200,"_98":201,"_150":202,"_152":-5,"_153":136,"_154":203,"_156":157,"_107":204,"_102":174,"_160":161,"_162":205,"_164":25,"_165":-5,"_166":273,"_101":274},[],[201],"previews",[269],"routes/_app","actionData","errors"]