matterviz 0.4.1 → 0.4.2

package/dist/phase-diagram/PhaseDiagramTooltip.svelte

@@ -51,8 +51,7 @@
   const safe_formula = (comp: string) => sanitize_formula(comp, use_subscripts)
 
   // Convert a temperature from data unit to display unit
-  const to_display = (temp: number): number =>
-    convert_temp(temp, data_unit, temperature_unit)
+  const to_display = (temp: number): number => convert_temp(temp, data_unit, temperature_unit)
 
   // Convert atomic fraction to weight fraction: wt_B = (x_B * M_B) / (x_A * M_A + x_B * M_B)
   const wt_fraction_b = $derived.by(() => {
@@ -136,14 +135,8 @@
         phase_b: vlr.top_phase,
         fraction_a: vlr.fraction_bottom,
         fraction_b: vlr.fraction_top,
-        detail_a: format_temperature(
-          to_display(vlr.bottom_temperature),
-          temperature_unit,
-        ),
-        detail_b: format_temperature(
-          to_display(vlr.top_temperature),
-          temperature_unit,
-        ),
+        detail_a: format_temperature(to_display(vlr.bottom_temperature), temperature_unit),
+        detail_b: format_temperature(to_display(vlr.top_temperature), temperature_unit),
       }
     }
     if (lever_rule_mode === `horizontal` && hover_info.lever_rule) {
@@ -165,10 +158,14 @@
 <TooltipContent data={hover_info} snippet_arg={hover_info} {tooltip}>
   <div class="phase-diagram-tooltip">
     <header>
-      <strong>{@html sanitize_html(format_label_html(hover_info.region.name, use_subscripts))}</strong>
-      {#if special_point_info}<span class="special-point-badge">{
-          special_point_info.badge
-        }</span>{/if}
+      <strong
+        >{@html sanitize_html(
+          format_label_html(hover_info.region.name, use_subscripts),
+        )}</strong
+      >
+      {#if special_point_info}<span class="special-point-badge"
+          >{special_point_info.badge}</span
+        >{/if}
     </header>
 
     {#if special_point_info?.description}
@@ -178,54 +175,51 @@
     <dl>
       <dt>Temperature</dt>
       <dd>
-        {
-          format_temperature(
-            to_display(hover_info.temperature),
-            temperature_unit,
-          )
-        }
+        {format_temperature(to_display(hover_info.temperature), temperature_unit)}
         {#if temperature_unit !== `°C`}
-          <small>({
-              format_temperature(
-                convert_temp(hover_info.temperature, data_unit, `°C`),
-                `°C`,
-              )
-            })</small>
+          <small
+            >({format_temperature(
+              convert_temp(hover_info.temperature, data_unit, `°C`),
+              `°C`,
+            )})</small
+          >
         {/if}
       </dd>
       <dt>Composition</dt>
       <dd>
         {format_composition(hover_info.composition, composition_unit)}
         {@html safe_formula(component_b)}
-        <small>({format_composition(1 - hover_info.composition, composition_unit)}
-          {@html safe_formula(component_a)})</small>
+        <small
+          >({format_composition(1 - hover_info.composition, composition_unit)}
+          {@html safe_formula(component_a)})</small
+        >
       </dd>
       {#if wt_fraction_b !== null}
         <dt>Weight</dt>
         <dd>
           {format_num(wt_fraction_b * 100, `.1f`)}%
           {@html safe_formula(component_b)}
-          <small>({format_num((1 - wt_fraction_b) * 100, `.1f`)}%
-            {@html safe_formula(component_a)})</small>
+          <small
+            >({format_num((1 - wt_fraction_b) * 100, `.1f`)}%
+            {@html safe_formula(component_a)})</small
+          >
         </dd>
       {/if}
       {#if stability}
-        <dt>Stable</dt><dd>
-          {format_num(to_display(stability.t_min), `.0f`)} – {
-            format_num(to_display(stability.t_max), `.0f`)
-          } {temperature_unit}
+        <dt>Stable</dt>
+        <dd>
+          {format_num(to_display(stability.t_min), `.0f`)} – {format_num(
+            to_display(stability.t_max),
+            `.0f`,
+          )}
+          {temperature_unit}
           {#if temperature_unit !== `°C`}
-            <small>({
-                format_num(
-                  convert_temp(stability.t_min, data_unit, `°C`),
-                  `.0f`,
-                )
-              } – {
-                format_num(
-                  convert_temp(stability.t_max, data_unit, `°C`),
-                  `.0f`,
-                )
-              } °C)</small>
+            <small
+              >({format_num(convert_temp(stability.t_min, data_unit, `°C`), `.0f`)} – {format_num(
+                convert_temp(stability.t_max, data_unit, `°C`),
+                `.0f`,
+              )} °C)</small
+            >
           {/if}
         </dd>
       {/if}
@@ -239,22 +233,22 @@
           <div
             style:width="{ld.fraction_a * 100}%"
             title="{ld.phase_a}: {format_num(ld.fraction_a * 100, `.1f`)}%"
-          >
-          </div>
+          ></div>
           <div
             style:width="{ld.fraction_b * 100}%"
             title="{ld.phase_b}: {format_num(ld.fraction_b * 100, `.1f`)}%"
-          >
-          </div>
+          ></div>
           <i style:left="{ld.fraction_a * 100}%"></i>
         </div>
         <div class="phase-info">
-          <span>{@html safe_formula(ld.phase_a)}: {
-              format_num(ld.fraction_a * 100, `.0f`)
-            }% <small>at {ld.detail_a}</small></span>
-          <span>{@html safe_formula(ld.phase_b)}: {
-              format_num(ld.fraction_b * 100, `.0f`)
-            }% <small>at {ld.detail_b}</small></span>
+          <span
+            >{@html safe_formula(ld.phase_a)}: {format_num(ld.fraction_a * 100, `.0f`)}%
+            <small>at {ld.detail_a}</small></span
+          >
+          <span
+            >{@html safe_formula(ld.phase_b)}: {format_num(ld.fraction_b * 100, `.0f`)}%
+            <small>at {ld.detail_b}</small></span
+          >
         </div>
       </div>
     {/if}
@@ -263,11 +257,13 @@
       {@const { type, delta_t } = boundary_distance}
       {@const label = delta_t > 0 ? `above` : `below`}
       {@const display_delta = Math.abs(
-        to_display(hover_info.temperature) -
-          to_display(hover_info.temperature - delta_t),
+        to_display(hover_info.temperature) - to_display(hover_info.temperature - delta_t),
       )}
       <div class="boundary-info">
-        {Math.round(display_delta)} {temperature_unit} {label} {type}
+        {Math.round(display_delta)}
+        {temperature_unit}
+        {label}
+        {type}
       </div>
     {/if}
   </div>

package/dist/phase-diagram/TdbInfoPanel.svelte

@@ -20,12 +20,8 @@
     style = ``,
   }: Props = $props()
 
-  const reference = $derived(
-    result.data ? extract_tdb_reference(result.data.comments) : null,
-  )
-  const model_summary = $derived(
-    result.data ? summarize_models(result.data.phases) : null,
-  )
+  const reference = $derived(result.data ? extract_tdb_reference(result.data.comments) : null)
+  const model_summary = $derived(result.data ? summarize_models(result.data.phases) : null)
 </script>
 
 <div class="tdb-info-panel" {style}>
@@ -38,23 +34,30 @@
       <dt>System</dt>
       <dd>{sys}</dd>
       <dt>Phases</dt>
-      <dd class="phases">{#each phases as { name } (name)}<span>{name}</span>{/each}</dd>
-      {#if model_summary}<dt>Models</dt><dd>{model_summary}</dd>{/if}
+      <dd class="phases">
+        {#each phases as { name } (name)}<span>{name}</span>{/each}
+      </dd>
+      {#if model_summary}<dt>Models</dt>
+        <dd>{model_summary}</dd>{/if}
       <dt>Funcs / Params</dt>
       <dd>{functions.length} / {parameters.length}</dd>
       {#if result.temperature_range}
         {@const [t_min, t_max] = result.temperature_range}
-        <dt>T Range</dt><dd>{t_min} – {t_max} K</dd>
+        <dt>T Range</dt>
+        <dd>{t_min} – {t_max} K</dd>
       {/if}
-      {#if reference}<dt>Ref</dt><dd class="ref" title={reference}>{reference}</dd>{/if}
+      {#if reference}<dt>Ref</dt>
+        <dd class="ref" title={reference}>{reference}</dd>{/if}
     </dl>
 
     {#if has_precomputed}
       <p class="notice success">
         ✓ {#if is_precomputed_loaded}
           <strong>Phase diagram loaded</strong> ({sys}.json)
-          <small>TDB contains model parameters. Boundaries computed offline via
-            <a href="https://pycalphad.org" target="_blank">pycalphad</a>.</small>
+          <small
+            >TDB contains model parameters. Boundaries computed offline via
+            <a href="https://pycalphad.org" target="_blank">pycalphad</a>.</small
+          >
         {:else}
           Pre-computed diagram available!
           {#if on_load_precomputed}
@@ -71,16 +74,19 @@
       <div class="notice warning">
         <p>
           ℹ No pre-computed diagram. Use <a href="https://pycalphad.org" target="_blank"
-          >pycalphad</a>:
+            >pycalphad</a
+          >:
         </p>
         <pre>
-<code>from pycalphad import Database, binplot
+<code
+            >from pycalphad import Database, binplot
 import pycalphad.variables as v
 
 db = Database('{tdb}.tdb')
 binplot(db, ['{el_a}', '{el_b}', 'VA'], list(db.phases.keys()), {`{`}
     v.X('{el_b}'): (0, 1, 0.01), v.T: (300, 2000, 10), v.P: 101325, v.N: 1
-})</code></pre>
+})</code
+          ></pre>
       </div>
     {/if}
   {:else}

package/dist/phase-diagram/build-diagram.js

@@ -19,11 +19,11 @@ export function parse_curve_ref(ref) {
         name = name.slice(1);
     }
     // Check for slice suffix [start:end]
-    const slice_match = /^(.+)\[(-?\d*):(-?\d*)\]$/.exec(name);
+    const slice_match = /^(?<base>.+)\[(?<start>-?\d*):(?<end>-?\d*)\]$/.exec(name);
     if (slice_match) {
         name = slice_match[1];
-        start = slice_match[2] ? parseInt(slice_match[2], 10) : null;
-        end = slice_match[3] ? parseInt(slice_match[3], 10) : null;
+        start = slice_match[2] ? Number(slice_match[2]) : null;
+        end = slice_match[3] ? Number(slice_match[3]) : null;
     }
     return { name, reverse, start, end };
 }

package/dist/phase-diagram/diagram-input.d.ts

@@ -20,10 +20,9 @@ export interface RegionInput {
     bounds: BoundElement[];
     label_position?: DiagramPoint;
 }
-export type SpecialPointInput = SpecialPoint;
 export interface DiagramInput {
     meta: DiagramInputMeta;
     curves: Record<string, DiagramPoint[]>;
     regions: RegionInput[];
-    special_points?: SpecialPointInput[];
+    special_points?: SpecialPoint[];
 }

package/dist/phase-diagram/parse.js

@@ -86,31 +86,31 @@ const LINE_PARSERS = [
     {
         // ELEMENT AL FCC_A1 2.698154E-02 4.5773304E+03 2.871870E+01!
         prefix: `ELEMENT `,
-        pattern: /ELEMENT\s+(\S+)\s+(\S+)\s+([\d.E+-]+)\s+([\d.E+-]+)\s+([\d.E+-]+)/i,
+        pattern: /ELEMENT\s+(?<symbol>\S+)\s+(?<reference_phase>\S+)\s+(?<mass>[\d.E+-]+)\s+(?<enthalpy>[\d.E+-]+)\s+(?<entropy>[\d.E+-]+)/i,
         handler: (match, data) => {
             data.elements.push({
                 symbol: match[1].toUpperCase(),
                 reference_phase: match[2],
-                mass: parseFloat(match[3]),
-                enthalpy: parseFloat(match[4]),
-                entropy: parseFloat(match[5]),
+                mass: Number(match[3]),
+                enthalpy: Number(match[4]),
+                entropy: Number(match[5]),
             });
         },
     },
     {
         // PHASE LIQUID % 1 1.0 !
         prefix: `PHASE `,
-        pattern: /PHASE\s+(\S+)\s+(%\S*)\s+(\d+)\s+(.+?)!/i,
+        pattern: /PHASE\s+(?<name>\S+)\s+(?<model_hints>%\S*)\s+(?<count>\d+)\s+(?<sites>.+?)!/i,
         handler: (match, data) => {
             const sublattice_sites = match[4]
                 .trim()
                 .split(/\s+/)
-                .map((val) => parseFloat(val))
+                .map(Number)
                 .filter((val) => !isNaN(val));
             data.phases.push({
                 name: match[1],
                 model_hints: match[2],
-                sublattice_count: parseInt(match[3], 10),
+                sublattice_count: Math.trunc(Number(match[3])),
                 sublattice_sites,
             });
         },
@@ -118,7 +118,7 @@ const LINE_PARSERS = [
     {
         // CONSTITUENT FCC_A1 :AL,ZN : VA : !
         prefix: `CONSTITUENT `,
-        pattern: /CONSTITUENT\s+(\S+)\s*:\s*(.+?)!/i,
+        pattern: /CONSTITUENT\s+(?<phase_name>\S+)\s*:\s*(?<constituents>.+?)!/i,
         handler: (match, data) => {
             const phase_name = match[1];
             const constituents = match[2].split(`:`).map((sub) => sub
@@ -133,7 +133,7 @@ const LINE_PARSERS = [
     {
         // FUNCTION GHSERAL 298.15 expr1; 700 Y expr2; 933.47 Y expr3; 2900 N !
         prefix: `FUNCTION `,
-        pattern: /FUNCTION\s+(\S+)\s+(.+?)!/i,
+        pattern: /FUNCTION\s+(?<name>\S+)\s+(?<body>.+?)!/i,
         handler: (match, data) => {
             const ranges = parse_temperature_ranges(match[2]);
             if (ranges.length > 0) {
@@ -148,15 +148,15 @@ const LINE_PARSERS = [
     {
         // PARAMETER G(LIQUID,AL;0) 298.15 +GHSERAL+11005.029-11.841867*T; 6000 N !
         prefix: `PARAMETER `,
-        pattern: /PARAMETER\s+(\w+)\(([^)]+)\)\s+(.+?)!/i,
+        pattern: /PARAMETER\s+(?<type>\w+)\((?<spec>[^)]+)\)\s+(?<expression>.+?)!/i,
         handler: (match, data) => {
-            const spec_match = /([^,]+),([^;]+);(\d+)/.exec(match[2]);
+            const spec_match = /(?<phase>[^,]+),(?<constituents>[^;]+);(?<order>\d+)/.exec(match[2]);
             if (spec_match) {
                 data.parameters.push({
                     type: match[1],
                     phase: spec_match[1],
                     constituents: spec_match[2].split(`,`).map((name) => name.trim()),
-                    order: parseInt(spec_match[3], 10),
+                    order: Math.trunc(Number(spec_match[3])),
                     expression: match[3],
                 });
             }
@@ -170,9 +170,9 @@ function parse_temperature_ranges(body) {
         const trimmed = segment.trim();
         if (!trimmed)
             continue;
-        const temp_match = /^([\d.E+-]+)\s+(.+)/i.exec(trimmed);
+        const temp_match = /^(?<temp>[\d.E+-]+)\s+(?<expr>.+)/i.exec(trimmed);
         if (temp_match) {
-            const next_temp = parseFloat(temp_match[1]);
+            const next_temp = Number(temp_match[1]);
             const expr = temp_match[2].replace(/\s+[YN]\s*$/, ``).trim();
             if (ranges.length > 0)
                 ranges[ranges.length - 1].max = next_temp;
@@ -191,7 +191,7 @@ function parse_tdb_line(line, data) {
                 parser.handler(match, data);
             else if (parser.prefix === `ELEMENT `) {
                 // Fallback for simpler ELEMENT format: ELEMENT AL FCC_A1!
-                const simple_match = /ELEMENT\s+(\S+)\s+(\S+)/i.exec(line);
+                const simple_match = /ELEMENT\s+(?<symbol>\S+)\s+(?<reference_phase>\S+)/i.exec(line);
                 if (simple_match) {
                     data.elements.push({
                         symbol: simple_match[1].toUpperCase(),

package/dist/phase-diagram/svg-to-diagram.js

@@ -81,7 +81,7 @@ function extract_matplotlib_ticks(doc, x_ticks, y_ticks) {
 function extract_simple_ticks(doc, x_ticks, y_ticks) {
     // Y-axis ticks: class="tick-text" with text-anchor: end
     for (const text_el of Array.from(doc.querySelectorAll(`.tick-text`))) {
-        const value = parseFloat(text_el.textContent?.trim() ?? ``);
+        const value = leading_number(text_el.textContent);
         if (isNaN(value))
             continue;
         // Find the immediately preceding sibling tick line (not just any line in parent)
@@ -97,7 +97,7 @@ function extract_simple_ticks(doc, x_ticks, y_ticks) {
     }
     // X-axis ticks: class="tick-text-x"
     for (const text_el of Array.from(doc.querySelectorAll(`.tick-text-x`))) {
-        const value = parseFloat(text_el.textContent?.trim() ?? ``);
+        const value = leading_number(text_el.textContent);
         if (isNaN(value))
             continue;
         const px_x = parse_float_attr(text_el, `x`);
@@ -116,7 +116,7 @@ function extract_mpds_scales(doc) {
     // Extract all numeric text values to infer axis ranges
     const numbers = [];
     for (const text_el of Array.from(doc.querySelectorAll(`text`))) {
-        const val = parseFloat(text_el.textContent?.trim() ?? ``);
+        const val = leading_number(text_el.textContent);
         if (!isNaN(val))
             numbers.push(val);
     }
@@ -668,20 +668,26 @@ function infer_mpds_components(doc) {
     return [unique[0] ?? `A`, unique[1] ?? `B`];
 }
 // === Utility Functions ===
-// Parse stroke-width from style attribute or direct attribute (returns 0 if not found)
+// Leading numeric prefix like parseFloat (`2px` -> 2, `600 K` -> 600, else NaN):
+// Number() alone rejects unit-suffixed/annotated values that real SVG exports contain
+function leading_number(text) {
+    const match = /^[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/.exec(text?.trim() ?? ``);
+    return match ? Number(match[0]) : NaN;
+}
+// Parse stroke-width from style or direct attribute (0 if missing, `2px` units ok)
 function parse_stroke_width(el) {
-    const style_match = /stroke-width:\s*([\d.]+)/.exec(el.getAttribute(`style`) ?? ``);
+    const style_match = /stroke-width:\s*(?<width>[\d.]+)/.exec(el.getAttribute(`style`) ?? ``);
     if (style_match)
-        return parseFloat(style_match[1]);
-    const attr = el.getAttribute(`stroke-width`);
-    return attr ? parseFloat(attr) || 0 : 0;
+        return Number(style_match[1]);
+    const parsed = leading_number(el.getAttribute(`stroke-width`));
+    return isNaN(parsed) ? 0 : parsed;
 }
 // Parse a float attribute from an SVG element
 function parse_float_attr(el, attr) {
     const val = el.getAttribute(attr);
     if (val === null)
         return null;
-    const parsed = parseFloat(val);
+    const parsed = leading_number(val);
     return isNaN(parsed) ? null : parsed;
 }
 // Extract a number from XML comment nodes inside a group element
@@ -689,7 +695,7 @@ function extract_comment_number(group) {
     const walker = group.ownerDocument.createTreeWalker(group, NodeFilter.SHOW_COMMENT);
     let node;
     while ((node = walker.nextNode())) {
-        const value = parseFloat(node.textContent?.trim() ?? ``);
+        const value = leading_number(node.textContent);
         if (!isNaN(value))
             return value;
     }
@@ -721,8 +727,8 @@ function find_comment_text(group) {
 }
 // Clean LaTeX subscript notation: "La$_2$NiO$_4$" -> "La2NiO4"
 const clean_latex = (text) => text
-    .replaceAll(/\$_\{([^}]*)\}\$/g, `$1`) // $_{10}$ -> 10
-    .replaceAll(/\$_(\d)\$/g, `$1`) // $_2$ -> 2
+    .replaceAll(/\$_\{(?<digits>[^}]*)\}\$/g, `$1`) // $_{10}$ -> 10
+    .replaceAll(/\$_(?<digit>\d)\$/g, `$1`) // $_2$ -> 2
     .replaceAll(`$`, ``) // remove any remaining $
     .replaceAll(/\s+/g, ` `)
     .trim();
@@ -742,7 +748,7 @@ function parse_path_segments(path_str) {
         return segments;
     let idx = 0;
     const peek = () => tokens[idx];
-    const next_num = () => parseFloat(tokens[idx++] ?? `0`);
+    const next_num = () => Number(tokens[idx++] || `0`);
     while (idx < tokens.length) {
         let cmd = peek() ?? ``;
         if (cmd.length === 1 && /[A-Za-z]/.test(cmd)) {
@@ -825,10 +831,10 @@ function parse_ml_path(path_str) {
 // Parse translate(x, y) or translate(x) from a transform attribute
 // Single-arg translate uses implicit y=0 per SVG spec
 function parse_translate(el) {
-    const match = /translate\(\s*([\d.eE+-]+)(?:\s*[,\s]\s*([\d.eE+-]+))?\s*\)/.exec(el?.getAttribute(`transform`) ?? ``);
+    const match = /translate\(\s*(?<x>[\d.eE+-]+)(?:\s*[,\s]\s*(?<y>[\d.eE+-]+))?\s*\)/.exec(el?.getAttribute(`transform`) ?? ``);
     if (!match)
         return null;
-    return [parseFloat(match[1]), match[2] ? parseFloat(match[2]) : 0];
+    return [Number(match[1]), match[2] ? Number(match[2]) : 0];
 }
 // Get translate X or Y from a group's transform attribute
 function get_group_translate(el, axis) {

package/dist/phase-diagram/utils.js

@@ -116,8 +116,7 @@ export function get_phase_color_key(name) {
 }
 // Get phase color - returns rgba() by default, or RGB string if format='rgb'
 export function get_phase_color(name, format = `rgba`) {
-    const lower = name.toLowerCase().trim();
-    const key = lower.includes(`+`) ? `two_phase` : get_phase_color_key(name);
+    const key = name.includes(`+`) ? `two_phase` : get_phase_color_key(name);
     return format === `rgb` ? PHASE_COLOR_RGB[key] : PHASE_COLORS[key];
 }
 // Get gradient colors for multi-phase regions (2+ phases separated by '+')
@@ -523,7 +522,7 @@ function format_label_parts(label, use_subscripts, formatter) {
     if (!use_subscripts)
         return label;
     return label
-        .split(/(\s*\+\s*)/)
+        .split(/(?<separator>\s*\+\s*)/)
         .map((part) => {
         if (part.trim() === `+`)
             return part;