@warp-drive/ember 5.7.0-alpha.22 → 5.7.0-alpha.24

package/declarations/-private/request.d.ts

@@ -1,4 +1,5 @@
 import Component from "@glimmer/component";
+import type { ComponentLike } from "@glint/template";
 import type { Store, StoreRequestInput } from "@warp-drive/core";
 import type { Future } from "@warp-drive/core/request";
 import type { RequestLoadingState, RequestState, RequestSubscription } from "@warp-drive/core/store/-private";
@@ -28,6 +29,16 @@ interface RequestSignature<
 	E
 > {
 	Args: {
+		chrome?: ComponentLike<{
+			Blocks: {
+				default: [];
+			};
+			Args: {
+				state: RequestState | null;
+				features: ContentFeatures<RT>;
+			};
+		}>;
+		subscription?: RequestSubscription<RT, E>;
 		/**
 		* The request to monitor. This should be a `Future` instance returned
 		* by either the `store.request` or `store.requestManager.request` methods.
@@ -339,6 +350,19 @@ interface RequestSignature<
 	get store(): Store;
 	_state: RequestSubscription<RT, E> | null;
 	get state(): RequestSubscription<RT, E>;
+	/**
+	* The chrome component to use for rendering the request.
+	*
+	* @private
+	*/ get Chrome(): ComponentLike<{
+		Blocks: {
+			default: [];
+		};
+		Args: {
+			state: RequestState | null;
+			features: ContentFeatures<RT>;
+		};
+	}>;
 	willDestroy(): void;
 }
 export {};

package/declarations/index.d.ts

@@ -43,7 +43,7 @@
 *
 * @module
 */
-export { Request } from "./-private/request.js";
+export { Request, type ContentFeatures } from "./-private/request.js";
 export { Await, Throw } from "./-private/await.js";
 /**
 * PromiseState provides a reactive wrapper for a promise which allows you write declarative
@@ -212,4 +212,4 @@ export { getPromiseState } from "@warp-drive/core/store/-private";
 * @param future
 * @return {RequestState}
 */
-export { getRequestState, type RequestLoadingState } from "@warp-drive/core/store/-private";
+export { getRequestState, createRequestSubscription, type RequestLoadingState } from "@warp-drive/core/store/-private";

package/dist/index.js

@@ -1,10 +1,12 @@
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
 import { macroCondition, moduleExists, importSync, getGlobalConfig } from '@embroider/macros';
 import { getPromiseState, DISPOSE, createRequestSubscription } from '@warp-drive/core/store/-private';
-export { getPromiseState, getRequestState } from '@warp-drive/core/store/-private';
+export { createRequestSubscription, getPromiseState, getRequestState } from '@warp-drive/core/store/-private';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
 
 const and = (x, y) => Boolean(x && y);
 /**
@@ -129,6 +131,20 @@ function decorateFieldV2(prototype, prop, decorators, initializer) {
     deferDecorator(prototype, prop, desc);
   }
 }
+function decorateMethodV2(prototype, prop, decorators) {
+  const origDesc = Object.getOwnPropertyDescriptor(prototype, prop);
+  let desc = {
+    ...origDesc
+  };
+  for (let decorator of decorators) {
+    desc = decorator(prototype, prop, desc) || desc;
+  }
+  if (desc.initializer !== void 0) {
+    desc.value = desc.initializer ? desc.initializer.call(prototype) : void 0;
+    desc.initializer = void 0;
+  }
+  Object.defineProperty(prototype, prop, desc);
+}
 function initializeDeferredDecorator(target, prop) {
   let desc = findDeferredDecorator(target.constructor, prop);
   if (desc) {
@@ -167,6 +183,9 @@ if (macroCondition(moduleExists('ember-provide-consume-context'))) {
  * Utilities for keeping the request fresh
  */
 
+const DefaultChrome = setComponentTemplate(precompileTemplate("{{yield}}", {
+  strictMode: true
+}), templateOnly());
 /**
  * The `<Request />` component is a powerful tool for managing data fetching and
  * state in your Ember application. It provides a declarative approach to reactive
@@ -412,21 +431,40 @@ class Request extends Component {
     const {
       store
     } = this;
-    if (_state && _state.store !== store) {
+    const {
+      subscription
+    } = this.args;
+    if (_state && (_state.store !== store || subscription)) {
       _state[DISPOSE]();
       _state = null;
     }
+    if (subscription) {
+      return subscription;
+    }
     if (!_state) {
       this._state = _state = createRequestSubscription(store, this.args);
     }
     return _state;
   }
+  /**
+  * The chrome component to use for rendering the request.
+  *
+  * @private
+  */
+  get Chrome() {
+    return this.args.chrome || DefaultChrome;
+  }
+  static {
+    decorateMethodV2(this.prototype, "Chrome", [cached]);
+  }
   willDestroy() {
-    this._state[DISPOSE]();
-    this._state = null;
+    if (this._state) {
+      this._state[DISPOSE]();
+      this._state = null;
+    }
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#if (and this.state.isIdle (has-block \"idle\"))}}\n      {{yield to=\"idle\"}}\n\n    {{else if this.state.isIdle}}\n      <Throw @error={{IdleBlockMissingError}} />\n\n    {{else if this.state.reqState.isLoading}}\n      {{yield this.state.reqState.loadingState to=\"loading\"}}\n\n    {{else if (and this.state.reqState.isCancelled (has-block \"cancelled\"))}}\n      {{yield (notNull this.state.reqState.reason) this.state.errorFeatures to=\"cancelled\"}}\n\n    {{else if (and this.state.reqState.isError (has-block \"error\"))}}\n      {{yield (notNull this.state.reqState.reason) this.state.errorFeatures to=\"error\"}}\n\n    {{else if this.state.reqState.isSuccess}}\n      {{yield this.state.result this.state.contentFeatures to=\"content\"}}\n\n    {{else if (not this.state.reqState.isCancelled)}}\n      <Throw @error={{(notNull this.state.reqState.reason)}} />\n    {{/if}}\n\n    {{yield this.state.reqState to=\"always\"}}\n  ", {
+    setComponentTemplate(precompileTemplate("\n    <this.Chrome @state={{if this.state.isIdle null this.state.reqState}} @features={{this.state.contentFeatures}}>\n      {{#if (and this.state.isIdle (has-block \"idle\"))}}\n        {{yield to=\"idle\"}}\n\n      {{else if this.state.isIdle}}\n        <Throw @error={{IdleBlockMissingError}} />\n\n      {{else if this.state.reqState.isLoading}}\n        {{yield this.state.reqState.loadingState to=\"loading\"}}\n\n      {{else if (and this.state.reqState.isCancelled (has-block \"cancelled\"))}}\n        {{yield (notNull this.state.reqState.reason) this.state.errorFeatures to=\"cancelled\"}}\n\n      {{else if (and this.state.reqState.isError (has-block \"error\"))}}\n        {{yield (notNull this.state.reqState.reason) this.state.errorFeatures to=\"error\"}}\n\n      {{else if this.state.reqState.isSuccess}}\n        {{yield this.state.result this.state.contentFeatures to=\"content\"}}\n\n      {{else if (not this.state.reqState.isCancelled)}}\n        <Throw @error={{(notNull this.state.reqState.reason)}} />\n      {{/if}}\n\n      {{yield this.state.reqState to=\"always\"}}\n    </this.Chrome>\n  ", {
       strictMode: true,
       scope: () => ({
         and,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-drive/ember",
   "description": "Data bindings and utilities for Ember applications using WarpDrive",
-  "version": "5.7.0-alpha.22",
+  "version": "5.7.0-alpha.24",
   "license": "MIT",
   "author": "Chris Thoburn <runspired@users.noreply.github.com>",
   "repository": {
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@embroider/macros": "^1.16.12",
-    "@warp-drive/core": "5.7.0-alpha.22"
+    "@warp-drive/core": "5.7.0-alpha.24"
   },
   "peerDependenciesMeta": {
     "ember-provide-consume-context": {
@@ -60,8 +60,8 @@
     "@embroider/addon-dev": "^7.1.3",
     "@ember/test-helpers": "5.2.0",
     "@ember/test-waiters": "^4.1.0",
-    "@warp-drive/internal-config": "5.7.0-alpha.22",
-    "@warp-drive/core": "5.7.0-alpha.22",
+    "@warp-drive/internal-config": "5.7.0-alpha.24",
+    "@warp-drive/core": "5.7.0-alpha.24",
     "babel-plugin-ember-template-compilation": "^2.4.1",
     "ember-template-imports": "^4.3.0",
     "ember-source": "~6.3.0",