astro-integration-pocketbase 3.1.1 → 3.1.2-next.2

package/dist/toolbar.mjs

@@ -0,0 +1,254 @@
+import { defineToolbarApp } from "astro/toolbar";
+import { closeOnOutsideClick, createWindowElement, synchronizePlacementOnUpdate } from "astro/runtime/client/dev-toolbar/apps/utils/window.js";
+//#region src/toolbar/dom/create-entity.ts
+/**
+* Creates cards for the entities.
+*/
+function createEntities(data, baseUrl) {
+	const groupedData = Object.groupBy(data, (data) => data.collectionName);
+	return `
+    <style>
+      .collectionName {
+        text-transform: capitalize;
+      }
+
+      .entity {
+        position: relative;
+
+        pre {
+          margin: 0;
+          overflow: auto;
+        }
+
+        astro-dev-toolbar-button {
+          position: absolute;
+          top: 0;
+          right: 0;
+        }
+      }
+    </style>
+
+    ${Object.keys(groupedData).map((collection) => `
+          <b class=".collectionName">${collection}</b>
+          ${groupedData[collection]?.map((entity) => createEntity(entity, baseUrl)).join("")}
+        `).join("")}
+  `;
+}
+/**
+* Creates a card for a single entity
+*/
+function createEntity(data, baseUrl) {
+	return `
+    <astro-dev-toolbar-card>
+      <div class="entity">
+        <pre>${JSON.stringify(data, void 0, 2).replaceAll("<", "&lt;")}</pre>
+
+        ${baseUrl ? `
+              <astro-dev-toolbar-button
+                size="small"
+                button-style="purple"
+                title="View in PocketBase"
+                onclick="window.open('${baseUrl}/_/#/collections?collection=${data.collectionId}&recordId=${data.id}&record=${data.id}', '_blank')"
+              >
+                View in PocketBase
+              </astro-dev-toolbar-button>
+            ` : ""}
+      </div>
+    </astro-dev-toolbar-card>
+  `;
+}
+//#endregion
+//#region package.json
+var version = "3.1.2-next.2";
+//#endregion
+//#region src/toolbar/dom/create-header.ts
+/**
+* Creates the header for the PocketBase toolbar.
+*/
+function createHeader(windowElement, server, { hasContentLoader, realtime }) {
+	const header = windowElement.querySelector("header");
+	if (!header) throw new Error("The header element is missing");
+	header.innerHTML = `
+    <style>
+      header {
+        display: grid;
+        grid-template-columns: auto auto 1fr;
+        gap: 0.5rem;
+      }
+
+      h1 {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-weight: 600;
+        color: #fff;
+        margin: 0;
+        font-size: 22px;
+      }
+
+      .actions {
+        display: flex;
+        align-items: start;
+        justify-content: flex-end;
+        gap: 0.25rem;
+
+        .toggle-container {
+          display: flex;
+          align-items: center;
+
+          label {
+            font-size: 0.8rem;
+          }
+        }
+      }
+    </style>
+
+    <h1>PocketBase</h1>
+    <astro-dev-toolbar-badge badge-style="yellow">
+      ${version}
+    </astro-dev-toolbar-badge>
+
+    <div class="actions">
+      ${realtime ? `
+            <div class="toggle-container">
+              <label
+                for="real-time"
+                title="Enable or disable real-time updates temporarily"
+              >
+                Real-time updates
+              </label>
+              <!-- real-time-toggle -->
+            </div>
+          ` : ""}
+      ${hasContentLoader ? `
+            <astro-dev-toolbar-button
+              id="refresh-content"
+              size="small"
+              button-style="green"
+              title="Right click to force refresh every collection"
+            >
+              Refresh content
+            </astro-dev-toolbar-button>
+          ` : ""}
+    </div>
+  `;
+	if (realtime) {
+		const realTimeToggle = document.createElement("astro-dev-toolbar-toggle");
+		realTimeToggle.input.id = "real-time-toggle";
+		realTimeToggle.input.title = "Enable or disable real-time updates temporarily";
+		realTimeToggle.input.checked = !(localStorage.getItem("astro-integration-pocketbase:real-time") === "false");
+		realTimeToggle.input.addEventListener("change", () => {
+			localStorage.setItem("astro-integration-pocketbase:real-time", realTimeToggle.input.checked.toString());
+			server.send("astro-integration-pocketbase:real-time", realTimeToggle.input.checked);
+		});
+		server.send("astro-integration-pocketbase:real-time", realTimeToggle.input.checked);
+		windowElement.querySelector(".toggle-container")?.append(realTimeToggle);
+	}
+	if (hasContentLoader) {
+		const refresh = windowElement.querySelector("#refresh-content");
+		if (!refresh) throw new Error("The refresh button is missing");
+		refresh.addEventListener("click", () => {
+			server.send("astro-integration-pocketbase:refresh", { force: false });
+		});
+		refresh.addEventListener("contextmenu", (event) => {
+			event.preventDefault();
+			server.send("astro-integration-pocketbase:refresh", { force: true });
+		});
+		server.on("astro-integration-pocketbase:refresh", ({ loading }) => {
+			if (loading) {
+				refresh.textContent = "Refreshing content...";
+				refresh.buttonStyle = "gray";
+				refresh.style.pointerEvents = "none";
+			} else {
+				refresh.textContent = "Refresh content";
+				refresh.buttonStyle = "green";
+				refresh.style.pointerEvents = "unset";
+			}
+		});
+	}
+}
+//#endregion
+//#region src/toolbar/dom/create-placeholder.ts
+/**
+* Creates a placeholder card.
+*/
+function createPlaceholder() {
+	return `
+    <style>
+      #placeholder div {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    </style>
+
+    <astro-dev-toolbar-card id="placeholder">
+      <div>
+        <span> Here you will see the raw content of an entity </span>
+      </div>
+    </astro-dev-toolbar-card>
+  `;
+}
+//#endregion
+//#region src/toolbar/init-toolbar.ts
+/**
+* Initializes the PocketBase toolbar.
+*/
+function initToolbar(canvas, app, server) {
+	let options = {
+		realtime: false,
+		hasContentLoader: false,
+		baseUrl: ""
+	};
+	server.on("astro-integration-pocketbase:settings", (updatedOptions) => {
+		options = updatedOptions;
+		createPocketBaseWindow();
+	});
+	createPocketBaseWindow();
+	document.addEventListener("astro:after-swap", createPocketBaseWindow);
+	closeOnOutsideClick(app);
+	synchronizePlacementOnUpdate(app, canvas);
+	function createPocketBaseWindow() {
+		canvas.innerHTML = "";
+		const entities = window.__astro_entities__ || [];
+		const windowElement = createWindowElement(`
+      <style>
+        :host astro-dev-toolbar-window {
+          max-height: 480px;
+        }
+
+        main {
+          display: flex;
+          flex-direction: column;
+          gap: 1rem;
+          overflow-y: auto;
+        }
+      </style>
+
+      <header></header>
+
+      <hr />
+
+      <main>
+        ${entities.length > 0 ? createEntities(entities, options.baseUrl) : createPlaceholder()}
+      </main>
+    `);
+		createHeader(windowElement, server, options);
+		canvas.append(windowElement);
+		if (entities.length > 0) app.toggleNotification({
+			state: true,
+			level: "info"
+		});
+		else {
+			app.toggleNotification({ state: false });
+			app.toggleState({ state: false });
+		}
+	}
+}
+//#endregion
+//#region src/toolbar/index.ts
+var toolbar_default = defineToolbarApp({ init: initToolbar });
+//#endregion
+export { toolbar_default as default };
+
+//# sourceMappingURL=toolbar.mjs.map

package/dist/toolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.mjs","names":["packageJson.version"],"sources":["../src/toolbar/dom/create-entity.ts","../package.json","../src/toolbar/dom/create-header.ts","../src/toolbar/dom/create-placeholder.ts","../src/toolbar/init-toolbar.ts","../src/toolbar/index.ts"],"sourcesContent":["import type { Entity } from \"../types/entity\";\n\n/**\n * Creates cards for the entities.\n */\nexport function createEntities(data: Array<Entity>, baseUrl: string): string {\n  const groupedData = Object.groupBy(data, (data) => data.collectionName);\n  const collections = Object.keys(groupedData);\n\n  return /* HTML */ `\n    <style>\n      .collectionName {\n        text-transform: capitalize;\n      }\n\n      .entity {\n        position: relative;\n\n        pre {\n          margin: 0;\n          overflow: auto;\n        }\n\n        astro-dev-toolbar-button {\n          position: absolute;\n          top: 0;\n          right: 0;\n        }\n      }\n    </style>\n\n    ${collections\n      .map(\n        (collection) => /* HTML */ `\n          <b class=\".collectionName\">${collection}</b>\n          ${groupedData[collection]\n            ?.map((entity) => createEntity(entity, baseUrl))\n            .join(\"\")}\n        `\n      )\n      .join(\"\")}\n  `;\n}\n\n/**\n * Creates a card for a single entity\n */\nfunction createEntity(data: Entity, baseUrl: string): string {\n  return /* HTML */ `\n    <astro-dev-toolbar-card>\n      <div class=\"entity\">\n        <pre>${JSON.stringify(data, undefined, 2).replaceAll(\"<\", \"&lt;\")}</pre>\n\n        ${baseUrl\n          ? /* HTML */ `\n              <astro-dev-toolbar-button\n                size=\"small\"\n                button-style=\"purple\"\n                title=\"View in PocketBase\"\n                onclick=\"window.open('${baseUrl}/_/#/collections?collection=${data.collectionId}&recordId=${data.id}&record=${data.id}', '_blank')\"\n              >\n                View in PocketBase\n              </astro-dev-toolbar-button>\n            `\n          : \"\"}\n      </div>\n    </astro-dev-toolbar-card>\n  `;\n}\n","","import type { ToolbarServerHelpers } from \"astro\";\nimport type { DevToolbarButton } from \"astro/runtime/client/dev-toolbar/ui-library/button.js\";\nimport type { DevToolbarWindow } from \"astro/runtime/client/dev-toolbar/ui-library/window.js\";\nimport { default as packageJson } from \"../../../package.json\";\nimport type { ToolbarOptions } from \"../types/options\";\n\n/**\n * Creates the header for the PocketBase toolbar.\n */\n// oxlint-disable-next-line max-lines-per-function\nexport function createHeader(\n  windowElement: DevToolbarWindow,\n  server: ToolbarServerHelpers,\n  { hasContentLoader, realtime }: ToolbarOptions\n): void {\n  const header = windowElement.querySelector(\"header\");\n  if (!header) {\n    throw new Error(\"The header element is missing\");\n  }\n\n  header.innerHTML = /* HTML */ `\n    <style>\n      header {\n        display: grid;\n        grid-template-columns: auto auto 1fr;\n        gap: 0.5rem;\n      }\n\n      h1 {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-weight: 600;\n        color: #fff;\n        margin: 0;\n        font-size: 22px;\n      }\n\n      .actions {\n        display: flex;\n        align-items: start;\n        justify-content: flex-end;\n        gap: 0.25rem;\n\n        .toggle-container {\n          display: flex;\n          align-items: center;\n\n          label {\n            font-size: 0.8rem;\n          }\n        }\n      }\n    </style>\n\n    <h1>PocketBase</h1>\n    <astro-dev-toolbar-badge badge-style=\"yellow\">\n      ${packageJson.version}\n    </astro-dev-toolbar-badge>\n\n    <div class=\"actions\">\n      ${realtime\n        ? /* HTML */ `\n            <div class=\"toggle-container\">\n              <label\n                for=\"real-time\"\n                title=\"Enable or disable real-time updates temporarily\"\n              >\n                Real-time updates\n              </label>\n              <!-- real-time-toggle -->\n            </div>\n          `\n        : \"\"}\n      ${hasContentLoader\n        ? /* HTML */ `\n            <astro-dev-toolbar-button\n              id=\"refresh-content\"\n              size=\"small\"\n              button-style=\"green\"\n              title=\"Right click to force refresh every collection\"\n            >\n              Refresh content\n            </astro-dev-toolbar-button>\n          `\n        : \"\"}\n    </div>\n  `;\n\n  if (realtime) {\n    // Create the toggle for real-time updates\n    const realTimeToggle = document.createElement(\"astro-dev-toolbar-toggle\");\n    realTimeToggle.input.id = \"real-time-toggle\";\n    realTimeToggle.input.title =\n      \"Enable or disable real-time updates temporarily\";\n    // Set the toggle state based on the local storage, default to true\n    realTimeToggle.input.checked = !(\n      localStorage.getItem(\"astro-integration-pocketbase:real-time\") === \"false\"\n    );\n    realTimeToggle.input.addEventListener(\"change\", () => {\n      // Store the toggle state in the local storage\n      localStorage.setItem(\n        \"astro-integration-pocketbase:real-time\",\n        realTimeToggle.input.checked.toString()\n      );\n\n      // Send the toggle state to the server\n      server.send(\n        \"astro-integration-pocketbase:real-time\",\n        realTimeToggle.input.checked\n      );\n    });\n    // Send the initial toggle state to the server\n    server.send(\n      \"astro-integration-pocketbase:real-time\",\n      realTimeToggle.input.checked\n    );\n    windowElement.querySelector(\".toggle-container\")?.append(realTimeToggle);\n  }\n\n  if (hasContentLoader) {\n    // Add click listeners to the refresh button\n    const refresh =\n      windowElement.querySelector<DevToolbarButton>(\"#refresh-content\");\n    if (!refresh) {\n      throw new Error(\"The refresh button is missing\");\n    }\n\n    refresh.addEventListener(\"click\", () => {\n      server.send(\"astro-integration-pocketbase:refresh\", { force: false });\n    });\n    refresh.addEventListener(\"contextmenu\", (event) => {\n      event.preventDefault();\n      server.send(\"astro-integration-pocketbase:refresh\", { force: true });\n    });\n\n    server.on(\n      \"astro-integration-pocketbase:refresh\",\n      ({ loading }: { loading?: boolean }) => {\n        // Show loading state while refreshing content\n        if (loading) {\n          refresh.textContent = \"Refreshing content...\";\n          refresh.buttonStyle = \"gray\";\n          refresh.style.pointerEvents = \"none\";\n        } else {\n          refresh.textContent = \"Refresh content\";\n          refresh.buttonStyle = \"green\";\n          refresh.style.pointerEvents = \"unset\";\n        }\n      }\n    );\n  }\n}\n","/**\n * Creates a placeholder card.\n */\nexport function createPlaceholder(): string {\n  return /* HTML */ `\n    <style>\n      #placeholder div {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    </style>\n\n    <astro-dev-toolbar-card id=\"placeholder\">\n      <div>\n        <span> Here you will see the raw content of an entity </span>\n      </div>\n    </astro-dev-toolbar-card>\n  `;\n}\n","import {\n  closeOnOutsideClick,\n  createWindowElement,\n  synchronizePlacementOnUpdate\n} from \"astro/runtime/client/dev-toolbar/apps/utils/window.js\";\nimport type {\n  ToolbarAppEventTarget,\n  ToolbarServerHelpers\n} from \"astro/runtime/client/dev-toolbar/helpers.js\";\nimport { createEntities, createHeader, createPlaceholder } from \"./dom\";\nimport type { Entity } from \"./types/entity\";\nimport type { ToolbarOptions } from \"./types/options\";\n\ndeclare global {\n  interface Window {\n    __astro_entities__?: Array<Entity>;\n  }\n}\n\n/**\n * Initializes the PocketBase toolbar.\n */\nexport function initToolbar(\n  canvas: ShadowRoot,\n  app: ToolbarAppEventTarget,\n  server: ToolbarServerHelpers\n): void {\n  // Options for the toolbar\n  let options: ToolbarOptions = {\n    realtime: false,\n    hasContentLoader: false,\n    baseUrl: \"\"\n  };\n\n  // Update the options and refresh the toolbar\n  server.on(\n    \"astro-integration-pocketbase:settings\",\n    (updatedOptions: ToolbarOptions) => {\n      options = updatedOptions;\n      createPocketBaseWindow();\n    }\n  );\n\n  // Create the window (for every page navigation)\n  createPocketBaseWindow();\n  document.addEventListener(\"astro:after-swap\", createPocketBaseWindow);\n\n  // Setup the window\n  closeOnOutsideClick(app);\n  synchronizePlacementOnUpdate(app, canvas);\n\n  function createPocketBaseWindow(): void {\n    // Clear any existing content\n    canvas.innerHTML = \"\";\n\n    const entities = window.__astro_entities__ || [];\n\n    // Create the main window element\n    const windowElement = createWindowElement(/* HTML */ `\n      <style>\n        :host astro-dev-toolbar-window {\n          max-height: 480px;\n        }\n\n        main {\n          display: flex;\n          flex-direction: column;\n          gap: 1rem;\n          overflow-y: auto;\n        }\n      </style>\n\n      <header></header>\n\n      <hr />\n\n      <main>\n        ${entities.length > 0\n          ? createEntities(entities, options.baseUrl)\n          : createPlaceholder()}\n      </main>\n    `);\n\n    // Create and insert the header\n    createHeader(windowElement, server, options);\n\n    // Add the window to the canvas\n    canvas.append(windowElement);\n\n    // Update the toolbar depending on the current state\n    if (entities.length > 0) {\n      app.toggleNotification({ state: true, level: \"info\" });\n    } else {\n      app.toggleNotification({ state: false });\n      app.toggleState({ state: false });\n    }\n  }\n}\n","import { defineToolbarApp } from \"astro/toolbar\";\nimport { initToolbar } from \"./init-toolbar\";\n\nexport default defineToolbarApp({\n  init: initToolbar\n});\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-integration-pocketbase",
-  "version": "3.1.1",
+  "version": "3.1.2-next.2",
   "description": "An Astro integration to support developers working with astro-loader-pocketbase.",
   "keywords": [
     "astro",
@@ -23,41 +23,51 @@
     "url": "git+https://github.com/pawcoding/astro-integration-pocketbase.git"
   },
   "files": [
-    "src",
-    "index.ts"
+    "dist"
   ],
   "type": "module",
+  "types": "./dist/index.d.mts",
   "exports": {
-    ".": "./index.ts"
+    ".": "./dist/index.mjs",
+    "./middleware": "./dist/middleware.mjs",
+    "./toolbar": "./dist/toolbar.mjs",
+    "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public",
     "provenance": true
   },
   "scripts": {
+    "build": "tsdown",
     "format": "oxfmt",
     "format:check": "oxfmt --check",
     "lint": "oxlint --type-aware --type-check",
     "lint:fix": "oxlint --type-aware --type-check --fix",
     "prepare": "husky",
+    "prepublishOnly": "npm run build",
     "typecheck": "npx @typescript/native-preview --noEmit -p src/tsconfig.json"
   },
   "devDependencies": {
-    "@commitlint/cli": "20.5.3",
-    "@commitlint/config-conventional": "20.5.3",
-    "@types/node": "24.12.0",
-    "astro": "6.2.1",
+    "@commitlint/cli": "21.0.2",
+    "@commitlint/config-conventional": "21.0.2",
+    "@types/node": "24.12.4",
+    "astro": "6.4.2",
     "eventsource": "4.1.0",
     "globals": "17.6.0",
     "husky": "9.1.7",
-    "lint-staged": "16.4.0",
-    "oxfmt": "0.47.0",
-    "oxlint": "1.62.0",
-    "oxlint-tsgolint": "0.22.1"
+    "lint-staged": "17.0.6",
+    "oxfmt": "0.52.0",
+    "oxlint": "1.67.0",
+    "oxlint-tsgolint": "0.23.0",
+    "publint": "0.3.21",
+    "tsdown": "0.22.1"
   },
   "peerDependencies": {
     "astro": "^6.0.0",
     "eventsource": "^4.0.0"
   },
-  "packageManager": "npm@11.14.1"
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "packageManager": "npm@11.16.0"
 }

package/index.ts

@@ -1,5 +0,0 @@
-import { pocketbaseIntegration } from "./src/pocketbase-integration";
-import type { PocketBaseIntegrationOptions } from "./src/types/pocketbase-integration-options.type";
-
-export { pocketbaseIntegration };
-export type { PocketBaseIntegrationOptions };

package/src/core/index.ts

@@ -1,2 +0,0 @@
-export * from "./refresh-collections";
-export * from "./refresh-collections-realtime";

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

@@ -1,169 +0,0 @@
-import type { AstroIntegrationLogger, BaseIntegrationHooks } from "astro";
-import { EventSource } from "eventsource";
-import type { PocketBaseIntegrationOptions } from "../types/pocketbase-integration-options.type";
-import { getSuperuserToken } from "../utils/get-superuser-token";
-import { mapCollectionsToWatch } from "../utils/map-collections-to-watch";
-
-export function refreshCollectionsRealtime(
-  options: PocketBaseIntegrationOptions,
-  {
-    logger,
-    refreshContent,
-    toolbar
-  }: Parameters<BaseIntegrationHooks["astro:server:setup"]>[0]
-): EventSource | undefined {
-  // Check if collections should be watched
-  const collectionsMap = mapCollectionsToWatch(options.collectionsToWatch);
-  if (!collectionsMap) {
-    return undefined;
-  }
-  const remoteCollections = [...collectionsMap.keys()];
-
-  // Check if content loader is used
-  if (!refreshContent) {
-    logger.warn(
-      "No content loader available, skipping subscription to PocketBase realtime API."
-    );
-    return undefined;
-  }
-
-  // Check if EventSource is available
-  // oxlint-disable-next-line no-unnecessary-condition
-  if (!EventSource) {
-    logger.warn(
-      "EventSource is not available, skipping subscription to PocketBase realtime API.\n" +
-        "Please install the 'eventsource' package."
-    );
-    return undefined;
-  }
-
-  let refreshEnabled = true;
-  // Enable or disable real-time updates via the toolbar
-  toolbar.on("astro-integration-pocketbase:real-time", (enabled: boolean) => {
-    refreshEnabled = enabled;
-  });
-
-  const eventSourceUrl = new URL("api/realtime", options.url).href;
-  const eventSource = new EventSource(eventSourceUrl);
-  let wasConnectedOnce = false;
-  let isConnected = false;
-
-  // Log potential errors
-  // oxlint-disable-next-line prefer-await-to-callbacks
-  eventSource.addEventListener("error", (error) => {
-    isConnected = false;
-
-    // Wait for 5 seconds in case of a connection error
-    setTimeout(() => {
-      if (isConnected) {
-        // Connection was automatically re-established, no need to log the error
-        return;
-      }
-
-      logger.error(
-        `Error while connecting to PocketBase realtime API: ${error.type}`
-      );
-    }, 5000);
-  });
-
-  // Add event listeners for all collections
-  for (const collection of remoteCollections) {
-    eventSource.addEventListener(
-      `${collection}/*`,
-      async (event: MessageEvent<string>) => {
-        // Do not refresh if the refresh is disabled
-        if (!refreshEnabled) {
-          return;
-        }
-
-        // Refresh the content
-        logger.info(`Received update for ${collection}. Refreshing content...`);
-        await refreshContent({
-          loaders: ["pocketbase-loader"],
-          context: {
-            source: "astro-integration-pocketbase",
-            collection: collectionsMap.get(collection),
-            // oxlint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            data: JSON.parse(event.data)
-          }
-        });
-      }
-    );
-  }
-
-  // Add event listener for the connection event
-  eventSource.addEventListener(
-    "PB_CONNECT",
-    async (event: MessageEvent<void>) => {
-      isConnected = await handleConnectEvent(
-        event,
-        remoteCollections,
-        wasConnectedOnce,
-        options,
-        logger
-      );
-      if (isConnected) {
-        wasConnectedOnce = true;
-      }
-    }
-  );
-
-  return eventSource;
-}
-
-async function handleConnectEvent(
-  event: MessageEvent<void>,
-  remoteCollections: Array<string>,
-  wasConnectedOnce: boolean,
-  options: PocketBaseIntegrationOptions,
-  logger: AstroIntegrationLogger
-): Promise<boolean> {
-  // Extract the clientId
-  const clientId = event.lastEventId;
-
-  // Get the superuser token if credentials are available
-  let superuserToken: string | undefined;
-  if (options.superuserCredentials) {
-    if ("impersonateToken" in options.superuserCredentials) {
-      superuserToken = options.superuserCredentials.impersonateToken;
-    } else {
-      superuserToken = await getSuperuserToken(
-        options.url,
-        options.superuserCredentials,
-        logger
-      );
-    }
-  }
-
-  // Subscribe to the PocketBase realtime API
-  const subscriptionUrl = new URL("api/realtime", options.url).href;
-  const result = await fetch(subscriptionUrl, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      Authorization: superuserToken || ""
-    },
-    body: JSON.stringify({
-      clientId,
-      subscriptions: remoteCollections.map((collection) => `${collection}/*`)
-    })
-  });
-
-  // Log the connection status
-  if (!result.ok) {
-    logger.error(
-      `Error while subscribing to PocketBase realtime API: ${result.status}`
-    );
-    return false;
-  }
-
-  if (!wasConnectedOnce) {
-    logger.info(
-      `Subscribed to PocketBase realtime API. Waiting for updates on ${remoteCollections.join(
-        ", "
-      )}.`
-    );
-  }
-
-  return true;
-}

package/src/core/refresh-collections.ts

@@ -1,46 +0,0 @@
-import type { BaseIntegrationHooks } from "astro";
-
-/**
- * Listen for the refresh event of the toolbar.
- * When the event is triggered in the toolbar, refresh the content loaded by the PocketBase loader.
- */
-export function handleRefreshCollections({
-  toolbar,
-  refreshContent,
-  logger
-}: Parameters<BaseIntegrationHooks["astro:server:setup"]>[0]): void {
-  if (!refreshContent) {
-    return;
-  }
-
-  logger.info("Setting up refresh listener for PocketBase integration");
-
-  // Listen for the refresh event of the toolbar
-  toolbar.on(
-    "astro-integration-pocketbase:refresh",
-    // oxlint-disable-next-line strict-void-return
-    async ({ force }: { force: boolean }) => {
-      // Send a loading state to the toolbar
-      toolbar.send("astro-integration-pocketbase:refresh", {
-        loading: true
-      });
-
-      // Refresh content loaded by the PocketBase loader
-      logger.info(
-        `Refreshing ${force ? "all " : ""}content loaded by PocketBase loader`
-      );
-      await refreshContent({
-        loaders: ["pocketbase-loader"],
-        context: {
-          source: "astro-integration-pocketbase",
-          force
-        }
-      });
-
-      // Reset the loading state in the toolbar
-      toolbar.send("astro-integration-pocketbase:refresh", {
-        loading: false
-      });
-    }
-  );
-}

package/src/middleware/index.ts

@@ -1,50 +0,0 @@
-import { defineMiddleware } from "astro/middleware";
-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
-  const props = Object.values(context.props);
-  const entities = findEntitiesRecursive(props).map((entity) => entity.data);
-
-  const response = await next();
-  const contentType = response.headers.get("content-type");
-  if (!contentType?.includes("text/html")) {
-    // Pass through non-HTML responses unchanged
-    return response;
-  }
-
-  const body = await response.text();
-
-  // Append the entities to the <head>
-  const entitiesJson = JSON.stringify(entities);
-  const newBody = body.replace(
-    "</head>",
-    `<script>window.__astro_entities__ = ${entitiesJson}</script></head>`
-  );
-
-  return new Response(newBody, response);
-});
-
-/**
- * Find PocketBase entities in the given data.
- */
-function findEntitiesRecursive(data: unknown): Array<PocketBaseEntry> {
-  // Check if the data is an array and search for entities in each element
-  if (Array.isArray(data)) {
-    return data.flatMap((item) => findEntitiesRecursive(item));
-  }
-
-  if (typeof data === "object" && data !== null) {
-    // Check if the data is an object and a PocketBase entry
-    if (isPocketbaseEntry(data)) {
-      return [data];
-    }
-
-    // Search for entities in all values
-    return findEntitiesRecursive(Object.values(data));
-  }
-
-  // No entities found
-  return [];
-}

package/src/middleware/is-pocketbase-entry.ts

@@ -1,33 +0,0 @@
-import { z } from "astro/zod";
-
-/**
- * Schema for a PocketBase entry created with [astro-loader-pocketbase](https://github.com/pawcoding/astro-loader-pocketbase)
- */
-const pocketbaseEntrySchema = z.object({
-  id: z.string(),
-  data: z.object({
-    id: z.string(),
-    collectionId: z.string(),
-    collectionName: z.string()
-  }),
-  digest: z.string().length(16),
-  collection: z.string()
-});
-
-/**
- * Type for a PocketBase entry created with [astro-loader-pocketbase](https://github.com/pawcoding/astro-loader-pocketbase)
- */
-export type PocketBaseEntry = z.infer<typeof pocketbaseEntrySchema>;
-
-/**
- * Checks if the given data is a PocketBase entry.
- */
-export function isPocketbaseEntry(data: unknown): data is PocketBaseEntry {
-  try {
-    // Try to parse the data with the PocketBase entry schema
-    pocketbaseEntrySchema.parse(data);
-    return true;
-  } catch {
-    return false;
-  }
-}