unwrapped 0.1.0 → 0.1.2

package/dist/vue/index.js

@@ -0,0 +1,183 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/vue/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AsyncResultLoader: () => AsyncResultLoader,
+  buildCustomAsyncResultLoader: () => buildCustomAsyncResultLoader,
+  useAsyncResultRef: () => useAsyncResultRef,
+  useAsyncResultRefFromPromise: () => useAsyncResultRefFromPromise,
+  useGenerator: () => useGenerator,
+  useImmediateAction: () => useImmediateAction,
+  useLazyAction: () => useLazyAction,
+  useLazyGenerator: () => useLazyGenerator,
+  useReactiveAction: () => useReactiveAction,
+  useReactiveGenerator: () => useReactiveGenerator,
+  useReactiveResult: () => useReactiveResult
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/vue/composables.ts
+var import_vue = require("vue");
+var import_core = require("unwrapped/core");
+function useAsyncResultRef(asyncResult) {
+  const state = (0, import_vue.ref)(asyncResult);
+  const unsub = asyncResult.listen(() => {
+    (0, import_vue.triggerRef)(state);
+  });
+  (0, import_vue.onUnmounted)(() => {
+    unsub();
+  });
+  return state;
+}
+function useReactiveResult(source, pipe, options = { immediate: true }) {
+  const result = new import_core.AsyncResult();
+  const resultRef = useAsyncResultRef(result);
+  let unsub = null;
+  (0, import_vue.watch)(source, (newInputs) => {
+    unsub?.();
+    unsub = result.mirror(pipe(newInputs));
+  }, { immediate: options.immediate });
+  (0, import_vue.onUnmounted)(() => {
+    unsub?.();
+  });
+  return resultRef;
+}
+function useAsyncResultRefFromPromise(promise) {
+  return useAsyncResultRef(import_core.AsyncResult.fromResultPromise(promise));
+}
+function useImmediateAction(action) {
+  return useAsyncResultRefFromPromise(action());
+}
+function useLazyAction(action) {
+  const result = new import_core.AsyncResult();
+  const resultRef = useAsyncResultRef(result);
+  const trigger = () => {
+    result.updateFromResultPromise(action());
+  };
+  return { resultRef, trigger };
+}
+function useReactiveAction(input, pipe, options = { immediate: true }) {
+  const source = typeof input === "function" ? (0, import_vue.computed)(input) : (0, import_vue.toRef)(input);
+  const outputRef = (0, import_vue.ref)(new import_core.AsyncResult());
+  let unsub = null;
+  (0, import_vue.watch)(source, () => {
+    unsub?.();
+    const newOutput = pipe(source.value);
+    unsub = newOutput.listen((newState) => {
+      outputRef.value.setState(newState.state);
+      (0, import_vue.triggerRef)(outputRef);
+    });
+  }, { immediate: options.immediate });
+  (0, import_vue.onUnmounted)(() => {
+    unsub?.();
+  });
+  return outputRef;
+}
+function useGenerator(generatorFunc) {
+  const resultRef = useAsyncResultRef(import_core.AsyncResult.run(generatorFunc));
+  return resultRef;
+}
+function useLazyGenerator(generatorFunc) {
+  const result = new import_core.AsyncResult();
+  const resultRef = useAsyncResultRef(result);
+  const trigger = () => {
+    result.runInPlace(generatorFunc);
+  };
+  return { resultRef, trigger };
+}
+function useReactiveGenerator(source, generatorFunc, options = { immediate: true }) {
+  const resultRef = useAsyncResultRef(new import_core.AsyncResult());
+  (0, import_vue.watch)(source, (newInputs) => {
+    resultRef.value.runInPlace(() => generatorFunc(newInputs));
+  }, { immediate: options.immediate });
+  return resultRef;
+}
+
+// src/vue/components/asyncResultLoader.ts
+var import_vue2 = require("vue");
+var AsyncResultLoader = (0, import_vue2.defineComponent)({
+  name: "AsyncResultLoader",
+  props: {
+    result: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, { slots }) {
+    const state = (0, import_vue2.ref)(props.result.state);
+    let unlisten = null;
+    (0, import_vue2.onUnmounted)(() => {
+      if (unlisten) unlisten();
+    });
+    (0, import_vue2.watch)(
+      () => props.result,
+      (newResult) => {
+        if (unlisten) unlisten();
+        state.value = newResult.state;
+        unlisten = newResult.listen((res) => {
+          state.value = res.state;
+        });
+      },
+      { immediate: true }
+    );
+    return () => {
+      const s = state.value;
+      switch (s.status) {
+        case "loading":
+          return slots.loading ? slots.loading() : (0, import_vue2.h)("div", { class: "loading" }, "Loading\u2026");
+        case "error":
+          return slots.error ? slots.error({ error: s.error }) : (0, import_vue2.h)("div", { class: "error" }, `Error: ${s.error}`);
+        case "success":
+          return slots.default ? slots.default({ value: s.value }) : null;
+        default:
+          return slots.idle ? slots.idle() : (0, import_vue2.h)("div", { class: "idle" }, "Idle");
+      }
+    };
+  }
+});
+function buildCustomAsyncResultLoader(slots) {
+  const comp = (0, import_vue2.defineComponent)({
+    name: "CustomAsyncResultLoader",
+    props: {
+      result: {
+        type: Object,
+        required: true
+      }
+    },
+    setup(props, context) {
+      return () => {
+        const renderLoading = context.slots.loading ?? slots.loading ?? (() => void 0);
+        const renderError = context.slots.error ?? slots.error ?? (() => void 0);
+        return (0, import_vue2.h)(
+          AsyncResultLoader,
+          { result: props.result },
+          {
+            default: context.slots.default ? (propsDefault) => context.slots.default(propsDefault) : void 0,
+            loading: () => renderLoading(),
+            error: ((propsError) => renderError(propsError))
+          }
+        );
+      };
+    }
+  });
+  return comp;
+}
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/vue/index.ts","../../src/vue/composables.ts","../../src/vue/components/asyncResultLoader.ts"],"sourcesContent":["export * from \"./composables\"\nexport * from \"./components/asyncResultLoader\"","import { computed, onUnmounted, ref, toRef, triggerRef, watch, type Ref, type WatchSource } from \"vue\";\nimport { AsyncResult, type FlatChainFunction, type Result } from \"unwrapped/core\";\n\nexport function useAsyncResultRef<T, E>(asyncResult: AsyncResult<T, E>) {\n  const state = ref<AsyncResult<T, E>>(asyncResult) as Ref<AsyncResult<T, E>>;\n\n  const unsub = asyncResult.listen(() => {\n    triggerRef(state);\n  });\n\n  onUnmounted(() => {\n    unsub();\n  });\n\n  return state;\n}\n\nexport function useReactiveResult<T, E, Inputs>(source: WatchSource<Inputs>, pipe: FlatChainFunction<Inputs, T, E>, options:{ immediate: boolean } = { immediate: true }): Ref<AsyncResult<T, E>> {\n  const result = new AsyncResult<T, E>();\n  const resultRef = useAsyncResultRef(result);\n\n  let unsub: (() => void) | null = null;\n\n  watch(source, (newInputs) => {\n    unsub?.();\n    unsub = result.mirror(pipe(newInputs));\n  }, { immediate: options.immediate });\n  \n  onUnmounted(() => {\n    unsub?.();\n  });\n\n  return resultRef;\n}\n\nexport function useAsyncResultRefFromPromise<T, E>(promise: Promise<Result<T, E>>) {\n  return useAsyncResultRef(AsyncResult.fromResultPromise(promise));\n}\n\nexport type Action<T,E> = () => Promise<Result<T, E>>;\nexport function useImmediateAction<T, E>(action: Action<T, E>): Ref<AsyncResult<T, E>> {\n  return useAsyncResultRefFromPromise(action());\n}\nexport interface LazyActionReturn<T, E> {\n  resultRef: Ref<AsyncResult<T, E>>;\n  trigger: () => void;\n}\n\nexport function useLazyAction<T, E>(action: Action<T, E>): LazyActionReturn<T, E> {\n  const result = new AsyncResult<T, E>();\n  const resultRef = useAsyncResultRef(result);\n\n  const trigger = () => {\n    result.updateFromResultPromise(action());\n  }\n\n  return { resultRef, trigger };\n}\n\nexport function useReactiveAction<I, O, E>(input: I | Ref<I> | (() => I), pipe: FlatChainFunction<I, O, E>, options:{ immediate: boolean } = { immediate: true }): Ref<AsyncResult<O, E>> {\n  const source = typeof input === 'function' ? computed(input as () => I) : toRef(input)\n\n  const outputRef = ref<AsyncResult<O, E>>(new AsyncResult()) as Ref<AsyncResult<O, E>>;\n  let unsub: (() => void) | null = null;\n\n  watch(source, () => {\n    unsub?.();\n    const newOutput = pipe(source.value);\n    unsub = newOutput.listen((newState) => {\n      outputRef.value.setState(newState.state);\n      triggerRef(outputRef);\n    });\n  }, { immediate: options.immediate });\n\n  onUnmounted(() => {\n    unsub?.();\n  });\n\n  return outputRef;\n}\n\nexport function useGenerator<T>(generatorFunc: () => Generator<AsyncResult<any, any>, T, any>): Ref<AsyncResult<T, any>> {\n  const resultRef = useAsyncResultRef(AsyncResult.run(generatorFunc));\n  return resultRef;\n}\n\nexport function useLazyGenerator<T>(generatorFunc: () => Generator<AsyncResult<any, any>, T, any>): { resultRef: Ref<AsyncResult<T, any>>, trigger: () => void } {\n  const result = new AsyncResult<T, any>();\n  const resultRef = useAsyncResultRef(result);\n\n  const trigger = () => {\n    result.runInPlace(generatorFunc);\n  }\n\n  return { resultRef, trigger };\n}\n\nexport function useReactiveGenerator<T, E, Inputs>(source: WatchSource<Inputs>, generatorFunc: (args: Inputs) => Generator<AsyncResult<any, any>, T, any>, options:{ immediate: boolean } = { immediate: true }): Ref<AsyncResult<T, E>> {\n  const resultRef = useAsyncResultRef(new AsyncResult<T, E>());\n\n  watch(source, (newInputs) => {\n    resultRef.value.runInPlace(() => generatorFunc(newInputs));\n  }, { immediate: options.immediate });\n\n  return resultRef;\n}","import { defineComponent, ref, watch, onUnmounted, h, type VNode } from \"vue\"\nimport type { AsyncResult, AsyncResultState } from \"unwrapped/core\"\n\nexport const AsyncResultLoader = defineComponent({\n    name: \"AsyncResultLoader\",\n\n    props: {\n        result: {\n            type: Object as () => AsyncResult<unknown, unknown>,\n            required: true\n        }\n    },\n\n    setup(props, { slots }) {\n        const state = ref<AsyncResultState<unknown, unknown>>(props.result.state)\n        let unlisten: (() => void) | null = null\n\n        // Unsubscribe on destroy\n        onUnmounted(() => {\n            if (unlisten) unlisten()\n        })\n\n        // Watch for prop changes & update listener\n        watch(\n            () => props.result,\n            (newResult) => {\n                if (unlisten) unlisten()\n                state.value = newResult.state\n                unlisten = newResult.listen((res) => {\n                    state.value = res.state\n                })\n            },\n            { immediate: true }\n        )\n\n        return () => {\n            const s = state.value\n\n            // Choose what to render based on status\n            switch (s.status) {\n                case \"loading\":\n                    return slots.loading\n                        ? slots.loading()\n                        : h(\"div\", { class: \"loading\" }, \"Loading…\")\n\n                case \"error\":\n                    return slots.error\n                        ? slots.error({ error: s.error })\n                        : h(\"div\", { class: \"error\" }, `Error: ${s.error}`)\n\n                case \"success\":\n                    return slots.default\n                        ? slots.default({ value: s.value })\n                        : null\n\n                default:\n                    // \"idle\"\n                    return slots.idle\n                        ? slots.idle()\n                        : h(\"div\", { class: \"idle\" }, \"Idle\")\n            }\n        }\n    }\n})\n\ninterface CustomSlots<E> {\n    loading?: () => VNode;\n    error?: (props: { error: E }) => VNode;\n}\n\nexport function buildCustomAsyncResultLoader<T, E>(slots: CustomSlots<E>) {\n    const comp = defineComponent({\n        name: \"CustomAsyncResultLoader\",\n        props: {\n            result: {\n                type: Object as () => AsyncResult<T, E>,\n                required: true\n            }\n        },\n        setup(props, context) {\n            return () => {\n                const renderLoading = context.slots.loading ?? slots.loading ?? (() => undefined);\n                const renderError = context.slots.error ?? slots.error ?? (() => undefined);\n                return h(\n                    AsyncResultLoader,\n                    { result: props.result },\n                    {\n                        default: context.slots.default ? (propsDefault: { value: T }) => context.slots.default!(propsDefault) : undefined,\n\n                        loading: () => renderLoading(),\n                        error: ((propsError: { error: E }) => renderError(propsError))\n                    }\n                )\n            }\n        }\n    });\n\n    return comp;\n}\n"],"mappings":"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","names":["import_vue"]}

package/dist/vue/index.mjs

@@ -0,0 +1,160 @@
+// src/vue/composables.ts
+import { computed, onUnmounted, ref, toRef, triggerRef, watch } from "vue";
+import { AsyncResult } from "unwrapped/core";
+function useAsyncResultRef(asyncResult) {
+  const state = ref(asyncResult);
+  const unsub = asyncResult.listen(() => {
+    triggerRef(state);
+  });
+  onUnmounted(() => {
+    unsub();
+  });
+  return state;
+}
+function useReactiveResult(source, pipe, options = { immediate: true }) {
+  const result = new AsyncResult();
+  const resultRef = useAsyncResultRef(result);
+  let unsub = null;
+  watch(source, (newInputs) => {
+    unsub?.();
+    unsub = result.mirror(pipe(newInputs));
+  }, { immediate: options.immediate });
+  onUnmounted(() => {
+    unsub?.();
+  });
+  return resultRef;
+}
+function useAsyncResultRefFromPromise(promise) {
+  return useAsyncResultRef(AsyncResult.fromResultPromise(promise));
+}
+function useImmediateAction(action) {
+  return useAsyncResultRefFromPromise(action());
+}
+function useLazyAction(action) {
+  const result = new AsyncResult();
+  const resultRef = useAsyncResultRef(result);
+  const trigger = () => {
+    result.updateFromResultPromise(action());
+  };
+  return { resultRef, trigger };
+}
+function useReactiveAction(input, pipe, options = { immediate: true }) {
+  const source = typeof input === "function" ? computed(input) : toRef(input);
+  const outputRef = ref(new AsyncResult());
+  let unsub = null;
+  watch(source, () => {
+    unsub?.();
+    const newOutput = pipe(source.value);
+    unsub = newOutput.listen((newState) => {
+      outputRef.value.setState(newState.state);
+      triggerRef(outputRef);
+    });
+  }, { immediate: options.immediate });
+  onUnmounted(() => {
+    unsub?.();
+  });
+  return outputRef;
+}
+function useGenerator(generatorFunc) {
+  const resultRef = useAsyncResultRef(AsyncResult.run(generatorFunc));
+  return resultRef;
+}
+function useLazyGenerator(generatorFunc) {
+  const result = new AsyncResult();
+  const resultRef = useAsyncResultRef(result);
+  const trigger = () => {
+    result.runInPlace(generatorFunc);
+  };
+  return { resultRef, trigger };
+}
+function useReactiveGenerator(source, generatorFunc, options = { immediate: true }) {
+  const resultRef = useAsyncResultRef(new AsyncResult());
+  watch(source, (newInputs) => {
+    resultRef.value.runInPlace(() => generatorFunc(newInputs));
+  }, { immediate: options.immediate });
+  return resultRef;
+}
+
+// src/vue/components/asyncResultLoader.ts
+import { defineComponent, ref as ref2, watch as watch2, onUnmounted as onUnmounted2, h } from "vue";
+var AsyncResultLoader = defineComponent({
+  name: "AsyncResultLoader",
+  props: {
+    result: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, { slots }) {
+    const state = ref2(props.result.state);
+    let unlisten = null;
+    onUnmounted2(() => {
+      if (unlisten) unlisten();
+    });
+    watch2(
+      () => props.result,
+      (newResult) => {
+        if (unlisten) unlisten();
+        state.value = newResult.state;
+        unlisten = newResult.listen((res) => {
+          state.value = res.state;
+        });
+      },
+      { immediate: true }
+    );
+    return () => {
+      const s = state.value;
+      switch (s.status) {
+        case "loading":
+          return slots.loading ? slots.loading() : h("div", { class: "loading" }, "Loading\u2026");
+        case "error":
+          return slots.error ? slots.error({ error: s.error }) : h("div", { class: "error" }, `Error: ${s.error}`);
+        case "success":
+          return slots.default ? slots.default({ value: s.value }) : null;
+        default:
+          return slots.idle ? slots.idle() : h("div", { class: "idle" }, "Idle");
+      }
+    };
+  }
+});
+function buildCustomAsyncResultLoader(slots) {
+  const comp = defineComponent({
+    name: "CustomAsyncResultLoader",
+    props: {
+      result: {
+        type: Object,
+        required: true
+      }
+    },
+    setup(props, context) {
+      return () => {
+        const renderLoading = context.slots.loading ?? slots.loading ?? (() => void 0);
+        const renderError = context.slots.error ?? slots.error ?? (() => void 0);
+        return h(
+          AsyncResultLoader,
+          { result: props.result },
+          {
+            default: context.slots.default ? (propsDefault) => context.slots.default(propsDefault) : void 0,
+            loading: () => renderLoading(),
+            error: ((propsError) => renderError(propsError))
+          }
+        );
+      };
+    }
+  });
+  return comp;
+}
+export {
+  AsyncResultLoader,
+  buildCustomAsyncResultLoader,
+  useAsyncResultRef,
+  useAsyncResultRefFromPromise,
+  useGenerator,
+  useImmediateAction,
+  useLazyAction,
+  useLazyGenerator,
+  useReactiveAction,
+  useReactiveGenerator,
+  useReactiveResult
+};
+//# sourceMappingURL=index.mjs.map

package/dist/vue/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/vue/composables.ts","../../src/vue/components/asyncResultLoader.ts"],"sourcesContent":["import { computed, onUnmounted, ref, toRef, triggerRef, watch, type Ref, type WatchSource } from \"vue\";\nimport { AsyncResult, type FlatChainFunction, type Result } from \"unwrapped/core\";\n\nexport function useAsyncResultRef<T, E>(asyncResult: AsyncResult<T, E>) {\n  const state = ref<AsyncResult<T, E>>(asyncResult) as Ref<AsyncResult<T, E>>;\n\n  const unsub = asyncResult.listen(() => {\n    triggerRef(state);\n  });\n\n  onUnmounted(() => {\n    unsub();\n  });\n\n  return state;\n}\n\nexport function useReactiveResult<T, E, Inputs>(source: WatchSource<Inputs>, pipe: FlatChainFunction<Inputs, T, E>, options:{ immediate: boolean } = { immediate: true }): Ref<AsyncResult<T, E>> {\n  const result = new AsyncResult<T, E>();\n  const resultRef = useAsyncResultRef(result);\n\n  let unsub: (() => void) | null = null;\n\n  watch(source, (newInputs) => {\n    unsub?.();\n    unsub = result.mirror(pipe(newInputs));\n  }, { immediate: options.immediate });\n  \n  onUnmounted(() => {\n    unsub?.();\n  });\n\n  return resultRef;\n}\n\nexport function useAsyncResultRefFromPromise<T, E>(promise: Promise<Result<T, E>>) {\n  return useAsyncResultRef(AsyncResult.fromResultPromise(promise));\n}\n\nexport type Action<T,E> = () => Promise<Result<T, E>>;\nexport function useImmediateAction<T, E>(action: Action<T, E>): Ref<AsyncResult<T, E>> {\n  return useAsyncResultRefFromPromise(action());\n}\nexport interface LazyActionReturn<T, E> {\n  resultRef: Ref<AsyncResult<T, E>>;\n  trigger: () => void;\n}\n\nexport function useLazyAction<T, E>(action: Action<T, E>): LazyActionReturn<T, E> {\n  const result = new AsyncResult<T, E>();\n  const resultRef = useAsyncResultRef(result);\n\n  const trigger = () => {\n    result.updateFromResultPromise(action());\n  }\n\n  return { resultRef, trigger };\n}\n\nexport function useReactiveAction<I, O, E>(input: I | Ref<I> | (() => I), pipe: FlatChainFunction<I, O, E>, options:{ immediate: boolean } = { immediate: true }): Ref<AsyncResult<O, E>> {\n  const source = typeof input === 'function' ? computed(input as () => I) : toRef(input)\n\n  const outputRef = ref<AsyncResult<O, E>>(new AsyncResult()) as Ref<AsyncResult<O, E>>;\n  let unsub: (() => void) | null = null;\n\n  watch(source, () => {\n    unsub?.();\n    const newOutput = pipe(source.value);\n    unsub = newOutput.listen((newState) => {\n      outputRef.value.setState(newState.state);\n      triggerRef(outputRef);\n    });\n  }, { immediate: options.immediate });\n\n  onUnmounted(() => {\n    unsub?.();\n  });\n\n  return outputRef;\n}\n\nexport function useGenerator<T>(generatorFunc: () => Generator<AsyncResult<any, any>, T, any>): Ref<AsyncResult<T, any>> {\n  const resultRef = useAsyncResultRef(AsyncResult.run(generatorFunc));\n  return resultRef;\n}\n\nexport function useLazyGenerator<T>(generatorFunc: () => Generator<AsyncResult<any, any>, T, any>): { resultRef: Ref<AsyncResult<T, any>>, trigger: () => void } {\n  const result = new AsyncResult<T, any>();\n  const resultRef = useAsyncResultRef(result);\n\n  const trigger = () => {\n    result.runInPlace(generatorFunc);\n  }\n\n  return { resultRef, trigger };\n}\n\nexport function useReactiveGenerator<T, E, Inputs>(source: WatchSource<Inputs>, generatorFunc: (args: Inputs) => Generator<AsyncResult<any, any>, T, any>, options:{ immediate: boolean } = { immediate: true }): Ref<AsyncResult<T, E>> {\n  const resultRef = useAsyncResultRef(new AsyncResult<T, E>());\n\n  watch(source, (newInputs) => {\n    resultRef.value.runInPlace(() => generatorFunc(newInputs));\n  }, { immediate: options.immediate });\n\n  return resultRef;\n}","import { defineComponent, ref, watch, onUnmounted, h, type VNode } from \"vue\"\nimport type { AsyncResult, AsyncResultState } from \"unwrapped/core\"\n\nexport const AsyncResultLoader = defineComponent({\n    name: \"AsyncResultLoader\",\n\n    props: {\n        result: {\n            type: Object as () => AsyncResult<unknown, unknown>,\n            required: true\n        }\n    },\n\n    setup(props, { slots }) {\n        const state = ref<AsyncResultState<unknown, unknown>>(props.result.state)\n        let unlisten: (() => void) | null = null\n\n        // Unsubscribe on destroy\n        onUnmounted(() => {\n            if (unlisten) unlisten()\n        })\n\n        // Watch for prop changes & update listener\n        watch(\n            () => props.result,\n            (newResult) => {\n                if (unlisten) unlisten()\n                state.value = newResult.state\n                unlisten = newResult.listen((res) => {\n                    state.value = res.state\n                })\n            },\n            { immediate: true }\n        )\n\n        return () => {\n            const s = state.value\n\n            // Choose what to render based on status\n            switch (s.status) {\n                case \"loading\":\n                    return slots.loading\n                        ? slots.loading()\n                        : h(\"div\", { class: \"loading\" }, \"Loading…\")\n\n                case \"error\":\n                    return slots.error\n                        ? slots.error({ error: s.error })\n                        : h(\"div\", { class: \"error\" }, `Error: ${s.error}`)\n\n                case \"success\":\n                    return slots.default\n                        ? slots.default({ value: s.value })\n                        : null\n\n                default:\n                    // \"idle\"\n                    return slots.idle\n                        ? slots.idle()\n                        : h(\"div\", { class: \"idle\" }, \"Idle\")\n            }\n        }\n    }\n})\n\ninterface CustomSlots<E> {\n    loading?: () => VNode;\n    error?: (props: { error: E }) => VNode;\n}\n\nexport function buildCustomAsyncResultLoader<T, E>(slots: CustomSlots<E>) {\n    const comp = defineComponent({\n        name: \"CustomAsyncResultLoader\",\n        props: {\n            result: {\n                type: Object as () => AsyncResult<T, E>,\n                required: true\n            }\n        },\n        setup(props, context) {\n            return () => {\n                const renderLoading = context.slots.loading ?? slots.loading ?? (() => undefined);\n                const renderError = context.slots.error ?? slots.error ?? (() => undefined);\n                return h(\n                    AsyncResultLoader,\n                    { result: props.result },\n                    {\n                        default: context.slots.default ? (propsDefault: { value: T }) => context.slots.default!(propsDefault) : undefined,\n\n                        loading: () => renderLoading(),\n                        error: ((propsError: { error: E }) => renderError(propsError))\n                    }\n                )\n            }\n        }\n    });\n\n    return comp;\n}\n"],"mappings":"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","names":["ref","watch","onUnmounted"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "unwrapped",
-    "version": "0.1.0",
+    "version": "0.1.2",
     "publishConfig": {
         "access": "public"
     },

package/.changeset/README.md

@@ -1,8 +0,0 @@
-# Changesets
-
-Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
-with multi-package repos, or single-package repos to help you version and publish your code. You can
-find the full documentation for it [in our repository](https://github.com/changesets/changesets)
-
-We have a quick list of common questions to get you started engaging with this project in
-[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

package/.changeset/config.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
-  "changelog": "@changesets/cli/changelog",
-  "commit": false,
-  "fixed": [],
-  "linked": [],
-  "access": "restricted",
-  "baseBranch": "main",
-  "updateInternalDependencies": "patch",
-  "ignore": []
-}

package/.github/workflows/main.yml

@@ -1,19 +0,0 @@
-name: CI
-on:
-  push:
-    branches:
-      - "**"
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 16.x
-          cache: "npm"
-
-      - run: npm ci
-      - run: npm run lint && npm run build

package/.github/workflows/publish.yml

@@ -1,36 +0,0 @@
-name: Publish
-on:
-  workflow_run:
-    workflows: [CI]
-    branches: [main]
-    types: [completed]
-
-concurrency: ${{ github.workflow }}-${{ github.ref }}
-
-permissions:
-  id-token: write  # Required for OIDC
-  contents: write
-  pull-requests: write
-
-jobs:
-  publish:
-    if: ${{ github.event.workflow_run.conclusion == 'success' }}
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 16.x
-          cache: "npm"
-
-      - run: npm ci
-      
-      - name: Create Release Pull Request or Publish
-        id: changesets
-        uses: changesets/action@v1
-        with:
-          publish: npm run release
-        env:
-          GITHUB_TOKEN: ${{ secrets.PUBLISH_GITHUB_SECRET }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}