@turnipxenon/pineapple 3.0.0-alpha.8 → 3.0.0

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

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    isCircle?: boolean;
+    classes?: string;
+};
+declare const Placeholder: import("svelte").Component<$$ComponentProps, {}, "">;
+type Placeholder = ReturnType<typeof Placeholder>;
+export default Placeholder;

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

@@ -6,6 +6,6 @@ export * from "./GeneralUIProps";
 export * from "./OnBackground";
 export * from "./pinya-card/index";
 export * from "./WrapperProps";
-export * from "./pinya-button/index";
+export * from "./PinyaButton/index";
 export * from "./text-chip";
 export * from "./CodeBlock";

package/dist/ui/elements/index.js

@@ -6,6 +6,6 @@ export * from "./GeneralUIProps";
 export * from "./OnBackground";
 export * from "./pinya-card/index";
 export * from "./WrapperProps";
-export * from "./pinya-button/index";
+export * from "./PinyaButton/index";
 export * from "./text-chip";
 export * from "./CodeBlock";

package/dist/ui/elements/pinya-combobox/PinyaComboboxProps.d.ts

@@ -15,4 +15,5 @@ export interface PinyaComboboxProps<T extends string> {
     onValueChange?: (selectedList: ValueChangeDetails<T>) => void;
     onValueChangeBase?: (selectedList: ValueChangeDetails<T>) => void;
     contentZIndex?: string;
+    disabled?: boolean;
 }

package/dist/ui/modules/modals/general-settings/LanguagePicker.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import { getLocale, localizeHref } from "../../../../paraglide/runtime";
+	import { deLocalizeHref, getLocale, localizeHref } from "../../../../paraglide/runtime";
 	import PinyaCombobox from "../../../elements/pinya-combobox/PinyaCombobox.svelte";
+	import { appState } from "../../../templates/PinyaPageLayout/runes.svelte";
 
 	interface ComboxData {
 		label: string;
@@ -23,9 +24,12 @@
 		const data = comboboxData.find((d) => d.value === e.value[0]);
 		if (data) {
 			selectedCountry = [data.value];
-			location.href = localizeHref("./", { locale: data.value });
+			const pathname = deLocalizeHref(location.href);
+			location.href = localizeHref(pathname, { locale: data.value });
 		}
 	};
+
+	let disabled = $derived(!appState.isLanguagePickerAvailable);
 </script>
 
 <PinyaCombobox
@@ -35,4 +39,5 @@
 	label="Select Language"
 	placeholder="Select Language"
 	{onValueChange}
+	{disabled}
 />

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

@@ -1,10 +1,12 @@
 <script module lang="ts">
 	import HeaderHepCat from "../../../assets/temp/header-hep-cat.mp4";
 	import BitbucketIcon from "../../../assets/icons/bitbucket-icon.svg";
-	import type { ProjectComponentProps } from "../../templates/seaweed-layout/ProjectComponentProps";
-	import { FourPartCard } from "../../components/index.js";
-	import { ButtonVariant, ImageIcon, PinyaButton } from "../../elements/index.js";
-	import { ItchLogoHotLink } from "../../../consts.js";
+	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+	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";
 
 	const key = "Hepcat";
 	export { component, key };

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

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

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

@@ -1,10 +1,12 @@
 <script module lang="ts">
 	import HeaderPengi from "../../../assets/temp/header-pengi.mp4";
 	import GithubIcon from "../../../assets/icons/github-mark.svg";
-	import type { ProjectComponentProps } from "../../templates/index";
-	import { FourPartCard } from "../../components/index.js";
-	import { ButtonVariant, ImageIcon, PinyaButton } from "../../elements/index.js";
-	import { ItchLogoHotLink } from "../../../consts.js";
+	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+	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";
 
 	const key = "Pengi";
 	export { component, key };

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

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

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

@@ -1,10 +1,12 @@
 <script module lang="ts">
-	import HeaderSoulwork from '../../../assets/temp/header-soulwork.mp4';
-	import GithubIcon from '../../../assets/icons/github-mark.svg';
+	import HeaderSoulwork from "../../../assets/temp/header-soulwork.mp4";
+	import GithubIcon from "../../../assets/icons/github-mark.svg";
 	import type { ProjectComponentProps } from "../../templates/index";
-	import { FourPartCard } from "../../components/index";
-	import { ButtonVariant, ImageIcon, PinyaButton } from "../../elements/index.js";
-	import { ItchLogoHotLink } from "../../../consts.js";
+	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";
 
 	const key = "Soulwork";
 	export { component, key };

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

@@ -1,15 +1,16 @@
 <script module lang="ts">
-	import GithubIcon from '../../../assets/icons/github-mark.svg';
-	import ThisWebsiteFootage from '../../../assets/others/seaweed-showcase.mp4';
-	import type { ProjectComponentProps } from '../../templates/seaweed-layout/ProjectComponentProps';
+	import GithubIcon from "../../../assets/icons/github-mark.svg";
+	import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
+	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+	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";
 
-	const key = 'This Webpage';
+	const key = "This Webpage";
 	export { component, key };
 </script>
-<script>
-	import { FourPartCard } from "../../components/index";
-	import { ButtonVariant, ImageIcon, PinyaButton, TextChip } from "../../elements/index.js";
-</script>
 
 {#snippet component(props: ProjectComponentProps)}
 	<FourPartCard>

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

@@ -1,4 +1,4 @@
-import type { ProjectComponentProps } from '../../templates/seaweed-layout/ProjectComponentProps';
+import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 declare const key = "This Webpage";
 export { component, key };
 declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;

package/dist/ui/modules/seaweed/ChumBucket.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import { type PageMeta } from "../../..";
+	import { type PageMeta } from "../../../components/navigation_component/index";
 	import { onMount } from "svelte";
+	import Placeholder from "../../elements/Placeholder.svelte";
 
 	let hasTriedGettingChumBucket = $state(false);
 	let pageMetaList: PageMeta[] = $state([]);
@@ -27,7 +28,7 @@
 
 	<div class="chum-bucket-grid">
 		{#if hasTriedGettingChumBucket}
-			{#each pageMetaList as pageMeta}
+			{#each pageMetaList as pageMeta (pageMeta.title)}
 				<div class="chum-bucket-item">
 					{#if pageMeta.imageUrl}
 						<img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
@@ -48,8 +49,8 @@
 				</div>
 			{/each}
 		{:else}
-			{#each { length: 10 } as _}
-				<div class="placeholder"></div>
+			{#each { length: 10 } as _, idx (idx)}
+				<Placeholder classes="mb-2" />
 			{/each}
 		{/if}
 	</div>

package/dist/ui/templates/{pinya-page-layout/component.svelte → PinyaPageLayout/PinyaPageLayout.svelte}

@@ -8,7 +8,7 @@
 	import { modals } from "svelte-modals";
 	import GeneralSettingsModal from "../../modules/modals/general-settings/GeneralSettingsModal.svelte";
 	import { localizeHref } from "../../../paraglide/runtime";
-	import { appState } from "..";
+	import { appState } from "./runes.svelte";
 
 	let {
 		children,

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

@@ -0,0 +1,9 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    children: Snippet;
+    appBarLead?: Snippet;
+    footer?: Snippet;
+};
+declare const PinyaPageLayout: import("svelte").Component<$$ComponentProps, {}, "appBarLead">;
+type PinyaPageLayout = ReturnType<typeof PinyaPageLayout>;
+export default PinyaPageLayout;

package/dist/ui/templates/PinyaPageLayout/index.d.ts

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

package/dist/ui/templates/PinyaPageLayout/index.js

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

package/dist/ui/templates/{pinya-page-layout → PinyaPageLayout}/runes.svelte.d.ts

@@ -2,6 +2,7 @@ import type { Snippet } from 'svelte';
 interface AppStore {
     title: string;
     lead?: Snippet;
+    isLanguagePickerAvailable: boolean;
 }
 export declare const appState: AppStore;
 export {};

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

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

package/dist/{template/seaweed → ui/templates/SeaweedLayout}/CreateUrlForm.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { type CreateUrlRequest, CreateUrlResult, jsonToCreateUrlResponse } from "../../types/api/CreateUrl";
+	import { type CreateUrlRequest, CreateUrlResult, jsonToCreateUrlResponse } from "../../../types/api/CreateUrl";
 	import type { ToastContext } from "@skeletonlabs/skeleton-svelte";
 	import { getContext } from "svelte";
 	import type { ToastSettings } from "./ToastSettings";
-	import { PinyaButton } from "../../ui/elements/index";
+	import { PinyaButton } from "../../elements/index";
 
 	export const toast: ToastContext = getContext("toast");
 

package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { ProjectGroup, SnippetMeta } from "../index";
+interface Props {
+    layout: ProjectGroup[];
+    orderUrl: string;
+    allEntries: SnippetMeta[];
+}
+declare const EntryOrderConfig: import("svelte").Component<Props, {}, "layout" | "orderUrl">;
+type EntryOrderConfig = ReturnType<typeof EntryOrderConfig>;
+export default EntryOrderConfig;

package/dist/ui/templates/{seaweed-layout → SeaweedLayout}/ProjectGroupConfig.svelte.d.ts

@@ -9,6 +9,6 @@ interface Props {
 }
 declare const ProjectGroupConfig: import("svelte").Component<Props, {
     toast: ToastContext;
-}, "orderUrl" | "layout">;
+}, "layout" | "orderUrl">;
 type ProjectGroupConfig = ReturnType<typeof ProjectGroupConfig>;
 export default ProjectGroupConfig;

package/dist/ui/templates/{seaweed-layout → SeaweedLayout}/SeaweedLayout.svelte

@@ -2,14 +2,14 @@
 	import { fly } from "svelte/transition";
 	import type { ProjectGroup, SeaweedLayoutProps } from "./props";
 	import ChumBucket from "../../modules/seaweed/ChumBucket.svelte";
-	import { PinyaPageLayout } from "../index";
-	import { SocialSection } from "../../components/index";
+	import { default as PinyaPageLayout } from "../PinyaPageLayout/PinyaPageLayout.svelte";
+	import { default as SocialSection } from "../../components/SocialSection.svelte";
 	import EntryGroup from "./EntryGroup.svelte";
 	import PineappleSwitch from "../../elements/PineappleSwitch.svelte";
 	import { CodeBlock, TextChip } from "../../elements/index";
 	import { SvelteMap } from "svelte/reactivity";
-	import EntryOrderConfig2 from "./EntryOrderConfig2.svelte";
-	import CreateUrlForm from "../../../template/seaweed/CreateUrlForm.svelte";
+	import EntryOrderConfig from "./EntryOrderConfig.svelte";
+	import CreateUrlForm from "./CreateUrlForm.svelte";
 	import { onMount } from "svelte";
 	import { page } from "$app/state";
 
@@ -25,7 +25,7 @@
 	}: SeaweedLayoutProps = $props();
 
 	let actualLayout = $state(layout);
-	let isAdvanceSettingOn = $state(true);
+	let isAdvanceSettingOn = $state(false);
 	let orderUrl = $state("");
 
 	let queryStates = new SvelteMap<string, boolean>(queryTerms.map(term => [term, true]));
@@ -223,11 +223,11 @@
 						{/each}
 					</div>
 
-					<EntryOrderConfig2
+					<EntryOrderConfig
 						bind:layout={actualLayout}
 						bind:orderUrl={orderUrl}
 						allEntries={entryList}
-					></EntryOrderConfig2>
+					></EntryOrderConfig>
 
 					<br>
 					<p>Copy the url below and open a new page with it</p>

package/dist/ui/templates/confirmation-modal/component.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { ConfirmationModalProps } from './props';
-	import { ModalBase } from '../../components';
+	import { default as ModalBase } from '../../components/ModalBase.svelte';
 	import { ColorScheme, PinyaButton } from '../../elements';
 
 	let {

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

@@ -1,4 +1,4 @@
 export { default as PinyaBase } from "./PinyaBase.svelte";
-export * from "./pinya-page-layout";
-export * from "./seaweed-layout";
+export * from "./PinyaPageLayout";
+export * from "./SeaweedLayout";
 export * from "./confirmation-modal";

package/dist/ui/templates/index.js

@@ -1,4 +1,4 @@
 export { default as PinyaBase } from "./PinyaBase.svelte";
-export * from "./pinya-page-layout";
-export * from "./seaweed-layout";
+export * from "./PinyaPageLayout";
+export * from "./SeaweedLayout";
 export * from "./confirmation-modal";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "3.0.0-alpha.8",
+  "version": "3.0.0",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",
@@ -21,13 +21,13 @@
     "@eslint/compat": "^1.2.5",
     "@eslint/js": "^9.18.0",
     "@sveltejs/adapter-auto": "^4.0.0",
-    "@sveltejs/kit": "^2.5.27",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "eslint": "^9.18.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-svelte": "^3.0.0",
     "globals": "^16.0.0",
+    "madge": "^8.0.0",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
@@ -44,6 +44,7 @@
     "@prisma/client": "^5.12.1",
     "@skeletonlabs/skeleton": "^3.1.0",
     "@skeletonlabs/skeleton-svelte": "^1.0.0",
+    "@sveltejs/kit": "^2.5.27",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tailwindcss/vite": "^4.0.14",
     "@types/htmlparser2": "^3.10.7",

package/dist/template/seaweed/ParseQueryTerms.d.ts

@@ -1 +0,0 @@
-export declare const parseQueryTerms: (node: Element, querySet: Set<string>) => void;

package/dist/template/seaweed/ParseQueryTerms.js

@@ -1,23 +0,0 @@
-export const parseQueryTerms = (node, querySet) => {
-    // change all text content to gibberish
-    for (const child of Array.from(node.children)) {
-        if (child.nodeType === Node.ELEMENT_NODE) {
-            parseQueryTerms(child, querySet);
-            // todo: if it's a span and it wraps a word, and qt class then we count that as query
-            // for (const childOfChild of child.childNodes) {
-            // 	if (childOfChild.nodeType === Node.TEXT_NODE && childOfChild.textContent?.trim()) {
-            // 		// todo analyze textcontent
-            // 	}
-            // }
-            // Warning: below is not redundant and is a catch-all
-            // Long-term solution: figure out the correct typing
-            if ((typeof child.className === "string") && child.className?.includes("qt-")) {
-                child.className.split(" ").forEach(c => {
-                    if (c.startsWith("qt-")) {
-                        querySet.add(c);
-                    }
-                });
-            }
-        }
-    }
-};

package/dist/template/seaweed/RunChaos.d.ts

@@ -1 +0,0 @@
-export declare const runChaos: (node: Element) => void;

package/dist/template/seaweed/RunChaos.js

@@ -1,41 +0,0 @@
-const chaoticWordBank = ["niko", "toba", "seal", "aquarium", "ojisan", "baikal"];
-export const runChaos = (node) => {
-    // change all text content to gibberish
-    for (const child of Array.from(node.children)) {
-        if (child.nodeType === Node.ELEMENT_NODE) {
-            runChaos(child);
-            for (const childOfChild of child.childNodes) {
-                if (childOfChild.nodeType === Node.TEXT_NODE && childOfChild.textContent?.trim()) {
-                    const max = childOfChild.textContent.length;
-                    childOfChild.textContent = "";
-                    while (childOfChild.textContent.length < max) {
-                        childOfChild.textContent += (chaoticWordBank[Math.floor(Math.random() * chaoticWordBank.length)] + " ");
-                    }
-                }
-            }
-            // change all links to crouton
-            if (child.hasAttribute("href")) {
-                child.setAttribute("href", "https://crouton.net/");
-            }
-            // change all images to niko if aria != hidden?
-            if (child.hasAttribute("src") && !child.hasAttribute("aria-hidden")) {
-                if (child.hasAttribute("alt")) {
-                    child.setAttribute("src", "https://p.potaufeu.asahi.com/a2b9-p/picture/21583312/5c3310aec77068e24844c663aa62b37c.jpg");
-                }
-                else {
-                    child.setAttribute("src", "https://video.twimg.com/ext_tw_video/1318728494256410624/pu/vid/640x360/TMklz6hiTkQu3xhn.mp4");
-                    child.setAttribute("muted", "true");
-                }
-            }
-            if (child.tagName.trim() === "VIDEO") {
-                child.setAttribute("src", "https://video.twimg.com/ext_tw_video/1318728494256410624/pu/vid/640x360/TMklz6hiTkQu3xhn.mp4");
-                child.setAttribute("muted", "true");
-            }
-            // change all button events
-            if (child.tagName.trim() === "BUTTON") {
-                // remove anon function: https://stackoverflow.com/a/41343451/17836168
-                child.setAttribute("disabled", "true");
-            }
-        }
-    }
-};