redo and undo

app/controllers/config.ts

@@ -7,7 +7,9 @@ interface Config {
   apiEndpoint: string;
   viewsDir: string;
   rootUrl: URL;
-  openid: {
+  openid:
+    | false
+    | {
         issuer: string;
         client: {
           client_id: string;
@@ -15,7 +17,7 @@ interface Config {
         };
         request: HttpOptions;
       };
-  key: KeyObject;
+  key: false | KeyObject;
 }
 
 export type { Config };
@@ -31,16 +33,18 @@ function defaultConfig(): Config {
     apiUrl: new URL(process.env.QUOT_API_URL ?? "http://127.0.0.1:3000"),
     apiEndpoint: process.env.QUOT_API_ENDPOINT ?? "/api",
     viewsDir: "views",
-    openid: {
-      issuer: process.env.QUOT_OPENID_ISSUER ?? "",
+    openid: Boolean(process.env.QUOT_OPENID_ISSUER) && {
+      issuer: process.env.QUOT_OPENID_ISSUER!,
       client: {
-        client_id: process.env.QUOT_OPENID_CLIENT_ID ?? "",
-        client_secret: process.env.QUOT_OPENID_CLIENT_SECRET ?? "",
+        client_id: process.env.QUOT_OPENID_CLIENT_ID!,
+        client_secret: process.env.QUOT_OPENID_CLIENT_SECRET!,
       },
       request: { timeout: 5_000 },
     },
-    key: crypto.createPrivateKey({
-      key: JSON.parse(process.env.QUOT_JWK ?? "{}"),
+    key:
+      Boolean(process.env.QUOT_JWK) &&
+      crypto.createPrivateKey({
+        key: JSON.parse(process.env.QUOT_JWK!),
         format: "jwk",
       }),
   };

app/controllers/routes/login.ts

@@ -3,9 +3,21 @@ import { SignJWT } from "jose";
 import type { FastifyInstance } from "fastify";
 
 async function login(fastify: FastifyInstance) {
-  custom.setHttpOptionsDefaults(fastify.config.openid.request);
-  const issuer = await Issuer.discover(fastify.config.openid.issuer);
-  const client = new issuer.Client(fastify.config.openid.client);
+  const key = fastify.config.key;
+  if (!key) {
+    fastify.log.warn("The key is required to use login endpoint.");
+    return;
+  }
+  const openid = fastify.config.openid;
+  if (!openid) {
+    fastify.log.warn(
+      "The openid parameters is required to use login endpoint."
+    );
+    return;
+  }
+  custom.setHttpOptionsDefaults(openid.request);
+  const issuer = await Issuer.discover(openid.issuer);
+  const client = new issuer.Client(openid.client);
 
   fastify.get("/login", async (request, reply) => {
     const params = client.callbackParams(request.raw);
@@ -22,7 +34,7 @@ async function login(fastify: FastifyInstance) {
       .setProtectedHeader({ typ: "JWT", alg: "RS256" })
       .setExpirationTime("30days")
       .setSubject(userUrl.href)
-      .sign(fastify.config.key);
+      .sign(key);
     const url = new URL(fastify.config.rootUrl);
     url.hash = new URLSearchParams({ jwt }).toString();
     return reply.redirect(url.href);

app/package.json

@@ -13,18 +13,19 @@
   "dependencies": {
     "@exampledev/new.css": "^1.1.3",
     "@fastify/http-proxy": "^8.2.2",
-    "@lexical/plain-text": "^0.3.11",
-    "esbuild": "^0.15.5",
+    "@lexical/history": "^0.4.1",
+    "@lexical/plain-text": "^0.4.1",
+    "esbuild": "^0.15.7",
     "esbuild-register": "^3.3.3",
     "fastify": "^4.5.3",
     "jose": "^4.9.2",
-    "lexical": "^0.3.11",
+    "lexical": "^0.4.1",
     "openid-client": "^5.1.9",
-    "solid-js": "^1.4.8"
+    "solid-js": "^1.5.4"
   },
   "devDependencies": {
-    "@tsconfig/node18-strictest-esm": "^1.0.0",
-    "@types/node": "^18.7.8",
-    "typescript": "^4.7.4"
+    "@tsconfig/node18-strictest-esm": "^1.0.1",
+    "@types/node": "^18.7.15",
+    "typescript": "^4.8.2"
   }
 }

app/views/components/editor.tsx

@@ -5,6 +5,7 @@ import {
   $getRoot,
   createEditor,
 } from "lexical";
+import { registerHistory, createEmptyHistoryState } from "@lexical/history";
 import { registerPlainText } from "@lexical/plain-text";
 import { onCleanup, onMount } from "solid-js";
 import type Pages from "../../protocol/pages";
@@ -34,6 +35,7 @@ export default (props: {
     root.append(paragraphNode);
   };
   onCleanup(registerPlainText(editor, initialEditorState));
+  onCleanup(registerHistory(editor, createEmptyHistoryState(), 333));
   onMount(() => {
     onCleanup(
       editor.registerTextContentListener((text) => {

app/views/pages/page.tsx

@@ -11,13 +11,12 @@ async function updatePage(
   content: Pages.RequestContentPage
 ): Promise<boolean> {
   const jwt = window.localStorage.getItem("jwt");
-  if (!jwt) return false;
   const res = await fetch(
     `${import.meta.env.QUOT_API_ENDPOINT}/pages?id=eq.${id}`,
     {
       method: "PUT",
       headers: {
-        authorization: `Bearer ${jwt}`,
+        ...(jwt ? { authorization: `Bearer ${jwt}` } : {}),
         "content-type": "application/json",
       },
       body: JSON.stringify(content),
@@ -28,12 +27,11 @@ async function updatePage(
 
 async function deletePage(id: number): Promise<boolean> {
   const jwt = window.localStorage.getItem("jwt");
-  if (!jwt) return false;
   const res = await fetch(
     `${import.meta.env.QUOT_API_ENDPOINT}/pages?id=eq.${id}`,
     {
       method: "DELETE",
-      headers: { authorization: `Bearer ${jwt}` },
+      headers: jwt ? { authorization: `Bearer ${jwt}` } : {},
     }
   );
   return res.ok;

compose.yml

@@ -22,8 +22,8 @@ services:
     restart: unless-stopped
     ports: ["3000:3000"]
     environment:
-      QUOT_JWK: ${QUOT_JWK:?} # https://mkjwk.org
       DATABASE_URL: postgresql://postgres:${POSTGRES_PASSWORD}@/postgres?host=/var/run/postgresql
+      PGRST_DB_ANON_ROLE: postgres
     volumes:
       - postgres_socket:/var/run/postgresql
     depends_on: