npm - @jsenv/navi - Versions diffs - 0.10.1 → 0.11.0 - Mend

@jsenv/navi 0.10.1 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (207) hide show

package/dist/jsenv_navi.js +13858 -23295
package/dist/jsenv_navi.js.map +1281 -0
package/package.json +5 -7
package/index.js +0 -122
package/src/action_private_properties.js +0 -11
package/src/action_proxy_test.html +0 -353
package/src/action_run_states.js +0 -5
package/src/actions.js +0 -1401
package/src/browser_integration/browser_integration.js +0 -216
package/src/browser_integration/document_back_and_forward.js +0 -17
package/src/browser_integration/document_loading_signal.js +0 -100
package/src/browser_integration/document_state_signal.js +0 -9
package/src/browser_integration/document_url_signal.js +0 -9
package/src/browser_integration/use_is_visited.js +0 -19
package/src/browser_integration/via_history.js +0 -232
package/src/browser_integration/via_navigation.js +0 -168
package/src/components/action_execution/form_context.js +0 -5
package/src/components/action_execution/render_actionable_component.jsx +0 -29
package/src/components/action_execution/use_action.js +0 -99
package/src/components/action_execution/use_execute_action.js +0 -177
package/src/components/action_execution/use_run_on_mount.js +0 -9
package/src/components/action_renderer.jsx +0 -125
package/src/components/callout/callout.js +0 -990
package/src/components/callout/callout_demo.html +0 -201
package/src/components/callout/test_dynamic_positioning.html +0 -161
package/src/components/callout/test_html_document_iframe.html +0 -182
package/src/components/demos/0_button_demo.html +0 -707
package/src/components/demos/10_column_reordering_debug.html +0 -277
package/src/components/demos/11_table_selection_debug.html +0 -432
package/src/components/demos/1_checkbox_demo.html +0 -754
package/src/components/demos/2_input_textual_demo.html +0 -286
package/src/components/demos/3_radio_demo.html +0 -874
package/src/components/demos/4_select_demo.html +0 -100
package/src/components/demos/5_list_scrollable_demo.html +0 -153
package/src/components/demos/6_tablist_demo.html +0 -77
package/src/components/demos/7_table_selection_demo.html +0 -176
package/src/components/demos/8_table_fixed_headers_demo.html +0 -584
package/src/components/demos/9_table_column_drag_demo.html +0 -325
package/src/components/demos/action/0_button_demo.html +0 -204
package/src/components/demos/action/10_shortcuts_demo.html +0 -189
package/src/components/demos/action/11_nested_shortcuts_demo.xhtml +0 -401
package/src/components/demos/action/1_input_text_demo.html +0 -876
package/src/components/demos/action/2_form_multiple.html +0 -303
package/src/components/demos/action/3_details_demo.html +0 -203
package/src/components/demos/action/4_input_checkbox_demo.html +0 -731
package/src/components/demos/action/5_input_checkbox_state_demo.html +0 -270
package/src/components/demos/action/6_checkbox_list_demo.html +0 -341
package/src/components/demos/action/7_radio_list_demo.html +0 -357
package/src/components/demos/action/8_editable_demo.html +0 -431
package/src/components/demos/action/9_link_demo.html +0 -194
package/src/components/demos/demo.md +0 -0
package/src/components/demos/route/basic/basic.html +0 -14
package/src/components/demos/route/basic/basic_route_demo.jsx +0 -224
package/src/components/demos/route/multi/multi.html +0 -14
package/src/components/demos/route/multi/multi_route_demo.jsx +0 -277
package/src/components/demos/ui_transition/0_action_renderer_ui_transition_demo.html +0 -695
package/src/components/demos/ui_transition/1_nested_ui_transition_demo.html +0 -429
package/src/components/demos/ui_transition/2_height_transition_test.html +0 -295
package/src/components/details/details.jsx +0 -245
package/src/components/details/summary_marker.jsx +0 -141
package/src/components/edition/editable.jsx +0 -186
package/src/components/error_boundary_context.js +0 -9
package/src/components/field/README.md +0 -247
package/src/components/field/button.jsx +0 -429
package/src/components/field/checkbox_list.jsx +0 -185
package/src/components/field/collect_form_element_values.js +0 -82
package/src/components/field/custom_field.js +0 -106
package/src/components/field/form.jsx +0 -209
package/src/components/field/input.jsx +0 -16
package/src/components/field/input_checkbox.jsx +0 -434
package/src/components/field/input_radio.jsx +0 -432
package/src/components/field/input_textual.jsx +0 -389
package/src/components/field/label.jsx +0 -46
package/src/components/field/radio_list.jsx +0 -183
package/src/components/field/select.jsx +0 -256
package/src/components/field/use_action_events.js +0 -132
package/src/components/field/use_form_events.js +0 -59
package/src/components/field/use_ui_state_controller.js +0 -506
package/src/components/item_tracker/README.md +0 -461
package/src/components/item_tracker/use_isolated_item_tracker.jsx +0 -209
package/src/components/item_tracker/use_isolated_item_tracker_demo.html +0 -148
package/src/components/item_tracker/use_isolated_item_tracker_demo.jsx +0 -460
package/src/components/item_tracker/use_item_tracker.jsx +0 -143
package/src/components/item_tracker/use_item_tracker_demo.html +0 -207
package/src/components/item_tracker/use_item_tracker_demo.jsx +0 -216
package/src/components/keyboard_shortcuts/active_keyboard_shortcuts.jsx +0 -87
package/src/components/keyboard_shortcuts/aria_key_shortcuts.js +0 -61
package/src/components/keyboard_shortcuts/keyboard_key_meta.js +0 -17
package/src/components/keyboard_shortcuts/keyboard_shortcuts.js +0 -371
package/src/components/keyboard_shortcuts/os.js +0 -9
package/src/components/layout/demos/demo_flex.html +0 -638
package/src/components/layout/demos/demo_layout_style_buttons.html +0 -351
package/src/components/layout/demos/demo_layout_style_input.html +0 -226
package/src/components/layout/demos/demo_layout_style_text.html +0 -514
package/src/components/layout/flex.jsx +0 -109
package/src/components/layout/layout_context.jsx +0 -3
package/src/components/layout/spacing.jsx +0 -20
package/src/components/layout/use_layout_style.js +0 -249
package/src/components/link/link.jsx +0 -267
package/src/components/link/link_with_icon.jsx +0 -52
package/src/components/loader/loader_background.jsx +0 -372
package/src/components/loader/loading_spinner.jsx +0 -68
package/src/components/loader/network_speed.js +0 -83
package/src/components/loader/rectangle_loading.jsx +0 -244
package/src/components/props_composition/demos/demo_with_props_style.html +0 -81
package/src/components/props_composition/with_props_class_name.js +0 -37
package/src/components/props_composition/with_props_style.js +0 -26
package/src/components/route.jsx +0 -19
package/src/components/selection/selection.jsx +0 -1583
package/src/components/svg/font_sized_svg.jsx +0 -59
package/src/components/svg/icon_and_text.jsx +0 -21
package/src/components/svg/svg_mask_overlay.jsx +0 -105
package/src/components/table/drag/table_drag.jsx +0 -506
package/src/components/table/resize/table_resize.jsx +0 -650
package/src/components/table/resize/table_size.js +0 -43
package/src/components/table/selection/table_selection.js +0 -106
package/src/components/table/selection/table_selection.jsx +0 -203
package/src/components/table/sticky/sticky_group.js +0 -354
package/src/components/table/sticky/table_sticky.js +0 -25
package/src/components/table/sticky/table_sticky.jsx +0 -501
package/src/components/table/table.jsx +0 -721
package/src/components/table/table_css.js +0 -211
package/src/components/table/table_ui.jsx +0 -49
package/src/components/table/use_cells_and_columns.js +0 -90
package/src/components/table/use_object_array_to_cells.js +0 -46
package/src/components/table/z_indexes.js +0 -23
package/src/components/tablist/tablist.jsx +0 -99
package/src/components/text/demos/demo_text_and_icon.html +0 -421
package/src/components/text/overflow.jsx +0 -15
package/src/components/text/text.jsx +0 -83
package/src/components/text/text_and_count.jsx +0 -28
package/src/components/ui_transition.jsx +0 -128
package/src/components/use_auto_focus.js +0 -94
package/src/components/use_batch_during_render.js +0 -33
package/src/components/use_debounce_true.js +0 -31
package/src/components/use_dependencies_diff.js +0 -35
package/src/components/use_focus_group.js +0 -20
package/src/components/use_initial_value.js +0 -78
package/src/components/use_is_visited.js +0 -19
package/src/components/use_ref_array.js +0 -38
package/src/components/use_signal_sync.js +0 -50
package/src/components/use_stable_callback.js +0 -68
package/src/components/use_state_array.js +0 -47
package/src/docs/actions.md +0 -250
package/src/docs/demos/resource/action_status.jsx +0 -42
package/src/docs/demos/resource/demo.md +0 -1
package/src/docs/demos/resource/resource_demo_0.html +0 -84
package/src/docs/demos/resource/resource_demo_10_post_gc.html +0 -364
package/src/docs/demos/resource/resource_demo_11_describe_many.html +0 -362
package/src/docs/demos/resource/resource_demo_2.html +0 -173
package/src/docs/demos/resource/resource_demo_3_filtered_users.html +0 -415
package/src/docs/demos/resource/resource_demo_4_details.html +0 -284
package/src/docs/demos/resource/resource_demo_5_renderer_lazy.html +0 -115
package/src/docs/demos/resource/resource_demo_6_gc.html +0 -217
package/src/docs/demos/resource/resource_demo_7_child_gc.html +0 -240
package/src/docs/demos/resource/resource_demo_8_proxy_gc.html +0 -319
package/src/docs/demos/resource/resource_demo_9_describe_one.html +0 -472
package/src/docs/demos/resource/tata.jsx +0 -3
package/src/docs/demos/resource/toto.jsx +0 -3
package/src/docs/demos/user_nav/user_nav.html +0 -12
package/src/docs/demos/user_nav/user_nav.jsx +0 -330
package/src/docs/resource_dependencies.md +0 -103
package/src/docs/resource_with_params.md +0 -80
package/src/navi_css_vars.js +0 -14
package/src/notes.md +0 -34
package/src/route/route.js +0 -596
package/src/route/route.xtest.html +0 -228
package/src/store/array_signal_store.js +0 -537
package/src/store/local_storage_signal.js +0 -17
package/src/store/resource_graph.js +0 -1304
package/src/store/tests/resource_graph_autoreload_demo.html +0 -12
package/src/store/tests/resource_graph_autoreload_demo.jsx +0 -964
package/src/store/tests/resource_graph_dependencies.test_manual.js +0 -95
package/src/store/value_in_local_storage.js +0 -187
package/src/symbol_object_signal.js +0 -1
package/src/use_action_data.js +0 -10
package/src/use_action_status.js +0 -47
package/src/utils/add_many_event_listeners.js +0 -15
package/src/utils/array_add_remove.js +0 -61
package/src/utils/array_signal.js +0 -15
package/src/utils/compare_two_js_values.js +0 -172
package/src/utils/execute_with_cleanup.js +0 -21
package/src/utils/get_caller_info.js +0 -85
package/src/utils/is_signal.js +0 -20
package/src/utils/js_value_weak_map.js +0 -162
package/src/utils/js_value_weak_map_demo.html +0 -690
package/src/utils/merge_two_js_values.js +0 -53
package/src/utils/stringify_for_display.js +0 -131
package/src/utils/weak_effect.js +0 -48
package/src/validation/constraints/confirm_constraint.js +0 -14
package/src/validation/constraints/create_unique_value_constraint.js +0 -27
package/src/validation/constraints/native_constraints.js +0 -338
package/src/validation/constraints/readonly_constraint.js +0 -41
package/src/validation/constraints/same_as_constraint.js +0 -42
package/src/validation/constraints/single_space_constraint.js +0 -13
package/src/validation/custom_constraint_validation.js +0 -793
package/src/validation/custom_message.js +0 -18
package/src/validation/demos/browser_style.png +0 -0
package/src/validation/demos/demo_same_as_constraint.html +0 -259
package/src/validation/demos/form_validation_demo.html +0 -142
package/src/validation/demos/form_validation_demo_preact.html +0 -87
package/src/validation/demos/form_validation_native_popover_demo.html +0 -168
package/src/validation/demos/form_validation_vs_native_demo.html +0 -172
package/src/validation/hooks/use_constraints.js +0 -23
package/src/validation/hooks/use_custom_validation_ref.js +0 -73
package/src/validation/hooks/use_validation_message.js +0 -19
package/src/validation/input_change_effect.js +0 -106

package/src/components/item_tracker/use_item_tracker.jsx DELETED Viewed

@@ -1,143 +0,0 @@
-import { createContext } from "preact";
-import { useContext, useMemo, useRef } from "preact/hooks";
-/*
- * Item Tracker - For colocated producer/consumer scenarios
- *
- * USE CASE:
- * This is for scenarios where producers and consumers are in the same
- * component tree, such as:
- * - TableRow components registering themselves
- * - TableCell components accessing row data by index
- * - Both happen within the same table structure
- *
- * Unlike the isolated producer/consumer system, this doesn't need complex
- * synchronization because everything happens in the same render cycle.
- *
- * USAGE:
- * ```jsx
- * // Create domain-specific tracker hooks
- * const [useRowTrackerProvider, useRegisterRow, useRow, useRows] = createItemTracker();
- *
- * function App() {
- *   const RowTrackerProvider = useRowTrackerProvider();
- *
- *   return (
- *     <RowTrackerProvider>
- *       <table>
- *         <tbody>
- *           {rows.map(({ id, name, color }) => (
- *             <TableRow key={id} name={name} color={color}>
- *               <TableCell column="name" />
- *               <TableCell column="color" />
- *             </TableRow>
- *           ))}
- *         </tbody>
- *       </table>
- *       <TrackedRowsList />
- *     </RowTrackerProvider>
- *   );
- * }
- *
- * function TableRow({ name, color, children }) {
- *   const rowIndex = useRegisterRow({ name, color });
- *   return (
- *     <tr>
- *       <TableRowIndexContext.Provider value={rowIndex}>
- *         {children}
- *       </TableRowIndexContext.Provider>
- *     </tr>
- *   );
- * }
- *
- * function TableCell({ column }) {
- *   const rowIndex = useContext(TableRowIndexContext);
- *   const rowData = useRow(rowIndex);
- *   return <td>{rowData[column]}</td>;
- * }
- *
- * function TrackedRowsList() {
- *   const rows = useRows();
- *   return <div>Total rows: {rows.length}</div>;
- * }
- * ```
- */
-export const createItemTracker = () => {
-  const ItemTrackerContext = createContext();
-  const useItemTrackerProvider = () => {
-    const itemsRef = useRef([]);
-    const items = itemsRef.current;
-    const itemCountRef = useRef(0);
-    const tracker = useMemo(() => {
-      const ItemTrackerProvider = ({ children }) => {
-        // Reset on each render to start fresh
-        tracker.reset();
-        return (
-          <ItemTrackerContext.Provider value={tracker}>
-            {children}
-          </ItemTrackerContext.Provider>
-        );
-      };
-      ItemTrackerProvider.items = items;
-      return {
-        ItemTrackerProvider,
-        items,
-        registerItem: (data) => {
-          const index = itemCountRef.current++;
-          items[index] = data;
-          return index;
-        },
-        getItem: (index) => {
-          return items[index];
-        },
-        getAllItems: () => {
-          return items;
-        },
-        reset: () => {
-          items.length = 0;
-          itemCountRef.current = 0;
-        },
-      };
-    }, []);
-    return tracker.ItemTrackerProvider;
-  };
-  const useTrackItem = (data) => {
-    const tracker = useContext(ItemTrackerContext);
-    if (!tracker) {
-      throw new Error(
-        "useTrackItem must be used within SimpleItemTrackerProvider",
-      );
-    }
-    return tracker.registerItem(data);
-  };
-  const useTrackedItem = (index) => {
-    const trackedItems = useTrackedItems();
-    const item = trackedItems[index];
-    return item;
-  };
-  const useTrackedItems = () => {
-    const tracker = useContext(ItemTrackerContext);
-    if (!tracker) {
-      throw new Error(
-        "useTrackedItems must be used within SimpleItemTrackerProvider",
-      );
-    }
-    return tracker.items;
-  };
-  return [
-    useItemTrackerProvider,
-    useTrackItem,
-    useTrackedItem,
-    useTrackedItems,
-  ];
-};

package/src/components/item_tracker/use_item_tracker_demo.html DELETED Viewed

@@ -1,207 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>Item Tracker Demo</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" href="data:," />
-    <style>
-      body {
-        font-family: system-ui, sans-serif;
-        margin: 20px;
-        background: #f5f5f5;
-      }
-      .demo-container {
-        max-width: 800px;
-        margin: 0 auto;
-        background: white;
-        padding: 20px;
-        border-radius: 8px;
-        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-      }
-      .section {
-        margin-bottom: 25px;
-        padding: 15px;
-        border: 1px solid #ddd;
-        border-radius: 6px;
-        background: #fafafa;
-      }
-      .section h3 {
-        margin: 0 0 15px 0;
-        font-size: 16px;
-        color: #333;
-        border-bottom: 1px solid #eee;
-        padding-bottom: 8px;
-      }
-      .table-container {
-        border: 1px solid #ccc;
-        border-radius: 4px;
-        overflow: hidden;
-      }
-      .table {
-        width: 100%;
-        border-collapse: collapse;
-        background: white;
-      }
-      .table th,
-      .table td {
-        padding: 8px 12px;
-        text-align: left;
-        border-bottom: 1px solid #eee;
-        font-size: 12px;
-      }
-      .table th {
-        background: #f8f9fa;
-        font-weight: 600;
-        color: #495057;
-      }
-      .table-row {
-        position: relative;
-      }
-      .table-row--red {
-        background-color: #ffebee;
-      }
-      .table-row--blue {
-        background-color: #e3f2fd;
-      }
-      .table-row--green {
-        background-color: #e8f5e8;
-      }
-      .table-row--yellow {
-        background-color: #fff8e1;
-      }
-      .controls {
-        display: flex;
-        gap: 8px;
-        align-items: center;
-        flex-wrap: wrap;
-      }
-      .btn {
-        padding: 4px 8px;
-        font-size: 11px;
-        border: 1px solid #ddd;
-        border-radius: 3px;
-        background: white;
-        cursor: pointer;
-        color: #333;
-      }
-      .btn:hover {
-        background: #f0f0f0;
-      }
-      .btn--primary {
-        background: #007bff;
-        color: white;
-        border-color: #007bff;
-      }
-      .btn--primary:hover {
-        background: #0056b3;
-      }
-      .btn--small {
-        padding: 2px 6px;
-        font-size: 10px;
-      }
-      .info-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-        gap: 10px;
-        margin-top: 10px;
-      }
-      .info-item {
-        background: white;
-        padding: 8px;
-        border-radius: 4px;
-        border: 1px solid #e0e0e0;
-        font-size: 11px;
-      }
-      .info-item strong {
-        color: #333;
-        display: block;
-        margin-bottom: 4px;
-      }
-      .tracked-rows {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-      }
-      .tracked-row-item {
-        background: white;
-        padding: 6px 8px;
-        border-radius: 3px;
-        border: 1px solid #ddd;
-        font-size: 10px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-      .log {
-        background: #f8f9fa;
-        border: 1px solid #dee2e6;
-        border-radius: 4px;
-        padding: 10px;
-        font-family: "Courier New", monospace;
-        font-size: 10px;
-        max-height: 200px;
-        overflow-y: auto;
-        white-space: pre-wrap;
-      }
-    </style>
-  </head>
-  <body>
-    <div class="demo-container">
-      <h1>Simple Item Tracker Demo</h1>
-      <p>
-        <strong>Use Case:</strong> TableRow components register themselves,
-        TableCell components access row data by index.
-      </p>
-      <p>
-        This demonstrates colocated producer/consumer usage - simpler than the
-        separated colgroup scenario.
-      </p>
-      <div id="app-root"></div>
-      <div class="section">
-        <h3>🔍 Debug Log</h3>
-        <div id="log" class="log"></div>
-        <button class="btn btn--small" onclick="window.clearLog()">
-          Clear Log
-        </button>
-      </div>
-    </div>
-    <script type="module" jsenv-type="module/jsx">
-      import { render } from "preact";
-      // eslint-disable-next-line no-unused-vars
-      import { App } from "./use_item_tracker_demo.jsx";
-      const logContainer = document.getElementById("log");
-      window.clearLog = () => {
-        logContainer.textContent = "";
-      };
-      // Render the app
-      render(<App />, document.getElementById("app-root"));
-    </script>
-  </body>
-</html>

package/src/components/item_tracker/use_item_tracker_demo.jsx DELETED Viewed

@@ -1,216 +0,0 @@
-import { createContext } from "preact";
-import { useContext, useState } from "preact/hooks";
-import { createItemTracker } from "./use_item_tracker.jsx";
-const [useRowTrackerProvider, useRegisterRow, useRow, useRows] =
-  createItemTracker();
-// Main demo app
-export const App = () => {
-  const [rows, setRows] = useState([
-    {
-      id: "a",
-      name: "First Row",
-      color: "red",
-      category: "Type A",
-      value: 100,
-    },
-    {
-      id: "b",
-      name: "Second Row",
-      color: "blue",
-      category: "Type B",
-      value: 200,
-    },
-  ]);
-  const [renderKey, setRenderKey] = useState(0);
-  log(`🎬 App render #${renderKey}`);
-  const RowTrackerProvider = useRowTrackerProvider();
-  const addRow = () => {
-    const colors = ["red", "blue", "green", "yellow"];
-    const newId = String.fromCharCode(97 + rows.length);
-    const newRow = {
-      id: newId,
-      name: `Row ${newId.toUpperCase()}`,
-      color: colors[Math.floor(Math.random() * colors.length)],
-    };
-    setRows((prev) => [...prev, newRow]);
-    log(`➕ Added row: ${JSON.stringify(newRow)}`);
-  };
-  const removeLastRow = () => {
-    if (rows.length > 0) {
-      const removed = rows[rows.length - 1];
-      setRows((prev) => prev.slice(0, -1));
-      log(`➖ Removed row: ${removed.name}`);
-    }
-  };
-  const forceRerender = () => {
-    setRenderKey((prev) => prev + 1);
-    log(`🔄 Forced re-render #${renderKey + 1}`);
-  };
-  return (
-    <div>
-      <div className="section">
-        <h3>🎮 Controls</h3>
-        <div className="controls">
-          <button className="btn btn--primary" onClick={addRow}>
-            ➕ Add Row
-          </button>
-          <button className="btn" onClick={removeLastRow}>
-            ➖ Remove Last Row
-          </button>
-          <button className="btn" onClick={forceRerender}>
-            🔄 Force Re-render
-          </button>
-          <span style={{ fontSize: "11px", opacity: 0.7 }}>
-            Render #{renderKey}
-          </span>
-        </div>
-      </div>
-      <RowTrackerProvider>
-        <div className="section">
-          <h3>📋 Table with Tracked Rows</h3>
-          <p style={{ fontSize: "12px", margin: "0 0 10px 0", color: "#666" }}>
-            💡 Change colors using the dropdown in each row to trigger
-            individual row re-renders. Notice how only that specific row
-            re-renders and updates its tracked data.
-          </p>
-          <div className="table-container">
-            <table className="table">
-              <thead>
-                <tr>
-                  <th>Name</th>
-                  <th>Color</th>
-                  <th>Color Override</th>
-                </tr>
-              </thead>
-              <tbody>
-                {rows.map(({ id, name, color }) => (
-                  <TableRow key={id} name={name} color={color}>
-                    <TableCell column="name" />
-                    <TableCell column="color" />
-                    {/* Color selector is rendered directly in TableRow */}
-                  </TableRow>
-                ))}
-              </tbody>
-            </table>
-          </div>
-        </div>
-        <div className="section">
-          <h3>🔍 Tracked Items Debug</h3>
-          <TrackedRowsList />
-        </div>
-      </RowTrackerProvider>
-    </div>
-  );
-};
-// Simple logging
-const logContainer = document.getElementById("log");
-const log = (message) => {
-  const timestamp = new Date().toLocaleTimeString();
-  logContainer.textContent += `[${timestamp}] ${message}\n`;
-  logContainer.scrollTop = logContainer.scrollHeight;
-};
-const TableRowIndexContext = createContext();
-// Demo components
-const TableRow = ({ children, name, color: initialColor }) => {
-  // Local state for color override
-  const [localColor, setLocalColor] = useState(initialColor);
-  // Use local color if it differs from initial, otherwise use initial
-  const currentColor = localColor !== initialColor ? localColor : initialColor;
-  // Register this row and get its index
-  const rowIndex = useRegisterRow({ name, color: currentColor });
-  log(`🎬 TableRow ${rowIndex} render (${name}, color: ${currentColor})`);
-  const handleColorChange = (event) => {
-    const newColor = event.target.value;
-    setLocalColor(newColor);
-    log(`🎨 Row ${rowIndex} color changed to ${newColor}`);
-  };
-  return (
-    <tr className={`table-row table-row--${currentColor}`}>
-      <TableRowIndexContext.Provider value={rowIndex}>
-        {children}
-        <td>
-          <select
-            value={currentColor}
-            onChange={handleColorChange}
-            style={{ fontSize: "10px", padding: "2px" }}
-          >
-            <option value="red">Red</option>
-            <option value="blue">Blue</option>
-            <option value="green">Green</option>
-            <option value="yellow">Yellow</option>
-          </select>
-          {localColor !== initialColor && (
-            <small style={{ marginLeft: "4px", opacity: 0.7 }}>
-              (overridden)
-            </small>
-          )}
-        </td>
-      </TableRowIndexContext.Provider>
-    </tr>
-  );
-};
-const TableCell = ({ column }) => {
-  const rowIndex = useContext(TableRowIndexContext);
-  const rowData = useRow(rowIndex);
-  if (!rowData) {
-    return <td>❌ Row {rowIndex} not found</td>;
-  }
-  const cellContent = rowData[column] || `${column}?`;
-  return (
-    <td title={`Row ${rowIndex}, Column ${column}`}>
-      {cellContent}
-      <small style={{ opacity: 0.6, marginLeft: "4px" }}>
-        (row {rowIndex})
-      </small>
-    </td>
-  );
-};
-const TrackedRowsList = () => {
-  const rows = useRows();
-  return (
-    <div className="tracked-rows">
-      <strong>All Tracked Rows ({rows.length}):</strong>
-      {rows.map((item, index) => (
-        <div key={index} className="tracked-row-item">
-          <span>
-            #{index}: {item.name}
-          </span>
-          <span style={{ color: item.color, fontWeight: "bold" }}>
-            {item.color}
-          </span>
-        </div>
-      ))}
-      {rows.length === 0 && (
-        <div style={{ opacity: 0.6, fontStyle: "italic" }}>
-          No rows tracked yet
-        </div>
-      )}
-    </div>
-  );
-};

package/src/components/keyboard_shortcuts/active_keyboard_shortcuts.jsx DELETED Viewed

@@ -1,87 +0,0 @@
-import { generateAriaKeyShortcuts } from "./aria_key_shortcuts.js";
-import { activeShortcutsSignal } from "./keyboard_shortcuts.js";
-import.meta.css = /* css */ `
-  .navi_shortcut_container[data-visually-hidden] {
-    /* Visually hidden container - doesn't affect layout */
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-    /* Ensure it's not interactable */
-    opacity: 0;
-    pointer-events: none;
-  }
-  .navi_shortcut_button[data-visually-hidden] {
-    /* Visually hidden but accessible to screen readers */
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-    /* Ensure it's not focusable via tab navigation */
-    opacity: 0;
-    pointer-events: none;
-  }
-`;
-export const ActiveKeyboardShortcuts = ({ visible }) => {
-  const activeShortcuts = activeShortcutsSignal.value;
-  return (
-    <div
-      className="navi_shortcut_container"
-      data-visually-hidden={visible ? undefined : ""}
-    >
-      {activeShortcuts.map((shortcut) => {
-        return (
-          <KeyboardShortcutAriaElement
-            key={shortcut.key}
-            visible={visible}
-            keyCombination={shortcut.key}
-            description={shortcut.description}
-            enabled={shortcut.enabled}
-            data-action={shortcut.action ? shortcut.action.name : undefined}
-            data-confirm-message={shortcut.confirmMessage}
-          />
-        );
-      })}
-    </div>
-  );
-};
-const KeyboardShortcutAriaElement = ({
-  visible,
-  keyCombination,
-  description,
-  enabled,
-  ...props
-}) => {
-  if (typeof keyCombination === "function") {
-    return null;
-  }
-  const ariaKeyshortcuts = generateAriaKeyShortcuts(keyCombination);
-  return (
-    <button
-      className="navi_shortcut_button"
-      data-visually-hidden={visible ? undefined : ""}
-      aria-keyshortcuts={ariaKeyshortcuts}
-      tabIndex="-1"
-      disabled={!enabled}
-      {...props}
-    >
-      {description}
-    </button>
-  );
-};

package/src/components/keyboard_shortcuts/aria_key_shortcuts.js DELETED Viewed

@@ -1,61 +0,0 @@
-import { keyMapping } from "./keyboard_key_meta.js";
-import { isMac } from "./os.js";
-// http://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-keyshortcuts
-export const generateAriaKeyShortcuts = (key) => {
-  let actualCombination;
-  // Handle platform-specific combination objects
-  if (typeof key === "object" && key !== null) {
-    actualCombination = isMac ? key.mac : key.other;
-  } else {
-    actualCombination = key;
-  }
-  if (actualCombination) {
-    return normalizeKeyCombination(actualCombination);
-  }
-  return "";
-};
-const normalizeKeyCombination = (combination) => {
-  const lowerCaseCombination = combination.toLowerCase();
-  const keys = lowerCaseCombination.split("+");
-  // First normalize keys to their canonical form, then apply ARIA mapping
-  for (let i = 0; i < keys.length; i++) {
-    let key = normalizeKey(keys[i]);
-    // Then apply ARIA-specific mappings if they exist
-    if (keyToAriaKeyMapping[key]) {
-      key = keyToAriaKeyMapping[key];
-    }
-    keys[i] = key;
-  }
-  return keys.join("+");
-};
-const keyToAriaKeyMapping = {
-  // Platform-specific ARIA names
-  command: "meta",
-  option: "altgraph", // Mac option key uses "altgraph" in ARIA spec
-  // Regular keys - platform-specific normalization
-  delete: isMac ? "backspace" : "delete", // Mac delete key is backspace semantically
-  backspace: isMac ? "backspace" : "delete",
-};
-const normalizeKey = (key) => {
-  key = key.toLowerCase();
-  // Find the canonical form for this key
-  for (const [canonicalKey, config] of Object.entries(keyMapping)) {
-    const allKeys = [canonicalKey, ...config.alias];
-    if (allKeys.includes(key)) {
-      return canonicalKey;
-    }
-  }
-  return key;
-};