astro-integration-pocketbase 2.1.0 → 2.1.1-next.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-integration-pocketbase",
-  "version": "2.1.0",
+  "version": "2.1.1-next.1",
   "description": "An Astro integration to support developers working with astro-loader-pocketbase.",
   "keywords": [
     "astro",
@@ -33,35 +33,31 @@
   "scripts": {
     "format": "npx prettier . --write --cache",
     "format:check": "npx prettier . --check --cache",
-    "lint": "npx eslint --cache",
-    "lint:fix": "npx eslint --cache --fix",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
     "prepare": "husky",
     "typecheck": "npx tsc --noEmit"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@eslint/js": "^9.30.1",
-    "@stylistic/eslint-plugin": "^5.1.0",
     "@types/node": "^22.14.1",
-    "astro": "^5.11.0",
-    "eslint": "^9.30.1",
-    "eslint-config-prettier": "^10.1.5",
+    "astro": "^5.12.8",
     "eventsource": "^4.0.0",
     "globals": "^16.3.0",
     "husky": "^9.1.7",
-    "lint-staged": "^16.1.2",
+    "lint-staged": "^16.1.4",
+    "oxlint": "^1.10.0",
     "prettier": "^3.6.2",
-    "prettier-plugin-organize-imports": "^4.1.0",
-    "prettier-plugin-packagejson": "^2.5.18",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.35.1"
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "prettier-plugin-packagejson": "^2.5.19",
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
     "astro": "^5.0.0",
     "eventsource": "^4.0.0"
   },
-  "packageManager": "npm@11.4.2",
+  "packageManager": "npm@11.5.2",
   "publishConfig": {
     "access": "public",
     "provenance": true

package/src/core/refresh-collections-realtime.ts

@@ -4,6 +4,9 @@ import type { PocketBaseIntegrationOptions } from "../types/pocketbase-integrati
 import { getSuperuserToken } from "../utils/get-superuser-token";
 import { mapCollectionsToWatch } from "../utils/map-collections-to-watch";
 
+// This function is not as complex as it seems, but uses a lot of shared state
+// that makes it hard to split into smaller functions.
+// oxlint-disable-next-line max-lines-per-function
 export function refreshCollectionsRealtime(
   {
     url,
@@ -51,7 +54,8 @@ export function refreshCollectionsRealtime(
   let isConnected = false;
 
   // Log potential errors
-  eventSource.onerror = (error): void => {
+  // oxlint-disable-next-line prefer-await-to-callbacks
+  eventSource.addEventListener("error", (error) => {
     isConnected = false;
 
     // Wait for 5 seconds in case of a connection error
@@ -65,7 +69,7 @@ export function refreshCollectionsRealtime(
         `Error while connecting to PocketBase realtime API: ${error.type}`
       );
     }, 5000);
-  };
+  });
 
   // Add event listeners for all collections
   for (const collection of remoteCollections) {

package/src/middleware/index.ts

@@ -1,5 +1,6 @@
 import { defineMiddleware } from "astro/middleware";
-import { isPocketbaseEntry, type PocketBaseEntry } from "./is-pocketbase-entry";
+import type { PocketBaseEntry } from "./is-pocketbase-entry";
+import { isPocketbaseEntry } from "./is-pocketbase-entry";
 
 export const onRequest = defineMiddleware(async (context, next) => {
   // Look for entities given as props to the page

package/src/pocketbase-integration.ts

@@ -1,5 +1,5 @@
 import type { AstroIntegration } from "astro";
-import { EventSource } from "eventsource";
+import type { EventSource } from "eventsource";
 import { fileURLToPath } from "node:url";
 import { handleRefreshCollections, refreshCollectionsRealtime } from "./core";
 import type { ToolbarOptions } from "./toolbar/types/options";

package/src/toolbar/dom/create-entity.ts

@@ -33,7 +33,7 @@ function createEntity(data: Entity, baseUrl: string): string {
   return /* HTML */ `
     <astro-dev-toolbar-card>
       <div class="entity">
-        <pre>${JSON.stringify(data, null, 2).replaceAll(/</g, "&lt;")}</pre>
+        <pre>${JSON.stringify(data, undefined, 2).replaceAll("<", "&lt;")}</pre>
 
         ${baseUrl
           ? /* HTML */ `

package/src/toolbar/dom/create-header.ts

@@ -7,6 +7,7 @@ import type { ToolbarOptions } from "../types/options";
 /**
  * Creates the header for the PocketBase toolbar.
  */
+// oxlint-disable-next-line max-lines-per-function
 export function createHeader(
   windowElement: DevToolbarWindow,
   server: ToolbarServerHelpers,
@@ -114,9 +115,7 @@ export function createHeader(
       "astro-integration-pocketbase:real-time",
       realTimeToggle.input.checked
     );
-    windowElement
-      .querySelector(".toggle-container")
-      ?.appendChild(realTimeToggle);
+    windowElement.querySelector(".toggle-container")?.append(realTimeToggle);
   }
 
   if (hasContentLoader) {

package/src/utils/push-to-map-array.ts

@@ -6,9 +6,11 @@ export function pushToMapArray<TKey, TArray>(
   key: TKey,
   value: TArray
 ): void {
-  if (map.has(key)) {
-    map.get(key)!.push(value);
-  } else {
-    map.set(key, [value]);
+  const array = map.get(key);
+  if (array) {
+    array.push(value);
+    return;
   }
+
+  map.set(key, [value]);
 }

package/src/toolbar/page-navigation-listener.ts

@@ -1,14 +0,0 @@
-/**
- * Execute a callback whenever the user navigates to a new page.
- */
-export function listenToNavigation(callback: () => void): void {
-  // We trigger the callback immediately to ensure the toolbar is in sync with the current page.
-  // If no client-side navigation is done, this is the only time the callback will be triggered.
-  // Fortunately, this scrip will be re-executed on every page load.
-  callback();
-
-  // If client-side navigation is done (ViewTransitions / ClientRouter), we listen for page-load events.
-  document.addEventListener("astro:page-load", () => {
-    callback();
-  });
-}