33from typing import Any , Union , List , TypedDict , Optional , Dict , Callable
44from pret .render import stub_component
55from pret .marshal import js , make_stub_js_module , marshal_as
6+ from metanno import __version__
67
7- __version__ = "1.0.0-beta.1"
88_py_package_name = "metanno"
99_js_package_name = "metanno"
1010_js_global_name = "Metanno"
@@ -54,6 +54,7 @@ def AnnotatedImage(*children, annotations: Any, annotation_styles: Any, image: s
5454 Examples
5555 --------
5656
57+ <!-- blacken-docs:off -->
5758 ```python { .render-with-pret style="height: 300px" }
5859 from pret import component, create_store, use_store_snapshot, use_event_callback
5960 from pret.ui.metanno import AnnotatedImage
@@ -122,6 +123,7 @@ def on_click(shape_idx, modkeys):
122123
123124 MyImage()
124125 ```
126+ <!-- blacken-docs:on -->
125127
126128 Parameters
127129 ----------
@@ -230,7 +232,7 @@ def Table(
230232
231233 Examples
232234 --------
233-
235+ <!-- blacken-docs:off -->
234236 ```python { .render-with-pret style="min-height: 300px" }
235237 from pret import component, create_store, use_store_snapshot, use_event_callback
236238 from pret.ui.metanno import Table
@@ -277,6 +279,7 @@ def on_cell_change(row_idx, col, new_value):
277279
278280 MyTable()
279281 ```
282+ <!-- blacken-docs:on -->
280283
281284 Parameters
282285 ----------
@@ -392,7 +395,13 @@ def AnnotatedText(
392395 --------
393396
394397 ```python { .render-with-pret }
395- from pret import component, create_store, use_store_snapshot, use_event_callback, use_state
398+ from pret import (
399+ component,
400+ create_store,
401+ use_store_snapshot,
402+ use_event_callback,
403+ use_state,
404+ )
396405 from pret.ui.metanno import AnnotatedText
397406 from pret.ui.joy import Button, Box
398407
@@ -402,20 +411,27 @@ def AnnotatedText(
402411 )
403412
404413 # One span covering the word “Metanno”
405- spans = create_store([{
406- "id": f"span-0-7",
407- "begin": 0,
408- "end": 7,
409- "label": "OBJ",
410- "highlighted": False,
411- }])
412-
413- txt_annotation_styles = create_store({
414- "OBJ": {
415- "color": "red",
416- "shape": "underline",
414+ spans = create_store(
415+ [
416+ {
417+ "id": f"span-0-7",
418+ "begin": 0,
419+ "end": 7,
420+ "label": "OBJ",
421+ "highlighted": False,
422+ }
423+ ]
424+ )
425+
426+ txt_annotation_styles = create_store(
427+ {
428+ "OBJ": {
429+ "color": "red",
430+ "shape": "underline",
431+ }
417432 }
418- })
433+ )
434+
419435
420436 @component
421437 def MyText():
@@ -425,14 +441,16 @@ def MyText():
425441 @use_event_callback
426442 def handle_select(ranges, modkeys):
427443 for sp in ranges:
428- spans.extend([
429- {
430- "id": f"span-{sp['begin']}-{sp['end']}",
431- "begin": sp["begin"],
432- "end": sp["end"],
433- "label": "OBJ",
434- }
435- ])
444+ spans.extend(
445+ [
446+ {
447+ "id": f"span-{sp['begin']}-{sp['end']}",
448+ "begin": sp["begin"],
449+ "end": sp["end"],
450+ "label": "OBJ",
451+ }
452+ ]
453+ )
436454
437455 def on_mouse_enter_span(span_id, modkeys):
438456 for i, sp in enumerate(spans):
@@ -461,9 +479,15 @@ def on_span_style_change():
461479 on_mouse_leave_span=on_mouse_leave_span,
462480 style={"gridColumn": "1 / -1"},
463481 ),
464- sx={"p": 1, "display": "grid", "gridTemplateColumns": "repeat(2, auto)", "gap": 1},
482+ sx={
483+ "p": 1,
484+ "display": "grid",
485+ "gridTemplateColumns": "repeat(2, auto)",
486+ "gap": 1,
487+ },
465488 )
466489
490+
467491 MyText()
468492 ```
469493
0 commit comments