@turnipxenon/pineapple 2.4.54 → 2.4.55

package/.idea/workspace.xml

@@ -4,9 +4,14 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Move parseQtTerm on afterUpdate">
-      <change afterPath="$PROJECT_DIR$/src/lib/template/seaweed/ParseQueryTerms.ts" afterDir="false" />
+    <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" />
@@ -49,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>
@@ -108,41 +114,41 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "DefaultHtmlFileTemplate": "HTML File",
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "WebServerToolWindowFactoryState": "false",
-    "git-widget-placeholder": "turnip/customizable2",
-    "ignore.virus.scanning.warn.message": "true",
-    "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple/src/lib/template/seaweed",
-    "list.type.of.created.stylesheet": "CSS",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_interpreter_path": "node",
-    "nodejs_package_manager_path": "yarn",
-    "npm.build.executor": "Run",
-    "npm.dev (1).executor": "Run",
-    "npm.dev --open.executor": "Run",
-    "npm.dev offline.executor": "Run",
-    "npm.dev-offline.executor": "Run",
-    "npm.dev.executor": "Run",
-    "npm.to-dev.executor": "Run",
-    "settings.editor.selected.configurable": "preferences.general",
-    "ts.external.directory.path": "C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &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/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;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_interpreter_path&quot;: &quot;node&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;yarn&quot;,
+    &quot;npm.build.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev (1).executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev --open.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev offline.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev-offline.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev.executor&quot;: &quot;Run&quot;,
+    &quot;npm.to-dev.executor&quot;: &quot;Run&quot;,
+    &quot;settings.editor.selected.configurable&quot;: &quot;preferences.general&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</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" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\combo_box" />
@@ -330,15 +336,10 @@
       <workItem from="1712534451700" duration="490000" />
       <workItem from="1712535021202" duration="299000" />
       <workItem from="1712535434722" duration="522000" />
-      <workItem from="1712536086680" duration="3391000" />
-    </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" />
@@ -724,7 +725,15 @@
       <option name="project" value="LOCAL" />
       <updated>1712537061829</updated>
     </task>
-    <option name="localTasksCounter" value="168" />
+    <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">
@@ -782,8 +791,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <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" />
@@ -807,6 +814,8 @@
     <MESSAGE value="Add logs to observe queryTermMap in downstream package" />
     <MESSAGE value="Add logs to observe parseQtTerms in downstream package" />
     <MESSAGE value="Move parseQtTerm on afterUpdate" />
-    <option name="LAST_COMMIT_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/SeaweedTemplate.svelte

@@ -15,13 +15,13 @@ import {
   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
 };
@@ -124,6 +124,7 @@ const toggleTerm = (term) => {
 };
 let orderUrl = "";
 let advancedUrl = domain;
+let advancedQuery = "";
 const updateUrl = (seaweedTemplateData2) => {
   const queryParams = [];
   if (orderUrl) {
@@ -147,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;
   }
@@ -358,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: "kjai7p"
+	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/SeaweedTemplate.svelte

@@ -15,13 +15,13 @@ import {
   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
 };
@@ -124,6 +124,7 @@ const toggleTerm = (term) => {
 };
 let orderUrl = "";
 let advancedUrl = domain;
+let advancedQuery = "";
 const updateUrl = (seaweedTemplateData2) => {
   const queryParams = [];
   if (orderUrl) {
@@ -147,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;
   }
@@ -358,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.54",
+  "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/SeaweedTemplate.svelte

@@ -19,6 +19,7 @@
 	} from "./SeaweedTemplateData";
 	import type { EntryProps } from "$pkg/template/seaweed/entries/EntryProps";
 	import { parseQueryTerms } from "$pkg/template/seaweed/ParseQueryTerms";
+	import UrlShortenerForm from "$pkg/template/seaweed/CreateUrlForm.svelte";
 
 	export let letChaos = true;
 	export let name = "Turnip";
@@ -26,7 +27,6 @@
 	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 = {
@@ -177,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[] = [];
 
@@ -208,7 +209,8 @@
 		}
 
 		if (queryParams.length > 0) {
-			advancedUrl = `${domain}?${queryParams.join("&")}`;
+			advancedQuery = queryParams.join("&");
+			advancedUrl = `${domain}?${advancedQuery}`;
 		} else {
 			advancedUrl = domain;
 		}
@@ -419,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));
+};