Merge branch 'main' of github.com:crowdsecurity/crowdsec-docs

Author: sabban

.github/workflows/lint.yaml

@@ -22,10 +22,16 @@ jobs:
         run: npm ci
         working-directory: ./crowdsec-docs/
 
+      - name: Get Biome version from package.json
+        id: biome-version
+        run: |
+          VERSION=$(node -p "require('./crowdsec-docs/package.json').devDependencies['@biomejs/biome']")
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
+
       - name: Setup Biome
         uses: biomejs/setup-biome@v2
         with:
-          version: latest
+          version: ${{ steps.biome-version.outputs.version }}
 
       - name: Run Biome
         run: biome ci .

biome.json

@@ -1,15 +1,17 @@
 {
-	"$schema": "https://biomejs.dev/schemas/2.0.6/schema.json",
+	"root": true,
+	"$schema": "https://biomejs.dev/schemas/2.2.0/schema.json",
 	"vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false },
 	"files": {
 		"ignoreUnknown": false,
 		"includes": [
 			"crowdsec-docs/**/*.ts",
 			"crowdsec-docs/**/*.tsx",
 			"crowdsec-docs/**/*.css",
-			"!**/node_modules/**",
-			"!crowdsec-docs/plugins/**",
-			"!crowdsec-docs/build/**"
+			"!**/node_modules",
+			"!crowdsec-docs/plugins",
+			"!crowdsec-docs/build",
+			"!**/.docusaurus"
 		]
 	},
 	"formatter": {
@@ -31,6 +33,12 @@
 			"recommended": true,
 			"style": {
 				"useImportType": "off"
+			},
+			"complexity": {
+				"noImportantStyles": "off"
+			},
+			"suspicious": {
+				"noUnknownAtRules": "off"
 			}
 		}
 	},

crowdsec-docs/docs/appsec/intro.md

@@ -66,6 +66,7 @@ You can follow our quick start guides depending on your web server:
 
 -   [Nginx/OpenResty](/appsec/quickstart/nginxopenresty.mdx)
 -   [Traefik](/appsec/quickstart/traefik.mdx)
+-   [CrowdSec WAF with Nginx Reverse Proxy](/u/user_guides/waf_rp_howto)
 
 Or consider learning more about the AppSec capabilities:
 

crowdsec-docs/package-lock.json

@@ -12,6 +12,7 @@
         "serve": "docusaurus serve",
         "lint": "biome check",
         "format": "biome format",
+        "migrate": "biome migrate --write",
         "write-translations": "docusaurus write-translations",
         "write-heading-ids": "docusaurus write-heading-ids"
     },
@@ -46,7 +47,7 @@
         "tailwindcss-animate": "^1.0.7"
     },
     "devDependencies": {
-        "@biomejs/biome": "2.0.6",
+        "@biomejs/biome": "2.2.0",
         "@docusaurus/module-type-aliases": "^3.8.1",
         "@docusaurus/tsconfig": "^3.8.1",
         "@docusaurus/types": "^3.8.1",

crowdsec-docs/package.json

@@ -570,11 +570,11 @@ const sidebarsUnversionedConfig: SidebarConfig = {
 			},
 			label: "Integrations",
 			items: [
+				"integrations/rawiplist",
 				"integrations/checkpoint",
 				"integrations/cisco",
 				"integrations/f5",
 				"integrations/fortinet",
-				"integrations/genericfirewall",
 				"integrations/juniper",
 				"integrations/mikrotik",
 				"integrations/opnsense",
@@ -629,6 +629,7 @@ const sidebarsUnversionedConfig: SidebarConfig = {
 		"user_guides/consuming_fastly_logs",
 		"user_guides/alert_context",
 		"user_guides/log_centralization",
+		"user_guides/waf_rp_howto",
 	],
 	gettingStarted: [
 		{

crowdsec-docs/sidebarsUnversioned.ts

@@ -1,22 +1,33 @@
+import { useHistory } from "@docusaurus/router";
 import useBaseUrl from "@docusaurus/useBaseUrl";
 import { Button } from "@site/src/ui/button";
 import { Card, CardContent, CardHeader } from "@site/src/ui/card";
 import React from "react";
 
 const ConsolePromo = ({ ...props }): React.JSX.Element => {
 	const url = useBaseUrl(`/img/${props.image}`);
+	const isExternal = /^(?:[a-z]+:)?\/\//i.test(props.link);
+	const history = useHistory();
 	return (
 		<Card className="min-h-[200px] flex flex-col">
 			<CardHeader className="flex-shrink-0">{props.title ? <h3 className="text-left">{props.title}</h3> : null}</CardHeader>
 			<CardContent className="flex-row flex space-x-4 flex-1">
 				<div className="flex-col flex justify-between flex-1">
 					{props.description ? <p className="text-left text-base text-card-foreground">{props.description}</p> : null}
 					<div className="text-left">
-						<a href={props.link} target="_blank">
-							<Button color="primary" className="w-full md:w-1/2">
-								{props.text ?? "Get Started"}
-							</Button>
-						</a>
+						<Button
+							color="primary"
+							className="w-full md:w-1/2"
+							onClick={() => {
+								if (isExternal) {
+									window.open(props.link, "_blank", "noopener,noreferrer");
+								} else {
+									history.push(props.link);
+								}
+							}}
+						>
+							{props.text ?? "Get Started"}
+						</Button>
 					</div>
 				</div>
 

crowdsec-docs/src/components/console-promo.tsx

@@ -57,7 +57,7 @@ html[data-theme="dark"] {
 }
 
 /* IMAGE STYLES FOR PAGES*/
-.container img {
+main .container img:not(a img) {
 	@apply border border-solid border-gray-300/80 dark:border-gray-300/80 rounded-lg p-2;
 }