chore: browser change (#7)

* chore: some updates

* chore: chmod

* fix: chown

* chore: retries

Author: hmbanan666

apps/web-parser/.puppeteerrc.cjs

@@ -8,8 +8,9 @@
     "preview": "node .output/server/index.mjs"
   },
   "dependencies": {
+    "@playwright/browser-chromium": "catalog:",
     "@roll-stack/database": "workspace:*",
-    "puppeteer": "catalog:"
+    "playwright": "catalog:"
   },
   "devDependencies": {
     "nitropack": "catalog:"

apps/web-parser/package.json

@@ -1,6 +1,6 @@
-import type { Browser } from 'puppeteer'
+import type { Browser } from 'playwright'
 import { repository } from '@roll-stack/database'
-import puppeteer from 'puppeteer'
+import { chromium } from 'playwright'
 
 const logger = useLogger('yandex:update-data')
 
@@ -13,7 +13,7 @@ export default defineTask({
     // Wait 10 seconds
     await new Promise((resolve) => setTimeout(resolve, 10000))
 
-    const browser = await puppeteer.launch()
+    const browser = await chromium.launch()
 
     let points = await repository.feedback.listFeedbackPointsToUpdate()
 
@@ -74,19 +74,18 @@ export default defineTask({
 async function getDataFromYandex(browser: Browser, url: string) {
   const page = await browser.newPage()
 
-  await page.setViewport({ width: 450, height: 600 })
+  await page.setViewportSize({ width: 450, height: 600 })
   await page.goto(url)
 
   // Wait full page load
-  await page.waitForNetworkIdle()
+  await page.waitForLoadState('networkidle')
   await new Promise((resolve) => setTimeout(resolve, 4000))
 
   // Click on button with class "rating-ranking-view"
   await page.locator('.rating-ranking-view').click()
   await new Promise((resolve) => setTimeout(resolve, 1000))
   // Click on second button in class "rating-ranking-view__popup"
-  const buttons = await page.$$('.rating-ranking-view__popup-line')
-  await buttons[1]?.click()
+  await page.locator('.rating-ranking-view__popup-line', { hasText: 'По новизне' }).click()
 
   // Wait
   await new Promise((resolve) => setTimeout(resolve, 1000))

apps/web-parser/server/tasks/yandex/update-data.ts

@@ -40,8 +40,8 @@ ENV VERSION=${VERSION} \
 EXPOSE 3000
 
 # Health check using exec form
-HEALTHCHECK --interval=30s --timeout=5s --start-period=60s \
-  CMD ["health-check.sh"]
+HEALTHCHECK --interval=30s --timeout=5s --start-period=60s --retries=3 \
+  CMD ["/app/health-check.sh"]
 
 # Run the application
 ENTRYPOINT ["node"]

docker/web-app/Dockerfile

@@ -5,22 +5,19 @@ FROM base AS builder
 WORKDIR /app
 COPY package.json pnpm-lock.yaml pnpm-workspace.yaml .npmrc ./
 COPY packages/database ./packages/database
-COPY apps/web-parser/.puppeteerrc.cjs ./
 COPY apps/web-parser ./apps/web-parser
 RUN npm install --ignore-scripts -g pnpm && \
   pnpm i --frozen-lockfile && \
   pnpm build --filter @roll-stack/web-parser
 
-RUN pnpm dlx puppeteer browsers install chrome
-
 # Production stage
 FROM base AS production
 RUN apk add --no-cache curl
 WORKDIR /app
 
 # Copy built artifacts from builder
 COPY --from=builder /app/apps/web-parser/.output .
-COPY --from=builder /root/.cache/puppeteer /home/appuser/.cache/puppeteer
+COPY --from=builder --chmod=755 /root/.cache/ms-playwright /home/appuser/.cache/ms-playwright
 COPY docker/web-parser/health-check.sh ./
 
 # Running as non-root is a security best practice
@@ -43,7 +40,7 @@ ENV VERSION=${VERSION} \
 EXPOSE 3000
 
 # Health check using exec form
-HEALTHCHECK --interval=30s --timeout=5s --start-period=60s \
+HEALTHCHECK --interval=30s --timeout=5s --start-period=60s --retries=3 \
   CMD ["/app/health-check.sh"]
 
 # Run the application

docker/web-parser/Dockerfile

@@ -40,8 +40,8 @@ ENV VERSION=${VERSION} \
 EXPOSE 3000
 
 # Health check using exec form
-HEALTHCHECK --interval=30s --timeout=5s --start-period=60s \
-  CMD ["health-check.sh"]
+HEALTHCHECK --interval=30s --timeout=5s --start-period=60s --retries=3 \
+  CMD ["/app/health-check.sh"]
 
 # Run the application
 ENTRYPOINT ["node"]