@turnipxenon/pineapple 5.3.9 → 5.3.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.
Files changed (205) hide show
  1. package/dist/components/dialog_manager/DialogManager.d.ts.map +1 -1
  2. package/dist/components/dialog_manager/DialogManager.js +5 -8
  3. package/dist/components/dialog_manager/DialogManagerStore.d.ts +1 -1
  4. package/dist/components/dialog_manager/DialogProcessor.d.ts.map +1 -1
  5. package/dist/components/dialog_manager/DialogProcessor.js +2 -0
  6. package/dist/components/dialog_manager/IDialogManager.d.ts +1 -1
  7. package/dist/components/dialog_manager/IDialogManager.d.ts.map +1 -1
  8. package/dist/components/dialog_manager/behavior_tree/core/SelectorNode.d.ts.map +1 -1
  9. package/dist/components/dialog_manager/behavior_tree/expression/ExpressionEvaluator.d.ts.map +1 -1
  10. package/dist/components/dialog_manager/behavior_tree/expression/ExpressionEvaluator.js +1 -1
  11. package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.d.ts +10 -0
  12. package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.d.ts.map +1 -0
  13. package/dist/components/dialog_manager/behavior_tree/line_processors/commands/ForceVisitCommand.js +29 -0
  14. package/dist/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.d.ts.map +1 -1
  15. package/dist/components/reveal-info/RevealInfo.svelte +17 -18
  16. package/dist/components/reveal-info/RevealInfo.svelte.d.ts +2 -2
  17. package/dist/components/reveal-info/RevealInfo.svelte.d.ts.map +1 -1
  18. package/dist/components/reveal-info/RevealInfoRune.svelte.d.ts.map +1 -1
  19. package/dist/index.d.ts.map +1 -1
  20. package/dist/modules/overrideable_meta/OverridableMeta.svelte +1 -1
  21. package/dist/modules/parsnip/ParsnipBlockChildren.svelte +66 -55
  22. package/dist/modules/parsnip/ParsnipBlockChildren.svelte.d.ts.map +1 -1
  23. package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte +30 -30
  24. package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte.d.ts +1 -1
  25. package/dist/modules/parsnip/ParsnipEmbedWikilink.svelte.d.ts.map +1 -1
  26. package/dist/modules/parsnip/ParsnipHeading.svelte +6 -6
  27. package/dist/modules/parsnip/ParsnipList.svelte +24 -24
  28. package/dist/modules/parsnip/ParsnipOverall.d.ts.map +1 -1
  29. package/dist/modules/parsnip/ParsnipPhrasingChildren.svelte +15 -17
  30. package/dist/modules/parsnip/ParsnipPhrasingChildren.svelte.d.ts.map +1 -1
  31. package/dist/modules/parsnip/ParsnipWikilink.svelte +22 -20
  32. package/dist/modules/parsnip/ParsnipWikilink.svelte.d.ts.map +1 -1
  33. package/dist/modules/parsnip/external-images/ParsnipImage.svelte +133 -114
  34. package/dist/modules/parsnip/external-images/ParsnipImage.svelte.d.ts.map +1 -1
  35. package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte +64 -63
  36. package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte.d.ts.map +1 -1
  37. package/dist/modules/parsnip/external-images/externalImages.remote.d.ts.map +1 -1
  38. package/dist/modules/parsnip/external-images/externalImages.remote.js +17 -13
  39. package/dist/modules/parsnip/route-util/ParsnipBlog.svelte +1 -2
  40. package/dist/modules/parsnip/route-util/ParsnipBlog.svelte.d.ts.map +1 -1
  41. package/dist/modules/parsnip/route-util/getSlugEntries.js +1 -1
  42. package/dist/modules/parsnip/route-util/menuPageServerLoad.js +4 -4
  43. package/dist/modules/parsnip/route-util/slugPageServerLoad.d.ts.map +1 -1
  44. package/dist/modules/parsnip/route-util/slugPageServerLoad.js +15 -15
  45. package/dist/scripts/pineapple_fiber/PineappleFiberParser.d.ts.map +1 -1
  46. package/dist/scripts/pineapple_fiber/PineappleFiberParser.js +5 -3
  47. package/dist/styles/app.css +87 -84
  48. package/dist/styles/color-tokens.css +20 -20
  49. package/dist/styles/surface-colors.scss +28 -29
  50. package/dist/styles/tailwind.css +3196 -3111
  51. package/dist/styles/turnip-theme.css +262 -245
  52. package/dist/svelteIndex.svelte.d.ts.map +1 -1
  53. package/dist/svelteIndex.svelte.js +1 -7
  54. package/dist/test/DialogTestUtility.d.ts.map +1 -1
  55. package/dist/test/DialogTestUtility.js +4 -4
  56. package/dist/theme.css +109 -109
  57. package/dist/types/pineapple_fiber/DialogVariableStore.d.ts.map +1 -1
  58. package/dist/types/pineapple_fiber/DialogVariableStore.js +0 -1
  59. package/dist/ui/components/FourPartCard.svelte +20 -28
  60. package/dist/ui/components/FourPartCard.svelte.d.ts.map +1 -1
  61. package/dist/ui/components/MeltToaster/MeltToaster.svelte +6 -5
  62. package/dist/ui/components/MeltToaster/MeltToaster.svelte.d.ts.map +1 -1
  63. package/dist/ui/components/ModalBase.svelte +39 -43
  64. package/dist/ui/components/ModalBase.svelte.d.ts +2 -2
  65. package/dist/ui/components/ModalBase.svelte.d.ts.map +1 -1
  66. package/dist/ui/components/NestedNavigation.svelte +22 -19
  67. package/dist/ui/components/NestedNavigation.svelte.d.ts +1 -1
  68. package/dist/ui/components/NestedNavigation.svelte.d.ts.map +1 -1
  69. package/dist/ui/components/SocialSection.svelte +30 -25
  70. package/dist/ui/components/SocialSection.svelte.d.ts.map +1 -1
  71. package/dist/ui/components/SortDropdown.svelte +8 -12
  72. package/dist/ui/components/SortDropdown.svelte.d.ts.map +1 -1
  73. package/dist/ui/components/TagFilter.svelte +9 -9
  74. package/dist/ui/components/accordion/PinyaAccordion.svelte +45 -43
  75. package/dist/ui/components/accordion/PinyaAccordion.svelte.d.ts.map +1 -1
  76. package/dist/ui/components/accordion/PinyaAccordionItem.svelte +19 -10
  77. package/dist/ui/components/accordion/PinyaAccordionItem.svelte.d.ts.map +1 -1
  78. package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte +88 -80
  79. package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte.d.ts.map +1 -1
  80. package/dist/ui/components/randomized-background/RandomizedBackground.svelte +37 -33
  81. package/dist/ui/components/randomized-background/RandomizedBackground.svelte.d.ts.map +1 -1
  82. package/dist/ui/components/randomized-background/RandomizedImage.svelte +25 -21
  83. package/dist/ui/components/randomized-background/RandomizedImage.svelte.d.ts.map +1 -1
  84. package/dist/ui/components/randomized-background/getSocialSection.remote.js +1 -1
  85. package/dist/ui/elements/CodeBlock/CodeBlock.svelte +163 -165
  86. package/dist/ui/elements/CodeBlock/CodeBlock.svelte.d.ts.map +1 -1
  87. package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts +1 -1
  88. package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts.map +1 -1
  89. package/dist/ui/elements/ColorScheme.d.ts.map +1 -1
  90. package/dist/ui/elements/ElementVisibilityDetector.svelte +1 -4
  91. package/dist/ui/elements/ElementVisibilityDetector.svelte.d.ts.map +1 -1
  92. package/dist/ui/elements/GeneralUIProps.d.ts +2 -2
  93. package/dist/ui/elements/ImageIcon.svelte +27 -30
  94. package/dist/ui/elements/ImageIcon.svelte.d.ts +1 -1
  95. package/dist/ui/elements/ImageIcon.svelte.d.ts.map +1 -1
  96. package/dist/ui/elements/PineappleSwitch.svelte +53 -53
  97. package/dist/ui/elements/PineappleSwitch.svelte.d.ts +1 -1
  98. package/dist/ui/elements/PineappleSwitch.svelte.d.ts.map +1 -1
  99. package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte +4 -5
  100. package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.d.ts.map +1 -1
  101. package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.d.ts.map +1 -1
  102. package/dist/ui/elements/PinyaButton/PinyaButton.svelte +4 -5
  103. package/dist/ui/elements/PinyaButton/PinyaButton.svelte.d.ts.map +1 -1
  104. package/dist/ui/elements/PinyaButton/PinyaButtonProps.d.ts.map +1 -1
  105. package/dist/ui/elements/PinyaButton/index.d.ts +2 -2
  106. package/dist/ui/elements/PinyaButton/index.js +2 -2
  107. package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.d.ts.map +1 -1
  108. package/dist/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.d.ts.map +1 -1
  109. package/dist/ui/elements/PinyaButtonCommon/createButtonClass.d.ts.map +1 -1
  110. package/dist/ui/elements/PinyaButtonCommon/createButtonClass.js +1 -1
  111. package/dist/ui/elements/PinyaCard/PinyaCard.svelte +3 -10
  112. package/dist/ui/elements/PinyaCard/PinyaCardProps.d.ts.map +1 -1
  113. package/dist/ui/elements/Placeholder.svelte +3 -3
  114. package/dist/ui/elements/TextChip/TextChip.svelte +8 -6
  115. package/dist/ui/elements/TextLink.svelte +46 -48
  116. package/dist/ui/elements/TextLink.svelte.d.ts.map +1 -1
  117. package/dist/ui/elements/WrapperProps.d.ts +1 -1
  118. package/dist/ui/elements/index.d.ts.map +1 -1
  119. package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte +80 -55
  120. package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte.d.ts.map +1 -1
  121. package/dist/ui/elements/pinya-combobox/PinyaComboboxProps.d.ts.map +1 -1
  122. package/dist/ui/modules/NavigationMenu/LdSchema.d.ts.map +1 -1
  123. package/dist/ui/modules/NavigationMenu/LdSchema.js +4 -2
  124. package/dist/ui/modules/NavigationMenu/NavigationControl.svelte +18 -13
  125. package/dist/ui/modules/NavigationMenu/NavigationControl.svelte.d.ts.map +1 -1
  126. package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte +234 -212
  127. package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte.d.ts.map +1 -1
  128. package/dist/ui/modules/NavigationMenu/PageMeta.d.ts +1 -1
  129. package/dist/ui/modules/NavigationMenu/PageMeta.d.ts.map +1 -1
  130. package/dist/ui/modules/NavigationMenu/PageMeta.js +15 -11
  131. package/dist/ui/modules/experience/ExampleJob1.svelte +26 -28
  132. package/dist/ui/modules/experience/ExampleJob1.svelte.d.ts.map +1 -1
  133. package/dist/ui/modules/experience/ExampleJob2.svelte +4 -3
  134. package/dist/ui/modules/experience/ExampleJob2.svelte.d.ts.map +1 -1
  135. package/dist/ui/modules/experience/index.d.ts +2 -2
  136. package/dist/ui/modules/experience/index.js +2 -2
  137. package/dist/ui/modules/modals/general-settings/GeneralSettingsModal.svelte +9 -7
  138. package/dist/ui/modules/modals/general-settings/GeneralSettingsModal.svelte.d.ts.map +1 -1
  139. package/dist/ui/modules/modals/general-settings/LanguagePicker.svelte +1 -1
  140. package/dist/ui/modules/modals/general-settings/NavigationModal.svelte +11 -8
  141. package/dist/ui/modules/modals/general-settings/NavigationModal.svelte.d.ts.map +1 -1
  142. package/dist/ui/modules/projects/Hepcat.svelte +31 -29
  143. package/dist/ui/modules/projects/Hepcat.svelte.d.ts.map +1 -1
  144. package/dist/ui/modules/projects/ObsidianPublisher.svelte +16 -11
  145. package/dist/ui/modules/projects/ObsidianPublisher.svelte.d.ts.map +1 -1
  146. package/dist/ui/modules/projects/Pengi.svelte +21 -17
  147. package/dist/ui/modules/projects/Pengi.svelte.d.ts.map +1 -1
  148. package/dist/ui/modules/projects/Soulwork.svelte +18 -16
  149. package/dist/ui/modules/projects/Soulwork.svelte.d.ts.map +1 -1
  150. package/dist/ui/modules/projects/ThisWebpage.svelte +29 -19
  151. package/dist/ui/modules/projects/ThisWebpage.svelte.d.ts.map +1 -1
  152. package/dist/ui/modules/universal-overlay/DialogPanel.svelte +40 -38
  153. package/dist/ui/modules/universal-overlay/DialogPanel.svelte.d.ts.map +1 -1
  154. package/dist/ui/modules/universal-overlay/SettingsPanel.svelte +1 -2
  155. package/dist/ui/modules/universal-overlay/SettingsPanel.svelte.d.ts.map +1 -1
  156. package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte +12 -6
  157. package/dist/ui/modules/universal-overlay/UniversalOverlay.svelte.d.ts.map +1 -1
  158. package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte +99 -94
  159. package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.d.ts.map +1 -1
  160. package/dist/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.d.ts +1 -1
  161. package/dist/ui/templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.js +2 -2
  162. package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte +51 -43
  163. package/dist/ui/templates/SeaweedLayout/ChumBucket.svelte.d.ts.map +1 -1
  164. package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte +45 -32
  165. package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte.d.ts.map +1 -1
  166. package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte +106 -102
  167. package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte.d.ts.map +1 -1
  168. package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte +11 -19
  169. package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.d.ts.map +1 -1
  170. package/dist/ui/templates/SeaweedLayout/ProjectComponentProps.d.ts +1 -1
  171. package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte +139 -121
  172. package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts.map +1 -1
  173. package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte +139 -148
  174. package/dist/ui/templates/SeaweedLayout/index.d.ts.map +1 -1
  175. package/dist/ui/templates/SeaweedLayout/props.js +1 -1
  176. package/dist/ui/templates/blog_template/BlogTemplate.svelte +11 -11
  177. package/dist/ui/templates/blog_template/BlogTemplateInner.svelte +58 -56
  178. package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts.map +1 -1
  179. package/dist/ui/templates/blog_template/blog-template.css +1 -1
  180. package/dist/ui/templates/confirmation-modal/component.svelte +12 -17
  181. package/dist/ui/templates/confirmation-modal/component.svelte.d.ts +1 -1
  182. package/dist/ui/templates/confirmation-modal/component.svelte.d.ts.map +1 -1
  183. package/dist/ui/templates/confirmation-modal/props.d.ts +2 -2
  184. package/dist/ui/templates/confirmation-modal/props.d.ts.map +1 -1
  185. package/dist/ui/templates/pinya-base/PinyaBase.svelte +57 -47
  186. package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts.map +1 -1
  187. package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte +1 -1
  188. package/dist/ui/templates/pinya-base/pinyaBaseRunes.svelte.d.ts.map +1 -1
  189. package/dist/util/context/PineappleBaseContext.svelte +1 -1
  190. package/dist/util/context/pineappleBaseContextDefinitions.svelte.d.ts.map +1 -1
  191. package/dist/util/env-getter.d.ts.map +1 -1
  192. package/dist/util/env-getter.js +3 -3
  193. package/dist/util/getCommitDate.d.ts.map +1 -1
  194. package/dist/util/getCommitDate.js +3 -1
  195. package/dist/util/getCommitDate.remote.d.ts.map +1 -1
  196. package/dist/util/getCommitDate.remote.js +3 -1
  197. package/dist/util/getParsnipData.remote.d.ts +16 -11
  198. package/dist/util/localStore.svelte.d.ts.map +1 -1
  199. package/dist/util/localStore.svelte.js +5 -5
  200. package/dist/util/util.d.ts.map +1 -1
  201. package/dist/util/util.js +5 -5
  202. package/package.json +5 -5
  203. package/src/lib/styles/app.css +87 -84
  204. package/src/lib/theme.css +109 -109
  205. package/dist/scripts/pineapple_fiber/TutorialBroken.yarn +0 -143
@@ -3,28 +3,37 @@
3
3
  <!-- TODO: add suspend? load images first before showing them up slowly? -->
4
4
 
5
5
  <script lang="ts">
6
- import { fade } from 'svelte/transition';
7
-
8
- import BgTiledAres from '../../../assets/bg_tiled/bg_tiled_ares.png';
9
- import BgTiledCorn from '../../../assets/bg_tiled/bg_tiled_corn.png';
10
- import BgTiledPineapple from '../../../assets/bg_tiled/bg_tiled_pineapple.png';
11
- import BgTiledReinhard from '../../../assets/bg_tiled/bg_tiled_reinhard.png';
12
- import BgTiledTomato from '../../../assets/bg_tiled/bg_tiled_tomato.png';
13
- import BgTiledTurnip from '../../../assets/bg_tiled/bg_tiled_turnip.png';
14
- import RandomizedImage from './RandomizedImage.svelte';
15
- import { generatedDailySeed, mulberry32Generator } from '../../../util/util';
6
+ import { fade } from "svelte/transition";
7
+
8
+ import BgTiledAres from "../../../assets/bg_tiled/bg_tiled_ares.png";
9
+ import BgTiledCorn from "../../../assets/bg_tiled/bg_tiled_corn.png";
10
+ import BgTiledPineapple from "../../../assets/bg_tiled/bg_tiled_pineapple.png";
11
+ import BgTiledReinhard from "../../../assets/bg_tiled/bg_tiled_reinhard.png";
12
+ import BgTiledTomato from "../../../assets/bg_tiled/bg_tiled_tomato.png";
13
+ import BgTiledTurnip from "../../../assets/bg_tiled/bg_tiled_turnip.png";
14
+ import RandomizedImage from "./RandomizedImage.svelte";
15
+ import { generatedDailySeed, mulberry32Generator } from "../../../util/util";
16
16
  import { appState } from "../../templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.js";
17
17
 
18
- let { enabled }: {
19
- enabled: boolean
18
+ let {
19
+ enabled
20
+ }: {
21
+ enabled: boolean;
20
22
  } = $props();
21
23
 
22
- const imageList = [BgTiledAres, BgTiledCorn, BgTiledPineapple, BgTiledReinhard, BgTiledTomato, BgTiledTurnip];
24
+ const imageList = [
25
+ BgTiledAres,
26
+ BgTiledCorn,
27
+ BgTiledPineapple,
28
+ BgTiledReinhard,
29
+ BgTiledTomato,
30
+ BgTiledTurnip
31
+ ];
23
32
 
24
33
  const seed = generatedDailySeed();
25
34
  const rng = mulberry32Generator(seed);
26
35
 
27
- const shuffle = <T>(array: T[]): T[] => {
36
+ const shuffle = <T,>(array: T[]): T[] => {
28
37
  // from: community wiki @ https://stackoverflow.com/a/2450976/17836168
29
38
  let currentIndex = array.length,
30
39
  randomIndex;
@@ -70,12 +79,7 @@
70
79
 
71
80
  <!--todo: add a letterbox beyond 1960px + 16 rem-->
72
81
  {#if enabled && generatedImageList.length > 0}
73
- <div
74
- class="default-background"
75
- aria-hidden="true"
76
- style={bgStyle}
77
- transition:fade
78
- >
82
+ <div class="default-background" aria-hidden="true" style={bgStyle} transition:fade>
79
83
  {#each generatedImageList as imageItem, idx (idx)}
80
84
  <RandomizedImage src={imageItem} {rng} />
81
85
  {/each}
@@ -83,17 +87,17 @@
83
87
  {/if}
84
88
 
85
89
  <style>
86
- .default-background {
87
- position: fixed;
88
- display: flex;
89
- top: -8rem;
90
- left: 50%;
91
- transform: translate(-50%, 0);
92
- width: calc(100vw + 16rem);
93
- max-width: 1960px;
94
- height: calc(100vh + 16rem);
95
- flex-wrap: wrap;
96
- overflow: hidden;
97
- z-index: -10;
98
- }
90
+ .default-background {
91
+ position: fixed;
92
+ display: flex;
93
+ top: -8rem;
94
+ left: 50%;
95
+ transform: translate(-50%, 0);
96
+ width: calc(100vw + 16rem);
97
+ max-width: 1960px;
98
+ height: calc(100vh + 16rem);
99
+ flex-wrap: wrap;
100
+ overflow: hidden;
101
+ z-index: -10;
102
+ }
99
103
  </style>
@@ -1 +1 @@
1
- {"version":3,"file":"RandomizedBackground.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/RandomizedBackground.svelte.ts"],"names":[],"mappings":"AAeC,KAAK,gBAAgB,GAAI;IACxB,OAAO,EAAE,OAAO,CAAA;CAChB,CAAC;AA8EH,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"RandomizedBackground.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/RandomizedBackground.svelte.ts"],"names":[],"mappings":"AAeC,KAAK,gBAAgB,GAAI;IACxB,OAAO,EAAE,OAAO,CAAC;CACjB,CAAC;AAuFH,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
@@ -7,8 +7,8 @@
7
7
  src,
8
8
  rng
9
9
  }: {
10
- src: string,
11
- rng: () => number
10
+ src: string;
11
+ rng: () => number;
12
12
  } = $props();
13
13
  let rotateRandom = untrack(() => rng() * 90 - 45);
14
14
 
@@ -20,28 +20,32 @@
20
20
  <div
21
21
  style="--paddingTop: {paddingTop}rem;
22
22
  --paddingLeft: {paddingLeft}rem;
23
- --paddingRight: {paddingRight}rem;">
24
- <img {src} class="randomized-image"
25
- aria-hidden="true"
26
- style="--rotateRandom:{rotateRandom}deg;"
27
- alt="" />
23
+ --paddingRight: {paddingRight}rem;"
24
+ >
25
+ <img
26
+ {src}
27
+ class="randomized-image"
28
+ aria-hidden="true"
29
+ style="--rotateRandom:{rotateRandom}deg;"
30
+ alt=""
31
+ />
28
32
  </div>
29
33
 
30
34
  <style>
31
- div {
32
- padding-top: var(--paddingTop);
33
- padding-left: var(--paddingLeft);
34
- padding-right: var(--paddingRight);
35
- }
35
+ div {
36
+ padding-top: var(--paddingTop);
37
+ padding-left: var(--paddingLeft);
38
+ padding-right: var(--paddingRight);
39
+ }
36
40
 
37
- img {
38
- --randomized-image-size: min(10vw, 10vh);
39
- width: var(--randomized-image-size);
40
- height: var(--randomized-image-size);
41
- transform: rotate(var(--rotateRandom));
42
- }
41
+ img {
42
+ --randomized-image-size: min(10vw, 10vh);
43
+ width: var(--randomized-image-size);
44
+ height: var(--randomized-image-size);
45
+ transform: rotate(var(--rotateRandom));
46
+ }
43
47
 
44
- .randomized-image {
45
- filter: var(--filter-randomized-image);
46
- }
48
+ .randomized-image {
49
+ filter: var(--filter-randomized-image);
50
+ }
47
51
  </style>
@@ -1 +1 @@
1
- {"version":3,"file":"RandomizedImage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/RandomizedImage.svelte.ts"],"names":[],"mappings":"AAKC,KAAK,gBAAgB,GAAI;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,MAAM,CAAA;CACjB,CAAC;AA2BH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"RandomizedImage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/RandomizedImage.svelte.ts"],"names":[],"mappings":"AAKC,KAAK,gBAAgB,GAAI;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,MAAM,CAAC;CAClB,CAAC;AA2BH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
@@ -12,5 +12,5 @@ export const getSocialSectionRemote = {
12
12
  type: "void",
13
13
  run: query(() => __awaiter(void 0, void 0, void 0, function* () {
14
14
  return "";
15
- })),
15
+ }))
16
16
  };
@@ -49,17 +49,16 @@
49
49
  }: CodeBlockProps = $props();
50
50
 
51
51
  // Shiki convert to HTML
52
- const generatedHtml = $derived(shiki.codeToHtml(code, {
53
- lang,
54
- themes: {
55
- light: "catppuccin-latte",
56
- dark: "catppuccin-frappe"
57
- },
58
- transformers: [
59
- transformerNotationDiff(),
60
- addCopyButton({ toggle: 2000 })
61
- ]
62
- }));
52
+ const generatedHtml = $derived(
53
+ shiki.codeToHtml(code, {
54
+ lang,
55
+ themes: {
56
+ light: "catppuccin-latte",
57
+ dark: "catppuccin-frappe"
58
+ },
59
+ transformers: [transformerNotationDiff(), addCopyButton({ toggle: 2000 })]
60
+ })
61
+ );
63
62
  </script>
64
63
 
65
64
  <div
@@ -71,158 +70,157 @@
71
70
  </div>
72
71
 
73
72
  <style>
74
- :global {
75
- .pinya-code-block {
76
- margin-bottom: 1rlh;
77
- }
78
-
79
- /*https://shiki.style/guide/dual-themes*/
80
-
81
- html.dark .shiki,
82
- html.dark .shiki > span {
83
- color: var(--shiki-dark);
84
- background-color: var(--shiki-dark-bg);
85
- /* Optional, if you also want font styles */
86
- font-style: var(--shiki-dark-font-style);
87
- font-weight: var(--shiki-dark-font-weight);
88
- text-decoration: var(--shiki-dark-text-decoration);
89
- }
90
-
91
-
92
- html.dark .shiki {
93
- color: var(--shiki-dark) !important;
94
- background-color: var(--shiki-dark-bg) !important;
95
- font-style: var(--shiki-dark-font-style) !important;
96
- font-weight: var(--shiki-dark-font-weight) !important;
97
- -webkit-text-decoration: var(--shiki-dark-text-decoration) !important;
98
- text-decoration: var(--shiki-dark-text-decoration) !important;
99
-
100
- span[style*="color:#4C4F69"] {
101
- color: oklch(0.835 0.043 279.325) !important;
102
- }
103
- }
104
-
105
- html.dark .shiki.has-diff span.diff.add {
106
- background-color: rgba(0, 255, 0, 0.05);
107
- }
108
-
109
- .inline-code {
110
- background-color: aliceblue;
111
- padding: 0.2rem;
112
- border-radius: 0.2rem;
113
- }
114
-
115
- .shiki {
116
- span {
117
- white-space: pre-wrap;
118
- word-wrap: break-word;
119
- }
120
-
121
- &.has-diff {
122
- padding-inline-start: 0;
123
- padding-inline-end: 0;
124
-
125
- code {
126
- display: block;
127
-
128
- & > span {
129
- display: block;
130
- padding-inline-start: 2em;
131
- padding-inline-end: 1em;
132
- margin-block-end: -1lh;
133
-
134
- &:last-child {
135
- margin-block-end: 0;
136
- }
137
- }
138
- }
139
-
140
- span.diff.remove {
141
- background-color: rgba(255, 0, 0, 0.15);
142
-
143
- &::before {
144
- display: block;
145
- position: absolute;
146
- content: "-";
147
- margin-inline-start: calc((var(--spacing) * -4) - 2em);
148
- padding-inline-start: 1.75em;
149
- font-weight: bold;
150
- pointer-events: none;
151
- }
152
- }
153
-
154
- span.diff.add {
155
- background-color: rgba(0, 255, 0, 0.15);
156
-
157
- &::before {
158
- display: block;
159
- position: absolute;
160
- content: "+";
161
- margin-inline-start: calc((var(--spacing) * -4) - 2em);
162
- padding-inline-start: 1.75em;
163
- font-weight: bold;
164
- pointer-events: none;
165
- }
166
- }
167
- }
168
- }
169
-
170
- /* region shiki copy button */
171
-
172
- pre:has(code) {
173
- position: relative;
174
- }
175
-
176
- pre button.copy {
177
- position: absolute;
178
- right: 16px;
179
- top: 16px;
180
- height: 28px;
181
- width: 28px;
182
- padding: 0;
183
- display: flex;
184
-
185
- & span {
186
- width: 100%;
187
- aspect-ratio: 1 / 1;
188
- background-repeat: no-repeat;
189
- background-position: center;
190
- background-size: cover;
191
- }
192
-
193
- & .ready {
194
- background-image: url("$pkg/assets/icons/icon-copy-light-contrast.svg");
195
- /*todo*/
196
- /*@variant dark {*/
197
- /* background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");*/
198
- /*}*/
199
- }
200
-
201
- & .success {
202
- display: none;
203
- background-image: url("$pkg/assets/icons/icon-check-light-contrast.svg");
204
-
205
- /*todo: migration*/
206
- /*@variant dark {*/
207
- /* background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");*/
208
- /*}*/
209
- }
210
-
211
- &.copied {
212
- & .success {
213
- display: block;
214
- }
215
-
216
- & .ready {
217
- display: none;
218
- }
219
- }
220
- }
221
-
222
- /* endregion shiki copy button */
223
-
224
- h2 + .pinya-code-block {
225
- margin-top: 0.5rlh;
226
- }
227
- }
73
+ :global {
74
+ .pinya-code-block {
75
+ margin-bottom: 1rlh;
76
+ }
77
+
78
+ /*https://shiki.style/guide/dual-themes*/
79
+
80
+ html.dark .shiki,
81
+ html.dark .shiki > span {
82
+ color: var(--shiki-dark);
83
+ background-color: var(--shiki-dark-bg);
84
+ /* Optional, if you also want font styles */
85
+ font-style: var(--shiki-dark-font-style);
86
+ font-weight: var(--shiki-dark-font-weight);
87
+ text-decoration: var(--shiki-dark-text-decoration);
88
+ }
89
+
90
+ html.dark .shiki {
91
+ color: var(--shiki-dark) !important;
92
+ background-color: var(--shiki-dark-bg) !important;
93
+ font-style: var(--shiki-dark-font-style) !important;
94
+ font-weight: var(--shiki-dark-font-weight) !important;
95
+ -webkit-text-decoration: var(--shiki-dark-text-decoration) !important;
96
+ text-decoration: var(--shiki-dark-text-decoration) !important;
97
+
98
+ span[style*="color:#4C4F69"] {
99
+ color: oklch(0.835 0.043 279.325) !important;
100
+ }
101
+ }
102
+
103
+ html.dark .shiki.has-diff span.diff.add {
104
+ background-color: rgba(0, 255, 0, 0.05);
105
+ }
106
+
107
+ .inline-code {
108
+ background-color: aliceblue;
109
+ padding: 0.2rem;
110
+ border-radius: 0.2rem;
111
+ }
112
+
113
+ .shiki {
114
+ span {
115
+ white-space: pre-wrap;
116
+ word-wrap: break-word;
117
+ }
118
+
119
+ &.has-diff {
120
+ padding-inline-start: 0;
121
+ padding-inline-end: 0;
122
+
123
+ code {
124
+ display: block;
125
+
126
+ & > span {
127
+ display: block;
128
+ padding-inline-start: 2em;
129
+ padding-inline-end: 1em;
130
+ margin-block-end: -1lh;
131
+
132
+ &:last-child {
133
+ margin-block-end: 0;
134
+ }
135
+ }
136
+ }
137
+
138
+ span.diff.remove {
139
+ background-color: rgba(255, 0, 0, 0.15);
140
+
141
+ &::before {
142
+ display: block;
143
+ position: absolute;
144
+ content: "-";
145
+ margin-inline-start: calc((var(--spacing) * -4) - 2em);
146
+ padding-inline-start: 1.75em;
147
+ font-weight: bold;
148
+ pointer-events: none;
149
+ }
150
+ }
151
+
152
+ span.diff.add {
153
+ background-color: rgba(0, 255, 0, 0.15);
154
+
155
+ &::before {
156
+ display: block;
157
+ position: absolute;
158
+ content: "+";
159
+ margin-inline-start: calc((var(--spacing) * -4) - 2em);
160
+ padding-inline-start: 1.75em;
161
+ font-weight: bold;
162
+ pointer-events: none;
163
+ }
164
+ }
165
+ }
166
+ }
167
+
168
+ /* region shiki copy button */
169
+
170
+ pre:has(code) {
171
+ position: relative;
172
+ }
173
+
174
+ pre button.copy {
175
+ position: absolute;
176
+ right: 16px;
177
+ top: 16px;
178
+ height: 28px;
179
+ width: 28px;
180
+ padding: 0;
181
+ display: flex;
182
+
183
+ & span {
184
+ width: 100%;
185
+ aspect-ratio: 1 / 1;
186
+ background-repeat: no-repeat;
187
+ background-position: center;
188
+ background-size: cover;
189
+ }
190
+
191
+ & .ready {
192
+ background-image: url("$pkg/assets/icons/icon-copy-light-contrast.svg");
193
+ /*todo*/
194
+ /*@variant dark {*/
195
+ /* background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");*/
196
+ /*}*/
197
+ }
198
+
199
+ & .success {
200
+ display: none;
201
+ background-image: url("$pkg/assets/icons/icon-check-light-contrast.svg");
202
+
203
+ /*todo: migration*/
204
+ /*@variant dark {*/
205
+ /* background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");*/
206
+ /*}*/
207
+ }
208
+
209
+ &.copied {
210
+ & .success {
211
+ display: block;
212
+ }
213
+
214
+ & .ready {
215
+ display: none;
216
+ }
217
+ }
218
+ }
219
+
220
+ /* endregion shiki copy button */
221
+
222
+ h2 + .pinya-code-block {
223
+ margin-top: 0.5rlh;
224
+ }
225
+ }
228
226
  </style>
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlock.svelte.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA+CvD,kHAAkH;AAClH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"CodeBlock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlock.svelte.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA8CvD,kHAAkH;AAClH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /** Highlighting language keys supported by CodeBlock (must match langs loaded in CodeBlock.svelte). */
2
- export type CodeBlockLang = 'console' | 'html' | 'css' | 'js' | 'ts' | 'markdown' | 'xml' | 'svelte' | 'json';
2
+ export type CodeBlockLang = "console" | "html" | "css" | "js" | "ts" | "markdown" | "xml" | "svelte" | "json";
3
3
  export interface CodeBlockProps {
4
4
  /** Code string to render inside the block. */
5
5
  code?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"CodeBlockProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlockProps.ts"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9G,MAAM,WAAW,cAAc;IAC9B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB"}
1
+ {"version":3,"file":"CodeBlockProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlockProps.ts"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,MAAM,MAAM,aAAa,GACtB,SAAS,GACT,MAAM,GACN,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,UAAU,GACV,KAAK,GACL,QAAQ,GACR,MAAM,CAAC;AAEV,MAAM,WAAW,cAAc;IAC9B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"ColorScheme.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ColorScheme.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,MAAM,WAAY;CAClB"}
1
+ {"version":3,"file":"ColorScheme.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ColorScheme.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,MAAM,WAAW;CACjB"}
@@ -8,10 +8,7 @@
8
8
  children?: Snippet;
9
9
  }
10
10
 
11
- let {
12
- isVisible = $bindable(true),
13
- children
14
- }: Props = $props();
11
+ let { isVisible = $bindable(true), children }: Props = $props();
15
12
 
16
13
  let stickyElem: HTMLElement | undefined = $state();
17
14
 
@@ -1 +1 @@
1
- {"version":3,"file":"ElementVisibilityDetector.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ElementVisibilityDetector.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAG9C,UAAU,KAAK;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAqCF,QAAA,MAAM,yBAAyB,oDAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}
1
+ {"version":3,"file":"ElementVisibilityDetector.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ElementVisibilityDetector.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAG9C,UAAU,KAAK;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAkCF,QAAA,MAAM,yBAAyB,oDAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}
@@ -1,5 +1,5 @@
1
- import type { ColorScheme } from './ColorScheme';
2
- import type { OnBackground } from './OnBackground';
1
+ import type { ColorScheme } from "./ColorScheme";
2
+ import type { OnBackground } from "./OnBackground";
3
3
  export interface GeneralUIProps {
4
4
  /**
5
5
  * Color scheme of the UI