nanosplash 3.0.1 → 3.0.2

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.
Files changed (66) hide show
  1. package/.github/workflows/ci.yml +50 -44
  2. package/.github/workflows/vitepress.yml +69 -0
  3. package/.prettierignore +1 -0
  4. package/.prettierrc +10 -10
  5. package/README.md +11 -172
  6. package/bun.lockb +0 -0
  7. package/coverage/{core/Dom.ts.html → DomUtilities.ts.html} +141 -138
  8. package/coverage/{core/Service.ts.html → Service.ts.html} +250 -322
  9. package/coverage/{core/Splash.ts.html → Splash.ts.html} +145 -154
  10. package/coverage/SplashQueue.ts.html +232 -0
  11. package/coverage/clover.xml +557 -552
  12. package/coverage/coverage-final.json +5 -9043
  13. package/coverage/index.html +53 -23
  14. package/dist/cjs/ns.cjs +2 -0
  15. package/dist/es/ns.js +342 -0
  16. package/dist/iife/ns.iife.js +2 -0
  17. package/docs/.vitepress/config.ts +75 -0
  18. package/docs/.vitepress/theme/css/style.css +157 -0
  19. package/docs/.vitepress/theme/index.ts +16 -0
  20. package/docs/.vitepress/theme/vue/Card.vue +31 -0
  21. package/docs/.vitepress/theme/vue/CardGrid.vue +17 -0
  22. package/docs/.vitepress/theme/vue/Exe.vue +86 -0
  23. package/docs/.vitepress/theme/vue/PlayGround.vue +50 -0
  24. package/docs/api/doc/hide.md +69 -0
  25. package/docs/api/doc/show.md +47 -0
  26. package/docs/api/start/features.md +17 -0
  27. package/docs/api/start/install.md +53 -0
  28. package/docs/api/start/playground.md +11 -0
  29. package/docs/api/start/usage.md +25 -0
  30. package/docs/index.md +30 -0
  31. package/package.json +86 -87
  32. package/src/style/ns.sass +95 -0
  33. package/src/ts/core/{Dom.ts → DomUtilities.ts} +58 -57
  34. package/src/ts/core/Service.ts +66 -90
  35. package/src/ts/core/ServiceInterface.ts +5 -7
  36. package/src/ts/core/Splash.ts +23 -26
  37. package/src/ts/core/SplashInterface.ts +12 -20
  38. package/src/ts/core/SplashQueue.ts +49 -0
  39. package/src/ts/types/Types.ts +0 -9
  40. package/tests/{Dom.spec.ts → DomUtilities.spec.ts} +13 -23
  41. package/tests/Guid.spec.ts +3 -3
  42. package/tests/Service.spec.ts +146 -67
  43. package/tests/Splash.spec.ts +26 -26
  44. package/tests/TestUtilities.ts +48 -0
  45. package/tsconfig.json +1 -0
  46. package/vite.config.ts +1 -15
  47. package/coverage/core/index.html +0 -146
  48. package/coverage/types/Types.ts.html +0 -121
  49. package/coverage/types/index.html +0 -116
  50. package/dist/latest/cjs/ns.cjs +0 -1
  51. package/dist/latest/cjs/style.css +0 -1
  52. package/dist/latest/es/ns.js +0 -306
  53. package/dist/latest/es/style.css +0 -1
  54. package/dist/latest/iife/ns.iife.js +0 -4
  55. package/dist/versioned/3.0.1/cjs/ns.cjs +0 -1
  56. package/dist/versioned/3.0.1/cjs/style.css +0 -1
  57. package/dist/versioned/3.0.1/es/ns.js +0 -306
  58. package/dist/versioned/3.0.1/es/style.css +0 -1
  59. package/dist/versioned/3.0.1/iife/ns.iife.js +0 -2
  60. package/docs/index.6d66a821.js +0 -1
  61. package/docs/index.74dbd99e.css +0 -1
  62. package/docs/index.f34144dc.js +0 -1
  63. package/docs/index.html +0 -107
  64. package/index.html +0 -105
  65. package/src/sass/ns.sass +0 -95
  66. package/vite.demo.config.ts +0 -16
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for core/Splash.ts</title>
6
+ <title>Code coverage report for Splash.ts</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../prettify.css" />
9
- <link rel="stylesheet" href="../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
8
+ <link rel="stylesheet" href="prettify.css" />
9
+ <link rel="stylesheet" href="base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../sort-arrow-sprite.png);
14
+ background-image: url(sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,34 +19,34 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../index.html">All files</a> / <a href="index.html">core</a> Splash.ts</h1>
22
+ <h1><a href="index.html">All files</a> Splash.ts</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">99.17% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>124/124</span>
28
+ <span class='fraction'>120/121</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
33
+ <span class="strong">94.11% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>17/17</span>
35
+ <span class='fraction'>16/17</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>12/12</span>
42
+ <span class='fraction'>11/11</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">99.17% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>124/124</span>
49
+ <span class='fraction'>120/121</span>
50
50
  </div>
51
51
 
52
52
 
@@ -184,10 +184,7 @@
184
184
  <a name='L119'></a><a href='#L119'>119</a>
185
185
  <a name='L120'></a><a href='#L120'>120</a>
186
186
  <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
187
+ <a name='L122'></a><a href='#L122'>122</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
191
188
  <span class="cline-any cline-yes">1x</span>
192
189
  <span class="cline-any cline-yes">1x</span>
193
190
  <span class="cline-any cline-yes">1x</span>
@@ -198,87 +195,95 @@
198
195
  <span class="cline-any cline-yes">1x</span>
199
196
  <span class="cline-any cline-yes">1x</span>
200
197
  <span class="cline-any cline-yes">1x</span>
201
- <span class="cline-any cline-yes">1x</span>
202
- <span class="cline-any cline-yes">1x</span>
203
- <span class="cline-any cline-yes">20x</span>
204
- <span class="cline-any cline-yes">20x</span>
205
- <span class="cline-any cline-yes">20x</span>
206
- <span class="cline-any cline-yes">20x</span>
207
- <span class="cline-any cline-yes">20x</span>
208
- <span class="cline-any cline-yes">20x</span>
209
- <span class="cline-any cline-yes">20x</span>
210
- <span class="cline-any cline-yes">20x</span>
211
- <span class="cline-any cline-yes">20x</span>
212
- <span class="cline-any cline-yes">20x</span>
213
- <span class="cline-any cline-yes">20x</span>
214
- <span class="cline-any cline-yes">20x</span>
215
- <span class="cline-any cline-yes">20x</span>
216
- <span class="cline-any cline-yes">20x</span>
217
- <span class="cline-any cline-yes">20x</span>
218
- <span class="cline-any cline-yes">20x</span>
219
- <span class="cline-any cline-yes">20x</span>
220
- <span class="cline-any cline-yes">20x</span>
221
- <span class="cline-any cline-yes">20x</span>
222
- <span class="cline-any cline-yes">20x</span>
223
- <span class="cline-any cline-yes">20x</span>
224
- <span class="cline-any cline-yes">20x</span>
225
- <span class="cline-any cline-yes">20x</span>
226
- <span class="cline-any cline-yes">20x</span>
227
- <span class="cline-any cline-yes">20x</span>
228
- <span class="cline-any cline-yes">20x</span>
229
- <span class="cline-any cline-yes">20x</span>
230
- <span class="cline-any cline-yes">20x</span>
231
- <span class="cline-any cline-yes">20x</span>
232
- <span class="cline-any cline-yes">20x</span>
233
- <span class="cline-any cline-yes">20x</span>
234
- <span class="cline-any cline-yes">20x</span>
235
- <span class="cline-any cline-yes">620x</span>
236
- <span class="cline-any cline-yes">620x</span>
237
- <span class="cline-any cline-yes">620x</span>
238
- <span class="cline-any cline-yes">20x</span>
239
- <span class="cline-any cline-yes">20x</span>
240
- <span class="cline-any cline-yes">20x</span>
241
- <span class="cline-any cline-yes">20x</span>
242
- <span class="cline-any cline-yes">20x</span>
243
- <span class="cline-any cline-yes">20x</span>
244
- <span class="cline-any cline-yes">20x</span>
245
- <span class="cline-any cline-yes">20x</span>
246
- <span class="cline-any cline-yes">20x</span>
247
- <span class="cline-any cline-yes">20x</span>
248
- <span class="cline-any cline-yes">20x</span>
249
- <span class="cline-any cline-yes">20x</span>
250
- <span class="cline-any cline-yes">20x</span>
251
- <span class="cline-any cline-yes">20x</span>
252
- <span class="cline-any cline-yes">20x</span>
253
- <span class="cline-any cline-yes">20x</span>
254
- <span class="cline-any cline-yes">54x</span>
255
- <span class="cline-any cline-yes">54x</span>
256
- <span class="cline-any cline-yes">20x</span>
257
- <span class="cline-any cline-yes">20x</span>
258
- <span class="cline-any cline-yes">20x</span>
259
- <span class="cline-any cline-yes">20x</span>
260
- <span class="cline-any cline-yes">20x</span>
261
- <span class="cline-any cline-yes">53x</span>
262
- <span class="cline-any cline-yes">53x</span>
263
- <span class="cline-any cline-yes">20x</span>
264
- <span class="cline-any cline-yes">20x</span>
265
- <span class="cline-any cline-yes">20x</span>
266
- <span class="cline-any cline-yes">20x</span>
267
- <span class="cline-any cline-yes">20x</span>
268
- <span class="cline-any cline-yes">40x</span>
269
- <span class="cline-any cline-yes">40x</span>
270
- <span class="cline-any cline-yes">20x</span>
271
- <span class="cline-any cline-yes">20x</span>
272
- <span class="cline-any cline-yes">20x</span>
273
- <span class="cline-any cline-yes">20x</span>
274
- <span class="cline-any cline-yes">20x</span>
275
- <span class="cline-any cline-yes">85x</span>
276
- <span class="cline-any cline-yes">85x</span>
277
- <span class="cline-any cline-yes">20x</span>
278
- <span class="cline-any cline-yes">20x</span>
279
- <span class="cline-any cline-yes">20x</span>
280
- <span class="cline-any cline-yes">20x</span>
281
- <span class="cline-any cline-yes">20x</span>
198
+ <span class="cline-any cline-yes">22x</span>
199
+ <span class="cline-any cline-yes">22x</span>
200
+ <span class="cline-any cline-yes">22x</span>
201
+ <span class="cline-any cline-yes">22x</span>
202
+ <span class="cline-any cline-yes">22x</span>
203
+ <span class="cline-any cline-yes">22x</span>
204
+ <span class="cline-any cline-yes">22x</span>
205
+ <span class="cline-any cline-yes">22x</span>
206
+ <span class="cline-any cline-yes">22x</span>
207
+ <span class="cline-any cline-yes">22x</span>
208
+ <span class="cline-any cline-yes">22x</span>
209
+ <span class="cline-any cline-yes">22x</span>
210
+ <span class="cline-any cline-yes">22x</span>
211
+ <span class="cline-any cline-yes">22x</span>
212
+ <span class="cline-any cline-yes">22x</span>
213
+ <span class="cline-any cline-yes">22x</span>
214
+ <span class="cline-any cline-yes">22x</span>
215
+ <span class="cline-any cline-yes">22x</span>
216
+ <span class="cline-any cline-yes">22x</span>
217
+ <span class="cline-any cline-yes">22x</span>
218
+ <span class="cline-any cline-yes">22x</span>
219
+ <span class="cline-any cline-yes">22x</span>
220
+ <span class="cline-any cline-yes">22x</span>
221
+ <span class="cline-any cline-yes">22x</span>
222
+ <span class="cline-any cline-yes">22x</span>
223
+ <span class="cline-any cline-yes">22x</span>
224
+ <span class="cline-any cline-yes">22x</span>
225
+ <span class="cline-any cline-yes">22x</span>
226
+ <span class="cline-any cline-yes">22x</span>
227
+ <span class="cline-any cline-yes">22x</span>
228
+ <span class="cline-any cline-yes">22x</span>
229
+ <span class="cline-any cline-yes">22x</span>
230
+ <span class="cline-any cline-yes">682x</span>
231
+ <span class="cline-any cline-yes">682x</span>
232
+ <span class="cline-any cline-yes">682x</span>
233
+ <span class="cline-any cline-yes">22x</span>
234
+ <span class="cline-any cline-yes">22x</span>
235
+ <span class="cline-any cline-yes">22x</span>
236
+ <span class="cline-any cline-yes">22x</span>
237
+ <span class="cline-any cline-yes">22x</span>
238
+ <span class="cline-any cline-yes">22x</span>
239
+ <span class="cline-any cline-yes">22x</span>
240
+ <span class="cline-any cline-yes">22x</span>
241
+ <span class="cline-any cline-yes">22x</span>
242
+ <span class="cline-any cline-yes">22x</span>
243
+ <span class="cline-any cline-yes">22x</span>
244
+ <span class="cline-any cline-yes">22x</span>
245
+ <span class="cline-any cline-yes">22x</span>
246
+ <span class="cline-any cline-yes">22x</span>
247
+ <span class="cline-any cline-yes">22x</span>
248
+ <span class="cline-any cline-yes">22x</span>
249
+ <span class="cline-any cline-yes">51x</span>
250
+ <span class="cline-any cline-yes">51x</span>
251
+ <span class="cline-any cline-yes">22x</span>
252
+ <span class="cline-any cline-yes">22x</span>
253
+ <span class="cline-any cline-yes">22x</span>
254
+ <span class="cline-any cline-yes">22x</span>
255
+ <span class="cline-any cline-yes">22x</span>
256
+ <span class="cline-any cline-yes">117x</span>
257
+ <span class="cline-any cline-yes">117x</span>
258
+ <span class="cline-any cline-yes">22x</span>
259
+ <span class="cline-any cline-yes">22x</span>
260
+ <span class="cline-any cline-yes">22x</span>
261
+ <span class="cline-any cline-yes">22x</span>
262
+ <span class="cline-any cline-yes">22x</span>
263
+ <span class="cline-any cline-yes">80x</span>
264
+ <span class="cline-any cline-yes">80x</span>
265
+ <span class="cline-any cline-yes">80x</span>
266
+ <span class="cline-any cline-no">&nbsp;</span>
267
+ <span class="cline-any cline-yes">80x</span>
268
+ <span class="cline-any cline-yes">80x</span>
269
+ <span class="cline-any cline-yes">22x</span>
270
+ <span class="cline-any cline-yes">22x</span>
271
+ <span class="cline-any cline-yes">22x</span>
272
+ <span class="cline-any cline-yes">22x</span>
273
+ <span class="cline-any cline-yes">22x</span>
274
+ <span class="cline-any cline-yes">33x</span>
275
+ <span class="cline-any cline-yes">33x</span>
276
+ <span class="cline-any cline-yes">33x</span>
277
+ <span class="cline-any cline-yes">33x</span>
278
+ <span class="cline-any cline-yes">22x</span>
279
+ <span class="cline-any cline-yes">22x</span>
280
+ <span class="cline-any cline-yes">22x</span>
281
+ <span class="cline-any cline-yes">22x</span>
282
+ <span class="cline-any cline-yes">22x</span>
283
+ <span class="cline-any cline-yes">16x</span>
284
+ <span class="cline-any cline-yes">16x</span>
285
+ <span class="cline-any cline-yes">16x</span>
286
+ <span class="cline-any cline-yes">22x</span>
282
287
  <span class="cline-any cline-yes">22x</span>
283
288
  <span class="cline-any cline-yes">22x</span>
284
289
  <span class="cline-any cline-yes">22x</span>
@@ -286,35 +291,22 @@
286
291
  <span class="cline-any cline-yes">20x</span>
287
292
  <span class="cline-any cline-yes">20x</span>
288
293
  <span class="cline-any cline-yes">20x</span>
289
- <span class="cline-any cline-yes">20x</span>
290
- <span class="cline-any cline-yes">20x</span>
291
- <span class="cline-any cline-yes">10x</span>
292
- <span class="cline-any cline-yes">10x</span>
293
- <span class="cline-any cline-yes">10x</span>
294
- <span class="cline-any cline-yes">20x</span>
295
- <span class="cline-any cline-yes">20x</span>
296
- <span class="cline-any cline-yes">20x</span>
297
- <span class="cline-any cline-yes">20x</span>
298
- <span class="cline-any cline-yes">20x</span>
299
- <span class="cline-any cline-yes">15x</span>
300
- <span class="cline-any cline-yes">15x</span>
301
- <span class="cline-any cline-yes">15x</span>
302
- <span class="cline-any cline-yes">20x</span>
303
- <span class="cline-any cline-yes">20x</span>
304
- <span class="cline-any cline-yes">20x</span>
305
- <span class="cline-any cline-yes">20x</span>
306
- <span class="cline-any cline-yes">20x</span>
307
- <span class="cline-any cline-yes">10x</span>
308
- <span class="cline-any cline-yes">10x</span>
309
- <span class="cline-any cline-yes">10x</span>
310
- <span class="cline-any cline-yes">10x</span>
311
- <span class="cline-any cline-yes">10x</span>
312
- <span class="cline-any cline-yes">10x</span>
313
- <span class="cline-any cline-yes">20x</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// @ts-strict
315
- &nbsp;
316
- import { GUIDString } from '../types/Types'
317
- import { createElement, showElement, hideElement } from './Dom'
294
+ <span class="cline-any cline-yes">22x</span>
295
+ <span class="cline-any cline-yes">22x</span>
296
+ <span class="cline-any cline-yes">22x</span>
297
+ <span class="cline-any cline-yes">22x</span>
298
+ <span class="cline-any cline-yes">22x</span>
299
+ <span class="cline-any cline-yes">12x</span>
300
+ <span class="cline-any cline-yes">12x</span>
301
+ <span class="cline-any cline-yes">12x</span>
302
+ <span class="cline-any cline-yes">12x</span>
303
+ <span class="cline-any cline-yes">12x</span>
304
+ <span class="cline-any cline-yes">12x</span>
305
+ <span class="cline-any cline-yes">12x</span>
306
+ <span class="cline-any cline-yes">12x</span>
307
+ <span class="cline-any cline-yes">22x</span>
308
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { GUIDString } from '../types/Types'
309
+ import { createElement, showElement, hideElement } from './DomUtilities'
318
310
  import { SplashInterface } from './SplashInterface'
319
311
  &nbsp;
320
312
  /**
@@ -341,13 +333,13 @@ export class Splash implements SplashInterface {
341
333
  * # ID
342
334
  * Each Nanosplash instance is given a unique GUID.
343
335
  */
344
- private readonly id: GUIDString
336
+ private id: GUIDString | null
345
337
  &nbsp;
346
338
  /**
347
339
  * # Element
348
340
  * The root element of the Nanosplash component.
349
341
  */
350
- private element?: HTMLDivElement
342
+ private element: HTMLDivElement | null
351
343
  &nbsp;
352
344
  /**
353
345
  * # Generate GUID
@@ -374,36 +366,33 @@ export class Splash implements SplashInterface {
374
366
  /**
375
367
  * @inheritdoc
376
368
  */
377
- public getNSContentElement(): HTMLDivElement {
378
- return &lt;HTMLDivElement&gt;this.getNSElement().firstElementChild
379
- }
380
- &nbsp;
381
- /**
382
- * @inheritdoc
383
- */
384
- public getNSTextElement(): HTMLDivElement {
385
- return &lt;HTMLDivElement&gt;this.getNSContentElement().firstElementChild
369
+ public getId(): GUIDString | null {
370
+ return this.id
386
371
  }
387
372
  &nbsp;
388
373
  /**
389
374
  * @inheritdoc
390
375
  */
391
- public getId(): GUIDString {
392
- return this.id
376
+ public getElement(): HTMLDivElement | null {
377
+ return &lt;HTMLDivElement&gt;this.element
393
378
  }
394
379
  &nbsp;
395
380
  /**
396
381
  * @inheritdoc
397
382
  */
398
- public getNSElement(): HTMLDivElement {
399
- return &lt;HTMLDivElement&gt;this.element
383
+ public getTextElement(): HTMLDivElement {
384
+ return (
385
+ &lt;HTMLDivElement&gt;(
386
+ this.getElement()?.firstElementChild?.<span class="branch-0 cbranch-no" title="branch not covered" >firstElementChild</span>
387
+ <span class="cstat-no" title="statement not covered" > ) ?? null</span>
388
+ )
400
389
  }
401
390
  &nbsp;
402
391
  /**
403
392
  * @inheritdoc
404
393
  */
405
394
  public setText(text: string): Splash {
406
- this.getNSTextElement().innerText = text
395
+ this.getTextElement().innerText = text
407
396
  text.length &gt; 0 ? this.showText() : this.hideText()
408
397
  return this
409
398
  }
@@ -412,7 +401,7 @@ export class Splash implements SplashInterface {
412
401
  * @inheritdoc
413
402
  */
414
403
  public showText(): Splash {
415
- showElement(this.getNSTextElement())
404
+ showElement(this.getTextElement())
416
405
  return this
417
406
  }
418
407
  &nbsp;
@@ -420,19 +409,21 @@ export class Splash implements SplashInterface {
420
409
  * @inheritdoc
421
410
  */
422
411
  public hideText(): Splash {
423
- hideElement(this.getNSTextElement())
412
+ hideElement(this.getTextElement())
424
413
  return this
425
414
  }
426
415
  &nbsp;
427
416
  /**
428
417
  * @inheritdoc
429
418
  */
430
- public remove(): Splash {
431
- if (this.element) {
432
- this.element.parentElement?.removeChild(this.element)
433
- delete this.element
419
+ public delete(): boolean {
420
+ this.id = null
421
+ if (this.element !== null) {
422
+ this.element.innerHTML = ''
423
+ this.element.remove()
424
+ this.element = null
434
425
  }
435
- return this
426
+ return this.element === null
436
427
  }
437
428
  }
438
429
  &nbsp;</pre></td></tr></table></pre>
@@ -442,16 +433,16 @@ export class Splash implements SplashInterface {
442
433
  <div class='footer quiet pad2 space-top1 center small'>
443
434
  Code coverage generated by
444
435
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
445
- at 2023-09-06T08:51:33.390Z
436
+ at 2023-10-19T21:38:28.926Z
446
437
  </div>
447
- <script src="../prettify.js"></script>
438
+ <script src="prettify.js"></script>
448
439
  <script>
449
440
  window.onload = function () {
450
441
  prettyPrint();
451
442
  };
452
443
  </script>
453
- <script src="../sorter.js"></script>
454
- <script src="../block-navigation.js"></script>
444
+ <script src="sorter.js"></script>
445
+ <script src="block-navigation.js"></script>
455
446
  </body>
456
447
  </html>
457
448