feat(pages): default to org visibility, cached thumbnails, owner + delete in the grid

apps/desktop/src/lib/trpc/routers/index.ts

@@ -19,6 +19,7 @@ import { createMenuRouter } from "./menu";
 import { createMigrationRouter } from "./migration";
 import { createNotificationsRouter } from "./notifications";
 import { createPageContentRouter } from "./page-content";
+import { createPageThumbnailRouter } from "./page-thumbnail";
 import { createPermissionsRouter } from "./permissions";
 import { createPluginsRouter } from "./plugins";
 import { createPortsRouter } from "./ports";
@@ -51,6 +52,7 @@ export const createAppRouter = (getWindow: () => BrowserWindow | null) => {
 		filesystem: createFilesystemRouter(),
 		notifications: createNotificationsRouter(getWindow),
 		pageContent: createPageContentRouter(),
+		pageThumbnail: createPageThumbnailRouter(),
 		permissions: createPermissionsRouter(),
 		plugins: createPluginsRouter(),
 		ports: createPortsRouter(),

apps/desktop/src/lib/trpc/routers/page-thumbnail/index.ts

@@ -0,0 +1 @@
+export { createPageThumbnailRouter } from "./page-thumbnail";

apps/desktop/src/lib/trpc/routers/page-thumbnail/page-thumbnail.ts

@@ -0,0 +1,21 @@
+import { ensureThumbnail, peekThumbnail } from "main/lib/pageThumbnails";
+import { z } from "zod";
+import { publicProcedure, router } from "../..";
+
+const thumbnailKey = z.object({
+	accountId: z.string(),
+	pageId: z.string(),
+	version: z.string(),
+});
+
+export const createPageThumbnailRouter = () => {
+	return router({
+		peek: publicProcedure
+			.input(thumbnailKey)
+			.query(({ input }) => peekThumbnail(input)),
+
+		ensure: publicProcedure
+			.input(thumbnailKey.extend({ html: z.string() }))
+			.mutation(({ input }) => ensureThumbnail(input)),
+	});
+};

apps/desktop/src/main/index.ts

@@ -36,6 +36,10 @@ import { localDb } from "./lib/local-db";
 import { requestLocalNetworkAccess } from "./lib/local-network-permission";
 import { menuEmitter } from "./lib/menu-events";
 import { PAGE_SCHEME, pageProtocolHandler } from "./lib/pageContent";
+import {
+	THUMBNAIL_SCHEME,
+	thumbnailProtocolHandler,
+} from "./lib/pageThumbnails";
 import {
 	initTanstackDbPersistence,
 	shutdownTanstackDbPersistence,
@@ -350,6 +354,15 @@ protocol.registerSchemesAsPrivileged([
 			secure: true,
 		},
 	},
+	{
+		scheme: THUMBNAIL_SCHEME,
+		privileges: {
+			standard: true,
+			secure: true,
+			bypassCSP: true,
+			supportFetchAPI: true,
+		},
+	},
 ]);
 
 const gotTheLock = app.requestSingleInstanceLock();
@@ -413,6 +426,11 @@ if (!gotTheLock) {
 			.fromPartition("persist:superset")
 			.protocol.handle(PAGE_SCHEME, pageProtocolHandler);
 
+		protocol.handle(THUMBNAIL_SCHEME, thumbnailProtocolHandler);
+		session
+			.fromPartition("persist:superset")
+			.protocol.handle(THUMBNAIL_SCHEME, thumbnailProtocolHandler);
+
 		// Serve system fonts (e.g. SF Mono on macOS) via custom protocol
 		// so the renderer can use @font-face with font-src 'self' CSP
 		if (process.platform === "darwin") {

apps/desktop/src/main/lib/pageThumbnails/index.ts

@@ -0,0 +1,8 @@
+export {
+	ensureThumbnail,
+	peekThumbnail,
+	THUMBNAIL_SCHEME,
+	type ThumbnailKey,
+	thumbnailProtocolHandler,
+	thumbnailUrl,
+} from "./pageThumbnails";