dink-pets-shared 1.0.0

package/dist/src/schemas.js

@@ -0,0 +1,166 @@
+import { z } from "zod";
+import { MONTH_NAMES } from "./constants.js";
+import { DayOfWeek } from "./enums.js";
+// =============================================================================
+// REUSABLE FIELD SCHEMAS
+// =============================================================================
+// Single source of truth for field validation across the app.
+// Use these in both server (tRPC inputs) and mobile (form validation).
+// =============================================================================
+// Text length limits
+export const TINY_TEXT_MAX = 50; // colors, codes, IDs
+export const SHORT_TEXT_MAX = 100; // names, brands, providers
+export const LONG_TEXT_MAX = 2000; // notes, descriptions
+// Numeric limits
+export const MEALS_PER_DAY_MIN = 1;
+export const MEALS_PER_DAY_MAX = 10;
+// Base text schemas
+export const ShortText = z.string().max(SHORT_TEXT_MAX);
+export const TinyText = z.string().max(TINY_TEXT_MAX);
+export const LongText = z.string().max(LONG_TEXT_MAX);
+// Semantic aliases (for readability in inputs)
+export const AmountUnit = TinyText; // "cups", "oz", "mg", etc.
+export const Subtype = TinyText; // "pee", "poop", "breakfast", medication name
+export const PetColor = TinyText; // "black", "golden", "black and white"
+export const Breed = ShortText;
+export const MicrochipId = TinyText;
+export const RabiesTagNumber = TinyText;
+export const InsuranceProvider = ShortText;
+export const InsurancePolicyNumber = ShortText;
+// Activity-specific fields
+export const DURATION_MIN_MIN = 1;
+export const DURATION_MIN_MAX = 1440; // 24 hours in minutes
+export const DurationMin = z
+    .number()
+    .int()
+    .min(DURATION_MIN_MIN)
+    .max(DURATION_MIN_MAX);
+export const Amount = z.number().positive();
+// Photo fields
+export const CAPTION_MAX = 250;
+export const Caption = z.string().max(CAPTION_MAX);
+// Health log fields
+export const HealthValue = z.number(); // weight, temperature, etc.
+export const HealthUnit = TinyText; // "lbs", "kg", "°F"
+export const Title = ShortText; // "Annual checkup", "Limping"
+export const VetName = ShortText;
+export const Location = ShortText;
+/**
+ * Name field for pets, users, etc.
+ *
+ * Restricts to safe characters to prevent XSS in contexts like email templates
+ * where names are interpolated. Allows unicode letters (\p{L}) for international
+ * names (José, 北京, Мария) while blocking HTML-unsafe characters like < >.
+ */
+export const Name = ShortText.min(1).regex(/^[\p{L}\p{N}\s\-'\.]+$/u, "Only letters, numbers, spaces, hyphens, apostrophes, periods");
+export const Notes = LongText;
+export const bathroomActivitySubtypes = ["pee", "poo"];
+export const BathroomActivitySubtype = z.enum(bathroomActivitySubtypes);
+/**
+ * URL for images (pet photos, avatars, etc.)
+ *
+ * Restricted to HTTPS only to prevent XSS via javascript:, data:, or file:// URLs
+ * if the URL is ever rendered in an <img src> or <a href> context.
+ */
+export const ImageUrl = z.url().startsWith("https://");
+export const DateField = z.coerce.date();
+export const MealsPerDay = z
+    .number()
+    .int()
+    .min(MEALS_PER_DAY_MIN)
+    .max(MEALS_PER_DAY_MAX);
+export const PAGINATION_LIMIT_MIN = 1;
+export const PAGINATION_LIMIT_MAX = 50;
+export const PAGINATION_LIMIT_DEFAULT = 20;
+export const PaginationLimit = z
+    .number()
+    .int()
+    .min(PAGINATION_LIMIT_MIN)
+    .max(PAGINATION_LIMIT_MAX)
+    .default(PAGINATION_LIMIT_DEFAULT);
+// Mood scale (1-5)
+export const MOOD_MIN = 1;
+export const MOOD_MAX = 5;
+export const Mood = z.number().int().min(MOOD_MIN).max(MOOD_MAX);
+// =============================================================================
+// REMINDER/SCHEDULE FIELDS
+// =============================================================================
+/**
+ * Time of day in HH:MM format (24-hour).
+ *
+ * Examples: "08:00", "14:30", "23:59"
+ * Used for reminder schedules. The mobile app interprets this in the device's timezone.
+ */
+export const Time = z
+    .string()
+    .regex(/^([01]\d|2[0-3]):[0-5]\d$/, "Time must be in HH:MM format (e.g., 08:00)");
+/**
+ * Day of month (1-31).
+ *
+ * Used for monthly reminders. Values 29-31 may not exist in all months;
+ * the scheduler should handle this (e.g., Feb 30 becomes Feb 28).
+ */
+export const DAY_OF_MONTH_MIN = 1;
+export const DAY_OF_MONTH_MAX = 31;
+export const DayOfMonth = z
+    .number()
+    .int()
+    .min(DAY_OF_MONTH_MIN)
+    .max(DAY_OF_MONTH_MAX);
+/**
+ * Interval count for recurring reminders.
+ *
+ * "Every N days/weeks/months" - N is the interval count.
+ * Minimum 1 (every day/week/month), no maximum because it depends on user needs and allows flexibility like 45 days.
+ */
+export const INTERVAL_COUNT_MIN = 1;
+export const IntervalCount = z.number().int().min(INTERVAL_COUNT_MIN);
+/**
+ * Maps DayOfWeek enum values to JavaScript Date.getDay() values (0 = Sunday).
+ */
+export const DAY_OF_WEEK_TO_NUMBER = {
+    [DayOfWeek.enum.SUN]: 0,
+    [DayOfWeek.enum.MON]: 1,
+    [DayOfWeek.enum.TUE]: 2,
+    [DayOfWeek.enum.WED]: 3,
+    [DayOfWeek.enum.THU]: 4,
+    [DayOfWeek.enum.FRI]: 5,
+    [DayOfWeek.enum.SAT]: 6,
+};
+// =============================================================================
+// PET DATE FIELDS (birthday, adoption date)
+// =============================================================================
+// Stored as separate year/month/day components because owners often don't
+// know exact dates. Year is minimum required, month and day are optional.
+// =============================================================================
+/**
+ * Year for pet dates (birthday, adoption).
+ *
+ * Range: 1990-2100. Pets born before 1990 are extremely rare (35+ years old).
+ * Upper bound leaves room for future dates (adoption planned for next year).
+ */
+export const YEAR_MIN = 1990;
+export const YEAR_MAX = 2100;
+export const YearInt = z.number().int().min(YEAR_MIN).max(YEAR_MAX);
+/**
+ * Month (1-12).
+ */
+export const MONTH_MIN = 1;
+export const MONTH_MAX = 12;
+export const MonthInt = z.number().int().min(MONTH_MIN).max(MONTH_MAX);
+/**
+ * Format a pet date with variable precision.
+ *
+ * @example
+ * formatPetDate(2020) // "2020"
+ * formatPetDate(2020, 3) // "March 2020"
+ * formatPetDate(2020, 3, 15) // "March 15, 2020"
+ */
+export function formatPetDate(year, month, day) {
+    if (!month)
+        return String(year);
+    const monthName = MONTH_NAMES[month - 1];
+    if (!day)
+        return `${monthName} ${year}`;
+    return `${monthName} ${day}, ${year}`;
+}

package/dist/src/theme.d.ts

@@ -0,0 +1,224 @@
+import { ActivityType } from "./enums.js";
+export declare const palette: {
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+    readonly gray: {
+        readonly 100: "#f3f4f6";
+        readonly 200: "#e5e7eb";
+        readonly 400: "#9ca3af";
+        readonly 500: "#6b7280";
+        readonly 600: "#4b5563";
+        readonly 700: "#374151";
+        readonly 800: "#1f2937";
+        readonly 900: "#111827";
+    };
+    readonly purple: {
+        readonly 100: "#f3e8ff";
+        readonly 300: "#d8b4fe";
+        readonly 400: "#a78bfa";
+        readonly 500: "#8b5cf6";
+        readonly 600: "#7c3aed";
+        readonly 900: "#4c1d95";
+    };
+    readonly pink: {
+        readonly 300: "#f9a8d4";
+        readonly 500: "#ec4899";
+        readonly 900: "#831843";
+    };
+    readonly orange: {
+        readonly 300: "#fdba74";
+        readonly 500: "#f97316";
+    };
+    readonly green: {
+        readonly 500: "#22c55e";
+    };
+    readonly red: {
+        readonly 500: "#ef4444";
+    };
+    readonly yellow: {
+        readonly 400: "#facc15";
+        readonly 500: "#eab308";
+    };
+    readonly blue: {
+        readonly 500: "#3b82f6";
+    };
+    readonly amber: {
+        readonly 500: "#f59e0b";
+    };
+    readonly cyan: {
+        readonly 500: "#06b6d4";
+    };
+    readonly teal: {
+        readonly 500: "#14b8a6";
+    };
+    readonly indigo: {
+        readonly 500: "#6366f1";
+    };
+};
+export declare const semantic: {
+    readonly light: {
+        readonly background: "#ffffff";
+        readonly backgroundSubtle: "#f3f4f6";
+        readonly card: "#ffffff";
+        readonly gradientFrom: "#a78bfa";
+        readonly gradientVia: "#f9a8d4";
+        readonly gradientTo: "#fdba74";
+        readonly textPrimary: "#1f2937";
+        readonly textSecondary: "#6b7280";
+        readonly textMuted: "#9ca3af";
+        readonly textInverse: "#ffffff";
+        readonly textOnGradient: "#ffffff";
+        readonly accentPrimary: "#7c3aed";
+        readonly accentSecondary: "#ec4899";
+        readonly success: "#22c55e";
+        readonly destructive: "#ef4444";
+        readonly destructiveSubtle: "#fef2f2";
+        readonly border: "#e5e7eb";
+        readonly borderStrong: "#9ca3af";
+        readonly buttonPrimary: "#7c3aed";
+        readonly buttonPrimaryText: "#ffffff";
+        readonly buttonSecondary: "#ffffff";
+        readonly buttonSecondaryText: "#7c3aed";
+        readonly pressedOverlay: "rgba(0,0,0,0.1)";
+        readonly avatarGradientFrom: "rgba(167, 139, 250, 0.25)";
+        readonly avatarGradientTo: "rgba(249, 168, 212, 0.25)";
+    };
+    readonly dark: {
+        readonly background: "#111827";
+        readonly backgroundSubtle: "#1f2937";
+        readonly card: "#252033";
+        readonly gradientFrom: "#111827";
+        readonly gradientVia: "#4c1d95";
+        readonly gradientTo: "#831843";
+        readonly textPrimary: "#e5e7eb";
+        readonly textSecondary: "#9ca3af";
+        readonly textMuted: "#6b7280";
+        readonly textInverse: "#111827";
+        readonly textOnGradient: "#e5e7eb";
+        readonly accentPrimary: "#a78bfa";
+        readonly accentSecondary: "#ec4899";
+        readonly success: "#22c55e";
+        readonly destructive: "#ef4444";
+        readonly destructiveSubtle: "#450a0a";
+        readonly border: "#4b5563";
+        readonly borderStrong: "#9ca3af";
+        readonly buttonPrimary: "#8b5cf6";
+        readonly buttonPrimaryText: "#ffffff";
+        readonly buttonSecondary: "#1f2937";
+        readonly buttonSecondaryText: "#a78bfa";
+        readonly pressedOverlay: "rgba(255,255,255,0.1)";
+        readonly avatarGradientFrom: "rgba(139, 92, 246, 0.15)";
+        readonly avatarGradientTo: "rgba(236, 72, 153, 0.15)";
+    };
+};
+export declare const activityTypeColors: Record<ActivityType, string>;
+export declare const appSections: readonly ["achievements", "photos", "schedule"];
+export type AppSection = (typeof appSections)[number];
+export declare const appSectionColors: Record<AppSection, string>;
+export declare const cssVariables: {
+    readonly light: {
+        readonly "--color-background": "#ffffff";
+        readonly "--color-background-subtle": "#f3f4f6";
+        readonly "--color-card": "#ffffff";
+        readonly "--color-gradient-from": "#a78bfa";
+        readonly "--color-gradient-via": "#f9a8d4";
+        readonly "--color-gradient-to": "#fdba74";
+        readonly "--color-text-primary": "#1f2937";
+        readonly "--color-text-secondary": "#6b7280";
+        readonly "--color-text-muted": "#9ca3af";
+        readonly "--color-text-inverse": "#ffffff";
+        readonly "--color-text-on-gradient": "#ffffff";
+        readonly "--color-accent-primary": "#7c3aed";
+        readonly "--color-accent-secondary": "#ec4899";
+        readonly "--color-destructive": "#ef4444";
+        readonly "--color-destructive-subtle": "#fef2f2";
+        readonly "--color-border": "#e5e7eb";
+        readonly "--color-border-strong": "#9ca3af";
+        readonly "--color-button-primary": "#7c3aed";
+        readonly "--color-button-primary-text": "#ffffff";
+        readonly "--color-button-secondary": "#ffffff";
+        readonly "--color-button-secondary-text": "#7c3aed";
+    };
+    readonly dark: {
+        readonly "--color-background": "#111827";
+        readonly "--color-background-subtle": "#1f2937";
+        readonly "--color-card": "#252033";
+        readonly "--color-gradient-from": "#111827";
+        readonly "--color-gradient-via": "#4c1d95";
+        readonly "--color-gradient-to": "#831843";
+        readonly "--color-text-primary": "#e5e7eb";
+        readonly "--color-text-secondary": "#9ca3af";
+        readonly "--color-text-muted": "#6b7280";
+        readonly "--color-text-inverse": "#111827";
+        readonly "--color-text-on-gradient": "#e5e7eb";
+        readonly "--color-accent-primary": "#a78bfa";
+        readonly "--color-accent-secondary": "#ec4899";
+        readonly "--color-destructive": "#ef4444";
+        readonly "--color-destructive-subtle": "#450a0a";
+        readonly "--color-border": "#4b5563";
+        readonly "--color-border-strong": "#9ca3af";
+        readonly "--color-button-primary": "#8b5cf6";
+        readonly "--color-button-primary-text": "#ffffff";
+        readonly "--color-button-secondary": "#1f2937";
+        readonly "--color-button-secondary-text": "#a78bfa";
+    };
+};
+export declare const extendColors: {
+    readonly "section-photos": string;
+    readonly "section-achievements": string;
+    readonly "section-schedule": string;
+    readonly "activity-WALK": string;
+    readonly "activity-MEAL": string;
+    readonly "activity-BATHROOM": string;
+    readonly "activity-TREAT": string;
+    readonly "activity-PLAYTIME": string;
+    readonly "activity-MEDICATION": string;
+    readonly "activity-VET_APPOINTMENT": string;
+    readonly "activity-GROOMING": string;
+    readonly "activity-BATH": string;
+    readonly "activity-NAIL_TRIM": string;
+    readonly background: "var(--color-background)";
+    readonly "background-subtle": "var(--color-background-subtle)";
+    readonly card: "var(--color-card)";
+    readonly "text-primary": "var(--color-text-primary)";
+    readonly "text-secondary": "var(--color-text-secondary)";
+    readonly "text-muted": "var(--color-text-muted)";
+    readonly "text-inverse": "var(--color-text-inverse)";
+    readonly "text-on-gradient": "var(--color-text-on-gradient)";
+    readonly "accent-primary": "var(--color-accent-primary)";
+    readonly "accent-secondary": "var(--color-accent-secondary)";
+    readonly destructive: "var(--color-destructive)";
+    readonly "destructive-subtle": "var(--color-destructive-subtle)";
+    readonly border: "var(--color-border)";
+    readonly "border-strong": "var(--color-border-strong)";
+    readonly "button-primary": "var(--color-button-primary)";
+    readonly "button-primary-text": "var(--color-button-primary-text)";
+    readonly "button-secondary": "var(--color-button-secondary)";
+    readonly "button-secondary-text": "var(--color-button-secondary-text)";
+};
+export declare const tw: {
+    readonly screenCenter: "flex-1 items-center justify-center";
+    readonly container: "flex-1 p-6";
+    readonly pageCenter: "flex min-h-screen flex-col items-center justify-center";
+    readonly pageContent: "flex min-h-screen flex-col items-center justify-center gap-8 p-8";
+    readonly storeButton: "rounded-lg bg-accent-primary px-6 py-3 text-text-inverse hover:opacity-90";
+    readonly background: "bg-background";
+    readonly backgroundSubtle: "bg-background-subtle";
+    readonly card: "bg-card rounded-xl";
+    readonly cardPadded: "bg-card rounded-xl p-4";
+    readonly textPrimary: "text-text-primary";
+    readonly textSecondary: "text-text-secondary";
+    readonly textMuted: "text-text-muted";
+    readonly textInverse: "text-text-inverse";
+    readonly textOnGradient: "text-text-on-gradient";
+    readonly heading: "text-text-primary text-2xl font-bold";
+    readonly subheading: "text-text-primary text-xl font-semibold";
+    readonly title: "text-text-primary text-3xl font-bold";
+    readonly accentPrimary: "text-accent-primary";
+    readonly accentSecondary: "text-accent-secondary";
+    readonly bgAccentPrimary: "bg-accent-primary";
+    readonly bgAccentSecondary: "bg-accent-secondary";
+    readonly buttonPrimary: "bg-button-primary text-button-primary-text px-6 py-3 rounded-full font-semibold";
+    readonly buttonSecondary: "bg-button-secondary text-button-secondary-text px-6 py-3 rounded-full font-semibold border border-accent-primary";
+    readonly gradientBg: "bg-gradient-to-br from-[var(--color-gradient-from)] via-[var(--color-gradient-via)] to-[var(--color-gradient-to)]";
+};