@turnipxenon/pineapple 4.4.1 → 4.5.0-alpha.1

package/dist/components/dialog_manager/DialogManager.js

@@ -163,7 +163,7 @@ export class DialogManager {
         // set the portrait
         let portraitValue = AresHappy;
         if (this.currentMessageMeta.portraitType) {
-            portraitValue = this.portraitMap.get(this.currentMessageMeta.portraitType ?? AresHappy);
+            portraitValue = this.portraitMap.get(this.currentMessageMeta.portraitType ?? AresHappy) ?? '';
         }
         if (portraitValue) {
             this.currentPortrait.update(() => portraitValue);

package/dist/modules/parsnip/ParsnipHeading.svelte

@@ -1,21 +1,20 @@
-<script lang="ts">
-	import ParsnipBlockChildren from "./ParsnipBlockChildren.svelte";
-	import ParsnipPhrasingChildren from "./ParsnipPhrasingChildren.svelte";
-	import type { Heading } from "mdast";
-
-	const { heading }: { heading: Heading } = $props();
-</script>
-
-{#if heading.depth === 1}
-	<h2><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h2>
-{:else if heading.depth === 2}
-	<h3><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h3>
-{:else if heading.depth === 3}
-	<h4><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h4>
-{:else if heading.depth === 4}
-	<h5><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h5>
-{:else if heading.depth === 5}
-	<h6><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h6>
-{:else if heading.depth === 6}
-	<p><ParsnipPhrasingChildren phrasingChildren={heading.children}/></p>
-{/if}
+<script lang="ts">
+	import ParsnipPhrasingChildren from "./ParsnipPhrasingChildren.svelte";
+	import type { Heading } from "mdast";
+
+	const { heading }: { heading: Heading } = $props();
+</script>
+
+{#if heading.depth === 1}
+	<h2><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h2>
+{:else if heading.depth === 2}
+	<h3><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h3>
+{:else if heading.depth === 3}
+	<h4><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h4>
+{:else if heading.depth === 4}
+	<h5><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h5>
+{:else if heading.depth === 5}
+	<h6><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h6>
+{:else if heading.depth === 6}
+	<p><ParsnipPhrasingChildren phrasingChildren={heading.children}/></p>
+{/if}

package/dist/ui/components/ModalBase.svelte

@@ -18,9 +18,9 @@
 		close
 	}: ModalBaseProps = $props();
 
-	let container: HTMLDivElement;
+	let container = $state<HTMLDivElement>();
 	onMount(() => {
-		const focusableElement = container.querySelector('input, select, textarea, button, object, a, area[href], [tabindex]');
+		const focusableElement = container?.querySelector('input, select, textarea, button, object, a, area[href], [tabindex]');
 		if (focusableElement) {
 			(focusableElement as HTMLElement).focus();
 		}
@@ -72,4 +72,4 @@
     .interactable {
         pointer-events: auto;
     }
-</style>
+</style>

package/dist/ui/components/SocialSection.svelte

@@ -54,7 +54,8 @@
 	<PinyaButton
 		buttonVariant={ButtonVariant.SmallIcon}
 		title={`mailto:${email}`}
-		onclick={() => window.open(`mailto:${email}`)}>
+		onclick={() => window.open(`mailto:${email}`)}
+	>
 		<ImageIcon src={MailIcon} alt="mail icon" />
 		{#if (!isSmallVersion)}
 			<span>{email}</span>
@@ -89,4 +90,4 @@
         gap: 0.7rem;
 		    align-items: stretch;
     }
-</style>
+</style>

package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte.d.ts

@@ -1,8 +1,15 @@
 import type { PinyaComboboxProps } from "./PinyaComboboxProps";
+declare function $$render<T extends string>(): {
+    props: PinyaComboboxProps<T>;
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
 declare class __sveltets_Render<T extends string> {
-    props(): PinyaComboboxProps<T>;
-    events(): {};
-    slots(): {};
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "value";
     exports(): {};
 }

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

@@ -1,7 +1,7 @@
 import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 declare const key = "Hepcat";
 export { component, key };
-declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 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;

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

@@ -1,7 +1,7 @@
 import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 declare const key = "Pengi";
 export { component, key };
-declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 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;

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

@@ -1,7 +1,7 @@
 import type { ProjectComponentProps } from "../../templates/SeaweedLayout";
+declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 declare const key = "Soulwork";
 export { component, key };
-declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 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;

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

@@ -1,7 +1,7 @@
 import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 declare const key = "This Webpage";
 export { component, key };
-declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;
 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;

package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte

@@ -77,8 +77,4 @@
         gap: 0.5lh;
 		    margin-top: 1lh;
     }
-
-    .send-link {
-        margin-top: 0.75lh;
-    }
-</style>
+</style>

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte

@@ -220,42 +220,10 @@
 
 
 <style>
-
-
-    .advanced-setting-list {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .btn-group-header {
-        @apply preset-filled-tertiary-500;
-        display: flex;
-        align-items: center;
-        margin-bottom: 0.5lh;
-    }
-
-    .btn-group-entry {
-        @apply ;
-        display: flex;
-        padding: 0;
-    }
-
-    .btn-group-entry > div {
-        padding: 1em;
-    }
-
     .flipped-vertically {
         transform: rotate(180deg);
     }
 
-    .entry-group {
-        border-radius: var(--theme-rounded-container);
-        background-color: rgb(var(--color-surface-600));
-        margin-top: 1.5lh;
-        margin-bottom: 0.5lh;
-        padding: 0.5lh 0.5em;
-    }
-
     .entry-name {
         grow: 1;
     }
@@ -272,27 +240,6 @@
         display: flex;
     }
 
-    .btn-group > button {
-        padding: 0.3em 0.75em;
-    }
-
-    .btn-group-header > h2 {
-        font-weight: bolder;
-        padding-top: 1lh;
-        padding-bottom: 1lh;
-        margin-bottom: 0;
-        padding-inline-start: 1em;
-    }
-
-    .dark .btn-group-header > h2 {
-        color: rgb(var(--theme-font-color-dark));
-    }
-
-    .dark .entry-group {
-        background-color: rgb(var(--color-surface-800));
-    }
-
-
     tbody tr:nth-child(odd) {
         background-color: var(--color-surface-100-900);
     }

package/package.json

@@ -1,29 +1,13 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "4.4.1",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && yarn package",
-    "package": "svelte-kit sync && svelte-package && publint",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --plugin-search-dir . --check . && eslint .",
-    "format": "prettier --plugin-search-dir . --write .",
-    "generate": "npx vite-node src/routes/blogs/blog_list_data_generator.ts && npx vite-node src/routes/toyay/toya_files_generator.ts && npm run generate-yarn",
-    "generate-yarn": "npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts",
-    "custom-check": "npx vite-node src/lib/scripts/util/ManualCheckRun.ts",
-    "preview": "vite preview",
-    "prepublishOnly": "yarn package",
-    "to-dev": "git checkout main && git pull origin main && git branch -d turnip/dev && git checkout -b turnip/dev",
-    "prepare": "husky"
-  },
+  "version": "4.5.0-alpha.1",
   "devDependencies": {
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
     "@eslint/compat": "^1.2.5",
     "@eslint/js": "^9.18.0",
-    "@sveltejs/adapter-auto": "^4.0.0",
+    "@sveltejs/adapter-cloudflare": "^7.2.4",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "eslint": "^9.18.0",
@@ -43,13 +27,14 @@
     "tslib": "^2.4.1",
     "typescript": "^5.5.0",
     "typescript-eslint": "^8.20.0",
-    "vite": "^5.4.4"
+    "vite": "^5.4.4",
+    "wrangler": "^4.42.2"
   },
   "dependencies": {
     "@inlang/paraglide-js": "2.0.0-beta.30",
     "@prisma/client": "^5.12.1",
     "@skeletonlabs/skeleton": "^3.1.0",
-    "@skeletonlabs/skeleton-svelte": "^1.0.0",
+    "@skeletonlabs/skeleton-svelte": "1.0.0",
     "@sveltejs/kit": "^2.5.27",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tailwindcss/vite": "^4.0.14",
@@ -88,9 +73,7 @@
     "./templates": {
       "types": "./dist/ui/templates/index.d.ts",
       "svelte": "./dist/ui/templates/index.js"
-    },
-    "./app.postcss": "./src/lib/app.postcss",
-    "./theme.postcss": "./src/lib/theme.postcss"
+    }
   },
   "files": [
     "dist",
@@ -105,5 +88,20 @@
   "license": "MIT",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "type": "module"
-}
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "eslint .",
+    "format": "prettier --plugin-search-dir . --write .",
+    "generate": "npx vite-node src/routes/blogs/blog_list_data_generator.ts && npx vite-node src/routes/toyay/toya_files_generator.ts && npm run generate-yarn",
+    "generate-yarn": "npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts",
+    "custom-check": "npx vite-node src/lib/scripts/util/ManualCheckRun.ts",
+    "preview": "pnpm run build && wrangler dev",
+    "deploy": "pnpm run build && wrangler deploy",
+    "cf-typegen": "wrangler types ./src/worker-configuration.d.ts"
+  }
+}

package/dist/.gitignore

@@ -1 +0,0 @@
-server-temp

package/dist/paraglide/messages/_index.d.ts

@@ -1,2 +0,0 @@
-export * from "./example_message.js";
-export * from "./settings.js";

package/dist/paraglide/messages/_index.js

@@ -1,3 +0,0 @@
-// eslint-disable
-export * from './example_message.js'
-export * from './settings.js'

package/dist/paraglide/messages/example_message.d.ts

@@ -1,5 +0,0 @@
-export function example_message(inputs: {
-    username: NonNullable<unknown>;
-}, options?: {
-    locale?: "en" | "fr" | "tl";
-}): string;

package/dist/paraglide/messages/example_message.js

@@ -1,39 +0,0 @@
-// eslint-disable
-import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
-
-const en_example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
-	return `Hello world ${i.username}`
-};
-
-const fr_example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
-	return `Bonjour ${i.username}`
-};
-
-const tl_example_message = /** @type {(inputs: { username: NonNullable<unknown> }) => string} */ (i) => {
-	return `Kamusta ${i.username}`
-};
-
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-* 
-* @param {{ username: NonNullable<unknown> }} inputs
-* @param {{ locale?: "en" | "fr" | "tl" }} options
-* @returns {string}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-export const example_message = (inputs, options = {}) => {
-	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.example_message(inputs) 
-	}
-	const locale = options.locale ?? getLocale()
-	trackMessageCall("example_message", locale)
-	if (locale === "en") return en_example_message(inputs)
-	if (locale === "fr") return fr_example_message(inputs)
-	if (locale === "tl") return tl_example_message(inputs)
-	return "example_message"
-};

package/dist/paraglide/messages/settings.d.ts

@@ -1,3 +0,0 @@
-export function settings(inputs?: {}, options?: {
-    locale?: "en" | "fr" | "tl";
-}): string;

package/dist/paraglide/messages/settings.js

@@ -1,38 +0,0 @@
-// eslint-disable
-import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
-
-const en_settings = /** @type {(inputs: {}) => string} */ () => {
-	return `Settings`
-};
-
-const fr_settings = /** @type {(inputs: {}) => string} */ () => {
-	return `Paramètres`
-};
-
-/** @type {(inputs: {}) => string} */
-const tl_settings = en_settings;
-
-/**
-* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
-*
-* - Changing this function will be over-written by the next build.
-*
-* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
-* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
-* 
-* @param {{}} inputs
-* @param {{ locale?: "en" | "fr" | "tl" }} options
-* @returns {string}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-export const settings = (inputs = {}, options = {}) => {
-	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
-		return /** @type {any} */ (globalThis).__paraglide_ssr.settings(inputs) 
-	}
-	const locale = options.locale ?? getLocale()
-	trackMessageCall("settings", locale)
-	if (locale === "en") return en_settings(inputs)
-	if (locale === "fr") return fr_settings(inputs)
-	if (locale === "tl") return tl_settings(inputs)
-	return "settings"
-};

package/dist/paraglide/messages.d.ts

@@ -1,2 +0,0 @@
-export * from "./messages/_index.js";
-export * as m from "./messages/_index.js";

package/dist/paraglide/messages.js

@@ -1,4 +0,0 @@
-// eslint-disable
-export * from './messages/_index.js'
-// enabling auto-import by exposing all messages as m
-export * as m from './messages/_index.js'

package/dist/paraglide/registry.d.ts

@@ -1,21 +0,0 @@
-/**
- * @param {import("./runtime.js").Locale} locale
- * @param {unknown} input
- * @param {Intl.PluralRulesOptions} [options]
- * @returns {string}
- */
-export function plural(locale: import("./runtime.js").Locale, input: unknown, options?: Intl.PluralRulesOptions): string;
-/**
- * @param {import("./runtime.js").Locale} locale
- * @param {unknown} input
- * @param {Intl.NumberFormatOptions} [options]
- * @returns {string}
- */
-export function number(locale: import("./runtime.js").Locale, input: unknown, options?: Intl.NumberFormatOptions): string;
-/**
- * @param {import("./runtime.js").Locale} locale
- * @param {unknown} input
- * @param {Intl.DateTimeFormatOptions} [options]
- * @returns {string}
- */
-export function datetime(locale: import("./runtime.js").Locale, input: unknown, options?: Intl.DateTimeFormatOptions): string;

package/dist/paraglide/registry.js

@@ -1,31 +0,0 @@
-// eslint-disable
-
-/**
- * @param {import("./runtime.js").Locale} locale
- * @param {unknown} input
- * @param {Intl.PluralRulesOptions} [options]
- * @returns {string}
- */
-export function plural(locale, input, options) { 
-	return new Intl.PluralRules(locale, options).select(Number(input))
-};
-
-/**
- * @param {import("./runtime.js").Locale} locale
- * @param {unknown} input
- * @param {Intl.NumberFormatOptions} [options]
- * @returns {string}
- */
-export function number(locale, input, options) {
-	return new Intl.NumberFormat(locale, options).format(Number(input))
-};
-
-/**
- * @param {import("./runtime.js").Locale} locale
- * @param {unknown} input
- * @param {Intl.DateTimeFormatOptions} [options]
- * @returns {string}
- */
-export function datetime(locale, input, options) {
-	return new Intl.DateTimeFormat(locale, options).format(new Date(/** @type {string} */ (input)))
-};