@bluelibs/runner-dev 4.4.10 → 4.4.11
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>GraphQL Voyager</title>\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/graphql-voyager@1.3.0/dist/voyager.css\" />\n <script crossorigin src=\"https://unpkg.com/react@17/umd/react.production.min.js\"></script>\n <script crossorigin src=\"https://unpkg.com/react-dom@17/umd/react-dom.production.min.js\"></script>\n <script src=\"https://cdn.jsdelivr.net/npm/graphql-voyager@1.3.0/dist/voyager.min.js\"></script>\n <style>\n html, body, #voyager { height: 100%; width: 100%; margin: 0; padding: 0; }\n body { \n background:
|
|
1
|
+
declare const _default: "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"utf-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <title>GraphQL Voyager</title>\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/graphql-voyager@1.3.0/dist/voyager.css\" />\n <script crossorigin src=\"https://unpkg.com/react@17/umd/react.production.min.js\"></script>\n <script crossorigin src=\"https://unpkg.com/react-dom@17/umd/react-dom.production.min.js\"></script>\n <script src=\"https://cdn.jsdelivr.net/npm/graphql-voyager@1.3.0/dist/voyager.min.js\"></script>\n <style>\n :root {\n --bg-primary: #0d1117;\n --bg-secondary: #161b22;\n --bg-tertiary: #21262d;\n --bg-hover: #30363d;\n --bg-gradient: linear-gradient(135deg, #0d1117 0%, #1c1f26 25%, #2d1b69 75%, #1e3a8a 100%);\n \n --text-primary: #f0f6fc;\n --text-secondary: #b3b9c4;\n --text-muted: #7d8590;\n \n --accent-purple: #8b5cf6;\n --accent-purple-hover: #a78bfa;\n --accent-blue: #3b82f6;\n --accent-blue-hover: #60a5fa;\n --accent-deep-blue: #1e3a8a;\n \n --border-primary: #30363d;\n --border-secondary: #21262d;\n --border-accent: var(--accent-purple);\n \n --shadow-purple: 0 0 20px rgba(139, 92, 246, 0.3);\n --shadow-blue: 0 0 15px rgba(59, 130, 246, 0.2);\n }\n \n html, body, #voyager { \n height: 100%; \n width: 100%; \n margin: 0; \n padding: 0; \n }\n\n\n \n body { \n background: var(--bg-gradient);\n color: var(--text-primary);\n }\n \n /* Panel Styles */\n .doc-panel { \n background: var(--bg-primary); \n color: var(--text-primary);\n border-right: 1px solid var(--border-primary);\n font-family: \"JetBrains Mono\", \"SF Mono\", Consolas, \"Liberation Mono\", monospace;\n }\n .doc-panel > .header { \n color: var(--text-secondary);\n background: var(--bg-secondary);\n border-bottom: 1px solid var(--border-primary);\n }\n \n /* Content Styles */\n .contents { \n background: var(--bg-primary); \n color: var(--text-primary); \n }\n .contents > p { \n background: var(--bg-primary); \n color: var(--text-primary); \n font-family: \"JetBrains Mono\", \"SF Mono\", Consolas, \"Liberation Mono\", monospace;\n }\n .contents .search-box-wrapper input { \n color: var(--text-primary);\n background: var(--bg-secondary);\n border-radius: 6px;\n padding: 8px;\n }\n .contents .search-box-wrapper input:focus {\n border-color: var(--accent-purple);\n box-shadow: var(--shadow-purple);\n }\n \n /* Type Documentation */\n .type-doc { \n background: var(--bg-primary); \n color: var(--text-primary); \n margin-top: 0; \n padding-top: 15px; \n }\n\n .graphql-voyager > .menu-content > .setting-other-options {\n padding: 10px 32px 0px 10px;\n }\n\n .type-doc.-scalar, .type-name.-built-in {\n color: var(--accent-purple);\n }\n .type-doc > .doc-navigation { \n background: var(--bg-secondary); \n color: var(--text-primary);\n border-bottom: 1px solid var(--border-primary);\n }\n .type-doc > div { \n background: var(--bg-primary); \n color: var(--text-primary); \n }\n \n /* List Items */\n .typelist-item { \n background: var(--bg-secondary); \n color: var(--text-primary);\n border: 1px solid var(--border-secondary);\n border-radius: 4px;\n margin: 4px 0;\n transition: all 0.2s ease;\n }\n .typelist-item:hover {\n background: var(--bg-hover);\n border-color: var(--accent-purple);\n box-shadow: var(--shadow-purple);\n }\n \n /* Search */\n .search-box-wrapper { \n background: var(--bg-secondary); \n color: var(--text-primary);\n border-radius: 8px;\n padding: 8px;\n }\n \n /* Field Names */\n .field-name { \n color: var(--accent-purple);\n font-weight: 600;\n }\n \n\n .field-name.edge-source:hover,\n g.field.edge-source:hover .type-link,\n #graph0 g.field.edge-source:hover text.type-link {\n fill: var(--accent-blue-hover) !important;\n color: var(--accent-blue-hover) !important;\n text-decoration-color: var(--accent-blue-hover);\n filter: drop-shadow(0 0 4px rgba(59, 130, 246, 0.5));\n }\n \n /* Category Items */\n .doc-category > .item:hover { \n background: var(--bg-hover);\n border-left: 3px solid var(--accent-purple);\n transition: all 0.2s ease;\n }\n \n /* Voyager Menu */\n .graphql-voyager .menu-content { \n background: var(--bg-primary); \n color: var(--text-primary);\n border: 1px solid var(--border-primary);\n border-radius: 8px;\n box-shadow: var(--shadow-blue);\n }\n .menu-content .setting-change-root { \n display: none; \n }\n \n /* Graph Nodes */\n #graph0 g.node polygon { \n fill: var(--bg-tertiary);\n stroke: rgba(139, 92, 246, 0.3);\n stroke-width: 1;\n transition: all 0.3s ease;\n }\n #graph0 g.node:hover polygon { \n fill: rgba(139, 92, 246, 0.15);\n stroke: rgba(139, 92, 246, 0.6);\n stroke-width: 1.5;\n }\n #graph0 g.node.selected polygon { \n fill: rgba(139, 92, 246, 0.25) !important;\n stroke: rgba(139, 92, 246, 0.8) !important; \n stroke-width: 2 !important;\n filter: drop-shadow(0 0 6px rgba(139, 92, 246, 0.2)) !important;\n }\n #graph0 g.node.selected text { \n fill: var(--text-primary) !important;\n stroke: none !important;\n font-weight: 600 !important;\n }\n #graph0 g.node.selected-reachable polygon {\n fill: rgba(59, 130, 246, 0.15) !important;\n stroke: rgba(59, 130, 246, 0.5) !important;\n stroke-width: 1.5 !important;\n }\n #graph0 g.node.selected-reachable text { \n fill: rgba(167, 139, 250, 0.9) !important;\n stroke: none !important;\n font-weight: 500 !important;\n }\n #graph0 text { \n fill: var(--text-secondary); \n font-weight: 500; \n stroke: none;\n }\n\n /* Specific Node Types */\n #graph0 g#TYPE::Query polygon { \n fill: var(--accent-deep-blue);\n stroke: var(--accent-purple);\n stroke-width: 2;\n }\n #graph0 g#FIELD::Query::tags polygon { \n fill: var(--bg-tertiary);\n stroke: var(--accent-blue);\n }\n \n /* Modern Scrollbar */\n ::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n }\n ::-webkit-scrollbar-track {\n background: var(--bg-secondary);\n border-radius: 6px;\n }\n ::-webkit-scrollbar-thumb {\n background: linear-gradient(45deg, var(--accent-purple), var(--accent-blue));\n border-radius: 6px;\n border: 1px solid var(--border-primary);\n }\n ::-webkit-scrollbar-thumb:hover {\n background: linear-gradient(45deg, var(--accent-purple-hover), var(--accent-blue-hover));\n box-shadow: var(--shadow-purple);\n }\n ::-webkit-scrollbar-corner {\n background: var(--bg-secondary);\n }\n \n /* Firefox Scrollbar */\n * {\n scrollbar-width: thin;\n scrollbar-color: var(--accent-purple) var(--bg-secondary);\n }\n \n </style>\n </head>\n\n <body>\n <div id=\"voyager\">Loading...</div>\n <script>\n const GRAPHQL_ENDPOINT = window.location.origin + '/graphql';\n function introspectionProvider(query) {\n return fetch(GRAPHQL_ENDPOINT, {\n method: 'post',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ query })\n }).then(r => r.json());\n }\n // Render <Voyager />\n GraphQLVoyager.init(document.getElementById('voyager'), {\n introspection: introspectionProvider,\n });\n </script>\n </body>\n </html>";
|
|
2
2
|
export default _default;
|
|
@@ -11,11 +11,239 @@ exports.default = `<!DOCTYPE html>
|
|
|
11
11
|
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
|
|
12
12
|
<script src="https://cdn.jsdelivr.net/npm/graphql-voyager@1.3.0/dist/voyager.min.js"></script>
|
|
13
13
|
<style>
|
|
14
|
-
|
|
14
|
+
:root {
|
|
15
|
+
--bg-primary: #0d1117;
|
|
16
|
+
--bg-secondary: #161b22;
|
|
17
|
+
--bg-tertiary: #21262d;
|
|
18
|
+
--bg-hover: #30363d;
|
|
19
|
+
--bg-gradient: linear-gradient(135deg, #0d1117 0%, #1c1f26 25%, #2d1b69 75%, #1e3a8a 100%);
|
|
20
|
+
|
|
21
|
+
--text-primary: #f0f6fc;
|
|
22
|
+
--text-secondary: #b3b9c4;
|
|
23
|
+
--text-muted: #7d8590;
|
|
24
|
+
|
|
25
|
+
--accent-purple: #8b5cf6;
|
|
26
|
+
--accent-purple-hover: #a78bfa;
|
|
27
|
+
--accent-blue: #3b82f6;
|
|
28
|
+
--accent-blue-hover: #60a5fa;
|
|
29
|
+
--accent-deep-blue: #1e3a8a;
|
|
30
|
+
|
|
31
|
+
--border-primary: #30363d;
|
|
32
|
+
--border-secondary: #21262d;
|
|
33
|
+
--border-accent: var(--accent-purple);
|
|
34
|
+
|
|
35
|
+
--shadow-purple: 0 0 20px rgba(139, 92, 246, 0.3);
|
|
36
|
+
--shadow-blue: 0 0 15px rgba(59, 130, 246, 0.2);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
html, body, #voyager {
|
|
40
|
+
height: 100%;
|
|
41
|
+
width: 100%;
|
|
42
|
+
margin: 0;
|
|
43
|
+
padding: 0;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
15
48
|
body {
|
|
16
|
-
background:
|
|
49
|
+
background: var(--bg-gradient);
|
|
50
|
+
color: var(--text-primary);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/* Panel Styles */
|
|
54
|
+
.doc-panel {
|
|
55
|
+
background: var(--bg-primary);
|
|
56
|
+
color: var(--text-primary);
|
|
57
|
+
border-right: 1px solid var(--border-primary);
|
|
17
58
|
font-family: "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", monospace;
|
|
18
59
|
}
|
|
60
|
+
.doc-panel > .header {
|
|
61
|
+
color: var(--text-secondary);
|
|
62
|
+
background: var(--bg-secondary);
|
|
63
|
+
border-bottom: 1px solid var(--border-primary);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/* Content Styles */
|
|
67
|
+
.contents {
|
|
68
|
+
background: var(--bg-primary);
|
|
69
|
+
color: var(--text-primary);
|
|
70
|
+
}
|
|
71
|
+
.contents > p {
|
|
72
|
+
background: var(--bg-primary);
|
|
73
|
+
color: var(--text-primary);
|
|
74
|
+
font-family: "JetBrains Mono", "SF Mono", Consolas, "Liberation Mono", monospace;
|
|
75
|
+
}
|
|
76
|
+
.contents .search-box-wrapper input {
|
|
77
|
+
color: var(--text-primary);
|
|
78
|
+
background: var(--bg-secondary);
|
|
79
|
+
border-radius: 6px;
|
|
80
|
+
padding: 8px;
|
|
81
|
+
}
|
|
82
|
+
.contents .search-box-wrapper input:focus {
|
|
83
|
+
border-color: var(--accent-purple);
|
|
84
|
+
box-shadow: var(--shadow-purple);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
/* Type Documentation */
|
|
88
|
+
.type-doc {
|
|
89
|
+
background: var(--bg-primary);
|
|
90
|
+
color: var(--text-primary);
|
|
91
|
+
margin-top: 0;
|
|
92
|
+
padding-top: 15px;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.graphql-voyager > .menu-content > .setting-other-options {
|
|
96
|
+
padding: 10px 32px 0px 10px;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.type-doc.-scalar, .type-name.-built-in {
|
|
100
|
+
color: var(--accent-purple);
|
|
101
|
+
}
|
|
102
|
+
.type-doc > .doc-navigation {
|
|
103
|
+
background: var(--bg-secondary);
|
|
104
|
+
color: var(--text-primary);
|
|
105
|
+
border-bottom: 1px solid var(--border-primary);
|
|
106
|
+
}
|
|
107
|
+
.type-doc > div {
|
|
108
|
+
background: var(--bg-primary);
|
|
109
|
+
color: var(--text-primary);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/* List Items */
|
|
113
|
+
.typelist-item {
|
|
114
|
+
background: var(--bg-secondary);
|
|
115
|
+
color: var(--text-primary);
|
|
116
|
+
border: 1px solid var(--border-secondary);
|
|
117
|
+
border-radius: 4px;
|
|
118
|
+
margin: 4px 0;
|
|
119
|
+
transition: all 0.2s ease;
|
|
120
|
+
}
|
|
121
|
+
.typelist-item:hover {
|
|
122
|
+
background: var(--bg-hover);
|
|
123
|
+
border-color: var(--accent-purple);
|
|
124
|
+
box-shadow: var(--shadow-purple);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
/* Search */
|
|
128
|
+
.search-box-wrapper {
|
|
129
|
+
background: var(--bg-secondary);
|
|
130
|
+
color: var(--text-primary);
|
|
131
|
+
border-radius: 8px;
|
|
132
|
+
padding: 8px;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* Field Names */
|
|
136
|
+
.field-name {
|
|
137
|
+
color: var(--accent-purple);
|
|
138
|
+
font-weight: 600;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
.field-name.edge-source:hover,
|
|
143
|
+
g.field.edge-source:hover .type-link,
|
|
144
|
+
#graph0 g.field.edge-source:hover text.type-link {
|
|
145
|
+
fill: var(--accent-blue-hover) !important;
|
|
146
|
+
color: var(--accent-blue-hover) !important;
|
|
147
|
+
text-decoration-color: var(--accent-blue-hover);
|
|
148
|
+
filter: drop-shadow(0 0 4px rgba(59, 130, 246, 0.5));
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
/* Category Items */
|
|
152
|
+
.doc-category > .item:hover {
|
|
153
|
+
background: var(--bg-hover);
|
|
154
|
+
border-left: 3px solid var(--accent-purple);
|
|
155
|
+
transition: all 0.2s ease;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
/* Voyager Menu */
|
|
159
|
+
.graphql-voyager .menu-content {
|
|
160
|
+
background: var(--bg-primary);
|
|
161
|
+
color: var(--text-primary);
|
|
162
|
+
border: 1px solid var(--border-primary);
|
|
163
|
+
border-radius: 8px;
|
|
164
|
+
box-shadow: var(--shadow-blue);
|
|
165
|
+
}
|
|
166
|
+
.menu-content .setting-change-root {
|
|
167
|
+
display: none;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
/* Graph Nodes */
|
|
171
|
+
#graph0 g.node polygon {
|
|
172
|
+
fill: var(--bg-tertiary);
|
|
173
|
+
stroke: rgba(139, 92, 246, 0.3);
|
|
174
|
+
stroke-width: 1;
|
|
175
|
+
transition: all 0.3s ease;
|
|
176
|
+
}
|
|
177
|
+
#graph0 g.node:hover polygon {
|
|
178
|
+
fill: rgba(139, 92, 246, 0.15);
|
|
179
|
+
stroke: rgba(139, 92, 246, 0.6);
|
|
180
|
+
stroke-width: 1.5;
|
|
181
|
+
}
|
|
182
|
+
#graph0 g.node.selected polygon {
|
|
183
|
+
fill: rgba(139, 92, 246, 0.25) !important;
|
|
184
|
+
stroke: rgba(139, 92, 246, 0.8) !important;
|
|
185
|
+
stroke-width: 2 !important;
|
|
186
|
+
filter: drop-shadow(0 0 6px rgba(139, 92, 246, 0.2)) !important;
|
|
187
|
+
}
|
|
188
|
+
#graph0 g.node.selected text {
|
|
189
|
+
fill: var(--text-primary) !important;
|
|
190
|
+
stroke: none !important;
|
|
191
|
+
font-weight: 600 !important;
|
|
192
|
+
}
|
|
193
|
+
#graph0 g.node.selected-reachable polygon {
|
|
194
|
+
fill: rgba(59, 130, 246, 0.15) !important;
|
|
195
|
+
stroke: rgba(59, 130, 246, 0.5) !important;
|
|
196
|
+
stroke-width: 1.5 !important;
|
|
197
|
+
}
|
|
198
|
+
#graph0 g.node.selected-reachable text {
|
|
199
|
+
fill: rgba(167, 139, 250, 0.9) !important;
|
|
200
|
+
stroke: none !important;
|
|
201
|
+
font-weight: 500 !important;
|
|
202
|
+
}
|
|
203
|
+
#graph0 text {
|
|
204
|
+
fill: var(--text-secondary);
|
|
205
|
+
font-weight: 500;
|
|
206
|
+
stroke: none;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
/* Specific Node Types */
|
|
210
|
+
#graph0 g#TYPE\:\:Query polygon {
|
|
211
|
+
fill: var(--accent-deep-blue);
|
|
212
|
+
stroke: var(--accent-purple);
|
|
213
|
+
stroke-width: 2;
|
|
214
|
+
}
|
|
215
|
+
#graph0 g#FIELD\:\:Query\:\:tags polygon {
|
|
216
|
+
fill: var(--bg-tertiary);
|
|
217
|
+
stroke: var(--accent-blue);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/* Modern Scrollbar */
|
|
221
|
+
::-webkit-scrollbar {
|
|
222
|
+
width: 10px;
|
|
223
|
+
height: 10px;
|
|
224
|
+
}
|
|
225
|
+
::-webkit-scrollbar-track {
|
|
226
|
+
background: var(--bg-secondary);
|
|
227
|
+
border-radius: 6px;
|
|
228
|
+
}
|
|
229
|
+
::-webkit-scrollbar-thumb {
|
|
230
|
+
background: linear-gradient(45deg, var(--accent-purple), var(--accent-blue));
|
|
231
|
+
border-radius: 6px;
|
|
232
|
+
border: 1px solid var(--border-primary);
|
|
233
|
+
}
|
|
234
|
+
::-webkit-scrollbar-thumb:hover {
|
|
235
|
+
background: linear-gradient(45deg, var(--accent-purple-hover), var(--accent-blue-hover));
|
|
236
|
+
box-shadow: var(--shadow-purple);
|
|
237
|
+
}
|
|
238
|
+
::-webkit-scrollbar-corner {
|
|
239
|
+
background: var(--bg-secondary);
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
/* Firefox Scrollbar */
|
|
243
|
+
* {
|
|
244
|
+
scrollbar-width: thin;
|
|
245
|
+
scrollbar-color: var(--accent-purple) var(--bg-secondary);
|
|
246
|
+
}
|
|
19
247
|
|
|
20
248
|
</style>
|
|
21
249
|
</head>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"voyager.html.js","sourceRoot":"","sources":["../../../src/resources/templates/voyager.html.ts"],"names":[],"mappings":";;AAAA,kBAAe
|
|
1
|
+
{"version":3,"file":"voyager.html.js","sourceRoot":"","sources":["../../../src/resources/templates/voyager.html.ts"],"names":[],"mappings":";;AAAA,kBAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAyQN,CAAC"}
|
package/dist/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const v = "4.4.
|
|
1
|
+
declare const v = "4.4.11";
|
|
2
2
|
export default v;
|
package/dist/version.js
CHANGED