create observability dashboard with mock data

Author: InvalidPathException

.githooks/pre-commit

@@ -0,0 +1,31 @@
+#!/bin/bash
+echo "Running pre-commit checks..."
+
+if ! command -v mix &> /dev/null; then
+    echo "mix command not found. Please ensure Elixir is installed."
+    exit 1
+fi
+
+echo "Checking code formatting..."
+if ! mix format --check-formatted; then
+    echo "Code formatting issues detected!"
+    echo "Run 'mix format' to fix formatting issues"
+    exit 1
+fi
+
+echo "Running Credo analysis..."
+if ! mix credo --strict; then
+    echo "Credo found issues!"
+    echo "Run 'mix credo --strict' to see the issues"
+    exit 1
+fi
+
+echo "Compiling with warnings as errors..."
+if ! mix compile --warnings-as-errors; then
+    echo "Compilation warnings detected!"
+    echo "Fix the warnings before committing"
+    exit 1
+fi
+
+echo "All pre-commit checks passed!"
+exit 0

.gitignore

@@ -61,6 +61,88 @@ Thumbs.db
 # Release artifacts
 /rel/artifacts/
 
+# Temporary files
+*.tmp
+/tmp/# The directory Mix will write compiled artifacts to.
+/_build/
+
+# If you run "mix test --cover", coverage assets end up here.
+/cover/
+
+# The directory Mix downloads your dependencies sources to.
+/deps/
+
+# Where 3rd-party dependencies like ExDoc output generated docs.
+/doc/
+
+# Ignore .fetch files in case you like to edit your project deps locally.
+/.fetch
+
+# If the VM crashes, it generates a dump, let's ignore it too.
+erl_crash.dump
+
+# Also ignore archive artifacts (built via "mix archive.build").
+*.ez
+
+# Ignore package tarball (built via "mix hex.build").
+kafkaesque-*.tar
+
+# Ignore assets that are produced by build tools.
+/priv/static/
+
+# Ignore digested assets cache.
+/priv/static/cache_manifest.json
+
+# Node.js/npm
+npm-debug.log
+node_modules/
+/apps/*/assets/node_modules/
+/apps/*/assets/vendor/
+
+# Phoenix assets
+/apps/*/priv/static/assets/
+/apps/*/priv/static/cache_manifest.json
+
+# Esbuild
+/apps/*/assets/js/_build/
+esbuild.meta.json
+
+# Generated assets
+/apps/*/priv/static/assets/
+/apps/*/priv/static/*.html
+/apps/*/priv/static/*.html.gz
+/apps/*/priv/static/cache_manifest.json
+/apps/*/priv/server/
+
+# Database files
+*.db
+*.db-*
+
+# OS files
+.DS_Store
+Thumbs.db
+
+# Editor directories and files
+.idea/
+.vscode/
+*.swp
+*.swo
+*~
+
+# Elixir Language Server
+/.elixir_ls/
+
+# Data directories (for local development)
+/data/
+/offsets/
+
+# Environment files
+.env
+.env.*
+
+# Release artifacts
+/rel/artifacts/
+
 # Temporary files
 *.tmp
 /tmp/

Dockerfile

@@ -1,3 +1,20 @@
+# ---- Asset build stage ----
+FROM node:20-slim AS assets
+
+WORKDIR /app
+
+# Copy package files
+COPY apps/kafkaesque_dashboard/assets/package*.json ./
+
+# Install npm dependencies
+RUN npm ci --production=false
+
+# Copy asset sources
+COPY apps/kafkaesque_dashboard/assets ./
+
+# Build assets for production
+RUN npm run build
+
 # ---- Build image ----
 FROM elixir:1.18-slim AS build
 
@@ -33,9 +50,15 @@ COPY apps/kafkaesque_server apps/kafkaesque_server
 COPY apps/kafkaesque_dashboard apps/kafkaesque_dashboard
 COPY proto proto
 
+# Copy built assets from assets stage
+COPY --from=assets /app/../priv/static/assets apps/kafkaesque_dashboard/priv/static/assets
+
 # Compile the application
 RUN mix compile
 
+# Digest static files
+RUN mix phx.digest
+
 # Build the release
 RUN mix release kafkaesque
 

apps/kafkaesque_core/lib/kafkaesque/core/application.ex

@@ -8,6 +8,7 @@ defmodule Kafkaesque.Core.Application do
     children = [
       {Registry, keys: :unique, name: Kafkaesque.TopicRegistry},
       {DynamicSupervisor, name: Kafkaesque.TopicSupervisor, strategy: :one_for_one},
+      {Phoenix.PubSub, name: Kafkaesque.PubSub},
       Kafkaesque.Telemetry.Supervisor
     ]