nexabase-report 0.2.6 → 0.2.9

package/examples/integration/AspNetCoreRazorPages.cshtml

@@ -0,0 +1,52 @@
+@page "/reports/view/{id:int}"
+@model MyApp.Pages.Reports.ViewModel
+@inject IReportService ReportService
+
+@{
+    var reportDef = await ReportService.GetDefinitionAsync(Model.Id);
+    var reportData = await ReportService.GetDataAsync(Model.Id);
+}
+
+<link rel="stylesheet" href="~/lib/nexabase-report/style.css" />
+
+<div class="report-viewer" style="height: 800px;">
+    <nexa-viewer id="viewer" minimal></nexa-viewer>
+</div>
+
+<div class="actions mt-3">
+    <button onclick="exportPdf()" class="btn btn-primary">PDF</button>
+    <button onclick="exportExcel()" class="btn btn-success">Excel</button>
+</div>
+
+@section Scripts {
+    <script src="~/lib/nexabase-report/nexabase-report.umd.js"></script>
+    <script>
+        let initialized = false;
+
+        document.addEventListener('DOMContentLoaded', function() {
+            if (!initialized) {
+                NexaReport.registerNexaReport();
+                initialized = true;
+            }
+
+            const viewer = document.getElementById('viewer');
+            viewer.definition = @Html.Raw(reportDef);
+            viewer.data = @Html.Raw(reportData);
+        });
+
+        function exportPdf() {
+            document.getElementById('viewer').exportPdf();
+        }
+
+        function exportExcel() {
+            document.getElementById('viewer').exportExcel();
+        }
+    </script>
+}
+
+<style>
+    .report-viewer { border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; background: white; }
+    .btn { padding: 8px 16px; border: none; border-radius: 6px; cursor: pointer; margin-right: 8px; }
+    .btn-primary { background: #1e40af; color: white; }
+    .btn-success { background: #16a34a; color: white; }
+</style>

package/examples/integration/BlazorRazor.razor

@@ -0,0 +1,84 @@
+@page "/reports/{id:int}"
+@using System.Text.Json
+@inject HttpClient Http
+@inject IJSRuntime JS
+
+<div class="report-container" style="height: @Height">
+    <nexa-viewer id="@ViewerId" minimal></nexa-viewer>
+</div>
+
+@code {
+    [Parameter] public int Id { get; set; }
+    [Parameter] public string Height { get; set; } = "800px";
+
+    private const string ViewerId = "nexa-report-viewer";
+    private bool _initialized = false;
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender && !_initialized)
+        {
+            _initialized = true;
+            await InitializeReport();
+        }
+    }
+
+    private async Task InitializeReport()
+    {
+        try
+        {
+            // Cargar definición del reporte
+            var definition = await Http.GetFromJsonAsync<JsonElement>($"/api/reports/{Id}/definition");
+
+            // Cargar datos (puede venir de una API diferente)
+            var data = await Http.GetFromJsonAsync<List<Dictionary<string, object>>>($"/api/reports/{Id}/data");
+
+            await JS.InvokeVoidAsync("nexaReportRender", ViewerId, definition, data);
+        }
+        catch (Exception ex)
+        {
+            Console.Error.WriteLine($"Error cargando reporte: {ex.Message}");
+        }
+    }
+
+    public async Task ExportPdf()
+    {
+        await JS.InvokeVoidAsync("nexaReportExportPdf", ViewerId);
+    }
+
+    public async Task ExportExcel()
+    {
+        await JS.InvokeVoidAsync("nexaReportExportExcel", ViewerId);
+    }
+}
+
+@section Scripts {
+    <script src="_content/nexabase-report/nexabase-report.umd.js"></script>
+    <script>
+        let nexaRegistered = false;
+
+        function nexaReportRender(viewerId, definition, data) {
+            if (!nexaRegistered) {
+                NexaReport.registerNexaReport();
+                nexaRegistered = true;
+            }
+
+            // pequeña demora para asegurar que el custom element está listo
+            setTimeout(() => {
+                const viewer = document.getElementById(viewerId);
+                if (viewer) {
+                    viewer.definition = definition;
+                    viewer.data = data;
+                }
+            }, 50);
+        }
+
+        function nexaReportExportPdf(viewerId) {
+            document.getElementById(viewerId)?.exportPdf();
+        }
+
+        function nexaReportExportExcel(viewerId) {
+            document.getElementById(viewerId)?.exportExcel();
+        }
+    </script>
+}

package/examples/integration/BlazorServer.razor

@@ -0,0 +1,91 @@
+@page "/report/{ReportId:int}"
+@inject IHttpClientFactory HttpFactory
+@inject IJSRuntime JS
+
+<PageTitle>Reporte #@ReportId</PageTitle>
+
+<div class="report-wrapper" style="height: @Height; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden;">
+    <nexa-viewer ref="viewerElement" id="@($"r-{ReportId}")"></nexa-viewer>
+</div>
+
+<div class="report-actions mt-4 flex gap-2">
+    <button class="btn btn-primary" @onclick="ExportPdf">
+        <i class="pi pi-file-pdf"></i> Exportar PDF
+    </button>
+    <button class="btn btn-success" @onclick="ExportExcel">
+        <i class="pi pi-file-excel"></i> Exportar Excel
+    </button>
+    <button class="btn btn-outline" @onclick="Refresh">
+        <i class="pi pi-refresh"></i> Recargar
+    </button>
+</div>
+
+@code {
+    [Parameter] public int ReportId { get; set; }
+    [Parameter] public string Height { get; set; } = "800px";
+
+    private ElementReference viewerElement;
+    private HttpClient? _http;
+
+    protected override void OnInitialized()
+    {
+        _http = HttpFactory.CreateClient("NexaBaseApi");
+    }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            await LoadReport();
+        }
+    }
+
+    private async Task LoadReport()
+    {
+        try
+        {
+            var definition = await _http!.GetFromJsonAsync<dynamic>($"/api/reports/{ReportId}");
+            var data = await _http!.GetFromJsonAsync<dynamic>($"/api/reports/{ReportId}/data");
+
+            await JS.InvokeVoidAsync("blazorInterop.renderReport", viewerElement, definition, data);
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error: {ex.Message}");
+        }
+    }
+
+    private async Task ExportPdf()
+    {
+        await JS.InvokeVoidAsync("blazorInterop.exportPdf", viewerElement);
+    }
+
+    private async Task ExportExcel()
+    {
+        await JS.InvokeVoidAsync("blazorInterop.exportExcel", viewerElement);
+    }
+
+    private async Task Refresh()
+    {
+        await LoadReport();
+    }
+}
+
+<style>
+    .report-wrapper {
+        background: white;
+    }
+    .btn {
+        padding: 8px 16px;
+        border-radius: 6px;
+        border: none;
+        cursor: pointer;
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 14px;
+    }
+    .btn-primary { background: #1e40af; color: white; }
+    .btn-success { background: #16a34a; color: white; }
+    .btn-outline { background: white; color: #374151; border: 1px solid #d1d5db; }
+</style>

package/examples/integration/index.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>nexabase-report - Ejemplos de Integración</title>
+    <style>
+        body { font-family: system-ui, sans-serif; max-width: 900px; margin: 40px auto; padding: 20px; background: #f9fafb; }
+        h1 { color: #1e3a8a; }
+        h2 { color: #374151; margin-top: 32px; border-bottom: 2px solid #e5e7eb; padding-bottom: 8px; }
+        .card { background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; margin-bottom: 16px; }
+        .card h3 { margin: 0 0 8px 0; color: #1e40af; }
+        .card p { margin: 0 0 12px 0; color: #64748b; font-size: 14px; }
+        .badge { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 500; }
+        .badge-razor { background: #eff6ff; color: #1e40af; }
+        .badge-blazor { background: #f0fdf4; color: #16a34a; }
+        .badge-html { background: #fef3c7; color: #92400e; }
+        .badge-jquery { background: #ede9fe; color: #6d28d9; }
+        code { background: #f3f4f6; padding: 2px 6px; border-radius: 4px; font-size: 13px; }
+        pre { background: #1f2937; color: #f9fafb; padding: 16px; border-radius: 8px; overflow-x: auto; }
+        pre code { background: none; color: inherit; }
+        .file-link { color: #1e40af; text-decoration: none; font-size: 13px; }
+        .file-link:hover { text-decoration: underline; }
+    </style>
+</head>
+<body>
+    <h1>📊 nexabase-report — Ejemplos de Integración</h1>
+    <p>Ejemplos funcionales de cómo integrar el visor de reportes en diferentes tecnologías.</p>
+
+    <h2>🟦 Blazor Server / Razor</h2>
+
+    <div class="card">
+        <h3>Blazor Razor Page</h3>
+        <p>Componente para Blazor Server (.NET 8) con IJSRuntime para interactuar con el custom element.</p>
+        <span class="badge badge-razor">Razor</span>
+        <a class="file-link" href="BlazorRazor.razor">Ver archivo →</a>
+    </div>
+
+    <div class="card">
+        <h3>Blazor Server Page (code-behind)</h3>
+        <p>Page completa con Injected HttpClient, manejo de parámetros y botones de exportación.</p>
+        <span class="badge badge-blazor">Blazor Server</span>
+        <a class="file-link" href="BlazorServer.razor">Ver archivo →</a>
+    </div>
+
+    <h2>🟩 ASP.NET Core Razor Pages</h2>
+
+    <div class="card">
+        <h3>Razor Pages (.cshtml)</h3>
+        <p>Ejemplo clásico de Razor Pages con section Scripts y HTML helpers para serializar datos.</p>
+        <span class="badge badge-razor">Razor Pages</span>
+        <a class="file-link" href="AspNetCoreRazorPages.cshtml">Ver archivo →</a>
+    </div>
+
+    <h2>🟨 Vanilla HTML + JS</h2>
+
+    <div class="card">
+        <h3>jQuery + HTML</h3>
+        <p>Ejemplo puro con jQuery que genera datos simulados (como haría un backend .NET) y los pasa al visor.</p>
+        <span class="badge badge-jquery">jQuery</span>
+        <a class="file-link" href="integration-jquery.html">Ver archivo →</a>
+    </div>
+
+    <h2>📁 Archivos de Definición de Reportes</h2>
+
+    <div class="card">
+        <h3>invoice-report.json</h3>
+        <p>Reporte de factura de venta listo para cargar. Compatible con todos los ejemplos de arriba.</p>
+        <a class="file-link" href="../blazor-razor-invoice/invoice-report.json">Ver archivo →</a>
+    </div>
+
+    <h2>🔧 Cómo usar</h2>
+
+    <pre><code># 1. Build del proyecto
+npm run build
+
+# 2. Copiar dist/ a tu proyecto ASP.NET
+# o usar un CDN (jsDelivr, unpkg)
+
+# 3. En tu .cshtml o .razor:
+&lt;link rel="stylesheet" href="~/lib/nexabase-report/style.css" />
+&lt;script src="~/lib/nexabase-report/nexabase-report.umd.js">&lt;/script>
+
+# 4. Registrar y usar
+NexaReport.registerNexaReport();
+const viewer = document.getElementById('viewer');
+viewer.definition = definitionJson;
+viewer.data = dataArray;</code></pre>
+
+    <h2>⚡ Tips para .NET</h2>
+
+    <ul>
+        <li>Usa <code>JsonSerializer.Serialize()</code> para convertir tus modelos a JSON</li>
+        <li>Pasa los datos como <code>List&lt;Dictionary&lt;string, object&gt;&gt;</code> o tu modelo directamente</li>
+        <li>Para datos de múltiples fuentes, usa el formato <code>{ "alias": [...] }</code></li>
+        <li>El viewer funciona tanto en Blazor Server (con IJSRuntime) como en Blazor WebAssembly</li>
+    </ul>
+
+</body>
+</html>

package/examples/integration/integration-jquery.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Reporte - Ejemplo jQuery + nexabase-report</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.8/dist/style.css">
+    <style>
+        body { font-family: system-ui, sans-serif; margin: 20px; background: #f9fafb; }
+        .report-container { height: 800px; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; background: white; }
+        .toolbar { margin-bottom: 12px; display: flex; gap: 8px; }
+        .btn { padding: 8px 16px; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; }
+        .btn-primary { background: #1e40af; color: white; }
+        .btn-success { background: #16a34a; color: white; }
+        .btn-outline { background: white; border: 1px solid #d1d5db; }
+        .info { margin-top: 12px; padding: 12px; background: #eff6ff; border-radius: 6px; font-size: 13px; }
+    </style>
+</head>
+<body>
+    <h2>Reporte de Factura</h2>
+
+    <div class="toolbar">
+        <button class="btn btn-primary" id="btnPdf">Exportar PDF</button>
+        <button class="btn btn-success" id="btnExcel">Exportar Excel</button>
+        <button class="btn btn-outline" id="btnCsv">Exportar CSV</button>
+        <button class="btn btn-outline" id="btnReload">Recargar</button>
+    </div>
+
+    <nexa-viewer id="reportViewer"></nexa-viewer>
+
+    <div class="info">
+        <strong>Datos simulados generados por jQuery/JavaScript:</strong><br>
+        Los datos de factura e items son construidos dinámicamente en el cliente.
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.8/dist/nexabase-report.umd.js"></script>
+    <script>
+    $(function() {
+        // Registrar el custom element una vez
+        NexaReport.registerNexaReport();
+
+        // Datos simulados (como vendrían de un API en .NET)
+        var facturaData = {
+            numeroFactura: "FV-2026-00456",
+            fecha: "2026-05-09",
+            nombreCliente: "CLIENTE EJEMPLO S.A.S.",
+            nitCliente: "900.987.654-3",
+            direccionCliente: "Carrera 15 # 88-40, Bogotá D.C.",
+            formaPago: "Crédito 30 días",
+            vendedor: "Carlos Mendoza"
+        };
+
+        var itemsData = [
+            { codigo: "P-001", descripcion: "Portátil HP ProBook 450 G10", cantidad: 2, precioUnitario: 3250000, descuentoPorcentaje: 5, subtotal: 6175000 },
+            { codigo: "P-002", descripcion: "Monitor Dell 27'' UltraSharp", cantidad: 2, precioUnitario: 1450000, descuentoPorcentaje: 0, subtotal: 2900000 },
+            { codigo: "P-003", descripcion: "Teclado mecánico Logitech MX", cantidad: 5, precioUnitario: 285000, descuentoPorcentaje: 10, subtotal: 1282500 },
+            { codigo: "P-004", descripcion: "Mouse wireless Logitech MX Master 3", cantidad: 5, precioUnitario: 380000, descuentoPorcentaje: 10, subtotal: 1710000 },
+            { codigo: "P-005", descripcion: "Webcam Logitech Brio 4K", cantidad: 3, precioUnitario: 650000, descuentoPorcentaje: 0, subtotal: 1950000 },
+            { codigo: "P-006", descripcion: "Docking station Dell WD19TBS", cantidad: 2, precioUnitario: 890000, descuentoPorcentaje: 5, subtotal: 1691000 }
+        ];
+
+        var definition = {
+            metadata: {
+                name: "Factura de Venta",
+                author: "Sistema .NET",
+                createdAt: new Date().toISOString()
+            },
+            layout: {
+                page: { format: "A4", orientation: "portrait", margins: { top: 1.5, right: 1, bottom: 1, left: 1 } },
+                bands: [
+                    {
+                        id: "rh_factura", type: "ReportHeader", height: 250,
+                        elements: [
+                            { id: "t_titulo", type: "Text", x: 20, y: 10, width: 300, height: 24, content: "MI EMPRESA S.A.", style: { fontSize: "20px", fontWeight: "bold", color: "#1e3a8a" } },
+                            { id: "t_num", type: "Text", x: 450, y: 10, width: 210, height: 24, content: "FACTURA N° {{numeroFactura}}", style: { fontSize: "18px", fontWeight: "bold", color: "#1e40af", textAlign: "right" } },
+                            { id: "t_cliente", type: "Text", x: 20, y: 112, width: 280, height: 16, content: "{{nombreCliente}}", style: { fontSize: "12px", color: "#1e293b" } },
+                            { id: "t_nit", type: "Text", x: 20, y: 130, width: 200, height: 14, content: "NIT: {{nitCliente}}", style: { fontSize: "11px", color: "#64748b" } },
+                            { id: "t_direccion", type: "Text", x: 20, y: 146, width: 350, height: 14, content: "{{direccionCliente}}", style: { fontSize: "11px", color: "#64748b" } },
+                            { id: "t_fecha", type: "Text", x: 450, y: 58, width: 210, height: 14, content: "Fecha: {{fecha}}", style: { fontSize: "11px", color: "#64748b", textAlign: "right" } },
+                            { id: "t_vendedor", type: "Text", x: 480, y: 130, width: 180, height: 14, content: "Vendedor: {{vendedor}}", style: { fontSize: "11px", color: "#475569", textAlign: "right" } }
+                        ]
+                    },
+                    {
+                        id: "db_items", type: "DataBand", height: 280, dataSource: "items",
+                        elements: [
+                            {
+                                id: "table_items", type: "Table", x: 0, y: 30, width: 680, height: 240,
+                                tableColumns: [
+                                    { id: "c1", title: "Código", width: 80, binding: "codigo" },
+                                    { id: "c2", title: "Producto", width: 260, binding: "descripcion" },
+                                    { id: "c3", title: "Cant.", width: 70, binding: "cantidad" },
+                                    { id: "c4", title: "Precio Unit.", width: 110, binding: "precioUnitario" },
+                                    { id: "c5", title: "Desc.", width: 60, binding: "descuentoPorcentaje" },
+                                    { id: "c6", title: "Subtotal", width: 100, binding: "subtotal" }
+                                ],
+                                tableShowFooter: true,
+                                style: { fontSize: "11px" }
+                            }
+                        ]
+                    },
+                    {
+                        id: "rf_totales", type: "ReportFooter", height: 120,
+                        elements: [
+                            { id: "t_subtotal_label", type: "Text", x: 400, y: 8, width: 120, height: 18, content: "Subtotal:", style: { fontSize: "12px", fontWeight: "bold", textAlign: "right" } },
+                            { id: "t_subtotal_val", type: "Text", x: 530, y: 8, width: 150, height: 18, content: "${[sum(subtotal)]}", style: { fontSize: "12px", textAlign: "right" } },
+                            { id: "t_total_label", type: "Text", x: 400, y: 76, width: 120, height: 28, content: "TOTAL:", style: { fontSize: "16px", fontWeight: "bold", color: "#1e3a8a", textAlign: "right" } },
+                            { id: "t_total_val", type: "Text", x: 530, y: 76, width: 150, height: 28, content: "${[sum(subtotal) * 1.19]}", style: { fontSize: "18px", fontWeight: "bold", color: "#1e3a8a", textAlign: "right" } }
+                        ]
+                    },
+                    {
+                        id: "pf_pagina", type: "PageFooter", height: 30,
+                        elements: [
+                            { id: "t_pagina", type: "Text", x: 0, y: 8, width: 680, height: 16, content: "Página {{Page}} de {{TotalPages}}", style: { fontSize: "9px", color: "#94a3b8", textAlign: "center" } }
+                        ]
+                    }
+                ],
+                watermark: { text: "", opacity: 0 }
+            },
+            dataSources: [
+                { id: "ds_factura", alias: "factura", enabled: true, isManual: true, manualData: [facturaData] },
+                { id: "ds_items", alias: "items", enabled: true, isManual: true, manualData: itemsData }
+            ],
+            documentType: "Report"
+        };
+
+        // Asignar al viewer
+        var viewer = document.getElementById('reportViewer');
+        viewer.definition = definition;
+        viewer.data = { factura: [facturaData], items: itemsData };
+
+        // Botones
+        $('#btnPdf').click(function() { viewer.exportPdf(); });
+        $('#btnExcel').click(function() { viewer.exportExcel(); });
+        $('#btnCsv').click(function() { viewer.exportCsv(); });
+        $('#btnReload').click(function() {
+            viewer.definition = null;
+            setTimeout(function() { viewer.definition = definition; }, 50);
+        });
+    });
+    </script>
+</body>
+</html>

package/examples/viewer.html

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Factura - nexabase-report</title>
+    <style>
+        body { font-family: system-ui; margin: 0; padding: 20px; background: #f8fafc; }
+        .container { max-width: 900px; margin: 0 auto; }
+        h1 { color: #1e3a8a; }
+        #viewer-container { height: 850px; background: white; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; }
+        nexa-viewer { display: block; height: 100%; }
+        .btn { padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; margin-right: 8px; }
+        .btn-pdf { background: #1e40af; color: white; }
+        .btn-excel { background: #16a34a; color: white; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Factura de Recolección de Residuos</h1>
+        <div id="viewer-container">
+            <nexa-viewer id="viewer"></nexa-viewer>
+        </div>
+        <div style="margin-top:16px;">
+            <button class="btn btn-pdf" onclick="window._viewer?.exportPdf()">Exportar PDF</button>
+            <button class="btn btn-excel" onclick="window._viewer?.exportExcel()">Exportar Excel</button>
+        </div>
+    </div>
+
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/nexabase-report@0.2.8/dist/nexabase-report.umd.js"></script>
+    <script>
+        $(function() {
+            $.getJSON('factura_de_recolección_de_residuos.json', function(definition) {
+                var data = {
+                    cliente: [{ nofactura: "34", nombre: "CLIENTE EJEMPLO S.A.S.", nit: "900.123.456-7", direccion: "Calle 100 # 15-20", ciudad: "Bogotá D.C.", fechaRecoleccion: "2025-05-01" }],
+                    residuos: [
+                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "ÁCIDO CLORHÍDRICO", cantidad: 5, documentoRelacionado: "25" },
+                        { nofactura: "34", fechaRecoleccion: "2025-05-02", nombreResiduo: "ÁCIDO CLORHÍDRICO", cantidad: 3, documentoRelacionado: "26" },
+                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "BIO SANITARIOS", cantidad: 5, documentoRelacionado: "28" },
+                        { nofactura: "34", fechaRecoleccion: "2025-05-03", nombreResiduo: "BIO SANITARIOS", cantidad: 2, documentoRelacionado: "30" },
+                        { nofactura: "34", fechaRecoleccion: "2025-05-01", nombreResiduo: "CLORURO FÉRRICO", cantidad: 8, documentoRelacionado: "31" }
+                    ],
+                    tarifas: [
+                        { nofactura: "34", facturacionMinima: 0, kilosMinimos: 0, precio: 52200, residuo: "ÁCIDO CLORHÍDRICO", tipoTarifa: "Tarifa x Kilo" },
+                        { nofactura: "34", facturacionMinima: 0, kilosMinimos: 0, precio: 52200, residuo: "BIO SANITARIOS", tipoTarifa: "Tarifa x Kilo" }
+                    ]
+                };
+
+                var viewer = document.getElementById('viewer');
+                window._viewer = viewer;
+                viewer.definition = definition;
+                viewer.data = data;
+            });
+        });
+    </script>
+</body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexabase-report",
-  "version": "0.2.6",
+  "version": "0.2.9",
   "description": "Professional report designer and viewer for NexaBase — drag & drop designer, PDF/Excel export, charts, crosstabs, subreports.",
   "license": "MIT",
   "author": "NexaBase Team",
@@ -61,9 +61,9 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "release:patch": "npm test && npm run build && npm version patch && npm publish",
-    "release:minor": "npm test && npm run build && npm version minor && npm publish",
-    "release:major": "npm test && npm run build && npm version major && npm publish",
+    "release:patch": "npm test && npm run build && npm version patch",
+    "release:minor": "npm test && npm run build && npm version minor",
+    "release:major": "npm test && npm run build && npm version major",
     "prepack": "npm run build",
     "lint": "eslint src/lib/",
     "lint:fix": "eslint src/lib/ --fix"