Update app.R

app.R

@@ -1,73 +1,134 @@
 library(shiny)
 library(dplyr)
+library(arrow)
+library(DT)
 
+# ── Load data ──────────────────────────────────────────────────────────────────
+load_data <- function(level) {
+  path <- paste0("/app/", gsub("[^A-Za-z0-9]","_",level), ".parquet")
+  arrow::read_parquet(path)
+}
+
+build_pitcher_stats <- function(df, min_pitches) {
+
+  format_name <- function(name) {
+    parts <- strsplit(name, ", ")[[1]]
+    if (length(parts) == 2) paste(trimws(parts[2]), trimws(parts[1])) else name
+  }
+
+  df %>%
+    mutate(
+      IsStrike  = PitchCall %in% c("StrikeCalled","StrikeSwinging","FoulBall",
+                                   "FoulBallNotFieldable","FoulTip","InPlay"),
+      IsZone    = !is.na(PlateLocSide) & !is.na(PlateLocHeight) &
+        abs(PlateLocSide) <= 0.8303 & PlateLocHeight >= 1.5 & PlateLocHeight <= 3.3775,
+      IsWhiff   = PitchCall == "StrikeSwinging",
+      IsSwing   = PitchCall %in% c("StrikeSwinging","FoulBall",
+                                   "FoulBallNotFieldable","FoulTip","InPlay"),
+      IsChase   = IsSwing & !IsZone,
+      IsOutZone = !IsZone,
+      IsHardHit = !is.na(ExitSpeed) & ExitSpeed >= 95 &
+        !PitchCall %in% c("FoulBall","FoulBallNotFieldable","FoulBallFieldable","FoulTip"),
+      IsK       = !is.na(KorBB) & KorBB == "Strikeout",
+      IsBB      = !is.na(KorBB) & KorBB == "Walk",
+      IsPA      = (!is.na(KorBB) & KorBB %in% c("Strikeout","Walk")) |
+                  (!is.na(PitchCall) & PitchCall %in% c("InPlay","HitByPitch"))
+    ) %>%
+    group_by(Pitcher, Level) %>%
+    summarise(
+      Pitches   = n(),
+      K         = sum(IsK,       na.rm=TRUE),
+      BB        = sum(IsBB,      na.rm=TRUE),
+      PA        = sum(IsPA,      na.rm=TRUE),
+      zone_n    = sum(IsZone,    na.rm=TRUE),
+      strike_n  = sum(IsStrike,  na.rm=TRUE),
+      whiff_n   = sum(IsWhiff,   na.rm=TRUE),
+      swing_n   = sum(IsSwing,   na.rm=TRUE),
+      chase_n   = sum(IsChase,   na.rm=TRUE),
+      outzone_n = sum(IsOutZone, na.rm=TRUE),
+      hh_n      = sum(IsHardHit, na.rm=TRUE),
+      bip_n     = sum(!is.na(ExitSpeed) &
+                    !PitchCall %in% c("FoulBall","FoulBallNotFieldable",
+                                      "FoulBallFieldable","FoulTip"), na.rm=TRUE),
+      .groups   = "drop"
+    ) %>%
+    filter(Pitches >= min_pitches) %>%
+    mutate(
+      Name        = sapply(Pitcher, format_name),
+      `Zone%`     = round(zone_n    / Pitches          * 100, 1),
+      `Strike%`   = round(strike_n  / Pitches          * 100, 1),
+      `K's`       = K,
+      `BB's`      = BB,
+      `K-BB%`     = round((K - BB)  / pmax(PA, 1)      * 100, 1),
+      `Whiff%`    = round(whiff_n   / pmax(swing_n, 1)   * 100, 1),
+      `Chase%`    = round(chase_n   / pmax(outzone_n, 1) * 100, 1),
+      `Hard Hit%` = round(hh_n      / pmax(bip_n, 1)     * 100, 1)
+    ) %>%
+    select(Name, Level, Pitches, `Zone%`, `Strike%`, `K's`, `BB's`,
+           `K-BB%`, `Whiff%`, `Chase%`, `Hard Hit%`) %>%
+    arrange(desc(Pitches))
+}
+
+# ── UI ─────────────────────────────────────────────────────────────────────────
 ui <- fluidPage(
   tags$head(
     tags$style(HTML("
       body { margin:0; font-family:'Segoe UI',Arial,sans-serif; background:#f5f5f5; }
+
       .header { background:#002147; padding:14px 24px;
                 display:flex; align-items:center; justify-content:space-between; }
       .header h1 { color:white; margin:0; font-size:26px; font-weight:700; }
       .header p  { color:#aabbcc; margin:0; font-size:13px; }
+
       .filters { display:flex; gap:24px; align-items:flex-end;
                  padding:16px 24px; background:white;
                  border-bottom:1px solid #e0e0e0; flex-wrap:wrap; }
       .filter-label { font-weight:600; font-size:11px; text-transform:uppercase;
                       letter-spacing:0.4px; color:#555; margin-bottom:4px; }
+
       .main { padding:20px 24px; }
       .form-control { border:1px solid #d0d0d0; border-radius:4px; }
 
-      /* ── Splash ─────────────────────────────────────────────────────────── */
+      /* table */
+      .dataTables_wrapper { background:white; border-radius:8px;
+                            padding:16px; box-shadow:0 1px 4px rgba(0,0,0,0.08); }
+      .dataTables_filter input { border:1px solid #d0d0d0; border-radius:4px;
+                                 padding:4px 8px; }
+      .dataTables_length select { border:1px solid #d0d0d0; border-radius:4px; }
+      table.dataTable thead th {
+        background:#002147; color:white; font-weight:600;
+        font-size:12px; text-transform:uppercase; letter-spacing:0.3px;
+        border-bottom:none !important; cursor:pointer;
+      }
+      table.dataTable thead th:hover { background:#003366; }
+      table.dataTable tbody tr { background:white; }
+      table.dataTable tbody tr:nth-child(even) { background:#f7f9fc; }
+      table.dataTable tbody tr:hover { background:#eef2f7 !important; }
+      table.dataTable tbody td { font-size:13px; padding:10px 12px;
+                                  border-bottom:1px solid #f0f0f0; }
+      table.dataTable tbody td:first-child { font-weight:600; color:#002147; }
+
+      /* splash */
       #splash {
         position:fixed; top:0; left:0; width:100%; height:100%;
-        background:#002147;
-        display:flex; flex-direction:column;
+        background:#002147; display:flex; flex-direction:column;
         align-items:center; justify-content:center;
-        z-index:9999;
-        opacity:1;
-        transition:opacity 0.8s ease;
-      }
-      #splash.fade-out {
-        opacity:0;
-        pointer-events:none;
-      }
-      #splash img {
-        width:140px;
-        animation:logoIn 0.7s ease forwards;
-        opacity:0;
-      }
-      #splash h1 {
-        color:white;
-        font-size:28px;
-        font-weight:700;
-        margin:18px 0 6px 0;
-        animation:textIn 0.7s ease 0.3s forwards;
-        opacity:0;
-        letter-spacing:0.5px;
-      }
-      #splash p {
-        color:#aabbcc;
-        font-size:14px;
-        margin:0;
-        animation:textIn 0.7s ease 0.5s forwards;
-        opacity:0;
-      }
-      #splash .bar-track {
-        width:200px;
-        height:3px;
-        background:rgba(255,255,255,0.2);
-        border-radius:2px;
-        margin-top:28px;
-        animation:textIn 0.7s ease 0.6s forwards;
-        opacity:0;
-      }
-      #splash .bar-fill {
-        height:3px;
-        width:0%;
-        background:white;
-        border-radius:2px;
-        animation:barFill 1.8s ease 0.8s forwards;
+        z-index:9999; opacity:1; transition:opacity 0.8s ease;
       }
+      #splash.fade-out { opacity:0; pointer-events:none; }
+      #splash img { width:140px; animation:logoIn 0.7s ease forwards; opacity:0; }
+      #splash h1 { color:white; font-size:28px; font-weight:700;
+                   margin:18px 0 6px 0; animation:textIn 0.7s ease 0.3s forwards;
+                   opacity:0; letter-spacing:0.5px; }
+      #splash p  { color:#aabbcc; font-size:14px; margin:0;
+                   animation:textIn 0.7s ease 0.5s forwards; opacity:0; }
+      #splash .bar-track { width:200px; height:3px;
+                           background:rgba(255,255,255,0.2); border-radius:2px;
+                           margin-top:28px;
+                           animation:textIn 0.7s ease 0.6s forwards; opacity:0; }
+      #splash .bar-fill  { height:3px; width:0%; background:white;
+                           border-radius:2px;
+                           animation:barFill 1.8s ease 0.8s forwards; }
 
       @keyframes logoIn {
         from { opacity:0; transform:translateY(-20px); }
@@ -87,25 +148,21 @@ ui <- fluidPage(
       $(document).ready(function() {
         setTimeout(function() {
           $('#splash').addClass('fade-out');
-          setTimeout(function() {
-            $('#splash').remove();
-          }, 800);
+          setTimeout(function() { $('#splash').remove(); }, 800);
         }, 2800);
       });
     "))
   ),
 
-  # ── Splash screen ───────────────────────────────────────────────────────────
+  # splash
   tags$div(id="splash",
     tags$img(src="Butler-Bulldogs-Logo-1990.png"),
-    tags$h1("TPD"),
+    tags$h1("Butler Baseball TPD"),
     tags$p("Butler Baseball Analytics"),
-    tags$div(class="bar-track",
-      tags$div(class="bar-fill")
-    )
+    tags$div(class="bar-track", tags$div(class="bar-fill"))
   ),
 
-  # ── Header ──────────────────────────────────────────────────────────────────
+  # header
   tags$div(class="header",
     tags$div(
       tags$h1("Butler Baseball Transfer Portal Dashboard"),
@@ -114,13 +171,13 @@ ui <- fluidPage(
     tags$img(src="Butler-Bulldogs-Logo-1990.png", height="52px")
   ),
 
-  # ── Filters ─────────────────────────────────────────────────────────────────
+  # filters
   tags$div(class="filters",
     tags$div(
       tags$div("Level", class="filter-label"),
       selectInput("level", label=NULL,
-                  choices  = c("All","D1","D2","D3","JUCO","Other"),
-                  selected = "All",
+                  choices  = c("D1","D2","D3","JUCO","NAIA"),
+                  selected = "D1",
                   width    = "160px")
     ),
     tags$div(
@@ -133,20 +190,72 @@ ui <- fluidPage(
     tags$div(
       tags$div("Min Pitches", class="filter-label"),
       numericInput("min_pitches", label=NULL,
-                   value = 100, min = 1, max = 1000, step = 25,
-                   width = "160px")
+                   value=100, min=1, max=2000, step=25,
+                   width="160px")
     )
   ),
 
-  # ── Main content ─────────────────────────────────────────────────────────────
+  # main
   tags$div(class="main",
     uiOutput("main_ui")
   )
 )
 
+# ── Server ─────────────────────────────────────────────────────────────────────
 server <- function(input, output, session) {
+
+  # load data reactively when level changes
+  raw_data <- reactive({
+    req(input$level)
+    load_data(input$level)
+  })
+
+  # build stats table
+  stats_table <- reactive({
+    req(raw_data(), input$min_pitches)
+    if (input$position == "Pitcher") {
+      build_pitcher_stats(raw_data(), input$min_pitches)
+    }
+    # hitter branch coming soon
+  })
+
   output$main_ui <- renderUI({
-    tags$p("Content will load here.", style="color:#888;")
+    if (input$position == "Pitcher") {
+      DTOutput("pitcher_table")
+    } else {
+      tags$p("Hitter view coming soon.", style="color:#888;")
+    }
+  })
+
+output$pitcher_table <- renderDT({
+    req(stats_table())
+    dt <- stats_table()
+
+    # ── Color ranges (edit these when ready) ──────────────────────────────────
+    # zone_pct_range    <- c(42, 53)   # bottom, top
+    # strike_pct_range  <- c(58, 67)
+    # kbb_range         <- c(5,  20)
+    # whiff_range       <- c(15, 35)
+    # chase_range       <- c(25, 40)
+    # hardhit_range     <- c(25, 42)
+    # ──────────────────────────────────────────────────────────────────────────
+
+    datatable(
+      dt,
+      rownames  = FALSE,
+      selection = "single",
+      options   = list(
+        pageLength = 25,
+        lengthMenu = c(25, 50, 100),
+        scrollX    = TRUE,
+        order      = list(list(2, "desc")),
+        dom        = "lfrtip",
+        columnDefs = list(
+          list(className="dt-center", targets=1:10),
+          list(className="dt-left",   targets=0)
+        )
+      )
+    )
   })
 }