Skip to content

Bloqr™ Documentation

Internet Hygiene. Automated.

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:

Terminal window
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

flowchart LR
    Client[Angular Frontend] --> Worker[Edge Worker]
    Worker --> Router[Hono Router]
    Router --> Queue[Cloudflare Queues]
    Router --> D1[(D1)]
    Router --> R2[(R2)]
    Queue --> Router

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