@zumito-team/analytics-module 0.1.0 → 0.2.0

package/dist/translations/en.json

@@ -0,0 +1,63 @@
+{
+    "command.stats.title": "Server Stats",
+    "command.stats.description": "Last {days} days summary",
+    "command.stats.messages": "Messages",
+    "command.stats.commands": "Commands",
+    "command.stats.joins": "Joins",
+    "command.stats.leaves": "Leaves",
+    "command.stats.voice": "Voice Activity",
+    "command.stats.noGuild": "This command can only be used in a server.",
+    "command.analytics-config.title": "Analytics Configuration",
+    "command.analytics-config.configTitle": "Analytics Configuration",
+    "command.analytics-config.configDescription": "Current analytics tracking settings for this server.",
+    "command.analytics-config.configUpdated": "Configuration Updated",
+    "command.analytics-config.enabled": "Enabled",
+    "command.analytics-config.trackMessages": "Track Messages",
+    "command.analytics-config.trackVoice": "Track Voice",
+    "command.analytics-config.trackMembers": "Track Members",
+    "command.analytics-config.trackCommands": "Track Commands",
+    "command.analytics-config.trackPerformance": "Track Command Performance",
+    "command.analytics-config.trackPerChannelVoice": "Track Per-Channel Voice",
+    "command.analytics-config.retentionDays": "Retention (days)",
+    "command.analytics-config.publicStats": "Public Stats Page",
+    "command.analytics-config.noGuild": "This command can only be used in a server.",
+    "command.analytics-config.noPermission": "You need administrator permissions to manage analytics.",
+    "analytics.sidebarTitle": "Analytics",
+    "analytics.title": "Analytics",
+    "analytics.botStats": "Bot Statistics",
+    "analytics.serverStats": "Server Statistics",
+    "analytics.messages": "Messages",
+    "analytics.commands": "Commands",
+    "analytics.joins": "Joins",
+    "analytics.leaves": "Leaves",
+    "analytics.voice": "Voice Activity",
+    "analytics.errors": "Errors",
+    "analytics.totalGuilds": "Total Servers",
+    "analytics.activeGuilds": "Active Servers",
+    "analytics.totalMembers": "Members Reach",
+    "analytics.messagesPerDay": "Messages per Day",
+    "analytics.commandsPerDay": "Commands per Day",
+    "analytics.joinsVsLeaves": "Joins vs Leaves",
+    "analytics.voiceActivity": "Voice Activity",
+    "analytics.topCommands": "Top Commands",
+    "analytics.slowestCommands": "Slowest Commands",
+    "analytics.guildGrowth": "Server Growth",
+    "analytics.last7days": "Last 7 Days",
+    "analytics.last30days": "Last 30 Days",
+    "analytics.last90days": "Last 90 Days",
+    "analytics.noData": "No data available",
+    "analytics.commandName": "Command",
+    "analytics.usageCount": "Uses",
+    "analytics.avgExecutionTime": "Avg. Time",
+    "analytics.executionTime": "Execution Time",
+    "analytics.overview": "Overview",
+    "analytics.detailedStats": "Detailed Stats",
+    "analytics.minutes": "minutes",
+    "analytics.globalStats": "Global",
+    "analytics.perChannelVoice": "Voice per Channel",
+    "analytics.channelName": "Channel",
+    "analytics.totalMinutes": "Total Minutes",
+    "analytics.uniqueUsers": "Unique Users",
+    "analytics.date": "Date",
+    "analytics.count": "Count"
+}

package/dist/translations/es.json

@@ -0,0 +1,63 @@
+{
+    "command.stats.title": "Estadisticas del Servidor",
+    "command.stats.description": "Resumen de los ultimos {days} dias",
+    "command.stats.messages": "Mensajes",
+    "command.stats.commands": "Comandos",
+    "command.stats.joins": "Entradas",
+    "command.stats.leaves": "Salidas",
+    "command.stats.voice": "Actividad de Voz",
+    "command.stats.noGuild": "Este comando solo puede usarse en un servidor.",
+    "command.analytics-config.title": "Configuracion de Analiticas",
+    "command.analytics-config.configTitle": "Configuracion de Analiticas",
+    "command.analytics-config.configDescription": "Ajustes actuales de seguimiento de analiticas para este servidor.",
+    "command.analytics-config.configUpdated": "Configuracion Actualizada",
+    "command.analytics-config.enabled": "Activado",
+    "command.analytics-config.trackMessages": "Seguimiento de Mensajes",
+    "command.analytics-config.trackVoice": "Seguimiento de Voz",
+    "command.analytics-config.trackMembers": "Seguimiento de Miembros",
+    "command.analytics-config.trackCommands": "Seguimiento de Comandos",
+    "command.analytics-config.trackPerformance": "Seguimiento de Rendimiento",
+    "command.analytics-config.trackPerChannelVoice": "Voz por Canal",
+    "command.analytics-config.retentionDays": "Retencion (dias)",
+    "command.analytics-config.publicStats": "Pagina de Estadisticas Publica",
+    "command.analytics-config.noGuild": "Este comando solo puede usarse en un servidor.",
+    "command.analytics-config.noPermission": "Necesitas permisos de administrador para gestionar las analiticas.",
+    "analytics.sidebarTitle": "Analiticas",
+    "analytics.title": "Analiticas",
+    "analytics.botStats": "Estadisticas del Bot",
+    "analytics.serverStats": "Estadisticas del Servidor",
+    "analytics.messages": "Mensajes",
+    "analytics.commands": "Comandos",
+    "analytics.joins": "Entradas",
+    "analytics.leaves": "Salidas",
+    "analytics.voice": "Actividad de Voz",
+    "analytics.errors": "Errores",
+    "analytics.totalGuilds": "Servidores Totales",
+    "analytics.activeGuilds": "Servidores Activos",
+    "analytics.totalMembers": "Alcance de Miembros",
+    "analytics.messagesPerDay": "Mensajes por Dia",
+    "analytics.commandsPerDay": "Comandos por Dia",
+    "analytics.joinsVsLeaves": "Entradas vs Salidas",
+    "analytics.voiceActivity": "Actividad de Voz",
+    "analytics.topCommands": "Comandos Mas Usados",
+    "analytics.slowestCommands": "Comandos Mas Lentos",
+    "analytics.guildGrowth": "Crecimiento de Servidores",
+    "analytics.last7days": "Ultimos 7 Dias",
+    "analytics.last30days": "Ultimos 30 Dias",
+    "analytics.last90days": "Ultimos 90 Dias",
+    "analytics.noData": "Sin datos disponibles",
+    "analytics.commandName": "Comando",
+    "analytics.usageCount": "Usos",
+    "analytics.avgExecutionTime": "Tiempo Medio",
+    "analytics.executionTime": "Tiempo de Ejecucion",
+    "analytics.overview": "Resumen",
+    "analytics.detailedStats": "Estadisticas Detalladas",
+    "analytics.minutes": "minutos",
+    "analytics.globalStats": "Global",
+    "analytics.perChannelVoice": "Voz por Canal",
+    "analytics.channelName": "Canal",
+    "analytics.totalMinutes": "Minutos Totales",
+    "analytics.uniqueUsers": "Usuarios Unicos",
+    "analytics.date": "Fecha",
+    "analytics.count": "Cantidad"
+}

package/dist/views/admin-analytics.ejs

@@ -0,0 +1,170 @@
+<div class="p-4">
+    <div class="flex items-center justify-between mb-6">
+        <h1 class="text-2xl font-bold text-discord-foreground"><%= t('analytics.botStats') %></h1>
+        <div class="flex gap-2">
+            <button data-days="7" class="date-btn btn-primary text-sm px-3 py-1 rounded"><%= t('analytics.last7days') %></button>
+            <button data-days="30" class="date-btn text-sm px-3 py-1 rounded bg-discord-dark-100 text-discord-foreground/70 hover:text-discord-foreground"><%= t('analytics.last30days') %></button>
+            <button data-days="90" class="date-btn text-sm px-3 py-1 rounded bg-discord-dark-100 text-discord-foreground/70 hover:text-discord-foreground"><%= t('analytics.last90days') %></button>
+        </div>
+    </div>
+
+    <div class="grid grid-cols-2 md:grid-cols-5 gap-4 mb-6">
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= summary.totalGuilds %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.totalGuilds') %></div>
+        </div>
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= summary.totalMessages %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.messages') %></div>
+        </div>
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= summary.totalCommands %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.commands') %></div>
+        </div>
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= summary.totalJoins %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.joins') %></div>
+        </div>
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= Math.round(summary.totalVoiceMinutes) %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.voice') %> (min)</div>
+        </div>
+    </div>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.guildGrowth') %></h3>
+            <canvas id="chartGuildGrowth" width="400" height="200"></canvas>
+        </div>
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.messagesPerDay') %></h3>
+            <canvas id="chartMessages" width="400" height="200"></canvas>
+        </div>
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.commandsPerDay') %></h3>
+            <canvas id="chartCommands" width="400" height="200"></canvas>
+        </div>
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.topCommands') %></h3>
+            <canvas id="chartTopCommands" width="400" height="200"></canvas>
+        </div>
+    </div>
+
+    <% if (typeof slowestCommands !== 'undefined' && slowestCommands.length > 0) { %>
+    <div class="card mb-6">
+        <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.slowestCommands') %></h3>
+        <canvas id="chartSlowestCommands" width="600" height="200"></canvas>
+    </div>
+    <% } %>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
+<script>
+(function() {
+    const colors = {
+        primary: '#5865f2',
+        success: '#57f287',
+        warning: '#fee75c',
+        danger: '#ed4245',
+        foreground: '#ffffff',
+        foreground60: 'rgba(255,255,255,0.6)',
+        dark100: '#36393f',
+        dark200: '#2f3136',
+    };
+
+    Chart.defaults.color = colors.foreground60;
+    Chart.defaults.borderColor = colors.dark100;
+    Chart.defaults.plugins.legend.labels.color = colors.foreground60;
+
+    const data = <%- JSON.stringify(chartData) %>;
+
+    function createLineChart(canvasId, label, values, keyX, keyY) {
+        new Chart(document.getElementById(canvasId), {
+            type: 'line',
+            data: {
+                labels: values.map(v => v[keyX]),
+                datasets: [{
+                    label: label,
+                    data: values.map(v => v[keyY]),
+                    borderColor: colors.primary,
+                    backgroundColor: 'rgba(88,101,242,0.1)',
+                    fill: true,
+                    tension: 0.3,
+                }]
+            },
+            options: { responsive: true, plugins: { legend: { display: false } } }
+        });
+    }
+
+    function createBarChart(canvasId, label, values, keyX, keyY) {
+        new Chart(document.getElementById(canvasId), {
+            type: 'bar',
+            data: {
+                labels: values.map(v => v[keyX]),
+                datasets: [{
+                    label: label,
+                    data: values.map(v => v[keyY]),
+                    backgroundColor: colors.primary,
+                    borderRadius: 4,
+                }]
+            },
+            options: { responsive: true, plugins: { legend: { display: false } } }
+        });
+    }
+
+    function createHorizontalBarChart(canvasId, label, values, keyX, keyY) {
+        new Chart(document.getElementById(canvasId), {
+            type: 'bar',
+            data: {
+                labels: values.map(v => v[keyX]),
+                datasets: [{
+                    label: label,
+                    data: values.map(v => v[keyY]),
+                    backgroundColor: values.map((_, i) => {
+                        const alpha = 1 - (i * 0.08);
+                        return `rgba(88,101,242,${Math.max(0.3, alpha)})`;
+                    }),
+                    borderRadius: 4,
+                }]
+            },
+            options: {
+                indexAxis: 'y',
+                responsive: true,
+                plugins: { legend: { display: false } }
+            }
+        });
+    }
+
+    createLineChart('chartGuildGrowth', '<%= t("analytics.guildGrowth") %>', data.guildGrowth, 'date', 'guildCount');
+    createBarChart('chartMessages', '<%= t("analytics.messagesPerDay") %>', data.messagesPerDay, 'date', 'count');
+    createBarChart('chartCommands', '<%= t("analytics.commandsPerDay") %>', data.commandsPerDay, 'date', 'count');
+    createHorizontalBarChart('chartTopCommands', '<%= t("analytics.topCommands") %>', data.topCommands, 'command_name', 'usage_count');
+
+    <% if (typeof slowestCommands !== 'undefined' && slowestCommands.length > 0) { %>
+    new Chart(document.getElementById('chartSlowestCommands'), {
+        type: 'bar',
+        data: {
+            labels: data.slowestCommands.map(v => v.command_name),
+            datasets: [{
+                label: '<%= t("analytics.avgExecutionTime") %> (ms)',
+                data: data.slowestCommands.map(v => v.avgExecutionTimeMs),
+                backgroundColor: colors.warning,
+                borderRadius: 4,
+            }]
+        },
+        options: {
+            responsive: true,
+            plugins: { legend: { display: false } },
+            scales: { y: { title: { display: true, text: 'ms' } } }
+        }
+    });
+    <% } %>
+
+    document.querySelectorAll('.date-btn').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const days = btn.dataset.days;
+            window.location.href = '/admin/analytics?days=' + days;
+        });
+    });
+})();
+</script>

package/dist/views/user-analytics.ejs

@@ -0,0 +1,209 @@
+<div class="p-4">
+    <div class="flex items-center justify-between mb-6">
+        <h1 class="text-2xl font-bold text-discord-foreground"><%= t('analytics.serverStats') %></h1>
+        <div class="flex gap-2">
+            <button data-days="7" class="date-btn btn-primary text-sm px-3 py-1 rounded"><%= t('analytics.last7days') %></button>
+            <button data-days="30" class="date-btn text-sm px-3 py-1 rounded bg-discord-dark-100 text-discord-foreground/70 hover:text-discord-foreground"><%= t('analytics.last30days') %></button>
+            <button data-days="90" class="date-btn text-sm px-3 py-1 rounded bg-discord-dark-100 text-discord-foreground/70 hover:text-discord-foreground"><%= t('analytics.last90days') %></button>
+        </div>
+    </div>
+
+    <div class="grid grid-cols-2 md:grid-cols-5 gap-4 mb-6">
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= guildSummary.totalMessages %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.messages') %></div>
+        </div>
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= guildSummary.totalCommands %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.commands') %></div>
+        </div>
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= guildSummary.totalJoins %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.joins') %></div>
+        </div>
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= guildSummary.totalLeaves %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.leaves') %></div>
+        </div>
+        <div class="card text-center">
+            <div class="text-2xl font-bold text-discord-foreground"><%= Math.round(guildSummary.totalVoiceMinutes) %></div>
+            <div class="text-xs text-discord-foreground/60 mt-1"><%= t('analytics.voice') %> (min)</div>
+        </div>
+    </div>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.messagesPerDay') %></h3>
+            <canvas id="chartMessages" width="400" height="200"></canvas>
+        </div>
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.joinsVsLeaves') %></h3>
+            <canvas id="chartMembers" width="400" height="200"></canvas>
+        </div>
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.voiceActivity') %></h3>
+            <canvas id="chartVoice" width="400" height="200"></canvas>
+        </div>
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.commandsPerDay') %></h3>
+            <canvas id="chartCommands" width="400" height="200"></canvas>
+        </div>
+    </div>
+
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.topCommands') %></h3>
+            <canvas id="chartTopCommands" width="400" height="200"></canvas>
+        </div>
+        <% if (typeof slowestCommands !== 'undefined' && slowestCommands.length > 0) { %>
+        <div class="card">
+            <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.slowestCommands') %></h3>
+            <canvas id="chartSlowestCommands" width="400" height="200"></canvas>
+        </div>
+        <% } %>
+    </div>
+
+    <% if (typeof channelVoice !== 'undefined' && channelVoice.length > 0) { %>
+    <div class="card mb-6">
+        <h3 class="text-lg font-semibold mb-4 text-discord-foreground"><%= t('analytics.perChannelVoice') %></h3>
+        <canvas id="chartChannelVoice" width="600" height="200"></canvas>
+    </div>
+    <% } %>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
+<script>
+(function() {
+    const colors = {
+        primary: '#5865f2',
+        success: '#57f287',
+        warning: '#fee75c',
+        danger: '#ed4245',
+        foreground: '#ffffff',
+        foreground60: 'rgba(255,255,255,0.6)',
+        dark100: '#36393f',
+        dark200: '#2f3136',
+    };
+
+    Chart.defaults.color = colors.foreground60;
+    Chart.defaults.borderColor = colors.dark100;
+    Chart.defaults.plugins.legend.labels.color = colors.foreground60;
+
+    const data = <%- JSON.stringify(chartData) %>;
+
+    function createBarChart(canvasId, label, values, keyX, keyY) {
+        new Chart(document.getElementById(canvasId), {
+            type: 'bar',
+            data: {
+                labels: values.map(v => v[keyX]),
+                datasets: [{
+                    label: label,
+                    data: values.map(v => v[keyY]),
+                    backgroundColor: colors.primary,
+                    borderRadius: 4,
+                }]
+            },
+            options: { responsive: true, plugins: { legend: { display: false } } }
+        });
+    }
+
+    function createHorizontalBarChart(canvasId, label, values, keyX, keyY) {
+        new Chart(document.getElementById(canvasId), {
+            type: 'bar',
+            data: {
+                labels: values.map(v => v[keyX]),
+                datasets: [{
+                    label: label,
+                    data: values.map(v => v[keyY]),
+                    backgroundColor: values.map((_, i) => {
+                        const alpha = 1 - (i * 0.08);
+                        return `rgba(88,101,242,${Math.max(0.3, alpha)})`;
+                    }),
+                    borderRadius: 4,
+                }]
+            },
+            options: {
+                indexAxis: 'y',
+                responsive: true,
+                plugins: { legend: { display: false } }
+            }
+        });
+    }
+
+    createBarChart('chartMessages', '<%= t("analytics.messagesPerDay") %>', data.messagesPerDay, 'date', 'count');
+    createBarChart('chartVoice', '<%= t("analytics.voiceActivity") %>', data.voicePerDay, 'date', 'count');
+    createBarChart('chartCommands', '<%= t("analytics.commandsPerDay") %>', data.commandsPerDay, 'date', 'count');
+    createHorizontalBarChart('chartTopCommands', '<%= t("analytics.topCommands") %>', data.topCommands, 'command_name', 'usage_count');
+
+    new Chart(document.getElementById('chartMembers'), {
+        type: 'line',
+        data: {
+            labels: data.joinsPerDay.map(v => v.date),
+            datasets: [
+                {
+                    label: '<%= t("analytics.joins") %>',
+                    data: data.joinsPerDay.map(v => v.count),
+                    borderColor: colors.success,
+                    backgroundColor: 'rgba(87,242,135,0.1)',
+                    fill: true,
+                    tension: 0.3,
+                },
+                {
+                    label: '<%= t("analytics.leaves") %>',
+                    data: data.leavesPerDay.map(v => v.count),
+                    borderColor: colors.danger,
+                    backgroundColor: 'rgba(237,66,69,0.1)',
+                    fill: true,
+                    tension: 0.3,
+                }
+            ]
+        },
+        options: { responsive: true }
+    });
+
+    <% if (typeof slowestCommands !== 'undefined' && slowestCommands.length > 0) { %>
+    new Chart(document.getElementById('chartSlowestCommands'), {
+        type: 'bar',
+        data: {
+            labels: data.slowestCommands.map(v => v.command_name),
+            datasets: [{
+                label: '<%= t("analytics.avgExecutionTime") %> (ms)',
+                data: data.slowestCommands.map(v => v.avgExecutionTimeMs),
+                backgroundColor: colors.warning,
+                borderRadius: 4,
+            }]
+        },
+        options: {
+            responsive: true,
+            plugins: { legend: { display: false } },
+            scales: { y: { title: { display: true, text: 'ms' } } }
+        }
+    });
+    <% } %>
+
+    <% if (typeof channelVoice !== 'undefined' && channelVoice.length > 0) { %>
+    new Chart(document.getElementById('chartChannelVoice'), {
+        type: 'bar',
+        data: {
+            labels: data.channelVoice.map(v => v.channel_id),
+            datasets: [{
+                label: '<%= t("analytics.totalMinutes") %>',
+                data: data.channelVoice.map(v => v.total_minutes),
+                backgroundColor: colors.primary,
+                borderRadius: 4,
+            }]
+        },
+        options: { responsive: true, plugins: { legend: { display: false } } }
+    });
+    <% } %>
+
+    document.querySelectorAll('.date-btn').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const days = btn.dataset.days;
+            const currentUrl = new URL(window.location.href);
+            currentUrl.searchParams.set('days', days);
+            window.location.href = currentUrl.toString();
+        });
+    });
+})();
+</script>

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@zumito-team/analytics-module",
-  "version": "0.1.0",
-  "main": "index.js",
-  "types": "index.d.ts",
+  "version": "0.2.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "description": "Server analytics module with configurable tracking and optional panel integration",
   "type": "module",
   "scripts": {
-    "build": "tsc -p tsconfig.json"
+    "build": "tsc -p tsconfig.json && cp -r translations dist/ && cp -r views dist/"
   },
   "dependencies": {
     "@zumito-team/admin-module": "^1.8.0",

package/tsconfig.json

@@ -3,7 +3,7 @@
     "target": "ES2020",
     "module": "ES2020",
     "moduleResolution": "Bundler",
-    "outDir": ".",
+    "outDir": "dist",
     "rootDir": ".",
     "declaration": true,
     "esModuleInterop": true,