@turnipxenon/pineapple 2.1.1 → 2.3.1

package/.svelte-kit/output/server/entries/pages/_layout.svelte.js

@@ -0,0 +1,279 @@
+import { s as setContext, c as create_ssr_component, a as subscribe, b as createEventDispatcher, e as escape, d as add_attribute, f as spread, g as escape_object, v as validate_component, m as missing_component } from "../../chunks/ssr.js";
+import { p as prefersReducedMotionStore } from "../../chunks/ProgressBar.svelte_svelte_type_style_lang.js";
+import { i as initializeModalStore, g as getModalStore, f as fly } from "../../chunks/index2.js";
+import { w as writable } from "../../chunks/index.js";
+const DRAWER_STORE_KEY = "drawerStore";
+function initializeDrawerStore() {
+  const drawerStore = drawerService();
+  return setContext(DRAWER_STORE_KEY, drawerStore);
+}
+function drawerService() {
+  const { subscribe: subscribe2, set, update } = writable({});
+  return {
+    subscribe: subscribe2,
+    set,
+    update,
+    /** Open the drawer. */
+    open: (newSettings) => update(() => {
+      return { open: true, ...newSettings };
+    }),
+    /** Close the drawer. */
+    close: () => update((d) => {
+      d.open = false;
+      return d;
+    })
+  };
+}
+const toastDefaults = { message: "Missing Toast Message", autohide: true, timeout: 5e3 };
+const TOAST_STORE_KEY = "toastStore";
+function initializeToastStore() {
+  const toastStore = toastService();
+  return setContext(TOAST_STORE_KEY, toastStore);
+}
+function randomUUID() {
+  const random = Math.random();
+  return Number(random).toString(32);
+}
+function toastService() {
+  const { subscribe: subscribe2, set, update } = writable([]);
+  const close = (id) => update((tStore) => {
+    if (tStore.length > 0) {
+      const index = tStore.findIndex((t) => t.id === id);
+      const selectedToast = tStore[index];
+      if (selectedToast) {
+        if (selectedToast.callback)
+          selectedToast.callback({ id, status: "closed" });
+        if (selectedToast.timeoutId)
+          clearTimeout(selectedToast.timeoutId);
+        tStore.splice(index, 1);
+      }
+    }
+    return tStore;
+  });
+  function handleAutoHide(toast) {
+    if (toast.autohide === true) {
+      return setTimeout(() => {
+        close(toast.id);
+      }, toast.timeout);
+    }
+  }
+  return {
+    subscribe: subscribe2,
+    close,
+    /** Add a new toast to the queue. */
+    trigger: (toast) => {
+      const id = randomUUID();
+      update((tStore) => {
+        if (toast && toast.callback)
+          toast.callback({ id, status: "queued" });
+        if (toast.hideDismiss)
+          toast.autohide = true;
+        const tMerged = { ...toastDefaults, ...toast, id };
+        tMerged.timeoutId = handleAutoHide(tMerged);
+        tStore.push(tMerged);
+        return tStore;
+      });
+      return id;
+    },
+    /** Remain visible on hover */
+    freeze: (index) => update((tStore) => {
+      if (tStore.length > 0)
+        clearTimeout(tStore[index].timeoutId);
+      return tStore;
+    }),
+    /** Cancel remain visible on leave */
+    unfreeze: (index) => update((tStore) => {
+      if (tStore.length > 0)
+        tStore[index].timeoutId = handleAutoHide(tStore[index]);
+      return tStore;
+    }),
+    /** Remove all toasts from queue */
+    clear: () => set([])
+  };
+}
+function initializeStores() {
+  initializeModalStore();
+  initializeToastStore();
+  initializeDrawerStore();
+}
+const cBackdrop = "fixed top-0 left-0 right-0 bottom-0 bg-surface-backdrop-token p-4";
+const cTransitionLayer = "w-full h-fit min-h-full overflow-y-auto flex justify-center";
+const cModal = "block overflow-y-auto";
+const cModalImage = "w-full h-auto";
+const Modal = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let cPosition;
+  let classesBackdrop;
+  let classesTransitionLayer;
+  let classesModal;
+  let parent;
+  let $modalStore, $$unsubscribe_modalStore;
+  let $prefersReducedMotionStore, $$unsubscribe_prefersReducedMotionStore;
+  $$unsubscribe_prefersReducedMotionStore = subscribe(prefersReducedMotionStore, (value) => $prefersReducedMotionStore = value);
+  createEventDispatcher();
+  let { components = {} } = $$props;
+  let { position = "items-center" } = $$props;
+  let { background = "bg-surface-100-800-token" } = $$props;
+  let { width = "w-modal" } = $$props;
+  let { height = "h-auto" } = $$props;
+  let { padding = "p-4" } = $$props;
+  let { spacing = "space-y-4" } = $$props;
+  let { rounded = "rounded-container-token" } = $$props;
+  let { shadow = "shadow-xl" } = $$props;
+  let { zIndex = "z-[999]" } = $$props;
+  let { buttonNeutral = "variant-ghost-surface" } = $$props;
+  let { buttonPositive = "variant-filled" } = $$props;
+  let { buttonTextCancel = "Cancel" } = $$props;
+  let { buttonTextConfirm = "Confirm" } = $$props;
+  let { buttonTextSubmit = "Submit" } = $$props;
+  let { regionBackdrop = "" } = $$props;
+  let { regionHeader = "text-2xl font-bold" } = $$props;
+  let { regionBody = "max-h-[200px] overflow-hidden" } = $$props;
+  let { regionFooter = "flex justify-end space-x-2" } = $$props;
+  let { transitions = !$prefersReducedMotionStore } = $$props;
+  let { transitionIn = fly } = $$props;
+  let { transitionInParams = { duration: 150, opacity: 0, x: 0, y: 100 } } = $$props;
+  let { transitionOut = fly } = $$props;
+  let { transitionOutParams = { duration: 150, opacity: 0, x: 0, y: 100 } } = $$props;
+  let promptValue;
+  const buttonTextDefaults = {
+    buttonTextCancel,
+    buttonTextConfirm,
+    buttonTextSubmit
+  };
+  let currentComponent;
+  let modalElement;
+  let windowHeight;
+  let backdropOverflow = "overflow-y-hidden";
+  const modalStore = getModalStore();
+  $$unsubscribe_modalStore = subscribe(modalStore, (value) => $modalStore = value);
+  function handleModals(modals) {
+    if (modals[0].type === "prompt")
+      promptValue = modals[0].value;
+    buttonTextCancel = modals[0].buttonTextCancel || buttonTextDefaults.buttonTextCancel;
+    buttonTextConfirm = modals[0].buttonTextConfirm || buttonTextDefaults.buttonTextConfirm;
+    buttonTextSubmit = modals[0].buttonTextSubmit || buttonTextDefaults.buttonTextSubmit;
+    currentComponent = typeof modals[0].component === "string" ? components[modals[0].component] : modals[0].component;
+  }
+  function onModalHeightChange(modal) {
+    let modalHeight = modal?.clientHeight;
+    if (!modalHeight)
+      modalHeight = modal?.firstChild?.clientHeight;
+    if (!modalHeight)
+      return;
+    if (modalHeight > windowHeight) {
+      backdropOverflow = "overflow-y-auto";
+    } else {
+      backdropOverflow = "overflow-y-hidden";
+    }
+  }
+  function onClose() {
+    if ($modalStore[0].response)
+      $modalStore[0].response(false);
+    modalStore.close();
+  }
+  if ($$props.components === void 0 && $$bindings.components && components !== void 0)
+    $$bindings.components(components);
+  if ($$props.position === void 0 && $$bindings.position && position !== void 0)
+    $$bindings.position(position);
+  if ($$props.background === void 0 && $$bindings.background && background !== void 0)
+    $$bindings.background(background);
+  if ($$props.width === void 0 && $$bindings.width && width !== void 0)
+    $$bindings.width(width);
+  if ($$props.height === void 0 && $$bindings.height && height !== void 0)
+    $$bindings.height(height);
+  if ($$props.padding === void 0 && $$bindings.padding && padding !== void 0)
+    $$bindings.padding(padding);
+  if ($$props.spacing === void 0 && $$bindings.spacing && spacing !== void 0)
+    $$bindings.spacing(spacing);
+  if ($$props.rounded === void 0 && $$bindings.rounded && rounded !== void 0)
+    $$bindings.rounded(rounded);
+  if ($$props.shadow === void 0 && $$bindings.shadow && shadow !== void 0)
+    $$bindings.shadow(shadow);
+  if ($$props.zIndex === void 0 && $$bindings.zIndex && zIndex !== void 0)
+    $$bindings.zIndex(zIndex);
+  if ($$props.buttonNeutral === void 0 && $$bindings.buttonNeutral && buttonNeutral !== void 0)
+    $$bindings.buttonNeutral(buttonNeutral);
+  if ($$props.buttonPositive === void 0 && $$bindings.buttonPositive && buttonPositive !== void 0)
+    $$bindings.buttonPositive(buttonPositive);
+  if ($$props.buttonTextCancel === void 0 && $$bindings.buttonTextCancel && buttonTextCancel !== void 0)
+    $$bindings.buttonTextCancel(buttonTextCancel);
+  if ($$props.buttonTextConfirm === void 0 && $$bindings.buttonTextConfirm && buttonTextConfirm !== void 0)
+    $$bindings.buttonTextConfirm(buttonTextConfirm);
+  if ($$props.buttonTextSubmit === void 0 && $$bindings.buttonTextSubmit && buttonTextSubmit !== void 0)
+    $$bindings.buttonTextSubmit(buttonTextSubmit);
+  if ($$props.regionBackdrop === void 0 && $$bindings.regionBackdrop && regionBackdrop !== void 0)
+    $$bindings.regionBackdrop(regionBackdrop);
+  if ($$props.regionHeader === void 0 && $$bindings.regionHeader && regionHeader !== void 0)
+    $$bindings.regionHeader(regionHeader);
+  if ($$props.regionBody === void 0 && $$bindings.regionBody && regionBody !== void 0)
+    $$bindings.regionBody(regionBody);
+  if ($$props.regionFooter === void 0 && $$bindings.regionFooter && regionFooter !== void 0)
+    $$bindings.regionFooter(regionFooter);
+  if ($$props.transitions === void 0 && $$bindings.transitions && transitions !== void 0)
+    $$bindings.transitions(transitions);
+  if ($$props.transitionIn === void 0 && $$bindings.transitionIn && transitionIn !== void 0)
+    $$bindings.transitionIn(transitionIn);
+  if ($$props.transitionInParams === void 0 && $$bindings.transitionInParams && transitionInParams !== void 0)
+    $$bindings.transitionInParams(transitionInParams);
+  if ($$props.transitionOut === void 0 && $$bindings.transitionOut && transitionOut !== void 0)
+    $$bindings.transitionOut(transitionOut);
+  if ($$props.transitionOutParams === void 0 && $$bindings.transitionOutParams && transitionOutParams !== void 0)
+    $$bindings.transitionOutParams(transitionOutParams);
+  {
+    if ($modalStore.length)
+      handleModals($modalStore);
+  }
+  {
+    onModalHeightChange(modalElement);
+  }
+  cPosition = $modalStore[0]?.position ?? position;
+  classesBackdrop = `${cBackdrop} ${regionBackdrop} ${zIndex} ${$$props.class ?? ""} ${$modalStore[0]?.backdropClasses ?? ""}`;
+  classesTransitionLayer = `${cTransitionLayer} ${cPosition ?? ""}`;
+  classesModal = `${cModal} ${background} ${width} ${height} ${padding} ${spacing} ${rounded} ${shadow} ${$modalStore[0]?.modalClasses ?? ""}`;
+  parent = {
+    position,
+    // ---
+    background,
+    width,
+    height,
+    padding,
+    spacing,
+    rounded,
+    shadow,
+    // ---
+    buttonNeutral,
+    buttonPositive,
+    buttonTextCancel,
+    buttonTextConfirm,
+    buttonTextSubmit,
+    // ---
+    regionBackdrop,
+    regionHeader,
+    regionBody,
+    regionFooter,
+    // ---
+    onClose
+  };
+  $$unsubscribe_modalStore();
+  $$unsubscribe_prefersReducedMotionStore();
+  return ` ${$modalStore.length > 0 ? `   <div class="${"modal-backdrop " + escape(classesBackdrop, true) + " " + escape(backdropOverflow, true)}" data-testid="modal-backdrop"> <div class="${"modal-transition " + escape(classesTransitionLayer, true)}">${$modalStore[0].type !== "component" ? ` <div class="${"modal " + escape(classesModal, true)}" data-testid="modal" role="dialog" aria-modal="true"${add_attribute("aria-label", $modalStore[0].title ?? "", 0)}${add_attribute("this", modalElement, 0)}> ${$modalStore[0]?.title ? `<header class="${"modal-header " + escape(regionHeader, true)}"><!-- HTML_TAG_START -->${$modalStore[0].title}<!-- HTML_TAG_END --></header>` : ``}  ${$modalStore[0]?.body ? `<article class="${"modal-body " + escape(regionBody, true)}"><!-- HTML_TAG_START -->${$modalStore[0].body}<!-- HTML_TAG_END --></article>` : ``}  ${$modalStore[0]?.image && typeof $modalStore[0]?.image === "string" ? `<img class="${"modal-image " + escape(cModalImage, true)}"${add_attribute("src", $modalStore[0]?.image, 0)} alt="Modal">` : ``}  ${$modalStore[0].type === "alert" ? ` <footer class="${"modal-footer " + escape(regionFooter, true)}"><button type="button" class="${"btn " + escape(buttonNeutral, true)}">${escape(buttonTextCancel)}</button></footer>` : `${$modalStore[0].type === "confirm" ? ` <footer class="${"modal-footer " + escape(regionFooter, true)}"><button type="button" class="${"btn " + escape(buttonNeutral, true)}">${escape(buttonTextCancel)}</button> <button type="button" class="${"btn " + escape(buttonPositive, true)}">${escape(buttonTextConfirm)}</button></footer>` : `${$modalStore[0].type === "prompt" ? ` <form class="space-y-4"><input${spread(
+    [
+      { class: "modal-prompt-input input" },
+      { name: "prompt" },
+      { type: "text" },
+      escape_object($modalStore[0].valueAttr)
+    ],
+    {}
+  )}${add_attribute("value", promptValue, 0)}> <footer class="${"modal-footer " + escape(regionFooter, true)}"><button type="button" class="${"btn " + escape(buttonNeutral, true)}">${escape(buttonTextCancel)}</button> <button type="submit" class="${"btn " + escape(buttonPositive, true)}">${escape(buttonTextSubmit)}</button></footer></form>` : ``}`}`}</div>` : `  <div class="${"modal contents " + escape($modalStore[0]?.modalClasses ?? "", true)}" data-testid="modal-component" role="dialog" aria-modal="true"${add_attribute("aria-label", $modalStore[0].title ?? "", 0)}${add_attribute("this", modalElement, 0)}>${currentComponent?.slot ? `${validate_component(currentComponent?.ref || missing_component, "svelte:component").$$render($$result, Object.assign({}, currentComponent?.props, { parent }), {}, {
+    default: () => {
+      return `<!-- HTML_TAG_START -->${currentComponent?.slot}<!-- HTML_TAG_END -->`;
+    }
+  })}` : `${validate_component(currentComponent?.ref || missing_component, "svelte:component").$$render($$result, Object.assign({}, currentComponent?.props, { parent }), {}, {})}`}</div>`}</div></div>` : ``}`;
+});
+const Layout = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  initializeStores();
+  return `${validate_component(Modal, "Modal").$$render($$result, {}, {}, {})} ${slots.default ? slots.default({}) : ``}`;
+});
+export {
+  Layout as default
+};

package/.svelte-kit/output/server/entries/pages/_page.svelte.js

@@ -0,0 +1,18 @@
+import { c as create_ssr_component, e as escape, v as validate_component } from "../../chunks/ssr.js";
+import { P as PUBLIC_CRINGE_USERNAME } from "../../chunks/public.js";
+import { P as PineappleBaseLayout } from "../../chunks/PineappleBaseLayout.js";
+const css = {
+  code: ".btn-group-vertical.svelte-q2my9r button.svelte-q2my9r{padding:2em}.default-card.svelte-q2my9r.svelte-q2my9r{text-align:center;padding-inline-end:0;padding:4rem}",
+  map: null
+};
+const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  $$result.css.add(css);
+  return `${$$result.head += `<!-- HEAD_svelte-10rz2v9_START -->${$$result.title = `<title>Welcome to ${escape(PUBLIC_CRINGE_USERNAME)}&#39;s Home</title>`, ""}<meta content="${"Welcome to " + escape(PUBLIC_CRINGE_USERNAME, true) + "'s Home"}" name="og:title"><meta content="${"Welcome to " + escape(PUBLIC_CRINGE_USERNAME, true) + "'s home! It's a neat place to be at if you're feeling lost. Come hang around!"}" name="og:description"><!-- HEAD_svelte-10rz2v9_END -->`, ""} ${validate_component(PineappleBaseLayout, "PineappleBaseLayout").$$render($$result, {}, {}, {
+    default: () => {
+      return `<div class="card default-card svelte-q2my9r"><h1 class="mb-8" data-svelte-h="svelte-1pggp8a">Directory</h1> <div class="btn-group-vertical variant-filled-secondary svelte-q2my9r"><button class="svelte-q2my9r" data-svelte-h="svelte-1yle01t"><h2>Personal</h2></button> <button class="svelte-q2my9r" data-svelte-h="svelte-1u1d4ut"><h2>Portfolio</h2></button></div></div>`;
+    }
+  })}`;
+});
+export {
+  Page as default
+};

package/.svelte-kit/output/server/entries/pages/personal/_layout.svelte.js

@@ -0,0 +1,13 @@
+import { c as create_ssr_component, e as escape, v as validate_component } from "../../../chunks/ssr.js";
+import { P as PineappleBaseLayout } from "../../../chunks/PineappleBaseLayout.js";
+import { P as PUBLIC_CRINGE_USERNAME } from "../../../chunks/public.js";
+const Layout = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  return `${$$result.head += `<!-- HEAD_svelte-1brmava_START -->${$$result.title = `<title>${escape(PUBLIC_CRINGE_USERNAME)}</title>`, ""}<meta content="summary" name="Turnip time!"><meta content="${"@" + escape(PUBLIC_CRINGE_USERNAME, true)}" name="twitter:site"><meta content="${"@" + escape(PUBLIC_CRINGE_USERNAME, true)}" name="twitter:creator"><meta content="${"https://www." + escape(PUBLIC_CRINGE_USERNAME, true) + ".com/"}" name="og:url"><meta content="${escape(PUBLIC_CRINGE_USERNAME, true) + " | Home"}" name="og:title"><meta content="I have no idea! Anyway... Hi! I don't know what I'm doing! Also check out my games!" name="og:description"><meta content="${"https://www." + escape(PUBLIC_CRINGE_USERNAME, true) + ".com/default-card.png"}" property="og:image"><!-- HEAD_svelte-1brmava_END -->`, ""} ${validate_component(PineappleBaseLayout, "PinyaBaseLayout").$$render($$result, {}, {}, {
+    default: () => {
+      return `${slots.default ? slots.default({}) : ``}`;
+    }
+  })}`;
+});
+export {
+  Layout as default
+};

package/.svelte-kit/output/server/entries/pages/personal/_page.svelte.js

@@ -0,0 +1,13 @@
+import { c as create_ssr_component, e as escape } from "../../../chunks/ssr.js";
+import { P as PUBLIC_CRINGE_USERNAME } from "../../../chunks/public.js";
+const css = {
+  code: ".btn-group-vertical.svelte-q2my9r button.svelte-q2my9r{padding:2em}.default-card.svelte-q2my9r.svelte-q2my9r{text-align:center;padding-inline-end:0;padding:4rem}",
+  map: null
+};
+const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  $$result.css.add(css);
+  return `${$$result.head += `<!-- HEAD_svelte-10rz2v9_START -->${$$result.title = `<title>Welcome to ${escape(PUBLIC_CRINGE_USERNAME)}&#39;s Home</title>`, ""}<meta content="${"Welcome to " + escape(PUBLIC_CRINGE_USERNAME, true) + "'s Home"}" name="og:title"><meta content="${"Welcome to " + escape(PUBLIC_CRINGE_USERNAME, true) + "'s home! It's a neat place to be at if you're feeling lost. Come hang around!"}" name="og:description"><!-- HEAD_svelte-10rz2v9_END -->`, ""} <div class="card default-card svelte-q2my9r" data-svelte-h="svelte-1b3zfk4"><h1 class="mb-8">Directory</h1> <div class="btn-group-vertical variant-filled-secondary svelte-q2my9r"><button onclick="location.href='/about'" class="svelte-q2my9r"><h2>About</h2></button> <button onclick="location.href='/socials'" class="svelte-q2my9r"><h2>Socials</h2></button> <button onclick="location.href='/game-dev'" class="svelte-q2my9r"><h2>Game development</h2></button> <button onclick="location.href='/blogs'" class="svelte-q2my9r"><h2>Blogs</h2></button> <button onclick="location.href='/misc'" class="svelte-q2my9r"><h2>Miscellaneous</h2></button></div> </div>`;
+});
+export {
+  Page as default
+};

package/.svelte-kit/output/server/entries/pages/portfolio/_page.server.ts.js

@@ -0,0 +1,8 @@
+const prerender = true;
+const load = async () => {
+  return {};
+};
+export {
+  load,
+  prerender
+};

package/.svelte-kit/output/server/entries/pages/portfolio/_page.svelte.js

@@ -0,0 +1,12 @@
+import { c as create_ssr_component, d as add_attribute, v as validate_component } from "../../../chunks/ssr.js";
+import { S as SeaweedTemplate } from "../../../chunks/SeaweedTemplate.js";
+const WebThumbnailImage = "/_app/immutable/assets/placeholder_circle.Ij3bN7bI.png";
+const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  let { metaWebsite = "https://www.crouton.com/test/portfolio-base-layout" } = $$props;
+  if ($$props.metaWebsite === void 0 && $$bindings.metaWebsite && metaWebsite !== void 0)
+    $$bindings.metaWebsite(metaWebsite);
+  return `${$$result.head += `<!-- HEAD_svelte-9y1u9g_START --><meta charset="utf-8">${$$result.title = `<title>Welcome to my portfolio</title>`, ""}<meta name="twitter:card" content="summary"><meta property="og:url"${add_attribute("content", metaWebsite, 0)}><meta property="og:title" content="Turnip"><meta property="og:description" content="Welcome to Turnip's test portfolio website"><meta property="og:image"${add_attribute("content", WebThumbnailImage, 0)}><!-- HEAD_svelte-9y1u9g_END -->`, ""} ${validate_component(SeaweedTemplate, "SeaweedTemplate").$$render($$result, {}, {}, {})}`;
+});
+export {
+  Page as default
+};

package/.svelte-kit/output/server/entries/pages/portfolio/actual/_page.svelte.js

@@ -0,0 +1,18 @@
+import { c as create_ssr_component, v as validate_component } from "../../../../chunks/ssr.js";
+import { S as SeaweedTemplate } from "../../../../chunks/SeaweedTemplate.js";
+const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
+  return `${validate_component(SeaweedTemplate, "SeaweedTemplate").$$render(
+    $$result,
+    {
+      name: "Allan Manuba",
+      email: "allanmanuba@gmail.com",
+      linkedinSlug: "allan-manuba",
+      metaWebsite: "https://www.allanmanuba.com"
+    },
+    {},
+    {}
+  )}`;
+});
+export {
+  Page as default
+};