DocumentationBloqr™ Documentation

Bloqr™ Documentation

Adblock/AdGuard filter-list compiler-as-a-service — reference, guides, and architecture.

What is Bloqr?

Bloqr AI is a compiler-as-a-service for adblock and DNS filter lists. It ingests multiple sources, validates configuration with Zod, applies deterministic transformations, and ships edge-ready outputs from Cloudflare Workers.

Platform Snapshot

  • 50+ Filter Sources: Multi-source ingestion across community and managed lists.
  • 11 Transformations: Deterministic pipeline stages for cleanup, normalization, and optimization.
  • Zero-Copy Streaming: SSE and WebSocket delivery for live compile telemetry.
  • Edge-Native Runtime: Cloudflare Workers, Queues, D1, R2, and Workflows by default.

Start in Minutes

  1. Open Quick Start and choose Docker, Deno, or Workers mode.
  2. Validate your config with Zod Validation and Configuration.
  3. Deploy to production with Deployment and Zero Trust Architecture.

Section Navigation

Getting Started

API

Cloudflare

Database

Deployment

Frontend

Security

Auth

Admin

Testing

Observability

Troubleshooting

Tools

Design system

All Bloqr visual standards — color tokens, typography, spacing, fonts, logos, and component primitives — are maintained in the standalone Bloqr-Systems/bloqr-design-system repository (@bloqr/design-system). It is the single source of truth for every Bloqr web property. Do not copy design assets or brand docs into this repo.

/frontend (Angular 22 + Material)

The Angular app consumes the design system at the CSS layer:

npm i @bloqr/design-system

In angular.json styles array (or styles.scss):

@import '@bloqr/design-system/styles.css';

Implement UI primitives (Button, Badge, Card, etc.) as Angular components against the same CSS custom properties the React primitives use — --orange-500, --bg-surface, --font-display, etc. The React source in components/ is the visual contract; it is not a runtime dependency for Angular.

Icons — done: Material Symbols has been fully replaced with self-hosted Lucide icons, 2 px stroke, rounded joins. <app-icon> (frontend/src/app/components/icon/icon.component.ts) renders inline SVG markup baked into icon-data.generated.ts at build time from the lucide-static devDependency — no lucide-angular runtime package, no icon font, no network request. See the design system README for the Material → Lucide name mapping. Any new Angular icon usage must go through <app-icon>, not a raw <svg>, <mat-icon>, or the lucide-angular package.

/docs

Link styles.css and use the token variables and guidelines/ specimen cards as the visual reference for all documentation pages.

Quick Paths by Role

Architecture Overview

Bloqr Properties

PropertyURLRuntimeNotes
Landingbloqr.devMarketingMain product narrative and launch funnel.
Appapp.bloqr.devAngularInteractive compiler dashboard and admin UX.
APIapi.bloqr.devWorkerOpenAPI portal and API base URL: https://api.bloqr.dev/api.
Docsdocs.bloqr.devAstroStarlight documentation for developers and operators.

Contributing

Explore Guides Contributing Guide