@contractspec/example.analytics-dashboard 1.57.0 → 1.58.0

package/dist/ui/renderers/index.js

@@ -1,3 +1,276 @@
-import { analyticsDashboardMarkdownRenderer, dashboardListMarkdownRenderer, queryBuilderMarkdownRenderer } from "./analytics.markdown.js";
+// @bun
+// src/ui/renderers/analytics.markdown.ts
+var mockDashboards = [
+  {
+    id: "dash-1",
+    name: "Sales Overview",
+    slug: "sales-overview",
+    status: "PUBLISHED",
+    widgetCount: 8,
+    viewCount: 1250,
+    lastViewedAt: "2024-01-16T12:00:00Z"
+  },
+  {
+    id: "dash-2",
+    name: "User Engagement",
+    slug: "user-engagement",
+    status: "PUBLISHED",
+    widgetCount: 6,
+    viewCount: 890,
+    lastViewedAt: "2024-01-16T10:00:00Z"
+  },
+  {
+    id: "dash-3",
+    name: "Product Analytics",
+    slug: "product-analytics",
+    status: "PUBLISHED",
+    widgetCount: 10,
+    viewCount: 560,
+    lastViewedAt: "2024-01-15T14:00:00Z"
+  },
+  {
+    id: "dash-4",
+    name: "Finance Report",
+    slug: "finance-report",
+    status: "DRAFT",
+    widgetCount: 4,
+    viewCount: 0,
+    lastViewedAt: null
+  }
+];
+var mockWidgets = [
+  {
+    id: "w-1",
+    dashboardId: "dash-1",
+    name: "Total Revenue",
+    type: "METRIC",
+    value: 125000,
+    change: 12.5
+  },
+  {
+    id: "w-2",
+    dashboardId: "dash-1",
+    name: "Active Users",
+    type: "METRIC",
+    value: 4500,
+    change: 8.2
+  },
+  {
+    id: "w-3",
+    dashboardId: "dash-1",
+    name: "Revenue Trend",
+    type: "LINE_CHART",
+    dataPoints: 30
+  },
+  {
+    id: "w-4",
+    dashboardId: "dash-1",
+    name: "Top Products",
+    type: "BAR_CHART",
+    dataPoints: 10
+  },
+  {
+    id: "w-5",
+    dashboardId: "dash-2",
+    name: "Daily Active Users",
+    type: "LINE_CHART",
+    dataPoints: 30
+  },
+  {
+    id: "w-6",
+    dashboardId: "dash-2",
+    name: "Session Duration",
+    type: "METRIC",
+    value: 245,
+    change: -3.1
+  }
+];
+var mockQueries = [
+  {
+    id: "q-1",
+    name: "Monthly Revenue",
+    type: "AGGREGATION",
+    isShared: true,
+    executionCount: 1500
+  },
+  {
+    id: "q-2",
+    name: "User Growth",
+    type: "METRIC",
+    isShared: true,
+    executionCount: 890
+  },
+  {
+    id: "q-3",
+    name: "Product Sales",
+    type: "SQL",
+    isShared: false,
+    executionCount: 340
+  },
+  {
+    id: "q-4",
+    name: "Conversion Funnel",
+    type: "AGGREGATION",
+    isShared: true,
+    executionCount: 450
+  }
+];
+function formatNumber(value) {
+  if (value >= 1e6) {
+    return `${(value / 1e6).toFixed(1)}M`;
+  }
+  if (value >= 1000) {
+    return `${(value / 1000).toFixed(1)}K`;
+  }
+  return value.toString();
+}
+function formatChange(change) {
+  const icon = change >= 0 ? "\uD83D\uDCC8" : "\uD83D\uDCC9";
+  const sign = change >= 0 ? "+" : "";
+  return `${icon} ${sign}${change.toFixed(1)}%`;
+}
+var analyticsDashboardMarkdownRenderer = {
+  target: "markdown",
+  render: async (desc) => {
+    if (desc.source.type !== "component" || desc.source.componentKey !== "AnalyticsDashboard") {
+      throw new Error("analyticsDashboardMarkdownRenderer: not AnalyticsDashboard");
+    }
+    const dashboards = mockDashboards;
+    const widgets = mockWidgets;
+    const queries = mockQueries;
+    const dashboard = dashboards[0];
+    if (!dashboard) {
+      return {
+        mimeType: "text/markdown",
+        body: `# No Dashboards
 
-export { analyticsDashboardMarkdownRenderer, dashboardListMarkdownRenderer, queryBuilderMarkdownRenderer };
+No dashboards available.`
+      };
+    }
+    const dashboardWidgets = widgets.filter((w) => w.dashboardId === dashboard.id);
+    const publishedDashboards = dashboards.filter((d) => d.status === "PUBLISHED");
+    const totalViews = dashboards.reduce((sum, d) => sum + d.viewCount, 0);
+    const sharedQueries = queries.filter((q) => q.isShared);
+    const lines = [
+      `# ${dashboard.name}`,
+      "",
+      "> Analytics dashboard overview",
+      "",
+      "## Key Metrics",
+      ""
+    ];
+    const metricWidgets = dashboardWidgets.filter((w) => w.type === "METRIC");
+    for (const widget of metricWidgets) {
+      const w = widget;
+      lines.push(`### ${w.name}`);
+      lines.push(`**${formatNumber(w.value)}** ${formatChange(w.change)}`);
+      lines.push("");
+    }
+    lines.push("## Visualizations");
+    lines.push("");
+    const chartWidgets = dashboardWidgets.filter((w) => w.type !== "METRIC");
+    for (const widget of chartWidgets) {
+      const w = widget;
+      lines.push(`- **${w.name}** (${w.type.replace("_", " ")}) - ${w.dataPoints} data points`);
+    }
+    lines.push("");
+    lines.push("## Dashboard Stats");
+    lines.push("");
+    lines.push("| Metric | Value |");
+    lines.push("|--------|-------|");
+    lines.push(`| Total Dashboards | ${dashboards.length} |`);
+    lines.push(`| Published | ${publishedDashboards.length} |`);
+    lines.push(`| Total Views | ${totalViews.toLocaleString()} |`);
+    lines.push(`| Shared Queries | ${sharedQueries.length} |`);
+    return {
+      mimeType: "text/markdown",
+      body: lines.join(`
+`)
+    };
+  }
+};
+var dashboardListMarkdownRenderer = {
+  target: "markdown",
+  render: async (desc) => {
+    if (desc.source.type !== "component" || desc.source.componentKey !== "DashboardList") {
+      throw new Error("dashboardListMarkdownRenderer: not DashboardList");
+    }
+    const dashboards = mockDashboards;
+    const lines = [
+      "# Dashboards",
+      "",
+      "> Browse and manage analytics dashboards",
+      "",
+      "| Dashboard | Widgets | Views | Status | Last Viewed |",
+      "|-----------|---------|-------|--------|-------------|"
+    ];
+    for (const dashboard of dashboards) {
+      const lastViewed = dashboard.lastViewedAt ? new Date(dashboard.lastViewedAt).toLocaleDateString() : "Never";
+      const statusIcon = dashboard.status === "PUBLISHED" ? "\uD83D\uDFE2" : "\u26AB";
+      lines.push(`| [${dashboard.name}](/dashboards/${dashboard.slug}) | ${dashboard.widgetCount} | ${dashboard.viewCount.toLocaleString()} | ${statusIcon} ${dashboard.status} | ${lastViewed} |`);
+    }
+    lines.push("");
+    lines.push("## Quick Actions");
+    lines.push("");
+    lines.push("- **Create Dashboard** - Start with a blank canvas");
+    lines.push("- **Import Template** - Use a pre-built template");
+    lines.push("- **Clone Dashboard** - Duplicate an existing dashboard");
+    return {
+      mimeType: "text/markdown",
+      body: lines.join(`
+`)
+    };
+  }
+};
+var queryBuilderMarkdownRenderer = {
+  target: "markdown",
+  render: async (desc) => {
+    if (desc.source.type !== "component" || desc.source.componentKey !== "QueryBuilder") {
+      throw new Error("queryBuilderMarkdownRenderer: not QueryBuilder");
+    }
+    const queries = mockQueries;
+    const lines = [
+      "# Query Builder",
+      "",
+      "> Create and manage data queries",
+      "",
+      "## Saved Queries",
+      "",
+      "| Query | Type | Shared | Executions |",
+      "|-------|------|--------|------------|"
+    ];
+    for (const query of queries) {
+      const sharedIcon = query.isShared ? "\uD83C\uDF10" : "\uD83D\uDD12";
+      lines.push(`| ${query.name} | ${query.type} | ${sharedIcon} | ${query.executionCount.toLocaleString()} |`);
+    }
+    lines.push("");
+    lines.push("## Query Types");
+    lines.push("");
+    lines.push("### METRIC");
+    lines.push("Query usage metrics from the metering system.");
+    lines.push("");
+    lines.push("### AGGREGATION");
+    lines.push("Build aggregations with measures and dimensions without writing SQL.");
+    lines.push("");
+    lines.push("### SQL");
+    lines.push("Write custom SQL queries for advanced analysis.");
+    lines.push("");
+    lines.push("## Features");
+    lines.push("");
+    lines.push("- Visual query builder");
+    lines.push("- Auto-complete for fields and functions");
+    lines.push("- Query validation and optimization");
+    lines.push("- Result caching");
+    lines.push("- Query sharing and collaboration");
+    return {
+      mimeType: "text/markdown",
+      body: lines.join(`
+`)
+    };
+  }
+};
+export {
+  queryBuilderMarkdownRenderer,
+  dashboardListMarkdownRenderer,
+  analyticsDashboardMarkdownRenderer
+};