From e04d5a161585001d1d9b6d3392421e0150a5bdaa Mon Sep 17 00:00:00 2001
From: Svyatoslav Kryukov <me@skryukov.dev>
Date: Wed, 30 Jul 2025 10:42:25 +0300
Subject: [PATCH 1/2] * use Alba inflector

---
 app/serializers/application_serializer.rb | 12 ------------
 config/initializers/alba.rb               |  1 +
 2 files changed, 1 insertion(+), 12 deletions(-)
 create mode 100644 config/initializers/alba.rb

diff --git a/app/serializers/application_serializer.rb b/app/serializers/application_serializer.rb
index e795c28..9ecb376 100644
--- a/app/serializers/application_serializer.rb
+++ b/app/serializers/application_serializer.rb
@@ -3,18 +3,6 @@ class ApplicationSerializer
   include Alba::Resource
   include Typelizer::DSL
 
-  class << self
-    def one(name, serializer: nil, **options)
-      options[:resource] ||= serializer || "#{name}Serializer".classify.constantize
-      super(name, **options)
-    end
-
-    def many(name, serializer: nil, **options)
-      options[:resource] ||= serializer || "#{name.to_s.singularize}Serializer".classify.constantize
-      super(name, **options)
-    end
-  end
-
   private
 
   def default_url_options = ActiveStorage::Current.url_options
diff --git a/config/initializers/alba.rb b/config/initializers/alba.rb
new file mode 100644
index 0000000..b924ddf
--- /dev/null
+++ b/config/initializers/alba.rb
@@ -0,0 +1 @@
+Alba.inflector = :active_support

From 67f4402d85ca560dffe01640dca74427aa79f93c Mon Sep 17 00:00:00 2001
From: Svyatoslav Kryukov <me@skryukov.dev>
Date: Wed, 30 Jul 2025 11:39:50 +0300
Subject: [PATCH 2/2] * revamp work with ts

---
 .prettierignore                                  |  1 +
 Gemfile.lock                                     |  2 +-
 app/frontend/components/Header.tsx               |  2 +-
 app/frontend/components/Layout.tsx               |  2 +-
 app/frontend/components/ReviewScores.tsx         |  4 +---
 app/frontend/components/Select.tsx               |  8 ++++----
 app/frontend/components/StarRating.tsx           |  5 ++---
 app/frontend/components/StatusBadge.tsx          |  4 +---
 app/frontend/components/TextAreaWithCounter.tsx  |  8 ++++----
 app/frontend/icons/Google.tsx                    |  6 +-----
 app/frontend/pages/evaluations/index.tsx         |  6 +++---
 app/frontend/pages/evaluations/results/index.tsx | 12 ++++--------
 app/frontend/pages/home/index.tsx                |  4 ++--
 app/frontend/pages/proposals/Form.tsx            | 14 +++++++-------
 app/frontend/pages/proposals/edit.tsx            |  4 ++--
 app/frontend/pages/proposals/index.tsx           |  6 +++---
 app/frontend/pages/proposals/new.tsx             |  4 ++--
 app/frontend/pages/proposals/show.tsx            |  6 +++---
 app/frontend/pages/reviews/index.tsx             | 10 +++++-----
 app/frontend/pages/reviews/show.tsx              |  8 ++++----
 app/frontend/serializers/CFP.ts                  |  9 +++++----
 app/frontend/serializers/Evaluation.ts           |  7 ++++---
 app/frontend/serializers/EvaluationsProposal.ts  | 13 +++----------
 app/frontend/serializers/Proposal.ts             | 11 ++---------
 app/frontend/serializers/Review.ts               | 11 +++--------
 app/frontend/serializers/SpeakerProfile.ts       |  2 +-
 app/frontend/serializers/User.ts                 |  2 +-
 app/frontend/serializers/index.ts                | 14 +++++++-------
 app/frontend/types/global.d.ts                   |  2 +-
 app/serializers/cfp_serializer.rb                |  2 +-
 app/serializers/evaluation_serializer.rb         |  2 +-
 config/initializers/typelizer.rb                 |  4 +++-
 eslint.config.js                                 |  2 +-
 tsconfig.app.json                                |  6 ++++++
 34 files changed, 91 insertions(+), 112 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index 524255c..a860ebf 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -3,3 +3,4 @@ build
 coverage
 
 app/frontend/routes
+app/frontend/serializers
diff --git a/Gemfile.lock b/Gemfile.lock
index 6ca032f..8816c04 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -523,7 +523,7 @@ GEM
       railties (>= 7.1.0)
     turbo_power (0.7.0)
       turbo-rails (>= 1.3.0)
-    typelizer (0.4.1)
+    typelizer (0.4.2)
       railties (>= 6.0.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
diff --git a/app/frontend/components/Header.tsx b/app/frontend/components/Header.tsx
index 6bf1002..f31b51f 100644
--- a/app/frontend/components/Header.tsx
+++ b/app/frontend/components/Header.tsx
@@ -3,7 +3,7 @@ import { usePage } from "@inertiajs/react";
 import { Menu, X } from "lucide-react";
 import { useState } from "react";
 
-import type { User } from "../serializers";
+import type { User } from "@/serializers";
 
 import { Logo } from "./Logo";
 
diff --git a/app/frontend/components/Layout.tsx b/app/frontend/components/Layout.tsx
index e769c84..6bcb741 100644
--- a/app/frontend/components/Layout.tsx
+++ b/app/frontend/components/Layout.tsx
@@ -1,6 +1,6 @@
 import { usePage } from "@inertiajs/react";
 
-import type { User } from "../serializers";
+import type { User } from "@/serializers";
 
 import { Footer } from "./Footer";
 import { Header } from "./Header";
diff --git a/app/frontend/components/ReviewScores.tsx b/app/frontend/components/ReviewScores.tsx
index 1d9b683..b0a684f 100644
--- a/app/frontend/components/ReviewScores.tsx
+++ b/app/frontend/components/ReviewScores.tsx
@@ -1,5 +1,3 @@
-import type React from "react";
-
 interface ReviewScoresProps {
   scores: Record<string, number> | undefined;
 }
@@ -19,7 +17,7 @@ const scoreClass = (value: number) => {
   }
 };
 
-const ReviewScores: React.FC<ReviewScoresProps> = ({ scores }) => {
+const ReviewScores = ({ scores }: ReviewScoresProps) => {
   if (!scores || Object.keys(scores).length === 0) {
     return null;
   }
diff --git a/app/frontend/components/Select.tsx b/app/frontend/components/Select.tsx
index a86f561..83caf08 100644
--- a/app/frontend/components/Select.tsx
+++ b/app/frontend/components/Select.tsx
@@ -1,4 +1,4 @@
-import type React from "react";
+import type { ChangeEvent } from "react";
 
 interface SelectOption {
   value: string;
@@ -8,20 +8,20 @@ interface SelectOption {
 interface SelectProps {
   id: string;
   value: string;
-  onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+  onChange: (e: ChangeEvent<HTMLSelectElement>) => void;
   options: SelectOption[];
   required?: boolean;
   placeholder?: string;
 }
 
-const Select: React.FC<SelectProps> = ({
+const Select = ({
   id,
   value,
   onChange,
   options,
   required,
   placeholder,
-}) => {
+}: SelectProps) => {
   return (
     <div className="relative">
       <select
diff --git a/app/frontend/components/StarRating.tsx b/app/frontend/components/StarRating.tsx
index fc8b3dd..36a5ead 100644
--- a/app/frontend/components/StarRating.tsx
+++ b/app/frontend/components/StarRating.tsx
@@ -1,5 +1,4 @@
 import { Star } from "lucide-react";
-import type React from "react";
 import { useState } from "react";
 
 interface StarRatingProps {
@@ -11,14 +10,14 @@ interface StarRatingProps {
   readonly?: boolean;
 }
 
-const StarRating: React.FC<StarRatingProps> = ({
+const StarRating = ({
   value,
   name,
   onChange,
   label,
   required,
   readonly,
-}) => {
+}: StarRatingProps) => {
   const [hoverRating, setHoverRating] = useState(0);
 
   const handleStarClick = (rating: number) => {
diff --git a/app/frontend/components/StatusBadge.tsx b/app/frontend/components/StatusBadge.tsx
index 75150db..7bfcebf 100644
--- a/app/frontend/components/StatusBadge.tsx
+++ b/app/frontend/components/StatusBadge.tsx
@@ -1,5 +1,3 @@
-import type React from "react";
-
 type ProposalStatus =
   | "draft"
   | "submitted"
@@ -14,7 +12,7 @@ interface StatusBadgeProps {
   status: ProposalStatus;
 }
 
-const StatusBadge: React.FC<StatusBadgeProps> = ({ status }) => {
+const StatusBadge = ({ status }: StatusBadgeProps) => {
   let badgeClasses = "badge ";
   let statusText = "";
 
diff --git a/app/frontend/components/TextAreaWithCounter.tsx b/app/frontend/components/TextAreaWithCounter.tsx
index 22c10b7..68bfece 100644
--- a/app/frontend/components/TextAreaWithCounter.tsx
+++ b/app/frontend/components/TextAreaWithCounter.tsx
@@ -1,4 +1,4 @@
-import type React from "react";
+import type { ChangeEvent } from "react";
 
 interface TextAreaWithCounterProps {
   id: string;
@@ -9,21 +9,21 @@ interface TextAreaWithCounterProps {
   required?: boolean;
 }
 
-const TextAreaWithCounter: React.FC<TextAreaWithCounterProps> = ({
+const TextAreaWithCounter = ({
   id,
   value,
   onChange,
   maxLength,
   placeholder,
   required,
-}) => {
+}: TextAreaWithCounterProps) => {
   // Count line breaks as \r\n (2 characters) to match Ruby/Rails backend
   const lineBreaks = (value.match(/\n/g) ?? []).length;
   const characterCount = value.length + lineBreaks;
   const isNearLimit = characterCount >= maxLength * 0.8;
   const isAtLimit = characterCount >= maxLength;
 
-  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {
     const newValue = e.target.value;
     const newLineBreaks = (newValue.match(/\n/g) ?? []).length;
     const newCharacterCount = newValue.length + newLineBreaks;
diff --git a/app/frontend/icons/Google.tsx b/app/frontend/icons/Google.tsx
index 7b5b05b..17d82b6 100644
--- a/app/frontend/icons/Google.tsx
+++ b/app/frontend/icons/Google.tsx
@@ -1,8 +1,4 @@
-import type React from "react";
-
-const GoogleIcon: React.FC<{ className?: string }> = ({
-  className = "h-5 w-5",
-}) => (
+const GoogleIcon = ({ className = "h-5 w-5" }: { className?: string }) => (
   <svg className={className} viewBox="0 0 24 24" fill="currentColor">
     <path
       d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
diff --git a/app/frontend/pages/evaluations/index.tsx b/app/frontend/pages/evaluations/index.tsx
index 62614eb..c09d745 100644
--- a/app/frontend/pages/evaluations/index.tsx
+++ b/app/frontend/pages/evaluations/index.tsx
@@ -1,8 +1,8 @@
 import { router, usePage } from "@inertiajs/react";
 
-import Layout from "../../components/Layout";
-import type { Evaluation } from "../../serializers";
-import { formatDeadline } from "../../utils/dateHelpers";
+import Layout from "@/components/Layout";
+import type { Evaluation } from "@/serializers";
+import { formatDeadline } from "@/utils/dateHelpers";
 
 interface IndexProps {
   evaluations: Evaluation[];
diff --git a/app/frontend/pages/evaluations/results/index.tsx b/app/frontend/pages/evaluations/results/index.tsx
index 7ab13f9..9d2c47c 100644
--- a/app/frontend/pages/evaluations/results/index.tsx
+++ b/app/frontend/pages/evaluations/results/index.tsx
@@ -10,14 +10,10 @@ import {
 import type { FormEvent } from "react";
 import { useState } from "react";
 
-import Layout from "../../../components/Layout";
-import ReviewScores from "../../../components/ReviewScores";
-import StatusBadge from "../../../components/StatusBadge";
-import type {
-  Evaluation,
-  EvaluationsProposal,
-  Review,
-} from "../../../serializers";
+import Layout from "@/components/Layout";
+import ReviewScores from "@/components/ReviewScores";
+import StatusBadge from "@/components/StatusBadge";
+import type { Evaluation, EvaluationsProposal, Review } from "@/serializers";
 
 interface IndexProps {
   evaluation: Evaluation;
diff --git a/app/frontend/pages/home/index.tsx b/app/frontend/pages/home/index.tsx
index 8c48970..f016b0a 100644
--- a/app/frontend/pages/home/index.tsx
+++ b/app/frontend/pages/home/index.tsx
@@ -6,8 +6,8 @@ import {
   UsersIcon,
 } from "lucide-react";
 
-import Layout from "../../components/Layout";
-import { OAuthButtons } from "../../components/OAuthButtons";
+import Layout from "@/components/Layout";
+import { OAuthButtons } from "@/components/OAuthButtons";
 
 interface IndexProps {
   oauth_providers: string[];
diff --git a/app/frontend/pages/proposals/Form.tsx b/app/frontend/pages/proposals/Form.tsx
index c1b658e..c97c19f 100644
--- a/app/frontend/pages/proposals/Form.tsx
+++ b/app/frontend/pages/proposals/Form.tsx
@@ -3,10 +3,10 @@ import { AlertCircle, Save, SendIcon, Upload } from "lucide-react";
 import type { FormEvent } from "react";
 import { useRef, useState } from "react";
 
-import Select from "../../components/Select";
-import TextAreaWithCounter from "../../components/TextAreaWithCounter";
-import type { CFP, Proposal, SpeakerProfile } from "../../serializers";
-import type { AppPageProps } from "../../types/global";
+import Select from "@/components/Select";
+import TextAreaWithCounter from "@/components/TextAreaWithCounter";
+import type { CFP, Proposal, SpeakerProfile } from "@/serializers";
+import type { AppPageProps } from "@/types/global";
 
 interface FormProps {
   proposal: Proposal;
@@ -130,9 +130,9 @@ export default function Form({ proposal, speaker, cfp }: FormProps) {
                 onChange={(e) => setData("proposal.track", e.target.value)}
                 required={!canSaveDraft}
                 placeholder="Select a track"
-                options={Object.keys(cfp.tracks).map((track) => ({
-                  value: track,
-                  label: cfp.tracks[track],
+                options={Object.entries(cfp.tracks).map(([value, label]) => ({
+                  value,
+                  label,
                 }))}
               />
               {formErrors.track && (
diff --git a/app/frontend/pages/proposals/edit.tsx b/app/frontend/pages/proposals/edit.tsx
index b2250cd..27910ed 100644
--- a/app/frontend/pages/proposals/edit.tsx
+++ b/app/frontend/pages/proposals/edit.tsx
@@ -1,8 +1,8 @@
 import { Link, usePage } from "@inertiajs/react";
 import { ArrowLeftIcon } from "lucide-react";
 
-import Layout from "../../components/Layout";
-import type { CFP, Proposal, SpeakerProfile } from "../../serializers";
+import Layout from "@/components/Layout";
+import type { CFP, Proposal, SpeakerProfile } from "@/serializers";
 
 import Form from "./Form";
 
diff --git a/app/frontend/pages/proposals/index.tsx b/app/frontend/pages/proposals/index.tsx
index 7dfef4b..18785d6 100644
--- a/app/frontend/pages/proposals/index.tsx
+++ b/app/frontend/pages/proposals/index.tsx
@@ -1,9 +1,9 @@
 import { Head, Link, router, usePage } from "@inertiajs/react";
 import { ArrowLeftIcon, PlusIcon } from "lucide-react";
 
-import Layout from "../../components/Layout";
-import StatusBadge from "../../components/StatusBadge";
-import type { Proposal } from "../../serializers";
+import Layout from "@/components/Layout";
+import StatusBadge from "@/components/StatusBadge";
+import type { Proposal } from "@/serializers";
 
 interface IndexProps {
   proposals: Proposal[];
diff --git a/app/frontend/pages/proposals/new.tsx b/app/frontend/pages/proposals/new.tsx
index 81e74fa..9affc46 100644
--- a/app/frontend/pages/proposals/new.tsx
+++ b/app/frontend/pages/proposals/new.tsx
@@ -1,8 +1,8 @@
 import { Link, usePage } from "@inertiajs/react";
 import { ArrowLeftIcon } from "lucide-react";
 
-import Layout from "../../components/Layout";
-import type { CFP, Proposal, SpeakerProfile } from "../../serializers";
+import Layout from "@/components/Layout";
+import type { CFP, Proposal, SpeakerProfile } from "@/serializers";
 
 import Form from "./Form";
 
diff --git a/app/frontend/pages/proposals/show.tsx b/app/frontend/pages/proposals/show.tsx
index 6e3563f..61cea22 100644
--- a/app/frontend/pages/proposals/show.tsx
+++ b/app/frontend/pages/proposals/show.tsx
@@ -1,9 +1,9 @@
 import { Link, router, usePage } from "@inertiajs/react";
 import { ArrowLeftIcon, PencilIcon, TrashIcon, UserIcon } from "lucide-react";
 
-import Layout from "../../components/Layout";
-import StatusBadge from "../../components/StatusBadge";
-import type { CFP, Proposal, SpeakerProfile } from "../../serializers";
+import Layout from "@/components/Layout";
+import StatusBadge from "@/components/StatusBadge";
+import type { CFP, Proposal, SpeakerProfile } from "@/serializers";
 
 interface ShowProps {
   proposal: Proposal;
diff --git a/app/frontend/pages/reviews/index.tsx b/app/frontend/pages/reviews/index.tsx
index fc510dc..d5f27c3 100644
--- a/app/frontend/pages/reviews/index.tsx
+++ b/app/frontend/pages/reviews/index.tsx
@@ -1,11 +1,11 @@
 import { Link, router, usePage } from "@inertiajs/react";
 import { AlertCircleIcon, ExternalLinkIcon } from "lucide-react";
 
-import Layout from "../../components/Layout";
-import ReviewScores from "../../components/ReviewScores";
-import StatusBadge from "../../components/StatusBadge";
-import type { Evaluation, Review } from "../../serializers";
-import { formatDeadline } from "../../utils/dateHelpers";
+import Layout from "@/components/Layout";
+import ReviewScores from "@/components/ReviewScores";
+import StatusBadge from "@/components/StatusBadge";
+import type { Evaluation, Review } from "@/serializers";
+import { formatDeadline } from "@/utils/dateHelpers";
 
 interface IndexProps {
   evaluation: Evaluation;
diff --git a/app/frontend/pages/reviews/show.tsx b/app/frontend/pages/reviews/show.tsx
index 65c1e70..bfafd59 100644
--- a/app/frontend/pages/reviews/show.tsx
+++ b/app/frontend/pages/reviews/show.tsx
@@ -3,10 +3,10 @@ import { AlertCircleIcon, ArrowLeftIcon, UserIcon } from "lucide-react";
 import type { FormEvent } from "react";
 import { useState } from "react";
 
-import Layout from "../../components/Layout";
-import StarRating from "../../components/StarRating";
-import TextAreaWithCounter from "../../components/TextAreaWithCounter";
-import type { Review } from "../../serializers";
+import Layout from "@/components/Layout";
+import StarRating from "@/components/StarRating";
+import TextAreaWithCounter from "@/components/TextAreaWithCounter";
+import type { Review } from "@/serializers";
 
 interface ShowProps {
   review: Review;
diff --git a/app/frontend/serializers/CFP.ts b/app/frontend/serializers/CFP.ts
index 4b7b141..d15209c 100644
--- a/app/frontend/serializers/CFP.ts
+++ b/app/frontend/serializers/CFP.ts
@@ -1,11 +1,12 @@
-// Typelizer digest 35e85a86127d6efc1f4ff9955655a470
+// Typelizer digest 09b9a241cd6a6ab84c4bb9627df62a71
 //
 // DO NOT MODIFY: This file was automatically generated by Typelizer.
+import type {Proposal} from "@/serializers"
 
-interface CFP {
+type CFP = {
   id: string;
-  tracks: Record<string, string>;
-  field_names: Record<string, string> | undefined;
+  tracks: Record<Exclude<Proposal["track"], null>,string>;
+  field_names: Record<string,string> | undefined;
   is_closed: boolean;
 }
 
diff --git a/app/frontend/serializers/Evaluation.ts b/app/frontend/serializers/Evaluation.ts
index 43a05a9..94c7213 100644
--- a/app/frontend/serializers/Evaluation.ts
+++ b/app/frontend/serializers/Evaluation.ts
@@ -1,11 +1,12 @@
-// Typelizer digest e9d5ef2cb9143459364b0747400c38e7
+// Typelizer digest f92f72437c59ca1bd3dc435237c17bac
 //
 // DO NOT MODIFY: This file was automatically generated by Typelizer.
+import type {Proposal} from "@/serializers"
 
-interface Evaluation {
+type Evaluation = {
   id: number;
   name: string;
-  tracks: ("oss" | "scale" | "general" | "workshop")[];
+  tracks: Exclude<Proposal["track"], null>[];
   criteria: string[];
   blind: boolean;
   personal: boolean;
diff --git a/app/frontend/serializers/EvaluationsProposal.ts b/app/frontend/serializers/EvaluationsProposal.ts
index cc07cc4..5d74353 100644
--- a/app/frontend/serializers/EvaluationsProposal.ts
+++ b/app/frontend/serializers/EvaluationsProposal.ts
@@ -1,23 +1,16 @@
 // Typelizer digest 04b5629f2a3adfb2cd1236089c2e83bc
 //
 // DO NOT MODIFY: This file was automatically generated by Typelizer.
-import type { SpeakerProfile } from "../serializers";
+import type {SpeakerProfile} from "@/serializers"
 
-interface EvaluationsProposal {
+type EvaluationsProposal = {
   id: string;
   title: string | null;
   details: string | null;
   abstract: string | null;
   pitch: string | null;
   track: "oss" | "scale" | "general" | "workshop" | null;
-  status:
-    | "draft"
-    | "submitted"
-    | "accepted"
-    | "rejected"
-    | "waitlisted"
-    | "confirmed"
-    | "declined";
+  status: "draft" | "submitted" | "accepted" | "rejected" | "waitlisted" | "confirmed" | "declined";
   submitted_at: string | null;
   score: number;
   reviews_count: number;
diff --git a/app/frontend/serializers/Proposal.ts b/app/frontend/serializers/Proposal.ts
index f04c01a..afa5d72 100644
--- a/app/frontend/serializers/Proposal.ts
+++ b/app/frontend/serializers/Proposal.ts
@@ -2,7 +2,7 @@
 //
 // DO NOT MODIFY: This file was automatically generated by Typelizer.
 
-interface Proposal {
+type Proposal = {
   id: string;
   cfp_id: string | null;
   title: string | null;
@@ -10,14 +10,7 @@ interface Proposal {
   abstract: string | null;
   pitch: string | null;
   track: "oss" | "scale" | "general" | "workshop" | null;
-  status:
-    | "draft"
-    | "submitted"
-    | "accepted"
-    | "rejected"
-    | "waitlisted"
-    | "confirmed"
-    | "declined";
+  status: "draft" | "submitted" | "accepted" | "rejected" | "waitlisted" | "confirmed" | "declined";
   submitted_at: string | null;
   can_edit: boolean;
 }
diff --git a/app/frontend/serializers/Review.ts b/app/frontend/serializers/Review.ts
index 09a9499..b6f1634 100644
--- a/app/frontend/serializers/Review.ts
+++ b/app/frontend/serializers/Review.ts
@@ -1,18 +1,13 @@
 // Typelizer digest 95e4786f51da77a638a48cdcbb3b1261
 //
 // DO NOT MODIFY: This file was automatically generated by Typelizer.
-import type {
-  Evaluation,
-  Proposal,
-  SpeakerProfile,
-  User,
-} from "../serializers";
+import type {SpeakerProfile, Proposal, User, Evaluation} from "@/serializers"
 
-interface Review {
+type Review = {
   id: number;
   comment: string | null;
   status: "pending" | "submitted";
-  scores: Record<string, number>;
+  scores: Record<string,number>;
   score: number | null;
   proposal: Proposal | null;
   user: User | null;
diff --git a/app/frontend/serializers/SpeakerProfile.ts b/app/frontend/serializers/SpeakerProfile.ts
index 4b46ea7..459a8c3 100644
--- a/app/frontend/serializers/SpeakerProfile.ts
+++ b/app/frontend/serializers/SpeakerProfile.ts
@@ -2,7 +2,7 @@
 //
 // DO NOT MODIFY: This file was automatically generated by Typelizer.
 
-interface SpeakerProfile {
+type SpeakerProfile = {
   name: string;
   email: string;
   bio: string | null;
diff --git a/app/frontend/serializers/User.ts b/app/frontend/serializers/User.ts
index f133bd7..6c1511e 100644
--- a/app/frontend/serializers/User.ts
+++ b/app/frontend/serializers/User.ts
@@ -2,7 +2,7 @@
 //
 // DO NOT MODIFY: This file was automatically generated by Typelizer.
 
-interface User {
+type User = {
   id: number;
   name: string;
   email: string;
diff --git a/app/frontend/serializers/index.ts b/app/frontend/serializers/index.ts
index 0b219f5..ffa96fd 100644
--- a/app/frontend/serializers/index.ts
+++ b/app/frontend/serializers/index.ts
@@ -1,10 +1,10 @@
 // Typelizer digest 79d63c2265e8c4c53d7bdb486591c04c
 //
 // DO NOT MODIFY: This file was automatically generated by Typelizer.
-export type { default as CFP } from "./CFP";
-export type { default as Evaluation } from "./Evaluation";
-export type { default as EvaluationsProposal } from "./EvaluationsProposal";
-export type { default as Proposal } from "./Proposal";
-export type { default as Review } from "./Review";
-export type { default as SpeakerProfile } from "./SpeakerProfile";
-export type { default as User } from "./User";
+export type { default as CFP } from "./CFP"
+export type { default as Evaluation } from "./Evaluation"
+export type { default as EvaluationsProposal } from "./EvaluationsProposal"
+export type { default as Proposal } from "./Proposal"
+export type { default as Review } from "./Review"
+export type { default as SpeakerProfile } from "./SpeakerProfile"
+export type { default as User } from "./User"
diff --git a/app/frontend/types/global.d.ts b/app/frontend/types/global.d.ts
index 7f2a8d7..9501fda 100644
--- a/app/frontend/types/global.d.ts
+++ b/app/frontend/types/global.d.ts
@@ -1,6 +1,6 @@
 import type { PageProps as InertiaPageProps } from "@inertiajs/core";
 
-import type { User } from "../serializers";
+import type { User } from "@/serializers";
 
 type AppPageProps<T extends Record<string, unknown> = Record<string, unknown>> =
   T & {
diff --git a/app/serializers/cfp_serializer.rb b/app/serializers/cfp_serializer.rb
index c76e574..f884cc5 100644
--- a/app/serializers/cfp_serializer.rb
+++ b/app/serializers/cfp_serializer.rb
@@ -1,6 +1,6 @@
 class CFPSerializer < ApplicationSerializer
   attributes :id, :tracks, :field_names
-  typelize id: "string", tracks: "Record<string,string>", field_names: "Record<string,string> | undefined"
+  typelize id: "string", tracks: 'Record<Exclude<Proposal["track"], null>,string>', field_names: "Record<string,string> | undefined"
 
   attribute :is_closed do
     it.closed?
diff --git a/app/serializers/evaluation_serializer.rb b/app/serializers/evaluation_serializer.rb
index 8b2561d..bbd72cd 100644
--- a/app/serializers/evaluation_serializer.rb
+++ b/app/serializers/evaluation_serializer.rb
@@ -3,7 +3,7 @@ class EvaluationSerializer < ApplicationSerializer
 
   attributes :id, :name, :tracks, :criteria, :blind, :personal
 
-  typelize tracks: "Array<#{Proposal.tracks.values.map { %('#{it}') }.join(" | ")}>"
+  typelize tracks: 'Exclude<Proposal["track"], null>[]'
   typelize criteria: "string[]"
 
   attributes :deadline
diff --git a/config/initializers/typelizer.rb b/config/initializers/typelizer.rb
index 313b22b..35fc488 100644
--- a/config/initializers/typelizer.rb
+++ b/config/initializers/typelizer.rb
@@ -1,4 +1,6 @@
 Typelizer.configure do |config|
   config.output_dir = Rails.root.join("app/frontend/serializers")
-  config.types_import_path = "../serializers"
+  config.types_import_path = "@/serializers"
+  config.types_global += %w[Exclude]
+  config.prefer_double_quotes = true
 end
diff --git a/eslint.config.js b/eslint.config.js
index e37a218..a8f8a22 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -8,7 +8,7 @@ import tseslint from "typescript-eslint"
 /** @type {import('eslint').Linter.Config[]} */
 export default [
   { files: ["app/frontend/**/*.{js,mjs,cjs,ts,jsx,tsx}"] },
-  { ignores: ["app/frontend/routes/*"] },
+  { ignores: ["app/frontend/routes/*", "app/frontend/serializers/*"] },
   {
     settings: {
       react: {
diff --git a/tsconfig.app.json b/tsconfig.app.json
index be0e47d..528d81c 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -22,6 +22,12 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
+
+    /* Aliases */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./app/frontend/*"]
+    }
   },
   "include": ["app/frontend"]
 }