21 * Parse pagination parameters from URL
22 */
23export function getPaginationParams(url: URL): { page: number; pageSize: number } {
24 const page = parseInt(url.searchParams.get("page") || "1", 10);
25 const pageSize = parseInt(url.searchParams.get("pageSize") || "50", 10);
35 * Calculate pagination metadata
36 */
37export function calculatePagination(params: PaginationParams): PaginationResult {
38 const totalPages = Math.ceil(params.totalItems / params.pageSize);
39
51 * Generate SQL LIMIT and OFFSET clauses for pagination
52 */
53export function getPaginationSQL(page: number, pageSize: number): string {
54 const offset = (page - 1) * pageSize;
55 return `LIMIT ${pageSize} OFFSET ${offset}`;
59 * Generate HTML for pagination controls
60 */
61export function renderPaginationControls(pagination: PaginationResult, baseUrl: string): string {
62 const url = new URL(baseUrl);
63
64 // Function to generate page URL
65 const getPageUrl = (page: number) => {
66 url.searchParams.set("page", page.toString());
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2
3export function NotFoundRoute () {
4 return (
5 <div className="container">Page not found</div>
4import { useCreateProject } from "../hooks/useCreateProject.tsx";
5
6export function NewProjectRoute () {
7 const [name, setName] = useState("");
8 const [privacy, setPrivacy] = useState("public");
65]
66
67function PrivacyRadios ({
68 value,
69 onChange,
23});
24
25export function Messages ({
26 messages,
27 messageEndTimes,
58}
59
60function Message ({
61 message,
62 messageEndTimes,
86}
87
88function AssistantMessage ({ message, messageEndTimes, running }: {
89 message: Message;
90 messageEndTimes: Record<string, number>;
107}
108
109function Part ({ part }) {
110 switch (part.type) {
111 case "text":
122}
123
124function TextPart ({ part }) {
125 return (
126 <ReactMarkdown>
130}
131
132function Details ({ open, onClick, children, summary }) {
133 return (
134 <details
148}
149
150function ToolPart ({ part }) {
151 const { openSummaries, setOpenSummaries } = useContext(MessageContext);
152 const {
312}
313
314function EditorToolPart ({ part }) {
315 const { openSummaries, setOpenSummaries } = useContext(MessageContext);
316 const {
379}
380
381function UserMessage ({ message }: {
382 message: Message;
383}) {
11
12// server-side route for /login page
13function LoginRoute() {
14 return (
15 <html lang="en-us">
1/** @jsxImportSource https://esm.sh/react@18.2.0?dev */
2
3export function Loading () {
4 return (
5 <div className="muted">
10}
11
12export function renderLayout(content: string, options: LayoutOptions): string {
13 const { title, activeTab = "dashboard", scripts = [], styles = [] } = options;
14
209 // Default scripts
210 const defaultScripts = `
211 document.addEventListener('DOMContentLoaded', function() {
212 // Tab navigation
213 document.querySelectorAll('.tab').forEach(tab => {
214 tab.addEventListener('click', function(e) {
215 if (this.getAttribute('href') === '#') {
216 e.preventDefault();
3import { Header } from "./Header.tsx";
4
5export function LayoutRoute() {
6 return (
7 <>
1const PROD_BRANCHES = ["main"];
2
3export function isProdBranch() {
4 const url = import.meta.url;
5 const match = url.match(/@\d+-([^/]+)/);
8}
9
10export function getEnvVarName(name: string) {
11 return isProdBranch() ? name : `TEST_${name}`;
12}
5import { processFiles } from "../utils/images.ts";
6
7export function InputBox ({
8 value,
9 onChange,
94}
95
96export function ImageDropContainer ({
97 images,
98 setImages,
121}
122
123export function useImageDrop ({ images, setImages, running }: {
124 images: (string|null)[];
125 setImages(images: (string|null)[]) => void;
170}
171
172function ImageRow ({ images, setImages }: {
173 images: (string|null)[];
174 setImages: (images: (string|null)[]) => void;
192}
193
194function Thumbnail ({ image, onRemove }: {
195 image: string|null;
196 onRemove: () => void;
217}
218
219function UploadButton ({
220 images,
221 setImages,
