@turnipxenon/pineapple 5.0.0-alpha.11 → 5.0.0-alpha.13

package/dist/styles/app.css

@@ -76,88 +76,6 @@ a.external-link {
     }
 }
 
-/*https://shiki.style/guide/dual-themes*/
-html.dark .shiki,
-html.dark .shiki span {
-    color: var(--shiki-dark) !important;
-    background-color: var(--shiki-dark-bg) !important;
-    /* Optional, if you also want font styles */
-    font-style: var(--shiki-dark-font-style) !important;
-    font-weight: var(--shiki-dark-font-weight) !important;
-    text-decoration: var(--shiki-dark-text-decoration) !important;
-}
-
-.inline-code {
-    background-color: aliceblue;
-    padding: 0.2rem;
-    border-radius: 0.2rem;
-}
-
-html.dark .inline-code {
-    background-color: #303446;
-}
-
-.shiki {
-    span {
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-}
-
-/* region shiki copy button */
-pre:has(code) {
-    position: relative;
-}
-
-pre button.copy {
-    position: absolute;
-    right: 16px;
-    top: 16px;
-    height: 28px;
-    width: 28px;
-    padding: 0;
-    display: flex;
-
-    & span {
-        width: 100%;
-        aspect-ratio: 1 / 1;
-        background-repeat: no-repeat;
-        background-position: center;
-        background-size: cover;
-    }
-
-    & .ready {
-        background-image: url("$pkg/assets/icons/icon-copy-light-contrast.svg");
-        /*todo*/
-        /*@variant dark {*/
-        /*    background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");*/
-        /*}*/
-    }
-
-    & .success {
-        display: none;
-        background-image: url("$pkg/assets/icons/icon-check-light-contrast.svg");
-
-        /*todo: migration*/
-        /*@variant dark {*/
-        /*    background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");*/
-        /*}*/
-    }
-
-    &.copied {
-        & .success {
-            display: block;
-        }
-
-        & .ready {
-            display: none;
-        }
-    }
-}
-
-/* endregion shiki copy button */
-
-
 ul + h2, ol + h2 {
     margin-top: 1rlh;
 }

package/dist/styles/tailwind.css

@@ -536,9 +536,6 @@
   .ig-textarea::placeholder {
     color:var(--color-surface-700-300)
   }
-  ::selection {
-    background-color:#73737380
-  }
   :disabled,
   .disabled {
     opacity:.5
@@ -2715,15 +2712,6 @@ a.external-link {
 #toast-progress::-moz-progress-bar {
   background:rgba(var(--color-secondary-500))
 }
-html.dark .shiki,
-html.dark .shiki span {
-  color:var(--shiki-dark)!important;
-  background-color:var(--shiki-dark-bg)!important;
-  font-style:var(--shiki-dark-font-style)!important;
-  font-weight:var(--shiki-dark-font-weight)!important;
-  -webkit-text-decoration:var(--shiki-dark-text-decoration)!important;
-  text-decoration:var(--shiki-dark-text-decoration)!important
-}
 .inline-code {
   background-color:#f0f8ff;
   border-radius:.2rem;

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

@@ -1,23 +1,25 @@
 <!-- @component Code Block based on: https://shiki.style/ and https://www.skeleton.dev/docs/integrations/code-block/svelte/ -->
 
 <script module lang="ts">
+	import { transformerNotationDiff } from "@shikijs/transformers";
 	import { addCopyButton } from "shiki-transformer-copy-button";
 	import { createHighlighterCoreSync } from "shiki/core";
 	import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
-	// Themes
-	// https://shiki.style/themes
-	import themeLight from "shiki/themes/catppuccin-latte.mjs";
-	import themeDark from "shiki/themes/catppuccin-frappe.mjs";
 	// Languages
 	// https://shiki.style/languages
-	import console from "shiki/langs/console.mjs";
-	import html from "shiki/langs/html.mjs";
+	import shikiConsole from "shiki/langs/console.mjs";
 	import css from "shiki/langs/css.mjs";
+	import html from "shiki/langs/html.mjs";
 	import js from "shiki/langs/javascript.mjs";
-	import ts from "shiki/langs/typescript.mjs";
+	import json from "shiki/langs/json.mjs";
 	import markdown from "shiki/langs/markdown.mjs";
-	import xml from "shiki/langs/xml.mjs";
 	import svelte from "shiki/langs/svelte.mjs";
+	import ts from "shiki/langs/typescript.mjs";
+	import xml from "shiki/langs/xml.mjs";
+	// Themes
+	// https://shiki.style/themes
+	import themeDark from "shiki/themes/catppuccin-frappe.mjs";
+	import themeLight from "shiki/themes/catppuccin-latte.mjs";
 
 	// https://shiki.style/guide/sync-usage
 	const shiki = createHighlighterCoreSync({
@@ -25,11 +27,12 @@
 		// Implement your import theme.
 		themes: [themeLight, themeDark],
 		// Implement your imported and supported languages.
-		langs: [console, html, css, js, ts, markdown, xml, svelte]
+		langs: [shikiConsole, html, css, js, ts, markdown, xml, svelte, json]
 	});
 </script>
 
 <script lang="ts">
+	import { onMount } from "svelte";
 	import type { CodeBlockProps } from "./CodeBlockProps";
 
 	let {
@@ -54,6 +57,7 @@
 			dark: "catppuccin-frappe"
 		},
 		transformers: [
+			transformerNotationDiff(),
 			addCopyButton({ toggle: 2000 })
 		]
 	}));
@@ -67,13 +71,152 @@
 </div>
 
 <style>
-	:global {
-			.pinya-code-block {
-					margin-bottom: 1rlh;
-			}
-
-			h2 + .pinya-code-block {
-					margin-top: 0.5rlh;
-			}
-	}
+    :global {
+        .pinya-code-block {
+            margin-bottom: 1rlh;
+        }
+
+        /*https://shiki.style/guide/dual-themes*/
+
+        html.dark .shiki,
+        html.dark .shiki > span {
+            color: var(--shiki-dark);
+            background-color: var(--shiki-dark-bg);
+            /* Optional, if you also want font styles */
+            font-style: var(--shiki-dark-font-style);
+            font-weight: var(--shiki-dark-font-weight);
+            text-decoration: var(--shiki-dark-text-decoration);
+        }
+
+
+        html.dark .shiki {
+            color: var(--shiki-dark) !important;
+            background-color: var(--shiki-dark-bg) !important;
+            font-style: var(--shiki-dark-font-style) !important;
+            font-weight: var(--shiki-dark-font-weight) !important;
+            -webkit-text-decoration: var(--shiki-dark-text-decoration) !important;
+            text-decoration: var(--shiki-dark-text-decoration) !important
+        }
+
+		    html.dark .shiki.has-diff span.diff.add {
+            background-color: rgba(0, 255, 0, 0.05);
+		    }
+
+        .inline-code {
+            background-color: aliceblue;
+            padding: 0.2rem;
+            border-radius: 0.2rem;
+        }
+
+        .shiki {
+            span {
+                white-space: pre-wrap;
+                word-wrap: break-word;
+            }
+
+            &.has-diff {
+                padding-inline-start: 0;
+                padding-inline-end: 0;
+
+                code {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 0.2lh;
+
+                    & > span {
+                        display: flex;
+                        flex-wrap: wrap;
+                        padding-inline-start: 2em;
+                        padding-inline-end: 1em;
+                    }
+                }
+
+                span.diff.remove {
+                    background-color: rgba(255, 0, 0, 0.15);
+
+                    &::before {
+                        display: block;
+                        position: absolute;
+                        content: "-";
+                        margin-inline-start: calc((var(--spacing) * -4) - 2em);
+                        padding-inline-start: 1.75em;
+                        font-weight: bold;
+                        pointer-events: none;
+                    }
+                }
+
+                span.diff.add {
+                    background-color: rgba(0, 255, 0, 0.15);
+
+                    &::before {
+                        display: block;
+                        position: absolute;
+                        content: "+";
+                        margin-inline-start: calc((var(--spacing) * -4) - 2em);
+                        padding-inline-start: 1.75em;
+                        font-weight: bold;
+                        pointer-events: none;
+                    }
+                }
+            }
+        }
+
+        /* region shiki copy button */
+
+        pre:has(code) {
+            position: relative;
+        }
+
+        pre button.copy {
+            position: absolute;
+            right: 16px;
+            top: 16px;
+            height: 28px;
+            width: 28px;
+            padding: 0;
+            display: flex;
+
+            & span {
+                width: 100%;
+                aspect-ratio: 1 / 1;
+                background-repeat: no-repeat;
+                background-position: center;
+                background-size: cover;
+            }
+
+            & .ready {
+                background-image: url("$pkg/assets/icons/icon-copy-light-contrast.svg");
+                /*todo*/
+                /*@variant dark {*/
+                /*    background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");*/
+                /*}*/
+            }
+
+            & .success {
+                display: none;
+                background-image: url("$pkg/assets/icons/icon-check-light-contrast.svg");
+
+                /*todo: migration*/
+                /*@variant dark {*/
+                /*    background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");*/
+                /*}*/
+            }
+
+            &.copied {
+                & .success {
+                    display: block;
+                }
+
+                & .ready {
+                    display: none;
+                }
+            }
+        }
+
+        /* endregion shiki copy button */
+
+        h2 + .pinya-code-block {
+            margin-top: 0.5rlh;
+        }
+    }
 </style>

package/dist/ui/elements/CodeBlock/CodeBlock.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlock.svelte.ts"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA6CvD,kHAAkH;AAClH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CodeBlock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlock.svelte.ts"],"names":[],"mappings":"AAkCA,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"}

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

@@ -132,6 +132,10 @@
 
 <style>
 		:global {
+				.hidden {
+						opacity: 0;
+				}
+
         #header-action-wrapper {
 		        max-height: 2rem;
             display: flex;

package/dist/ui/templates/pinya-base/PinyaBase.svelte

@@ -12,13 +12,14 @@
 	import "../../../styles/app.css";
 	import { onMount, type Snippet } from "svelte";
 	import { Modals } from "svelte-modals";
+	import { getParsnipDataRemote } from "../../../../routes/(pineapple)/pineapple/getParsnipData.remote";
 
 	let { children, fileList = {}, jsonList = {}, parsnipBasePath = "/pineapple" }
 		: {
 		children: Snippet,
-		fileList: Record<string, () => Promise<unknown>>,
-		jsonList: Record<string, unknown>,
-		parsnipBasePath: string
+		fileList?: Record<string, () => Promise<unknown>>,
+		jsonList?: Record<string, unknown>,
+		parsnipBasePath?: string
 	} = $props();
 
 	// https://github.com/sveltejs/kit/issues/1540#issuecomment-2029016082
@@ -46,7 +47,7 @@
 	setSiteLayout(fileBasedList);
 
 	onMount(() => {
-		menuPageServerLoad().then(data => {
+		getParsnipDataRemote().then(data => {
 			fileBasedList.push(...parsePageMetaNested({
 				fileList,
 				jsonList,

package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts

@@ -3,9 +3,9 @@ import "../../../styles/app.css";
 import { type Snippet } from "svelte";
 type $$ComponentProps = {
     children: Snippet;
-    fileList: Record<string, () => Promise<unknown>>;
-    jsonList: Record<string, unknown>;
-    parsnipBasePath: string;
+    fileList?: Record<string, () => Promise<unknown>>;
+    jsonList?: Record<string, unknown>;
+    parsnipBasePath?: string;
 };
 declare const PinyaBase: import("svelte").Component<$$ComponentProps, {}, "">;
 type PinyaBase = ReturnType<typeof PinyaBase>;

package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaBase.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/pinya-base/PinyaBase.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,wBAAwB,CAAC;AAMhC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAG9C,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,eAAe,EAAE,MAAM,CAAA;CACvB,CAAC;AAmGH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"PinyaBase.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/pinya-base/PinyaBase.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,wBAAwB,CAAC;AAMhC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAI9C,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC;AAoGH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte

@@ -0,0 +1 @@
+export const menuPageServerLoadRemote =

package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte.d.ts

@@ -0,0 +1,27 @@
+export default MenuPageServerLoadRemote;
+type MenuPageServerLoadRemote = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const MenuPageServerLoadRemote: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=menuPageServerLoadRemote.remote.svelte.d.ts.map

package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuPageServerLoadRemote.remote.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte.js"],"names":[],"mappings":";;;;;;;;AAeA;;;;mBAAoI;6CATvF,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/util/context/PineappleBaseContext.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { enableUniversalOverlaySvelte4 } from "../..";
 	import {
-		getIgnoreOverlayOverride,
 		setEnableDialogOverlayContext,
 		setEnableDialogPreferenceContext,
 		setEnablePortraitContext,
@@ -36,12 +35,12 @@
 
 	let enableDialog = $state({ value: enableDialogPrefStore.value });
 	setEnableDialogOverlayContext(enableDialog);
-	setIgnoreOverlayOverride(true);
-	let ignoreOverlaySet = getIgnoreOverlayOverride();
+	let ignoreOverlaySet = $state({ value: true });
+	setIgnoreOverlayOverride(ignoreOverlaySet);
 	onMount(() => {
 		enableUniversalOverlaySvelte4.subscribe((value) => {
-			if (ignoreOverlaySet) {
-				ignoreOverlaySet = false;
+			if (ignoreOverlaySet.value) {
+				ignoreOverlaySet.value = false;
 				// force initial value?
 				enableUniversalOverlaySvelte4.set(enableDialogPrefStore.value);
 				enableDialog.value = enableDialogPrefStore.value;

package/dist/util/context/PineappleBaseContext.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"AAoEA,QAAA,MAAM,oBAAoB;cAjD8B,GAAG;UAiDO,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"AAmEA,QAAA,MAAM,oBAAoB;cAjD8B,GAAG;UAiDO,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/util/context/pineappleBaseContextDefinitions.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { OverlayType, PageMeta } from "../..";
+import { type OverlayType, type PageMeta } from "../..";
 import { type LocalStore } from "../localStore.svelte";
 export declare const getEnablePortraitContext: () => LocalStore<boolean>, setEnablePortraitContext: (context: LocalStore<boolean>) => LocalStore<boolean>;
 export declare const getEnableDialogPreferenceContext: () => LocalStore<boolean>, setEnableDialogPreferenceContext: (context: LocalStore<boolean>) => LocalStore<boolean>;
@@ -10,6 +10,20 @@ export declare const getEnableDialogOverlayContext: () => {
     value: boolean;
 };
 export declare const getOverlayTypeContext: () => LocalStore<OverlayType>, setOverlayTypeContext: (context: LocalStore<OverlayType>) => LocalStore<OverlayType>;
-export declare const getIgnoreOverlayOverride: () => boolean, setIgnoreOverlayOverride: (context: boolean) => boolean;
+export declare const getIgnoreOverlayOverride: () => {
+    value: boolean;
+}, setIgnoreOverlayOverride: (context: {
+    value: boolean;
+}) => {
+    value: boolean;
+};
 export declare const getSiteLayout: () => PageMeta[], setSiteLayout: (context: PageMeta[]) => PageMeta[];
+/**
+ * useful for on-start dialog appearance
+ *
+ * use on onMount
+ *
+ * @param value
+ */
+export declare const forceSetDialog: (value: boolean) => void;
 //# sourceMappingURL=pineappleBaseContextDefinitions.svelte.d.ts.map

package/dist/util/context/pineappleBaseContextDefinitions.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pineappleBaseContextDefinitions.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/pineappleBaseContextDefinitions.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAClD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAG9D,eAAO,MAAO,wBAAwB,6BAAE,wBAAwB,uDAAwC,CAAC;AACzG,eAAO,MAAO,gCAAgC,6BAAE,gCAAgC,uDAAwC,CAAC;AAIzH,eAAO,MAAO,6BAA6B;WAAyD,OAAO;GAA9D,6BAA6B;WAA0B,OAAO;;WAAP,OAAO;CAAI,CAAC;AAEhH,eAAO,MAAO,qBAAqB,iCAAE,qBAAqB,+DAA4C,CAAC;AACvG,eAAO,MAAO,wBAAwB,iBAAE,wBAAwB,+BAA4B,CAAC;AAC7F,eAAO,MAAO,aAAa,oBAAE,aAAa,qCAA+B,CAAC"}
+{"version":3,"file":"pineappleBaseContextDefinitions.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/pineappleBaseContextDefinitions.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,MAAM,CAAC;AACtF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAG9D,eAAO,MAAO,wBAAwB,6BAAE,wBAAwB,uDAAwC,CAAC;AACzG,eAAO,MAAO,gCAAgC,6BAAE,gCAAgC,uDAAwC,CAAC;AAIzH,eAAO,MAAO,6BAA6B;WAAyD,OAAO;GAA9D,6BAA6B;WAA0B,OAAO;;WAAP,OAAO;CAAI,CAAC;AAEhH,eAAO,MAAO,qBAAqB,iCAAE,qBAAqB,+DAA4C,CAAC;AACvG,eAAO,MAAO,wBAAwB;WAAqD,OAAO;GAA1D,wBAAwB;WAA2B,OAAO;;WAAP,OAAO;CAAK,CAAC;AACxG,eAAO,MAAO,aAAa,oBAAE,aAAa,qCAA+B,CAAC;AAE1E;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,SAI5C,CAAA"}

package/dist/util/context/pineappleBaseContextDefinitions.svelte.js

@@ -1,3 +1,4 @@
+import { enableUniversalOverlaySvelte4 } from "../..";
 import {} from "../localStore.svelte";
 import { createContext } from "svelte";
 export const [getEnablePortraitContext, setEnablePortraitContext] = createContext();
@@ -8,3 +9,15 @@ export const [getEnableDialogOverlayContext, setEnableDialogOverlayContext] = cr
 export const [getOverlayTypeContext, setOverlayTypeContext] = createContext();
 export const [getIgnoreOverlayOverride, setIgnoreOverlayOverride] = createContext();
 export const [getSiteLayout, setSiteLayout] = createContext();
+/**
+ * useful for on-start dialog appearance
+ *
+ * use on onMount
+ *
+ * @param value
+ */
+export const forceSetDialog = (value) => {
+    const ignoreOverride = getIgnoreOverlayOverride();
+    ignoreOverride.value = false;
+    enableUniversalOverlaySvelte4.set(value);
+};

package/package.json

@@ -1,17 +1,21 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "5.0.0-alpha.11",
+  "version": "5.0.0-alpha.13",
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@eslint/compat": "^1.4.1",
     "@eslint/js": "^9.39.2",
+    "@inlang/paraglide-js": "~2.4.0",
+    "@prisma/client": "^5.22.0",
     "@sveltejs/adapter-cloudflare": "^7.2.6",
+    "@sveltejs/kit": "2.49.5",
     "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@types/htmlparser2": "^3.10.7",
     "@types/mdast": "^4.0.4",
-    "@types/node": "^20.19.30",
+    "@types/node": "^20.19.31",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-svelte": "^3.14.0",
@@ -29,25 +33,22 @@
     "publint": "^0.2.12",
     "sass": "^1.97.3",
     "string-width": "^7.2.0",
-    "svelte": "^5.49.1",
+    "svelte": "^5.49.2",
     "svelte-check": "^4.3.6",
     "svelte2tsx": "^0.7.47",
     "ts-node": "^10.9.2",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.54.0",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "vite": "^7.3.1",
-    "wrangler": "4.59.1",
-    "@sveltejs/kit": "2.49.5",
-    "@inlang/paraglide-js": "~2.4.0",
-    "@prisma/client": "^5.22.0"
+    "wrangler": "4.59.1"
   },
   "dependencies": {
     "melt": "^0.44.0",
     "mode-watcher": "^0.5.1",
     "shiki": "^3.22.0",
     "shiki-transformer-copy-button": "0.0.3",
+    "@shikijs/transformers": "^3.22.0",
     "svelte-modals": "^2.0.1"
   },
   "peerDependencies": {

package/src/lib/styles/app.css

@@ -76,88 +76,6 @@ a.external-link {
     }
 }
 
-/*https://shiki.style/guide/dual-themes*/
-html.dark .shiki,
-html.dark .shiki span {
-    color: var(--shiki-dark) !important;
-    background-color: var(--shiki-dark-bg) !important;
-    /* Optional, if you also want font styles */
-    font-style: var(--shiki-dark-font-style) !important;
-    font-weight: var(--shiki-dark-font-weight) !important;
-    text-decoration: var(--shiki-dark-text-decoration) !important;
-}
-
-.inline-code {
-    background-color: aliceblue;
-    padding: 0.2rem;
-    border-radius: 0.2rem;
-}
-
-html.dark .inline-code {
-    background-color: #303446;
-}
-
-.shiki {
-    span {
-        white-space: pre-wrap;
-        word-wrap: break-word;
-    }
-}
-
-/* region shiki copy button */
-pre:has(code) {
-    position: relative;
-}
-
-pre button.copy {
-    position: absolute;
-    right: 16px;
-    top: 16px;
-    height: 28px;
-    width: 28px;
-    padding: 0;
-    display: flex;
-
-    & span {
-        width: 100%;
-        aspect-ratio: 1 / 1;
-        background-repeat: no-repeat;
-        background-position: center;
-        background-size: cover;
-    }
-
-    & .ready {
-        background-image: url("$pkg/assets/icons/icon-copy-light-contrast.svg");
-        /*todo*/
-        /*@variant dark {*/
-        /*    background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");*/
-        /*}*/
-    }
-
-    & .success {
-        display: none;
-        background-image: url("$pkg/assets/icons/icon-check-light-contrast.svg");
-
-        /*todo: migration*/
-        /*@variant dark {*/
-        /*    background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");*/
-        /*}*/
-    }
-
-    &.copied {
-        & .success {
-            display: block;
-        }
-
-        & .ready {
-            display: none;
-        }
-    }
-}
-
-/* endregion shiki copy button */
-
-
 ul + h2, ol + h2 {
     margin-top: 1rlh;
 }