publisher-dashboard/CLAUDE.md

Claude Code Notes

Development Server

Before starting the dev server, check if it's already running:

• Use lsof -i :6827 or check for existing background tasks
• The dev server runs on port 6827 (may fall back to 6828 if port is in use)
• Start with bun run --cwd apps/publisher-dashboard dev or devenv up

macOS sed Syntax

macOS uses BSD sed which differs from GNU sed:

• In-place edit requires empty string for backup: sed -i '' 's/old/new/g' file
• GNU sed (Linux): sed -i 's/old/new/g' file
• Use | as delimiter when patterns contain /: sed -i '' 's|old/path|new/path|g' file
• For multiple files: for f in *.txt; do sed -i '' 's/old/new/g' "$f"; done

SvelteKit resolve() Usage

Use resolve() from $app/paths for type-safe navigation. The patterns are:

Static routes - use resolve() directly

href={resolve("/auth/login")}
href={resolve("/dashboard")}

Dynamic routes - use two-argument form

href={resolve("/dashboard/[slug]", { slug: orgSlug })}
href={resolve("/account/org-invites/[inviteId]", { inviteId: String(invite.id) })}

Login redirects - use gotoLogin helper

For redirecting to login with a return URL, use the helper from $lib/utils/navigation:

import { gotoLogin } from "$lib/utils/navigation";

gotoLogin(page.url.pathname);

This helper uses resolve() internally and handles the query string correctly.

Navigation arrays - use as const with route patterns

For type-safe navigation arrays, define routes as literal strings with as const:

const navItems = [
  { route: "/dashboard/[slug]/settings", icon: Settings, label: "General" },
  { route: "/dashboard/[slug]/settings/members", icon: Users, label: "Members" },
] as const;

Then use resolve with params:

{#each navItems as item (item.route)}
  <a href={resolve(item.route, { slug })}>
{/each}

Runtime strings - skip resolve, use eslint-disable

When paths are fully dynamic (e.g., server-provided redirects), skip resolve:

// eslint-disable-next-line svelte/no-navigation-without-resolve
goto(redirectUrl);