Add version indicators with pinned package versions from extraction

Author: milanofthe

scripts/extract.py

@@ -686,14 +686,42 @@ class DependencyExtractor:
     def __init__(self, config_loader: ConfigLoader):
         self.config = config_loader
 
+    def _get_package_version(self, import_name: str) -> str | None:
+        """Get installed version of a package (strips local version identifiers)."""
+        try:
+            module = importlib.import_module(import_name)
+            version = getattr(module, '__version__', None)
+            if version:
+                # Strip local version identifier (e.g., +g22f8f27) - not supported by PyPI
+                version = version.split('+')[0]
+            return version
+        except ImportError:
+            return None
+
     def extract(self) -> dict:
-        """Extract all dependency information."""
+        """Extract all dependency information including installed versions."""
         pyodide_config = self.config.load_pyodide_config()
         pyodide_packages = self.config.load_requirements("requirements-pyodide.txt")
 
+        # Get installed versions and create pinned package specs
+        extracted_versions = {}
+        for pkg in pyodide_packages:
+            version = self._get_package_version(pkg["import"])
+            if version:
+                extracted_versions[pkg["import"]] = version
+                base_name = pkg["pip"].split(">=")[0].split("==")[0].split("<=")[0].split("<")[0].split(">")[0]
+
+                # Only pin release versions (not dev versions which aren't on PyPI)
+                if ".dev" in version:
+                    print(f"    {base_name} {version} is dev version, keeping original spec: {pkg['pip']}")
+                else:
+                    pkg["pip"] = f"{base_name}=={version}"
+                    print(f"    Pinned {base_name} to version {version}")
+
         return {
             "pyodide": pyodide_config,
-            "packages": pyodide_packages
+            "packages": pyodide_packages,
+            "extracted_versions": extracted_versions
         }
 
 
@@ -816,16 +844,32 @@ def write_dependencies(self, data: dict) -> None:
         """Write dependencies.ts file."""
         pyodide = data.get("pyodide", {})
         packages = data.get("packages", [])
+        extracted_versions = data.get("extracted_versions", {})
+
+        # Read PathView version from package.json (at project root, 2 levels up from src/lib)
+        package_json_path = self.output_dir.parent.parent / "package.json"
+        pathview_version = "0.0.0"
+        if package_json_path.exists():
+            try:
+                package_data = json.loads(package_json_path.read_text(encoding="utf-8"))
+                pathview_version = package_data.get("version", "0.0.0")
+            except Exception:
+                pass
 
         lines = [
             "// Auto-generated by scripts/extract.py - DO NOT EDIT",
             "// Source: scripts/config/requirements-pyodide.txt, scripts/config/pyodide.json",
             "",
+            f"export const PATHVIEW_VERSION = '{pathview_version}';",
+            "",
             f"export const PYODIDE_VERSION = '{pyodide.get('version', '0.26.2')}';",
             "export const PYODIDE_CDN_URL = `https://cdn.jsdelivr.net/pyodide/v${PYODIDE_VERSION}/full/pyodide.mjs`;",
             "",
             f"export const PYODIDE_PRELOAD = {json.dumps(pyodide.get('preload', []))} as const;",
             "",
+            "/** Package versions extracted at build time (pinned for runtime) */",
+            f"export const EXTRACTED_VERSIONS: Record<string, string> = {json.dumps(extracted_versions)};",
+            "",
             "export interface PackageConfig {",
             "  pip: string;",
             "  pre: boolean;",

src/lib/components/WelcomeModal.svelte

@@ -4,6 +4,7 @@
 	import { scale, fade } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
 	import Icon from '$lib/components/icons/Icon.svelte';
+	import { PATHVIEW_VERSION, EXTRACTED_VERSIONS } from '$lib/constants/dependencies';
 
 	interface Example {
 		name: string;
@@ -95,6 +96,9 @@
 <div class="dialog-backdrop" transition:fade={{ duration: 150 }} onclick={onClose} onkeydown={(e) => e.key === 'Escape' && onClose()} role="presentation">
 	<!-- svelte-ignore a11y_no_static_element_interactions, a11y_click_events_have_key_events -->
 	<div class="modal glass-panel" transition:scale={{ start: 0.95, duration: 200, easing: cubicOut }} onclick={(e) => e.stopPropagation()} role="dialog" tabindex="-1">
+		<div class="version-info">
+			PathView {PATHVIEW_VERSION} · {Object.entries(EXTRACTED_VERSIONS).map(([pkg, ver]) => `${pkg.replace('_', '-')} ${ver}`).join(' · ')}
+		</div>
 		<div class="header">
 			<img src="{base}/pathview_logo.png" alt="PathView" class="logo" />
 		</div>
@@ -163,6 +167,7 @@
 	/* Uses global .dialog-backdrop from app.css */
 
 	.modal {
+		position: relative;
 		width: 90%;
 		max-width: 780px;
 		padding: 24px;
@@ -173,6 +178,14 @@
 		overflow: hidden;
 	}
 
+	.version-info {
+		position: absolute;
+		top: 8px;
+		right: 12px;
+		font-size: 9px;
+		color: var(--text-disabled);
+	}
+
 	.header {
 		text-align: center;
 		padding: 24px 0;

src/lib/constants/dependencies.ts

@@ -1,11 +1,16 @@
 // Auto-generated by scripts/extract.py - DO NOT EDIT
 // Source: scripts/config/requirements-pyodide.txt, scripts/config/pyodide.json
 
+export const PATHVIEW_VERSION = '0.4.5';
+
 export const PYODIDE_VERSION = '0.26.2';
 export const PYODIDE_CDN_URL = `https://cdn.jsdelivr.net/pyodide/v${PYODIDE_VERSION}/full/pyodide.mjs`;
 
 export const PYODIDE_PRELOAD = ["numpy", "scipy", "micropip"] as const;
 
+/** Package versions extracted at build time (pinned for runtime) */
+export const EXTRACTED_VERSIONS: Record<string, string> = {"pathsim": "0.16.5", "pathsim_chem": "0.2rc3.dev1"};
+
 export interface PackageConfig {
   pip: string;
   pre: boolean;
@@ -16,7 +21,7 @@ export interface PackageConfig {
 export const PYTHON_PACKAGES: PackageConfig[] = 
 [
   {
-    "pip": "pathsim",
+    "pip": "pathsim==0.16.5",
     "required": true,
     "pre": true,
     "import": "pathsim"