Use alba-inertia

Author: skryukov

Gemfile

@@ -70,3 +70,8 @@ gem "vite_rails", "~> 3.0"
 gem "devise", "~> 4.9"
 
 gem "pagy", "~> 43.0"
+
+gem "typelizer", "~> 0.5.3"
+gem "alba", "~> 3.10"
+gem "alba-inertia", "~> 0.1.1"
+gem "listen", "~> 3.9"

Gemfile.lock

@@ -77,10 +77,16 @@ GEM
       uri (>= 0.13.1)
     addressable (2.8.7)
       public_suffix (>= 2.0.2, < 7.0)
+    alba (3.10.0)
+    alba-inertia (0.1.1)
+      alba
+      inertia_rails
+      zeitwerk
     ast (2.4.3)
     base64 (0.3.0)
     bcrypt (3.1.20)
     bcrypt_pbkdf (1.1.1)
+    benchmark (0.5.0)
     bigdecimal (3.3.1)
     bindex (0.8.1)
     bootsnap (1.18.6)
@@ -129,6 +135,13 @@ GEM
       railties (>= 6.1.0)
     faker (3.5.2)
       i18n (>= 1.8.11, < 2)
+    ffi (1.17.2-aarch64-linux-gnu)
+    ffi (1.17.2-aarch64-linux-musl)
+    ffi (1.17.2-arm-linux-gnu)
+    ffi (1.17.2-arm-linux-musl)
+    ffi (1.17.2-arm64-darwin)
+    ffi (1.17.2-x86_64-linux-gnu)
+    ffi (1.17.2-x86_64-linux-musl)
     fugit (1.12.1)
       et-orbi (~> 1.4)
       raabro (~> 1.4)
@@ -160,6 +173,9 @@ GEM
       zeitwerk (>= 2.6.18, < 3.0)
     language_server-protocol (3.17.0.5)
     lint_roller (1.1.0)
+    listen (3.9.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
     logger (1.7.0)
     loofah (2.24.1)
       crass (~> 1.0.2)
@@ -272,6 +288,9 @@ GEM
       zeitwerk (~> 2.6)
     rainbow (3.1.1)
     rake (13.3.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
+      ffi (~> 1.0)
     rdoc (6.15.1)
       erb
       psych (>= 4.0.0)
@@ -375,6 +394,9 @@ GEM
     thruster (0.1.16-x86_64-linux)
     timeout (0.4.4)
     tsort (0.2.0)
+    typelizer (0.5.3)
+      benchmark
+      railties (>= 6.0.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     unicode-display_width (3.2.0)
@@ -421,6 +443,8 @@ PLATFORMS
   x86_64-linux-musl
 
 DEPENDENCIES
+  alba (~> 3.10)
+  alba-inertia (~> 0.1.1)
   bootsnap
   brakeman
   bundler-audit
@@ -432,6 +456,7 @@ DEPENDENCIES
   inertia_rails (~> 3.12)
   jbuilder
   kamal
+  listen (~> 3.9)
   pagy (~> 43.0)
   propshaft
   puma (>= 5.0)
@@ -444,6 +469,7 @@ DEPENDENCIES
   solid_queue
   sqlite3 (>= 2.1)
   thruster
+  typelizer (~> 0.5.3)
   tzinfo-data
   vite_rails (~> 3.0)
   web-console

app/controllers/application_controller.rb

@@ -1,19 +1,14 @@
 class ApplicationController < ActionController::Base
   include Pagy::Method
+  include Alba::Inertia::Controller
 
   # Only allow modern browsers supporting webp images, web push, badges, import maps, CSS nesting, and CSS :has.
   allow_browser versions: :modern
   layout :set_layout
 
   before_action :configure_permitted_parameters, if: :devise_controller?
 
-  inertia_share categories: -> {
-    Category.includes(:topics).all.as_json(methods: :topics_count)
-  }
-
-  inertia_share current_user: -> {
-    current_user&.as_json(only: [ :username ])
-  }
+  inertia_share { SharedPropsResource.new(self).to_inertia }
 
   def after_sign_in_path_for(resource)
     topics_path

app/controllers/categories_controller.rb

@@ -1,12 +1,7 @@
 class CategoriesController < ApplicationController
   def show
-    category = Category
+    @category = Category
       .includes(topics: [ :user, :category, messages: :user ])
       .find(params[:id])
-      .as_json(include: [
-        topics: { include: [ :user, :category, messages: { include: :user } ] }
-      ])
-
-    render inertia: { category: }
   end
 end

app/controllers/landing_controller.rb

@@ -1,5 +1,4 @@
 class LandingController < ApplicationController
   def index
-    render inertia: {}
   end
 end

app/controllers/my_topics_controller.rb

@@ -1,17 +1,10 @@
  class MyTopicsController < ApplicationController
   def index
-    topics = Topic.includes(:user, :category, messages: :user)
-      .joins(:messages)
-      .where(messages: { user_id: current_user.id })
-      .distinct
+    @topics = Topic.includes(:user, :category, messages: :user)
+      .where(id: current_user.messages.select(:topic_id))
       .order(created_at: :desc)
-      .to_a
-      .as_json(include: [
-        :user,
-        :category,
-        messages: { include: :user }
-      ])
 
-    render inertia: { topics: }
+    # Custom Serializer Selection
+    render_inertia(serializer: TopicsIndexResource)
   end
  end

app/controllers/topics_controller.rb

@@ -1,26 +1,13 @@
 class TopicsController < ApplicationController
   def index
-    topics = Topic.all
+    @topics = Topic.all
       .includes(:user, :category, messages: :user)
       .order(created_at: :desc)
-      .as_json(include: [
-        :user,
-        :category,
-        messages: { include: :user }
-      ])
-
-    render inertia: { topics: }
   end
 
   def show
-    topic = Topic
+    @topic = Topic
       .includes(:user, :category, messages: :user)
       .find(params[:id])
-      .as_json(include: [
-        :user,
-        :category,
-        messages: { include: :user }
-      ])
-    render inertia: { topic: }
   end
 end

app/frontend/components/Avatar.tsx

@@ -1,9 +1,9 @@
-import { User } from '../types'
+import { BaseUser } from '@/types'
 
-const Avatar = ({ user }: { user: User }) => {
+const Avatar = ({ user }: { user: BaseUser }) => {
   const { username } = user;
 
-  if (!user) {
+  if (!username) {
     return null;
   }
 
@@ -17,4 +17,4 @@ const Avatar = ({ user }: { user: User }) => {
   )
 }
 
-export default Avatar
+export default Avatar

app/frontend/components/Sidebar.tsx

@@ -1,6 +1,4 @@
 import { Link, usePage } from "@inertiajs/react";
-import { Category } from "@/types";
-
 
 function getLinkClasses(currentUrl: string, targetUrl: string) {
   const isActive = currentUrl === targetUrl
@@ -61,7 +59,7 @@ export default function Sidebar({ isOpen }: { isOpen: boolean }) {
               Categories
             </h3>
             <div className="space-y-1">
-              {categories.map((category: Category) => {
+              {categories.map((category) => {
                 const categoryUrl = `/categories/${category.id}`
                 const classes = getLinkClasses(currentUrl, categoryUrl)
                 return (
@@ -72,7 +70,7 @@ export default function Sidebar({ isOpen }: { isOpen: boolean }) {
                   >
                     <span>{category.name}</span>
                     <span className={`text-xs ${classes.count}`}>
-                      {category.topics_count}
+                      {category.topicsCount}
                     </span>
                   </Link>
                 )
@@ -83,4 +81,4 @@ export default function Sidebar({ isOpen }: { isOpen: boolean }) {
       )}
     </aside>
   )
-}
+}

app/frontend/components/UserProfile.tsx

@@ -6,7 +6,7 @@ type UserProfileProps = {
 }
 
 export default function UserProfile({user, onClose}: UserProfileProps) {
-  const { username, email, topics_count: topicsCount, messages_count: messagesCount, about_me: aboutMe } = user || {};
+  const { username, email, topicsCount, messagesCount, aboutMe } = user || {};
 
   return (
     <div className="space-y-4">