@turnipxenon/pineapple 2.4.53 → 2.4.55

package/.idea/workspace.xml

@@ -4,8 +4,14 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add logs to observe parseQtTerms in downstream package">
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add dynamic url adder UI">
+      <change afterPath="$PROJECT_DIR$/src/lib/template/seaweed/UrlShortenerForm.svelte" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/lib/types/api/CreateUrl.ts" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/lib/types/api/index.ts" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/routes/api/create-url/+server.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/index.ts" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(seaweed)/+layout.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(seaweed)/+layout.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -48,11 +54,12 @@
         <option value="Soulwork" />
         <option value="ItchPromo" />
         <option value="EntryOrderConfig" />
-        <option value="TypeScript File" />
         <option value="ComboBox" />
         <option value="ComboBoxWithButton" />
         <option value="CSS File" />
         <option value="RandomComponent" />
+        <option value="UrlShortenerForm" />
+        <option value="TypeScript File" />
       </list>
     </option>
   </component>
@@ -115,7 +122,7 @@
     &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
     &quot;git-widget-placeholder&quot;: &quot;turnip/customizable2&quot;,
     &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
-    &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/cdktf&quot;,
+    &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/routes/api/create-url&quot;,
     &quot;list.type.of.created.stylesheet&quot;: &quot;CSS&quot;,
     &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
     &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
@@ -137,11 +144,11 @@
 }</component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\api\create-url" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\template\seaweed" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\template\seaweed\entries" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page3\page7\(test_layout)\page8" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page3\page5" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page2" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\navigation_component" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\combo_box" />
@@ -329,23 +336,10 @@
       <workItem from="1712534451700" duration="490000" />
       <workItem from="1712535021202" duration="299000" />
       <workItem from="1712535434722" duration="522000" />
-      <workItem from="1712536086680" duration="932000" />
-    </task>
-    <task id="LOCAL-00118" summary="Fix allowLinkedin arg in SocialSection">
-      <option name="closed" value="true" />
-      <created>1711683031188</created>
-      <option name="number" value="00118" />
-      <option name="presentableId" value="LOCAL-00118" />
-      <option name="project" value="LOCAL" />
-      <updated>1711683031188</updated>
-    </task>
-    <task id="LOCAL-00119" summary="Change media to containre">
-      <option name="closed" value="true" />
-      <created>1711685062499</created>
-      <option name="number" value="00119" />
-      <option name="presentableId" value="LOCAL-00119" />
-      <option name="project" value="LOCAL" />
-      <updated>1711685062499</updated>
+      <workItem from="1712536086680" duration="3657000" />
+      <workItem from="1712557998479" duration="1152000" />
+      <workItem from="1712560061741" duration="265000" />
+      <workItem from="1712560426380" duration="2683000" />
     </task>
     <task id="LOCAL-00120" summary="Change media to container">
       <option name="closed" value="true" />
@@ -723,7 +717,23 @@
       <option name="project" value="LOCAL" />
       <updated>1712535169690</updated>
     </task>
-    <option name="localTasksCounter" value="167" />
+    <task id="LOCAL-00167" summary="Move parseQtTerm on afterUpdate">
+      <option name="closed" value="true" />
+      <created>1712537061829</created>
+      <option name="number" value="00167" />
+      <option name="presentableId" value="LOCAL-00167" />
+      <option name="project" value="LOCAL" />
+      <updated>1712537061829</updated>
+    </task>
+    <task id="LOCAL-00168" summary="Change parseQueryTerm to parse during runtime on the DOM instead of on the raw svelte text">
+      <option name="closed" value="true" />
+      <created>1712543711416</created>
+      <option name="number" value="00168" />
+      <option name="presentableId" value="LOCAL-00168" />
+      <option name="project" value="LOCAL" />
+      <updated>1712543711416</updated>
+    </task>
+    <option name="localTasksCounter" value="169" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -781,9 +791,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Add cdktf" />
-    <MESSAGE value="Implement cdktf for empty AppService" />
-    <MESSAGE value="WIP: cdktf" />
     <MESSAGE value="Revert &quot;Correct app_build_command in Azure SWA GithubActions&quot;&#10;&#10;Revert b34caf17" />
     <MESSAGE value="Temporarily delete workflow to let Azure auto-generate secrets" />
     <MESSAGE value="Change npm to yarn in GithubActions" />
@@ -806,6 +813,9 @@
     <MESSAGE value="Put parseQTTerms in afterUpdate instead of onMount" />
     <MESSAGE value="Add logs to observe queryTermMap in downstream package" />
     <MESSAGE value="Add logs to observe parseQtTerms in downstream package" />
-    <option name="LAST_COMMIT_MESSAGE" value="Add logs to observe parseQtTerms in downstream package" />
+    <MESSAGE value="Move parseQtTerm on afterUpdate" />
+    <MESSAGE value="Change parseQueryTerm to parse during runtime on the DOM instead of on the raw svelte text" />
+    <MESSAGE value="Add dynamic url adder UI" />
+    <option name="LAST_COMMIT_MESSAGE" value="Add dynamic url adder UI" />
   </component>
 </project>

package/.svelte-kit/__package__/index.d.ts

@@ -5,6 +5,7 @@ export { default as Card } from "./components/Card.svelte";
 export { default as SocialSection } from "./components/SocialSection.svelte";
 export * from "./components/overrideable_meta/index";
 export * from "./components/navigation_component/index";
+export * from "./types/api/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

package/.svelte-kit/__package__/index.js

@@ -6,6 +6,7 @@ export { default as Card } from "./components/Card.svelte";
 export { default as SocialSection } from "./components/SocialSection.svelte";
 export * from "./components/overrideable_meta/index";
 export * from "./components/navigation_component/index";
+export * from "./types/api/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

package/.svelte-kit/__package__/template/seaweed/CreateUrlForm.svelte

@@ -0,0 +1,54 @@
+<script>import { CreateUrlResult, jsonToCreateUrlResponse } from "../../types/api/CreateUrl";
+import { getToastStore } from "@skeletonlabs/skeleton";
+export let queryParams = "";
+const toastStore = getToastStore();
+let request = {
+  queryParams: "",
+  shortUrl: "",
+  password: ""
+};
+$:
+  request.queryParams = queryParams;
+const failToast = {
+  message: "Adding new url failed"
+};
+const toastMap = /* @__PURE__ */ new Map([
+  [CreateUrlResult.Success, {
+    message: "Successfully added new url"
+  }],
+  [CreateUrlResult.Duplicate, {
+    message: "Short url already used; try again with another url"
+  }],
+  [CreateUrlResult.Fail, failToast]
+]);
+const post = () => {
+  fetch("/api/create-url", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(request)
+  }).then(
+    (resp) => resp.json()
+  ).then((json) => {
+    const properResp = jsonToCreateUrlResponse(json);
+    toastStore.trigger(toastMap.get(properResp.result) ?? failToast);
+  });
+};
+</script>
+
+<div>
+	<label for="short-url">Short URL for url shortener</label>
+	<input bind:value={request.shortUrl}
+	       name="short-url"
+	       class="input"
+	       type="text"
+	       placeholder="short-url" />
+	<label for="password">Password</label>
+	<input bind:value={request.password}
+	       name="password"
+	       class="input"
+	       type="password"
+	       placeholder="Input" />
+	<button class="btn variant-filled" on:click={post}>Send link</button>
+</div>

package/.svelte-kit/__package__/template/seaweed/CreateUrlForm.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        queryParams?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CreateUrlFormProps = typeof __propDef.props;
+export type CreateUrlFormEvents = typeof __propDef.events;
+export type CreateUrlFormSlots = typeof __propDef.slots;
+export default class CreateUrlForm extends SvelteComponent<CreateUrlFormProps, CreateUrlFormEvents, CreateUrlFormSlots> {
+}
+export {};

package/.svelte-kit/__package__/template/seaweed/ParseQueryTerms.d.ts

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

package/.svelte-kit/__package__/template/seaweed/ParseQueryTerms.js

@@ -0,0 +1,23 @@
+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/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte

@@ -1,4 +1,4 @@
-<script>import { onMount, afterUpdate } from "svelte";
+<script>import { afterUpdate, onMount } from "svelte";
 import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
 import { runChaos } from "./RunChaos";
 import SocialSection from "../../components/SocialSection.svelte";
@@ -8,24 +8,23 @@ import { Accordion, AccordionItem, CodeBlock, SlideToggle } from "@skeletonlabs/
 import { page } from "$app/stores";
 import Card from "../../components/Card.svelte";
 import ElementVisbilityDetector from "../../components/ElementVisbilityDetector.svelte";
-import selfContent from "./SeaweedTemplate.svelte?raw";
 import {
   AllGroupedEntriesProjectFirst,
   GetEntryFromGlobal,
   seaweedTemplateData,
   TurnGroupEntriesMutable
 } from "./SeaweedTemplateData";
+import { parseQueryTerms } from "./ParseQueryTerms";
+import UrlShortenerForm from "./CreateUrlForm.svelte";
 export let letChaos = true;
 export let name = "Turnip";
 export let email = "turnipxenon@gmail.com";
 export let linkedinSlug = "turnip-xenon";
 export let domain = "http://localhost:5173/portfolio/actual/";
 export let serverSideQueryParams = "";
-export let extraComponent = void 0;
 const entryProps = {
   email
 };
-const entryList = import.meta.glob("./entries/*.svelte", { query: "?raw", eager: true });
 const paramQTSet = /* @__PURE__ */ new Set();
 let isVisible = true;
 let isAdvanceSettingOn = false;
@@ -46,25 +45,9 @@ const syncQT = () => {
   });
   seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
 };
-const parseQTTerms = async () => {
-  console.log("parsing", seaweedTemplateData.queryTermMap.size);
+const parseQueryTermsLocal = async () => {
   const qtSet = /* @__PURE__ */ new Set();
-  const rawTermList = [];
-  [...Object.values(entryList).map((e) => e.default), selfContent].forEach((body) => {
-    console.log("parsing", body);
-    rawTermList.push(
-      ...body.split('"').filter((s) => s.startsWith("qt-"))
-      // step 2: filter out texts that does not begin with "qt-"
-    );
-  });
-  rawTermList.forEach((t) => {
-    t.split(" ").forEach((nt) => {
-      if (["qt-1", "qt-2", "qt-*", "qt-"].includes(nt)) {
-        return;
-      }
-      qtSet.add(nt);
-    });
-  });
+  parseQueryTerms(document.body, qtSet);
   qtSet.forEach((t) => seaweedTemplateData.queryTermMap.set(t, true));
   seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
   syncQT();
@@ -132,7 +115,7 @@ let isParsed = false;
 afterUpdate(async () => {
   if (!letChaos && !isParsed) {
     isParsed = true;
-    await parseQTTerms();
+    await parseQueryTermsLocal();
   }
 });
 const toggleTerm = (term) => {
@@ -141,6 +124,7 @@ const toggleTerm = (term) => {
 };
 let orderUrl = "";
 let advancedUrl = domain;
+let advancedQuery = "";
 const updateUrl = (seaweedTemplateData2) => {
   const queryParams = [];
   if (orderUrl) {
@@ -164,7 +148,8 @@ const updateUrl = (seaweedTemplateData2) => {
     queryParams.push("game-section-first=false");
   }
   if (queryParams.length > 0) {
-    advancedUrl = `${domain}?${queryParams.join("&")}`;
+    advancedQuery = queryParams.join("&");
+    advancedUrl = `${domain}?${advancedQuery}`;
   } else {
     advancedUrl = domain;
   }
@@ -375,7 +360,7 @@ $:
 						<p>Copy the url below and open a new page with it</p>
 						<CodeBlock language="url" code={advancedUrl}></CodeBlock>
 
-						<svelte:component this={extraComponent}></svelte:component>
+						<UrlShortenerForm queryParams={advancedQuery}></UrlShortenerForm>
 					{/if}
 				</div>
 			</Card>

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte.d.ts

@@ -1,5 +1,4 @@
 import { SvelteComponent } from "svelte";
-import { type ComponentType } from "svelte";
 import "./seaweed.postcss";
 declare const __propDef: {
     props: {
@@ -9,7 +8,6 @@ declare const __propDef: {
         linkedinSlug?: string | undefined;
         domain?: string | undefined;
         serverSideQueryParams?: string | undefined;
-        extraComponent?: ComponentType | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/.svelte-kit/__package__/types/api/CreateUrl.d.ts

@@ -0,0 +1,15 @@
+export interface CreateUrlRequest {
+    queryParams: string;
+    shortUrl: string;
+    password: string;
+}
+export declare enum CreateUrlResult {
+    Fail = 0,
+    Success = 1,
+    Duplicate = 2
+}
+export interface CreateUrlResponse {
+    result: CreateUrlResult;
+}
+export declare const jsonToCreateUrlRequest: (json: Record<string, never>) => CreateUrlRequest;
+export declare const jsonToCreateUrlResponse: (json: Record<string, never>) => CreateUrlResponse;

package/.svelte-kit/__package__/types/api/CreateUrl.js

@@ -0,0 +1,19 @@
+export var CreateUrlResult;
+(function (CreateUrlResult) {
+    CreateUrlResult[CreateUrlResult["Fail"] = 0] = "Fail";
+    CreateUrlResult[CreateUrlResult["Success"] = 1] = "Success";
+    CreateUrlResult[CreateUrlResult["Duplicate"] = 2] = "Duplicate";
+})(CreateUrlResult || (CreateUrlResult = {}));
+export const jsonToCreateUrlRequest = (json) => {
+    return {
+        queryParams: json["queryParams"] ?? "",
+        shortUrl: json["shortUrl"] ?? "",
+        password: json["password"] ?? ""
+    };
+};
+export const jsonToCreateUrlResponse = (json) => {
+    const enumIndex = json["result"];
+    return {
+        result: CreateUrlResult[enumIndex] ? enumIndex : CreateUrlResult.Fail
+    };
+};

package/.svelte-kit/__package__/types/api/index.d.ts

@@ -0,0 +1 @@
+export * from "./CreateUrl";

package/.svelte-kit/__package__/types/api/index.js

@@ -0,0 +1,2 @@
+// noinspection JSUnusedGlobalSymbols
+export * from "./CreateUrl";

package/.svelte-kit/ambient.d.ts

@@ -37,8 +37,6 @@ declare module '$env/static/private' {
 	export const COMSPEC: string;
 	export const DriverData: string;
 	export const EXEPATH: string;
-	export const FPS_BROWSER_APP_PROFILE_STRING: string;
-	export const FPS_BROWSER_USER_PROFILE_STRING: string;
 	export const GIT_XL_PATH: string;
 	export const GoLand: string;
 	export const GOPATH: string;
@@ -165,6 +163,7 @@ declare module '$env/static/private' {
 	export const PUBLIC: string;
 	export const PWD: string;
 	export const PyCharm: string;
+	export const SESSIONNAME: string;
 	export const SHLVL: string;
 	export const SYSTEMDRIVE: string;
 	export const SYSTEMROOT: string;
@@ -229,8 +228,6 @@ declare module '$env/dynamic/private' {
 		COMSPEC: string;
 		DriverData: string;
 		EXEPATH: string;
-		FPS_BROWSER_APP_PROFILE_STRING: string;
-		FPS_BROWSER_USER_PROFILE_STRING: string;
 		GIT_XL_PATH: string;
 		GoLand: string;
 		GOPATH: string;
@@ -357,6 +354,7 @@ declare module '$env/dynamic/private' {
 		PUBLIC: string;
 		PWD: string;
 		PyCharm: string;
+		SESSIONNAME: string;
 		SHLVL: string;
 		SYSTEMDRIVE: string;
 		SYSTEMROOT: string;

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "fbxgvv"
+	version_hash: "shyqvz"
 };
 
 export async function get_hooks() {

package/.svelte-kit/types/route_meta_data.json

@@ -2,6 +2,9 @@
 	"/(seaweed)": [],
 	"/(pineapple)": [],
 	"/": [],
+	"/api/create-url": [
+		"src/routes/api/create-url/+server.ts"
+	],
 	"/(pineapple)/pineapple/(pineapple)": [
 		"src/routes/(pineapple)/pineapple/(pineapple)/+page.ts"
 	],

package/.svelte-kit/types/src/routes/api/create-url/$types.d.ts

@@ -0,0 +1,10 @@
+import type * as Kit from '@sveltejs/kit';
+
+type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+// @ts-ignore
+type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
+type RouteParams = {  };
+type RouteId = '/api/create-url';
+
+export type RequestHandler = Kit.RequestHandler<RouteParams, RouteId>;
+export type RequestEvent = Kit.RequestEvent<RouteParams, RouteId>;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { default as Card } from "./components/Card.svelte";
 export { default as SocialSection } from "./components/SocialSection.svelte";
 export * from "./components/overrideable_meta/index";
 export * from "./components/navigation_component/index";
+export * from "./types/api/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

package/dist/index.js

@@ -6,6 +6,7 @@ export { default as Card } from "./components/Card.svelte";
 export { default as SocialSection } from "./components/SocialSection.svelte";
 export * from "./components/overrideable_meta/index";
 export * from "./components/navigation_component/index";
+export * from "./types/api/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

package/dist/template/seaweed/CreateUrlForm.svelte

@@ -0,0 +1,54 @@
+<script>import { CreateUrlResult, jsonToCreateUrlResponse } from "../../types/api/CreateUrl";
+import { getToastStore } from "@skeletonlabs/skeleton";
+export let queryParams = "";
+const toastStore = getToastStore();
+let request = {
+  queryParams: "",
+  shortUrl: "",
+  password: ""
+};
+$:
+  request.queryParams = queryParams;
+const failToast = {
+  message: "Adding new url failed"
+};
+const toastMap = /* @__PURE__ */ new Map([
+  [CreateUrlResult.Success, {
+    message: "Successfully added new url"
+  }],
+  [CreateUrlResult.Duplicate, {
+    message: "Short url already used; try again with another url"
+  }],
+  [CreateUrlResult.Fail, failToast]
+]);
+const post = () => {
+  fetch("/api/create-url", {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(request)
+  }).then(
+    (resp) => resp.json()
+  ).then((json) => {
+    const properResp = jsonToCreateUrlResponse(json);
+    toastStore.trigger(toastMap.get(properResp.result) ?? failToast);
+  });
+};
+</script>
+
+<div>
+	<label for="short-url">Short URL for url shortener</label>
+	<input bind:value={request.shortUrl}
+	       name="short-url"
+	       class="input"
+	       type="text"
+	       placeholder="short-url" />
+	<label for="password">Password</label>
+	<input bind:value={request.password}
+	       name="password"
+	       class="input"
+	       type="password"
+	       placeholder="Input" />
+	<button class="btn variant-filled" on:click={post}>Send link</button>
+</div>

package/dist/template/seaweed/CreateUrlForm.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        queryParams?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CreateUrlFormProps = typeof __propDef.props;
+export type CreateUrlFormEvents = typeof __propDef.events;
+export type CreateUrlFormSlots = typeof __propDef.slots;
+export default class CreateUrlForm extends SvelteComponent<CreateUrlFormProps, CreateUrlFormEvents, CreateUrlFormSlots> {
+}
+export {};

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

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

package/dist/template/seaweed/ParseQueryTerms.js

@@ -0,0 +1,23 @@
+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/SeaweedTemplate.svelte

@@ -1,4 +1,4 @@
-<script>import { onMount, afterUpdate } from "svelte";
+<script>import { afterUpdate, onMount } from "svelte";
 import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
 import { runChaos } from "./RunChaos";
 import SocialSection from "../../components/SocialSection.svelte";
@@ -8,24 +8,23 @@ import { Accordion, AccordionItem, CodeBlock, SlideToggle } from "@skeletonlabs/
 import { page } from "$app/stores";
 import Card from "../../components/Card.svelte";
 import ElementVisbilityDetector from "../../components/ElementVisbilityDetector.svelte";
-import selfContent from "./SeaweedTemplate.svelte?raw";
 import {
   AllGroupedEntriesProjectFirst,
   GetEntryFromGlobal,
   seaweedTemplateData,
   TurnGroupEntriesMutable
 } from "./SeaweedTemplateData";
+import { parseQueryTerms } from "./ParseQueryTerms";
+import UrlShortenerForm from "./CreateUrlForm.svelte";
 export let letChaos = true;
 export let name = "Turnip";
 export let email = "turnipxenon@gmail.com";
 export let linkedinSlug = "turnip-xenon";
 export let domain = "http://localhost:5173/portfolio/actual/";
 export let serverSideQueryParams = "";
-export let extraComponent = void 0;
 const entryProps = {
   email
 };
-const entryList = import.meta.glob("./entries/*.svelte", { query: "?raw", eager: true });
 const paramQTSet = /* @__PURE__ */ new Set();
 let isVisible = true;
 let isAdvanceSettingOn = false;
@@ -46,25 +45,9 @@ const syncQT = () => {
   });
   seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
 };
-const parseQTTerms = async () => {
-  console.log("parsing", seaweedTemplateData.queryTermMap.size);
+const parseQueryTermsLocal = async () => {
   const qtSet = /* @__PURE__ */ new Set();
-  const rawTermList = [];
-  [...Object.values(entryList).map((e) => e.default), selfContent].forEach((body) => {
-    console.log("parsing", body);
-    rawTermList.push(
-      ...body.split('"').filter((s) => s.startsWith("qt-"))
-      // step 2: filter out texts that does not begin with "qt-"
-    );
-  });
-  rawTermList.forEach((t) => {
-    t.split(" ").forEach((nt) => {
-      if (["qt-1", "qt-2", "qt-*", "qt-"].includes(nt)) {
-        return;
-      }
-      qtSet.add(nt);
-    });
-  });
+  parseQueryTerms(document.body, qtSet);
   qtSet.forEach((t) => seaweedTemplateData.queryTermMap.set(t, true));
   seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
   syncQT();
@@ -132,7 +115,7 @@ let isParsed = false;
 afterUpdate(async () => {
   if (!letChaos && !isParsed) {
     isParsed = true;
-    await parseQTTerms();
+    await parseQueryTermsLocal();
   }
 });
 const toggleTerm = (term) => {
@@ -141,6 +124,7 @@ const toggleTerm = (term) => {
 };
 let orderUrl = "";
 let advancedUrl = domain;
+let advancedQuery = "";
 const updateUrl = (seaweedTemplateData2) => {
   const queryParams = [];
   if (orderUrl) {
@@ -164,7 +148,8 @@ const updateUrl = (seaweedTemplateData2) => {
     queryParams.push("game-section-first=false");
   }
   if (queryParams.length > 0) {
-    advancedUrl = `${domain}?${queryParams.join("&")}`;
+    advancedQuery = queryParams.join("&");
+    advancedUrl = `${domain}?${advancedQuery}`;
   } else {
     advancedUrl = domain;
   }
@@ -375,7 +360,7 @@ $:
 						<p>Copy the url below and open a new page with it</p>
 						<CodeBlock language="url" code={advancedUrl}></CodeBlock>
 
-						<svelte:component this={extraComponent}></svelte:component>
+						<UrlShortenerForm queryParams={advancedQuery}></UrlShortenerForm>
 					{/if}
 				</div>
 			</Card>

package/dist/template/seaweed/SeaweedTemplate.svelte.d.ts

@@ -1,5 +1,4 @@
 import { SvelteComponent } from "svelte";
-import { type ComponentType } from "svelte";
 import "./seaweed.postcss";
 declare const __propDef: {
     props: {
@@ -9,7 +8,6 @@ declare const __propDef: {
         linkedinSlug?: string | undefined;
         domain?: string | undefined;
         serverSideQueryParams?: string | undefined;
-        extraComponent?: ComponentType | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/types/api/CreateUrl.d.ts

@@ -0,0 +1,15 @@
+export interface CreateUrlRequest {
+    queryParams: string;
+    shortUrl: string;
+    password: string;
+}
+export declare enum CreateUrlResult {
+    Fail = 0,
+    Success = 1,
+    Duplicate = 2
+}
+export interface CreateUrlResponse {
+    result: CreateUrlResult;
+}
+export declare const jsonToCreateUrlRequest: (json: Record<string, never>) => CreateUrlRequest;
+export declare const jsonToCreateUrlResponse: (json: Record<string, never>) => CreateUrlResponse;

package/dist/types/api/CreateUrl.js

@@ -0,0 +1,19 @@
+export var CreateUrlResult;
+(function (CreateUrlResult) {
+    CreateUrlResult[CreateUrlResult["Fail"] = 0] = "Fail";
+    CreateUrlResult[CreateUrlResult["Success"] = 1] = "Success";
+    CreateUrlResult[CreateUrlResult["Duplicate"] = 2] = "Duplicate";
+})(CreateUrlResult || (CreateUrlResult = {}));
+export const jsonToCreateUrlRequest = (json) => {
+    return {
+        queryParams: json["queryParams"] ?? "",
+        shortUrl: json["shortUrl"] ?? "",
+        password: json["password"] ?? ""
+    };
+};
+export const jsonToCreateUrlResponse = (json) => {
+    const enumIndex = json["result"];
+    return {
+        result: CreateUrlResult[enumIndex] ? enumIndex : CreateUrlResult.Fail
+    };
+};

package/dist/types/api/index.d.ts

@@ -0,0 +1 @@
+export * from "./CreateUrl";

package/dist/types/api/index.js

@@ -0,0 +1,2 @@
+// noinspection JSUnusedGlobalSymbols
+export * from "./CreateUrl";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.53",
+  "version": "2.4.55",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",

package/src/lib/index.ts

@@ -8,6 +8,7 @@ export { default as SocialSection } from "./components/SocialSection.svelte";
 
 export * from "$pkg/components/overrideable_meta/index";
 export * from "$pkg/components/navigation_component/index";
+export * from "$pkg/types/api/index";
 export * from "./components/dialog_manager/DialogManagerStore";
 export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";

package/src/lib/template/seaweed/CreateUrlForm.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+	import { type CreateUrlRequest, CreateUrlResult, jsonToCreateUrlResponse } from "$pkg/types/api/CreateUrl";
+	import { getToastStore, type ToastSettings } from "@skeletonlabs/skeleton";
+
+	export let queryParams = "";
+
+	const toastStore = getToastStore();
+
+	let request: CreateUrlRequest = {
+		queryParams: "",
+		shortUrl: "",
+		password: ""
+	};
+	$: request.queryParams = queryParams;
+
+	const failToast: ToastSettings = {
+		message: "Adding new url failed"
+	};
+	const toastMap = new Map<CreateUrlResult, ToastSettings>([
+		[CreateUrlResult.Success, {
+			message: "Successfully added new url"
+		}],
+		[CreateUrlResult.Duplicate, {
+			message: "Short url already used; try again with another url"
+		}],
+		[CreateUrlResult.Fail, failToast]
+	]);
+	const post = () => {
+		fetch("/api/create-url", {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json"
+			},
+			body: JSON.stringify(request)
+		}).then(resp =>
+			resp.json()
+		).then(json => {
+			const properResp = jsonToCreateUrlResponse(json);
+			toastStore.trigger(toastMap.get(properResp.result) ?? failToast);
+		});
+	};
+</script>
+
+<div>
+	<label for="short-url">Short URL for url shortener</label>
+	<input bind:value={request.shortUrl}
+	       name="short-url"
+	       class="input"
+	       type="text"
+	       placeholder="short-url" />
+	<label for="password">Password</label>
+	<input bind:value={request.password}
+	       name="password"
+	       class="input"
+	       type="password"
+	       placeholder="Input" />
+	<button class="btn variant-filled" on:click={post}>Send link</button>
+</div>

package/src/lib/template/seaweed/ParseQueryTerms.ts

@@ -0,0 +1,26 @@
+export const parseQueryTerms = (node: Element, querySet: Set<string>) => {
+	// 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/src/lib/template/seaweed/SeaweedTemplate.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { type ComponentType, onMount, afterUpdate } from "svelte";
+	import { afterUpdate, type ComponentType, onMount } from "svelte";
 	import EntryOrderConfig from "$pkg/template/seaweed/entry_order_config/EntryOrderConfig.svelte";
 	import { runChaos } from "$pkg/template/seaweed/RunChaos";
 	import SocialSection from "$pkg/components/SocialSection.svelte";
@@ -9,7 +9,6 @@
 	import { page } from "$app/stores";
 	import Card from "$pkg/components/Card.svelte";
 	import ElementVisbilityDetector from "$pkg/components/ElementVisbilityDetector.svelte";
-	import selfContent from "./SeaweedTemplate.svelte?raw";
 	import {
 		AllGroupedEntriesProjectFirst,
 		type EntryGroup,
@@ -19,7 +18,8 @@
 		TurnGroupEntriesMutable
 	} from "./SeaweedTemplateData";
 	import type { EntryProps } from "$pkg/template/seaweed/entries/EntryProps";
-	import type { RawGlob } from "$pkg/util/util";
+	import { parseQueryTerms } from "$pkg/template/seaweed/ParseQueryTerms";
+	import UrlShortenerForm from "$pkg/template/seaweed/CreateUrlForm.svelte";
 
 	export let letChaos = true;
 	export let name = "Turnip";
@@ -27,14 +27,12 @@
 	export let linkedinSlug = "turnip-xenon";
 	export let domain = "http://localhost:5173/portfolio/actual/";
 	export let serverSideQueryParams = "";
-	export let extraComponent: ComponentType | undefined = undefined;
 
 	// region query params
 	const entryProps: EntryProps = {
 		email
 	};
 
-	const entryList = import.meta.glob("./entries/*.svelte", { query: "?raw", eager: true });
 	const paramQTSet = new Set<string>();
 
 	let isVisible = true;
@@ -61,36 +59,9 @@
 		seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
 	};
 
-	const parseQTTerms = async () => {
-		console.log("parsing", seaweedTemplateData.queryTermMap.size);
+	const parseQueryTermsLocal = async () => {
 		const qtSet = new Set<string>();
-		const rawTermList: string[] = [];
-		[...Object.values(entryList).map(e => (e as RawGlob).default), selfContent].forEach(body => {
-			// parse the qt-* term which exists within elements like:
-			// <span class="qt-*">TERM</span>
-			console.log("parsing", body);
-			rawTermList.push(
-				...body // step 3: destructure the array
-					.split("\"") // step 1: split the text as double quotations (") as the delimiter
-					.filter(s => s.startsWith("qt-")) // step 2: filter out texts that does not begin with "qt-"
-			);
-		});
-
-		// step 4: some spans contain multiple classes, split them up
-		// then add them to qtTerms
-		// e.g. <span class="qt-1 qt-2">TERM</span>
-		rawTermList.forEach(t => {
-			t.split(" ").forEach(nt => {
-				// filter out some of this meta terms
-				if (["qt-1", "qt-2", "qt-*", "qt-"].includes(nt)) {
-					return;
-				}
-
-				// adding to set ensures the entry is unique
-				qtSet.add(nt);
-			});
-		});
-
+		parseQueryTerms(document.body, qtSet);
 		qtSet.forEach(t => seaweedTemplateData.queryTermMap.set(t, true));
 		// force svelte update
 		seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
@@ -194,7 +165,7 @@
 	afterUpdate(async () => {
 		if (!letChaos && !isParsed) {
 			isParsed = true;
-			await parseQTTerms();
+			await parseQueryTermsLocal();
 		}
 	});
 
@@ -206,6 +177,7 @@
 	// when either gameSectionFirst or the queryTerms are updated, update advancedUrl
 	let orderUrl = "";
 	let advancedUrl = domain;
+	let advancedQuery = "";
 	const updateUrl = (seaweedTemplateData: SeaweedTemplateData) => {
 		const queryParams: string[] = [];
 
@@ -237,7 +209,8 @@
 		}
 
 		if (queryParams.length > 0) {
-			advancedUrl = `${domain}?${queryParams.join("&")}`;
+			advancedQuery = queryParams.join("&");
+			advancedUrl = `${domain}?${advancedQuery}`;
 		} else {
 			advancedUrl = domain;
 		}
@@ -448,7 +421,7 @@
 						<p>Copy the url below and open a new page with it</p>
 						<CodeBlock language="url" code={advancedUrl}></CodeBlock>
 
-						<svelte:component this={extraComponent}></svelte:component>
+						<UrlShortenerForm queryParams={advancedQuery}></UrlShortenerForm>
 					{/if}
 				</div>
 			</Card>

package/src/lib/types/api/CreateUrl.ts

@@ -0,0 +1,30 @@
+export interface CreateUrlRequest {
+	queryParams: string;
+	shortUrl: string;
+	password: string;
+}
+
+export enum CreateUrlResult {
+	Fail = 0,
+	Success = 1,
+	Duplicate = 2
+}
+
+export interface CreateUrlResponse {
+	result: CreateUrlResult;
+}
+
+export const jsonToCreateUrlRequest = (json: Record<string, never>): CreateUrlRequest => {
+	return {
+		queryParams: json["queryParams"] ?? "",
+		shortUrl: json["shortUrl"] ?? "",
+		password: json["password"] ?? ""
+	};
+};
+
+export const jsonToCreateUrlResponse = (json: Record<string, never>): CreateUrlResponse => {
+	const enumIndex = json["result"] as number;
+	return {
+		result: CreateUrlResult[enumIndex] ? enumIndex : CreateUrlResult.Fail
+	};
+};

package/src/lib/types/api/index.ts

@@ -0,0 +1,3 @@
+// noinspection JSUnusedGlobalSymbols
+
+export * from "./CreateUrl";

package/src/routes/(seaweed)/+layout.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
-	import { initializeStores } from "@skeletonlabs/skeleton";
+	import { initializeStores, Toast } from "@skeletonlabs/skeleton";
 	import { Modal } from "@skeletonlabs/skeleton";
 
 	initializeStores();
 </script>
 
 <Modal />
+<Toast />
 
 <slot />

package/src/routes/(seaweed)/portfolio/actual/+page.svelte

@@ -8,6 +8,6 @@
                  email="allanmanuba@gmail.com"
                  linkedinSlug="allan-manuba"
                  serverSideQueryParams="order=Games:Hepcat|ChefWings|Soulwork|ItchPromo:games-section,Projects:MigranteAlberta|DecentralizedSocialMedia|CustomizedYarnspinner|FullStackC|Workset|ThisWebpage|MockUberApp:projects-section,Relevant projects:MigranteAlberta:games-section&game-section-first=false"
-                 extraComponent={RandomComponent}>
+>
 
 </SeaweedTemplate>

package/src/routes/api/create-url/+server.ts

@@ -0,0 +1,24 @@
+import type { RequestHandler } from "./$types";
+import { type CreateUrlResponse, CreateUrlResult, jsonToCreateUrlRequest } from "$pkg/types/api/CreateUrl";
+
+export const POST: RequestHandler = async ({ request }) => {
+	const response: CreateUrlResponse = {
+		result: CreateUrlResult.Fail
+	};
+
+	console.log("This is a fake API. The real API is somewhere else.");
+	const data = jsonToCreateUrlRequest(await request.json());
+	console.log(data);
+
+	if (data.password !== "FakePassword") {
+		return new Response(JSON.stringify(response));
+	}
+
+	if (data.shortUrl === "already-used") {
+		response.result = CreateUrlResult.Duplicate;
+		return new Response(JSON.stringify(response));
+	}
+
+	response.result = CreateUrlResult.Success;
+	return new Response(JSON.stringify(response));
+};