"use strict"; const {jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", pre: "pre", span: "span", ..._provideComponents(), ...props.components }; return _jsx(_components.pre, { children: _jsxs(_components.code, { className: "language-dataviewjs code-highlight", children: [_jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// ⚙️ CONFIGURAÇÕES\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const CONFIG = {\n" }), _jsx(_components.span, { className: "code-line", children: " tag: \"#calendar/daily\",\n" }), _jsx(_components.span, { className: "code-line", children: " rangeDays: <% tp.system.prompt(\"Número de dias para análise de Pomodoros\") %>,\n" }), _jsx(_components.span, { className: "code-line", children: " chartHeight: \"260px\"\n" }), _jsx(_components.span, { className: "code-line", children: "};\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// 🗓️ INTERVALO DE DATAS\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const endDate = moment('<% tp.date.now(\"YYYY-MM-DD\") %>', 'YYYY-MM-DD');\n" }), _jsx(_components.span, { className: "code-line", children: "const startDate = moment(endDate).subtract(CONFIG.rangeDays, 'days');\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// 📊 COLETA DE DADOS\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const pages = dv.pages(CONFIG.tag)\n" }), _jsx(_components.span, { className: "code-line", children: " .where(p => p.file.name >= startDate.format(\"YYYY-MM-DD\") && p.file.name <= endDate.format(\"YYYY-MM-DD\"))\n" }), _jsx(_components.span, { className: "code-line", children: " .sort(p => p.file.name, 'asc');\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const allDates = [], workData = [], breakData = [], moods = [];\n" }), _jsx(_components.span, { className: "code-line", children: "let totalWork = 0, totalBreak = 0;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "for (let i = 0; i < CONFIG.rangeDays; i++) {\n" }), _jsx(_components.span, { className: "code-line", children: " const currentDate = moment(startDate).add(i, 'days').format(\"YYYY-MM-DD\");\n" }), _jsx(_components.span, { className: "code-line", children: " const page = pages.find(p => p.file.name === currentDate);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " let workMin = 0, breakMin = 0, mood = \"\";\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " if (page && page.pomodoros) {\n" }), _jsx(_components.span, { className: "code-line", children: " page.pomodoros.forEach(pom => {\n" }), _jsx(_components.span, { className: "code-line", children: " if (pom.type === \"work\") workMin += pom.plannedDuration || 0;\n" }), _jsx(_components.span, { className: "code-line", children: " if (pom.type?.includes(\"break\")) breakMin += pom.plannedDuration || 0;\n" }), _jsx(_components.span, { className: "code-line", children: " });\n" }), _jsx(_components.span, { className: "code-line", children: " mood = page[\"daily-mood\"] || \"\";\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: " workData.push(workMin);\n" }), _jsx(_components.span, { className: "code-line", children: " breakData.push(breakMin);\n" }), _jsx(_components.span, { className: "code-line", children: " moods.push(mood);\n" }), _jsx(_components.span, { className: "code-line", children: " allDates.push(currentDate);\n" }), _jsx(_components.span, { className: "code-line", children: " totalWork += workMin;\n" }), _jsx(_components.span, { className: "code-line", children: " totalBreak += breakMin;\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "const avgWork = totalWork / CONFIG.rangeDays;\n" }), _jsx(_components.span, { className: "code-line", children: "const avgBreak = totalBreak / CONFIG.rangeDays;\n" }), _jsx(_components.span, { className: "code-line", children: "const productivityRatio = totalWork > 0 ? (totalWork / (totalWork + totalBreak) * 100).toFixed(1) : 0;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// 🎨 RESUMO\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "function renderSummary() {\n" }), _jsx(_components.span, { className: "code-line", children: " const el = dv.el(\"div\", \"\");\n" }), _jsx(_components.span, { className: "code-line", children: " el.className = \"pomodoro-summary\";\n" }), _jsx(_components.span, { className: "code-line", children: " el.innerHTML = `\n" }), _jsx(_components.span, { className: "code-line", children: "

\n" }), _jsx(_components.span, { className: "code-line", children: "

📅

${startDate.format('DD/MM')}–${endDate.format('DD/MM')}

\n" }), _jsx(_components.span, { className: "code-line", children: "

💼

${totalWork}m

\n" }), _jsx(_components.span, { className: "code-line", children: "

☕

${totalBreak}m

\n" }), _jsx(_components.span, { className: "code-line", children: "

📈

${avgWork.toFixed(1)}m/dia

\n" }), _jsx(_components.span, { className: "code-line", children: "

🎯 Produtividade

\n" }), _jsx(_components.span, { className: "code-line", children: "

${productivityRatio}%

\n" }), _jsx(_components.span, { className: "code-line", children: "

`;\n" }), _jsx(_components.span, { className: "code-line", children: " return el;\n" }), _jsx(_components.span, { className: "code-line", children: "}\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// 📊 CONFIG GRÁFICO\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const chartData = {\n" }), _jsx(_components.span, { className: "code-line", children: " type: 'line',\n" }), _jsx(_components.span, { className: "code-line", children: " data: {\n" }), _jsx(_components.span, { className: "code-line", children: " labels: allDates.map(d => moment(d).format(\"DD/MM\")),\n" }), _jsx(_components.span, { className: "code-line", children: " datasets: [\n" }), _jsx(_components.span, { className: "code-line", children: " {\n" }), _jsx(_components.span, { className: "code-line", children: " label: 'Work',\n" }), _jsx(_components.span, { className: "code-line", children: " data: workData,\n" }), _jsx(_components.span, { className: "code-line", children: " borderColor: '#9575cd',\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor: 'rgba(149,117,205,0.15)',\n" }), _jsx(_components.span, { className: "code-line", children: " borderWidth: 2,\n" }), _jsx(_components.span, { className: "code-line", children: " pointBackgroundColor: '#b388ff',\n" }), _jsx(_components.span, { className: "code-line", children: " pointRadius: 3,\n" }), _jsx(_components.span, { className: "code-line", children: " tension: 0.35,\n" }), _jsx(_components.span, { className: "code-line", children: " fill: true\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " {\n" }), _jsx(_components.span, { className: "code-line", children: " label: 'Break',\n" }), _jsx(_components.span, { className: "code-line", children: " data: breakData,\n" }), _jsx(_components.span, { className: "code-line", children: " borderColor: '#ffb74d',\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor: 'rgba(255,183,77,0.1)',\n" }), _jsx(_components.span, { className: "code-line", children: " borderWidth: 1.5,\n" }), _jsx(_components.span, { className: "code-line", children: " pointBackgroundColor: '#ffd54f',\n" }), _jsx(_components.span, { className: "code-line", children: " pointRadius: 2.5,\n" }), _jsx(_components.span, { className: "code-line", children: " tension: 0.35,\n" }), _jsx(_components.span, { className: "code-line", children: " fill: true\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " ]\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " options: {\n" }), _jsx(_components.span, { className: "code-line", children: " responsive: true,\n" }), _jsx(_components.span, { className: "code-line", children: " maintainAspectRatio: false,\n" }), _jsx(_components.span, { className: "code-line", children: " interaction: { intersect: false, mode: 'index' },\n" }), _jsx(_components.span, { className: "code-line", children: " plugins: {\n" }), _jsx(_components.span, { className: "code-line", children: " legend: { display: false },\n" }), _jsx(_components.span, { className: "code-line", children: " tooltip: {\n" }), _jsx(_components.span, { className: "code-line", children: " backgroundColor: 'rgba(30,30,30,0.9)',\n" }), _jsx(_components.span, { className: "code-line", children: " titleColor: '#fff',\n" }), _jsx(_components.span, { className: "code-line", children: " bodyColor: '#fff',\n" }), _jsx(_components.span, { className: "code-line", children: " callbacks: {\n" }), _jsx(_components.span, { className: "code-line", children: " label: ctx => `${ctx.dataset.label}: ${ctx.raw} min`,\n" }), _jsx(_components.span, { className: "code-line", children: " afterLabel: ctx => {\n" }), _jsx(_components.span, { className: "code-line", children: " const mood = moods[ctx.dataIndex];\n" }), _jsx(_components.span, { className: "code-line", children: " return mood ? `Humor: ${mood}` : '';\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " scales: {\n" }), _jsx(_components.span, { className: "code-line", children: " y: {\n" }), _jsx(_components.span, { className: "code-line", children: " beginAtZero: true,\n" }), _jsx(_components.span, { className: "code-line", children: " ticks: { color: '#ccc', stepSize: 25, font: { size: 10 } },\n" }), _jsx(_components.span, { className: "code-line", children: " grid: { color: 'rgba(255,255,255,0.08)', drawBorder: false }\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " x: {\n" }), _jsx(_components.span, { className: "code-line", children: " ticks: {\n" }), _jsx(_components.span, { className: "code-line", children: " color: '#ccc',\n" }), _jsx(_components.span, { className: "code-line", children: " font: { size: 10 },\n" }), _jsx(_components.span, { className: "code-line", children: " callback: function(val, index) {\n" }), _jsx(_components.span, { className: "code-line", children: " const emoji = moods[index]?.split(\"–\")[0]?.trim() || \"\";\n" }), _jsx(_components.span, { className: "code-line", children: " return `${this.getLabelForValue(index)}${emoji ? `\\n${emoji}` : ''}`;\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " },\n" }), _jsx(_components.span, { className: "code-line", children: " grid: { display: false }\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: " }\n" }), _jsx(_components.span, { className: "code-line", children: "};\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// 💅 ESTILO\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "const styles = `\n" }), _jsx(_components.span, { className: "code-line", children: "`;\n" }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "// 🚀 EXECUÇÃO\n" }), _jsx(_components.span, { className: "code-line", children: "// =============================\n" }), _jsx(_components.span, { className: "code-line", children: "dv.container.appendChild(document.createRange().createContextualFragment(styles));\n" }), _jsx(_components.span, { className: "code-line", children: "dv.container.appendChild(renderSummary());\n" }), _jsx(_components.span, { className: "code-line", children: "const chartContainer = dv.el(\"div\", \"\");\n" }), _jsx(_components.span, { className: "code-line", children: "chartContainer.className = \"chart-container\";\n" }), _jsx(_components.span, { className: "code-line", children: "chartContainer.style.height = CONFIG.chartHeight;\n" }), _jsx(_components.span, { className: "code-line", children: "chartContainer.style.width = \"100%\";\n" }), _jsx(_components.span, { className: "code-line", children: "dv.container.appendChild(chartContainer);\n" }), _jsx(_components.span, { className: "code-line", children: "window.renderChart(chartData, chartContainer);\n" }), _jsx(_components.span, { className: "code-line", children: "\n" })] }) }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };