@turnipxenon/pineapple 3.1.0-alpha.1 → 3.1.0-alpha.11

package/dist/styles/turnip-theme.css

@@ -250,7 +250,7 @@ blockquote {
     filter: brightness(140%);
 }
 
-h1, h2, h3, h4, h5, h6, .fake-h2, .fake-h3, .fake-h4 {
+h1, h2, h3, h4, h5, h6, .fake-h1, .fake-h2, .fake-h3, .fake-h4 {
     text-align: center;
     margin-top: 0;
     font-weight: bolder;
@@ -265,7 +265,7 @@ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .fake-h2 + p, .fake-h3 + p, .fak
     margin-top: 0.5lh;
 }
 
-h1 {
+h1, .fake-h1 {
     @apply text-4xl;
 }
 
@@ -289,7 +289,11 @@ h6 {
     text-decoration: underline;
 }
 
-a {
+a.a-as-btn {
+    text-decoration: none;
+}
+
+a:not(.a-as-btn) {
     text-decoration: underline;
     color: var(--color-secondary-500);
 
@@ -298,11 +302,16 @@ a {
     }
 }
 
-a:hover, a:focus {
+a:not(.a-as-btn):hover, a:not(.a-as-btn):focus {
     filter: brightness(150%);
 }
 
-a:visited {
+/*  we're fighting a specificity war with skeleton components */
+a.a-as-btn:hover {
+    filter: brightness(110%);
+}
+
+a:not(.a-as-btn):visited {
     color: var(--color-secondary-950);
 
     @variant dark {
@@ -310,6 +319,7 @@ a:visited {
     }
 }
 
+
 ul {
     list-style: inside;
 }
@@ -318,10 +328,10 @@ ol {
     list-style: decimal inside;
 }
 
-p{
+p {
     @apply mb-3;
 }
 
 @theme {
     --color-secondary-0: oklch(99% 0.02 38.38deg);
-}
+}

package/dist/ui/components/SocialSection.svelte

@@ -6,8 +6,9 @@
 	import GithubIcon from "../../assets/icons/github-mark.svg";
 	import LinkedinIcon from "../../assets/icons/linkedin.svg";
 	import { ItchLogoHotLink } from "../../consts";
-	import { ButtonVariant, PinyaButton } from "../elements/PinyaButton/index";
+	import { PinyaButton } from "../elements/PinyaButton/index";
 	import ImageIcon from "../elements/ImageIcon.svelte";
+	import { ButtonVariant } from "../elements/PinyaButtonCommon/ButtonVariant";
 
 	/** @type {{isSmallVersion?: boolean, email?: string, linkedinSlug?: string, isSlot?: boolean, allowLinkedIn?: boolean}} */
 	let {

package/dist/ui/components/randomized-background/RandomizedBackground.svelte

@@ -9,6 +9,7 @@
 	import BgTiledTurnip from '../../../assets/bg_tiled/bg_tiled_turnip.png';
 	import RandomizedImage from './RandomizedImage.svelte';
 	import { generatedDailySeed, mulberry32Generator } from '../../../util/util';
+	import { appState } from "../../templates/PinyaPageLayout/runes.svelte";
 
 	let { enabled }: {
 		enabled: boolean
@@ -47,6 +48,8 @@
 		}
 		generatedImageList = gi;
 	});
+
+	let bgStyle = $derived(`opacity: ${appState.bgOpacity}`);
 </script>
 
 <svelte:head>
@@ -63,7 +66,12 @@
 
 <!--todo: add a letterbox beyond 1960px + 16 rem-->
 {#if enabled && generatedImageList.length > 0}
-	<div class="default-background" aria-hidden="true" transition:fade>
+	<div
+		class="default-background"
+		aria-hidden="true"
+		style={bgStyle}
+		transition:fade
+	>
 		{#each generatedImageList as imageItem, idx (idx)}
 			<RandomizedImage src={imageItem} {rng} />
 		{/each}

package/dist/ui/elements/CodeBlock/CodeBlock.svelte

@@ -16,6 +16,7 @@
 	import js from "shiki/langs/javascript.mjs";
 	import ts from "shiki/langs/typescript.mjs";
 	import markdown from "shiki/langs/markdown.mjs";
+	import xml from "shiki/langs/xml.mjs";
 
 	// https://shiki.style/guide/sync-usage
 	const shiki = createHighlighterCoreSync({
@@ -23,7 +24,7 @@
 		// Implement your import theme.
 		themes: [themeLight, themeDark],
 		// Implement your imported and supported languages.
-		langs: [console, html, css, js, ts, markdown]
+		langs: [console, html, css, js, ts, markdown, xml]
 	});
 </script>
 

package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts

@@ -1,6 +1,6 @@
 export interface CodeBlockProps {
     code?: string;
-    lang?: 'console' | 'html' | 'css' | 'js' | 'ts' | 'markdown';
+    lang?: 'console' | 'html' | 'css' | 'js' | 'ts' | 'markdown' | 'xml';
     base?: string;
     rounded?: string;
     shadow?: string;

package/dist/ui/elements/ImageIcon.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { HTMLImgAttributes } from 'svelte/elements';
-	import type { GeneralUIProps } from './GeneralUIProps';
-	import { ColorScheme } from './ColorScheme';
+	import type { GeneralUIProps } from "./GeneralUIProps";
+	import { ColorScheme } from "./ColorScheme";
 
 	type PinyaButtonProps = HTMLImgAttributes & GeneralUIProps;
 

package/dist/ui/elements/ImageIcon.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLImgAttributes } from 'svelte/elements';
-import type { GeneralUIProps } from './GeneralUIProps';
+import type { GeneralUIProps } from "./GeneralUIProps";
 type PinyaButtonProps = HTMLImgAttributes & GeneralUIProps;
 declare const ImageIcon: import("svelte").Component<PinyaButtonProps, {}, "">;
 type ImageIcon = ReturnType<typeof ImageIcon>;

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { ColorScheme } from "../ColorScheme";
+	import { ButtonVariant } from "../PinyaButtonCommon/ButtonVariant";
+	import { createButtonClass } from "../PinyaButtonCommon/createButtonClass";
+	import type { PinyaAnchorButtonProps } from "./PinyaAnchorButtonProps";
+
+	let {
+		children,
+		colorScheme = ColorScheme.Primary,
+		paddingClass = "",
+		buttonVariant = ButtonVariant.Default,
+		colorClass = "",
+		classes = "",
+		...props
+	}: PinyaAnchorButtonProps = $props();
+
+	let tailwindClass = $derived(createButtonClass({ colorScheme, paddingClass, buttonVariant, colorClass, classes }));
+</script>
+
+<a
+	{...props}
+	class={`a-as-btn ${tailwindClass}}`}
+>
+	{@render children()}
+</a>

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { PinyaAnchorButtonProps } from "./PinyaAnchorButtonProps";
+declare const PinyaAnchorButton: import("svelte").Component<PinyaAnchorButtonProps, {}, "">;
+type PinyaAnchorButton = ReturnType<typeof PinyaAnchorButton>;
+export default PinyaAnchorButton;

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAnchorAttributes } from "svelte/elements";
+import type { PinyaButtonCommonProps } from "../PinyaButtonCommon/PinyaButtonCommonProps";
+import type { WrapperProps } from "../index";
+export type PinyaAnchorButtonProps = WrapperProps & HTMLAnchorAttributes & PinyaButtonCommonProps;

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/elements/PinyaAnchorButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PinyaAnchorButton } from "./PinyaAnchorButton.svelte";
+export * from "./PinyaAnchorButtonProps";

package/dist/ui/elements/PinyaAnchorButton/index.js

@@ -0,0 +1,2 @@
+export { default as PinyaAnchorButton } from "./PinyaAnchorButton.svelte";
+export * from "./PinyaAnchorButtonProps";

package/dist/ui/elements/PinyaButton/PinyaButton.svelte

@@ -1,48 +1,25 @@
 <script lang="ts">
-	import { ButtonVariant, type PinyaButtonProps } from './PinyaButtonProps';
+	import { type PinyaButtonProps } from "./PinyaButtonProps";
 	import { ColorScheme } from "../ColorScheme";
+	import { ButtonVariant } from "../PinyaButtonCommon/ButtonVariant";
+	import { createButtonClass } from "../PinyaButtonCommon/createButtonClass";
 
 	let {
 		children,
 		colorScheme = ColorScheme.Primary,
-		paddingClass = '',
+		paddingClass = "",
 		buttonVariant = ButtonVariant.Default,
-		colorClass = '',
-		classes = '',
+		colorClass = "",
+		classes = "",
 		...props
 	}: PinyaButtonProps = $props();
 
-	paddingClass = paddingClass
-		? paddingClass
-		: (
-			buttonVariant === ButtonVariant.Image
-				? 'pl-3 pr-3 pt-2 pb-2'
-				: 'pl-3 pr-3'
-		);
-
-	const chooseTailwindClass = () => {
-		switch (colorScheme) {
-			case ColorScheme.Custom:
-				return colorClass;
-			case ColorScheme.Warning:
-				return 'bg-warning-700 dark:bg-warning-400 text-secondary-0 dark:text-secondary-950 hover:brightness-110';
-			case ColorScheme.Surface:
-				return 'bg-surface-700 dark:bg-surface-600 text-surface-50-950 hover:brightness-110';
-			default:
-				console.error(`Unimplemented color scheme: ${colorScheme.toString()}`);
-			// eslint-disable-next-line no-fallthrough
-			case ColorScheme.Primary:
-				return 'bg-primary-400-600 text-secondary-950 dark:text-secondary-0 hover:brightness-110';
-		}
-	};
-
-	const tailwindClass = chooseTailwindClass();
+	let tailwindClass = $derived(createButtonClass({ colorScheme, paddingClass, buttonVariant, colorClass, classes }));
 </script>
 
 <button
 	{...props}
-	class:small-icon-button={buttonVariant === ButtonVariant.SmallIcon}
-	class={`btn rounded-2xl text-xl font-bold ${tailwindClass} ${paddingClass} ${classes}`}
+	class={tailwindClass}
 >
 	{@render children()}
 </button>

package/dist/ui/elements/PinyaButton/PinyaButton.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type PinyaButtonProps } from './PinyaButtonProps';
+import { type PinyaButtonProps } from "./PinyaButtonProps";
 declare const PinyaButton: import("svelte").Component<PinyaButtonProps, {}, "">;
 type PinyaButton = ReturnType<typeof PinyaButton>;
 export default PinyaButton;

package/dist/ui/elements/PinyaButton/PinyaButtonProps.d.ts

@@ -1,14 +1,4 @@
-import type { HTMLButtonAttributes } from 'svelte/elements';
-import type { GeneralUIProps } from '../GeneralUIProps';
-import type { WrapperProps } from '../WrapperProps';
-export declare enum ButtonVariant {
-    Default = 0,
-    Image = 1,
-    SmallIcon = 2
-}
-export type PinyaButtonProps = WrapperProps & HTMLButtonAttributes & GeneralUIProps & {
-    paddingClass?: string;
-    buttonVariant?: ButtonVariant;
-    colorClass?: string;
-    classes?: string;
-};
+import type { HTMLButtonAttributes } from "svelte/elements";
+import type { PinyaButtonCommonProps } from "../PinyaButtonCommon/PinyaButtonCommonProps";
+import type { WrapperProps } from "../index";
+export type PinyaButtonProps = WrapperProps & HTMLButtonAttributes & PinyaButtonCommonProps;

package/dist/ui/elements/PinyaButton/PinyaButtonProps.js

@@ -1,6 +1 @@
-export var ButtonVariant;
-(function (ButtonVariant) {
-    ButtonVariant[ButtonVariant["Default"] = 0] = "Default";
-    ButtonVariant[ButtonVariant["Image"] = 1] = "Image";
-    ButtonVariant[ButtonVariant["SmallIcon"] = 2] = "SmallIcon";
-})(ButtonVariant || (ButtonVariant = {}));
+export {};

package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.d.ts

@@ -0,0 +1,5 @@
+export declare enum ButtonVariant {
+    Default = 0,
+    Image = 1,
+    SmallIcon = 2
+}

package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.js

@@ -0,0 +1,6 @@
+export var ButtonVariant;
+(function (ButtonVariant) {
+    ButtonVariant[ButtonVariant["Default"] = 0] = "Default";
+    ButtonVariant[ButtonVariant["Image"] = 1] = "Image";
+    ButtonVariant[ButtonVariant["SmallIcon"] = 2] = "SmallIcon";
+})(ButtonVariant || (ButtonVariant = {}));

package/dist/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.d.ts

@@ -0,0 +1,8 @@
+import { type GeneralUIProps } from "../index";
+import { ButtonVariant } from "./ButtonVariant";
+export type PinyaButtonCommonProps = GeneralUIProps & {
+    paddingClass?: string;
+    buttonVariant?: ButtonVariant;
+    colorClass?: string;
+    classes?: string;
+};

package/dist/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.js

@@ -0,0 +1,2 @@
+import {} from "../index";
+import { ButtonVariant } from "./ButtonVariant";

package/dist/ui/elements/PinyaButtonCommon/createButtonClass.d.ts

@@ -0,0 +1,2 @@
+import type { PinyaButtonCommonProps } from "./PinyaButtonCommonProps";
+export declare const createButtonClass: (props: PinyaButtonCommonProps) => string;

package/dist/ui/elements/PinyaButtonCommon/createButtonClass.js

@@ -0,0 +1,31 @@
+import { ColorScheme } from "../ColorScheme";
+import { ButtonVariant } from "./ButtonVariant";
+export const createButtonClass = (props) => {
+    let { colorScheme, paddingClass, buttonVariant, colorClass, classes } = props;
+    colorScheme ??= ColorScheme.Primary;
+    buttonVariant ??= ButtonVariant.Default;
+    paddingClass ??= buttonVariant === ButtonVariant.Image
+        ? "pl-3 pr-3 pt-2 pb-2"
+        : "pl-3 pr-3";
+    colorClass ??= "";
+    classes ??= "";
+    const chooseTailwindClass = () => {
+        switch (colorScheme) {
+            case ColorScheme.Custom:
+                return colorClass;
+            case ColorScheme.Warning:
+                return "bg-warning-700 dark:bg-warning-400 text-secondary-0 dark:text-secondary-950 hover:brightness-110";
+            case ColorScheme.Surface:
+                return "bg-surface-700 dark:bg-surface-600 text-surface-50-950 hover:brightness-110";
+            default:
+                console.error(`Unimplemented color scheme: ${colorScheme.toString()}`);
+            // eslint-disable-next-line no-fallthrough
+            case ColorScheme.Primary:
+                return "bg-primary-400-600 text-secondary-950 dark:text-secondary-0 hover:brightness-110";
+        }
+    };
+    const tailwindClass = chooseTailwindClass();
+    return `btn rounded-2xl text-xl font-bold 
+	${buttonVariant === ButtonVariant.SmallIcon ? 'small-icon-button' : ''}
+	${tailwindClass} ${paddingClass} ${classes}`;
+};

package/dist/ui/elements/PinyaButtonCommon/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./ButtonVariant";
+export * from "./createButtonClass";
+export * from "./PinyaButtonCommonProps";

package/dist/ui/elements/PinyaButtonCommon/index.js

@@ -0,0 +1,3 @@
+export * from "./ButtonVariant";
+export * from "./createButtonClass";
+export * from "./PinyaButtonCommonProps";

package/dist/ui/elements/PinyaCard/PinyaCard.svelte

@@ -8,15 +8,23 @@ let {
 	flexClass = "flex flex-col",
 	widthClass = "w-full max-w-md",
 	borderClass = "border-[2px] border-primary-500 dark:border-0",
+	colorClass = "bg-surface-200 dark:bg-surface-900",
 	marginClass = "",
 	className,
+	includeDataNoSnippet = false,
 	children
 }: PinyaCardProps = $props();
+
+let cardClass = $derived(`card text-start rounded-xl
+	${paddingClass} ${flexClass} ${className} ${widthClass} ${borderClass} ${marginClass} ${colorClass}`);
 </script>
 
-<div
-	class={`card bg-surface-200 dark:bg-surface-900 text-start rounded-xl
-	${paddingClass} ${flexClass} ${className} ${widthClass} ${borderClass} ${marginClass}`}
->
-	{@render children?.()}
-</div>
+{#if includeDataNoSnippet}
+	<div data-nosnippet class={cardClass}>
+		{@render children?.()}
+	</div>
+{:else }
+	<div class={cardClass}>
+		{@render children?.()}
+	</div>
+{/if}

package/dist/ui/elements/PinyaCard/PinyaCardProps.d.ts

@@ -6,5 +6,6 @@ export interface PinyaCardProps extends WrapperProps {
     widthClass?: string;
     borderClass?: string;
     marginClass?: string;
+    colorClass?: string;
     includeDataNoSnippet?: boolean;
 }

package/dist/ui/elements/index.d.ts

@@ -1,11 +1,13 @@
-export { default as ImageIcon } from "./ImageIcon.svelte";
-export { default as TextLink } from "./TextLink.svelte";
-export { default as ElementVisibilityDetector } from "./ElementVisibilityDetector.svelte";
 export * from "./ColorScheme";
 export * from "./GeneralUIProps";
 export * from "./OnBackground";
+export * from "./PinyaButtonCommon";
+export { default as ImageIcon } from "./ImageIcon.svelte";
+export { default as TextLink } from "./TextLink.svelte";
+export { default as ElementVisibilityDetector } from "./ElementVisibilityDetector.svelte";
 export * from "./PinyaCard/index";
 export * from "./WrapperProps";
-export * from "./PinyaButton/index";
+export * from "./PinyaButton";
+export * from "./PinyaAnchorButton";
 export * from "./text-chip";
 export * from "./CodeBlock";

package/dist/ui/elements/index.js

@@ -1,11 +1,15 @@
-export { default as ImageIcon } from "./ImageIcon.svelte";
-export { default as TextLink } from "./TextLink.svelte";
-export { default as ElementVisibilityDetector } from "./ElementVisibilityDetector.svelte";
+// types
 export * from "./ColorScheme";
 export * from "./GeneralUIProps";
 export * from "./OnBackground";
+export * from "./PinyaButtonCommon";
+// components
+export { default as ImageIcon } from "./ImageIcon.svelte";
+export { default as TextLink } from "./TextLink.svelte";
+export { default as ElementVisibilityDetector } from "./ElementVisibilityDetector.svelte";
 export * from "./PinyaCard/index";
 export * from "./WrapperProps";
-export * from "./PinyaButton/index";
+export * from "./PinyaButton";
+export * from "./PinyaAnchorButton";
 export * from "./text-chip";
 export * from "./CodeBlock";

package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte

@@ -62,7 +62,7 @@
 		<!-- all the misc routes-->
 		{#each visiblePages as pageMeta (pageMeta.title)}
 			{@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}
-			<a href={localizeHref(fullPath)} class="card-anchor">
+			<a href={localizeHref(fullPath)} class="card-anchor a-as-btn">
 				<PinyaCard
 					widthClass="w-full"
 					className="navigation-element"

package/dist/ui/modules/projects/Hepcat.svelte

@@ -5,8 +5,8 @@
 	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
 	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
 	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
-	import { ButtonVariant } from "../../elements/PinyaButton/PinyaButtonProps";
 	import { ItchLogoHotLink } from "../../../consts";
+	import { ButtonVariant } from "../../elements/PinyaButtonCommon/ButtonVariant";
 
 	const key = "Hepcat";
 	export { component, key };

package/dist/ui/modules/projects/Pengi.svelte

@@ -5,8 +5,8 @@
 	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
 	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
 	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
-	import { ButtonVariant } from "../../elements/PinyaButton/PinyaButtonProps";
 	import { ItchLogoHotLink } from "../../../consts";
+	import { ButtonVariant } from "../../elements/PinyaButtonCommon/ButtonVariant";
 
 	const key = "Pengi";
 	export { component, key };

package/dist/ui/modules/projects/Soulwork.svelte

@@ -5,8 +5,8 @@
 	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
 	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
 	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
-	import { ButtonVariant } from "../../elements/PinyaButton/PinyaButtonProps";
 	import { ItchLogoHotLink } from "../../../consts";
+	import { ButtonVariant } from "../../elements/PinyaButtonCommon/ButtonVariant";
 
 	const key = "Soulwork";
 	export { component, key };

package/dist/ui/modules/projects/ThisWebpage.svelte

@@ -5,8 +5,8 @@
 	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
 	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
 	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
-	import { ButtonVariant } from "../../elements/PinyaButton/PinyaButtonProps";
 	import { default as TextChip } from "../../elements/text-chip/TextChip.svelte";
+	import { ButtonVariant } from "../../elements/PinyaButtonCommon/ButtonVariant";
 
 	const key = "This Webpage";
 	export { component, key };

package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte

@@ -1,14 +1,16 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
+	import { modals } from "svelte-modals";
 	import { m } from "../../../paraglide/messages";
+	import { localizeHref } from "../../../paraglide/runtime";
 
 	import AresLogo from "../../../assets/characters/ares/ares_logo.webp";
 	import SettingsLogo from "../../../assets/icons/icon-settings.svg";
 	import RandomizedBackground from "../../components/randomized-background/RandomizedBackground.svelte";
-	import { modals } from "svelte-modals";
 	import GeneralSettingsModal from "../../modules/modals/general-settings/GeneralSettingsModal.svelte";
-	import { localizeHref } from "../../../paraglide/runtime";
 	import { appState } from "./runes.svelte";
+	import { enableBackground } from "../../../store";
+	import DialogOverlay from "../../../components/dialog_overlay/DialogOverlay.svelte";
 
 	let {
 		children,
@@ -68,12 +70,14 @@
 {@render header('hidden shadow-none w-full')}
 {@render header('fixed z-15 w-[105vw]')}
 
-<RandomizedBackground enabled={true} />
+<RandomizedBackground enabled={$enableBackground} />
 
 <div class="default-page-container">
 	{@render children?.()}
 </div>
 
+<DialogOverlay></DialogOverlay>
+
 {#if footer}
 	{@render footer()}
 {:else }

package/dist/ui/templates/PinyaPageLayout/runes.svelte.d.ts

@@ -5,6 +5,7 @@ interface AppStore {
     isLanguagePickerAvailable: boolean;
     allowDialog?: boolean;
     enableDialogOnByDefault?: boolean;
+    bgOpacity: number;
 }
 export declare const appState: AppStore;
 export {};

package/dist/ui/templates/PinyaPageLayout/runes.svelte.js

@@ -1,4 +1,5 @@
 export const appState = $state({
     title: '',
     isLanguagePickerAvailable: true,
+    bgOpacity: 1,
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "3.1.0-alpha.1",
+  "version": "3.1.0-alpha.11",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",

package/src/lib/styles/app.css

@@ -22,13 +22,15 @@ html {
     height: calc(var(--dialog-box-height) + 4em);
 }
 
-a.dialog-choice {
+.dialog-box a, .dialog-box b, .dialog-box i {
     font-size: inherit;
+}
+
+a.dialog-choice {
     cursor: url("$pkg/assets/icons/chat-cursor.svg"), auto;
 }
 
 a.external-link {
-    font-size: inherit;
     cursor: url("$pkg/assets/icons/external-link.svg"), auto;
 }
 

package/dist/components/dialog_manager/DialogMangerInit.d.ts

@@ -1,2 +0,0 @@
-import type { IDialogManager } from "./IDialogManager";
-export declare const getDialogManager: () => Promise<IDialogManager | undefined>;

package/dist/components/dialog_manager/DialogMangerInit.js

@@ -1,21 +0,0 @@
-/**
- * strictly must be declared last! or you might receive a weird error that looks like:
- *
- * 2:04:21 AM [vite] Error when evaluating SSR module /src/lib/components/dialog_manager/DialogManagerStore.ts:
- * |- TypeError: Cannot read properties of undefined (reading '0')
- *     at <instance_members_initializer> (/src/lib/components/dialog_manager/DialogManager.ts:38:67)
- *     at new DialogManager (/src/lib/components/dialog_manager/DialogManager.ts:53:14)
- *     at eval (/src/lib/components/dialog_manager/DialogManagerStore.ts:15:23)
- *     at async instantiateModule (file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/chunks/dep-934dbc7c.js:54360:9)
- *
- * what this means is that one member of dialogManager cannot be initialized. in our case, it was the
- * defaultDialogMessage not yet being initialized
- */
-let _dialogManager = undefined;
-export const getDialogManager = async () => {
-    if (_dialogManager === undefined) {
-        const dm = await import('./DialogManager');
-        _dialogManager = new dm.DialogManager();
-    }
-    return _dialogManager;
-};