Redo as spec query param

Author: andrewbranch

package-lock.json

@@ -16,7 +16,6 @@
   "license": "MIT",
   "dependencies": {
     "@arethetypeswrong/core": "file:../core",
-    "fflate": "^0.7.4",
     "immer": "^9.0.21",
     "validate-npm-package-name": "^5.0.0"
   },

packages/web/package.json

@@ -1,17 +1,7 @@
 import validatePackgeName from "validate-npm-package-name";
 import type { ResultMessage } from "../worker/worker.ts";
 import { subscribeRenderer } from "./renderer.ts";
-import {
-  updateState,
-  type PackageInfo,
-  type ParsedPackageSpec,
-  getState,
-  subscribe,
-  type State,
-  deserializeState,
-  setState,
-  serializeState,
-} from "./state.ts";
+import { updateState, type PackageInfo, type ParsedPackageSpec, getState, subscribe, type State } from "./state.ts";
 import { shallowEqual } from "./utils/shallowEqual.ts";
 
 // Good grief https://semver.org/#is-there-a-suggested-regular-expression-regex-to-check-a-semver-string
@@ -25,11 +15,17 @@ worker.onmessage = async (event: MessageEvent<ResultMessage>) => {
     state.message = undefined;
   });
 
-  const state = getState();
-  const serializedState = await serializeState(state);
   const params = new URLSearchParams(location.search);
-  params.set("s", serializedState);
-  history.replaceState(null, "", `?${params}`);
+  const state = getState();
+  if (state.packageInfo.parsed) {
+    params.set(
+      "p",
+      `${state.packageInfo.parsed.packageName}${
+        state.packageInfo.info?.version ? `@${state.packageInfo.info.version}` : ""
+      }`
+    );
+    history.replaceState(null, "", `?${params}`);
+  }
 };
 
 subscribeRenderer({
@@ -45,22 +41,23 @@ subscribeRenderer({
 subscribe(debounce(getPackageInfo, 300));
 
 if (location.search) {
+  const packageNameInput = document.getElementById("package-spec") as HTMLInputElement;
   const params = new URLSearchParams(location.search);
-  const serializedState = params.get("s");
-  if (serializedState) {
-    deserializeState(serializedState).then((state) => {
-      const packageNameInput = document.getElementById("package-spec") as HTMLInputElement;
-      if (state.packageInfo.parsed) {
-        packageNameInput.value = `${state.packageInfo.parsed.packageName}${
-          state.packageInfo.info?.version ? `@${state.packageInfo.info.version}` : ""
-        }`;
+  const packageSpec = params.get("p");
+  if (packageSpec) {
+    packageNameInput.value = packageSpec;
+    onPackageNameInput(packageSpec);
+    getPackageInfo().then(() => {
+      const info = getState().packageInfo.info;
+      console.log(info);
+      if (info && info.size && info.size < 1_000_000 && !navigator.connection?.saveData) {
+        onCheck();
       }
-      setState(state);
     });
   }
 }
 
-async function onPackageNameInput(value: string) {
+function onPackageNameInput(value: string) {
   value = value.trim();
   if (!value) {
     updateState((state) => {

packages/web/src/main.ts

@@ -1,5 +1,4 @@
 import type { Analysis, ProblemSummary, Problem } from "@arethetypeswrong/core";
-import { gunzip, gzip } from "fflate";
 import { produce } from "immer";
 
 export interface Checks {
@@ -60,55 +59,3 @@ export function updateState(updater: (draftState: State) => void): void {
 export function getState(): DeepReadonly<State> {
   return state;
 }
-
-export function setState(newState: State): void {
-  const prevState = state;
-  state = newState;
-  subscribers.forEach((callback) => callback(prevState));
-}
-
-export async function serializeState(state = getState()): Promise<string> {
-  const json = JSON.stringify([state.packageInfo, state.checks], (key, value) => {
-    if (key === "exports" || key === "trace") return undefined;
-    return value;
-  });
-
-  return new Promise((resolve, reject) => {
-    gzip(new TextEncoder().encode(json), (error, data) => {
-      if (error) {
-        reject(error);
-      } else {
-        resolve(btoa(String.fromCharCode(...data)));
-      }
-    });
-  });
-}
-
-export async function deserializeState(serializedState: string): Promise<State> {
-  const json = new TextDecoder().decode(
-    await new Promise((resolve, reject) =>
-      gunzip(
-        Uint8Array.from(
-          atob(serializedState)
-            .split("")
-            .map((c) => c.charCodeAt(0))
-        ),
-        (error, data) => {
-          if (error) {
-            reject(error);
-          } else {
-            resolve(data);
-          }
-        }
-      )
-    )
-  );
-
-  const [packageInfo, checks] = JSON.parse(json) as [PackageInfoState, Checks];
-
-  return {
-    isLoading: false,
-    packageInfo,
-    checks,
-  };
-}

packages/web/src/state.ts

@@ -2,4 +2,9 @@ export {};
 
 declare global {
   const COMMIT: string;
+  interface Navigator {
+    connection?: {
+      saveData: boolean;
+    };
+  }
 }