@checkmate-monitor/auth-frontend 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,55 @@
+# @checkmate-monitor/auth-frontend
+
+## 0.1.0
+
+### Minor Changes
+
+- 32f2535: Refactor application role assignment
+
+  - Removed role selection from the application creation dialog
+  - New applications now automatically receive the "Applications" role
+  - Roles are now manageable inline in the Applications table (similar to user role management)
+  - Added informational alert in create dialog explaining default role behavior
+
+- b354ab3: # Strategy Instructions Support & Telegram Notification Plugin
+
+  ## Strategy Instructions Interface
+
+  Added `adminInstructions` and `userInstructions` optional fields to the `NotificationStrategy` interface. These allow strategies to export markdown-formatted setup guides that are displayed in the configuration UI:
+
+  - **`adminInstructions`**: Shown when admins configure platform-wide strategy settings (e.g., how to create API keys)
+  - **`userInstructions`**: Shown when users configure their personal settings (e.g., how to link their account)
+
+  ### Updated Components
+
+  - `StrategyConfigCard` now accepts an `instructions` prop and renders it before config sections
+  - `StrategyCard` passes `adminInstructions` to `StrategyConfigCard`
+  - `UserChannelCard` renders `userInstructions` when users need to connect
+
+  ## New Telegram Notification Plugin
+
+  Added `@checkmate-monitor/notification-telegram-backend` plugin for sending notifications via Telegram:
+
+  - Uses [grammY](https://grammy.dev/) framework for Telegram Bot API integration
+  - Sends messages with MarkdownV2 formatting and inline keyboard buttons for actions
+  - Includes comprehensive admin instructions for bot setup via @BotFather
+  - Includes user instructions for account linking
+
+  ### Configuration
+
+  Admins need to configure a Telegram Bot Token obtained from @BotFather.
+
+  ### User Linking
+
+  The strategy uses `contactResolution: { type: "custom" }` for Telegram Login Widget integration. Full frontend integration for the Login Widget is pending future work.
+
+### Patch Changes
+
+- Updated dependencies [eff5b4e]
+- Updated dependencies [ffc28f6]
+- Updated dependencies [32f2535]
+- Updated dependencies [b354ab3]
+  - @checkmate-monitor/ui@0.1.0
+  - @checkmate-monitor/common@0.1.0
+  - @checkmate-monitor/auth-common@0.1.0
+  - @checkmate-monitor/frontend-api@0.0.2

package/e2e/login.e2e.ts

@@ -0,0 +1,63 @@
+import {
+  test,
+  expect,
+} from "@checkmate-monitor/test-utils-frontend/playwright";
+
+/**
+ * Sample E2E test for auth-frontend login page.
+ *
+ * Prerequisites:
+ * - Frontend dev server running: bun run dev (in packages/frontend)
+ * - Backend dev server running: bun run dev (in packages/backend)
+ *
+ * Run with: bun run test:e2e
+ */
+
+test.describe("Login Page", () => {
+  test("should display the login page", async ({ page }) => {
+    await page.goto("/login");
+
+    // Check that the page title or main heading is visible
+    await expect(page.locator("h1, h2").first()).toBeVisible();
+  });
+
+  test("should show login form elements", async ({ page }) => {
+    await page.goto("/login");
+
+    // Check for common login form elements
+    // Using flexible selectors since actual implementation may vary
+    const emailInput = page.locator(
+      'input[type="email"], input[name="email"], input[placeholder*="email" i]'
+    );
+    const passwordInput = page.locator(
+      'input[type="password"], input[name="password"]'
+    );
+    const submitButton = page.locator(
+      'button[type="submit"], button:has-text("Login"), button:has-text("Sign in")'
+    );
+
+    // At least one of these should be present for a login page
+    const hasLoginForm =
+      (await emailInput.count()) > 0 ||
+      (await passwordInput.count()) > 0 ||
+      (await submitButton.count()) > 0;
+
+    expect(hasLoginForm).toBe(true);
+  });
+
+  test("should navigate to register page from login", async ({ page }) => {
+    await page.goto("/login");
+
+    // Look for a register/sign up link
+    const registerLink = page.locator(
+      'a:has-text("Register"), a:has-text("Sign up"), a[href*="register"]'
+    );
+
+    if ((await registerLink.count()) > 0) {
+      await registerLink.first().click();
+
+      // Should navigate to a register page
+      await expect(page).toHaveURL(/register|signup/);
+    }
+  });
+});

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@checkmate-monitor/auth-frontend",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "src/index.tsx",
+  "exports": {
+    ".": "./src/index.tsx",
+    "./api": "./src/api.ts"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "bun run lint:code",
+    "lint:code": "eslint . --max-warnings 0",
+    "test:e2e": "bunx playwright test"
+  },
+  "dependencies": {
+    "@checkmate-monitor/frontend-api": "workspace:*",
+    "@checkmate-monitor/common": "workspace:*",
+    "@checkmate-monitor/ui": "workspace:*",
+    "react": "^18.2.0",
+    "react-router-dom": "^6.22.0",
+    "lucide-react": "^0.344.0",
+    "better-auth": "^1.1.8",
+    "@checkmate-monitor/auth-common": "workspace:*"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0",
+    "@types/react": "^18.2.0",
+    "@playwright/test": "^1.49.0",
+    "@checkmate-monitor/test-utils-frontend": "workspace:*",
+    "@checkmate-monitor/tsconfig": "workspace:*",
+    "@checkmate-monitor/scripts": "workspace:*"
+  }
+}

package/playwright-report/data/774b616fd991c36e57f6aa95d67906b877dff5d1.md

@@ -0,0 +1,20 @@
+# Page snapshot
+
+```yaml
+- generic [ref=e3]:
+  - banner [ref=e4]:
+    - generic [ref=e5]:
+      - link "Checkmate" [ref=e6] [cursor=pointer]:
+        - /url: /
+        - heading "Checkmate" [level=1] [ref=e7]
+      - navigation
+    - generic [ref=e8]:
+      - link "Login" [ref=e9] [cursor=pointer]:
+        - /url: /auth/login
+        - button "Login" [ref=e10]:
+          - img [ref=e11]
+          - text: Login
+      - button [ref=e16] [cursor=pointer]:
+        - img [ref=e17]
+  - main [ref=e20]
+```

package/playwright-report/data/d37ef869a8ef03c489f7ca3b80d67da69614c383.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0bbcdd45e1a47dd800a263b6874f98de64653fec3db75ea8288013b4a73e4e7d
+size 9066