route-graphics 0.0.31 → 0.0.33
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.
- package/README.md +89 -3
- package/dist/RouteGraphics.js +105 -105
- package/package.json +9 -7
package/README.md
CHANGED
|
@@ -593,6 +593,7 @@ Groups and manages layout of multiple elements.
|
|
|
593
593
|
- `gap`: Spacing between children in pixels (default: 0)
|
|
594
594
|
- `rotation`: Rotation in degrees (default: 0)
|
|
595
595
|
- `scroll`: Enable scrolling for overflow content (default: false)
|
|
596
|
+
- `anchorToBottom`: Start overflow content from the bottom/right edge (default: false, only when `scroll: true`)
|
|
596
597
|
|
|
597
598
|
**Events:** None
|
|
598
599
|
|
|
@@ -627,6 +628,60 @@ children:
|
|
|
627
628
|
src: button-normal
|
|
628
629
|
```
|
|
629
630
|
|
|
631
|
+
**Message Feed Update Example:**
|
|
632
|
+
```yaml
|
|
633
|
+
states:
|
|
634
|
+
- elements:
|
|
635
|
+
- id: message-log
|
|
636
|
+
type: container
|
|
637
|
+
x: 50
|
|
638
|
+
y: 50
|
|
639
|
+
width: 500
|
|
640
|
+
height: 220
|
|
641
|
+
direction: vertical
|
|
642
|
+
gap: 8
|
|
643
|
+
scroll: true
|
|
644
|
+
anchorToBottom: true
|
|
645
|
+
children:
|
|
646
|
+
- id: message-1
|
|
647
|
+
type: text
|
|
648
|
+
x: 0
|
|
649
|
+
y: 0
|
|
650
|
+
content: "Hello"
|
|
651
|
+
- id: message-2
|
|
652
|
+
type: text
|
|
653
|
+
x: 0
|
|
654
|
+
y: 32
|
|
655
|
+
content: "How are you?"
|
|
656
|
+
- elements:
|
|
657
|
+
- id: message-log
|
|
658
|
+
type: container
|
|
659
|
+
x: 50
|
|
660
|
+
y: 50
|
|
661
|
+
width: 500
|
|
662
|
+
height: 220
|
|
663
|
+
direction: vertical
|
|
664
|
+
gap: 8
|
|
665
|
+
scroll: true
|
|
666
|
+
anchorToBottom: true
|
|
667
|
+
children:
|
|
668
|
+
- id: message-1
|
|
669
|
+
type: text
|
|
670
|
+
x: 0
|
|
671
|
+
y: 0
|
|
672
|
+
content: "Hello"
|
|
673
|
+
- id: message-2
|
|
674
|
+
type: text
|
|
675
|
+
x: 0
|
|
676
|
+
y: 32
|
|
677
|
+
content: "How are you?"
|
|
678
|
+
- id: message-3
|
|
679
|
+
type: text
|
|
680
|
+
x: 0
|
|
681
|
+
y: 64
|
|
682
|
+
content: "I'm fine."
|
|
683
|
+
```
|
|
684
|
+
|
|
630
685
|
#### Text Revealing Plugin
|
|
631
686
|
Animated text display with typewriter effects.
|
|
632
687
|
|
|
@@ -1055,12 +1110,45 @@ src: hero-sprite
|
|
|
1055
1110
|
# Run all tests
|
|
1056
1111
|
bun run test
|
|
1057
1112
|
```
|
|
1113
|
+
|
|
1114
|
+
### Playground (Rettangoli Sites)
|
|
1115
|
+
|
|
1116
|
+
The playground is managed as its own local Sites project in `playground/`.
|
|
1117
|
+
|
|
1118
|
+
```bash
|
|
1119
|
+
# Install playground deps
|
|
1120
|
+
cd playground
|
|
1121
|
+
bun install
|
|
1122
|
+
|
|
1123
|
+
# Start watch/dev server (default port 3001)
|
|
1124
|
+
bun run watch
|
|
1125
|
+
|
|
1126
|
+
# Build static output
|
|
1127
|
+
bun run build
|
|
1128
|
+
```
|
|
1129
|
+
|
|
1130
|
+
Notes:
|
|
1131
|
+
|
|
1132
|
+
- Sites config is YAML-only: `playground/sites.config.yaml`
|
|
1133
|
+
- Playground scripts live in `playground/package.json`
|
|
1134
|
+
- Template source of truth: `playground/data/templates.yaml`
|
|
1135
|
+
- Runtime template catalog: `playground/static/public/playground/templates.yaml`
|
|
1136
|
+
|
|
1058
1137
|
### Code Quality
|
|
1059
1138
|
|
|
1060
1139
|
```bash
|
|
1061
|
-
# Build
|
|
1140
|
+
# Build VT pages
|
|
1062
1141
|
bun run vt:generate
|
|
1063
1142
|
|
|
1143
|
+
# Capture screenshots with Docker
|
|
1144
|
+
bun run vt:screenshot
|
|
1145
|
+
|
|
1146
|
+
# Generate visual diff report
|
|
1147
|
+
bun run vt:report
|
|
1148
|
+
|
|
1149
|
+
# Accept expected diffs
|
|
1150
|
+
bun run vt:accept
|
|
1151
|
+
|
|
1064
1152
|
|
|
1065
1153
|
# Fix linting issues
|
|
1066
1154
|
bun run lint:fix
|
|
@@ -1146,5 +1234,3 @@ Join us on [Discord](https://discord.gg/8J9dyZSu9C) to ask questions, report bug
|
|
|
1146
1234
|
## License
|
|
1147
1235
|
|
|
1148
1236
|
This project is licensed under the [MIT License](LICENSE).
|
|
1149
|
-
|
|
1150
|
-
|