@warp-drive-mirror/ember 5.7.0-alpha.3 → 5.7.0-alpha.30

package/README.md

@@ -18,7 +18,7 @@
 
 ---
 
-```cli
+```sh
 pnpm install @warp-drive-mirror/ember
 ```
 

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

@@ -1,80 +1,28 @@
 import Component from "@glimmer/component";
-import type { Store, StoreRequestInput } from "@warp-drive-mirror/core";
-import type { Future } from "@warp-drive-mirror/core/request";
-import type { RequestLoadingState, RequestState, RequestSubscription } from "@warp-drive-mirror/core/store/-private";
+import type { ComponentLike } from "@glint/template";
+import type { RequestManager, Store } from "@warp-drive-mirror/core";
+import type { ContentFeatures, RecoveryFeatures, RequestArgs, RequestLoadingState, RequestState, RequestSubscription } from "@warp-drive-mirror/core/store/-private";
 import type { StructuredErrorDocument } from "@warp-drive-mirror/core/types/request";
-type AutorefreshBehaviorType = "online" | "interval" | "invalid";
-type AutorefreshBehaviorCombos = boolean | AutorefreshBehaviorType | `${AutorefreshBehaviorType},${AutorefreshBehaviorType}` | `${AutorefreshBehaviorType},${AutorefreshBehaviorType},${AutorefreshBehaviorType}`;
-type ContentFeatures<RT> = {
-	isOnline: boolean;
-	isHidden: boolean;
-	isRefreshing: boolean;
-	refresh: () => Promise<void>;
-	reload: () => Promise<void>;
-	abort?: () => void;
-	latestRequest?: Future<RT>;
-};
+export { ContentFeatures, RecoveryFeatures };
+export interface EmberRequestArgs<
+	RT,
+	E
+> extends RequestArgs<RT, E> {
+	chrome?: ComponentLike<{
+		Blocks: {
+			default: [];
+		};
+		Args: {
+			state: RequestState | null;
+			features: ContentFeatures<RT>;
+		};
+	}>;
+}
 interface RequestSignature<
 	RT,
-	T,
 	E
 > {
-	Args: {
-		/**
-		* The request to monitor. This should be a `Future` instance returned
-		* by either the `store.request` or `store.requestManager.request` methods.
-		*
-		*/ request?: Future<RT>;
-		/**
-		* A query to use for the request. This should be an object that can be
-		* passed to `store.request`. Use this in place of `@request` if you would
-		* like the component to also initiate the request.
-		*
-		*/ query?: StoreRequestInput<RT, T>;
-		/**
-		* The store instance to use for making requests. If contexts are available,
-		* the component will default to using the `store` on the context.
-		*
-		* This is required if the store is not available via context or should be
-		* different from the store provided via context.
-		*
-		*/ store?: Store;
-		/**
-		* The autorefresh behavior for the request. This can be a boolean, or any
-		* combination of the following values: `'online'`, `'interval'`, `'invalid'`.
-		*
-		* - `'online'`: Refresh the request when the browser comes back online
-		* - `'interval'`: Refresh the request at a specified interval
-		* - `'invalid'`: Refresh the request when the store emits an invalidation
-		*
-		* If `true`, this is equivalent to `'online,invalid'`.
-		*
-		* Defaults to `false`.
-		*
-		*/ autorefresh?: AutorefreshBehaviorCombos;
-		/**
-		* The number of milliseconds to wait before refreshing the request when the
-		* browser comes back online or the network becomes available.
-		*
-		* This also controls the interval at which the request will be refreshed if
-		* the `interval` autorefresh type is enabled.
-		*
-		* Defaults to `30_000` (30 seconds).
-		*
-		*/ autorefreshThreshold?: number;
-		/**
-		* The behavior of the request initiated by autorefresh. This can be one of
-		* the following values:
-		*
-		* - `'refresh'`: Refresh the request in the background
-		* - `'reload'`: Force a reload of the request
-		* - `'policy'` (**default**): Let the store's configured CachePolicy decide whether to
-		*    reload, refresh, or do nothing.
-		*
-		* Defaults to `'policy'`.
-		*
-		*/ autorefreshBehavior?: "refresh" | "reload" | "policy";
-	};
+	Args: EmberRequestArgs<RT, E>;
 	Blocks: {
 		/**
 		* The block to render when the component is idle and waiting to be given a request.
@@ -87,28 +35,19 @@ interface RequestSignature<
 		/**
 		* The block to render when the request was cancelled.
 		*
-		*/ cancelled: [error: StructuredErrorDocument<E>, features: {
-			isOnline: boolean;
-			isHidden: boolean;
-			retry: () => Promise<void>;
-		}];
+		*/ cancelled: [error: StructuredErrorDocument<E>, features: RecoveryFeatures];
 		/**
 		* The block to render when the request failed. If this block is not provided,
 		* the error will be rethrown.
 		*
 		* Thus it is required to provide an error block and proper error handling if
 		* you do not want the error to crash the application.
-		*
-		*/ error: [error: StructuredErrorDocument<E>, features: {
-			isOnline: boolean;
-			isHidden: boolean;
-			retry: () => Promise<void>;
-		}];
+		*/ error: [error: StructuredErrorDocument<E>, features: RecoveryFeatures];
 		/**
 		* The block to render when the request succeeded.
 		*
 		*/ content: [value: RT, features: ContentFeatures<RT>];
-		always: [state: RequestState<RT, T, StructuredErrorDocument<E>>];
+		always: [state: RequestState<RT, StructuredErrorDocument<E>>];
 	};
 }
 /**
@@ -325,22 +264,26 @@ interface RequestSignature<
 * same, only one actual request will be made.
 *
 *
-* @class <Request />
 * @public
 */ export declare class Request<
 	RT,
-	T,
 	E
-> extends Component<RequestSignature<RT, T, E>> {
+> extends Component<RequestSignature<RT, E>> {
+	get store(): Store | RequestManager;
+	_state: RequestSubscription<RT, E> | null;
+	get state(): RequestSubscription<RT, E>;
 	/**
-	* The store instance to use for making requests. If contexts are available, this
-	* will be the `store` on the context, else it will be the store service.
+	* The chrome component to use for rendering the request.
 	*
-	* @internal
-	*/ _store: Store;
-	get store(): Store;
-	_state: RequestSubscription<RT, T, E> | null;
-	get state(): RequestSubscription<RT, T, E>;
+	* @private
+	*/ get Chrome(): ComponentLike<{
+		Blocks: {
+			default: [];
+		};
+		Args: {
+			state: RequestState | null;
+			features: ContentFeatures<RT>;
+		};
+	}>;
 	willDestroy(): void;
 }
-export {};

package/declarations/index.d.ts

@@ -3,7 +3,7 @@
 *
 * ## Installation
 *
-* ```cli
+* ```sh
 * pnpm install @warp-drive-mirror/ember
 * ```
 *
@@ -43,7 +43,7 @@
 *
 * @module
 */
-export { Request } from "./-private/request.js";
+export { Request, type ContentFeatures, type RecoveryFeatures } from "./-private/request.js";
 export { Await, Throw } from "./-private/await.js";
 /**
 * PromiseState provides a reactive wrapper for a promise which allows you write declarative
@@ -146,7 +146,7 @@ export { getPromiseState } from "@warp-drive-mirror/core/store/-private";
 * interface Future<T> extends Promise<T>> {
 *   getStream(): Promise<ReadableStream>;
 *   abort(): void;
-*   lid: StableDocumentIdentifier | null;
+*   lid: RequestKey | null;
 * }
 * ```
 *
@@ -212,4 +212,4 @@ export { getPromiseState } from "@warp-drive-mirror/core/store/-private";
 * @param future
 * @return {RequestState}
 */
-export { getRequestState, type RequestLoadingState } from "@warp-drive-mirror/core/store/-private";
+export { getRequestState, createRequestSubscription, type RequestLoadingState } from "@warp-drive-mirror/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-mirror/core/store/-private';
-export { getPromiseState, getRequestState } from '@warp-drive-mirror/core/store/-private';
+export { createRequestSubscription, getPromiseState, getRequestState } from '@warp-drive-mirror/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) {
@@ -158,6 +174,9 @@ if (macroCondition(moduleExists('ember-provide-consume-context'))) {
   } = importSync('ember-provide-consume-context');
   consume = contextConsume;
 }
+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
@@ -372,7 +391,6 @@ if (macroCondition(moduleExists('ember-provide-consume-context'))) {
  * same, only one actual request will be made.
  *
  *
- * @class <Request />
  * @public
  */
 class Request extends Component {
@@ -403,21 +421,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-mirror/ember",
   "description": "Data bindings and utilities for Ember applications using WarpDrive",
-  "version": "5.7.0-alpha.3",
+  "version": "5.7.0-alpha.30",
   "license": "MIT",
   "author": "Chris Thoburn <runspired@users.noreply.github.com>",
   "repository": {
@@ -37,8 +37,8 @@
     "ember-provide-consume-context": "^0.7.0"
   },
   "dependencies": {
-    "@embroider/macros": "^1.16.12",
-    "@warp-drive-mirror/core": "5.7.0-alpha.3"
+    "@embroider/macros": "^1.18.1",
+    "@warp-drive-mirror/core": "5.7.0-alpha.30"
   },
   "peerDependenciesMeta": {
     "ember-provide-consume-context": {
@@ -46,28 +46,28 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.26.10",
-    "@babel/plugin-transform-typescript": "^7.27.0",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-typescript": "^7.27.0",
-    "@babel/runtime": "^7.27.0",
+    "@babel/core": "^7.28.0",
+    "@babel/plugin-transform-typescript": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-typescript": "^7.27.1",
+    "@babel/runtime": "^7.28.2",
     "@glimmer/component": "^2.0.0",
-    "@glint/core": "unstable",
-    "@glint/environment-ember-loose": "unstable",
-    "@glint/environment-ember-template-imports": "unstable",
-    "@glint/template": "unstable",
+    "@glint/core": "alpha",
+    "@glint/environment-ember-loose": "alpha",
+    "@glint/environment-ember-template-imports": "alpha",
+    "@glint/template": "alpha",
     "decorator-transforms": "^2.3.0",
-    "@embroider/addon-dev": "^7.1.3",
+    "@embroider/addon-dev": "^7.1.5",
     "@ember/test-helpers": "5.2.0",
     "@ember/test-waiters": "^4.1.0",
-    "@warp-drive/internal-config": "5.7.0-alpha.3",
-    "@warp-drive-mirror/core": "5.7.0-alpha.3",
+    "@warp-drive/internal-config": "5.7.0-alpha.30",
+    "@warp-drive-mirror/core": "5.7.0-alpha.30",
     "babel-plugin-ember-template-compilation": "^2.4.1",
     "ember-template-imports": "^4.3.0",
-    "ember-source": "~6.3.0",
+    "ember-source": "~6.6.0",
     "rollup": "^4.40.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.2",
     "ember-provide-consume-context": "^0.7.0"
   },
   "volta": {
@@ -76,7 +76,12 @@
   "ember-addon": {
     "main": "addon-main.cjs",
     "type": "addon",
-    "version": 2
+    "version": 2,
+    "externals": [
+      "@ember/-internals",
+      "@ember/-internals/metal",
+      "@glimmer/validator"
+    ]
   },
   "ember": {
     "edition": "octane"