Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\nAlways import utilities with version pins to avoid breaking changes:\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n1. **parseProject** - Extract information about the current project from import.meta.url:\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\n2. **readFile** - Read files from within the project:\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n3. **serveFile** - Serve project files with proper content types:\n```ts\n// Serve a file from the project with proper Content-Type header\napp.get(\"/public/style.css\", c => serveFile(\"/frontend/style.css\", import.meta.url));\n```\n\n4. **listFiles** - List all files in the project:\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n5. **fetchTranspiledJavaScript** - Fetch and transpile TypeScript to JavaScript:\n```ts\nconst jsCode = await fetchTranspiledJavaScript(\"https://esm.town/v/username/project/path/to/file.ts\");\n```\n\n6. **testServer** - Create a test server for running test suites:\n```ts\nexport default testServer([\n {\n name: \"Feature Tests\",\n tests: [\n {\n name: \"should add numbers correctly\",\n function: () => {\n expect(1 + 1).toBe(2);\n },\n }\n ],\n }\n]);\n```\n\n## Val Town Platform Specifics\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- For AI-generated images, use: `https://maxm-imggenurl.web.val.run/the-description-of-your-image`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link with `import.meta.url.replace(\"esm.town\", \"val.town\")` and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; avoid catches that merely log or return 500s - let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` and minimize their use - prefer APIs without keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- For persistence, use Val Town SQLite or Blob storage with `import.meta.url` for keys/table names\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and include the `@jsxImportSource` pragma\n- When facing client-side render issues, check if all React dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n- Hono is the recommended API framework (similar to Express, Flask, or Sinatra)\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n // Use the serveFile utility to handle content types automatically\n app.get(\"/public/*\", c => serveFile(c.req.path.replace(\"/public\", \"/frontend\"), import.meta.url));\n\n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Be careful with error handling as Hono tends to swallow errors\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Frontend Best Practices\n- Structure as a standard client-side React app\n- Use SVG for favicons (Val Town only supports text files)\n- Separate components into individual files\n- Access bootstrapped data from `window.__INITIAL_DATA__`\n- Use React 18.2.0 consistently in all imports and the `@jsxImportSource` pragma\n- Follow the React component pattern from the example project\n- Handle API calls properly with proper error catching\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n- Follow the queries and migrations pattern from the example\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:**\n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n - Properly handle CORS if needed for external access",[],[261],"aa50c494-3d8b-11f0-9747-76b3cceeab13","types.ts","65e7fd43-91ae-4e09-b655-a243a6e09a7a","99032ce8-3d86-4fd1-a499-175ed9093e96",["D",1748633051486],"script","export interface Memory {\n id: string;\n date: string;\n text: string;\n tags: string | null;\n\n // New fields from schema\n createdBy?: string;\n createdDate?: number;\n}\n\n// Kroger OAuth and User types\nexport interface KrogerUser {\n id: string;\n krogerProfileId: string;\n accessToken: string;\n refreshToken: string;\n tokenExpiresAt: number;\n preferredLocationId?: string;\n createdAt: number;\n updatedAt: number;\n}\n\nexport interface KrogerTokenResponse {\n access_token: string;\n token_type: string;\n expires_in: number;\n refresh_token: string;\n}\n\nexport interface KrogerProfileResponse {\n data: {\n id: string;\n };\n meta: {\n pagination: {\n total: number;\n start: number;\n limit: number;\n };\n warnings: string[];\n };\n}\n\nexport interface Guidance {\n id: string;\n userId: string;\n itemName: string;\n guidance: string;\n createdAt: number;\n updatedAt: number;\n}\n\nexport interface Selection {\n id: string;\n userId: string;\n itemName: string;\n upc: string;\n productName: string;\n createdAt: number;\n updatedAt: number;\n}\n",[],[276,268],"shared","aa50c7a0-3d8b-11f0-9747-76b3cceeab13",["D",1748633051486],[249],[276],"aa50b5f8-3d8b-11f0-9747-76b3cceeab13","index.html","af6584f7-e465-4aec-ae10-3cd6d0fdbe4d","a0ec69ad-c080-47a0-ac8a-98b5fa7d9e3c",["D",1748633051486],"\n\n \n \n \n Personal Shopper - Kroger Integration\n \n \n \n \n

\n\n \n \n",[],[289,282],"frontend","aa50c2fa-3d8b-11f0-9747-76b3cceeab13",["D",1748633051486],[247],[289],["D",1748633051486],[],[18,88],["D",1748633051486],[],[18,100],["D",1748633051486],[],[18,105],["D",1748633051486],[],[18,94],["D",1748633051486],[],[18,77],["D",1748633051486],[241,242,243,244,245],[18],"aa509208-3d8b-11f0-9747-76b3cceeab13","index.ts","fee87468-1560-4931-af1e-7ac0a47b682e",["D",1748633051486],"http","import { nanoid } from \"https://esm.sh/nanoid@5.0.5\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { deleteCookie, getCookie, getSignedCookie, setCookie, setSignedCookie } from \"npm:hono/cookie\";\n\nimport {\n createGuidance,\n createSelection,\n createUser,\n deleteGuidance,\n deleteSelection,\n getGuidanceByUserId,\n getSelectionByUserAndItem,\n getSelectionsByUserId,\n getUserById,\n getUserByKrogerProfileId,\n searchGuidance,\n updateGuidance,\n updateSelection,\n updateUserLocation,\n updateUserTokens,\n} from \"./database/krogerQueries.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { KrogerAuthService } from \"./services/krogerAuth.ts\";\n\nconst app = new Hono();\n\n// Initialize database on startup\nawait runMigrations();\n\n// Initialize Kroger Auth Service\nconst krogerAuth = new KrogerAuthService();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Error in Hono route:\", err);\n return c.json({ error: \"Internal Server Error\", details: err.message }, 500);\n});\n\n// Middleware to get current user from session\nasync function getCurrentUser(c: any) {\n const sessionId = getSignedCookie(c, Deno.env.get(\"SESSION_SECRET\"), \"session_id\");\n if (!sessionId) return null;\n\n try {\n return await getUserById(sessionId);\n } catch (error) {\n console.error(\"Error getting current user:\", error);\n return null;\n }\n}\n\nfunction cookieCtx(c) {\n // I don't know why setCookie/deleteCookie don't work, but this shim will do for now\n const fakeContext = {\n header(k: string, v: string) {\n c.res.headers.append(k, v);\n },\n req: c.req,\n };\n return fakeContext;\n}\n\n// --- OAuth Routes ---\n\n// Start OAuth flow\napp.get(\"/auth/login\", (c) => {\n if (!krogerAuth.isConfigured()) {\n return c.json({\n error: \"OAuth not configured\",\n message: \"Please set KROGER_CLIENT_ID, KROGER_CLIENT_SECRET, and KROGER_REDIRECT_URI environment variables\",\n }, 500);\n }\n\n const state = nanoid(16);\n // This is not working for some reason. Maybe because it's a 302?\n setCookie(cookieCtx(c), \"oauth_state\", state, {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\n maxAge: 600, // 10 minutes\n });\n\n const authUrl = krogerAuth.getAuthorizationUrl(state);\n c.res.headers.append(\"Location\", authUrl);\n\n return new Response(null, {\n status: 302,\n headers: c.res.headers,\n });\n});\n\n// OAuth callback\napp.get(\"/auth/callback\", async (c) => {\n const code = c.req.query(\"code\");\n const state = c.req.query(\"state\");\n const storedState = getCookie(c, \"oauth_state\");\n\n if (!code) {\n return c.json({ error: \"Authorization code not provided\" }, 400);\n }\n\n if (!state || state !== storedState) {\n return c.json({ error: \"Invalid state parameter\" }, 400);\n }\n\n try {\n // Exchange code for token\n const tokenResponse = await krogerAuth.exchangeCodeForToken(code);\n\n // Get user profile\n const profileResponse = await krogerAuth.getUserProfile(tokenResponse.access_token);\n const krogerProfileId = profileResponse.data.id;\n\n // Check if user exists\n let user = await getUserByKrogerProfileId(krogerProfileId);\n\n if (user) {\n // Update existing user's tokens\n await updateUserTokens(\n user.id,\n tokenResponse.access_token,\n tokenResponse.refresh_token,\n tokenResponse.expires_in,\n );\n user = await getUserById(user.id);\n } else {\n // Create new user\n user = await createUser({\n krogerProfileId,\n accessToken: tokenResponse.access_token,\n refreshToken: tokenResponse.refresh_token,\n tokenExpiresAt: Date.now() + (tokenResponse.expires_in * 1000),\n });\n }\n\n // Set session cookie\n setSignedCookie(cookieCtx(c), \"session_id\", user!.id, Deno.env.get(\"SESSION_SECRET\"), {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\n maxAge: 30 * 24 * 60 * 60, // 30 days\n });\n\n // Clear OAuth state\n deleteCookie(cookieCtx(c), \"oauth_state\");\n c.res.headers.append(\"Location\", \"/\");\n\n // Redirect to dashboard\n return new Response(null, {\n status: 302,\n headers: c.res.headers,\n });\n } catch (error) {\n console.error(\"OAuth callback error:\", error);\n return c.json({ error: \"Authentication failed\", details: error.message }, 500);\n }\n});\n\n// Logout\napp.post(\"/auth/logout\", (c) => {\n deleteCookie(c, \"session_id\");\n return c.json({ success: true });\n});\n\n// Get current user info\napp.get(\"/api/user\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n // Don't return sensitive token information\n return c.json({\n id: user.id,\n krogerProfileId: user.krogerProfileId,\n preferredLocationId: user.preferredLocationId,\n createdAt: user.createdAt,\n });\n});\n\n// Update user location\napp.put(\"/api/user/location\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const { locationId } = await c.req.json();\n if (!locationId) {\n return c.json({ error: \"Location ID is required\" }, 400);\n }\n\n await updateUserLocation(user.id, locationId);\n return c.json({ success: true });\n});\n\n// --- Guidance Routes ---\n\n// Get all guidance for current user\napp.get(\"/api/guidance\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const guidance = await getGuidanceByUserId(user.id);\n return c.json(guidance);\n});\n\n// Search guidance\napp.get(\"/api/guidance/search\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const itemName = c.req.query(\"q\");\n if (!itemName) {\n return c.json({ error: \"Search query is required\" }, 400);\n }\n\n const guidance = await searchGuidance(user.id, itemName);\n return c.json(guidance);\n});\n\n// Create guidance\napp.post(\"/api/guidance\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const { itemName, guidance } = await c.req.json();\n if (!itemName || !guidance) {\n return c.json({ error: \"Item name and guidance are required\" }, 400);\n }\n\n const newGuidance = await createGuidance({\n userId: user.id,\n itemName,\n guidance,\n });\n\n return c.json(newGuidance, 201);\n});\n\n// Update guidance\napp.put(\"/api/guidance/:id\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const id = c.req.param(\"id\");\n const updates = await c.req.json();\n\n await updateGuidance(id, updates);\n return c.json({ success: true });\n});\n\n// Delete guidance\napp.delete(\"/api/guidance/:id\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const id = c.req.param(\"id\");\n await deleteGuidance(id);\n return c.json({ success: true });\n});\n\n// --- Selection Routes ---\n\n// Get all selections for current user\napp.get(\"/api/selections\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const selections = await getSelectionsByUserId(user.id);\n return c.json(selections);\n});\n\n// Get selection by item name\napp.get(\"/api/selections/item/:itemName\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const itemName = decodeURIComponent(c.req.param(\"itemName\"));\n const selection = await getSelectionByUserAndItem(user.id, itemName);\n\n if (!selection) {\n return c.json({ error: \"Selection not found\" }, 404);\n }\n\n return c.json(selection);\n});\n\n// Create or update selection\napp.post(\"/api/selections\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const { itemName, upc, productName } = await c.req.json();\n if (!itemName || !upc || !productName) {\n return c.json({ error: \"Item name, UPC, and product name are required\" }, 400);\n }\n\n const selection = await createSelection({\n userId: user.id,\n itemName,\n upc,\n productName,\n });\n\n return c.json(selection, 201);\n});\n\n// Update selection\napp.put(\"/api/selections/:id\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const id = c.req.param(\"id\");\n const updates = await c.req.json();\n\n await updateSelection(id, updates);\n return c.json({ success: true });\n});\n\n// Delete selection\napp.delete(\"/api/selections/:id\", async (c) => {\n const user = await getCurrentUser(c);\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const id = c.req.param(\"id\");\n await deleteSelection(id);\n return c.json({ success: true });\n});\n\n// --- Static File Serving ---\n\n// Serve index.html at the root\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Check if user is authenticated and inject user data\n const user = await getCurrentUser(c);\n if (user) {\n const userData = {\n id: user.id,\n krogerProfileId: user.krogerProfileId,\n preferredLocationId: user.preferredLocationId,\n createdAt: user.createdAt,\n };\n\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n }\n\n return c.html(html);\n});\n\n// Serve frontend files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\nexport default app.fetch;",[],[320,313],"backend","aa508ccc-3d8b-11f0-9747-76b3cceeab13","krogerAuth.ts","dc88c7ab-ff8f-4f03-9f5f-4a4eae36e17d","268132c0-a6bc-4d45-83cf-6092658bf451",["D",1748633051486],"import { KrogerTokenResponse, KrogerProfileResponse } from \"../../shared/types.ts\";\n\nconst KROGER_BASE_URL = \"https://api.kroger.com\";\n\nexport class KrogerAuthService {\n private clientId: string;\n private clientSecret: string;\n private redirectUri: string;\n\n constructor() {\n this.clientId = Deno.env.get(\"KROGER_CLIENT_ID\") || \"\";\n this.clientSecret = Deno.env.get(\"KROGER_CLIENT_SECRET\") || \"\";\n this.redirectUri = Deno.env.get(\"KROGER_REDIRECT_URI\") || \"\";\n\n if (!this.clientId || !this.clientSecret || !this.redirectUri) {\n console.warn(\"Missing Kroger OAuth environment variables. OAuth features will be disabled.\");\n console.warn(\"Required variables: KROGER_CLIENT_ID, KROGER_CLIENT_SECRET, KROGER_REDIRECT_URI\");\n }\n }\n\n /**\n * Check if OAuth is properly configured\n */\n isConfigured(): boolean {\n return !!(this.clientId && this.clientSecret && this.redirectUri);\n }\n\n /**\n * Generate the authorization URL for the OAuth flow\n */\n getAuthorizationUrl(state?: string): string {\n const params = new URLSearchParams({\n client_id: this.clientId,\n redirect_uri: this.redirectUri,\n response_type: \"code\",\n scope: \"profile.compact cart.basic:write product.compact\",\n ...(state && { state }),\n });\n\n return `${KROGER_BASE_URL}/v1/connect/oauth2/authorize?${params.toString()}`;\n }\n\n /**\n * Exchange authorization code for access token\n */\n async exchangeCodeForToken(code: string): Promise {\n const credentials = btoa(`${this.clientId}:${this.clientSecret}`);\n \n const response = await fetch(`${KROGER_BASE_URL}/v1/connect/oauth2/token`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Basic ${credentials}`,\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n },\n body: new URLSearchParams({\n grant_type: \"authorization_code\",\n code,\n redirect_uri: this.redirectUri,\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Token exchange failed: ${response.status} ${errorText}`);\n }\n\n return await response.json() as KrogerTokenResponse;\n }\n\n /**\n * Refresh an expired access token\n */\n async refreshToken(refreshToken: string): Promise {\n const credentials = btoa(`${this.clientId}:${this.clientSecret}`);\n \n const response = await fetch(`${KROGER_BASE_URL}/v1/connect/oauth2/token`, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Basic ${credentials}`,\n \"Content-Type\": \"application/x-www-form-urlencoded\",\n },\n body: new URLSearchParams({\n grant_type: \"refresh_token\",\n refresh_token: refreshToken,\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Token refresh failed: ${response.status} ${errorText}`);\n }\n\n return await response.json() as KrogerTokenResponse;\n }\n\n /**\n * Get user profile information\n */\n async getUserProfile(accessToken: string): Promise {\n const response = await fetch(`${KROGER_BASE_URL}/v1/identity/profile`, {\n headers: {\n \"Authorization\": `Bearer ${accessToken}`,\n \"Accept\": \"application/json\",\n },\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Profile fetch failed: ${response.status} ${errorText}`);\n }\n\n return await response.json() as KrogerProfileResponse;\n }\n\n /**\n * Check if a token is expired (with 5 minute buffer)\n */\n isTokenExpired(expiresAt: number): boolean {\n const bufferMs = 5 * 60 * 1000; // 5 minutes\n return Date.now() >= (expiresAt - bufferMs);\n }\n\n /**\n * Get a valid access token, refreshing if necessary\n */\n async getValidAccessToken(\n currentToken: string,\n refreshToken: string,\n expiresAt: number\n ): Promise<{ accessToken: string; refreshToken: string; expiresIn: number } | null> {\n if (!this.isTokenExpired(expiresAt)) {\n return {\n accessToken: currentToken,\n refreshToken,\n expiresIn: Math.floor((expiresAt - Date.now()) / 1000),\n };\n }\n\n try {\n const tokenResponse = await this.refreshToken(refreshToken);\n return {\n accessToken: tokenResponse.access_token,\n refreshToken: tokenResponse.refresh_token,\n expiresIn: tokenResponse.expires_in,\n };\n } catch (error) {\n console.error(\"Failed to refresh token:\", error);\n return null;\n }\n }\n}",[],[320,329,322],"services","aa5090dc-3d8b-11f0-9747-76b3cceeab13",["D",1748633051486],[238],[320,329],"aa508858-3d8b-11f0-9747-76b3cceeab13","migrations.ts","dbff31ff-790c-4dc5-929b-9e79c005a25b","056d0904-adfc-465a-b104-0e003c3916af",["D",1748633051486],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - change these when modifying schemas\nconst USERS_TABLE = \"kroger_users_1\";\nconst GUIDANCE_TABLE = \"guidance_1\";\nconst SELECTIONS_TABLE = \"selections_1\";\n\nexport async function runMigrations() {\n // Create users table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${USERS_TABLE} (\n id TEXT PRIMARY KEY,\n krogerProfileId TEXT UNIQUE NOT NULL,\n accessToken TEXT NOT NULL,\n refreshToken TEXT NOT NULL,\n tokenExpiresAt INTEGER NOT NULL,\n preferredLocationId TEXT,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL\n )\n `);\n\n // Create guidance table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${GUIDANCE_TABLE} (\n id TEXT PRIMARY KEY,\n userId TEXT NOT NULL,\n itemName TEXT NOT NULL,\n guidance TEXT NOT NULL,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL,\n FOREIGN KEY (userId) REFERENCES ${USERS_TABLE}(id) ON DELETE CASCADE\n )\n `);\n\n // Create selections table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${SELECTIONS_TABLE} (\n id TEXT PRIMARY KEY,\n userId TEXT NOT NULL,\n itemName TEXT NOT NULL,\n upc TEXT NOT NULL,\n productName TEXT NOT NULL,\n createdAt INTEGER NOT NULL,\n updatedAt INTEGER NOT NULL,\n FOREIGN KEY (userId) REFERENCES ${USERS_TABLE}(id) ON DELETE CASCADE,\n UNIQUE(userId, itemName)\n )\n `);\n\n // Create indexes for better performance\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_guidance_user_item \n ON ${GUIDANCE_TABLE}(userId, itemName)\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_selections_user_item \n ON ${SELECTIONS_TABLE}(userId, itemName)\n `);\n}\n\nexport { USERS_TABLE, GUIDANCE_TABLE, SELECTIONS_TABLE };",[],[320,342,335],"database","aa50306a-3d8b-11f0-9747-76b3cceeab13","krogerQueries.ts","bd3c8a59-2c7c-4a14-974c-4a97d9f9bb3f",["D",1748633051486],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { nanoid } from \"https://esm.sh/nanoid@5.0.5\";\nimport { KrogerUser, Guidance, Selection } from \"../../shared/types.ts\";\nimport { USERS_TABLE, GUIDANCE_TABLE, SELECTIONS_TABLE } from \"./migrations.ts\";\n\n// User queries\nexport async function createUser(userData: Omit): Promise {\n const id = nanoid(10);\n const now = Date.now();\n \n const user: KrogerUser = {\n ...userData,\n id,\n createdAt: now,\n updatedAt: now,\n };\n\n await sqlite.execute(`\n INSERT INTO ${USERS_TABLE} \n (id, krogerProfileId, accessToken, refreshToken, tokenExpiresAt, preferredLocationId, createdAt, updatedAt)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)\n `, [\n user.id,\n user.krogerProfileId,\n user.accessToken,\n user.refreshToken,\n user.tokenExpiresAt,\n user.preferredLocationId || null,\n user.createdAt,\n user.updatedAt,\n ]);\n\n return user;\n}\n\nexport async function getUserByKrogerProfileId(krogerProfileId: string): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${USERS_TABLE} WHERE krogerProfileId = ?\n `, [krogerProfileId]);\n\n if (result.rows.length === 0) return null;\n\n const row = result.rows[0];\n return {\n id: row.id as string,\n krogerProfileId: row.krogerProfileId as string,\n accessToken: row.accessToken as string,\n refreshToken: row.refreshToken as string,\n tokenExpiresAt: row.tokenExpiresAt as number,\n preferredLocationId: row.preferredLocationId as string | undefined,\n createdAt: row.createdAt as number,\n updatedAt: row.updatedAt as number,\n };\n}\n\nexport async function getUserById(id: string): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${USERS_TABLE} WHERE id = ?\n `, [id]);\n\n if (result.rows.length === 0) return null;\n\n const row = result.rows[0];\n return {\n id: row.id as string,\n krogerProfileId: row.krogerProfileId as string,\n accessToken: row.accessToken as string,\n refreshToken: row.refreshToken as string,\n tokenExpiresAt: row.tokenExpiresAt as number,\n preferredLocationId: row.preferredLocationId as string | undefined,\n createdAt: row.createdAt as number,\n updatedAt: row.updatedAt as number,\n };\n}\n\nexport async function updateUserTokens(\n userId: string, \n accessToken: string, \n refreshToken: string, \n expiresIn: number\n): Promise {\n const tokenExpiresAt = Date.now() + (expiresIn * 1000);\n const updatedAt = Date.now();\n\n await sqlite.execute(`\n UPDATE ${USERS_TABLE} \n SET accessToken = ?, refreshToken = ?, tokenExpiresAt = ?, updatedAt = ?\n WHERE id = ?\n `, [accessToken, refreshToken, tokenExpiresAt, updatedAt, userId]);\n}\n\nexport async function updateUserLocation(userId: string, locationId: string): Promise {\n const updatedAt = Date.now();\n\n await sqlite.execute(`\n UPDATE ${USERS_TABLE} \n SET preferredLocationId = ?, updatedAt = ?\n WHERE id = ?\n `, [locationId, updatedAt, userId]);\n}\n\n// Guidance queries\nexport async function createGuidance(guidanceData: Omit): Promise {\n const id = nanoid(10);\n const now = Date.now();\n \n const guidance: Guidance = {\n ...guidanceData,\n id,\n createdAt: now,\n updatedAt: now,\n };\n\n await sqlite.execute(`\n INSERT INTO ${GUIDANCE_TABLE} \n (id, userId, itemName, guidance, createdAt, updatedAt)\n VALUES (?, ?, ?, ?, ?, ?)\n `, [\n guidance.id,\n guidance.userId,\n guidance.itemName,\n guidance.guidance,\n guidance.createdAt,\n guidance.updatedAt,\n ]);\n\n return guidance;\n}\n\nexport async function getGuidanceByUserId(userId: string): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${GUIDANCE_TABLE} WHERE userId = ? ORDER BY updatedAt DESC\n `, [userId]);\n\n return result.rows.map(row => ({\n id: row.id as string,\n userId: row.userId as string,\n itemName: row.itemName as string,\n guidance: row.guidance as string,\n createdAt: row.createdAt as number,\n updatedAt: row.updatedAt as number,\n }));\n}\n\nexport async function searchGuidance(userId: string, itemName: string): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${GUIDANCE_TABLE} \n WHERE userId = ? AND (itemName LIKE ? OR guidance LIKE ?)\n ORDER BY \n CASE WHEN itemName LIKE ? THEN 1 ELSE 2 END,\n updatedAt DESC\n `, [userId, `%${itemName}%`, `%${itemName}%`, `%${itemName}%`]);\n\n return result.rows.map(row => ({\n id: row.id as string,\n userId: row.userId as string,\n itemName: row.itemName as string,\n guidance: row.guidance as string,\n createdAt: row.createdAt as number,\n updatedAt: row.updatedAt as number,\n }));\n}\n\nexport async function updateGuidance(id: string, updates: Partial>): Promise {\n const fields = Object.keys(updates);\n const values = Object.values(updates);\n \n if (fields.length === 0) return;\n\n const setClause = fields.map(field => `${field} = ?`).join(\", \");\n const updatedAt = Date.now();\n\n await sqlite.execute(`\n UPDATE ${GUIDANCE_TABLE} \n SET ${setClause}, updatedAt = ?\n WHERE id = ?\n `, [...values, updatedAt, id]);\n}\n\nexport async function deleteGuidance(id: string): Promise {\n await sqlite.execute(`DELETE FROM ${GUIDANCE_TABLE} WHERE id = ?`, [id]);\n}\n\n// Selection queries\nexport async function createSelection(selectionData: Omit): Promise {\n const id = nanoid(10);\n const now = Date.now();\n \n const selection: Selection = {\n ...selectionData,\n id,\n createdAt: now,\n updatedAt: now,\n };\n\n await sqlite.execute(`\n INSERT OR REPLACE INTO ${SELECTIONS_TABLE} \n (id, userId, itemName, upc, productName, createdAt, updatedAt)\n VALUES (?, ?, ?, ?, ?, ?, ?)\n `, [\n selection.id,\n selection.userId,\n selection.itemName,\n selection.upc,\n selection.productName,\n selection.createdAt,\n selection.updatedAt,\n ]);\n\n return selection;\n}\n\nexport async function getSelectionByUserAndItem(userId: string, itemName: string): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${SELECTIONS_TABLE} WHERE userId = ? AND itemName = ?\n `, [userId, itemName]);\n\n if (result.rows.length === 0) return null;\n\n const row = result.rows[0];\n return {\n id: row.id as string,\n userId: row.userId as string,\n itemName: row.itemName as string,\n upc: row.upc as string,\n productName: row.productName as string,\n createdAt: row.createdAt as number,\n updatedAt: row.updatedAt as number,\n };\n}\n\nexport async function getSelectionsByUserId(userId: string): Promise {\n const result = await sqlite.execute(`\n SELECT * FROM ${SELECTIONS_TABLE} WHERE userId = ? ORDER BY updatedAt DESC\n `, [userId]);\n\n return result.rows.map(row => ({\n id: row.id as string,\n userId: row.userId as string,\n itemName: row.itemName as string,\n upc: row.upc as string,\n productName: row.productName as string,\n createdAt: row.createdAt as number,\n updatedAt: row.updatedAt as number,\n }));\n}\n\nexport async function updateSelection(id: string, updates: Partial>): Promise {\n const fields = Object.keys(updates);\n const values = Object.values(updates);\n \n if (fields.length === 0) return;\n\n const setClause = fields.map(field => `${field} = ?`).join(\", \");\n const updatedAt = Date.now();\n\n await sqlite.execute(`\n UPDATE ${SELECTIONS_TABLE} \n SET ${setClause}, updatedAt = ?\n WHERE id = ?\n `, [...values, updatedAt, id]);\n}\n\nexport async function deleteSelection(id: string): Promise {\n await sqlite.execute(`DELETE FROM ${SELECTIONS_TABLE} WHERE id = ?`, [id]);\n}",[],[320,342,344],"aa508ace-3d8b-11f0-9747-76b3cceeab13",["D",1748633051486],[235,236],[320,342],"aa509d70-3d8b-11f0-9747-76b3cceeab13",["D",1748633051486],[234,237,239],[320],["D",1748633051486],{"_11":12,"_157":82},{"_11":12,"_153":-5,"_81":82,"_31":80,"_154":155,"_156":30},{"_39":40,"_13":16,"_33":36,"_142":109,"_143":72,"_144":145,"_146":113,"_147":148,"_149":150,"_151":14,"_152":12},"ctx",{"_52":-5,"_178":395,"_396":397,"_398":399,"_400":30,"_401":30,"_402":30,"_403":24,"_404":-5,"_405":-7,"_406":-7,"_407":26,"_408":30,"_409":30,"_410":-5,"_411":30,"_412":30,"_413":30,"_414":-5},"ENV",{"_366":367,"_368":369,"_370":16,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · docs