Skip to content

Fix production CSS assets before v0.2.0 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
gcharang merged 1 commit into from
Jul 27, 2026
Merged

Fix production CSS assets before v0.2.0 #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion apps/web/Dockerfile
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,8 @@ EXPOSE 3001
CMD ["pnpm", "--filter", "@vectorless-rag/web", "exec", "vite", "dev", "--host", "0.0.0.0", "--port", "3001"]

FROM source AS build
RUN pnpm --filter @vectorless-rag/web build
RUN pnpm --filter @vectorless-rag/web build \
&& pnpm --filter @vectorless-rag/web production-smoke

FROM node:22.23-alpine AS runtime
ENV NODE_ENV=production HOST=0.0.0.0 PORT=3001
Expand Down
8 changes: 1 addition & 7 deletions apps/web/src/routes/__root.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { useEffect } from 'react'
import { AppearanceProvider } from '../components/AppearanceProvider'
import { RouteError } from '../components/RouteError'

import appCss from '../styles.css?url'
import '../styles.css'

const THEME_INIT_SCRIPT = `(function(){try{var mode=localStorage.getItem('vectorless:appearance');if(mode==='light'||mode==='dark'){document.documentElement.setAttribute('data-theme',mode);}else{document.documentElement.removeAttribute('data-theme');}}catch(_){document.documentElement.removeAttribute('data-theme');}})();`

Expand All @@ -22,12 +22,6 @@ export const Route = createRootRoute({
title: 'Vectorless RAG Operator Console',
},
],
links: [
{
rel: 'stylesheet',
href: appCss,
},
],
}),
headers: () => ({ 'Cache-Control': 'private, no-store' }),
errorComponent: ({ error }) => <RouteError error={error} title="Unable to load the console" fullPage />,
Expand Down
6 changes: 5 additions & 1 deletion apps/web/tests/e2e/operator-console.spec.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const readingWidth = 60 * 16
const chatWidth = 60 * 16

async function waitForHydration(page: import('@playwright/test').Page) {
await expect(page.locator('html')).toHaveAttribute('data-hydrated', 'true')
await expect(page.locator('html')).toHaveAttribute('data-hydrated', 'true', { timeout: 15_000 })
}

interface AppearanceSnapshot {
Expand Down Expand Up @@ -111,6 +111,7 @@ async function captureWaitingIndicator(page: import('@playwright/test').Page) {

async function connectToChat(page: import('@playwright/test').Page, apiKey = key) {
await page.goto('/connect')
await waitForHydration(page)
await expect(page.getByRole('button', { name: 'Connect' })).toBeEnabled()
await page.getByLabel('API key').fill(apiKey)
await page.getByRole('button', { name: 'Connect' }).click()
Expand Down Expand Up @@ -411,6 +412,7 @@ test('marks personalized responses no-store without changing stream caching', as
const documentResponse = await page.goto('/connect')
expect(documentResponse?.headers()['cache-control']).toBe('private, no-store')

await waitForHydration(page)
await expect(page.getByRole('button', { name: 'Connect' })).toBeEnabled()
await page.getByLabel('API key').fill(key)
const serverFunctionResponse = page.waitForResponse((response) => (
Expand All @@ -428,6 +430,7 @@ test('marks personalized responses no-store without changing stream caching', as

test('connects through the UI and exercises the operator workflows', async ({ page }) => {
await page.goto('/connect')
await waitForHydration(page)
const connectButton = page.getByRole('button', { name: 'Connect' })
await expect(connectButton).toBeEnabled()
await page.getByLabel('API key').fill(key)
Expand Down Expand Up @@ -807,6 +810,7 @@ test('redirects protected routes to connect without a session', async ({ page })

test('returns an existing documents-only session to its scoped home', async ({ page }) => {
await page.goto('/connect')
await waitForHydration(page)
await expect(page.getByRole('button', { name: 'Connect' })).toBeEnabled()
await page.getByLabel('API key').fill('mock-documents-only')
await page.getByRole('button', { name: 'Connect' }).click()
Expand Down