app/src/app.tsx

@@ -38,9 +38,7 @@ export default () => {
         <a href="/new">📄</a>
       </header>
       {routes[pathname()] ?? (
-        <Page
+        <Page id={Number(pathname().slice(1)) || random()} />
-          id={parseInt(pathname().slice(1), 16) || random()}
-        />
       )}
     </>
   );

app/src/components/editor.tsx

@@ -1,5 +1,4 @@
 import {
-  $createLineBreakNode,
   $createParagraphNode,
   $createTextNode,
   $getRoot,
@@ -26,11 +25,8 @@ export default (props: {
     const root = $getRoot();
     if (root.getFirstChild()) return;
     const paragraphNode = $createParagraphNode();
-    const text = props.text
+    const textNode = $createTextNode(props.text);
-      .split("\n")
+    paragraphNode.append(textNode);
-      .flatMap((line) => [$createTextNode(line), $createLineBreakNode()])
-      .slice(0, -1);
-    paragraphNode.append(...text);
     root.append(paragraphNode);
   };
   onCleanup(registerPlainText(editor, initialEditorState));

app/src/helpers/random.ts

@@ -1,5 +1,5 @@
 function random(): number {
-  return 0x7f_ff_ff_ff & window.crypto.getRandomValues(new Uint32Array(1))[0]!;
+  return window.crypto.getRandomValues(new Uint16Array(1))[0]!;
 }
 
 export default random;

app/src/pages/index.tsx

@@ -20,7 +20,7 @@ export default () => {
         <Cards>
           <For each={pages()}>
             {(page) => (
-              <a href={`/${page.id.toString(16)}`}>
+              <a href={`/${page.id}`}>
                 <Card {...page} />
               </a>
             )}

app/src/pages/page.tsx

@@ -44,11 +44,7 @@ export default (props: { id: number }) => {
     async (id: number, content: Pages.RequestContentPage) => {
       if (await (content.text ? updatePage(id, content) : deletePage(id))) {
         unblock();
-        window.history.replaceState(
+        window.history.replaceState({}, "", `/${content.text ? id : "new"}`);
-          {},
-          "",
-          `/${content.text ? id.toString(16) : "new"}`
-        );
       }
     },
     intervalMs