feat: override local bundle at build time

when building for end-to-end tests, we want to load a local bundle,
but the vite preview server isn't up and running to serve static assets
yet

also, set up lint-staged for faster lint failure feedback

Author: jamesdabbs

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

package.json

@@ -6,11 +6,17 @@
     "lint": "prettier --write '**/*.{ts,js,svelte,yaml}'",
     "lint:check": "prettier --check '**/*.{ts,js,svelte,yaml}'",
     "test": "pnpm run --recursive test",
-    "test:cov": "pnpm run --recursive test:cov"
+    "test:cov": "pnpm run --recursive test:cov",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "*.{ts,js,svelte,yaml}": "pnpm lint"
   },
   "devDependencies": {
     "@types/node": "^20.14.0",
     "@vitest/coverage-v8": "^1.3.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.0",
     "nodemon": "^2.0.22",
     "npm-check-updates": "^16.14.12",
     "prettier": "^2.8.8",
@@ -20,4 +26,4 @@
     "vite": "^5.0.0",
     "vitest": "^1.3.0"
   }
-}
+}

packages/core/test/fixtures/bundle.min.json

@@ -142,7 +142,7 @@
     },
     {
       "uid": "P000021",
-      "name": "Weakly Countably Compact",
+      "name": "Weakly countably compact",
       "aliases": ["Limit point compact"],
       "refs": [],
       "description": "-"

packages/viewer/cypress/fixtures/main.min.json

@@ -220,13 +220,9 @@
     },
     {
       "uid": "P000021",
-      "name": "Weakly Countably Compact",
-      "aliases": [
-        "Limit point compact"
-      ],
-      "refs": [
-
-      ],
+      "name": "Weakly countably compact",
+      "aliases": ["Limit point compact"],
+      "refs": [],
       "description": "-"
     },
     {

packages/viewer/src/gateway.ts

@@ -20,10 +20,13 @@ export type Result = {
 
 export function sync(
   fetch: (input: RequestInfo, init?: RequestInit) => Promise<Response>,
+  bundle?: pb.Bundle,
 ): Sync {
   return async (host: string, branch: string, etag?: string) => {
     trace({ event: 'remote_fetch_started', host, branch })
-    const result = await pb.bundle.fetch({ host, branch, etag, fetch })
+    const result = bundle
+      ? { bundle, etag: 'etag' }
+      : await pb.bundle.fetch({ host, branch, etag, fetch })
 
     if (result) {
       trace({ event: 'remote_fetch_complete', result })

packages/viewer/src/routes/+layout.server.ts

@@ -0,0 +1,9 @@
+import main from '../../public/refs/heads/main.json'
+
+const bundleHost = import.meta.env.VITE_BUNDLE_HOST
+
+export const load = () => {
+  if (bundleHost?.includes('localhost')) {
+    return main
+  }
+}

packages/viewer/src/routes/+layout.ts

@@ -4,7 +4,9 @@ import * as errors from '@/errors'
 import { sync } from '@/gateway'
 import type { LayoutLoad } from './$types'
 
-export const load: LayoutLoad = async ({ fetch, url: { host } }) => {
+const bundleHost = import.meta.env.VITE_BUNDLE_HOST
+
+export const load: LayoutLoad = async ({ data, fetch, url: { host } }) => {
   const dev = host.match(/(dev(elopment)?[.-]|localhost)/) !== null
 
   const errorHandler = dev
@@ -14,7 +16,7 @@ export const load: LayoutLoad = async ({ fetch, url: { host } }) => {
   const context = initialize({
     showDev: dev,
     errorHandler,
-    gateway: sync(fetch),
+    gateway: sync(fetch, data ? (data as any) : undefined),
     source: {
       host: defaultHost,
     },