@fuzdev/fuz_ui 0.206.7 → 0.206.9

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 (221) hide show
  1. package/README.md +3 -3
  2. package/dist/Alert.svelte +21 -25
  3. package/dist/Alert.svelte.d.ts.map +1 -1
  4. package/dist/ApiDeclarationList.svelte +2 -2
  5. package/dist/ApiDeclarationList.svelte.d.ts.map +1 -1
  6. package/dist/ApiIndex.svelte +4 -4
  7. package/dist/ApiIndex.svelte.d.ts.map +1 -1
  8. package/dist/ApiModule.svelte +13 -10
  9. package/dist/ApiModule.svelte.d.ts.map +1 -1
  10. package/dist/ApiModulesList.svelte +2 -2
  11. package/dist/ApiModulesList.svelte.d.ts.map +1 -1
  12. package/dist/Breadcrumb.svelte +31 -19
  13. package/dist/Breadcrumb.svelte.d.ts.map +1 -1
  14. package/dist/Card.svelte +17 -17
  15. package/dist/Card.svelte.d.ts.map +1 -1
  16. package/dist/ColorSchemeInput.svelte +6 -6
  17. package/dist/ColorSchemeInput.svelte.d.ts.map +1 -1
  18. package/dist/Contextmenu.svelte +6 -4
  19. package/dist/Contextmenu.svelte.d.ts.map +1 -1
  20. package/dist/ContextmenuEntry.svelte +8 -8
  21. package/dist/ContextmenuEntry.svelte.d.ts.map +1 -1
  22. package/dist/ContextmenuIcon.svelte +3 -3
  23. package/dist/ContextmenuIcon.svelte.d.ts.map +1 -1
  24. package/dist/ContextmenuLinkEntry.svelte +14 -14
  25. package/dist/ContextmenuLinkEntry.svelte.d.ts.map +1 -1
  26. package/dist/ContextmenuMenu.svelte +10 -10
  27. package/dist/ContextmenuMenu.svelte.d.ts.map +1 -1
  28. package/dist/ContextmenuRoot.svelte +7 -7
  29. package/dist/ContextmenuRootForSafariCompatibility.svelte +15 -15
  30. package/dist/ContextmenuSeparator.svelte +2 -2
  31. package/dist/ContextmenuSubmenu.svelte +15 -12
  32. package/dist/ContextmenuSubmenu.svelte.d.ts.map +1 -1
  33. package/dist/ContextmenuTextEntry.svelte +4 -4
  34. package/dist/ContextmenuTextEntry.svelte.d.ts.map +1 -1
  35. package/dist/CopyToClipboard.svelte +7 -7
  36. package/dist/CopyToClipboard.svelte.d.ts.map +1 -1
  37. package/dist/DeclarationDetail.svelte +35 -28
  38. package/dist/DeclarationDetail.svelte.d.ts.map +1 -1
  39. package/dist/DeclarationLink.svelte +7 -7
  40. package/dist/DeclarationLink.svelte.d.ts.map +1 -1
  41. package/dist/Details.svelte +3 -3
  42. package/dist/Details.svelte.d.ts.map +1 -1
  43. package/dist/Dialog.svelte +7 -7
  44. package/dist/Dialog.svelte.d.ts.map +1 -1
  45. package/dist/DialogContent.svelte +6 -6
  46. package/dist/DialogContent.svelte.d.ts.map +1 -1
  47. package/dist/Docs.svelte +14 -12
  48. package/dist/Docs.svelte.d.ts.map +1 -1
  49. package/dist/DocsContent.svelte +4 -4
  50. package/dist/DocsContent.svelte.d.ts.map +1 -1
  51. package/dist/DocsFooter.svelte +7 -8
  52. package/dist/DocsFooter.svelte.d.ts.map +1 -1
  53. package/dist/DocsLink.svelte +24 -21
  54. package/dist/DocsLink.svelte.d.ts.map +1 -1
  55. package/dist/DocsList.svelte +3 -3
  56. package/dist/DocsList.svelte.d.ts.map +1 -1
  57. package/dist/DocsMenu.svelte +13 -10
  58. package/dist/DocsMenu.svelte.d.ts.map +1 -1
  59. package/dist/DocsMenuHeader.svelte +2 -2
  60. package/dist/DocsMenuHeader.svelte.d.ts.map +1 -1
  61. package/dist/DocsPageLinks.svelte +9 -7
  62. package/dist/DocsPageLinks.svelte.d.ts.map +1 -1
  63. package/dist/DocsPrimaryNav.svelte +5 -5
  64. package/dist/DocsPrimaryNav.svelte.d.ts.map +1 -1
  65. package/dist/DocsSearch.svelte +3 -3
  66. package/dist/DocsSearch.svelte.d.ts.map +1 -1
  67. package/dist/DocsSecondaryNav.svelte +3 -3
  68. package/dist/DocsSecondaryNav.svelte.d.ts.map +1 -1
  69. package/dist/DocsTertiaryNav.svelte +8 -8
  70. package/dist/DocsTertiaryNav.svelte.d.ts.map +1 -1
  71. package/dist/EcosystemLinks.svelte +3 -3
  72. package/dist/EcosystemLinks.svelte.d.ts.map +1 -1
  73. package/dist/EcosystemLinksPanel.svelte +2 -2
  74. package/dist/EcosystemLinksPanel.svelte.d.ts.map +1 -1
  75. package/dist/GithubLink.svelte +10 -10
  76. package/dist/GithubLink.svelte.d.ts.map +1 -1
  77. package/dist/Glyph.svelte +4 -2
  78. package/dist/Glyph.svelte.d.ts.map +1 -1
  79. package/dist/Hashlink.svelte +5 -5
  80. package/dist/Hashlink.svelte.d.ts.map +1 -1
  81. package/dist/HueInput.svelte +5 -5
  82. package/dist/HueInput.svelte.d.ts.map +1 -1
  83. package/dist/ImgOrSvg.svelte +20 -20
  84. package/dist/ImgOrSvg.svelte.d.ts.map +1 -1
  85. package/dist/LibraryDetail.svelte +16 -16
  86. package/dist/LibraryDetail.svelte.d.ts.map +1 -1
  87. package/dist/LibrarySummary.svelte +10 -8
  88. package/dist/LibrarySummary.svelte.d.ts.map +1 -1
  89. package/dist/MdnLink.svelte +8 -8
  90. package/dist/MdnLink.svelte.d.ts.map +1 -1
  91. package/dist/ModuleLink.svelte +5 -5
  92. package/dist/ModuleLink.svelte.d.ts.map +1 -1
  93. package/dist/PasteFromClipboard.svelte +1 -1
  94. package/dist/PasteFromClipboard.svelte.d.ts.map +1 -1
  95. package/dist/PendingAnimation.svelte +12 -11
  96. package/dist/PendingAnimation.svelte.d.ts.map +1 -1
  97. package/dist/PendingButton.svelte +3 -3
  98. package/dist/PendingButton.svelte.d.ts.map +1 -1
  99. package/dist/ProjectActivityChart.svelte +137 -0
  100. package/dist/ProjectActivityChart.svelte.d.ts +30 -0
  101. package/dist/ProjectActivityChart.svelte.d.ts.map +1 -0
  102. package/dist/ProjectLinks.svelte +29 -48
  103. package/dist/ProjectLinks.svelte.d.ts.map +1 -1
  104. package/dist/Redirect.svelte +12 -8
  105. package/dist/Redirect.svelte.d.ts.map +1 -1
  106. package/dist/Sparkline.svelte +131 -0
  107. package/dist/Sparkline.svelte.d.ts +42 -0
  108. package/dist/Sparkline.svelte.d.ts.map +1 -0
  109. package/dist/Spiders.svelte +5 -5
  110. package/dist/Spiders.svelte.d.ts.map +1 -1
  111. package/dist/StyleVariableButton.svelte +6 -6
  112. package/dist/StyleVariableButton.svelte.d.ts.map +1 -1
  113. package/dist/Svg.svelte +5 -5
  114. package/dist/Svg.svelte.d.ts.map +1 -1
  115. package/dist/Teleport.svelte +2 -2
  116. package/dist/Teleport.svelte.d.ts.map +1 -1
  117. package/dist/ThemeInput.svelte +10 -8
  118. package/dist/ThemeInput.svelte.d.ts.map +1 -1
  119. package/dist/ThemeRoot.svelte +10 -11
  120. package/dist/ThemeRoot.svelte.d.ts.map +1 -1
  121. package/dist/TomeContent.svelte +11 -11
  122. package/dist/TomeContent.svelte.d.ts.map +1 -1
  123. package/dist/TomeHeader.svelte +6 -6
  124. package/dist/TomeLink.svelte +7 -7
  125. package/dist/TomeLink.svelte.d.ts.map +1 -1
  126. package/dist/TomeSection.svelte +8 -8
  127. package/dist/TomeSection.svelte.d.ts.map +1 -1
  128. package/dist/TomeSectionHeader.svelte +12 -12
  129. package/dist/TomeSectionHeader.svelte.d.ts.map +1 -1
  130. package/dist/TypeLink.svelte +11 -11
  131. package/dist/TypeLink.svelte.d.ts.map +1 -1
  132. package/dist/alert.js +1 -1
  133. package/dist/api_search.svelte.d.ts.map +1 -1
  134. package/dist/api_search.svelte.js +5 -7
  135. package/dist/autofocus.svelte.d.ts.map +1 -1
  136. package/dist/context_helpers.js +1 -1
  137. package/dist/contextmenu_helpers.d.ts.map +1 -1
  138. package/dist/contextmenu_helpers.js +3 -3
  139. package/dist/contextmenu_state.svelte.d.ts.map +1 -1
  140. package/dist/contextmenu_state.svelte.js +4 -4
  141. package/dist/csp.d.ts.map +1 -1
  142. package/dist/csp.js +27 -27
  143. package/dist/csp_of_fuzdev.d.ts.map +1 -1
  144. package/dist/csp_of_fuzdev.js +1 -1
  145. package/dist/declaration.svelte.d.ts +44 -256
  146. package/dist/declaration.svelte.d.ts.map +1 -1
  147. package/dist/declaration.svelte.js +132 -52
  148. package/dist/declaration_contextmenu.d.ts.map +1 -1
  149. package/dist/declaration_contextmenu.js +2 -2
  150. package/dist/docs_helpers.svelte.d.ts.map +1 -1
  151. package/dist/icons.js +200 -200
  152. package/dist/intersect.svelte.d.ts.map +1 -1
  153. package/dist/library.svelte.d.ts +31 -18
  154. package/dist/library.svelte.d.ts.map +1 -1
  155. package/dist/library.svelte.js +76 -21
  156. package/dist/logos.js +42 -42
  157. package/dist/module.svelte.d.ts +30 -37
  158. package/dist/module.svelte.d.ts.map +1 -1
  159. package/dist/module.svelte.js +88 -35
  160. package/dist/module_contextmenu.d.ts.map +1 -1
  161. package/dist/module_contextmenu.js +2 -2
  162. package/dist/project_stats.d.ts +121 -0
  163. package/dist/project_stats.d.ts.map +1 -0
  164. package/dist/project_stats.js +153 -0
  165. package/dist/project_stats_data.d.ts +3 -0
  166. package/dist/project_stats_data.d.ts.map +1 -0
  167. package/dist/project_stats_data.js +469 -0
  168. package/dist/project_stats_update.task.d.ts +4 -0
  169. package/dist/project_stats_update.task.d.ts.map +1 -0
  170. package/dist/project_stats_update.task.js +50 -0
  171. package/dist/projects.d.ts +17 -0
  172. package/dist/projects.d.ts.map +1 -0
  173. package/dist/projects.js +20 -0
  174. package/dist/publish.task.d.ts +3 -0
  175. package/dist/publish.task.d.ts.map +1 -0
  176. package/dist/publish.task.js +23 -0
  177. package/dist/site.svelte.d.ts.map +1 -1
  178. package/dist/sparkline.d.ts +102 -0
  179. package/dist/sparkline.d.ts.map +1 -0
  180. package/dist/sparkline.js +63 -0
  181. package/dist/style_variable_helpers.svelte.d.ts.map +1 -1
  182. package/dist/svg.d.ts.map +1 -1
  183. package/dist/theme_state.svelte.d.ts.map +1 -1
  184. package/dist/theme_state.svelte.js +1 -1
  185. package/dist/tome.d.ts.map +1 -1
  186. package/dist/tome.js +1 -1
  187. package/dist/vite_plugin_pkg_json.d.ts.map +1 -1
  188. package/dist/vite_plugin_pkg_json.js +1 -1
  189. package/package.json +3 -22
  190. package/src/lib/alert.ts +3 -3
  191. package/src/lib/api_search.svelte.ts +9 -11
  192. package/src/lib/autofocus.svelte.ts +2 -2
  193. package/src/lib/context_helpers.ts +2 -2
  194. package/src/lib/contextmenu_helpers.ts +21 -21
  195. package/src/lib/contextmenu_state.svelte.ts +32 -34
  196. package/src/lib/csp.ts +42 -54
  197. package/src/lib/csp_of_fuzdev.ts +2 -2
  198. package/src/lib/declaration.svelte.ts +157 -62
  199. package/src/lib/declaration_contextmenu.ts +5 -5
  200. package/src/lib/dialog.ts +1 -1
  201. package/src/lib/docs_helpers.svelte.ts +9 -9
  202. package/src/lib/icons.ts +205 -205
  203. package/src/lib/intersect.svelte.ts +5 -5
  204. package/src/lib/library.svelte.ts +103 -36
  205. package/src/lib/library_helpers.ts +2 -2
  206. package/src/lib/logos.ts +43 -43
  207. package/src/lib/module.svelte.ts +98 -49
  208. package/src/lib/module_contextmenu.ts +4 -4
  209. package/src/lib/project_stats.ts +220 -0
  210. package/src/lib/project_stats_data.ts +472 -0
  211. package/src/lib/project_stats_update.task.ts +53 -0
  212. package/src/lib/projects.ts +49 -0
  213. package/src/lib/publish.task.ts +22 -0
  214. package/src/lib/site.svelte.ts +5 -5
  215. package/src/lib/sparkline.ts +173 -0
  216. package/src/lib/storage.ts +2 -2
  217. package/src/lib/style_variable_helpers.svelte.ts +2 -2
  218. package/src/lib/svg.ts +2 -2
  219. package/src/lib/theme_state.svelte.ts +8 -8
  220. package/src/lib/tome.ts +8 -8
  221. package/src/lib/vite_plugin_pkg_json.ts +8 -8
@@ -1,12 +1,12 @@
1
1
  <script lang="ts">
2
- import type {SvelteHTMLElements} from 'svelte/elements';
2
+ import type { SvelteHTMLElements } from 'svelte/elements';
3
3
 
4
- const {fragment, children, ...rest}: SvelteHTMLElements['a'] & {fragment: string} = $props();
4
+ const { fragment, children, ...rest }: SvelteHTMLElements['a'] & { fragment: string } = $props();
5
5
  </script>
6
6
 
7
- <a aria-label="hashlink" {...rest} class="hashlink {rest.class}" href="#{fragment}"
8
- >{#if children}{@render children()}{:else}#{/if}</a
9
- >
7
+ <a aria-label="hashlink" {...rest} class="hashlink {rest.class}" href="#{fragment}">
8
+ {#if children}{@render children()}{:else}#{/if}
9
+ </a>
10
10
  <span class="hashlink-scroll-target" id={fragment} aria-hidden="true"></span>
11
11
 
12
12
  <style>
@@ -1 +1 @@
1
- {"version":3,"file":"Hashlink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Hashlink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,CAAC;AAcvE,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"Hashlink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/Hashlink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAgBzE,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- import type {Hue} from '@fuzdev/fuz_util/colors.ts';
3
- import type {Snippet} from 'svelte';
4
- import type {SvelteHTMLElements} from 'svelte/elements';
2
+ import type { Hue } from '@fuzdev/fuz_util/colors.ts';
3
+ import type { Snippet } from 'svelte';
4
+ import type { SvelteHTMLElements } from 'svelte/elements';
5
5
 
6
6
  let {
7
7
  value = $bindable(180),
@@ -26,7 +26,7 @@
26
26
  value = v;
27
27
  };
28
28
 
29
- const on_input_event = (e: Event & {currentTarget: EventTarget & HTMLInputElement}) => {
29
+ const on_input_event = (e: Event & { currentTarget: EventTarget & HTMLInputElement }) => {
30
30
  const parsed = parse_hue(e.currentTarget.value);
31
31
  if (parsed === null) return;
32
32
  update_hue(parsed);
@@ -34,7 +34,7 @@
34
34
 
35
35
  let el: HTMLInputElement | undefined = $state.raw();
36
36
 
37
- const set_hue_from_minimap = (e: MouseEvent & {currentTarget: EventTarget & HTMLElement}) => {
37
+ const set_hue_from_minimap = (e: MouseEvent & { currentTarget: EventTarget & HTMLElement }) => {
38
38
  const rect = e.currentTarget.getBoundingClientRect();
39
39
  const pct = (e.clientX - rect.x) / rect.width;
40
40
  update_hue(Math.floor(360 * pct));
@@ -1 +1 @@
1
- {"version":3,"file":"HueInput.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/HueInput.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,4BAA4B,CAAC;AACpD,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IACpD,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6DH,QAAA,MAAM,QAAQ,2DAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"HueInput.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/HueInput.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IACpD,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6DH,QAAA,MAAM,QAAQ,2DAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import type {SvelteHTMLElements} from 'svelte/elements';
2
+ import type { SvelteHTMLElements } from 'svelte/elements';
3
3
 
4
4
  const {
5
5
  src,
@@ -11,25 +11,25 @@
11
11
  img_attrs,
12
12
  ...rest
13
13
  }: // the intersection makes rest shared attributes valid for whichever branch renders - // branch-specific attributes go in `svg_attrs`/`img_attrs`
14
- SvelteHTMLElements['img'] &
15
- SvelteHTMLElements['svg'] & {
16
- src: string;
17
- label?: string;
18
- /**
19
- * Sets both the `width` and `height` of the svg. Overridden by the `width` and `height` props.
20
- */
21
- size?: string;
22
- /**
23
- * Sets the `width` of the svg. Overrides `size`.
24
- */
25
- width?: string;
26
- /**
27
- * Sets the `height` of the svg. Overrides `size`.
28
- */
29
- height?: string;
30
- svg_attrs?: SvelteHTMLElements['svg'];
31
- img_attrs?: SvelteHTMLElements['img'];
32
- } = $props();
14
+ SvelteHTMLElements['img'] &
15
+ SvelteHTMLElements['svg'] & {
16
+ src: string;
17
+ label?: string;
18
+ /**
19
+ * Sets both the `width` and `height` of the svg. Overridden by the `width` and `height` props.
20
+ */
21
+ size?: string;
22
+ /**
23
+ * Sets the `width` of the svg. Overrides `size`.
24
+ */
25
+ width?: string;
26
+ /**
27
+ * Sets the `height` of the svg. Overrides `size`.
28
+ */
29
+ height?: string;
30
+ svg_attrs?: SvelteHTMLElements['svg'];
31
+ img_attrs?: SvelteHTMLElements['img'];
32
+ } = $props();
33
33
 
34
34
  const final_width = $derived(width ?? size);
35
35
  const final_height = $derived(height ?? size);
@@ -1 +1 @@
1
- {"version":3,"file":"ImgOrSvg.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ImgOrSvg.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GACrB,AADyB,iJAAiJ;AAC1K,kBAAkB,CAAC,KAAK,CAAC,GACxB,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;CACtC,CAAC;AA6BJ,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"ImgOrSvg.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ImgOrSvg.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,gBAAgB,GACpB,AADwB,iJAAiJ;AACzK,kBAAkB,CAAC,KAAK,CAAC,GACxB,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;CACtC,CAAC;AA6BL,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
@@ -8,18 +8,18 @@ with file-type coloring. Uses svelte-docinfo's file type predicates for module c
8
8
  @see {@link https://github.com/ryanatkn/svelte-docinfo svelte-docinfo} for the analysis library
9
9
  -->
10
10
  <script lang="ts">
11
- import {page} from '$app/state';
12
- import {format_url} from '@fuzdev/fuz_util/url.ts';
13
- import type {OmitStrict} from '@fuzdev/fuz_util/types.ts';
14
- import type {Snippet} from 'svelte';
15
- import type {SvelteHTMLElements} from 'svelte/elements';
11
+ import { page } from '$app/state';
12
+ import { format_url } from '@fuzdev/fuz_util/url.ts';
13
+ import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
14
+ import type { Snippet } from 'svelte';
15
+ import type { SvelteHTMLElements } from 'svelte/elements';
16
16
 
17
- import {library_context, type Library} from './library.svelte.js';
17
+ import { library_context, type Library } from './library.svelte.js';
18
18
  import ImgOrSvg from './ImgOrSvg.svelte';
19
19
  import DeclarationLink from './DeclarationLink.svelte';
20
20
  import ModuleLink from './ModuleLink.svelte';
21
- import {url_github_file} from '@fuzdev/fuz_util/package_helpers.ts';
22
- import {isTypescript, isSvelte, isCss, isJson} from 'svelte-docinfo/source.js';
21
+ import { url_github_file } from '@fuzdev/fuz_util/package_helpers.ts';
22
+ import { isTypescript, isSvelte, isCss, isJson } from 'svelte-docinfo/source.js';
23
23
 
24
24
  const {
25
25
  library,
@@ -51,10 +51,10 @@ with file-type coloring. Uses svelte-docinfo's file type predicates for module c
51
51
 
52
52
  // TODO show other data (lines of code)
53
53
 
54
- const {pkg_json} = $derived(library);
54
+ const { pkg_json } = $derived(library);
55
55
 
56
56
  const license_url = $derived(
57
- pkg_json.license ? url_github_file(library.repo_url, 'LICENSE') : null,
57
+ pkg_json.license ? url_github_file(library.repo_url, 'LICENSE') : null
58
58
  );
59
59
  </script>
60
60
 
@@ -106,7 +106,7 @@ with file-type coloring. Uses svelte-docinfo's file type predicates for module c
106
106
  <span class="title">homepage</span>
107
107
  <div class="content">
108
108
  <a
109
- class={['chip', {selected: library.homepage_url === page.url.href}]}
109
+ class={['chip', { selected: library.homepage_url === page.url.href }]}
110
110
  href={library.homepage_url}
111
111
  >
112
112
  {#if library.logo_url}
@@ -125,9 +125,9 @@ with file-type coloring. Uses svelte-docinfo's file type predicates for module c
125
125
  {#if library.repo_url}
126
126
  <span class="title">repo</span>
127
127
  <div class="content">
128
- <a class="chip" title="repo" href={library.repo_url}
129
- >{library.owner_name}/{library.repo_name}</a
130
- >
128
+ <a class="chip" title="repo" href={library.repo_url}>
129
+ {library.owner_name}/{library.repo_name}
130
+ </a>
131
131
  </div>
132
132
  {/if}
133
133
  {#if library.npm_url}
@@ -173,8 +173,8 @@ with file-type coloring. Uses svelte-docinfo's file type predicates for module c
173
173
  ts: isTypescript(module.path),
174
174
  svelte: isSvelte(module.path),
175
175
  css: isCss(module.path),
176
- json: isJson(module.path),
177
- },
176
+ json: isJson(module.path)
177
+ }
178
178
  ]}
179
179
  >
180
180
  <div class="module-content">
@@ -1 +1 @@
1
- {"version":3,"file":"LibraryDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/LibraryDetail.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAkB,KAAK,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAOjE,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;CACvC,CAAC;AA8KH;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"LibraryDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/LibraryDetail.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAmB,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAOnE,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5E,OAAO,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;CACvC,CAAC;AAgLH;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
@@ -1,10 +1,10 @@
1
1
  <script lang="ts">
2
- import {page} from '$app/state';
3
- import type {Snippet} from 'svelte';
4
- import type {SvelteHTMLElements} from 'svelte/elements';
5
- import {format_url} from '@fuzdev/fuz_util/url.ts';
2
+ import { page } from '$app/state';
3
+ import type { Snippet } from 'svelte';
4
+ import type { SvelteHTMLElements } from 'svelte/elements';
5
+ import { format_url } from '@fuzdev/fuz_util/url.ts';
6
6
 
7
- import type {Library} from './library.svelte.js';
7
+ import type { Library } from './library.svelte.js';
8
8
  import ImgOrSvg from './ImgOrSvg.svelte';
9
9
 
10
10
  const {
@@ -28,7 +28,7 @@
28
28
  children?: Snippet;
29
29
  } = $props();
30
30
 
31
- const {pkg_json} = $derived(library);
31
+ const { pkg_json } = $derived(library);
32
32
  </script>
33
33
 
34
34
  <div {...rest} class="library-summary {rest.class}">
@@ -83,9 +83,11 @@
83
83
  <div class="mb_lg">
84
84
  <!-- eslint-disable svelte/no-navigation-without-resolve -->
85
85
  <a
86
- class={['chip', {selected: library.homepage_url === page.url.href}]}
87
- href={library.homepage_url}>{format_url(library.homepage_url)}</a
86
+ class={['chip', { selected: library.homepage_url === page.url.href }]}
87
+ href={library.homepage_url}
88
88
  >
89
+ {format_url(library.homepage_url)}
90
+ </a>
89
91
  <!-- eslint-enable svelte/no-navigation-without-resolve -->
90
92
  </div>
91
93
  {/if}
@@ -1 +1 @@
1
- {"version":3,"file":"LibrarySummary.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/LibrarySummary.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAGxD,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAGhD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IACpD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6GH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"LibrarySummary.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/LibrarySummary.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAGlD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,KAAK,CAAC,GAAG;IACpD,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA+GH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
@@ -1,9 +1,9 @@
1
1
  <script lang="ts">
2
- import {ensure_start, strip_end, strip_start} from '@fuzdev/fuz_util/string.ts';
3
- import type {SvelteHTMLElements} from 'svelte/elements';
2
+ import { ensure_start, strip_end, strip_start } from '@fuzdev/fuz_util/string.ts';
3
+ import type { SvelteHTMLElements } from 'svelte/elements';
4
4
 
5
5
  import Svg from './Svg.svelte';
6
- import {logo_mdn} from './logos.js';
6
+ import { logo_mdn } from './logos.js';
7
7
 
8
8
  const {
9
9
  path,
@@ -20,7 +20,7 @@
20
20
  (path.startsWith('https://')
21
21
  ? path
22
22
  : `https://developer.mozilla.org/en-US/docs/${strip_start(path, '/')}`) +
23
- (hash ? ensure_start(hash, '#') : ''),
23
+ (hash ? ensure_start(hash, '#') : '')
24
24
  );
25
25
 
26
26
  const final_children = $derived(children ?? strip_end(path, '/').split('/').at(-1)!);
@@ -28,11 +28,11 @@
28
28
 
29
29
  <!-- TODO -next-line doesnt work? -->
30
30
  <!-- eslint-disable svelte/no-navigation-without-resolve -->
31
- <a {...rest} {href} class="mdn-link white-space:nowrap {rest.class}" rel="noopener"
32
- ><Svg data={logo_mdn} inline size="var(--icon_size_xs)" class="mx_xs3 vertical-align:middle" />
31
+ <a {...rest} {href} class="mdn-link white-space:nowrap {rest.class}" rel="noopener">
32
+ <Svg data={logo_mdn} inline size="var(--icon_size_xs)" class="mx_xs3 vertical-align:middle" />
33
33
  {#if typeof final_children === 'string'}
34
34
  <span class="font_family_mono">{final_children}</span>
35
35
  {:else}
36
36
  {@render final_children()}
37
- {/if}</a
38
- >
37
+ {/if}
38
+ </a>
@@ -1 +1 @@
1
- {"version":3,"file":"MdnLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdnLink.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAoCH,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"MdnLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/MdnLink.svelte"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAKzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAsCH,QAAA,MAAM,OAAO,sDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
@@ -1,10 +1,10 @@
1
1
  <script lang="ts">
2
- import type {SvelteHTMLElements} from 'svelte/elements';
3
- import {ensure_start} from '@fuzdev/fuz_util/string.ts';
2
+ import type { SvelteHTMLElements } from 'svelte/elements';
3
+ import { ensure_start } from '@fuzdev/fuz_util/string.ts';
4
4
 
5
- import {library_context} from './library.svelte.js';
6
- import {contextmenu_attachment} from './contextmenu_state.svelte.js';
7
- import {create_module_contextmenu} from './module_contextmenu.js';
5
+ import { library_context } from './library.svelte.js';
6
+ import { contextmenu_attachment } from './contextmenu_state.svelte.js';
7
+ import { create_module_contextmenu } from './module_contextmenu.js';
8
8
 
9
9
  const {
10
10
  module_path,
@@ -1 +1 @@
1
- {"version":3,"file":"ModuleLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ModuleLink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAOvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAqDH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"ModuleLink.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ModuleLink.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAOzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAqDH,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import type {SvelteHTMLElements} from 'svelte/elements';
2
+ import type { SvelteHTMLElements } from 'svelte/elements';
3
3
 
4
4
  // TODO @many should this have the Button suffix?
5
5
 
@@ -1 +1 @@
1
- {"version":3,"file":"PasteFromClipboard.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PasteFromClipboard.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC,CAAC;AA+BH,QAAA,MAAM,kBAAkB,sDAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"PasteFromClipboard.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PasteFromClipboard.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC,CAAC;AA+BH,QAAA,MAAM,kBAAkB,sDAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- import type {OmitStrict} from '@fuzdev/fuz_util/types.ts';
3
- import type {Snippet} from 'svelte';
4
- import type {SvelteHTMLElements} from 'svelte/elements';
2
+ import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
3
+ import type { Snippet } from 'svelte';
4
+ import type { SvelteHTMLElements } from 'svelte/elements';
5
5
 
6
6
  const {
7
7
  inline,
@@ -25,16 +25,17 @@
25
25
  'pending-animation',
26
26
  rest.class,
27
27
  inline ? 'display:inline-flex align-items:center' : 'display:flex',
28
- {running},
28
+ { running }
29
29
  ]}
30
- ><span {...item_attrs} style:animation-delay="0s"
31
- >{#if children}{@render children(0)}{:else}•{/if}</span
32
- ><span {...item_attrs} style:animation-delay="0.09s"
33
- >{#if children}{@render children(1)}{:else}•{/if}</span
34
- ><span {...item_attrs} style:animation-delay="0.3s"
35
- >{#if children}{@render children(2)}{:else}•{/if}</span
36
- ></span
37
30
  >
31
+ <span {...item_attrs} style:animation-delay="0s">
32
+ {#if children}{@render children(0)}{:else}•{/if}
33
+ </span><span {...item_attrs} style:animation-delay="0.09s">
34
+ {#if children}{@render children(1)}{:else}•{/if}
35
+ </span><span {...item_attrs} style:animation-delay="0.3s">
36
+ {#if children}{@render children(2)}{:else}•{/if}
37
+ </span>
38
+ </span>
38
39
 
39
40
  <style>
40
41
  .pending-animation span {
@@ -1 +1 @@
1
- {"version":3,"file":"PendingAnimation.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PendingAnimation.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAC1D,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;CACpC,CAAC;AA4BH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"PendingAnimation.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PendingAnimation.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;CACpC,CAAC;AAoCH,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
@@ -1,8 +1,8 @@
1
1
  <script lang="ts">
2
- import type {Snippet} from 'svelte';
2
+ import type { Snippet } from 'svelte';
3
3
 
4
4
  import PendingAnimation from './PendingAnimation.svelte';
5
- import type {SvelteHTMLElements} from 'svelte/elements';
5
+ import type { SvelteHTMLElements } from 'svelte/elements';
6
6
 
7
7
  const {
8
8
  pending,
@@ -30,7 +30,7 @@
30
30
  bind:this={el}
31
31
  type="button"
32
32
  {...rest}
33
- class={['pending-button', rest.class, {pending}]}
33
+ class={['pending-button', rest.class, { pending }]}
34
34
  disabled={disabled_prop ?? pending}
35
35
  {onclick}
36
36
  >
@@ -1 +1 @@
1
- {"version":3,"file":"PendingButton.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PendingButton.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAGpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAEvD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA2CH,QAAA,MAAM,aAAa;sBAxBQ,YAAY,KAAG,IAAI;MAwBa,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"PendingButton.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PendingButton.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,gBAAgB,GAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IACvD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AA2CH,QAAA,MAAM,aAAa;sBAxBQ,YAAY,KAAG,IAAI;MAwBa,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
@@ -0,0 +1,137 @@
1
+ <script lang="ts">
2
+ import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
3
+ import type { SvelteHTMLElements } from 'svelte/elements';
4
+
5
+ import { project_items } from './projects.js';
6
+ import { project_stats_data } from './project_stats_data.js';
7
+ import { project_stats_label, project_stats_to_weekly_series } from './project_stats.js';
8
+ import { sparkline_geometry, type SparklineScale } from './sparkline.js';
9
+
10
+ /**
11
+ * A large line chart of weekly commit activity with every fuz.dev project
12
+ * drawn over one another, sharing one time window and one scale.
13
+ *
14
+ * Each project's line uses its `color_class` from `project_items` (the
15
+ * `ProjectLinks` grid doubles as the legend), with the same per-point alpha
16
+ * fade and end dot as `Sparkline`. Hovering a line shows the project's
17
+ * stats via a native `title`. The svg scales to its container's width.
18
+ *
19
+ * The background is a light wash of `currentColor` (the inherited text
20
+ * color), overridable with the `--sparkline_bg` custom property.
21
+ *
22
+ * @module
23
+ */
24
+
25
+ const {
26
+ width = 800,
27
+ height = 160,
28
+ scale = 1 / 3,
29
+ stroke_width = 2,
30
+ alpha_floor = 0.4,
31
+ label = 'weekly commit activity for all projects, drawn over one another at a shared scale',
32
+ ...rest
33
+ }: OmitStrict<SvelteHTMLElements['svg'], 'width' | 'height' | 'scale'> & {
34
+ /**
35
+ * Width of the svg's coordinate space in px; rendering stretches to the container.
36
+ */
37
+ width?: number;
38
+ /**
39
+ * Height of the svg's coordinate space in px.
40
+ */
41
+ height?: number;
42
+ /**
43
+ * Vertical scale for the lines' geometry — see `SparklineScale`.
44
+ */
45
+ scale?: SparklineScale;
46
+ stroke_width?: number;
47
+ /**
48
+ * Stroke alpha at a value of 0, scaling linearly to 1 at the shared max.
49
+ */
50
+ alpha_floor?: number;
51
+ /**
52
+ * Accessible label for the chart.
53
+ */
54
+ label?: string;
55
+ } = $props();
56
+
57
+ const chart_id = $props.id();
58
+
59
+ const { series, max } = project_stats_to_weekly_series(project_stats_data);
60
+ const color_class_by_name = new Map(project_items.map((p) => [p.name, p.color_class]));
61
+ const label_by_name = new Map(
62
+ project_stats_data.projects.map((p) => [p.name, project_stats_label(p)])
63
+ );
64
+
65
+ const lines = $derived(
66
+ series.flatMap(({ name, counts }) => {
67
+ const geometry = sparkline_geometry(counts, {
68
+ width,
69
+ height,
70
+ max,
71
+ scale,
72
+ stroke_width,
73
+ alpha_floor,
74
+ end_dot: true
75
+ });
76
+ return geometry
77
+ ? [
78
+ {
79
+ name,
80
+ geometry,
81
+ color_class: color_class_by_name.get(name),
82
+ title: label_by_name.get(name)
83
+ }
84
+ ]
85
+ : [];
86
+ })
87
+ );
88
+ </script>
89
+
90
+ <svg {...rest} viewBox="0 0 {width} {height}" role="img" aria-label={label}>
91
+ <defs>
92
+ {#each lines as line, index (line.name)}
93
+ <linearGradient
94
+ id="{chart_id}-{index}"
95
+ class={line.color_class}
96
+ gradientUnits="userSpaceOnUse"
97
+ x1="0"
98
+ y1="0"
99
+ x2={width}
100
+ y2="0"
101
+ >
102
+ {#each line.geometry.stops as stop, stop_index (stop_index)}
103
+ <stop offset={stop.offset} stop-color="currentColor" stop-opacity={stop.opacity} />
104
+ {/each}
105
+ </linearGradient>
106
+ {/each}
107
+ </defs>
108
+ {#each lines as line, index (line.name)}
109
+ <g class={line.color_class}>
110
+ <title>{line.title}</title>
111
+ <polyline
112
+ points={line.geometry.points}
113
+ fill="none"
114
+ stroke="url(#{chart_id}-{index})"
115
+ stroke-width={stroke_width}
116
+ stroke-linejoin="round"
117
+ stroke-linecap="round"
118
+ />
119
+ <circle
120
+ cx={line.geometry.end_x}
121
+ cy={line.geometry.end_y}
122
+ r={line.geometry.dot_radius}
123
+ fill="currentColor"
124
+ fill-opacity={line.geometry.end_alpha}
125
+ />
126
+ </g>
127
+ {/each}
128
+ </svg>
129
+
130
+ <style>
131
+ svg {
132
+ width: 100%;
133
+ height: auto;
134
+ background: var(--sparkline_bg, color-mix(in hsl, currentColor 8%, transparent));
135
+ border-radius: var(--border_radius_xs);
136
+ }
137
+ </style>
@@ -0,0 +1,30 @@
1
+ import type { OmitStrict } from '@fuzdev/fuz_util/types.ts';
2
+ import type { SvelteHTMLElements } from 'svelte/elements';
3
+ import { type SparklineScale } from './sparkline.js';
4
+ type $$ComponentProps = OmitStrict<SvelteHTMLElements['svg'], 'width' | 'height' | 'scale'> & {
5
+ /**
6
+ * Width of the svg's coordinate space in px; rendering stretches to the container.
7
+ */
8
+ width?: number;
9
+ /**
10
+ * Height of the svg's coordinate space in px.
11
+ */
12
+ height?: number;
13
+ /**
14
+ * Vertical scale for the lines' geometry — see `SparklineScale`.
15
+ */
16
+ scale?: SparklineScale;
17
+ stroke_width?: number;
18
+ /**
19
+ * Stroke alpha at a value of 0, scaling linearly to 1 at the shared max.
20
+ */
21
+ alpha_floor?: number;
22
+ /**
23
+ * Accessible label for the chart.
24
+ */
25
+ label?: string;
26
+ };
27
+ declare const ProjectActivityChart: import("svelte").Component<$$ComponentProps, {}, "">;
28
+ type ProjectActivityChart = ReturnType<typeof ProjectActivityChart>;
29
+ export default ProjectActivityChart;
30
+ //# sourceMappingURL=ProjectActivityChart.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProjectActivityChart.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ProjectActivityChart.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAK1D,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAExE,KAAK,gBAAgB,GAAI,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG;IAC9F;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA2FH,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}