Add loadResourceTree

Author: Polleps

package.json

@@ -6,7 +6,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.34.11",
+  "version": "0.35.0",
   "type": "module",
   "exports": {
     ".": {
@@ -45,11 +45,11 @@
   },
   "packageManager": "[email protected]",
   "dependencies": {
-    "@tomic/lib": "^0.34.11",
+    "@tomic/lib": "^0.35.0-beta.0",
     "eslint": "^8.30.0",
     "svelte": "^3.55.0"
   },
   "peerDependencies": {
-    "@tomic/lib": "0.34.x"
+    "@tomic/lib": "0.35.x"
   }
 }

pnpm-lock.yaml

@@ -23,6 +23,8 @@ const normalize = (value: JSONValue): string[] => {
  * This is only useful for SSR and SSG as the getResource functions don't wait for the resource to be fully available
  * causing SvelteKit to render incomplete pages.
  *
+ * When using **SvelteKit**, make sure you inject the custom fetch function into the store before calling this function.
+ *
  * **Example**:
  * ```ts
  * await loadResourceTree('https://myblog.com', {

src/loadResourceTree.ts

@@ -10,17 +10,20 @@ export const getResource = (
   const adStore = get(store);
 
   // eslint-disable-next-line prefer-const
-  let resource = readable<Resource>(undefined, set => {
-    set(adStore.getResourceLoading(subject, opts));
+  let resource = readable<Resource>(
+    adStore.getResourceLoading(subject, opts),
+    set => {
+      set(adStore.getResourceLoading(subject, opts));
 
-    const subscriber = (changedResource: Resource) => {
-      set(changedResource);
-    };
+      const subscriber = (changedResource: Resource) => {
+        set(changedResource);
+      };
 
-    adStore.subscribe(subject, subscriber);
+      adStore.subscribe(subject, subscriber);
 
-    return () => adStore.unsubscribe(subject, subscriber);
-  });
+      return () => adStore.unsubscribe(subject, subscriber);
+    },
+  );
 
   return resource;
 };