ahoy_panel 0.0.1

data/app/models/ahoy_panel/total_visits_data.rb

@@ -0,0 +1,29 @@
+module AhoyPanel
+  class TotalVisitsData < StatBoxData
+    def title
+      "Total Visits"
+    end
+
+    def data
+      @data ||= Ahoy::Visit.where(started_at: start_at..end_at).size
+    end
+
+    def change
+      return @change if defined?(@change)
+
+      start_back_at = if start_at.to_date == end_at.to_date
+                        start_back_days = 1
+                      else
+                        (end_at.to_date - start_at.to_date).to_i
+                      end
+
+      start_range = (start_at - start_back_at.days)..(end_at - start_back_at.days)
+      end_range = start_at..end_at
+
+      start_count = Ahoy::Visit.where(started_at: start_range).size
+      end_count = Ahoy::Visit.where(started_at: end_range).size
+
+      @change = ((end_count - start_count).to_f / (start_count.zero? ? 1 : start_count) * 100).to_i
+    end
+  end
+end

data/app/models/ahoy_panel/unique_visitors_data.rb

@@ -0,0 +1,29 @@
+module AhoyPanel
+  class UniqueVisitorsData < StatBoxData
+    def title
+      "Unique Visitors"
+    end
+
+    def data
+      @data ||= Ahoy::Visit.where(started_at: start_at..end_at).size
+    end
+
+    def change
+      return @change if defined?(@change)
+
+      start_back_at = if start_at.to_date == end_at.to_date
+                        start_back_days = 1
+                      else
+                        (end_at.to_date - start_at.to_date).to_i
+                      end
+
+      start_range = (start_at - start_back_at.days)..(end_at - start_back_at.days)
+      end_range = start_at..end_at
+
+      start_count = Ahoy::Visit.where(started_at: start_range).size
+      end_count = Ahoy::Visit.where(started_at: end_range).size
+
+      @change = ((end_count - start_count).to_f / (start_count.zero? ? 1 : start_count) * 100).to_i
+    end
+  end
+end

data/app/models/ahoy_panel/view_per_visit_data.rb

@@ -0,0 +1,4 @@
+module AhoyPanel
+  class ViewPerVisitData < StatBoxData
+  end
+end

data/app/models/ahoy_panel/visit_duration_data.rb

@@ -0,0 +1,4 @@
+module AhoyPanel
+  class VisitDurationData < StatBoxData
+  end
+end

data/app/views/ahoy_panel/dashboard/index.html.erb

@@ -0,0 +1,77 @@
+<div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
+  <div class="mb-8">
+    <div class="flex justify-between items-center">
+      <h3 class="text-base font-semibold text-gray-900">App Data</h3>
+
+      <div class="flex items-center gap-x-4">
+        <%= render AhoyPanel::DateArrowNavigatorComponent.new(date: @selected_date) %>
+        <%= render AhoyPanel::DropdownComponent.new(item_groups: @dropdown_item_groups, date: @selected_date) %>
+      </div>
+    </div>
+    <div class="overflow-hidden rounded-lg bg-white shadow mt-5">
+      <div class="px-4">
+        <dl class="mx-auto grid grid-cols-1 gap-px bg-gray-900/5 sm:grid-cols-2 lg:grid-cols-6">
+          <%= render AhoyPanel::StatBoxComponent.new(**@unique_visitors_data.to_params) %>
+          <%= render AhoyPanel::StatBoxComponent.new(**@total_visits_data.to_params) %>
+          <%= render AhoyPanel::StatBoxComponent.new(**@total_pageviews_data.to_params) %>
+          <%= render AhoyPanel::StatBoxComponent.new(title: "View Per Visit", data: 0, change: -1.39) %>
+          <%= render AhoyPanel::StatBoxComponent.new(title: "Bounce Rate", data: 0, change: -1.39) %>
+          <%= render AhoyPanel::StatBoxComponent.new(title: "Visit Duration", data: 0, change: -1.39) %>
+        </dl>
+
+        <!-- Content goes here -->
+        <%= line_chart @visits.group_by_day(:started_at).count %>
+      </div>
+    </div>
+  </div>
+
+  <div class="mb-8 grid grid-cols-1 sm:grid-cols-2 gap-4">
+    <div class="overflow-hidden rounded-lg bg-white shadow">
+      <div class="px-4 py-5 sm:p-6">
+        <p class="font-semibold text-gray-900 mb-5">Top Sources</p>
+
+        <%= bar_chart @visits.group(:referring_domain).count.sort_by { |_, count| -count }.first(10).to_h, colors: ["#0284c7", "#4c7"] %>
+
+        <div class="flex justify-center mt-6">
+          <%= link_to "Details >", "", class: "link tracking-wide text-sm text-gray-600 font-semibold uppercase" %>
+        </div>
+      </div>
+    </div>
+
+    <div class="overflow-hidden rounded-lg bg-white shadow">
+      <div class="px-4 py-5 sm:p-6">
+        <p class="font-semibold text-gray-900 mb-5">Top Pages</p>
+
+        <%= bar_chart @visits.group(:landing_page).count.sort_by { |_, count| -count }.first(10).to_h %>
+
+        <div class="flex justify-center mt-6">
+          <%= link_to "Details >", "", class: "link tracking-wide text-sm text-gray-600 font-semibold uppercase" %>
+        </div>
+      </div>
+    </div>
+
+    <div class="overflow-hidden rounded-lg bg-white shadow">
+      <div class="px-4 py-5 sm:p-6">
+        <p class="font-semibold text-gray-900 mb-5">Countries</p>
+
+        <%= bar_chart @visits.where.not(country: nil).group(:country).count.sort_by { |_, count| -count }.first(10).to_h %>
+
+        <div class="flex justify-center mt-6">
+          <%= link_to "Details >", "", class: "link tracking-wide text-sm text-gray-600 font-semibold uppercase" %>
+        </div>
+      </div>
+    </div>
+
+    <div class="overflow-hidden rounded-lg bg-white shadow">
+      <div class="px-4 py-5 sm:p-6">
+        <p class="font-semibold text-gray-900 mb-5">Browsers</p>
+
+        <%= bar_chart @visits.where.not(browser: nil).group(:browser).count.sort_by { |_, count| -count }.first(10).to_h %>
+
+        <div class="flex justify-center mt-6">
+          <%= link_to "Details >", "", class: "link tracking-wide text-sm text-gray-600 font-semibold uppercase" %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/layouts/ahoy_panel/_header.html.erb

@@ -0,0 +1,82 @@
+<nav
+  data-controller="header mobile-header"
+  class="bg-white shadow"
+>
+  <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8">
+    <div class="flex h-16 justify-between">
+      <div class="flex px-2 lg:px-0">
+        <div class="flex shrink-0 items-center">
+          <img class="h-8 w-auto" src="https://tailwindui.com/plus/img/logos/mark.svg?color=sky&shade=600" alt="Your Company">
+        </div>
+        <div class="hidden lg:ml-6 lg:flex lg:space-x-8">
+          <!-- Current: "border-sky-500 text-gray-900", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
+          <a href="#" class="inline-flex items-center border-b-2 border-sky-500 px-1 pt-1 text-sm font-medium text-gray-900">Dashboard</a>
+          <% if false %>
+            <a href="#" class="inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700">Boards</a>
+          <% end %>
+        </div>
+      </div>
+      <div class="flex items-center lg:hidden">
+        <!-- Mobile menu button -->
+        <button
+          data-action="click->mobile-header#toggle"
+          data-mobile-header-target="button"
+          data-open="false"
+          type="button"
+          class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-sky-500" aria-controls="mobile-menu" aria-expanded="false"
+        >
+          <span class="absolute -inset-0.5"></span>
+          <span class="sr-only">Open main menu</span>
+          <!--
+            Icon when menu is closed.
+
+            Menu open: "hidden", Menu closed: "block"
+          -->
+          <svg
+            data-mobile-header-target="closedIcon"
+            class="block size-6"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            aria-hidden="true"
+            data-slot="icon"
+          >
+            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+          </svg>
+          <!--
+            Icon when menu is open.
+
+            Menu open: "block", Menu closed: "hidden"
+          -->
+          <svg
+            data-mobile-header-target="openedIcon"
+            class="hidden size-6"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            aria-hidden="true"
+            data-slot="icon"
+          >
+            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Mobile menu, show/hide based on menu state. -->
+  <div
+    data-mobile-header-target="mobileMenu"
+    class="hidden"
+  >
+    <div class="space-y-1 pb-3 pt-2">
+      <!-- Current: "bg-sky-50 border-sky-500 text-sky-700", Default: "border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800" -->
+      <a href="#" class="block border-l-4 border-sky-500 bg-sky-50 py-2 pl-3 pr-4 text-base font-medium text-sky-700">Dashboard</a>
+      <% if false %>
+        <a href="#" class="block border-l-4 border-transparent py-2 pl-3 pr-4 text-base font-medium text-gray-600 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800">Boards</a>
+      <% end %>
+    </div>
+  </div>
+</nav>

data/app/views/layouts/ahoy_panel/application.html.erb

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>AhoyPanel</title>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= stylesheet_link_tag "ahoy_panel", media: "all", "data-turbo-track": "reload" %>
+    <%= javascript_importmap_tags "application-ahoy-panel" %>
+
+    <%= yield :head %>
+  </head>
+
+  <body class="bg-gray-100 h-full">
+    <%= render "layouts/ahoy_panel/header" %>
+    <%= yield %>
+  </body>
+</html>

data/config/importmap.rb

@@ -0,0 +1,8 @@
+pin "application-ahoy-panel", to: "ahoy_panel/application.js", preload: true
+pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
+pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
+pin_all_from AhoyPanel::Engine.root.join("app/javascript/ahoy_panel/controllers"), under: "controllers", to: "ahoy_panel/controllers"
+pin "el-transition" # @0.0.7
+pin "chartkick", to: "chartkick.js"
+pin "Chart.bundle", to: "Chart.bundle.js"

data/config/initializers/heroicon.rb

@@ -0,0 +1,10 @@
+require "heroicon"
+
+Heroicon.configure do |config|
+  config.variant = :solid # Options are :solid, :outline and :mini
+
+  ##
+  # You can set a default class, which will get applied to every icon with
+  # the given variant. To do so, un-comment the line below.
+  # config.default_class = {solid: "h-5 w-5", outline: "h-6 w-6", mini: "h-4 w-4"}
+end

data/config/initializers/inline_svg.rb

@@ -0,0 +1,5 @@
+require "inline_svg"
+
+InlineSvg.configure do |config|
+  config.asset_finder = InlineSvg::PropshaftAssetFinder
+end

data/config/routes.rb

@@ -0,0 +1,3 @@
+AhoyPanel::Engine.routes.draw do
+  root to: "dashboard#index"
+end

data/config/tailwind.config.js

@@ -0,0 +1,23 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  content: [
+    './public/*.html',
+    './app/helpers/**/*.rb',
+    './app/javascript/**/*.js',
+    './app/views/**/*.{erb,haml,html,slim}',
+    './app/components/**/*.{erb,haml,html,slim}'
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/typography'),
+    require('@tailwindcss/container-queries'),
+  ]
+}

data/lib/ahoy_panel/engine.rb

@@ -0,0 +1,19 @@
+require "importmap-rails"
+require "turbo-rails"
+require "stimulus-rails"
+
+module AhoyPanel
+  class Engine < ::Rails::Engine
+    isolate_namespace AhoyPanel
+
+    initializer "ahoy_panel.assets" do |app|
+      app.config.assets.paths << root.join("app/javascript")
+      app.config.assets.precompile += %w[ahoy_panel_manifest]
+    end
+
+    initializer "ahoy_panel.importmap", before: "importmap" do |app|
+      app.config.importmap.paths << root.join("config/importmap.rb")
+      app.config.importmap.cache_sweepers << root.join("app/javascript")
+    end
+  end
+end

data/lib/ahoy_panel/version.rb

@@ -0,0 +1,3 @@
+module AhoyPanel
+  VERSION = "0.0.1"
+end

data/lib/ahoy_panel.rb

@@ -0,0 +1,6 @@
+require "ahoy_panel/version"
+require "ahoy_panel/engine"
+
+module AhoyPanel
+  # Your code goes here...
+end

data/lib/tasks/ahoy_panel_tasks.rake

@@ -0,0 +1,19 @@
+# desc "Explaining what the task does"
+# task :ahoy_panel do
+#   # Task goes here
+# end
+
+desc "Run Tailwind task"
+namespace :tailwindcss do
+  task :watch do
+    require "tailwindcss-rails"
+    require "tailwindcss/ruby"
+
+    system "#{Tailwindcss::Ruby.executable} \
+      -i #{AhoyPanel::Engine.root.join("app/assets/stylesheets/ahoy_panel/application.tailwind.css")} \
+      -o #{AhoyPanel::Engine.root.join("app/assets/builds/ahoy_panel.css")} \
+      -c #{AhoyPanel::Engine.root.join("config/tailwind.config.js")} \
+      --minify \
+      -w"
+  end
+end

metadata

@@ -0,0 +1,243 @@
+--- !ruby/object:Gem::Specification
+name: ahoy_panel
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Chris Jeon
+bindir: bin
+cert_chain: []
+date: 2025-02-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: tailwindcss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.3.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.3.1
+- !ruby/object:Gem::Dependency
+  name: importmap-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.1.0
+- !ruby/object:Gem::Dependency
+  name: turbo-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.0.11
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.0.11
+- !ruby/object:Gem::Dependency
+  name: stimulus-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.3.4
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.3.4
+- !ruby/object:Gem::Dependency
+  name: heroicon
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+- !ruby/object:Gem::Dependency
+  name: inline_svg
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.10.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.10.0
+- !ruby/object:Gem::Dependency
+  name: chartkick
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.1.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 5.1.3
+- !ruby/object:Gem::Dependency
+  name: groupdate
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.5.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 6.5.1
+- !ruby/object:Gem::Dependency
+  name: countries
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 7.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 7.1.0
+- !ruby/object:Gem::Dependency
+  name: view_component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.21.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.21.0
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 7.1.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 7.1.0
+description: Ahoy is a great analytics tracking gem. AhoyPanel is a great dashboard
+  for the data collected by Ahoy
+email:
+- chris@typefast.co
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/builds/ahoy_panel.css
+- app/assets/config/ahoy_panel_manifest.js
+- app/assets/stylesheets/ahoy_panel/application.tailwind.css
+- app/components/ahoy_panel/date_arrow_navigator_component.html.erb
+- app/components/ahoy_panel/date_arrow_navigator_component.rb
+- app/components/ahoy_panel/dropdown_component.html.erb
+- app/components/ahoy_panel/dropdown_component.rb
+- app/components/ahoy_panel/stat_box_component.html.erb
+- app/components/ahoy_panel/stat_box_component.rb
+- app/controllers/ahoy_panel/application_controller.rb
+- app/controllers/ahoy_panel/dashboard_controller.rb
+- app/helpers/ahoy_panel/application_helper.rb
+- app/helpers/ahoy_panel/country_helper.rb
+- app/helpers/ahoy_panel/heroicon_helper.rb
+- app/helpers/ahoy_panel/nav_helper.rb
+- app/javascript/ahoy_panel/application.js
+- app/javascript/ahoy_panel/controllers/application.js
+- app/javascript/ahoy_panel/controllers/date_arrow_navigator_controller.js
+- app/javascript/ahoy_panel/controllers/dropdown_controller.js
+- app/javascript/ahoy_panel/controllers/index.js
+- app/javascript/ahoy_panel/controllers/mobile_header_controller.js
+- app/jobs/ahoy_panel/application_job.rb
+- app/mailers/ahoy_panel/application_mailer.rb
+- app/models/ahoy_panel/application_record.rb
+- app/models/ahoy_panel/bounce_rate_data.rb
+- app/models/ahoy_panel/stat_box_data.rb
+- app/models/ahoy_panel/total_pageviews_data.rb
+- app/models/ahoy_panel/total_visits_data.rb
+- app/models/ahoy_panel/unique_visitors_data.rb
+- app/models/ahoy_panel/view_per_visit_data.rb
+- app/models/ahoy_panel/visit_duration_data.rb
+- app/views/ahoy_panel/dashboard/index.html.erb
+- app/views/layouts/ahoy_panel/_header.html.erb
+- app/views/layouts/ahoy_panel/application.html.erb
+- config/importmap.rb
+- config/initializers/heroicon.rb
+- config/initializers/inline_svg.rb
+- config/routes.rb
+- config/tailwind.config.js
+- lib/ahoy_panel.rb
+- lib/ahoy_panel/engine.rb
+- lib/ahoy_panel/version.rb
+- lib/tasks/ahoy_panel_tasks.rake
+homepage: https://www.ahoypanel.com
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://www.ahoypanel.com
+  source_code_uri: https://github.com/typefastco/ahoy_panel.
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.2
+specification_version: 4
+summary: Interactive dashboard panel for Ahoy analytics for Rails apps.
+test_files: []