|
|
|
|
@@ -1,5 +1,5 @@
|
|
|
|
|
from dataclasses import dataclass, field
|
|
|
|
|
from typing import Any
|
|
|
|
|
from typing import Any, Optional, Callable
|
|
|
|
|
|
|
|
|
|
from fasthtml.components import *
|
|
|
|
|
from pandas import DataFrame
|
|
|
|
|
@@ -42,6 +42,118 @@ class DictNode(Node):
|
|
|
|
|
children: dict[str, Node] = field(default_factory=dict)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class NodeIdGenerator:
|
|
|
|
|
"""Manages unique node ID generation"""
|
|
|
|
|
|
|
|
|
|
def __init__(self, base_id: str):
|
|
|
|
|
self.base_id = base_id
|
|
|
|
|
self._counter = -1
|
|
|
|
|
|
|
|
|
|
def generate(self) -> str:
|
|
|
|
|
self._counter += 1
|
|
|
|
|
return f"{self.base_id}-{self._counter}"
|
|
|
|
|
|
|
|
|
|
def reset(self):
|
|
|
|
|
self._counter = -1
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class FoldingManager:
|
|
|
|
|
"""Manages folding/unfolding state of nodes"""
|
|
|
|
|
|
|
|
|
|
# A little explanation on how the folding / unfolding work
|
|
|
|
|
# all the nodes are either fold or unfold... except when there are not !
|
|
|
|
|
# self._folding_mode keeps the current value (it's FoldingMode.COLLAPSE or FoldingMode.EXPAND
|
|
|
|
|
# self._nodes_to_track keeps track of the exceptions
|
|
|
|
|
# The idea is to minimize the memory usage
|
|
|
|
|
|
|
|
|
|
def __init__(self, default_mode: str = FoldingMode.COLLAPSE):
|
|
|
|
|
self._folding_mode = default_mode
|
|
|
|
|
self._nodes_to_track = set() # exceptions to the default mode
|
|
|
|
|
|
|
|
|
|
def set_folding_mode(self, mode: str):
|
|
|
|
|
"""Changes the global folding mode and clears exceptions"""
|
|
|
|
|
self._folding_mode = mode
|
|
|
|
|
self._nodes_to_track.clear()
|
|
|
|
|
|
|
|
|
|
def set_node_folding(self, node_id: str, folding: str):
|
|
|
|
|
"""Sets specific folding state for a node"""
|
|
|
|
|
if folding == self._folding_mode:
|
|
|
|
|
self._nodes_to_track.discard(node_id)
|
|
|
|
|
else:
|
|
|
|
|
self._nodes_to_track.add(node_id)
|
|
|
|
|
|
|
|
|
|
def must_expand(self, node: Node) -> Optional[bool]:
|
|
|
|
|
"""Determines if a node should be expanded"""
|
|
|
|
|
if not isinstance(node, (ListNode, DictNode)):
|
|
|
|
|
return None
|
|
|
|
|
|
|
|
|
|
if self._folding_mode == FoldingMode.COLLAPSE:
|
|
|
|
|
return node.node_id in self._nodes_to_track
|
|
|
|
|
else:
|
|
|
|
|
return node.node_id not in self._nodes_to_track
|
|
|
|
|
|
|
|
|
|
def get_folding_mode(self) -> str:
|
|
|
|
|
return self._folding_mode
|
|
|
|
|
|
|
|
|
|
def get_nodes_to_track(self) -> set[str]:
|
|
|
|
|
return self._nodes_to_track
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class NodeFactory:
|
|
|
|
|
"""Factory for creating nodes from data"""
|
|
|
|
|
|
|
|
|
|
def __init__(self, id_generator: NodeIdGenerator, folding_manager: FoldingManager):
|
|
|
|
|
self.id_generator = id_generator
|
|
|
|
|
self.folding_manager = folding_manager
|
|
|
|
|
self._nodes_by_id = {}
|
|
|
|
|
|
|
|
|
|
def create_node(self, key: Any, data: Any, level: int = 0) -> Node:
|
|
|
|
|
"""Creates appropriate node type based on data"""
|
|
|
|
|
if isinstance(data, list):
|
|
|
|
|
return self._create_list_node(key, data, level)
|
|
|
|
|
elif isinstance(data, dict):
|
|
|
|
|
return self._create_dict_node(key, data, level)
|
|
|
|
|
else:
|
|
|
|
|
return self._create_value_node(key, data)
|
|
|
|
|
|
|
|
|
|
def _create_list_node(self, key: Any, data: list, level: int) -> ListNode:
|
|
|
|
|
node_id = self.id_generator.generate()
|
|
|
|
|
if level <= 1 and key not in NODES_KEYS_TO_NOT_EXPAND:
|
|
|
|
|
self.folding_manager._nodes_to_track.add(node_id)
|
|
|
|
|
|
|
|
|
|
node = ListNode(data, node_id, level)
|
|
|
|
|
self._nodes_by_id[node_id] = (key, node)
|
|
|
|
|
|
|
|
|
|
for index, item in enumerate(data):
|
|
|
|
|
node.children.append(self.create_node(index, item, level + 1))
|
|
|
|
|
|
|
|
|
|
return node
|
|
|
|
|
|
|
|
|
|
def _create_dict_node(self, key: Any, data: dict, level: int) -> DictNode:
|
|
|
|
|
node_id = self.id_generator.generate()
|
|
|
|
|
if level <= 1 and key not in NODES_KEYS_TO_NOT_EXPAND:
|
|
|
|
|
self.folding_manager._nodes_to_track.add(node_id)
|
|
|
|
|
|
|
|
|
|
node = DictNode(data, node_id, level)
|
|
|
|
|
self._nodes_by_id[node_id] = (key, node)
|
|
|
|
|
|
|
|
|
|
for child_key, value in data.items():
|
|
|
|
|
node.children[child_key] = self.create_node(child_key, value, level + 1)
|
|
|
|
|
|
|
|
|
|
return node
|
|
|
|
|
|
|
|
|
|
def _create_value_node(self, key: Any, data: Any) -> ValueNode:
|
|
|
|
|
hint = NODE_OBJECT if key == TAG_OBJECT else None
|
|
|
|
|
return ValueNode(data, hint)
|
|
|
|
|
|
|
|
|
|
def get_node_by_id(self, node_id: str) -> tuple[Any, Node]:
|
|
|
|
|
return self._nodes_by_id[node_id]
|
|
|
|
|
|
|
|
|
|
def clear(self):
|
|
|
|
|
"""Clears all stored nodes"""
|
|
|
|
|
self._nodes_by_id.clear()
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class JsonViewerHelper:
|
|
|
|
|
class_string = f"mmt-jsonviewer-string"
|
|
|
|
|
class_bool = f"mmt-jsonviewer-bool"
|
|
|
|
|
@@ -57,126 +169,152 @@ class JsonViewerHelper:
|
|
|
|
|
len(_value) == 64 and
|
|
|
|
|
all(c in '0123456789abcdefABCDEF' for c in _value))
|
|
|
|
|
|
|
|
|
|
@staticmethod
|
|
|
|
|
def add_quotes(value: str) -> str:
|
|
|
|
|
if '"' in value and "'" in value:
|
|
|
|
|
return f'"{value.replace("\"", "\\\"")}"'
|
|
|
|
|
elif '"' in value:
|
|
|
|
|
return f"'{value}'"
|
|
|
|
|
else:
|
|
|
|
|
return f'"{value}"'
|
|
|
|
|
|
|
|
|
|
class JsonViewer(BaseComponentMultipleInstance):
|
|
|
|
|
COMPONENT_INSTANCE_ID = "Jsonviewer"
|
|
|
|
|
|
|
|
|
|
def __init__(self, session, _id, data=None, hooks=None, key=None, boundaries=None):
|
|
|
|
|
super().__init__(session, _id)
|
|
|
|
|
self._key = key # for comparison between two jsonviewer components
|
|
|
|
|
self.data = data
|
|
|
|
|
self._node_id = -1
|
|
|
|
|
self._boundaries = boundaries if boundaries else {"height": "600"}
|
|
|
|
|
self._commands = JsonViewerCommands(self)
|
|
|
|
|
class NodeRenderer:
|
|
|
|
|
"""Single class handling all node rendering with helper methods"""
|
|
|
|
|
|
|
|
|
|
# A little explanation on how the folding / unfolding work
|
|
|
|
|
# all the nodes are either fold or unfold... except if there are not
|
|
|
|
|
# self._folding_mode keeps the current value (it's FoldingMode.COLLAPSE or FoldingMode.EXPAND
|
|
|
|
|
# self._nodes_to_track keeps track of the exceptions
|
|
|
|
|
# The idea is to minimize the memory usage
|
|
|
|
|
self._folding_mode = FoldingMode.COLLAPSE
|
|
|
|
|
self._nodes_to_track = set() # all nodes that are expanded when _fold_mode and vice versa
|
|
|
|
|
|
|
|
|
|
self._nodes_by_id = {}
|
|
|
|
|
|
|
|
|
|
self.node = self._create_node(None, data)
|
|
|
|
|
|
|
|
|
|
# hooks are used to define specific rendering
|
|
|
|
|
# They are tuple (Predicate, Element to render (eg Div))
|
|
|
|
|
def __init__(self, session, jsonviewer_instance, folding_manager: FoldingManager,
|
|
|
|
|
commands: JsonViewerCommands, helper: JsonViewerHelper,
|
|
|
|
|
hooks: list[tuple[Callable, Callable]] = None):
|
|
|
|
|
self.session = session
|
|
|
|
|
self.jsonviewer = jsonviewer_instance # reference to main component
|
|
|
|
|
self.folding_manager = folding_manager
|
|
|
|
|
self.commands = commands
|
|
|
|
|
self.helper = helper
|
|
|
|
|
self.hooks = hooks or []
|
|
|
|
|
|
|
|
|
|
self._helper = JsonViewerHelper()
|
|
|
|
|
def render(self, key: Any, node: Node) -> Div:
|
|
|
|
|
"""Main rendering method for any node"""
|
|
|
|
|
must_expand = self.folding_manager.must_expand(node)
|
|
|
|
|
|
|
|
|
|
def set_data(self, data):
|
|
|
|
|
self.data = data
|
|
|
|
|
self.node = self._create_node(None, data)
|
|
|
|
|
return Div(
|
|
|
|
|
self._create_folding_icon(node, must_expand),
|
|
|
|
|
Span(f'{key} : ') if key is not None else None,
|
|
|
|
|
self._render_value(key, node, must_expand),
|
|
|
|
|
style=f"margin-left: {INDENT_SIZE}px;",
|
|
|
|
|
id=getattr(node, "node_id", None)
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
def set_node_folding(self, node_id, folding):
|
|
|
|
|
if folding == self._folding_mode:
|
|
|
|
|
self._nodes_to_track.remove(node_id)
|
|
|
|
|
else:
|
|
|
|
|
self._nodes_to_track.add(node_id)
|
|
|
|
|
|
|
|
|
|
def render_node(self, node_id):
|
|
|
|
|
key, node = self._nodes_by_id[node_id]
|
|
|
|
|
return self._render_node(key, node)
|
|
|
|
|
|
|
|
|
|
def set_folding_mode(self, folding_mode):
|
|
|
|
|
self._folding_mode = folding_mode
|
|
|
|
|
self._nodes_to_track.clear()
|
|
|
|
|
|
|
|
|
|
def get_folding_mode(self):
|
|
|
|
|
return self._folding_mode
|
|
|
|
|
|
|
|
|
|
def open_digest(self, user_id: str, digest: str):
|
|
|
|
|
return self._owner.db_engine_headers(user_id, digest)
|
|
|
|
|
|
|
|
|
|
def _create_node(self, key, data, level=0):
|
|
|
|
|
if isinstance(data, list):
|
|
|
|
|
node_id = self._get_next_id()
|
|
|
|
|
if level <= 1 and key not in NODES_KEYS_TO_NOT_EXPAND:
|
|
|
|
|
self._nodes_to_track.add(node_id)
|
|
|
|
|
node = ListNode(data, node_id, level)
|
|
|
|
|
self._nodes_by_id[node_id] = (key, node)
|
|
|
|
|
for index, item in enumerate(data):
|
|
|
|
|
node.children.append(self._create_node(index, item, level + 1))
|
|
|
|
|
|
|
|
|
|
elif isinstance(data, dict):
|
|
|
|
|
node_id = self._get_next_id()
|
|
|
|
|
if level <= 1 and key not in NODES_KEYS_TO_NOT_EXPAND:
|
|
|
|
|
self._nodes_to_track.add(node_id)
|
|
|
|
|
node = DictNode(data, node_id, level)
|
|
|
|
|
self._nodes_by_id[node_id] = (key, node)
|
|
|
|
|
for key, value in data.items():
|
|
|
|
|
node.children[key] = self._create_node(key, value, level + 1)
|
|
|
|
|
|
|
|
|
|
else:
|
|
|
|
|
if key == TAG_OBJECT:
|
|
|
|
|
hint = NODE_OBJECT
|
|
|
|
|
else:
|
|
|
|
|
hint = None
|
|
|
|
|
node = ValueNode(data, hint)
|
|
|
|
|
|
|
|
|
|
return node
|
|
|
|
|
|
|
|
|
|
def _must_expand(self, node):
|
|
|
|
|
if not isinstance(node, (ListNode, DictNode)):
|
|
|
|
|
return None
|
|
|
|
|
|
|
|
|
|
if self._folding_mode == FoldingMode.COLLAPSE:
|
|
|
|
|
return node.node_id in self._nodes_to_track
|
|
|
|
|
else:
|
|
|
|
|
return node.node_id not in self._nodes_to_track
|
|
|
|
|
|
|
|
|
|
def _mk_folding(self, node: Node, must_expand: bool | None):
|
|
|
|
|
def _create_folding_icon(self, node: Node, must_expand: Optional[bool]) -> Optional[Span]:
|
|
|
|
|
"""Creates folding/unfolding icon"""
|
|
|
|
|
if must_expand is None:
|
|
|
|
|
return None
|
|
|
|
|
|
|
|
|
|
return Span(icon_expanded if must_expand else icon_collapsed,
|
|
|
|
|
return Span(
|
|
|
|
|
icon_expanded if must_expand else icon_collapsed,
|
|
|
|
|
cls="icon-16-inline mmt-jsonviewer-folding",
|
|
|
|
|
style=f"margin-left: -{INDENT_SIZE}px;",
|
|
|
|
|
**self._commands.fold(node.node_id, FoldingMode.COLLAPSE if must_expand else FoldingMode.EXPAND)
|
|
|
|
|
**self.commands.fold(
|
|
|
|
|
node.node_id,
|
|
|
|
|
FoldingMode.COLLAPSE if must_expand else FoldingMode.EXPAND
|
|
|
|
|
)
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
def _get_next_id(self):
|
|
|
|
|
self._node_id += 1
|
|
|
|
|
return f"{self._id}-{self._node_id}"
|
|
|
|
|
|
|
|
|
|
def _render_value(self, key, node, must_expand):
|
|
|
|
|
def _render_value(self, key: Any, node: Node, must_expand: Optional[bool]) -> Any:
|
|
|
|
|
"""Renders the value part of a node - extracted from original _render_value"""
|
|
|
|
|
if must_expand is False:
|
|
|
|
|
return Span("[...]" if isinstance(node, ListNode) else "{...}",
|
|
|
|
|
id=node.node_id,
|
|
|
|
|
**self._commands.fold(node.node_id, FoldingMode.EXPAND))
|
|
|
|
|
return self._render_collapsed_indicator(node)
|
|
|
|
|
|
|
|
|
|
# Check hooks first
|
|
|
|
|
for predicate, renderer in self.hooks:
|
|
|
|
|
if predicate(key, node, self._helper):
|
|
|
|
|
return renderer(key, node, self._helper)
|
|
|
|
|
if predicate(key, node, self.helper):
|
|
|
|
|
return renderer(key, node, self.helper)
|
|
|
|
|
|
|
|
|
|
# Route to appropriate helper method
|
|
|
|
|
if isinstance(node, DictNode):
|
|
|
|
|
return self._render_dict(key, node)
|
|
|
|
|
return self._render_dict_node(key, node)
|
|
|
|
|
elif isinstance(node, ListNode):
|
|
|
|
|
return self._render_list(key, node)
|
|
|
|
|
return self._render_list_node(key, node)
|
|
|
|
|
else:
|
|
|
|
|
return self._render_value_node(key, node)
|
|
|
|
|
|
|
|
|
|
def _render_collapsed_indicator(self, node: Node) -> Span:
|
|
|
|
|
"""Renders collapsed indicator - extracted from original"""
|
|
|
|
|
indicator = "[...]" if isinstance(node, ListNode) else "{...}"
|
|
|
|
|
return Span(
|
|
|
|
|
indicator,
|
|
|
|
|
id=node.node_id,
|
|
|
|
|
**self.commands.fold(node.node_id, FoldingMode.EXPAND)
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
def _render_dict_node(self, key: Any, node: DictNode) -> Span:
|
|
|
|
|
"""Renders dictionary node - extracted from original _render_dict"""
|
|
|
|
|
return Span(
|
|
|
|
|
"{",
|
|
|
|
|
*[self.render(child_key, value) for child_key, value in node.children.items()],
|
|
|
|
|
Div("}"),
|
|
|
|
|
id=node.node_id
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
def _render_list_node(self, key: Any, node: ListNode) -> Span:
|
|
|
|
|
"""Renders list node - extracted from original _render_list"""
|
|
|
|
|
if self._should_render_list_as_grid(key, node):
|
|
|
|
|
return self._render_list_as_grid(key, node)
|
|
|
|
|
else:
|
|
|
|
|
return self._render_list_as_array(key, node)
|
|
|
|
|
|
|
|
|
|
def _should_render_list_as_grid(self, key: Any, node: ListNode) -> bool:
|
|
|
|
|
"""Determines if list should be rendered as grid - extracted from original _all_the_same"""
|
|
|
|
|
if len(node.children) == 0:
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
sample_node = node.children[0]
|
|
|
|
|
sample_value = sample_node.value
|
|
|
|
|
|
|
|
|
|
if sample_value is None:
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
type_ = type(sample_value)
|
|
|
|
|
if type_ in (int, float, str, bool, list, dict, ValueNode):
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
# Check if a specific rendering is specified via hooks
|
|
|
|
|
for predicate, renderer in self.hooks:
|
|
|
|
|
if predicate(key, sample_node, self.helper):
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
return all(type(item.value) == type_ for item in node.children)
|
|
|
|
|
|
|
|
|
|
def _render_list_as_grid(self, key: Any, node: ListNode) -> Span:
|
|
|
|
|
"""Renders list as grid - extracted from original _render_as_grid"""
|
|
|
|
|
type_ = type(node.children[0].value)
|
|
|
|
|
icon = icon_class
|
|
|
|
|
str_value = type_.__name__.split(".")[-1]
|
|
|
|
|
|
|
|
|
|
data = [child.value.__dict__ for child in node.children]
|
|
|
|
|
df = DataFrame(data)
|
|
|
|
|
dg = DataGrid(self.session)
|
|
|
|
|
dg.init_from_dataframe(df)
|
|
|
|
|
|
|
|
|
|
return Span(
|
|
|
|
|
Span(
|
|
|
|
|
Span(icon, cls="icon-16-inline mr-1"),
|
|
|
|
|
Span(str_value),
|
|
|
|
|
cls="mmt-jsonviewer-object"
|
|
|
|
|
),
|
|
|
|
|
dg,
|
|
|
|
|
id=node.node_id
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
def _render_list_as_array(self, key: Any, node: ListNode) -> Span:
|
|
|
|
|
"""Renders list as array - extracted from original _render_as_list"""
|
|
|
|
|
return Span(
|
|
|
|
|
"[",
|
|
|
|
|
*[self.render(index, item) for index, item in enumerate(node.children)],
|
|
|
|
|
Div("]"),
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
def _render_value_node(self, key: Any, node: ValueNode) -> Span:
|
|
|
|
|
"""Renders value node - extracted and simplified from original _render_value"""
|
|
|
|
|
data_tooltip = None
|
|
|
|
|
htmx_params = {}
|
|
|
|
|
icon = None
|
|
|
|
|
@@ -190,135 +328,137 @@ class JsonViewer(BaseComponentMultipleInstance):
|
|
|
|
|
elif node.value is None:
|
|
|
|
|
str_value = "null"
|
|
|
|
|
data_class = "null"
|
|
|
|
|
elif self._helper.is_sha256(node.value):
|
|
|
|
|
elif self.helper.is_sha256(node.value):
|
|
|
|
|
str_value = str(node.value)
|
|
|
|
|
data_class = "digest"
|
|
|
|
|
htmx_params = self._commands.open_digest(self.user_id, node.value)
|
|
|
|
|
htmx_params = self.commands.open_digest(self.jsonviewer.user_id, node.value)
|
|
|
|
|
elif node.hint == NODE_OBJECT:
|
|
|
|
|
icon = icon_class
|
|
|
|
|
str_value = node.value.split(".")[-1]
|
|
|
|
|
data_class = "object"
|
|
|
|
|
elif isinstance(node.value, DataFrame):
|
|
|
|
|
dg = DataGrid(self._session)
|
|
|
|
|
dg.init_from_dataframe(node.value)
|
|
|
|
|
str_value = dg
|
|
|
|
|
data_class = "dataframe"
|
|
|
|
|
return self._render_dataframe_value(node.value)
|
|
|
|
|
else:
|
|
|
|
|
as_str = str(node.value)
|
|
|
|
|
if len(as_str) > MAX_TEXT_LENGTH:
|
|
|
|
|
str_value = as_str[:MAX_TEXT_LENGTH] + "..."
|
|
|
|
|
data_tooltip = as_str
|
|
|
|
|
else:
|
|
|
|
|
str_value = as_str
|
|
|
|
|
str_value = self.add_quotes(str_value)
|
|
|
|
|
str_value, data_tooltip = self._format_string_value(node.value)
|
|
|
|
|
data_class = "string"
|
|
|
|
|
|
|
|
|
|
if data_tooltip is not None:
|
|
|
|
|
cls = f"mmt-jsonviewer-{data_class} mmt-tooltip"
|
|
|
|
|
return self._create_value_span(str_value, data_class, icon, data_tooltip, htmx_params)
|
|
|
|
|
|
|
|
|
|
def _render_dataframe_value(self, dataframe: DataFrame) -> Any:
|
|
|
|
|
"""Renders DataFrame value"""
|
|
|
|
|
dg = DataGrid(self.session)
|
|
|
|
|
dg.init_from_dataframe(dataframe)
|
|
|
|
|
return dg
|
|
|
|
|
|
|
|
|
|
def _format_string_value(self, value: Any) -> tuple[str, Optional[str]]:
|
|
|
|
|
"""Formats string value with tooltip if too long"""
|
|
|
|
|
as_str = str(value)
|
|
|
|
|
if len(as_str) > MAX_TEXT_LENGTH:
|
|
|
|
|
return as_str[:MAX_TEXT_LENGTH] + "...", as_str
|
|
|
|
|
else:
|
|
|
|
|
cls = f"mmt-jsonviewer-{data_class}"
|
|
|
|
|
return self.helper.add_quotes(as_str), None
|
|
|
|
|
|
|
|
|
|
if icon is not None:
|
|
|
|
|
return Span(Span(icon, cls="icon-16-inline mr-1"),
|
|
|
|
|
def _create_value_span(self, str_value: str, data_class: str, icon: Any,
|
|
|
|
|
data_tooltip: Optional[str], htmx_params: dict) -> Span:
|
|
|
|
|
"""Creates the final Span element for a value"""
|
|
|
|
|
css_class = f"mmt-jsonviewer-{data_class}"
|
|
|
|
|
if data_tooltip:
|
|
|
|
|
css_class += " mmt-tooltip"
|
|
|
|
|
|
|
|
|
|
if icon:
|
|
|
|
|
return Span(
|
|
|
|
|
Span(icon, cls="icon-16-inline mr-1"),
|
|
|
|
|
Span(str_value, data_tooltip=data_tooltip, **htmx_params),
|
|
|
|
|
cls=cls)
|
|
|
|
|
|
|
|
|
|
return Span(str_value, cls=cls, data_tooltip=data_tooltip, **htmx_params)
|
|
|
|
|
|
|
|
|
|
def _render_dict(self, key, node: DictNode):
|
|
|
|
|
return Span("{",
|
|
|
|
|
*[
|
|
|
|
|
self._render_node(child_key, value)
|
|
|
|
|
for child_key, value in node.children.items()
|
|
|
|
|
],
|
|
|
|
|
Div("}"),
|
|
|
|
|
id=node.node_id)
|
|
|
|
|
|
|
|
|
|
def _render_list(self, key, node: ListNode):
|
|
|
|
|
def _all_the_same(_key, _node):
|
|
|
|
|
if len(_node.children) == 0:
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
sample_node = _node.children[0]
|
|
|
|
|
sample_value = sample_node.value
|
|
|
|
|
|
|
|
|
|
if sample_value is None:
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
type_ = type(sample_value)
|
|
|
|
|
if type_ in (int, float, str, bool, list, dict, ValueNode):
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
# a specific rendering is specified
|
|
|
|
|
for predicate, renderer in self.hooks:
|
|
|
|
|
if predicate(_key, sample_node, self._helper):
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
return all(type(item.value) == type_ for item in _node.children)
|
|
|
|
|
|
|
|
|
|
def _render_as_grid(_node):
|
|
|
|
|
type_ = type(_node.children[0].value)
|
|
|
|
|
icon = icon_class
|
|
|
|
|
str_value = type_.__name__.split(".")[-1]
|
|
|
|
|
|
|
|
|
|
data = [child.value.__dict__ for child in _node.children]
|
|
|
|
|
df = DataFrame(data)
|
|
|
|
|
dg = DataGrid(self._session)
|
|
|
|
|
dg.init_from_dataframe(df)
|
|
|
|
|
return Span(Span(Span(icon, cls="icon-16-inline mr-1"), Span(str_value), cls="mmt-jsonviewer-object"),
|
|
|
|
|
dg,
|
|
|
|
|
id=_node.node_id)
|
|
|
|
|
|
|
|
|
|
def _render_as_list(_node):
|
|
|
|
|
return Span("[",
|
|
|
|
|
*[
|
|
|
|
|
self._render_node(index, item)
|
|
|
|
|
for index, item in enumerate(_node.children)
|
|
|
|
|
],
|
|
|
|
|
Div("]"),
|
|
|
|
|
cls=css_class
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
return _render_as_grid(node) if _all_the_same(key, node) else _render_as_list(node)
|
|
|
|
|
return Span(str_value, cls=css_class, data_tooltip=data_tooltip, **htmx_params)
|
|
|
|
|
|
|
|
|
|
def _render_node(self, key, node):
|
|
|
|
|
must_expand = self._must_expand(node) # to be able to update the folding when the node is updated
|
|
|
|
|
return Div(
|
|
|
|
|
|
|
|
|
|
self._mk_folding(node, must_expand),
|
|
|
|
|
Span(f'{key} : ') if key is not None else None,
|
|
|
|
|
self._render_value(key, node, must_expand),
|
|
|
|
|
class JsonViewer(BaseComponentMultipleInstance):
|
|
|
|
|
"""Main JsonViewer component with separated concerns"""
|
|
|
|
|
|
|
|
|
|
style=f"margin-left: {INDENT_SIZE}px;",
|
|
|
|
|
id=node.node_id if hasattr(node, "node_id") else None,
|
|
|
|
|
COMPONENT_INSTANCE_ID = "Jsonviewer"
|
|
|
|
|
|
|
|
|
|
def __init__(self, session, _id, data=None, hooks=None, key=None, boundaries=None):
|
|
|
|
|
super().__init__(session, _id)
|
|
|
|
|
self._key = key
|
|
|
|
|
self.data = data
|
|
|
|
|
self.hooks = hooks or []
|
|
|
|
|
self._boundaries = boundaries if boundaries else {"height": "600"}
|
|
|
|
|
self._commands = JsonViewerCommands(self)
|
|
|
|
|
|
|
|
|
|
# Initialize helper components
|
|
|
|
|
self._helper = JsonViewerHelper()
|
|
|
|
|
self._id_generator = NodeIdGenerator(_id)
|
|
|
|
|
self._folding_manager = FoldingManager()
|
|
|
|
|
self._node_factory = NodeFactory(self._id_generator, self._folding_manager)
|
|
|
|
|
|
|
|
|
|
# Initialize single renderer
|
|
|
|
|
self._node_renderer = NodeRenderer(
|
|
|
|
|
session, self, self._folding_manager,
|
|
|
|
|
self._commands, self._helper, self.hooks
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
# Create the initial node tree
|
|
|
|
|
self.node = self._node_factory.create_node(None, data)
|
|
|
|
|
|
|
|
|
|
@property
|
|
|
|
|
def user_id(self) -> str:
|
|
|
|
|
"""Gets user_id from session or returns default"""
|
|
|
|
|
# Preserve original behavior - this should be implemented based on your session management
|
|
|
|
|
return getattr(self, '_user_id', getattr(self._session, 'user_id', 'default_user'))
|
|
|
|
|
|
|
|
|
|
def set_data(self, data):
|
|
|
|
|
"""Updates the data and recreates the node tree"""
|
|
|
|
|
self.data = data
|
|
|
|
|
self._id_generator.reset()
|
|
|
|
|
self._node_factory.clear()
|
|
|
|
|
self.node = self._node_factory.create_node(None, data)
|
|
|
|
|
|
|
|
|
|
def set_node_folding(self, node_id: str, folding: str):
|
|
|
|
|
"""Sets folding state for a specific node"""
|
|
|
|
|
self._folding_manager.set_node_folding(node_id, folding)
|
|
|
|
|
|
|
|
|
|
def render_node(self, node_id: str):
|
|
|
|
|
"""Renders a specific node by ID"""
|
|
|
|
|
key, node = self._node_factory.get_node_by_id(node_id)
|
|
|
|
|
return self._node_renderer.render(key, node)
|
|
|
|
|
|
|
|
|
|
def set_folding_mode(self, folding_mode: str):
|
|
|
|
|
"""Sets global folding mode"""
|
|
|
|
|
self._folding_manager.set_folding_mode(folding_mode)
|
|
|
|
|
|
|
|
|
|
def get_folding_mode(self) -> str:
|
|
|
|
|
"""Gets current folding mode"""
|
|
|
|
|
return self._folding_manager.get_folding_mode()
|
|
|
|
|
|
|
|
|
|
def open_digest(self, user_id: str, digest: str):
|
|
|
|
|
"""Opens digest - preserves original method"""
|
|
|
|
|
return self._owner.db_engine_headers(user_id, digest)
|
|
|
|
|
|
|
|
|
|
def __ft__(self):
|
|
|
|
|
"""FastHTML rendering method"""
|
|
|
|
|
if self.node is None:
|
|
|
|
|
return Div("No data to display", cls="mmt-jsonviewer", id=f"{self._id}")
|
|
|
|
|
|
|
|
|
|
return Div(
|
|
|
|
|
Div(self._render_node(None, self.node),
|
|
|
|
|
Div(
|
|
|
|
|
self._node_renderer.render(None, self.node),
|
|
|
|
|
id=f"{self._id}-root",
|
|
|
|
|
style="margin-left: 0px;"),
|
|
|
|
|
style="margin-left: 0px;"
|
|
|
|
|
),
|
|
|
|
|
cls="mmt-jsonviewer",
|
|
|
|
|
id=f"{self._id}",
|
|
|
|
|
**apply_boundaries(self._boundaries),
|
|
|
|
|
**apply_boundaries(self._boundaries)
|
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
def __eq__(self, other):
|
|
|
|
|
"""Equality comparison"""
|
|
|
|
|
if type(other) is type(self):
|
|
|
|
|
return self._key is not None and self._key == other._key
|
|
|
|
|
else:
|
|
|
|
|
return False
|
|
|
|
|
|
|
|
|
|
def __hash__(self):
|
|
|
|
|
"""Hash method"""
|
|
|
|
|
return hash(self._key) if self._key is not None else super().__hash__()
|
|
|
|
|
|
|
|
|
|
@staticmethod
|
|
|
|
|
def add_quotes(value: str):
|
|
|
|
|
if '"' in value and "'" in value:
|
|
|
|
|
# Value contains both double and single quotes, escape double quotes
|
|
|
|
|
return f'"{value.replace("\"", "\\\"")}"'
|
|
|
|
|
elif '"' in value:
|
|
|
|
|
# Value contains double quotes, use single quotes
|
|
|
|
|
return f"'{value}'"
|
|
|
|
|
else:
|
|
|
|
|
# Default case, use double quotes
|
|
|
|
|
return f'"{value}"'
|
|
|
|
|
|