sagadeck 1.7.1 → 1.8.0

package/src/studio/public/viewers.js

@@ -243,7 +243,7 @@
   // ------------------------------------------------------------------ planilha como no Excel
   const colName = (i) => { let s = ""; i++; while (i > 0) { const r = (i - 1) % 26; s = String.fromCharCode(65 + r) + s; i = Math.floor((i - 1) / 26); } return s; };
   const looksNum = (v) => /^\s*[-+]?(R\$\s*)?(\d{1,3}(\.\d{3})+(,\d+)?|\d+([.,]\d+)?)\s*%?\s*$/.test(String(v ?? ""));
-  function sheetGrid(host, { rows, editable = false, hasHeader = false, maxRender = 3000, onChange, types = [] } = {}) {
+  function sheetGrid(host, { rows, editable = false, hasHeader = false, maxRender = 3000, onChange, onSelect, types = [] } = {}) {
     let data = rows.map((r) => [...r]);
     const undo = [], redo = [];
     let sel = { r: 0, c: 0, r2: 0, c2: 0 }, editing = null;
@@ -267,6 +267,7 @@
       const [r1, r2] = [Math.min(sel.r, sel.r2), Math.max(sel.r, sel.r2)], [c1, c2] = [Math.min(sel.c, sel.c2), Math.max(sel.c, sel.c2)];
       for (let r = r1; r <= r2; r++) for (let c = c1; c <= c2; c++) cell(r, c)?.classList.add("sel");
       const cur = cell(sel.r, sel.c); cur?.classList.add("cur");
+      onSelect?.(sel.r, sel.c); // quem abriu a planilha acompanha a linha (ex.: o mapa abre o cartão do ponto)
       for (let c = c1; c <= c2; c++) table.querySelector(`thead th[data-col="${c}"]`)?.classList.add("on");
       for (let r = r1; r <= r2; r++) table.querySelector(`tbody th[data-row="${r}"]`)?.classList.add("on");
       cur?.scrollIntoView({ block: "nearest", inline: "nearest" });

package/src/studio/public/visual-editor.js

@@ -257,7 +257,7 @@
     if(!root.dataset.visualEvents){
       root.dataset.visualEvents='true';
       root.addEventListener('pointerdown',e=>{
-        if(e.button!==0 || e.target.closest('.science-plot,input,textarea'))return;
+        if(e.button!==0 || e.target.closest('.science-plot,.map-live,input,textarea'))return; // gráfico e mapa ao vivo recebem o próprio clique
         if(e.target.closest('[contenteditable="true"]')?.dataset.writing)return; // escrevendo: o clique é do cursor
         const el=objectAt(e.clientX,e.clientY)||(locked(e.target.closest('[data-vkey]'))?null:e.target.closest('[data-vkey]'));
         if(!el){

package/src/studio/server.js

@@ -6,6 +6,7 @@ import {chatErrorResult,installErrorResponses} from './errors.js';
 import { slideCopyRoutes } from "./slide-copy-routes.js";
 import { publicScript } from "./public-files.js";
 import { iaRoutes } from "./ia-routes.js";
+import { geoRoutes } from "./geo-routes.js";
 import { codeWatch } from "./code-version.js";
 import {meetingRoutes,meetingPreview} from '../meeting.js';
 import { codeRoutes } from "./code-routes.js";
@@ -493,6 +494,13 @@ export function createStudioServer(deckPath = null, opts = {}) {
         res.end(fs.readFileSync(path.join(RUNTIME_DIR, pathname === "/diagram.js" ? "diagram.js" : "vendor/mermaid.min.js")));
         return;
       }
+      // mapa ao vivo (src/runtime/map.js): o Leaflet e os contornos só são pedidos quando um slide de mapa monta
+      if (["/map.js", "/leaflet.js", "/leaflet.css", "/geo-contornos.json"].includes(pathname)) {
+        const type = pathname.endsWith(".css") ? "text/css" : pathname.endsWith(".json") ? "application/json" : "application/javascript";
+        res.writeHead(200, { "Content-Type": `${type}; charset=utf-8` }); // sem cache: depois de atualizar, o mapa novo vale na hora
+        res.end(fs.readFileSync(path.join(RUNTIME_DIR, pathname === "/map.js" ? "map.js" : `vendor${pathname}`)));
+        return;
+      }
       if (["/science.js", "/formula.js", "/calc.js", "/plotly.min.js"].includes(pathname)) {
         res.writeHead(200, {"Content-Type":"application/javascript; charset=utf-8"});
         res.end(fs.readFileSync(path.join(RUNTIME_DIR, pathname === "/plotly.min.js" ? "vendor/plotly.min.js" : pathname.slice(1))));
@@ -895,6 +903,8 @@ export function createStudioServer(deckPath = null, opts = {}) {
 
       // Configurar IA (provedor, chave, modelos desta máquina): src/studio/ia-routes.js
       if (pathname.startsWith("/api/ia") && await iaRoutes({ req, res, pathname, opts, readJSON })) return;
+      // Configurar mapa, estado dos serviços e coordenadas pelo endereço: src/studio/geo-routes.js
+      if (pathname.startsWith("/api/mapa") && await geoRoutes({ req, res, pathname, opts, readJSON, W, isBundledTemplate })) return;
 
       if (pathname === "/api/ai/status" && req.method === "GET") {
         const cfg = llmConfig();

package/src/studio/tour.js

@@ -0,0 +1,76 @@
+// "Conheça o SagaDeck": a apresentação que todo usuário acha na biblioteca, com tudo o que dá para fazer. Monta-se
+// sozinha dos exemplos de layout (layout-samples.js): layout novo entra aqui sem ninguém lembrar (engine.test.js
+// confere). Cada slide diz o nome do recurso e a frase para pedir à IA. Abre em prévia, como os modelos da vitrine.
+import { LAYOUT_INFO, LAYOUT_SAMPLES, LAYOUT_ASK } from "./layout-samples.js";
+
+export const TOUR_TITLE = "Conheça o SagaDeck";
+
+// os grupos na ordem em que fazem sentido para quem está conhecendo; layout que não estiver em nenhum entra em "Mais"
+const GROUPS = [
+  ["Abrir e fechar", "capa, seções, agenda e encerramento", ["cover", "section", "agenda", "end", "references"]],
+  ["Uma ideia por vez", "frases, números e palavras que ocupam o palco", ["statement", "headline", "quote", "definition", "number", "kinetic", "scenography"]],
+  ["Organizar o conteúdo", "listas, cartões, etapas, comparações e linhas do tempo", ["list", "cards", "mosaic", "ribbon", "bento", "split", "compare", "matrix", "steps", "timeline", "calendar", "hub", "infographic", "pyramid", "funnel"]],
+  ["Números e dados", "indicadores, gráficos, tabelas e painéis", ["stats", "chart", "table", "map", "onepage", "status", "poster"]],
+  ["Imagem e vídeo", "fotos, vídeos e foco guiado", ["image", "full", "spotlight", "carousel", "video"]],
+  ["Com a plateia", "perguntas, enquetes e experiências interativas", ["question", "poll", "decisionlab", "playground", "portal"]],
+  ["Código e tecnologia", "código, APIs ao vivo, Git e diagramas", ["code", "codewalk", "codelab", "api", "duel", "terminals", "turns", "diagram", "graphlab", "algo", "dossier"]],
+  ["Aula e ciência", "fórmulas que viram curva, calculadoras e exercícios", ["science", "calc", "solution"]],
+  ["Do seu jeito", "monte o slide livremente", ["blocks", "canvas"]],
+];
+
+// o que não é layout, mas a pessoa precisa saber que existe
+const EXTRAS = [
+  ["sparkles", "Criar com IA", "De um tema, de um arquivo (PDF, Word, planilha, PowerPoint) ou de um link: a IA monta a apresentação inteira."],
+  ["message-circle", "Conversar com a IA", "No chat, peça mudanças no slide ou no deck todo; cada mudança vira uma versão que dá para desfazer."],
+  ["search-check", "Leitura crítica", "A IA revisa a apresentação e aponta o que melhorar, slide a slide, com Aplicar e Ignorar."],
+  ["file-up", "Importar PowerPoint", "Traga um .pptx e continue editando aqui, com as imagens e a ordem do original."],
+  ["table", "Gráfico da planilha", "Cole do Excel ou use a planilha do projeto: o Studio sugere gráficos e atualiza quando o arquivo muda."],
+  ["palette", "Temas e paletas", "Troque o visual inteiro com um clique; o conteúdo se rearruma sozinho."],
+  ["presentation", "Modo apresentador", "Notas, próximo slide, cronômetro e caneta para desenhar ao vivo."],
+  ["download", "PDF e PowerPoint", "Exporte para PDF ou para um PowerPoint editável, com as animações de clique."],
+  ["link", "Compartilhar link", "Um link só de leitura, para quem não precisa editar."],
+];
+
+// os exemplos de navegação (hub, cartões) apontam para slides que não existem aqui: o link sai, o desenho fica
+const semLinks = (v) => (Array.isArray(v) ? v.map(semLinks) : v && typeof v === "object" ? Object.fromEntries(Object.entries(v).filter(([k]) => k !== "goto").map(([k, x]) => [k, semLinks(x)])) : v);
+
+const asked = (ask) => `Peça à IA: “${ask}”`;
+
+export function tourDeck() {
+  const all = Object.keys(LAYOUT_SAMPLES);
+  const used = new Set(GROUPS.flatMap(([, , names]) => names));
+  const groups = [...GROUPS.map(([title, sub, names]) => [title, sub, names.filter((n) => LAYOUT_SAMPLES[n])])];
+  const rest = all.filter((n) => !used.has(n));
+  if (rest.length) groups.push(["Mais recursos", "os layouts mais novos", rest]);
+
+  const slides = [{
+    layout: "cover", kicker: "SAGADECK · TOUR", title: TOUR_TITLE,
+    subtitle: "Tudo o que dá para fazer, um slide por recurso. Cada um diz como pedir à IA.",
+    figure: { icon: "compass", size: 320 },
+    notes: "Navegue à vontade: nada aqui cria arquivo. Embaixo de cada slide (nestas notas) está o nome do recurso e a frase para pedir à IA na sua apresentação.",
+  }];
+  groups.forEach(([title, sub, names], i) => {
+    if (!names.length) return;
+    slides.push({ layout: "section", number: i + 1, kicker: `${names.length} recurso${names.length === 1 ? "" : "s"}`, title, subtitle: sub });
+    for (const name of names) {
+      const sample = semLinks(structuredClone(LAYOUT_SAMPLES[name]));
+      const [label, desc] = LAYOUT_INFO[name] || [name, ""];
+      const ask = LAYOUT_ASK[name] || "";
+      slides.push({
+        ...sample,
+        layout: name,
+        tour: name,
+        source: `**${label}**: ${desc}. ${asked(ask)}`,
+        // as notas ficam visíveis logo abaixo do slide no Studio (e na visão do apresentador): valem para todo layout,
+        // inclusive os que não desenham o rodapé (capa, citação, vídeo…)
+        notes: [`${label}: ${desc}.`, asked(ask), sample.notes].filter(Boolean).join("\n\n"),
+      });
+    }
+  });
+  slides.push({ layout: "section", number: groups.length + 1, kicker: "Além dos slides", title: "O que mais o SagaDeck faz", subtitle: "IA, importação, exportação e apresentação" });
+  slides.push({ layout: "cards", title: "Com a IA", cols: 3, items: EXTRAS.slice(0, 3).map(([icon, title, text]) => ({ icon, title, text })) });
+  slides.push({ layout: "cards", title: "Com os seus arquivos", cols: 3, items: EXTRAS.slice(3, 6).map(([icon, title, text]) => ({ icon, title, text })) });
+  slides.push({ layout: "cards", title: "Na hora de apresentar", cols: 3, items: EXTRAS.slice(6).map(([icon, title, text]) => ({ icon, title, text })) });
+  slides.push({ layout: "end", title: "Agora é a sua vez.", subtitle: "Crie uma apresentação e peça à IA o que você viu aqui." });
+  return { title: TOUR_TITLE, theme: "sinal", duration: 30, maxWords: 140, slides };
+}