matterviz 0.4.1 → 0.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matterviz",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "Interactive visualizations for materials science: periodic tables, 3D structures, MD trajectories, heatmaps, scatter plots.",
   "keywords": [
     "chemistry",
@@ -177,8 +177,7 @@
   },
   "scripts": {
     "test": "vp test --run && playwright test",
-    "knip": "knip --include dependencies,devDependencies",
-    "knip:exports": "knip --include exports,types,nsExports",
+    "knip": "knip --include dependencies,exports,types,nsExports",
     "publint": "publint",
     "package-dist-assets": "node scripts/package-dist-assets.ts",
     "package:dist": "svelte-package && pnpm run package-dist-assets",
@@ -186,8 +185,8 @@
     "prepublishOnly": "pnpm run package:dist"
   },
   "dependencies": {
-    "@spglib/moyo-wasm": "^0.12.0",
-    "@sveltejs/kit": "2.65.1",
+    "@spglib/moyo-wasm": "^0.14.0",
+    "@sveltejs/kit": "2.69.2",
     "@threlte/core": "^8.5.16",
     "@threlte/extras": "^9.21.0",
     "d3-array": "^3.2.4",
@@ -203,16 +202,16 @@
     "dompurify": "3.4.7",
     "fflate": "^0.8.3",
     "h5wasm": "^0.10.3",
-    "js-yaml": "^4.2.0",
-    "svelte-multiselect": "^11.7.2",
-    "three": "^0.184.0"
+    "js-yaml": "^5.2.1",
+    "svelte-multiselect": "^11.8.0",
+    "three": "^0.185.1"
   },
   "devDependencies": {
     "@janosh/vite-config": "github:janosh/dotfiles",
-    "@playwright/test": "^1.60.0",
+    "@playwright/test": "^1.61.1",
     "@sveltejs/adapter-static": "3.0.10",
     "@sveltejs/package": "^2.5.8",
-    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "@sveltejs/vite-plugin-svelte": "^7.2.0",
     "@types/d3-array": "^3.2.2",
     "@types/d3-color": "^3.1.3",
     "@types/d3-format": "^3.0.4",
@@ -223,24 +222,21 @@
     "@types/d3-scale-chromatic": "^3.1.0",
     "@types/d3-shape": "^3.1.8",
     "@types/d3-time-format": "^4.0.3",
-    "@types/js-yaml": "^4.0.9",
-    "@types/node": "^25.9.3",
-    "@types/three": "^0.184.1",
-    "@typescript/native-preview": "7.0.0-dev.20260614.1",
-    "@vitest/coverage-v8": "4.1.8",
+    "@types/three": "^0.185.1",
+    "@vitest/coverage-v8": "4.1.10",
     "@wooorm/starry-night": "^3.10.0",
-    "happy-dom": "^20.10.3",
-    "knip": "^6.16.1",
+    "happy-dom": "^20.10.6",
+    "knip": "^6.25.0",
     "mdsvex": "^0.12.7",
     "publint": "^0.3.21",
     "rehype-katex": "^7.0.1",
     "remark-math": "3.0.1",
-    "svelte": "^5.56.3",
-    "svelte-check-rs": "0.10.1",
-    "typescript": "6.0.3",
-    "vite": "^8.0.16",
-    "vite-plus": "latest",
-    "vitest": "4.1.8"
+    "svelte": "^5.56.4",
+    "svelte-check": "^4.7.2",
+    "typescript": "^6.0.3",
+    "vite": "^8.1.4",
+    "vite-plus": "^0.2.4",
+    "vitest": "4.1.10"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
@@ -250,16 +246,48 @@
   },
   "packageManager": "pnpm@11.5.0",
   "knip": {
-    "entry": [
-      "svelte.config.ts",
-      "src/site/**/*.{js,ts,svelte}"
-    ],
-    "ignore": [
-      "extensions/**"
-    ],
     "ignoreDependencies": [
-      "@typescript/native-preview",
-      "svelte-check-rs"
-    ]
+      "svelte-check"
+    ],
+    "workspaces": {
+      ".": {
+        "entry": [
+          "svelte.config.ts",
+          "src/site/**/*.{js,ts,svelte}"
+        ],
+        "paths": {
+          "$lib": [
+            "./src/lib"
+          ],
+          "$lib/*": [
+            "./src/lib/*"
+          ],
+          "$site": [
+            "./src/site"
+          ],
+          "$site/*": [
+            "./src/site/*"
+          ]
+        },
+        "ignore": [
+          "extensions/anywidget/**",
+          "extensions/dash/**"
+        ]
+      },
+      "extensions/vscode": {
+        "entry": [
+          "src/extension.ts",
+          "src/webview/main.ts"
+        ],
+        "paths": {
+          "$lib": [
+            "../../src/lib"
+          ],
+          "$lib/*": [
+            "../../src/lib/*"
+          ]
+        }
+      }
+    }
   }
 }

package/dist/api/mp.d.ts

@@ -1,6 +0,0 @@
-export declare const mp_bucket = "https://materialsproject-build.s3.amazonaws.com/collections/2022-10-28";
-export declare function fetch_material_data<T extends Record<string, unknown>>(material_id: string, bucket?: string): Promise<{
-    summary: T | null;
-    similarity: T | null;
-    robocrys: T | null;
-}>;

package/dist/api/mp.js

@@ -1,22 +0,0 @@
-import { fetch_zipped } from '../io/fetch';
-// Materials Project S3 bucket for pre-computed data (may be outdated)
-export const mp_bucket = `https://materialsproject-build.s3.amazonaws.com/collections/2022-10-28`;
-// Fetch all material data in parallel
-export async function fetch_material_data(material_id, bucket = mp_bucket) {
-    try {
-        const results = await Promise.allSettled([
-            fetch_zipped(`${bucket}/summary/${material_id}.json.gz`),
-            fetch_zipped(`${bucket}/similarity/${material_id}.json.gz`),
-            fetch_zipped(`${bucket}/robocrys/${material_id}.json.gz`),
-        ]);
-        return {
-            summary: results[0].status === `fulfilled` ? results[0].value : null,
-            similarity: results[1].status === `fulfilled` ? results[1].value : null,
-            robocrys: results[2].status === `fulfilled` ? results[2].value : null,
-        };
-    }
-    catch (err) {
-        console.error(`Failed to fetch material data:`, err);
-        return { summary: null, similarity: null, robocrys: null };
-    }
-}

package/dist/plot/sunburst/SunburstControls.svelte

@@ -1,200 +0,0 @@
-<script lang="ts">
-  import { SettingsSection } from '../../layout'
-  import type {
-    SunburstLabelRotation,
-    SunburstLabelText,
-    SunburstShape,
-    SunburstValueMode,
-  } from '..'
-  import { DEFAULTS, SETTINGS_CONFIG } from '../../settings'
-  import type { Snippet } from 'svelte'
-  import type { HTMLAttributes } from 'svelte/elements'
-  import ControlPane from '../core/components/ControlPane.svelte'
-
-  let {
-    show_controls = $bindable(true),
-    controls_open = $bindable(false),
-    shape = $bindable(DEFAULTS.sunburst.shape),
-    value_mode = $bindable(DEFAULTS.sunburst.value_mode),
-    max_depth = $bindable(DEFAULTS.sunburst.max_depth),
-    inner_radius = $bindable(DEFAULTS.sunburst.inner_radius),
-    pad_angle = $bindable(DEFAULTS.sunburst.pad_angle),
-    min_fraction = $bindable(DEFAULTS.sunburst.min_fraction),
-    show_labels = $bindable(DEFAULTS.sunburst.show_labels),
-    label_rotation = $bindable(DEFAULTS.sunburst.label_rotation),
-    label_text = $bindable(DEFAULTS.sunburst.label_text),
-    zoom_on_click = $bindable(DEFAULTS.sunburst.zoom_on_click),
-    show_breadcrumbs = $bindable(DEFAULTS.sunburst.show_breadcrumbs),
-    export_buttons = true,
-    on_export,
-    toggle_props = {},
-    pane_props = {},
-    children,
-  }: {
-    show_controls?: boolean
-    controls_open?: boolean
-    shape?: SunburstShape
-    value_mode?: SunburstValueMode
-    max_depth?: number
-    inner_radius?: number
-    pad_angle?: number
-    min_fraction?: number
-    show_labels?: boolean
-    label_rotation?: SunburstLabelRotation
-    label_text?: SunburstLabelText
-    zoom_on_click?: boolean
-    show_breadcrumbs?: boolean
-    export_buttons?: boolean // show SVG/PNG download buttons in the pane
-    on_export?: (format: `svg` | `png`) => void
-    toggle_props?: HTMLAttributes<HTMLButtonElement>
-    pane_props?: HTMLAttributes<HTMLDivElement>
-    children?: Snippet
-  } = $props()
-</script>
-
-{#if show_controls}
-  <!-- snippets live at the template top level (not inside the components below) so
-  they're locally renderable rather than treated as ControlPane/SettingsSection props -->
-  {#snippet options(enum_map: Record<string, string>)}
-    {#each Object.entries(enum_map) as [value, label] (value)}
-      <option {value}>{label}</option>
-    {/each}
-  {/snippet}
-  {#snippet num_row(
-    text: string,
-    [min, max, step]: [number, number, number],
-    get: () => number,
-    set: (val: number) => void,
-  )}
-    <label style="flex: 1 1 100%">
-      {text}
-      <input type="range" {min} {max} {step} bind:value={get, set} />
-      <input type="number" {min} {max} {step} bind:value={get, set} />
-    </label>
-  {/snippet}
-  {#snippet check_row(text: string, get: () => boolean, set: (val: boolean) => void)}
-    <label style="flex: 1 1 100%">
-      <input type="checkbox" bind:checked={get, set} />
-      {text}
-    </label>
-  {/snippet}
-  <ControlPane bind:controls_open controls_class="sunburst" {toggle_props} {pane_props}>
-    {@render children?.()}
-    <SettingsSection
-      title="Sunburst"
-      current_values={{
-        shape,
-        value_mode,
-        max_depth,
-        inner_radius,
-        pad_angle,
-        min_fraction,
-        show_labels,
-        label_rotation,
-        label_text,
-        zoom_on_click,
-        show_breadcrumbs,
-      }}
-      on_reset={() => {
-        ;({
-          shape,
-          value_mode,
-          max_depth,
-          inner_radius,
-          pad_angle,
-          min_fraction,
-          show_labels,
-          label_rotation,
-          label_text,
-          zoom_on_click,
-          show_breadcrumbs,
-        } = DEFAULTS.sunburst)
-      }}
-      style="display: flex; flex-wrap: wrap; gap: 2ex"
-    >
-      <!-- select options come from the settings schema so labels/values have a
-      single source of truth -->
-      <label style="flex: 1">
-        Shape:
-        <select bind:value={shape}>
-          {@render options(SETTINGS_CONFIG.sunburst.shape.enum ?? {})}
-        </select>
-      </label>
-      <label style="flex: 1">
-        Value mode:
-        <select bind:value={value_mode}>
-          {@render options(SETTINGS_CONFIG.sunburst.value_mode.enum ?? {})}
-        </select>
-      </label>
-      {#if shape === `sunburst`}
-        <!-- icicle labels are always horizontal; inner radius/pad angle are polar-only -->
-        <label style="flex: 1">
-          Labels:
-          <select bind:value={label_rotation}>
-            {@render options(SETTINGS_CONFIG.sunburst.label_rotation.enum ?? {})}
-          </select>
-        </label>
-      {/if}
-      <label style="flex: 1">
-        Label text:
-        <select bind:value={label_text}>
-          {@render options(SETTINGS_CONFIG.sunburst.label_text.enum ?? {})}
-        </select>
-      </label>
-      {@render num_row(`Max depth (0 = all):`, [0, 10, 1], () => max_depth, (val) =>
-        max_depth = val)}
-      {#if shape === `sunburst`}
-        {@render num_row(`Inner radius:`, [0, 0.8, 0.05], () => inner_radius, (val) =>
-          inner_radius = val)}
-        {@render num_row(`Pad angle (°):`, [0, 4, 0.1], () => pad_angle, (val) =>
-          pad_angle = val)}
-      {/if}
-      {@render num_row(
-        `Group slices below (fraction of total):`,
-        [0, 0.2, 0.005],
-        () => min_fraction,
-        (val) => min_fraction = val,
-      )}
-      {@render check_row(`Show arc labels`, () => show_labels, (val) =>
-        show_labels = val)}
-      {@render check_row(`Zoom on click`, () => zoom_on_click, (val) =>
-        zoom_on_click = val)}
-      {@render check_row(`Show breadcrumbs when zoomed`, () => show_breadcrumbs, (val) =>
-        show_breadcrumbs = val)}
-    </SettingsSection>
-    {#if export_buttons && on_export}
-      <div class="export-row">
-        Export:
-        {#each [`svg`, `png`] as const as fmt (fmt)}
-          <button
-            type="button"
-            class="export-btn"
-            aria-label="Download {fmt.toUpperCase()}"
-            onclick={() => on_export?.(fmt)}
-          >{fmt.toUpperCase()}</button>
-        {/each}
-      </div>
-    {/if}
-  </ControlPane>
-{/if}
-
-<style>
-  .export-row {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    margin-top: 6px;
-    font-size: 0.85em;
-  }
-  .export-btn {
-    background: var(--sunburst-btn-bg, rgba(128, 128, 128, 0.15));
-    color: inherit;
-    border: none;
-    border-radius: 3pt;
-    padding: 1px 6px;
-    cursor: pointer;
-  }
-  .export-btn:hover {
-    background: var(--sunburst-btn-hover-bg, rgba(128, 128, 128, 0.35));
-  }
-</style>