docs: convert large screenshots to AVIF and remove unused images

README.md

@@ -39,8 +39,8 @@ Embedding Atlas is a tool that provides interactive visualizations for large emb
 Please visit <https://apple.github.io/embedding-atlas> for a demo and documentation.
 
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="./packages/docs/public/assets/embedding-atlas-dark.png">
-  <img alt="screenshot of Embedding Atlas" src="./packages/docs/public/assets/embedding-atlas-light.png">
+  <source media="(prefers-color-scheme: dark)" srcset="./packages/docs/public/assets/embedding-atlas-dark.avif">
+  <img alt="screenshot of Embedding Atlas" src="./packages/docs/public/assets/embedding-atlas-light.avif">
 </picture>
 
 ## Get started

package.json

@@ -16,7 +16,7 @@
     "build": "./scripts/build.sh",
     "test:js": "npm run test -w @embedding-atlas/density-clustering -w @embedding-atlas/umap-wasm -w @embedding-atlas/utils -w @embedding-atlas/viewer",
     "test:rust": "cargo test --workspace",
-    "test:python": "cd packages/backend && uv run pytest",
+    "test:python": "cd packages/backend && uv run --frozen pytest",
     "test:versions": "node scripts/check-versions.mjs",
     "test": "npm run test:versions && npm run test:js && npm run test:python && npm run test:rust",
     "check": "npm run check -w @embedding-atlas/component -w @embedding-atlas/viewer -w @embedding-atlas/embedding-atlas -w @embedding-atlas/examples -w @embedding-atlas/backend",

packages/docs/.vitepress/doc_python_cli.mjs

@@ -12,7 +12,7 @@ function extract(entrypoint) {
     from ${module} import ${func} as main
     print(json.dumps([p.to_info_dict() for p in main.params]))
   `);
-  let helpCommand = `uv run python -c "${code}"`;
+  let helpCommand = `uv run --frozen python -c "${code}"`;
   let workDir = resolve("../../packages/backend");
   let json = execSync(helpCommand, { cwd: workDir, encoding: "utf-8" });
   return JSON.parse(json);

packages/docs/.vitepress/doc_python_docstring.mjs

@@ -27,7 +27,7 @@ function extract(entrypoint) {
     print(result.decode("utf-8"))
   `);
   code = code.replaceAll('"', '\\"');
-  let helpCommand = `uv run python -c "${code}"`;
+  let helpCommand = `uv run --frozen python -c "${code}"`;
   let workDir = resolve("../../packages/backend");
   let result = execSync(helpCommand, { cwd: workDir, encoding: "utf-8" });
   return result;

packages/docs/embedding-view-mosaic.md

@@ -5,8 +5,8 @@ The component connects to a [Mosaic](https://idl.uw.edu/mosaic/) coordinator and
 
 We also provide React and Svelte wrappers for the component to easily include it in your own application.
 
-<p class="light-only"><img style="margin: 0 auto;" src="./public/assets/component-light.png" loading="lazy" /></p>
-<p class="dark-only"><img style="margin: 0 auto;" src="./public/assets/component-dark.png" loading="lazy" /></p>
+<p class="light-only"><img style="margin: 0 auto;" src="./public/assets/component-light.avif" loading="lazy" /></p>
+<p class="dark-only"><img style="margin: 0 auto;" src="./public/assets/component-dark.avif" loading="lazy" /></p>
 
 ```bash
 npm install embedding-atlas

packages/docs/embedding-view.md

@@ -4,8 +4,8 @@ The `embedding-atlas` package contains a component for displaying up to a few mi
 
 We also provide React and Svelte wrappers for the component to easily include it in your own application.
 
-<p class="light-only"><img style="margin: 0 auto;" src="./public/assets/component-light.png" loading="lazy" /></p>
-<p class="dark-only"><img style="margin: 0 auto;" src="./public/assets/component-dark.png" loading="lazy" /></p>
+<p class="light-only"><img style="margin: 0 auto;" src="./public/assets/component-light.avif" loading="lazy" /></p>
+<p class="dark-only"><img style="margin: 0 auto;" src="./public/assets/component-dark.avif" loading="lazy" /></p>
 
 ```bash
 npm install embedding-atlas

packages/docs/index.md

@@ -8,8 +8,8 @@ hero:
   tagline: Visualize, cross-filter, and search embeddings and metadata.
 
   image:
-    light: ./assets/embedding-atlas-light.png
-    dark: ./assets/embedding-atlas-dark.png
+    light: ./assets/embedding-atlas-light.avif
+    dark: ./assets/embedding-atlas-dark.avif
     alt: a screenshot of embedding atlas
   actions:
     - theme: brand

packages/docs/overview.md

@@ -2,8 +2,8 @@
 
 Embedding Atlas is a tool that provides interactive visualizations for large embeddings and their metadata. You can visualize, cross-filter, and search across your data.
 
-<img style="border-radius: 4px; margin-top: 16px" class="light-only" src="/assets/embedding-atlas-light.png" loading="lazy">
-<img style="border-radius: 4px; margin-top: 16px" class="dark-only" src="/assets/embedding-atlas-dark.png" loading="lazy">
+<img style="border-radius: 4px; margin-top: 16px" class="light-only" src="/assets/embedding-atlas-light.avif" loading="lazy">
+<img style="border-radius: 4px; margin-top: 16px" class="dark-only" src="/assets/embedding-atlas-dark.avif" loading="lazy">
 
 While embeddings are the focus, Embedding Atlas also works as a dashboard for tabular data. If your dataset has no embedding column, the embedding view is hidden, but linked charts, full-text search, and the instances view still work. Supported column types include text, image, audio, numeric, categorical, and time.
 

packages/docs/package.json

@@ -5,8 +5,8 @@
     "build": "npm run generate_assets && vitepress build",
     "preview": "npm run generate_assets && vitepress preview",
     "extract-api": "api-extractor run -c scripts/api-extractor.json",
-    "generate_assets": "uv run --project ../backend python generate_assets.py",
-    "generate_cache": "uv run --project ../backend python generate_cache.py"
+    "generate_assets": "uv run --frozen --project ../backend python generate_assets.py",
+    "generate_cache": "uv run --frozen --project ../backend python generate_cache.py"
   },
   "devDependencies": {
     "vitepress": "2.0.0-alpha.17"

packages/docs/tool.md

@@ -2,8 +2,8 @@
 
 The Python package contains a command-line utility for you to quickly explore large text datasets with metadata.
 
-<img style="border-radius: 4px" class="light-only" src="/assets/embedding-atlas-light.png" loading="lazy">
-<img style="border-radius: 4px" class="dark-only" src="/assets/embedding-atlas-dark.png" loading="lazy">
+<img style="border-radius: 4px" class="light-only" src="/assets/embedding-atlas-light.avif" loading="lazy">
+<img style="border-radius: 4px" class="dark-only" src="/assets/embedding-atlas-dark.avif" loading="lazy">
 
 ## Installation
 

packages/viewer/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "dev": "vite",
-    "build": "uv run python scripts/download_duckdb_extensions.py && vite build && vite build --config vite.config.lib.js",
+    "build": "uv run --frozen python scripts/download_duckdb_extensions.py && vite build && vite build --config vite.config.lib.js",
     "check": "svelte-check",
     "test": "vitest run",
     "package": "npm run build && publint",