matterviz 0.3.1 → 0.3.3

package/dist/layout/json-tree/JsonTree.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLAttributes } from 'svelte/elements';
 import type { JsonTreeProps } from './types';
-type $$ComponentProps = JsonTreeProps & Omit<HTMLAttributes<HTMLDivElement>, `onselect`>;
+type $$ComponentProps = JsonTreeProps & Omit<HTMLAttributes<HTMLDivElement>, `onselect` | `onchange`>;
 declare const JsonTree: import("svelte").Component<$$ComponentProps, {}, "collapsed_paths" | "show_data_types" | "show_array_indices">;
 type JsonTree = ReturnType<typeof JsonTree>;
 export default JsonTree;

package/dist/layout/json-tree/JsonValue.svelte

@@ -1,182 +1,282 @@
-<script lang="ts">import { getContext } from 'svelte';
-import { JSON_TREE_CONTEXT_KEY } from './types';
-import { format_preview, is_css_color, is_url, values_equal } from './utils';
-let { value, value_type, path, } = $props();
-const ctx = getContext(JSON_TREE_CONTEXT_KEY);
-// Track if value just changed for animation
-let just_changed = $state(false);
-let change_timeout;
-// Expanded state for long strings
-let is_expanded = $state(false);
-// Extract max_string_length threshold for reuse
-let max_len = $derived(ctx?.settings.max_string_length ?? 200);
-let is_long_string = $derived(value_type === `string` && value.length > max_len);
-// Check for changes on mount and when value changes
-$effect(() => {
-    if (!ctx?.settings.highlight_changes)
-        return;
-    const prev = ctx.previous_values.get(path);
+<script lang="ts">
+  import { getContext, tick } from 'svelte'
+  import type { JsonTreeContext, JsonValueType } from './types'
+  import { JSON_TREE_CONTEXT_KEY } from './types'
+  import {
+    format_preview,
+    is_css_color,
+    is_url,
+    parse_edited_value,
+    values_equal,
+  } from './utils'
+
+  let {
+    value,
+    value_type,
+    path,
+  }: {
+    value: unknown
+    value_type: JsonValueType
+    path: string
+  } = $props()
+
+  const ctx = getContext<JsonTreeContext>(JSON_TREE_CONTEXT_KEY)
+
+  // Track if value just changed for animation
+  let just_changed = $state(false)
+  let change_timeout: ReturnType<typeof setTimeout> | undefined
+
+  // Expanded state for long strings
+  let is_expanded = $state(false)
+
+  // Extract max_string_length threshold for reuse
+  let max_len = $derived(ctx?.settings.max_string_length ?? 200)
+  let is_long_string = $derived(
+    value_type === `string` && (value as string).length > max_len,
+  )
+
+  // Check for changes on mount and when value changes
+  $effect(() => {
+    if (!ctx?.settings.highlight_changes) return
+
+    const prev = ctx.previous_values.get(path)
     if (prev !== undefined && !values_equal(prev, value)) {
-        just_changed = true;
-        if (change_timeout)
-            clearTimeout(change_timeout);
-        change_timeout = setTimeout(() => {
-            just_changed = false;
-        }, 1000);
-    }
-    ctx.previous_values.set(path, value);
+      just_changed = true
+      if (change_timeout) clearTimeout(change_timeout)
+      change_timeout = setTimeout(() => {
+        just_changed = false
+      }, 1000)
+    }
+    ctx.previous_values.set(path, value)
+
     return () => {
-        if (change_timeout)
-            clearTimeout(change_timeout);
-    };
-});
-// Trimmed string for URL/color detection (avoids using raw whitespace in href/style)
-let trimmed_str = $derived(value_type === `string` ? value.trim() : ``);
-// Auto-detect URLs in string values
-let url_detected = $derived(value_type === `string` && is_url(trimmed_str));
-// Auto-detect CSS colors in string values
-let color_detected = $derived(value_type === `string` && is_css_color(trimmed_str) ? trimmed_str : null);
-// Handle click to copy
-async function handle_click(event) {
-    event.stopPropagation();
-    if (ctx) {
-        await ctx.copy_value(path, value, event);
-    }
-}
-// Format display value - strings use custom truncation, others use format_preview
-let display_value = $derived.by(() => {
-    if (value_type === `circular`)
-        return `[Circular]`;
+      if (change_timeout) clearTimeout(change_timeout)
+    }
+  })
+
+  // Trimmed string for URL/color detection (avoids using raw whitespace in href/style)
+  let trimmed_str = $derived(value_type === `string` ? (value as string).trim() : ``)
+
+  // Auto-detect URLs in string values
+  let url_detected = $derived(value_type === `string` && is_url(trimmed_str))
+
+  // Auto-detect CSS colors in string values
+  let color_detected = $derived(
+    value_type === `string` && is_css_color(trimmed_str) ? trimmed_str : null,
+  )
+
+  // Handle click to copy (delayed to avoid firing on double-click-to-edit)
+  let click_timer: ReturnType<typeof setTimeout> | undefined
+  $effect(() => () => {
+    if (click_timer) clearTimeout(click_timer)
+  })
+
+  async function handle_click(event: MouseEvent) {
+    event.stopPropagation()
+    if (!ctx) return
+    // When editable, delay copy so double-click can cancel it
+    if (ctx.settings.editable && ctx.onchange) {
+      if (click_timer) clearTimeout(click_timer)
+      const copy_pos = { clientX: event.clientX, clientY: event.clientY }
+      click_timer = setTimeout(() => ctx.copy_value(path, value, copy_pos), 250)
+    } else {
+      await ctx.copy_value(path, value, event)
+    }
+  }
+
+  // Format display value - strings use custom truncation, others use format_preview
+  let display_value = $derived.by(() => {
+    if (value_type === `circular`) return `[Circular]`
     if (value_type === `string`) {
-        const str = value;
-        return is_long_string && !is_expanded
-            ? `"${str.slice(0, max_len)}..."`
-            : `"${str}"`;
-    }
-    return format_preview(value);
-});
-// Check if string is truncated
-let is_truncated = $derived(is_long_string && !is_expanded);
-// Toggle string expansion
-function toggle_expand(event) {
-    event.stopPropagation();
-    is_expanded = !is_expanded;
-}
-</script>
+      const str = value as string
+      return is_long_string && !is_expanded
+        ? `"${str.slice(0, max_len)}..."`
+        : `"${str}"`
+    }
+    return format_preview(value)
+  })
+
+  // Check if string is truncated
+  let is_truncated = $derived(is_long_string && !is_expanded)
+
+  // Toggle string expansion
+  function toggle_expand(event: MouseEvent) {
+    event.stopPropagation()
+    is_expanded = !is_expanded
+  }
 
-<span
-  class="json-value {value_type}"
-  class:changed={just_changed}
-  onclick={handle_click}
-  oncontextmenu={(event) => {
-    ctx?.show_context_menu(event, path, value, false, false)
-  }}
-  onkeydown={(event) => {
-    if (event.key === `Enter` || event.key === ` `) {
+  // === Inline Editing ===
+  let editing = $state(false)
+  let edit_text = $state(``)
+  let edit_input = $state<HTMLInputElement | null>(null)
+
+  function start_edit(event: MouseEvent) {
+    if (!ctx?.settings.editable || !ctx.onchange) return
+    event.stopPropagation()
+    // Cancel pending click-to-copy
+    if (click_timer) clearTimeout(click_timer)
+    // Pre-fill with raw value (strings without quotes)
+    edit_text = value_type === `string` ? (value as string) : String(value)
+    editing = true
+    tick().then(() => edit_input?.select())
+  }
+
+  function commit_edit() {
+    if (!editing) return
+    editing = false
+    const new_value = parse_edited_value(edit_text)
+    if (!values_equal(new_value, value)) {
+      ctx?.onchange?.(path, new_value, value)
+    }
+  }
+
+  function handle_edit_keydown(event: KeyboardEvent) {
+    if (event.key === `Enter`) {
       event.preventDefault()
-      ctx?.copy_value(path, value)
-    }
-  }}
-  role="button"
-  tabindex="-1"
-  title="Click to copy"
->
-  {#if color_detected}
-    <span class="color-swatch" style:background={color_detected}></span>
-  {/if}
-  {#if url_detected}
-    <a
-      href={encodeURI(trimmed_str)}
-      class="url-link"
-      target="_blank"
-      rel="noopener noreferrer"
-      onclick={(event) => event.stopPropagation()}
-      title="Open URL in new tab"
-    >
+      commit_edit()
+    } else if (event.key === `Escape`) {
+      event.preventDefault()
+      editing = false
+    }
+  }
+</script>
+
+{#if editing}
+  <!-- svelte-ignore a11y_autofocus -->
+  <input
+    bind:this={edit_input}
+    type="text"
+    class="edit-input {value_type}"
+    bind:value={edit_text}
+    onkeydown={handle_edit_keydown}
+    onblur={commit_edit}
+    style:width="{Math.max(edit_text.length + 2, 6)}ch"
+    autofocus
+  />
+{:else}
+  <span
+    class="json-value {value_type}"
+    class:changed={just_changed}
+    class:editable={ctx?.settings.editable}
+    onclick={handle_click}
+    ondblclick={start_edit}
+    oncontextmenu={(event) => {
+      ctx?.show_context_menu(event, path, value, false, false)
+    }}
+    onkeydown={(event) => {
+      if (event.key === `Enter` || event.key === ` `) {
+        event.preventDefault()
+        ctx?.copy_value(path, value)
+      }
+    }}
+    role="button"
+    tabindex="-1"
+    title={ctx?.settings.editable ? `Double-click to edit` : undefined}
+  >
+    {#if color_detected}
+      <span class="color-swatch" style:background={color_detected}></span>
+    {/if}
+    {#if url_detected}
+      <a
+        href={encodeURI(trimmed_str)}
+        class="url-link"
+        target="_blank"
+        rel="noopener noreferrer"
+        onclick={(event) => event.stopPropagation()}
+        title="Open URL in new tab"
+      >
+        {display_value}
+      </a>
+    {:else}
       {display_value}
-    </a>
-  {:else}
-    {display_value}
-  {/if}
-  {#if is_truncated}
-    <button
-      type="button"
-      class="expand-btn"
-      onclick={toggle_expand}
-      title="Show full string"
-    >
-      ...
-    </button>
-  {:else if is_long_string && is_expanded}
-    <button
-      type="button"
-      class="expand-btn"
-      onclick={toggle_expand}
-      title="Collapse string"
-    >
-      ▲
-    </button>
-  {/if}
-  {#if ctx?.settings.show_data_types && value_type !== `null` &&
+    {/if}
+    {#if is_truncated}
+      <button
+        type="button"
+        class="expand-btn"
+        onclick={toggle_expand}
+        title="Show full string"
+      >
+        ...
+      </button>
+    {:else if is_long_string && is_expanded}
+      <button
+        type="button"
+        class="expand-btn"
+        onclick={toggle_expand}
+        title="Collapse string"
+      >
+        ▲
+      </button>
+    {/if}
+    {#if ctx?.settings.show_data_types && value_type !== `null` &&
       value_type !== `undefined`}
-    <span class="type-annotation">{value_type}</span>
-  {/if}
-</span>
+      <span class="type-annotation">{value_type}</span>
+    {/if}
+  </span>
+{/if}
 
 <style>
+  /* Type-specific colors shared between display and edit input */
+  :is(.json-value, .edit-input) {
+    &.string {
+      color: var(--jt-string, light-dark(#a31515, #ce9178));
+    }
+    &.number {
+      color: var(--jt-number, light-dark(#098658, #b5cea8));
+    }
+    &.boolean {
+      color: var(--jt-boolean, light-dark(#0000ff, #569cd6));
+    }
+    &.null {
+      color: var(--jt-null, light-dark(#808080, #808080));
+    }
+  }
   .json-value {
     cursor: pointer;
     border-radius: 2px;
     transition: background-color 0.15s, color 0.15s;
-  }
-  .json-value:hover {
-    background: var(
-      --jt-hover-bg,
-      light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.08))
-    );
-  }
-  /* Type-specific colors */
-  .json-value.string {
-    color: var(--jt-string, light-dark(#a31515, #ce9178));
-    word-break: break-word;
-  }
-  .json-value.number {
-    color: var(--jt-number, light-dark(#098658, #b5cea8));
-  }
-  .json-value.boolean {
-    color: var(--jt-boolean, light-dark(#0000ff, #569cd6));
-  }
-  .json-value.null,
-  .json-value.undefined {
-    color: var(--jt-null, light-dark(#808080, #808080));
-    font-style: italic;
-  }
-  .json-value.date {
-    color: var(--jt-date, light-dark(#098658, #dcdcaa));
-  }
-  .json-value.regexp {
-    color: var(--jt-regexp, light-dark(#811f3f, #d16969));
-  }
-  .json-value.symbol {
-    color: var(--jt-symbol, light-dark(#267f99, #4ec9b0));
-  }
-  .json-value.bigint {
-    color: var(--jt-bigint, light-dark(#098658, #b5cea8));
-  }
-  .json-value.function {
-    color: var(--jt-function, light-dark(#795e26, #dcdcaa));
-    font-style: italic;
-  }
-  .json-value.error {
-    color: var(--jt-error, light-dark(#a31515, #f48771));
-  }
-  .json-value.circular {
-    color: var(--jt-circular, light-dark(#808080, #808080));
-    font-style: italic;
-  }
-  /* Change animation */
-  .json-value.changed {
-    animation: value-change 1s ease-out;
+    &:hover {
+      background: var(
+        --jt-hover-bg,
+        light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.08))
+      );
+    }
+    &.string {
+      word-break: break-word;
+    }
+    &:is(.null, .undefined) {
+      font-style: italic;
+    }
+    &.date {
+      color: var(--jt-date, light-dark(#098658, #dcdcaa));
+    }
+    &.regexp {
+      color: var(--jt-regexp, light-dark(#811f3f, #d16969));
+    }
+    &.symbol {
+      color: var(--jt-symbol, light-dark(#267f99, #4ec9b0));
+    }
+    &.bigint {
+      color: var(--jt-bigint, light-dark(#098658, #b5cea8));
+    }
+    &.function {
+      color: var(--jt-function, light-dark(#795e26, #dcdcaa));
+      font-style: italic;
+    }
+    &.error {
+      color: var(--jt-error, light-dark(#a31515, #f48771));
+    }
+    &.circular {
+      color: var(--jt-circular, light-dark(#808080, #808080));
+      font-style: italic;
+    }
+    &.changed {
+      animation: value-change 1s ease-out;
+    }
+    &.editable {
+      cursor: default;
+    }
   }
   @keyframes value-change {
     0% {
@@ -186,7 +286,6 @@ function toggle_expand(event) {
       background: transparent;
     }
   }
-  /* Expand/collapse button for long strings */
   .expand-btn {
     display: inline;
     background: none;
@@ -196,11 +295,10 @@ function toggle_expand(event) {
     font-size: 0.85em;
     padding: 0 2px;
     margin-left: 2px;
+    &:hover {
+      text-decoration: underline;
+    }
   }
-  .expand-btn:hover {
-    text-decoration: underline;
-  }
-  /* Type annotation */
   .type-annotation {
     font-size: 0.7em;
     color: var(--jt-type-annotation, light-dark(#808080, #6a6a6a));
@@ -210,9 +308,19 @@ function toggle_expand(event) {
   .url-link {
     color: var(--jt-url, light-dark(#0066cc, #4fc3f7));
     text-decoration: none;
+    &:hover {
+      text-decoration: underline;
+    }
   }
-  .url-link:hover {
-    text-decoration: underline;
+  .edit-input {
+    font: inherit;
+    font-family: var(--jt-font-family, 'SF Mono', Monaco, 'Courier New', monospace);
+    padding: 0 2px;
+    border: 1px solid var(--jt-edit-border, light-dark(#4a90d9, #4a90d9));
+    border-radius: 2px;
+    background: var(--jt-edit-bg, light-dark(#fff, #1a1a2e));
+    outline: none;
+    min-width: 4ch;
   }
   .color-swatch {
     display: inline-block;

package/dist/layout/json-tree/types.d.ts

@@ -16,6 +16,8 @@ export interface JsonTreeProps {
     oncopy?: (path: string, value: string) => void;
     download_filename?: string;
     compare_value?: unknown;
+    editable?: boolean;
+    onchange?: (path: string, new_value: unknown, old_value: unknown) => void;
 }
 export interface JsonTreeContext {
     settings: {
@@ -27,6 +29,7 @@ export interface JsonTreeContext {
         sort_keys: boolean;
         max_string_length: number;
         highlight_changes: boolean;
+        editable: boolean;
     };
     collapsed: Set<string>;
     force_expanded: Set<string>;
@@ -41,8 +44,8 @@ export interface JsonTreeContext {
     collapse_all: () => void;
     collapse_to_level: (level: number) => void;
     set_focused: (path: string | null) => void;
-    copy_value: (path: string, value: unknown, event?: MouseEvent) => Promise<void>;
-    copy_path: (path: string, event?: MouseEvent) => Promise<void>;
+    copy_value: (path: string, value: unknown, event?: CopyEventPosition) => Promise<void>;
+    copy_path: (path: string, event?: CopyEventPosition) => Promise<void>;
     register_path: (path: string) => void;
     unregister_path: (path: string) => void;
     show_context_menu: (event: MouseEvent, path: string, value: unknown, expandable: boolean, is_collapsed: boolean) => void;
@@ -54,7 +57,12 @@ export interface JsonTreeContext {
     diff_map: Map<string, DiffEntry> | null;
     ghost_map: Map<string, import('./utils').GhostEntry[]>;
     collapse_children_only: (path: string) => void;
+    onchange?: (path: string, new_value: unknown, old_value: unknown) => void;
 }
+export type CopyEventPosition = {
+    clientX: number;
+    clientY: number;
+};
 export declare const JSON_TREE_CONTEXT_KEY: unique symbol;
 export type DiffStatus = `added` | `removed` | `changed`;
 export interface DiffEntry {

package/dist/layout/json-tree/utils.d.ts

@@ -14,6 +14,8 @@ export declare function find_matching_paths(value: unknown, query: string, curre
 export declare function get_ancestor_paths(path: string): string[];
 export declare function parse_path(path: string): (string | number)[];
 export declare function values_equal(val_a: unknown, val_b: unknown): boolean;
+export declare function parse_edited_value(text: string): unknown;
+export declare function set_at_path(root: unknown, path_str: string, new_value: unknown, root_label?: string): unknown;
 export declare function is_url(str: string): boolean;
 export declare function is_css_color(str: string): boolean;
 export declare function estimate_byte_size(value: unknown, max_depth?: number, current_depth?: number): number;

package/dist/layout/json-tree/utils.js

@@ -390,6 +390,39 @@ export function values_equal(val_a, val_b) {
     }
     return false;
 }
+// Parse a raw edited string into a typed JSON value
+// Numbers, booleans, and null are auto-detected; everything else stays as string
+export function parse_edited_value(text) {
+    const trimmed = text.trim();
+    if (trimmed === `null`)
+        return null;
+    if (trimmed === `true`)
+        return true;
+    if (trimmed === `false`)
+        return false;
+    const num = Number(trimmed);
+    if (trimmed !== `` && Number.isFinite(num))
+        return num;
+    return text;
+}
+// Set a value at a dot/bracket path in a deep-cloned copy of root
+// root_label is stripped from the path prefix if present
+export function set_at_path(root, path_str, new_value, root_label) {
+    const segments = parse_path(path_str);
+    const start = root_label && segments[0] === root_label ? 1 : 0;
+    if (start >= segments.length)
+        return new_value;
+    const cloned = JSON.parse(JSON.stringify(root));
+    let current = cloned;
+    for (let idx = start; idx < segments.length - 1; idx++) {
+        const next = current[segments[idx]];
+        if (next === undefined || next === null)
+            return root; // bail — path no longer valid
+        current = next;
+    }
+    current[segments[segments.length - 1]] = new_value;
+    return cloned;
+}
 // URL regex for auto-detection in string values
 const URL_RE = /^https?:\/\/\S+$/;
 // CSS color patterns for swatch rendering
@@ -507,8 +540,10 @@ export function compute_diff(old_val, new_val, current_path = ``, result = new M
     }
     // Both primitive: compare values (with NaN === NaN special case)
     if (is_primitive_type(old_type)) {
-        const both_nan = typeof old_val === `number` && typeof new_val === `number` &&
-            Number.isNaN(old_val) && Number.isNaN(new_val);
+        const both_nan = typeof old_val === `number` &&
+            typeof new_val === `number` &&
+            Number.isNaN(old_val) &&
+            Number.isNaN(new_val);
         if (!both_nan && old_val !== new_val) {
             result.set(current_path, {
                 status: `changed`,

package/dist/marching-cubes.js

@@ -1,7 +1,30 @@
 // Edge table: for each cube configuration (256 cases), which edges are intersected
 // Each bit indicates whether that edge has an intersection
-// deno-fmt-ignore
-const EDGE_TABLE = [0x0, 0x109, 0x203, 0x30a, 0x406, 0x50f, 0x605, 0x70c, 0x80c, 0x905, 0xa0f, 0xb06, 0xc0a, 0xd03, 0xe09, 0xf00, 0x190, 0x99, 0x393, 0x29a, 0x596, 0x49f, 0x795, 0x69c, 0x99c, 0x895, 0xb9f, 0xa96, 0xd9a, 0xc93, 0xf99, 0xe90, 0x230, 0x339, 0x33, 0x13a, 0x636, 0x73f, 0x435, 0x53c, 0xa3c, 0xb35, 0x83f, 0x936, 0xe3a, 0xf33, 0xc39, 0xd30, 0x3a0, 0x2a9, 0x1a3, 0xaa, 0x7a6, 0x6af, 0x5a5, 0x4ac, 0xbac, 0xaa5, 0x9af, 0x8a6, 0xfaa, 0xea3, 0xda9, 0xca0, 0x460, 0x569, 0x663, 0x76a, 0x66, 0x16f, 0x265, 0x36c, 0xc6c, 0xd65, 0xe6f, 0xf66, 0x86a, 0x963, 0xa69, 0xb60, 0x5f0, 0x4f9, 0x7f3, 0x6fa, 0x1f6, 0xff, 0x3f5, 0x2fc, 0xdfc, 0xcf5, 0xfff, 0xef6, 0x9fa, 0x8f3, 0xbf9, 0xaf0, 0x650, 0x759, 0x453, 0x55a, 0x256, 0x35f, 0x55, 0x15c, 0xe5c, 0xf55, 0xc5f, 0xd56, 0xa5a, 0xb53, 0x859, 0x950, 0x7c0, 0x6c9, 0x5c3, 0x4ca, 0x3c6, 0x2cf, 0x1c5, 0xcc, 0xfcc, 0xec5, 0xdcf, 0xcc6, 0xbca, 0xac3, 0x9c9, 0x8c0, 0x8c0, 0x9c9, 0xac3, 0xbca, 0xcc6, 0xdcf, 0xec5, 0xfcc, 0xcc, 0x1c5, 0x2cf, 0x3c6, 0x4ca, 0x5c3, 0x6c9, 0x7c0, 0x950, 0x859, 0xb53, 0xa5a, 0xd56, 0xc5f, 0xf55, 0xe5c, 0x15c, 0x55, 0x35f, 0x256, 0x55a, 0x453, 0x759, 0x650, 0xaf0, 0xbf9, 0x8f3, 0x9fa, 0xef6, 0xfff, 0xcf5, 0xdfc, 0x2fc, 0x3f5, 0xff, 0x1f6, 0x6fa, 0x7f3, 0x4f9, 0x5f0, 0xb60, 0xa69, 0x963, 0x86a, 0xf66, 0xe6f, 0xd65, 0xc6c, 0x36c, 0x265, 0x16f, 0x66, 0x76a, 0x663, 0x569, 0x460, 0xca0, 0xda9, 0xea3, 0xfaa, 0x8a6, 0x9af, 0xaa5, 0xbac, 0x4ac, 0x5a5, 0x6af, 0x7a6, 0xaa, 0x1a3, 0x2a9, 0x3a0, 0xd30, 0xc39, 0xf33, 0xe3a, 0x936, 0x83f, 0xb35, 0xa3c, 0x53c, 0x435, 0x73f, 0x636, 0x13a, 0x33, 0x339, 0x230, 0xe90, 0xf99, 0xc93, 0xd9a, 0xa96, 0xb9f, 0x895, 0x99c, 0x69c, 0x795, 0x49f, 0x596, 0x29a, 0x393, 0x99, 0x190, 0xf00, 0xe09, 0xd03, 0xc0a, 0xb06, 0xa0f, 0x905, 0x80c, 0x70c, 0x605, 0x50f, 0x406, 0x30a, 0x203, 0x109, 0x0];
+// oxfmt-ignore
+const EDGE_TABLE = [
+    0x0, 0x109, 0x203, 0x30a, 0x406, 0x50f, 0x605, 0x70c, 0x80c, 0x905, 0xa0f, 0xb06, 0xc0a,
+    0xd03, 0xe09, 0xf00, 0x190, 0x99, 0x393, 0x29a, 0x596, 0x49f, 0x795, 0x69c, 0x99c,
+    0x895, 0xb9f, 0xa96, 0xd9a, 0xc93, 0xf99, 0xe90, 0x230, 0x339, 0x33, 0x13a, 0x636,
+    0x73f, 0x435, 0x53c, 0xa3c, 0xb35, 0x83f, 0x936, 0xe3a, 0xf33, 0xc39, 0xd30, 0x3a0,
+    0x2a9, 0x1a3, 0xaa, 0x7a6, 0x6af, 0x5a5, 0x4ac, 0xbac, 0xaa5, 0x9af, 0x8a6, 0xfaa,
+    0xea3, 0xda9, 0xca0, 0x460, 0x569, 0x663, 0x76a, 0x66, 0x16f, 0x265, 0x36c, 0xc6c,
+    0xd65, 0xe6f, 0xf66, 0x86a, 0x963, 0xa69, 0xb60, 0x5f0, 0x4f9, 0x7f3, 0x6fa, 0x1f6,
+    0xff, 0x3f5, 0x2fc, 0xdfc, 0xcf5, 0xfff, 0xef6, 0x9fa, 0x8f3, 0xbf9, 0xaf0, 0x650,
+    0x759, 0x453, 0x55a, 0x256, 0x35f, 0x55, 0x15c, 0xe5c, 0xf55, 0xc5f, 0xd56, 0xa5a,
+    0xb53, 0x859, 0x950, 0x7c0, 0x6c9, 0x5c3, 0x4ca, 0x3c6, 0x2cf, 0x1c5, 0xcc, 0xfcc,
+    0xec5, 0xdcf, 0xcc6, 0xbca, 0xac3, 0x9c9, 0x8c0, 0x8c0, 0x9c9, 0xac3, 0xbca, 0xcc6,
+    0xdcf, 0xec5, 0xfcc, 0xcc, 0x1c5, 0x2cf, 0x3c6, 0x4ca, 0x5c3, 0x6c9, 0x7c0, 0x950,
+    0x859, 0xb53, 0xa5a, 0xd56, 0xc5f, 0xf55, 0xe5c, 0x15c, 0x55, 0x35f, 0x256, 0x55a,
+    0x453, 0x759, 0x650, 0xaf0, 0xbf9, 0x8f3, 0x9fa, 0xef6, 0xfff, 0xcf5, 0xdfc, 0x2fc,
+    0x3f5, 0xff, 0x1f6, 0x6fa, 0x7f3, 0x4f9, 0x5f0, 0xb60, 0xa69, 0x963, 0x86a, 0xf66,
+    0xe6f, 0xd65, 0xc6c, 0x36c, 0x265, 0x16f, 0x66, 0x76a, 0x663, 0x569, 0x460, 0xca0,
+    0xda9, 0xea3, 0xfaa, 0x8a6, 0x9af, 0xaa5, 0xbac, 0x4ac, 0x5a5, 0x6af, 0x7a6, 0xaa,
+    0x1a3, 0x2a9, 0x3a0, 0xd30, 0xc39, 0xf33, 0xe3a, 0x936, 0x83f, 0xb35, 0xa3c, 0x53c,
+    0x435, 0x73f, 0x636, 0x13a, 0x33, 0x339, 0x230, 0xe90, 0xf99, 0xc93, 0xd9a, 0xa96,
+    0xb9f, 0x895, 0x99c, 0x69c, 0x795, 0x49f, 0x596, 0x29a, 0x393, 0x99, 0x190, 0xf00,
+    0xe09, 0xd03, 0xc0a, 0xb06, 0xa0f, 0x905, 0x80c, 0x70c, 0x605, 0x50f, 0x406, 0x30a,
+    0x203, 0x109, 0x0,
+];
 // Triangle table: for each cube configuration, list of edge triplets forming triangles
 // -1 marks the end of the triangle list for that configuration
 const TRI_TABLE = [