layout sharing via url

[deploy]

src/lib/serial/serialization.ts

@@ -21,9 +21,7 @@ export async function getSharableUrl(name: string, data: any, baseHref = window.
   return new Promise(async resolve => {
     const reader = new FileReader()
     reader.onloadend = function () {
-      const base64String = (reader.result as string)
-        .replace(/^data:application\/octet-stream;base64,/, "")
-        .replace(/==$/, "")
+      const base64String = (reader.result as string).replace(/^data:application\/octet-stream;base64,/, "")
       const url = new URL(baseHref)
       url.searchParams.set(name, base64String)
       resolve(url)
@@ -31,3 +29,15 @@ export async function getSharableUrl(name: string, data: any, baseHref = window.
     reader.readAsDataURL(await stringifyCompressed(data))
   })
 }
+
+export async function parseSharableUrl<T>(
+  name: string,
+  url: string = window.location.href,
+): Promise<T | undefined> {
+  const searchParams = new URL(url).searchParams
+  if (!searchParams.has(name)) return
+
+  return await fetch(`data:application/octet-stream;base64,${searchParams.get(name)}`)
+    .then(it => it.blob())
+    .then(it => parseCompressed(it))
+}