ember-primitives 0.35.0 → 0.36.0

package/declarations/load.d.ts

@@ -0,0 +1,37 @@
+import type { ComponentLike } from "@glint/template";
+interface LoadSignature<Expected = {
+    Args: any;
+}> {
+    Blocks: {
+        loading: [];
+        error: [
+            {
+                original: unknown;
+                reason: string;
+            }
+        ];
+        success?: [component: ComponentLike<Expected>];
+    };
+}
+/**
+ * Loads a value / promise / function providing state for the lifetime of that value / promise / function.
+ *
+ * Can be used for manual bundle splitting via await importing components.
+ *
+ * @example
+ * ```gjs
+ * import { load } from 'ember-primitives/load';
+ *
+ * const Loader = load(() => import('./routes/sub-route'));
+ *
+ * <template>
+ *   <Loader>
+ *     <:loading> ... loading ... </:loading>
+ *     <:error as |error|> ... error! {{error.reason}} </:error>
+ *     <:success as |component|> <component /> </:success>
+ *   </Loader>
+ * </template>
+ * ```
+ */
+export declare function load<ExpectedSignature, Value>(fn: Value | Promise<Value> | (() => Promise<Value>) | (() => Value)): ComponentLike<LoadSignature<ExpectedSignature>>;
+export {};

package/dist/load.js

@@ -0,0 +1,42 @@
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { getPromiseState } from 'reactiveweb/get-promise-state';
+
+/**
+ * Loads a value / promise / function providing state for the lifetime of that value / promise / function.
+ *
+ * Can be used for manual bundle splitting via await importing components.
+ *
+ * @example
+ * ```gjs
+ * import { load } from 'ember-primitives/load';
+ *
+ * const Loader = load(() => import('./routes/sub-route.gts'));
+ *
+ * <template>
+ *   <Loader>
+ *     <:loading> ... loading ... </:loading>
+ *     <:error as |error|> ... error! {{error.reason}} </:error>
+ *     <:success as |component|> <component /> </:success>
+ *   </Loader>
+ * </template>
+ * ```
+ */
+function load(fn) {
+  return setComponentTemplate(precompileTemplate("{{#let (getPromiseState fn) as |state|}}\n  {{#if state.isLoading}}\n    {{yield to=\"loading\"}}\n  {{else if state.error}}\n    {{yield state.error to=\"error\"}}\n  {{else if state.resolved}}\n    {{#if (has-block \"success\")}}\n      {{yield state.resolved to=\"success\"}}\n    {{else}}\n      <state.component />\n    {{/if}}\n  {{/if}}\n{{/let}}", {
+    strictMode: true,
+    /**
+     * The old setComponentTemplate + precompileTemplate combo
+     * does not allow defining things in this scope object,
+     * we _have_ to use the shorthand.
+     */
+    scope: () => ({
+      fn,
+      getPromiseState
+    })
+  }), templateOnly());
+}
+
+export { load };
+//# sourceMappingURL=load.js.map

package/dist/load.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"load.js","sources":["../src/load.gts"],"sourcesContent":["import { setComponentTemplate } from \"@ember/component\";\nimport templateOnly from \"@ember/component/template-only\";\n// Have to use these until min ember version is like 6.3 or something\nimport { precompileTemplate } from \"@ember/template-compilation\";\n\nimport { getPromiseState } from \"reactiveweb/get-promise-state\";\n\nimport type { ComponentLike } from \"@glint/template\";\n\ninterface LoadSignature<\n  Expected = {\n    Args: any;\n  },\n> {\n  Blocks: {\n    loading: [];\n    error: [\n      {\n        original: unknown;\n        reason: string;\n      },\n    ];\n    success?: [component: ComponentLike<Expected>];\n  };\n}\n\n/**\n * Loads a value / promise / function providing state for the lifetime of that value / promise / function.\n *\n * Can be used for manual bundle splitting via await importing components.\n *\n * @example\n * ```gjs\n * import { load } from 'ember-primitives/load';\n *\n * const Loader = load(() => import('./routes/sub-route.gts'));\n *\n * <template>\n *   <Loader>\n *     <:loading> ... loading ... </:loading>\n *     <:error as |error|> ... error! {{error.reason}} </:error>\n *     <:success as |component|> <component /> </:success>\n *   </Loader>\n * </template>\n * ```\n */\nexport function load<ExpectedSignature, Value>(\n  fn: Value | Promise<Value> | (() => Promise<Value>) | (() => Value),\n): ComponentLike<LoadSignature<ExpectedSignature>> {\n  return setComponentTemplate(\n    precompileTemplate(\n      `{{#let (getPromiseState fn) as |state|}}\n  {{#if state.isLoading}}\n    {{yield to=\"loading\"}}\n  {{else if state.error}}\n    {{yield state.error to=\"error\"}}\n  {{else if state.resolved}}\n    {{#if (has-block \"success\")}}\n      {{yield state.resolved to=\"success\"}}\n    {{else}}\n      <state.component />\n    {{/if}}\n  {{/if}}\n{{/let}}`,\n      {\n        strictMode: true,\n        /**\n         * The old setComponentTemplate + precompileTemplate combo\n         * does not allow defining things in this scope object,\n         * we _have_ to use the shorthand.\n         */\n        scope: () => ({ fn, getPromiseState }),\n      },\n    ),\n    templateOnly(),\n  ) as ComponentLike<LoadSignature<ExpectedSignature>>;\n}\n"],"names":["load","fn","setComponentTemplate","precompileTemplate","strictMode","scope","getPromiseState","templateOnly"],"mappings":";;;;;AA0BA;;;;;;;;;;;;;;;;;;;AAmBC;AACM,SAASA,IAAAA,CACdC,EAAmE,EACtC;EAC7B,OAAOC,oBAAA,CACLC,wXAcE;AACEC,IAAAA,UAAA,EAAY,IAAA;AACZ;;;;;AAKAC,IAAAA,KAAA,EAAAA,OAAA;MAAAJ,EAAA;AAAAK,MAAAA;AAAA,KAAA;AACF,GAAA,CAAA,EAEFC,YAAA,EAAA,CAAA;AAEJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-primitives",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "description": "Making apps easier to build",
   "sideEffects": [
     "*.css"
@@ -24,7 +24,7 @@
     "decorator-transforms": "^2.3.0",
     "ember-element-helper": "^0.8.8",
     "form-data-utils": "^0.6.0",
-    "reactiveweb": "^1.4.2",
+    "reactiveweb": "^1.8.0",
     "should-handle-link": "^1.2.2",
     "tabster": "^8.5.5",
     "tracked-built-ins": "^4.0.0",