@tigrbljs/tigrbl-lens 0.0.1

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 ADDED
@@ -0,0 +1,20 @@
1
+ # Tigrbl Lens Viewer
2
+
3
+ ## Purpose
4
+ The viewer is the interactive OpenRPC documentation and playground UI. It loads an OpenRPC document, renders method documentation, and provides tools for browsing schemas and testing requests.
5
+
6
+ ## Local development
7
+ ```bash
8
+ npm install
9
+ npm run dev
10
+ ```
11
+
12
+ ## Build and preview
13
+ ```bash
14
+ npm run build
15
+ npm run preview
16
+ ```
17
+
18
+ ## Notes
19
+ - The default OpenRPC document is defined in `client/constants.ts`.
20
+ - Use the in-app upload or paste flow to test alternate OpenRPC specs during development.
@@ -0,0 +1,110 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
2
+ <defs>
3
+ <!-- Gradients for depth -->
4
+ <linearGradient id="bodyGradient" x1="0%" y1="0%" x2="100%" y2="50%">
5
+ <stop offset="0%" stop-color="#FB923C"/> <!-- Light Orange -->
6
+ <stop offset="50%" stop-color="#EA580C"/> <!-- Deep Orange -->
7
+ <stop offset="100%" stop-color="#C2410C"/> <!-- Dark Red-Orange -->
8
+ </linearGradient>
9
+
10
+ <linearGradient id="legShadowGradient" x1="0%" y1="0%" x2="0%" y2="100%">
11
+ <stop offset="0%" stop-color="#9A3412"/>
12
+ <stop offset="100%" stop-color="#7C2D12"/>
13
+ </linearGradient>
14
+
15
+ <linearGradient id="hornGradient" x1="0%" y1="100%" x2="100%" y2="0%">
16
+ <stop offset="0%" stop-color="#4B5563"/>
17
+ <stop offset="40%" stop-color="#D1D5DB"/>
18
+ <stop offset="100%" stop-color="#F3F4F6"/>
19
+ </linearGradient>
20
+
21
+ <radialGradient id="eyeGradient" cx="50%" cy="50%" r="50%">
22
+ <stop offset="0%" stop-color="#FEF08A"/>
23
+ <stop offset="100%" stop-color="#EAB308"/>
24
+ </radialGradient>
25
+ </defs>
26
+
27
+ <!-- Far Legs (Shadowed) -->
28
+ <g transform="translate(20, -10)">
29
+ <!-- Back Far Leg -->
30
+ <path d="M120 300 L120 420 L140 420 L150 320 Z" fill="url(#legShadowGradient)"/>
31
+ <path d="M120 420 L120 435 L140 435 L140 420 Z" fill="#1F2937"/> <!-- Hoof -->
32
+
33
+ <!-- Front Far Leg -->
34
+ <path d="M320 300 L320 420 L345 420 L350 310 Z" fill="url(#legShadowGradient)"/>
35
+ <path d="M320 420 L320 435 L345 435 L345 420 Z" fill="#1F2937"/> <!-- Hoof -->
36
+ </g>
37
+
38
+ <!-- Tail -->
39
+ <path d="M80 220 Q 40 250 50 350" stroke="#EA580C" stroke-width="8" fill="none" stroke-linecap="round"/>
40
+ <path d="M45 340 Q 30 380 60 390 L 50 350 Z" fill="#1F2937"/> <!-- Tail Tuft -->
41
+
42
+ <!-- Main Body Group -->
43
+ <g>
44
+ <!-- Body Shape: Bull Silhouette -->
45
+ <path id="bullBody" d="M360 180 C 340 140, 300 130, 260 130 C 220 130, 180 150, 150 160 C 100 170, 80 220, 80 260 C 80 320, 90 340, 100 340 L 130 340 L 135 430 L 165 430 L 175 350 L 300 350 L 310 430 L 340 430 L 350 330 C 380 330, 400 300, 400 260 L 400 220 Z" fill="url(#bodyGradient)"/>
46
+
47
+ <!-- Hooves (Near) -->
48
+ <path d="M135 430 L135 445 L165 445 L165 430 Z" fill="#111827"/>
49
+ <path d="M310 430 L310 445 L340 445 L340 430 Z" fill="#111827"/>
50
+
51
+ <!-- White Underbelly/Accents -->
52
+ <path d="M180 350 Q 240 360 300 350 L 300 330 Q 240 340 180 330 Z" fill="#FEF3C7" opacity="0.8"/>
53
+ <path d="M350 330 L 350 250 Q 370 280 350 330 Z" fill="#FEF3C7" opacity="0.6"/>
54
+
55
+ <!-- Tiger Stripes (Clipped to body manually for style) -->
56
+ <g fill="#1F2937" opacity="0.9">
57
+ <!-- Neck Stripes -->
58
+ <path d="M360 190 L 370 200 L 360 210 L 350 200 Z"/>
59
+ <path d="M340 200 L 355 220 L 340 230 L 335 210 Z"/>
60
+
61
+ <!-- Shoulder/Hump Stripes -->
62
+ <path d="M300 150 L 310 180 L 290 220 L 280 180 Z"/>
63
+ <path d="M270 140 L 275 190 L 260 230 L 255 180 Z"/>
64
+
65
+ <!-- Rib Stripes -->
66
+ <path d="M230 160 L 235 240 L 220 280 L 215 220 Z"/>
67
+ <path d="M190 170 L 195 250 L 180 290 L 175 230 Z"/>
68
+
69
+ <!-- Rump Stripes -->
70
+ <path d="M150 180 L 155 240 L 140 270 L 135 220 Z"/>
71
+ <path d="M110 200 L 115 250 L 100 260 L 95 230 Z"/>
72
+
73
+ <!-- Leg Stripes -->
74
+ <path d="M140 360 L 160 370 L 140 380 Z"/>
75
+ <path d="M145 390 L 165 400 L 145 410 Z"/>
76
+
77
+ <path d="M315 360 L 335 370 L 315 380 Z"/>
78
+ <path d="M320 390 L 340 400 L 320 410 Z"/>
79
+ </g>
80
+ </g>
81
+
82
+ <!-- Head Group -->
83
+ <g>
84
+ <!-- Far Horn -->
85
+ <path d="M380 160 Q 400 120 430 100 L 420 120 Q 400 140 390 165 Z" fill="#9CA3AF"/>
86
+
87
+ <!-- Head Base -->
88
+ <path d="M350 220 L 360 180 L 400 170 L 440 200 L 440 240 L 400 260 L 360 240 Z" fill="url(#bodyGradient)"/>
89
+
90
+ <!-- Head Stripes -->
91
+ <path d="M370 185 L 390 190 L 370 195 Z" fill="#1F2937"/>
92
+ <path d="M375 205 L 395 210 L 375 215 Z" fill="#1F2937"/>
93
+ <path d="M410 175 L 415 190 L 420 175 Z" fill="#1F2937"/>
94
+
95
+ <!-- Muzzle -->
96
+ <path d="M400 260 L 440 240 L 445 220 Q 450 230 440 265 Z" fill="#FEF3C7"/>
97
+ <path d="M435 245 Q 440 250 435 255" stroke="#1F2937" stroke-width="2" fill="none"/> <!-- Nostril -->
98
+
99
+ <!-- Eye -->
100
+ <circle cx="400" cy="210" r="8" fill="#1F2937"/>
101
+ <circle cx="400" cy="210" r="4" fill="url(#eyeGradient)"/>
102
+ <circle cx="402" cy="208" r="1.5" fill="white"/> <!-- Glint -->
103
+
104
+ <!-- Near Horn -->
105
+ <path d="M400 170 Q 430 110 460 90 L 450 110 Q 430 140 415 175 Z" fill="url(#hornGradient)" stroke="#4B5563" stroke-width="1"/>
106
+
107
+ <!-- Ear -->
108
+ <path d="M360 190 Q 340 180 330 200 Q 350 210 360 200 Z" fill="#EA580C" stroke="#7C2D12" stroke-width="2"/>
109
+ </g>
110
+ </svg>