@turnipxenon/pineapple 2.4.51 → 2.4.53

package/.idea/workspace.xml

@@ -4,8 +4,8 @@
     <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 queryTermMap in downstream package">
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add logs to observe parseQtTerms in downstream package">
+      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -59,7 +59,7 @@
   <component name="Git.Settings">
     <option name="RECENT_BRANCH_BY_REPOSITORY">
       <map>
-        <entry key="$PROJECT_DIR$" value="turnip/customizable" />
+        <entry key="$PROJECT_DIR$" value="dbc946a316ca6b2c95588d487cf48fe8f4a04801" />
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -197,8 +197,8 @@
         <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.to-dev" />
         <item itemvalue="npm.dev-offline" />
-        <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev --open" />
+        <item itemvalue="npm.to-dev" />
       </list>
     </recent_temporary>
   </component>
@@ -326,23 +326,10 @@
       <workItem from="1712532951966" duration="51000" />
       <workItem from="1712533167568" duration="339000" />
       <workItem from="1712533592123" duration="803000" />
-      <workItem from="1712534451700" duration="408000" />
-    </task>
-    <task id="LOCAL-00116" summary="Allow preventing NavigationComponent pagination">
-      <option name="closed" value="true" />
-      <created>1711681303815</created>
-      <option name="number" value="00116" />
-      <option name="presentableId" value="LOCAL-00116" />
-      <option name="project" value="LOCAL" />
-      <updated>1711681303815</updated>
-    </task>
-    <task id="LOCAL-00117" summary="Export SocialSection">
-      <option name="closed" value="true" />
-      <created>1711682610806</created>
-      <option name="number" value="00117" />
-      <option name="presentableId" value="LOCAL-00117" />
-      <option name="project" value="LOCAL" />
-      <updated>1711682610806</updated>
+      <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" />
@@ -720,7 +707,23 @@
       <option name="project" value="LOCAL" />
       <updated>1712534850791</updated>
     </task>
-    <option name="localTasksCounter" value="165" />
+    <task id="LOCAL-00165" summary="Add logs to observe parseQtTerms in downstream package">
+      <option name="closed" value="true" />
+      <created>1712535101486</created>
+      <option name="number" value="00165" />
+      <option name="presentableId" value="LOCAL-00165" />
+      <option name="project" value="LOCAL" />
+      <updated>1712535101486</updated>
+    </task>
+    <task id="LOCAL-00166" summary="Add logs to observe parseQtTerms in downstream package">
+      <option name="closed" value="true" />
+      <created>1712535169690</created>
+      <option name="number" value="00166" />
+      <option name="presentableId" value="LOCAL-00166" />
+      <option name="project" value="LOCAL" />
+      <updated>1712535169690</updated>
+    </task>
+    <option name="localTasksCounter" value="167" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -778,7 +781,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Migrate from azure swa adapter to node adapter" />
     <MESSAGE value="Add cdktf" />
     <MESSAGE value="Implement cdktf for empty AppService" />
     <MESSAGE value="WIP: cdktf" />
@@ -803,6 +805,7 @@
     <MESSAGE value="Delay parsing for query terms after page transformation" />
     <MESSAGE value="Put parseQTTerms in afterUpdate instead of onMount" />
     <MESSAGE value="Add logs to observe queryTermMap in downstream package" />
-    <option name="LAST_COMMIT_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" />
   </component>
 </project>

package/.svelte-kit/__package__/components/combo_box/ComboBox.svelte

@@ -2,10 +2,10 @@
 export let stringItems = ["Select item"];
 export let selectedValue = "";
 selectedValue = stringItems.length === 0 ? "" : stringItems[0];
-</script>
-
-<select bind:value={selectedValue} class="select">
-	{#each stringItems as item}
-		<option value={item}>{item}</option>
-	{/each}
-</select>
+</script>
+
+<select bind:value={selectedValue} class="select">
+	{#each stringItems as item}
+		<option value={item}>{item}</option>
+	{/each}
+</select>

package/.svelte-kit/__package__/components/combo_box/ComboBoxWithButton.svelte

@@ -6,10 +6,10 @@ export let onClick = void 0;
 let onClickInternal = () => {
   onClick?.(selectedValue);
 };
-</script>
-
-<div class="combo-box-wrapper">
-	<button class="combo-box-side-button btn variant-filled-primary" on:click={onClickInternal}>+ Add entry</button>
-	<ComboBox bind:selectedValue={selectedValue}
-	          bind:stringItems={stringItems}></ComboBox>
-</div>
+</script>
+
+<div class="combo-box-wrapper">
+	<button class="combo-box-side-button btn variant-filled-primary" on:click={onClickInternal}>+ Add entry</button>
+	<ComboBox bind:selectedValue={selectedValue}
+	          bind:stringItems={stringItems}></ComboBox>
+</div>

package/.svelte-kit/__package__/components/combo_box/combo-box.postcss

@@ -1,22 +1,22 @@
-.combo-box-wrapper {
-    display: flex;
-}
-
-.select {
-    flex-grow: 1;
-    @apply variant-filled-primary;
-}
-
-.dark .select option {
-    background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
-}
-
-.combo-box-side-button {
-    @apply btn variant-filled-primary;
-}
-
-.dark .option,
-.dark .select,
-.dark .combo-box-side-button {
-    color: var(--color-text-50);
-}
+.combo-box-wrapper {
+    display: flex;
+}
+
+.select {
+    flex-grow: 1;
+    @apply variant-filled-primary;
+}
+
+.dark .select option {
+    background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
+}
+
+.combo-box-side-button {
+    @apply btn variant-filled-primary;
+}
+
+.dark .option,
+.dark .select,
+.dark .combo-box-side-button {
+    color: var(--color-text-50);
+}

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

@@ -1,4 +1,4 @@
-<script>import { afterUpdate, onMount } from "svelte";
+<script>import { onMount, afterUpdate } from "svelte";
 import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
 import { runChaos } from "./RunChaos";
 import SocialSection from "../../components/SocialSection.svelte";
@@ -51,6 +51,7 @@ const parseQTTerms = 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-"
@@ -125,7 +126,12 @@ onMount(async () => {
   if (letChaos) {
     runChaos(document.body);
     chaosDone = true;
-  } else {
+  }
+});
+let isParsed = false;
+afterUpdate(async () => {
+  if (!letChaos && !isParsed) {
+    isParsed = true;
     await parseQTTerms();
   }
 });

package/.svelte-kit/__package__/template/seaweed/entry_order_config/EntryOrderConfig.svelte

@@ -90,120 +90,120 @@ const removeEntry = (entry, group) => {
 };
 const allDefaultEntries = Array.from(GetAllEntryFromGlobal().keys());
 console.log("Test", Array.from(GetAllEntryFromGlobal().keys()));
-</script>
-
-<h3>Site ordering</h3>
-<blockquote>Sorry! This part of the website is still WIP, but here it is anyway. As long as it functions</blockquote>
-
-<!-- formatting: group1:entry1|entry2,group2:entry3
- : <= separates the group header, the entries, and the class
- | <= separates each entries
- , <= separates each group
- -->
-<div class="advanced-setting-list">
-	<!-- todo: we might have to extract this into it's own component -->
-	<!-- todo: NOW!!! -->
-	{#each seaweedEntries as group, groupIndex}
-		<div>
-			<div>
-				<button class="editable-button" on:click={removeGroup(group)}>X</button>
-				<!-- todo: move group up or down -->
-				<button class="editable-button" on:click={swapGroups(groupIndex, true)}>^</button>
-				<button class="editable-button" on:click={swapGroups(groupIndex, false)}>v</button>
-				{group.name}
-			</div>
-			<div class="advanced-setting-list card">
-				{#each group.items as entry, entryIndex}
-					<div class="editable-entry">
-						<button on:click={removeEntry(entry, group)}>-</button>
-						<button on:click={swapEntry(entryIndex, group, true)}>^</button>
-						<button on:click={swapEntry(entryIndex, group, false)}>v</button>
-						{entry.name}
-					</div>
-				{/each}
-			</div>
-
-			<ComboBoxWithButton stringItems={allDefaultEntries}
-			                    onClick={addEntry(group)}></ComboBoxWithButton>
-
-		</div>
-	{/each}
-</div>
-
-<style>
-    .advanced-setting-list {
-        display: flex;
-        flex-direction: column;
-    }
-
-    :is(.dark .editable-entry > button),:is(.dark  .editable-button) {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
-        color: rgb(var(--on-primary));
-}
-
-    .editable-entry > button:disabled, .editable-button:disabled {
-        cursor: not-allowed;
-        opacity: 0.5;
-}
-
-    .editable-entry > button:disabled:hover, .editable-button:disabled:hover {
-        --tw-brightness: brightness(1);
-        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-    .editable-entry > button:disabled:active, .editable-button:disabled:active {
-        --tw-scale-x: 1;
-        --tw-scale-y: 1;
-        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
-    .editable-entry > button, .editable-button {
-        font-size: 1rem;
-        line-height: 1.5rem;
-        padding-left: 1.25rem;
-        padding-right: 1.25rem;
-        padding-top: 9px;
-        padding-bottom: 9px;
-        white-space: nowrap;
-        text-align: center;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        transition-property: all;
-        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-        transition-duration: 150ms;
-        border-radius: var(--theme-rounded-base);
-}
-
-    .editable-entry > button > :not([hidden]) ~ :not([hidden]), .editable-button > :not([hidden]) ~ :not([hidden]) {
-        --tw-space-x-reverse: 0;
-        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
-    .editable-entry > button:hover, .editable-button:hover {
-        --tw-brightness: brightness(1.15);
-        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-    .editable-entry > button:active, .editable-button:active {
-        --tw-scale-x: 95%;
-        --tw-scale-y: 95%;
-        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-        --tw-brightness: brightness(.9);
-        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
-    .editable-entry > button, .editable-button {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
-        color: rgb(var(--on-primary));
-}
-
-    :is(.dark .editable-entry > button),:is(.dark  .editable-button) {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
-        color: rgb(var(--on-primary));
-}
-</style>
+</script>
+
+<h3>Site ordering</h3>
+<blockquote>Sorry! This part of the website is still WIP, but here it is anyway. As long as it functions</blockquote>
+
+<!-- formatting: group1:entry1|entry2,group2:entry3
+ : <= separates the group header, the entries, and the class
+ | <= separates each entries
+ , <= separates each group
+ -->
+<div class="advanced-setting-list">
+	<!-- todo: we might have to extract this into it's own component -->
+	<!-- todo: NOW!!! -->
+	{#each seaweedEntries as group, groupIndex}
+		<div>
+			<div>
+				<button class="editable-button" on:click={removeGroup(group)}>X</button>
+				<!-- todo: move group up or down -->
+				<button class="editable-button" on:click={swapGroups(groupIndex, true)}>^</button>
+				<button class="editable-button" on:click={swapGroups(groupIndex, false)}>v</button>
+				{group.name}
+			</div>
+			<div class="advanced-setting-list card">
+				{#each group.items as entry, entryIndex}
+					<div class="editable-entry">
+						<button on:click={removeEntry(entry, group)}>-</button>
+						<button on:click={swapEntry(entryIndex, group, true)}>^</button>
+						<button on:click={swapEntry(entryIndex, group, false)}>v</button>
+						{entry.name}
+					</div>
+				{/each}
+			</div>
+
+			<ComboBoxWithButton stringItems={allDefaultEntries}
+			                    onClick={addEntry(group)}></ComboBoxWithButton>
+
+		</div>
+	{/each}
+</div>
+
+<style>
+    .advanced-setting-list {
+        display: flex;
+        flex-direction: column;
+    }
+
+    :is(.dark .editable-entry > button),:is(.dark  .editable-button) {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-primary));
+}
+
+    .editable-entry > button:disabled, .editable-button:disabled {
+        cursor: not-allowed;
+        opacity: 0.5;
+}
+
+    .editable-entry > button:disabled:hover, .editable-button:disabled:hover {
+        --tw-brightness: brightness(1);
+        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+    .editable-entry > button:disabled:active, .editable-button:disabled:active {
+        --tw-scale-x: 1;
+        --tw-scale-y: 1;
+        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+    .editable-entry > button, .editable-button {
+        font-size: 1rem;
+        line-height: 1.5rem;
+        padding-left: 1.25rem;
+        padding-right: 1.25rem;
+        padding-top: 9px;
+        padding-bottom: 9px;
+        white-space: nowrap;
+        text-align: center;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        border-radius: var(--theme-rounded-base);
+}
+
+    .editable-entry > button > :not([hidden]) ~ :not([hidden]), .editable-button > :not([hidden]) ~ :not([hidden]) {
+        --tw-space-x-reverse: 0;
+        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
+        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
+    .editable-entry > button:hover, .editable-button:hover {
+        --tw-brightness: brightness(1.15);
+        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+    .editable-entry > button:active, .editable-button:active {
+        --tw-scale-x: 95%;
+        --tw-scale-y: 95%;
+        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+        --tw-brightness: brightness(.9);
+        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+    .editable-entry > button, .editable-button {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-primary));
+}
+
+    :is(.dark .editable-entry > button),:is(.dark  .editable-button) {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
+        color: rgb(var(--on-primary));
+}
+</style>

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: "b1dnc"
+	version_hash: "fbxgvv"
 };
 
 export async function get_hooks() {

package/dist/components/combo_box/ComboBox.svelte

@@ -2,10 +2,10 @@
 export let stringItems = ["Select item"];
 export let selectedValue = "";
 selectedValue = stringItems.length === 0 ? "" : stringItems[0];
-</script>
-
-<select bind:value={selectedValue} class="select">
-	{#each stringItems as item}
-		<option value={item}>{item}</option>
-	{/each}
-</select>
+</script>
+
+<select bind:value={selectedValue} class="select">
+	{#each stringItems as item}
+		<option value={item}>{item}</option>
+	{/each}
+</select>

package/dist/components/combo_box/ComboBoxWithButton.svelte

@@ -6,10 +6,10 @@ export let onClick = void 0;
 let onClickInternal = () => {
   onClick?.(selectedValue);
 };
-</script>
-
-<div class="combo-box-wrapper">
-	<button class="combo-box-side-button btn variant-filled-primary" on:click={onClickInternal}>+ Add entry</button>
-	<ComboBox bind:selectedValue={selectedValue}
-	          bind:stringItems={stringItems}></ComboBox>
-</div>
+</script>
+
+<div class="combo-box-wrapper">
+	<button class="combo-box-side-button btn variant-filled-primary" on:click={onClickInternal}>+ Add entry</button>
+	<ComboBox bind:selectedValue={selectedValue}
+	          bind:stringItems={stringItems}></ComboBox>
+</div>

package/dist/components/combo_box/combo-box.postcss

@@ -1,22 +1,22 @@
-.combo-box-wrapper {
-    display: flex;
-}
-
-.select {
-    flex-grow: 1;
-    @apply variant-filled-primary;
-}
-
-.dark .select option {
-    background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
-}
-
-.combo-box-side-button {
-    @apply btn variant-filled-primary;
-}
-
-.dark .option,
-.dark .select,
-.dark .combo-box-side-button {
-    color: var(--color-text-50);
-}
+.combo-box-wrapper {
+    display: flex;
+}
+
+.select {
+    flex-grow: 1;
+    @apply variant-filled-primary;
+}
+
+.dark .select option {
+    background-color: rgb(var(--color-primary-500) / var(--tw-bg-opacity));
+}
+
+.combo-box-side-button {
+    @apply btn variant-filled-primary;
+}
+
+.dark .option,
+.dark .select,
+.dark .combo-box-side-button {
+    color: var(--color-text-50);
+}

package/dist/template/seaweed/SeaweedTemplate.svelte

@@ -1,4 +1,4 @@
-<script>import { afterUpdate, onMount } from "svelte";
+<script>import { onMount, afterUpdate } from "svelte";
 import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
 import { runChaos } from "./RunChaos";
 import SocialSection from "../../components/SocialSection.svelte";
@@ -51,6 +51,7 @@ const parseQTTerms = 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-"
@@ -125,7 +126,12 @@ onMount(async () => {
   if (letChaos) {
     runChaos(document.body);
     chaosDone = true;
-  } else {
+  }
+});
+let isParsed = false;
+afterUpdate(async () => {
+  if (!letChaos && !isParsed) {
+    isParsed = true;
     await parseQTTerms();
   }
 });