Add loading listener to @tomic/svelte getResource

Author: Polleps

.vscode/settings.json

@@ -13,7 +13,9 @@
     "javascript",
     "javascriptreact",
     "typescript",
-    "typescriptreact"
+    "typescriptreact",
+    "svelte",
+    "svlete.ts"
   ],
   "typescript.preferences.importModuleSpecifierEnding": "minimal",
   "eslint.alwaysShowStatus": true,

browser/CHANGELOG.md

@@ -29,6 +29,10 @@ This changelog covers all five packages, as they are (for now) updated as a whol
 - Fix types masquerading as esm module in cjs build.
 - `store.search()` now handles multiple values for the same property correctly.
 - [#1077](https://github.com/atomicdata-dev/atomic-server/issues/1077) Fix bug where resource.new would not be set back to true when saving fails.
+- Added `ResourceEvents.LoadingChange` event on `Resource` to listen for changes to the loading state of the resource.
+- Added `resource.stable` property to `Resource` to get a stable reference to the resource, even when it is proxied.
+- Added `resource.merge()` method to merge a resource into another resource while preserving local changes on the current resource.
+- `store.addResources()` now merges incoming resources with resources already present in the store.
 - SEMI BREAKING CHANGE: When using generated types by cli, @tomic/lib now requires them to be generated by @tomic/cli v0.41.0 or above.
 - BREAKING CHANGE: The `StoreEvents.ResourceRemoved` event callback now only receives the subject of the resource instead of the resource itself.
 

browser/svelte/eslint.config.js

@@ -20,7 +20,7 @@ export default [
     },
   },
   {
-    files: ['**/*.svelte'],
+    files: ['**/*.svelte', '**/*.svlete.ts'],
     languageOptions: {
       parserOptions: {
         parser: ts.parser,

browser/svelte/src/lib/stores/getResource.svelte.ts

@@ -66,13 +66,18 @@ export function getResource<T extends OptionalClass = never>(
       resource = proxyResource(resource.__internalObject);
     });
 
+    const unsubLoading = resource.on(ResourceEvents.LoadingChange, () => {
+      resource = proxyResource(resource.__internalObject);
+    });
+
     const unsubRemote = store.subscribe(subject, r => {
       resource = proxyResource(r);
     });
 
     return () => {
       unsubLocal();
       unsubRemote();
+      unsubLoading();
     };
   });