@turnipxenon/pineapple 5.0.0-alpha.9 → 5.1.0

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

@@ -1,21 +1,23 @@
-import { getContext, setContext } from "svelte";
-const enablePortraitKey = Symbol("enable-portrait");
-const enableDialogPreferenceKey = Symbol("enable-dialog-preference");
-const enableDialogOverlayKey = Symbol("enable-dialog-overlay");
-const overlayTypeKey = Symbol("overlay-type");
-const ignoreOverlayOverrideKey = Symbol("ignore-overlay-override");
-const siteLayoutKey = Symbol("site-layout");
-export const getEnablePortraitContext = () => getContext(enablePortraitKey);
-export const setEnablePortraitContext = (value) => setContext(enablePortraitKey, value);
-export const getEnableDialogPreferenceContext = () => getContext(enableDialogPreferenceKey);
-export const setEnableDialogPreferenceContext = (value) => setContext(enableDialogPreferenceKey, value);
+import { enableUniversalOverlaySvelte4 } from "../..";
+import {} from "../localStore.svelte";
+import { createContext } from "svelte";
+export const [getEnablePortraitContext, setEnablePortraitContext] = createContext();
+export const [getEnableDialogPreferenceContext, setEnableDialogPreferenceContext] = createContext();
 // note to self: proper two way binding is seen with the variables below
 // see https://svelte.dev/docs/svelte/context#Using-context-with-state
-export const getEnableDialogOverlayContext = () => getContext(enableDialogOverlayKey);
-export const setEnableDialogOverlayContext = (value) => setContext(enableDialogOverlayKey, value);
-export const getOverlayTypeContext = () => getContext(overlayTypeKey);
-export const setOverlayTypeContext = (value) => setContext(overlayTypeKey, value);
-export const getIgnoreOverlayOverride = () => getContext(ignoreOverlayOverrideKey);
-export const setIgnoreOverlayOverride = (value) => setContext(ignoreOverlayOverrideKey, value);
-export const getSiteLayout = () => getContext(siteLayoutKey);
-export const setSiteLayout = (value) => setContext(siteLayoutKey, value);
+export const [getEnableDialogOverlayContext, setEnableDialogOverlayContext] = createContext();
+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/dist/util/getParsnipData.remote.d.ts

@@ -0,0 +1,12 @@
+export declare const getParsnipDataRemote: import("@sveltejs/kit").RemoteQueryFunction<void, {
+    parsnipOverall: {
+        files: never[];
+        tags: never[];
+        baseUrl: any;
+    };
+} | {
+    parsnipOverall: import("../modules/parsnip/ParsnipOverall").ParsnipOverall;
+} | {
+    parsnipOverall?: undefined;
+}>;
+//# sourceMappingURL=getParsnipData.remote.d.ts.map

package/dist/util/getParsnipData.remote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getParsnipData.remote.d.ts","sourceRoot":"","sources":["getParsnipData.remote.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;EAA4B,CAAA"}

package/dist/util/getParsnipData.remote.js

@@ -0,0 +1,3 @@
+import { query } from "$app/server";
+import { menuPageServerLoad } from "..";
+export const getParsnipDataRemote = query(menuPageServerLoad);

package/dist/util/localStore.svelte.d.ts

@@ -1,10 +1,17 @@
 import type { OverlayType } from "..";
-import { type Writable } from "svelte/store";
-export type LocalStore<T> = Writable<T>;
+export declare class LocalStore<T> {
+    value: T;
+    key: string;
+    valueType: "undefined" | "object" | "boolean" | "number" | "string" | "function" | "symbol" | "bigint";
+    defaultValue: T;
+    constructor(key: string, defaultValue: T);
+    serialize(value: T): string;
+    deserialize(item: string): T;
+}
 export interface LocalStoreRestriction {
     "enable-portrait": boolean;
     "enable-dialog-preference": boolean;
     "overlay-type": OverlayType;
 }
-export declare const createLocalStore: <k extends keyof LocalStoreRestriction>(key: k) => Writable<Readonly<LocalStoreRestriction>[k]>;
+export declare const createLocalStore: <k extends keyof LocalStoreRestriction>(key: k) => LocalStore<Readonly<LocalStoreRestriction>[k]>;
 //# sourceMappingURL=localStore.svelte.d.ts.map

package/dist/util/localStore.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"localStore.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/util/localStore.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKvD,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;AAExC,MAAM,WAAW,qBAAqB;IACrC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,0BAA0B,EAAE,OAAO,CAAC;IACpC,cAAc,EAAE,WAAW,CAAC;CAC5B;AAQD,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,qBAAqB,EAAE,KAAK,CAAC,iDAqD7E,CAAC"}
+{"version":3,"file":"localStore.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/util/localStore.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAOxC,qBAAa,UAAU,CAAC,CAAC;IACxB,KAAK,EAAkB,CAAC,CAAC;IACzB,GAAG,SAAM;IACT,SAAS,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvG,YAAY,EAAE,CAAC,CAAC;gBAEJ,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;IAmCxC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM;IAQ3B,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC;CAc5B;AAED,MAAM,WAAW,qBAAqB;IACrC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,0BAA0B,EAAE,OAAO,CAAC;IACpC,cAAc,EAAE,WAAW,CAAC;CAC5B;AAQD,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,qBAAqB,EAAE,KAAK,CAAC,mDAE7E,CAAC"}

package/dist/util/localStore.svelte.js

@@ -1,27 +1,51 @@
 /** from https://www.reddit.com/r/sveltejs/comments/1d43d8p/svelte_5_runes_with_localstorage_thanks_to_joy_of/ */
 import { browser } from "$app/environment";
-import { writable } from "svelte/store";
 // const localConsole = console;
 const localConsole = undefined;
-const localStoreDefault = {
-    "enable-portrait": true,
-    "enable-dialog-preference": true,
-    "overlay-type": "dialog"
-};
-export const createLocalStore = (key) => {
-    const defaultValue = localStoreDefault[key];
-    const valueType = typeof defaultValue;
-    const store = writable(defaultValue);
-    const storageKey = `pinya-local-${key}`;
-    const serialize = (value) => {
-        if (valueType !== "object") {
-            return `${value}`;
+export class LocalStore {
+    constructor(key, defaultValue) {
+        this.value = $state();
+        this.key = "";
+        this.key = key;
+        this.defaultValue = defaultValue;
+        this.value = defaultValue;
+        this.valueType = typeof defaultValue;
+        let localStorageState = $state('initial');
+        if (browser) {
+            const item = localStorage.getItem(`pinya-local-${key}`);
+            if (item) {
+                this.value = this.deserialize(item);
+                localConsole === null || localConsole === void 0 ? void 0 : localConsole.log(`initializing initial ${this.key}: ${this.value}`);
+            }
+            localStorageState = 'accessed';
+        }
+        $effect(() => {
+            localConsole === null || localConsole === void 0 ? void 0 : localConsole.log(`updating ${this.key}: ${this.value}`);
+            switch (localStorageState) {
+                case "initial":
+                    // completely ignore all next changes
+                    break;
+                case "accessed":
+                    // for the initial change, we ignore it but allow the next changes to be writable
+                    localStorageState = 'writable';
+                    localConsole === null || localConsole === void 0 ? void 0 : localConsole.log(`setting writable for ${this.key}`);
+                    break;
+                case "writable":
+                    localStorage.setItem(`pinya-local-${this.key}`, this.serialize(this.value));
+                    localConsole === null || localConsole === void 0 ? void 0 : localConsole.log(`initializing after ${this.key}: ${this.value}`);
+                    break;
+            }
+        });
+    }
+    serialize(value) {
+        if (this.valueType !== "object") {
+            return value;
         }
         return JSON.stringify(value);
-    };
-    const deserialize = (item) => {
+    }
+    deserialize(item) {
         localConsole === null || localConsole === void 0 ? void 0 : localConsole.log(`deserializing item ${item}`);
-        if (valueType === "string") {
+        if (this.valueType === "string") {
             localConsole === null || localConsole === void 0 ? void 0 : localConsole.log(`deserializing string ${item}`);
             return item;
         }
@@ -30,27 +54,21 @@ export const createLocalStore = (key) => {
         }
         catch (error) {
             console.error(error);
-            return defaultValue;
-        }
-    };
-    if (browser) {
-        const item = localStorage.getItem(storageKey);
-        if (item) {
-            store.set(deserialize(item));
-            localConsole === null || localConsole === void 0 ? void 0 : localConsole.log(`initializing initial ${storageKey}: ${item}`);
+            return this.defaultValue;
         }
     }
-    let skipWrite = true;
-    store.subscribe((value) => {
-        if (!browser) {
-            return;
-        }
-        if (skipWrite) {
-            skipWrite = false;
-            return;
-        }
-        localStorage.setItem(storageKey, serialize(value));
-        localConsole === null || localConsole === void 0 ? void 0 : localConsole.log(`initializing after ${storageKey}: ${value}`);
-    });
-    return store;
+}
+const localStoreDefault = {
+    "enable-portrait": true,
+    "enable-dialog-preference": true,
+    "overlay-type": 'dialog',
+};
+export const createLocalStore = (key) => {
+    return new LocalStore(key, localStoreDefault[key]);
 };
+// export const createAllLocalStore = () => {
+// 	let enablePortrait = $state(createLocalStore('enablePortrait'));
+// 	return {
+// 		enablePortrait
+// 	}
+// }

package/dist/util/util.js

@@ -7,7 +7,7 @@ export const generatedDailySeed = () => {
 // from https://stackoverflow.com/a/47593316
 export const mulberry32Generator = (a) => {
     return function () {
-        var t = (a += 0x6d2b79f5);
+        let t = (a += 0x6d2b79f5);
         t = Math.imul(t ^ (t >>> 15), t | 1);
         t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
         return ((t ^ (t >>> 14)) >>> 0) / 4294967296;

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.9",
+  "version": "5.1.0",
   "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,21 +33,18 @@
     "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": {
+    "@shikijs/transformers": "^3.22.0",
     "melt": "^0.44.0",
     "mode-watcher": "^0.5.1",
     "shiki": "^3.22.0",
@@ -60,6 +61,12 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./remote": {
+      "types": "./dist/remoteIndex.remote.d.ts",
+      "svelte": "./dist/remoteIndex.remote.js",
+      "import": "./dist/remoteIndex.remote.js",
+      "default": "./dist/remoteIndex.remote.js"
+    },
     "./components": {
       "types": "./dist/ui/components/index.d.ts",
       "svelte": "./dist/ui/components/index.js",
@@ -87,6 +94,8 @@
   },
   "files": [
     "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*",
     "src/lib/styles/app.css",
     "src/lib/theme.css"
   ],

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;
 }