feat(shared): add streak progression system and milestone claim UX

.github/workflows/quality-gates.yml

@@ -0,0 +1,89 @@
+name: Quality Gates
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+jobs:
+  quality-gates:
+    timeout-minutes: 45
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.22'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.14.4
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run quality gates
+        run: pnpm verify:ci
+
+  e2e-smoke:
+    timeout-minutes: 45
+    runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.54.2-noble
+      options: --user 1001
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.22'
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.14.4
+
+      - name: Get pnpm store directory
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+      - name: Setup pnpm cache
+        uses: actions/cache@v4
+        with:
+          path: ${{ env.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run anonymous smoke E2E tests
+        run: pnpm test:e2e:smoke
+
+      - name: Upload Playwright Report
+        uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-smoke-report
+          path: packages/playwright/playwright-report/
+          retention-days: 7

RELEASE_CHECKLIST.md

@@ -0,0 +1,58 @@
+# Production Release Checklist
+
+## CI gates (must be green)
+
+- `pnpm verify:ci`
+  - lint across `shared`, `webapp`, `extension`
+  - typecheck across `shared`, `webapp`, `extension`
+  - unit/integration tests across `shared`, `webapp`, `extension`
+- `pnpm test:e2e:smoke`
+  - anonymous browser smoke tests for core app routes
+
+## E2E monitoring after deployment
+
+- `E2E Tests` workflow runs after successful production deployment on `main`.
+- Authenticated smoke tests require `USER_NAME` and `PASSWORD` secrets.
+
+## Required environment and secrets checks
+
+- Verify app env vars are set in production:
+  - `NEXT_PUBLIC_API_URL`
+  - `NEXT_PUBLIC_WEBAPP_URL`
+  - `NEXT_PUBLIC_DOMAIN`
+  - any feature-specific vars used by the release
+- Verify CI secrets exist for authenticated E2E:
+  - `USER_NAME`
+  - `PASSWORD`
+  - `E2E_MONITORING_SLACK`
+
+## Release-day smoke checks
+
+- Open homepage and verify feed renders.
+- Run search and verify results page opens.
+- Open at least one post and navigate back to feed.
+- Validate settings page is accessible for authenticated user.
+- Validate extension new-tab feed still renders after release.
+
+## Streak debug policy
+
+- `?debugStreak` is disabled by default on production API.
+- Internal QA can enable debug mode explicitly with:
+  - `localStorage.setItem('dd-streak-debug', 'enabled')`
+  - reload a URL that includes `?debugStreak`
+- Remove local override after QA:
+  - `localStorage.removeItem('dd-streak-debug')`
+
+## Shortcuts policy (webapp vs extension)
+
+- Webapp supports custom shortcuts management and rendering.
+- "Most visited sites" remains extension-only (browser permission based).
+- Webapp surfaces an install-extension CTA for top-sites capability.
+
+## Rollback readiness
+
+- Confirm last known-good commit/tag before release.
+- Keep rollback owner assigned and available during release window.
+- If smoke fails post-release:
+  - rollback first
+  - analyze root cause after service is stable

package.json

@@ -7,10 +7,14 @@
   "scripts": {
     "prepare": "corepack enable || true",
     "pnpm-version": "pnpm -v",
+    "lint": "pnpm --filter @dailydotdev/shared lint && pnpm --filter webapp lint && pnpm --filter extension lint",
     "typecheck": "pnpm --filter @dailydotdev/shared typecheck && pnpm --filter webapp typecheck && pnpm --filter extension typecheck",
     "typecheck:strict": "pnpm --filter @dailydotdev/shared typecheck:strict && pnpm --filter webapp typecheck:strict && pnpm --filter extension typecheck:strict",
     "typecheck:strict:report": "pnpm --filter @dailydotdev/shared typecheck:strict || true; pnpm --filter webapp typecheck:strict || true; pnpm --filter extension typecheck:strict || true",
+    "test": "pnpm --filter @dailydotdev/shared test && pnpm --filter webapp test && pnpm --filter extension test",
+    "verify:ci": "pnpm lint && pnpm typecheck && pnpm test",
     "test:e2e": "pnpm --filter playwright test",
+    "test:e2e:smoke": "pnpm --filter playwright test:smoke",
     "test:e2e:headed": "pnpm --filter playwright test:headed",
     "test:e2e:ui": "pnpm --filter playwright test:ui"
   },

packages/extension/__mocks__/fileMock.ts

@@ -0,0 +1,3 @@
+const mockFile = 'test-file-stub';
+
+export default mockFile;

packages/extension/jest.config.js

@@ -15,6 +15,7 @@ module.exports = {
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   moduleNameMapper: {
     '\\.svg$': '<rootDir>/__mocks__/svgrMock.ts',
+    '\\.(png|jpe?g|gif|webp|avif)$': '<rootDir>/__mocks__/fileMock.ts',
     '\\.css$': 'identity-obj-proxy',
     'react-markdown': '<rootDir>/__mocks__/reactMarkdownMock.tsx',
   },

packages/playwright/package.json

@@ -5,6 +5,7 @@
   "description": "E2E tests for daily.dev using Playwright",
   "scripts": {
     "test": "playwright test",
+    "test:smoke": "playwright test tests/smoke-anonymous.spec.ts --project=chromium",
     "test:headed": "playwright test --headed",
     "test:ui": "playwright test --ui",
     "test:debug": "playwright test --debug",

packages/playwright/playwright.config.ts

@@ -3,6 +3,9 @@ import dotenv from 'dotenv';
 import path from 'path';
 
 dotenv.config({ path: path.resolve(__dirname, '.env') });
+const isLocalBaseUrl = /https:\/\/localhost(?::\d+)?/i.test(
+  process.env.BASE_URL ?? '',
+);
 
 /**
  * @see https://playwright.dev/docs/test-configuration
@@ -23,6 +26,7 @@ export default defineConfig({
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
     baseURL: process.env.BASE_URL || 'https://app.daily.dev',
+    ignoreHTTPSErrors: isLocalBaseUrl,
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry',

packages/playwright/tests/helpers.ts

@@ -0,0 +1,78 @@
+import { expect, type Locator, type Page } from '@playwright/test';
+
+const cookieButtonNames = [
+  /accept all/i,
+  /accept/i,
+  /i understand/i,
+  /got it/i,
+  /allow all/i,
+];
+
+const tryClick = async (locator: Locator): Promise<boolean> => {
+  try {
+    if ((await locator.count()) === 0) {
+      return false;
+    }
+
+    await locator.first().click({ timeout: 2000 });
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+export const dismissCookieBannerIfPresent = async (
+  page: Page,
+): Promise<void> => {
+  for (const name of cookieButtonNames) {
+    const clicked = await tryClick(page.getByRole('button', { name }));
+    if (clicked) {
+      return;
+    }
+  }
+};
+
+export const expectFeedToBeVisible = async (page: Page): Promise<void> => {
+  await expect(page.getByTestId('posts-feed')).toBeVisible();
+};
+
+export const gotoAndExpectOk = async (
+  page: Page,
+  path: string,
+): Promise<void> => {
+  const response = await page.goto(path, { waitUntil: 'domcontentloaded' });
+  expect(response, `No response while navigating to ${path}`).not.toBeNull();
+  expect(response?.ok(), `Navigation to ${path} returned ${response?.status()}`).toBeTruthy();
+};
+
+export const expectAppShellToBeVisible = async (page: Page): Promise<void> => {
+  const nextData = page.locator('script#__NEXT_DATA__');
+  await expect(nextData).toHaveCount(1);
+
+  const payload = await nextData.textContent();
+  expect(payload, 'Missing __NEXT_DATA__ payload').toBeTruthy();
+  expect(payload).toContain('"page"');
+};
+
+export const login = async (page: Page): Promise<void> => {
+  if (!process.env.USER_NAME || !process.env.PASSWORD) {
+    throw new Error('Missing USER_NAME/PASSWORD for authenticated tests');
+  }
+
+  await page.goto('/');
+  await dismissCookieBannerIfPresent(page);
+
+  await page.getByRole('button', { name: /^log in$/i }).first().click();
+  await page.getByRole('textbox', { name: /email/i }).fill(process.env.USER_NAME);
+  await page
+    .getByRole('textbox', { name: /password/i })
+    .fill(process.env.PASSWORD);
+  await page.getByRole('button', { name: /^log in$/i }).first().click();
+
+  await expect(
+    page
+      .getByRole('link', { name: /profile/i })
+      .or(page.getByRole('button', { name: /profile settings/i })),
+  ).toBeVisible();
+};
+

packages/playwright/tests/smoke-anonymous.spec.ts

@@ -0,0 +1,47 @@
+import { test, expect } from '@playwright/test';
+import {
+  dismissCookieBannerIfPresent,
+  expectAppShellToBeVisible,
+  gotoAndExpectOk,
+} from './helpers';
+
+test.describe('Anonymous smoke', () => {
+  test('loads homepage shell', async ({ page }) => {
+    await gotoAndExpectOk(page, '/');
+    await dismissCookieBannerIfPresent(page);
+
+    await expect(page).toHaveURL(/\/$/);
+    await expect(page).toHaveTitle(/daily\.dev/i);
+    await expectAppShellToBeVisible(page);
+  });
+
+  test('loads popular route for anonymous user', async ({ page }) => {
+    await gotoAndExpectOk(page, '/popular');
+    await dismissCookieBannerIfPresent(page);
+
+    await expect(page).toHaveURL(/popular/);
+    await expectAppShellToBeVisible(page);
+  });
+
+  test('loads search route for anonymous user', async ({ page }) => {
+    await gotoAndExpectOk(page, '/search?q=typescript');
+    await dismissCookieBannerIfPresent(page);
+
+    await expect(page).toHaveURL(/search/);
+    await expectAppShellToBeVisible(page);
+  });
+
+  test('supports browser back and forward between routes', async ({ page }) => {
+    await gotoAndExpectOk(page, '/');
+    await gotoAndExpectOk(page, '/popular');
+
+    await page.goBack();
+    await expect(page).toHaveURL(/\/$/);
+    await expectAppShellToBeVisible(page);
+
+    await page.goForward();
+    await expect(page).toHaveURL(/popular/);
+    await expectAppShellToBeVisible(page);
+  });
+});
+

packages/playwright/tests/smoke-authenticated.spec.ts

@@ -0,0 +1,29 @@
+import { test, expect } from '@playwright/test';
+import { expectFeedToBeVisible, login } from './helpers';
+
+const hasCredentials = !!process.env.USER_NAME && !!process.env.PASSWORD;
+
+test.describe('Authenticated smoke', () => {
+  test.skip(!hasCredentials, 'Requires USER_NAME/PASSWORD');
+
+  test('logs in successfully', async ({ page }) => {
+    await login(page);
+  });
+
+  test('loads my feed after login', async ({ page }) => {
+    await login(page);
+    await page.goto('/my-feed');
+
+    await expect(page).toHaveURL(/my-feed|app\.daily\.dev\/$/);
+    await expectFeedToBeVisible(page);
+  });
+
+  test('opens settings for authenticated user', async ({ page }) => {
+    await login(page);
+    await page.goto('/settings');
+
+    await expect(page).toHaveURL(/settings/);
+    await expect(page.getByRole('heading').first()).toBeVisible();
+  });
+});
+

packages/shared/__mocks__/fileMock.ts

@@ -0,0 +1,3 @@
+const mockFile = 'test-file-stub';
+
+export default mockFile;

packages/shared/jest.config.js

@@ -13,6 +13,7 @@ module.exports = {
   moduleNameMapper: {
     '^node-emoji$': 'node-emoji/lib/index.cjs',
     '\\.svg$': '<rootDir>/__mocks__/svgrMock.ts',
+    '\\.(png|jpe?g|gif|webp|avif)$': '<rootDir>/__mocks__/fileMock.ts',
     '\\.css$': 'identity-obj-proxy',
     'react-markdown': '<rootDir>/__mocks__/reactMarkdownMock.tsx',
     'react-turnstile': 'identity-obj-proxy',