@turnipxenon/pineapple 2.4.53 → 2.4.54

package/.idea/workspace.xml

@@ -4,7 +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 parseQtTerms in downstream package">
+    <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" />
       <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" />
@@ -107,41 +108,41 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <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/cdktf&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 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>
+}]]></component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
+      <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,15 +330,7 @@
       <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>
+      <workItem from="1712536086680" duration="3391000" />
     </task>
     <task id="LOCAL-00119" summary="Change media to containre">
       <option name="closed" value="true" />
@@ -723,7 +716,15 @@
       <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>
+    <option name="localTasksCounter" value="168" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -781,7 +782,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" />
@@ -806,6 +806,7 @@
     <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" />
+    <option name="LAST_COMMIT_MESSAGE" value="Move parseQtTerm on afterUpdate" />
   </component>
 </project>

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,13 +8,13 @@ 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";
 export let letChaos = true;
 export let name = "Turnip";
 export let email = "turnipxenon@gmail.com";
@@ -25,7 +25,6 @@ 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) => {

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: "kjai7p"
 };
 
 export async function get_hooks() {

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,13 +8,13 @@ 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";
 export let letChaos = true;
 export let name = "Turnip";
 export let email = "turnipxenon@gmail.com";
@@ -25,7 +25,6 @@ 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) => {

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.54",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",

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,7 @@
 		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";
 
 	export let letChaos = true;
 	export let name = "Turnip";
@@ -34,7 +33,6 @@
 		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();
 		}
 	});