@platforma-sdk/ui-vue 1.40.6 → 1.41.0

package/dist/internal/UpdateSerializer.js

@@ -0,0 +1,65 @@
+var u = Object.defineProperty;
+var c = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var i = (e, t, r) => c(e, typeof t != "symbol" ? t + "" : t, r);
+import { delay as a } from "../lib/util/helpers/dist/index.js";
+import "../sdk/model/dist/index.js";
+import { hasAbortError as h } from "../lib/model/common/dist/index.js";
+class y {
+  constructor(t = {}) {
+    i(this, "ongoingRun", Promise.resolve(!0));
+    i(this, "ongoingOperation", Promise.resolve());
+    i(this, "counter", 0);
+    this.options = t;
+  }
+  async allSettled() {
+    await a(this.options.debounceSpan ?? 0);
+    let t = !1;
+    do
+      await a(0), t = await this.ongoingRun.then(() => !0).catch((r) => (console.log("ongoingRun error", r), !1));
+    while (!t);
+  }
+  async retry(t, r) {
+    const n = {
+      i: 0
+    };
+    for (; ; )
+      try {
+        return n.i++, await t();
+      } catch (o) {
+        const { delayMs: s } = r(o, n);
+        if (h(o))
+          throw o;
+        await a(s);
+      }
+  }
+  /**
+   * @returns true if operation succeeded, or false if operation was evicted by a more recent call
+   */
+  async run(t) {
+    return this.ongoingRun = this._run(t);
+  }
+  /**
+   * @returns true if operation succeeded, or false if operation was evicted by a more recent call
+   */
+  async _run(t) {
+    this.counter++;
+    const r = this.counter;
+    if (this.options.debounceSpan && await a(this.options.debounceSpan), this.counter !== r)
+      return !1;
+    try {
+      await this.ongoingOperation;
+    } catch {
+    }
+    if (this.counter !== r)
+      return !1;
+    const n = this.retry(() => t(), (o) => (console.warn("UpdateSerializer.run error, retrying...", o), {
+      delayMs: 100
+      // TODO: flexible delay
+    }));
+    return this.ongoingOperation = n, await n, !0;
+  }
+}
+export {
+  y as UpdateSerializer
+};
+//# sourceMappingURL=UpdateSerializer.js.map

package/dist/internal/UpdateSerializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateSerializer.js","sources":["../../src/internal/UpdateSerializer.ts"],"sourcesContent":["import { delay } from '@milaboratories/helpers';\nimport { hasAbortError } from '@platforma-sdk/model';\n\nexport type RetryState = {\n  i: number;\n};\n\nexport type OnNext = (e: unknown, state: RetryState) => { delayMs: number };\n\nexport class UpdateSerializer {\n  private ongoingRun: Promise<boolean> = Promise.resolve(true);\n  private ongoingOperation: Promise<void> = Promise.resolve();\n  private counter = 0;\n\n  constructor(private readonly options: {\n    debounceSpan?: number;\n  } = {}) {}\n\n  async allSettled(): Promise<void> {\n    await delay(this.options.debounceSpan ?? 0);\n    let completed = false;\n    do {\n      await delay(0);\n      completed = await this.ongoingRun.then(() => {\n        return true;\n      }).catch((e) => {\n        console.log('ongoingRun error', e);\n        return false;\n      });\n    } while (!completed);\n  }\n\n  async retry<T>(\n    op: () => Promise<T>,\n    onNext: OnNext,\n  ): Promise<T> {\n    const state: RetryState = {\n      i: 0,\n    };\n\n    while (true) {\n      try {\n        state.i++;\n        return await op();\n      } catch (e: unknown) {\n        const { delayMs } = onNext(e, state);\n\n        if (hasAbortError(e)) {\n          throw e;\n        }\n\n        await delay(delayMs);\n      }\n    }\n  }\n\n  /**\n   * @returns true if operation succeeded, or false if operation was evicted by a more recent call\n   */\n  public async run(op: () => Promise<void>): Promise<boolean> {\n    return this.ongoingRun = this._run(op);\n  }\n\n  /**\n   * @returns true if operation succeeded, or false if operation was evicted by a more recent call\n   */\n  private async _run(op: () => Promise<void>): Promise<boolean> {\n    // assigning a sequential update id to the call\n    this.counter++;\n    const myId = this.counter;\n\n    if (this.options.debounceSpan) {\n      await delay(this.options.debounceSpan);\n    }\n\n    // checking that this update is still the most recent\n    if (this.counter !== myId) {\n      // operation was canceled, because another operation was queued\n      // after we started waiting for previous operation to finish\n      return false;\n    }\n\n    // awaiting previous operation to finish\n    try {\n      await this.ongoingOperation;\n    } catch (_err: unknown) {\n      // ignoring the error here, original caller will receive any rejections\n    }\n\n    // checking that this update is still the most recent\n    if (this.counter !== myId) {\n      // operation was canceled, because another operation was queued\n      // after we started waiting for previous operation to finish\n      return false;\n    }\n\n    // asynchronously starting the operation\n    const opPromise = this.retry(() => op(), (e) => {\n      console.warn('UpdateSerializer.run error, retrying...', e);\n      return {\n        delayMs: 100, // TODO: flexible delay\n      };\n    });\n    // publishing the promise for the next operation to await\n    this.ongoingOperation = opPromise;\n    // actually awaiting for the operation result, any rejections will be thrown here\n    await opPromise;\n\n    // operation was successfully called\n    return true;\n  }\n}\n"],"names":["UpdateSerializer","options","__publicField","delay","completed","e","op","onNext","state","delayMs","hasAbortError","myId","opPromise"],"mappings":";;;;;;AASO,MAAMA,EAAiB;AAAA,EAK5B,YAA6BC,IAEzB,IAAI;AANA,IAAAC,EAAA,oBAA+B,QAAQ,QAAQ,EAAI;AACnD,IAAAA,EAAA,0BAAkC,QAAQ,QAAQ;AAClD,IAAAA,EAAA,iBAAU;AAEW,SAAA,UAAAD;AAAA,EAAA;AAAA,EAI7B,MAAM,aAA4B;AAChC,UAAME,EAAM,KAAK,QAAQ,gBAAgB,CAAC;AAC1C,QAAIC,IAAY;AACb;AACD,YAAMD,EAAM,CAAC,GACbC,IAAY,MAAM,KAAK,WAAW,KAAK,MAC9B,EACR,EAAE,MAAM,CAACC,OACA,QAAA,IAAI,oBAAoBA,CAAC,GAC1B,GACR;AAAA,WACM,CAACD;AAAA,EAAA;AAAA,EAGZ,MAAM,MACJE,GACAC,GACY;AACZ,UAAMC,IAAoB;AAAA,MACxB,GAAG;AAAA,IACL;AAEA;AACM,UAAA;AACI,eAAAA,EAAA,KACC,MAAMF,EAAG;AAAA,eACTD,GAAY;AACnB,cAAM,EAAE,SAAAI,EAAY,IAAAF,EAAOF,GAAGG,CAAK;AAE/B,YAAAE,EAAcL,CAAC;AACX,gBAAAA;AAGR,cAAMF,EAAMM,CAAO;AAAA,MAAA;AAAA,EAEvB;AAAA;AAAA;AAAA;AAAA,EAMF,MAAa,IAAIH,GAA2C;AAC1D,WAAO,KAAK,aAAa,KAAK,KAAKA,CAAE;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMvC,MAAc,KAAKA,GAA2C;AAEvD,SAAA;AACL,UAAMK,IAAO,KAAK;AAOd,QALA,KAAK,QAAQ,gBACT,MAAAR,EAAM,KAAK,QAAQ,YAAY,GAInC,KAAK,YAAYQ;AAGZ,aAAA;AAIL,QAAA;AACF,YAAM,KAAK;AAAA,YACW;AAAA,IAAA;AAKpB,QAAA,KAAK,YAAYA;AAGZ,aAAA;AAIT,UAAMC,IAAY,KAAK,MAAM,MAAMN,EAAG,GAAG,CAACD,OAChC,QAAA,KAAK,2CAA2CA,CAAC,GAClD;AAAA,MACL,SAAS;AAAA;AAAA,IACX,EACD;AAED,gBAAK,mBAAmBO,GAElB,MAAAA,GAGC;AAAA,EAAA;AAEX;"}

package/dist/internal/createAppModel.d.ts

@@ -3,5 +3,5 @@ import { ModelOptions, Model, AppSettings } from '../types';
 export declare function createAppModel<M extends {
     args: unknown;
     ui: unknown;
-}, V = unknown, E extends Record<string, ComputedRef<unknown>> = Record<string, ComputedRef<unknown>>>(options: ModelOptions<M, V>, extended: E, settings: AppSettings): Model<M & UnwrapNestedRefs<E>>;
+}, V = unknown, E extends Record<string, ComputedRef<unknown>> = Record<string, ComputedRef<unknown>>>(options: ModelOptions<M, V>, extended: E, _settings: AppSettings): Model<M & UnwrapNestedRefs<E>>;
 //# sourceMappingURL=createAppModel.d.ts.map

package/dist/internal/createAppModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAppModel.d.ts","sourceRoot":"","sources":["../../src/internal/createAppModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACrG,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIjE,wBAAgB,cAAc,CAC5B,CAAC,SAAS;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,OAAO,CAAA;CAAE,EACxC,CAAC,GAAG,OAAO,EACX,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,EACrF,OAAO,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAuGjG"}
+{"version":3,"file":"createAppModel.d.ts","sourceRoot":"","sources":["../../src/internal/createAppModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AACrG,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIjE,wBAAgB,cAAc,CAC5B,CAAC,SAAS;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,OAAO,CAAA;CAAE,EACxC,CAAC,GAAG,OAAO,EACX,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,EACrF,OAAO,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,KAAK,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CA0FlG"}

package/dist/internal/createAppModel.js

@@ -1,77 +1,69 @@
-import { ref as f, watch as p, computed as u, unref as w, reactive as M } from "vue";
-import { isJsonEqual as O, deepClone as n, deepPatch as P } from "../lib/util/helpers/dist/index.js";
-import { identity as Z, isZodError as q, ensureError as A, formatZodError as J } from "../utils.js";
-function x(o, d, E) {
-  const v = o.validate ?? Z, { autoSave: h } = o, t = f(), a = f(), i = (e) => {
-    var r;
-    if (E.deepPatchModel) {
-      const s = (r = a.value) == null ? void 0 : r.model, l = Object.assign(n(e), d ?? {});
-      a.value = {
-        model: s ? P(s, l) : l,
-        stage: Symbol()
-      };
-    } else
-      a.value = {
-        model: Object.assign(n(e), d ?? {}),
-        stage: Symbol()
-      };
+import { ref as d, watch as m, computed as s, unref as w, reactive as Z } from "vue";
+import { isJsonEqual as _, deepClone as g } from "../lib/util/helpers/dist/index.js";
+import { identity as j, isZodError as q, ensureError as x, formatZodError as A } from "../utils.js";
+function k(a, f, J) {
+  const c = a.validate ?? j, { autoSave: E } = a, t = d(), o = d(), n = (e) => {
+    o.value = {
+      model: Object.assign(g(e), f ?? {}),
+      stage: Symbol()
+    };
   };
-  p(
-    () => o.get(),
-    (e) => i(e),
+  m(
+    () => a.get(),
+    (e) => n(e),
     { immediate: !0 }
   );
-  const m = () => {
+  const v = () => {
     var e;
-    o.onSave(v(n((e = a.value) == null ? void 0 : e.model)));
-  }, S = () => {
-    i(o.get()), t.value = void 0;
-  }, g = (e) => {
-    const r = A(e);
-    q(r) ? t.value = Error(J(r)) : t.value = r;
-  }, b = (e) => {
+    return a.onSave(c(g((e = o.value) == null ? void 0 : e.model)));
+  }, p = () => {
+    n(a.get()), t.value = void 0;
+  }, i = (e) => {
+    const r = x(e);
+    q(r) ? t.value = Error(A(r)) : t.value = r;
+  }, S = (e) => {
     t.value = void 0;
     try {
-      v(e), h && m();
+      c(e), E && v();
     } catch (r) {
-      g(r);
+      i(r);
     }
-  }, c = u({
+  }, l = s({
     get: () => {
       var e;
-      return (e = a.value) == null ? void 0 : e.model;
+      return (e = o.value) == null ? void 0 : e.model;
     },
     set() {
       throw Error("Cannot replace base model");
     }
   });
-  p(
-    [() => ({ args: c.value.args, ui: c.value.ui }), () => {
+  m(
+    [() => ({ args: l.value.args, ui: l.value.ui }), () => {
       var e;
-      return (e = a.value) == null ? void 0 : e.stage;
+      return (e = o.value) == null ? void 0 : e.stage;
     }],
-    ([e, r], [s, l]) => {
-      r === l && b(e);
+    ([e, r], [u, C]) => {
+      r === C && S(e);
     },
     { deep: !0 }
   );
-  const y = u(() => !t.value), C = u(() => {
-    var s;
-    const { args: e, ui: r } = ((s = w(a)) == null ? void 0 : s.model) ?? {};
-    return !O(o.get(), { args: e, ui: r });
-  }), j = u(() => t.value ? t.value.message : "");
-  return M({
-    model: c,
-    valid: y,
-    isChanged: C,
+  const h = s(() => !t.value), b = s(() => {
+    var u;
+    const { args: e, ui: r } = ((u = w(o)) == null ? void 0 : u.model) ?? {};
+    return !_(a.get(), { args: e, ui: r });
+  }), y = s(() => t.value ? t.value.message : "");
+  return Z({
+    model: l,
+    valid: h,
+    isChanged: b,
     error: t,
-    errorString: j,
-    save: m,
-    revert: S,
-    setError: g
+    errorString: y,
+    save: v,
+    revert: p,
+    setError: i
   });
 }
 export {
-  x as createAppModel
+  k as createAppModel
 };
 //# sourceMappingURL=createAppModel.js.map

package/dist/internal/createAppModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"createAppModel.js","sources":["../../src/internal/createAppModel.ts"],"sourcesContent":["import { reactive, computed, ref, watch, unref, type ComputedRef, type UnwrapNestedRefs } from 'vue';\nimport type { ModelOptions, Model, AppSettings } from '../types';\nimport { deepClone, deepPatch, isJsonEqual } from '@milaboratories/helpers';\nimport { identity, ensureError, isZodError, formatZodError } from '../utils';\n\nexport function createAppModel<\n  M extends { args: unknown; ui: unknown },\n  V = unknown,\n  E extends Record<string, ComputedRef<unknown>> = Record<string, ComputedRef<unknown>>,\n>(options: ModelOptions<M, V>, extended: E, settings: AppSettings): Model<M & UnwrapNestedRefs<E>> {\n  type R = M & UnwrapNestedRefs<E>;\n\n  const validate = options.validate ?? identity;\n\n  const { autoSave } = options;\n\n  const error = ref<Error | undefined>();\n\n  const local = ref<{ model: R; readonly stage: symbol }>();\n\n  const setSource = (v: M) => {\n    if (settings.deepPatchModel) {\n      // deep patch\n      const model = local.value?.model;\n      const updated = Object.assign(deepClone(v), extended ?? {}) as R;\n      local.value = {\n        model: model ? deepPatch(model, updated) : updated,\n        stage: Symbol(),\n      };\n    } else {\n      // shallow replace\n      local.value = {\n        model: Object.assign(deepClone(v), extended ?? {}) as R,\n        stage: Symbol(),\n      };\n    }\n  };\n\n  watch(\n    () => options.get(),\n    (v) => setSource(v),\n    { immediate: true },\n  );\n\n  const save = () => {\n    options.onSave(validate(deepClone(local.value?.model)));\n  };\n\n  const revert = () => {\n    setSource(options.get());\n    error.value = undefined;\n  };\n\n  const setError = (cause: unknown) => {\n    const err = ensureError(cause);\n    if (isZodError(err)) {\n      error.value = Error(formatZodError(err)); // @todo temp\n    } else {\n      error.value = err;\n    }\n  };\n\n  const setValue = (v: M) => {\n    error.value = undefined;\n    try {\n      validate(v);\n      if (autoSave) {\n        save();\n      }\n    } catch (cause: unknown) {\n      setError(cause);\n    }\n  };\n\n  const model = computed<R>({\n    get: () => {\n      return local.value?.model as R;\n    },\n    set() {\n      throw Error('Cannot replace base model');\n    },\n  });\n\n  watch(\n    [() => ({ args: model.value.args, ui: model.value.ui }), () => local.value?.stage],\n    ([n, newStage], [_, oldStage]) => {\n      if (newStage === oldStage) {\n        setValue(n as M);\n      }\n    },\n    { deep: true },\n  );\n\n  const valid = computed(() => !error.value);\n\n  const isChanged = computed(() => {\n    const { args, ui } = unref(local)?.model ?? {};\n    return !isJsonEqual(options.get(), { args, ui });\n  });\n\n  const errorString = computed(() => (error.value ? error.value.message : ''));\n\n  return reactive({\n    model,\n    valid,\n    isChanged,\n    error,\n    errorString,\n    save,\n    revert,\n    setError,\n  });\n}\n"],"names":["createAppModel","options","extended","settings","validate","identity","autoSave","error","ref","local","setSource","v","model","_a","updated","deepClone","deepPatch","watch","save","revert","setError","cause","err","ensureError","isZodError","formatZodError","setValue","computed","n","newStage","_","oldStage","valid","isChanged","args","ui","unref","isJsonEqual","errorString","reactive"],"mappings":";;;AAKgB,SAAAA,EAIdC,GAA6BC,GAAaC,GAAuD;AAG3F,QAAAC,IAAWH,EAAQ,YAAYI,GAE/B,EAAE,UAAAC,MAAaL,GAEfM,IAAQC,EAAuB,GAE/BC,IAAQD,EAA0C,GAElDE,IAAY,CAACC,MAAS;;AAC1B,QAAIR,EAAS,gBAAgB;AAErBS,YAAAA,KAAQC,IAAAJ,EAAM,UAAN,gBAAAI,EAAa,OACrBC,IAAU,OAAO,OAAOC,EAAUJ,CAAC,GAAGT,KAAY,EAAE;AAC1D,MAAAO,EAAM,QAAQ;AAAA,QACZ,OAAOG,IAAQI,EAAUJ,GAAOE,CAAO,IAAIA;AAAA,QAC3C,OAAO,OAAO;AAAA,MAChB;AAAA,IAAA;AAGA,MAAAL,EAAM,QAAQ;AAAA,QACZ,OAAO,OAAO,OAAOM,EAAUJ,CAAC,GAAGT,KAAY,EAAE;AAAA,QACjD,OAAO,OAAO;AAAA,MAChB;AAAA,EAEJ;AAEA,EAAAe;AAAA,IACE,MAAMhB,EAAQ,IAAI;AAAA,IAClB,CAACU,MAAMD,EAAUC,CAAC;AAAA,IAClB,EAAE,WAAW,GAAK;AAAA,EACpB;AAEA,QAAMO,IAAO,MAAM;;AACjB,IAAAjB,EAAQ,OAAOG,EAASW,GAAUF,IAAAJ,EAAM,UAAN,gBAAAI,EAAa,KAAK,CAAC,CAAC;AAAA,EACxD,GAEMM,IAAS,MAAM;AACT,IAAAT,EAAAT,EAAQ,KAAK,GACvBM,EAAM,QAAQ;AAAA,EAChB,GAEMa,IAAW,CAACC,MAAmB;AAC7B,UAAAC,IAAMC,EAAYF,CAAK;AACzB,IAAAG,EAAWF,CAAG,IAChBf,EAAM,QAAQ,MAAMkB,EAAeH,CAAG,CAAC,IAEvCf,EAAM,QAAQe;AAAA,EAElB,GAEMI,IAAW,CAACf,MAAS;AACzB,IAAAJ,EAAM,QAAQ;AACV,QAAA;AACF,MAAAH,EAASO,CAAC,GACNL,KACGY,EAAA;AAAA,aAEAG,GAAgB;AACvB,MAAAD,EAASC,CAAK;AAAA,IAAA;AAAA,EAElB,GAEMT,IAAQe,EAAY;AAAA,IACxB,KAAK,MAAM;;AACT,cAAOd,IAAAJ,EAAM,UAAN,gBAAAI,EAAa;AAAA,IACtB;AAAA,IACA,MAAM;AACJ,YAAM,MAAM,2BAA2B;AAAA,IAAA;AAAA,EACzC,CACD;AAED,EAAAI;AAAA,IACE,CAAC,OAAO,EAAE,MAAML,EAAM,MAAM,MAAM,IAAIA,EAAM,MAAM,GAAG,IAAI,MAAM;;AAAA,cAAAC,IAAAJ,EAAM,UAAN,gBAAAI,EAAa;AAAA,KAAK;AAAA,IACjF,CAAC,CAACe,GAAGC,CAAQ,GAAG,CAACC,GAAGC,CAAQ,MAAM;AAChC,MAAIF,MAAaE,KACfL,EAASE,CAAM;AAAA,IAEnB;AAAA,IACA,EAAE,MAAM,GAAK;AAAA,EACf;AAEA,QAAMI,IAAQL,EAAS,MAAM,CAACpB,EAAM,KAAK,GAEnC0B,IAAYN,EAAS,MAAM;;AACzB,UAAA,EAAE,MAAAO,GAAM,IAAAC,EAAG,MAAItB,IAAAuB,EAAM3B,CAAK,MAAX,gBAAAI,EAAc,UAAS,CAAC;AACtC,WAAA,CAACwB,EAAYpC,EAAQ,OAAO,EAAE,MAAAiC,GAAM,IAAAC,GAAI;AAAA,EAAA,CAChD,GAEKG,IAAcX,EAAS,MAAOpB,EAAM,QAAQA,EAAM,MAAM,UAAU,EAAG;AAE3E,SAAOgC,EAAS;AAAA,IACd,OAAA3B;AAAA,IACA,OAAAoB;AAAA,IACA,WAAAC;AAAA,IACA,OAAA1B;AAAA,IACA,aAAA+B;AAAA,IACA,MAAApB;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"createAppModel.js","sources":["../../src/internal/createAppModel.ts"],"sourcesContent":["import { reactive, computed, ref, watch, unref, type ComputedRef, type UnwrapNestedRefs } from 'vue';\nimport type { ModelOptions, Model, AppSettings } from '../types';\nimport { deepClone, isJsonEqual } from '@milaboratories/helpers';\nimport { identity, ensureError, isZodError, formatZodError } from '../utils';\n\nexport function createAppModel<\n  M extends { args: unknown; ui: unknown },\n  V = unknown,\n  E extends Record<string, ComputedRef<unknown>> = Record<string, ComputedRef<unknown>>,\n>(options: ModelOptions<M, V>, extended: E, _settings: AppSettings): Model<M & UnwrapNestedRefs<E>> {\n  type R = M & UnwrapNestedRefs<E>;\n\n  const validate = options.validate ?? identity;\n\n  const { autoSave } = options;\n\n  const error = ref<Error | undefined>();\n\n  const local = ref<{ model: R; readonly stage: symbol }>();\n\n  const setSource = (v: M) => {\n    local.value = {\n      model: Object.assign(deepClone(v), extended ?? {}) as R,\n      stage: Symbol(),\n    };\n  };\n\n  watch(\n    () => options.get(),\n    (v) => setSource(v),\n    { immediate: true },\n  );\n\n  const save = () => options.onSave(validate(deepClone(local.value?.model)));\n\n  const revert = () => {\n    setSource(options.get());\n    error.value = undefined;\n  };\n\n  const setError = (cause: unknown) => {\n    const err = ensureError(cause);\n    if (isZodError(err)) {\n      error.value = Error(formatZodError(err)); // @todo temp\n    } else {\n      error.value = err;\n    }\n  };\n\n  const setValue = (v: M) => {\n    error.value = undefined;\n    try {\n      validate(v);\n      if (autoSave) {\n        save();\n      }\n    } catch (cause: unknown) {\n      setError(cause);\n    }\n  };\n\n  const model = computed<R>({\n    get: () => {\n      return local.value?.model as R;\n    },\n    set() {\n      throw Error('Cannot replace base model');\n    },\n  });\n\n  watch(\n    [() => ({ args: model.value.args, ui: model.value.ui }), () => local.value?.stage],\n    ([n, newStage], [_, oldStage]) => {\n      if (newStage === oldStage) {\n        setValue(n as M);\n      }\n    },\n    { deep: true },\n  );\n\n  const valid = computed(() => !error.value);\n\n  const isChanged = computed(() => {\n    const { args, ui } = unref(local)?.model ?? {};\n    return !isJsonEqual(options.get(), { args, ui });\n  });\n\n  const errorString = computed(() => (error.value ? error.value.message : ''));\n\n  return reactive({\n    model,\n    valid,\n    isChanged,\n    error,\n    errorString,\n    save,\n    revert,\n    setError,\n  });\n}\n"],"names":["createAppModel","options","extended","_settings","validate","identity","autoSave","error","ref","local","setSource","v","deepClone","watch","save","_a","revert","setError","cause","err","ensureError","isZodError","formatZodError","setValue","model","computed","n","newStage","_","oldStage","valid","isChanged","args","ui","unref","isJsonEqual","errorString","reactive"],"mappings":";;;AAKgB,SAAAA,EAIdC,GAA6BC,GAAaC,GAAwD;AAG5F,QAAAC,IAAWH,EAAQ,YAAYI,GAE/B,EAAE,UAAAC,MAAaL,GAEfM,IAAQC,EAAuB,GAE/BC,IAAQD,EAA0C,GAElDE,IAAY,CAACC,MAAS;AAC1B,IAAAF,EAAM,QAAQ;AAAA,MACZ,OAAO,OAAO,OAAOG,EAAUD,CAAC,GAAGT,KAAY,EAAE;AAAA,MACjD,OAAO,OAAO;AAAA,IAChB;AAAA,EACF;AAEA,EAAAW;AAAA,IACE,MAAMZ,EAAQ,IAAI;AAAA,IAClB,CAACU,MAAMD,EAAUC,CAAC;AAAA,IAClB,EAAE,WAAW,GAAK;AAAA,EACpB;AAEM,QAAAG,IAAO;;AAAM,WAAAb,EAAQ,OAAOG,EAASQ,GAAUG,IAAAN,EAAM,UAAN,gBAAAM,EAAa,KAAK,CAAC,CAAC;AAAA,KAEnEC,IAAS,MAAM;AACT,IAAAN,EAAAT,EAAQ,KAAK,GACvBM,EAAM,QAAQ;AAAA,EAChB,GAEMU,IAAW,CAACC,MAAmB;AAC7B,UAAAC,IAAMC,EAAYF,CAAK;AACzB,IAAAG,EAAWF,CAAG,IAChBZ,EAAM,QAAQ,MAAMe,EAAeH,CAAG,CAAC,IAEvCZ,EAAM,QAAQY;AAAA,EAElB,GAEMI,IAAW,CAACZ,MAAS;AACzB,IAAAJ,EAAM,QAAQ;AACV,QAAA;AACF,MAAAH,EAASO,CAAC,GACNL,KACGQ,EAAA;AAAA,aAEAI,GAAgB;AACvB,MAAAD,EAASC,CAAK;AAAA,IAAA;AAAA,EAElB,GAEMM,IAAQC,EAAY;AAAA,IACxB,KAAK,MAAM;;AACT,cAAOV,IAAAN,EAAM,UAAN,gBAAAM,EAAa;AAAA,IACtB;AAAA,IACA,MAAM;AACJ,YAAM,MAAM,2BAA2B;AAAA,IAAA;AAAA,EACzC,CACD;AAED,EAAAF;AAAA,IACE,CAAC,OAAO,EAAE,MAAMW,EAAM,MAAM,MAAM,IAAIA,EAAM,MAAM,GAAG,IAAI,MAAM;;AAAA,cAAAT,IAAAN,EAAM,UAAN,gBAAAM,EAAa;AAAA,KAAK;AAAA,IACjF,CAAC,CAACW,GAAGC,CAAQ,GAAG,CAACC,GAAGC,CAAQ,MAAM;AAChC,MAAIF,MAAaE,KACfN,EAASG,CAAM;AAAA,IAEnB;AAAA,IACA,EAAE,MAAM,GAAK;AAAA,EACf;AAEA,QAAMI,IAAQL,EAAS,MAAM,CAAClB,EAAM,KAAK,GAEnCwB,IAAYN,EAAS,MAAM;;AACzB,UAAA,EAAE,MAAAO,GAAM,IAAAC,EAAG,MAAIlB,IAAAmB,EAAMzB,CAAK,MAAX,gBAAAM,EAAc,UAAS,CAAC;AACtC,WAAA,CAACoB,EAAYlC,EAAQ,OAAO,EAAE,MAAA+B,GAAM,IAAAC,GAAI;AAAA,EAAA,CAChD,GAEKG,IAAcX,EAAS,MAAOlB,EAAM,QAAQA,EAAM,MAAM,UAAU,EAAG;AAE3E,SAAO8B,EAAS;AAAA,IACd,OAAAb;AAAA,IACA,OAAAM;AAAA,IACA,WAAAC;AAAA,IACA,OAAAxB;AAAA,IACA,aAAA6B;AAAA,IACA,MAAAtB;AAAA,IACA,QAAAE;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AACH;"}

package/dist/internal/{createApp.d.ts → createAppV1.d.ts}

@@ -1,5 +1,5 @@
 import { Mutable } from '@milaboratories/helpers';
-import { NavigationState, BlockOutputsBase, BlockState, Platforma } from '@platforma-sdk/model';
+import { NavigationState, BlockOutputsBase, BlockState, PlatformaV1 } from '@platforma-sdk/model';
 import { StateModelOptions, UnwrapOutputs, OptionalResult, OutputValues, OutputErrors, AppSettings } from '../types';
 /**
  * Creates an application instance with reactive state management, outputs, and methods for state updates and navigation.
@@ -15,7 +15,7 @@ import { StateModelOptions, UnwrapOutputs, OptionalResult, OutputValues, OutputE
  *
  * @returns A reactive application object with methods, getters, and state.
  */
-export declare function createApp<Args = unknown, Outputs extends BlockOutputsBase = BlockOutputsBase, UiState = unknown, Href extends `/${string}` = `/${string}`>(state: BlockState<Args, Outputs, UiState, Href>, platforma: Platforma<Args, Outputs, UiState, Href>, settings: AppSettings): {
+export declare function createAppV1<Args = unknown, Outputs extends BlockOutputsBase = BlockOutputsBase, UiState = unknown, Href extends `/${string}` = `/${string}`>(state: BlockState<Args, Outputs, UiState, Href>, platforma: PlatformaV1<Args, Outputs, UiState, Href>, settings: AppSettings): {
     model: {
         args: import('vue').UnwrapRef<Args>;
         ui: import('vue').UnwrapRef<UiState>;
@@ -49,5 +49,5 @@ export declare function createApp<Args = unknown, Outputs extends BlockOutputsBa
     href: Href;
     hasErrors: boolean;
 };
-export type BaseApp<Args = unknown, Outputs extends BlockOutputsBase = BlockOutputsBase, UiState = unknown, Href extends `/${string}` = `/${string}`> = ReturnType<typeof createApp<Args, Outputs, UiState, Href>>;
-//# sourceMappingURL=createApp.d.ts.map
+export type BaseAppV1<Args = unknown, Outputs extends BlockOutputsBase = BlockOutputsBase, UiState = unknown, Href extends `/${string}` = `/${string}`> = ReturnType<typeof createAppV1<Args, Outputs, UiState, Href>>;
+//# sourceMappingURL=createAppV1.d.ts.map

package/dist/internal/createAppV1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAppV1.d.ts","sourceRoot":"","sources":["../../src/internal/createAppV1.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEvG,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM1H;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CACzB,IAAI,GAAG,OAAO,EACd,OAAO,SAAS,gBAAgB,GAAG,gBAAgB,EACnD,OAAO,GAAG,OAAO,EACjB,IAAI,SAAS,IAAI,MAAM,EAAE,GAAG,IAAI,MAAM,EAAE,EAExC,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAC/C,SAAS,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EACpD,QAAQ,EAAE,WAAW;;;;;;;;;;;;;;sBAiFH,CAAC,mBAAkB,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;oBAmB/C,CAAC,qBAAqB,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC,8BAAuB,MAAM,OAAO;iBAqB1F,CAAC,SAAS,MAAM,OAAO,WAAW,CAAC,EAAE,KAAG,cAAc,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;oBAkC9E,CAAC,SAAS,MAAM,OAAO,WAAW,CAAC,EAAE,KAAG,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;qBAWhE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;wBAYjB,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,KAAG,OAAO,CAAC,IAAI,CAAC;gCAUlC,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI;uBAWvD,IAAI;;;;;;;;;;;;EA0CxB;AAED,MAAM,MAAM,SAAS,CACnB,IAAI,GAAG,OAAO,EACd,OAAO,SAAS,gBAAgB,GAAG,gBAAgB,EACnD,OAAO,GAAG,OAAO,EACjB,IAAI,SAAS,IAAI,MAAM,EAAE,GAAG,IAAI,MAAM,EAAE,IACtC,UAAU,CAAC,OAAO,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC"}

package/dist/internal/{createApp.js → createAppV1.js}

@@ -1,28 +1,28 @@
 import { tap as M, isJsonEqual as n, deepClone as v } from "../lib/util/helpers/dist/index.js";
-import { reactive as S, nextTick as h, computed as s, watch as E } from "vue";
+import { reactive as S, nextTick as h, computed as u, watch as E } from "vue";
 import { createModel as m } from "../createModel.js";
 import { createAppModel as x } from "./createAppModel.js";
 import { parseQuery as N } from "../urls.js";
 import { MultiError as q, unwrapValueOrErrors as T } from "../utils.js";
 import { useDebounceFn as d } from "../node_modules/.pnpm/@vueuse_shared@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/shared/index.js";
-function X(i, a, c) {
-  const g = (e, ...t) => {
-    c.debug && console.log(`%c>>> %c${e}`, "color: orange; font-weight: bold", "color: orange", ...t);
+function X(i, a, g) {
+  const c = (e, ...t) => {
+    g.debug && console.log(`%c>>> %c${e}`, "color: orange; font-weight: bold", "color: orange", ...t);
   }, r = S({
     args: Object.freeze(i.args),
     outputs: Object.freeze(i.outputs),
     ui: Object.freeze(i.ui),
     navigationState: Object.freeze(i.navigationState)
-  }), u = c.debounceSpan ?? 200, l = M(c.debounceMaxWait ?? 0, (e) => e < 2e4 ? 2e4 : e < u ? u * 100 : e), b = d((e) => {
+  }), s = g.debounceSpan ?? 200, l = M(g.debounceMaxWait ?? 0, (e) => e < 2e4 ? 2e4 : e < s ? s * 100 : e), b = d((e) => {
     n(e, r.args) || a.setBlockArgs(e);
-  }, u, { maxWait: l }), j = d((e) => {
+  }, s, { maxWait: l }), j = d((e) => {
     n(e, r.ui) || a.setBlockUiState(e);
-  }, u, { maxWait: l }), O = d((e, t) => {
+  }, s, { maxWait: l }), O = d((e, t) => {
     (!n(e, r.args) || !n(t, r.ui)) && a.setBlockArgsAndUiState(e, t);
-  }, u, { maxWait: l });
+  }, s, { maxWait: l });
   a.onStateUpdates(async (e) => {
     e.forEach((t) => {
-      t.key === "args" && !n(r.args, t.value) && (r.args = Object.freeze(t.value), g("args patch", r.args)), t.key === "ui" && !n(r.ui, t.value) && (r.ui = Object.freeze(t.value), g("ui patch", r.ui)), t.key === "outputs" && !n(r.outputs, t.value) && (r.outputs = Object.freeze(t.value), g("outputs patch", r.outputs)), t.key === "navigationState" && !n(r.navigationState, t.value) && (r.navigationState = Object.freeze(t.value), g("navigationState patch", r.navigationState));
+      t.key === "args" && !n(r.args, t.value) && (r.args = Object.freeze(t.value), c("args patch", r.args)), t.key === "ui" && !n(r.ui, t.value) && (r.ui = Object.freeze(t.value), c("ui patch", r.ui)), t.key === "outputs" && !n(r.outputs, t.value) && (r.outputs = Object.freeze(t.value), c("outputs patch", r.outputs)), t.key === "navigationState" && !n(r.navigationState, t.value) && (r.navigationState = Object.freeze(t.value), c("navigationState patch", r.navigationState));
     }), await h();
   });
   const k = () => v(r.args), A = () => v(r.ui), f = () => v(r.navigationState), w = {
@@ -134,17 +134,17 @@ function X(i, a, c) {
       const t = f();
       return t.href = e, a.setNavigationState(t);
     }
-  }, U = s(() => {
+  }, U = u(() => {
     const e = Object.entries(r.outputs).map(([t, o]) => [t, o.ok && o.value !== void 0 ? o.value : void 0]);
     return Object.fromEntries(e);
-  }), z = s(() => {
+  }), z = u(() => {
     const e = Object.entries(r.outputs).map(([t, o]) => [t, o && !o.ok ? new q(o.errors) : void 0]);
     return Object.fromEntries(e);
   }), B = {
     snapshot: r,
-    queryParams: s(() => N(r.navigationState.href)),
-    href: s(() => r.navigationState.href),
-    hasErrors: s(() => Object.values(r.outputs).some((e) => !(e != null && e.ok)))
+    queryParams: u(() => N(r.navigationState.href)),
+    href: u(() => r.navigationState.href),
+    hasErrors: u(() => Object.values(r.outputs).some((e) => !(e != null && e.ok)))
   }, y = x(
     {
       get() {
@@ -158,12 +158,11 @@ function X(i, a, c) {
     {
       outputs: U,
       outputErrors: z
-    },
-    c
+    }
   );
   return S(Object.assign(y, w, B));
 }
 export {
-  X as createApp
+  X as createAppV1
 };
-//# sourceMappingURL=createApp.js.map
+//# sourceMappingURL=createAppV1.js.map

package/dist/internal/createAppV1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAppV1.js","sources":["../../src/internal/createAppV1.ts"],"sourcesContent":["import { deepClone, isJsonEqual, tap } from '@milaboratories/helpers';\nimport type { Mutable } from '@milaboratories/helpers';\nimport type { NavigationState, BlockOutputsBase, BlockState, PlatformaV1 } from '@platforma-sdk/model';\nimport { reactive, nextTick, computed, watch } from 'vue';\nimport type { StateModelOptions, UnwrapOutputs, OptionalResult, OutputValues, OutputErrors, AppSettings } from '../types';\nimport { createModel } from '../createModel';\nimport { createAppModel } from './createAppModel';\nimport { parseQuery } from '../urls';\nimport { MultiError, unwrapValueOrErrors } from '../utils';\nimport { useDebounceFn } from '@vueuse/core';\n/**\n * Creates an application instance with reactive state management, outputs, and methods for state updates and navigation.\n *\n * @template Args - The type of arguments used in the application.\n * @template Outputs - The type of block outputs extending `BlockOutputsBase`.\n * @template UiState - The type of the UI state.\n * @template Href - The type of navigation href, defaulting to a string starting with `/`.\n *\n * @param state - Initial state of the application, including args, outputs, UI state, and navigation state.\n * @param platforma - A platform interface for interacting with block states.\n * @param settings - Application settings, such as debug flags.\n *\n * @returns A reactive application object with methods, getters, and state.\n */\nexport function createAppV1<\n  Args = unknown,\n  Outputs extends BlockOutputsBase = BlockOutputsBase,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(\n  state: BlockState<Args, Outputs, UiState, Href>,\n  platforma: PlatformaV1<Args, Outputs, UiState, Href>,\n  settings: AppSettings,\n) {\n  type AppModel = {\n    args: Args;\n    ui: UiState;\n  };\n\n  const log = (msg: string, ...rest: unknown[]) => {\n    if (settings.debug) {\n      console.log(`%c>>> %c${msg}`, 'color: orange; font-weight: bold', 'color: orange', ...rest);\n    }\n  };\n\n  /**\n   * Reactive snapshot of the application state, including args, outputs, UI state, and navigation state.\n   */\n  const snapshot = reactive({\n    args: Object.freeze(state.args),\n    outputs: Object.freeze(state.outputs),\n    ui: Object.freeze(state.ui),\n    navigationState: Object.freeze(state.navigationState) as NavigationState<Href>,\n  }) as {\n    args: Readonly<Args>;\n    outputs: Partial<Readonly<Outputs>>;\n    ui: Readonly<UiState>;\n    navigationState: Readonly<NavigationState<Href>>;\n  };\n\n  const debounceSpan = settings.debounceSpan ?? 200;\n\n  const maxWait = tap(settings.debounceMaxWait ?? 0, (v) => v < 20_000 ? 20_000 : v < debounceSpan ? debounceSpan * 100 : v);\n\n  const setBlockArgs = useDebounceFn((args: Args) => {\n    if (!isJsonEqual(args, snapshot.args)) {\n      platforma.setBlockArgs(args);\n    }\n  }, debounceSpan, { maxWait });\n\n  const setBlockUiState = useDebounceFn((ui: UiState) => {\n    if (!isJsonEqual(ui, snapshot.ui)) {\n      platforma.setBlockUiState(ui);\n    }\n  }, debounceSpan, { maxWait });\n\n  const setBlockArgsAndUiState = useDebounceFn((args: Args, ui: UiState) => {\n    if (!isJsonEqual(args, snapshot.args) || !isJsonEqual(ui, snapshot.ui)) {\n      platforma.setBlockArgsAndUiState(args, ui);\n    }\n  }, debounceSpan, { maxWait });\n\n  (platforma as unknown as PlatformaV1<Args, Outputs, UiState, Href>).onStateUpdates(async (updates) => {\n    updates.forEach((patch) => {\n      if (patch.key === 'args' && !isJsonEqual(snapshot.args, patch.value)) {\n        snapshot.args = Object.freeze(patch.value);\n        log('args patch', snapshot.args);\n      }\n\n      if (patch.key === 'ui' && !isJsonEqual(snapshot.ui, patch.value)) {\n        snapshot.ui = Object.freeze(patch.value);\n        log('ui patch', snapshot.ui);\n      }\n\n      if (patch.key === 'outputs' && !isJsonEqual(snapshot.outputs, patch.value)) {\n        snapshot.outputs = Object.freeze(patch.value);\n        log('outputs patch', snapshot.outputs);\n      }\n\n      if (patch.key === 'navigationState' && !isJsonEqual(snapshot.navigationState, patch.value)) {\n        snapshot.navigationState = Object.freeze(patch.value);\n        log('navigationState patch', snapshot.navigationState);\n      }\n    });\n\n    await nextTick();\n  });\n\n  const cloneArgs = () => deepClone(snapshot.args) as Args;\n  const cloneUiState = () => deepClone(snapshot.ui) as UiState;\n  const cloneNavigationState = () => deepClone(snapshot.navigationState) as Mutable<NavigationState<Href>>;\n\n  const methods = {\n    createArgsModel<T = Args>(options: StateModelOptions<Args, T> = {}) {\n      return createModel<T, Args>({\n        get() {\n          if (options.transform) {\n            return options.transform(snapshot.args);\n          }\n\n          return snapshot.args as T;\n        },\n        validate: options.validate,\n        autoSave: true,\n        onSave(newArgs) {\n          setBlockArgs(newArgs);\n        },\n      });\n    },\n    /**\n     * defaultUiState is temporarily here, remove it after implementing initialUiState\n     */\n    createUiModel<T = UiState>(options: StateModelOptions<UiState, T> = {}, defaultUiState: () => UiState) {\n      return createModel<T, UiState>({\n        get() {\n          if (options.transform) {\n            return options.transform(snapshot.ui);\n          }\n\n          return (snapshot.ui ?? defaultUiState()) as T;\n        },\n        validate: options.validate,\n        autoSave: true,\n        onSave(newData) {\n          setBlockUiState(newData);\n        },\n      });\n    },\n    /**\n     * Note: Don't forget to list the output names, like: useOutputs('output1', 'output2', ...etc)\n     * @param keys - List of output names\n     * @returns {OptionalResult<UnwrapOutputs<Outputs, K>>}\n     */\n    useOutputs<K extends keyof Outputs>(...keys: K[]): OptionalResult<UnwrapOutputs<Outputs, K>> {\n      const data = reactive({\n        errors: undefined,\n        value: undefined,\n      });\n\n      watch(\n        () => snapshot.outputs,\n        () => {\n          try {\n            Object.assign(data, {\n              value: this.unwrapOutputs<K>(...keys),\n              errors: undefined,\n            });\n          } catch (error) {\n            Object.assign(data, {\n              value: undefined,\n              errors: [String(error)],\n            });\n          }\n        },\n        { immediate: true, deep: true },\n      );\n\n      return data as OptionalResult<UnwrapOutputs<Outputs, K>>;\n    },\n    /**\n     * Retrieves the unwrapped values of outputs for the given keys.\n     *\n     * @template K - Keys of the outputs to unwrap.\n     * @param keys - List of output names.\n     * @throws Error if the outputs contain errors.\n     * @returns An object with unwrapped output values.\n     */\n    unwrapOutputs<K extends keyof Outputs>(...keys: K[]): UnwrapOutputs<Outputs, K> {\n      const outputs = snapshot.outputs;\n      const entries = keys.map((key) => [key, unwrapValueOrErrors(outputs[key])]);\n      return Object.fromEntries(entries);\n    },\n    /**\n     * Updates the arguments state by applying a callback.\n     *\n     * @param cb - Callback to modify the current arguments.\n     * @returns A promise resolving after the update is applied.\n     */\n    updateArgs(cb: (args: Args) => void) {\n      const newArgs = cloneArgs();\n      cb(newArgs);\n      return platforma.setBlockArgs(newArgs);\n    },\n    /**\n     * Updates the UI state by applying a callback.\n     *\n     * @param cb - Callback to modify the current UI state.\n     * @returns A promise resolving after the update is applied.\n     * @todo Make it mutable since there is already an initial one\n     */\n    updateUiState(cb: (args: UiState) => UiState): Promise<void> {\n      const newUiState = cloneUiState();\n      return platforma.setBlockUiState(cb(newUiState));\n    },\n    /**\n     * Updates the navigation state by applying a callback.\n     *\n     * @param cb - Callback to modify the current navigation state.\n     * @returns A promise resolving after the update is applied.\n     */\n    updateNavigationState(cb: (args: Mutable<NavigationState<Href>>) => void) {\n      const newState = cloneNavigationState();\n      cb(newState);\n      return platforma.setNavigationState(newState);\n    },\n    /**\n     * Navigates to a specific href by updating the navigation state.\n     *\n     * @param href - The target href to navigate to.\n     * @returns A promise resolving after the navigation state is updated.\n     */\n    navigateTo(href: Href) {\n      const newState = cloneNavigationState();\n      newState.href = href;\n      return platforma.setNavigationState(newState);\n    },\n  };\n\n  const outputs = computed<OutputValues<Outputs>>(() => {\n    const entries = Object.entries(snapshot.outputs).map(([k, vOrErr]) => [k, vOrErr.ok && vOrErr.value !== undefined ? vOrErr.value : undefined]);\n    return Object.fromEntries(entries);\n  });\n\n  const outputErrors = computed<OutputErrors<Outputs>>(() => {\n    const entries = Object.entries(snapshot.outputs).map(([k, vOrErr]) => [k, vOrErr && !vOrErr.ok ? new MultiError(vOrErr.errors) : undefined]);\n    return Object.fromEntries(entries);\n  });\n\n  const getters = {\n    snapshot,\n    queryParams: computed(() => parseQuery<Href>(snapshot.navigationState.href)),\n    href: computed(() => snapshot.navigationState.href),\n    hasErrors: computed(() => Object.values(snapshot.outputs).some((v) => !v?.ok)),\n  };\n\n  const model = createAppModel(\n    {\n      get() {\n        return { args: snapshot.args, ui: snapshot.ui } as AppModel;\n      },\n      autoSave: true,\n      onSave(newData: AppModel) {\n        setBlockArgsAndUiState(newData.args, newData.ui);\n      },\n    },\n    {\n      outputs,\n      outputErrors,\n    },\n    settings,\n  );\n\n  return reactive(Object.assign(model, methods, getters));\n}\n\nexport type BaseAppV1<\n  Args = unknown,\n  Outputs extends BlockOutputsBase = BlockOutputsBase,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n> = ReturnType<typeof createAppV1<Args, Outputs, UiState, Href>>;\n"],"names":["createAppV1","state","platforma","settings","log","msg","rest","snapshot","reactive","debounceSpan","maxWait","tap","v","setBlockArgs","useDebounceFn","args","isJsonEqual","setBlockUiState","ui","setBlockArgsAndUiState","updates","patch","nextTick","cloneArgs","deepClone","cloneUiState","cloneNavigationState","methods","options","createModel","newArgs","defaultUiState","newData","keys","data","watch","error","outputs","entries","key","unwrapValueOrErrors","cb","newUiState","newState","href","computed","k","vOrErr","outputErrors","MultiError","getters","parseQuery","model","createAppModel"],"mappings":"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"}

package/dist/internal/createAppV2.d.ts

@@ -0,0 +1,56 @@
+import { Mutable } from '@milaboratories/helpers';
+import { NavigationState, BlockOutputsBase, BlockState, PlatformaV2, ValueWithUTag, AuthorMarker } from '@platforma-sdk/model';
+import { StateModelOptions, UnwrapOutputs, OutputValues, OutputErrors, AppSettings } from '../types';
+export declare const patchPoolingDelay = 100;
+export declare const createNextAuthorMarker: (marker: AuthorMarker | undefined) => AuthorMarker;
+/**
+ * Creates an application instance with reactive state management, outputs, and methods for state updates and navigation.
+ *
+ * @template Args - The type of arguments used in the application.
+ * @template Outputs - The type of block outputs extending `BlockOutputsBase`.
+ * @template UiState - The type of the UI state.
+ * @template Href - The type of navigation href, defaulting to a string starting with `/`.
+ *
+ * @param state - Initial state of the application, including args, outputs, UI state, and navigation state.
+ * @param platforma - A platform interface for interacting with block states.
+ * @param settings - Application settings, such as debug flags.
+ *
+ * @returns A reactive application object with methods, getters, and state.
+ */
+export declare function createAppV2<Args = unknown, Outputs extends BlockOutputsBase = BlockOutputsBase, UiState = unknown, Href extends `/${string}` = `/${string}`>(state: ValueWithUTag<BlockState<Args, Outputs, UiState, Href>>, platforma: PlatformaV2<Args, Outputs, UiState, Href>, settings: AppSettings): {
+    model: {
+        args: import('vue').UnwrapRef<Args>;
+        ui: import('vue').UnwrapRef<UiState>;
+        outputs: import('vue').UnwrapRef<OutputValues<Outputs>>;
+        outputErrors: import('vue').UnwrapRef<OutputErrors<Outputs>>;
+    };
+    readonly valid: boolean;
+    readonly isChanged: boolean;
+    readonly error: Error | undefined;
+    readonly errorString: string | undefined;
+    readonly save: () => void;
+    readonly revert: () => void;
+    readonly setError: (cause: unknown) => void;
+    cloneArgs: () => Args;
+    cloneUiState: () => UiState;
+    cloneNavigationState: () => Mutable<NavigationState<Href>>;
+    createArgsModel: <T extends Args = Args>(options?: StateModelOptions<Args, T>) => import('..').Model<T>;
+    createUiModel: <T extends UiState = UiState>(options: StateModelOptions<UiState, T> | undefined, defaultUiState: () => UiState) => import('..').Model<T>;
+    unwrapOutputs: <K extends keyof Outputs>(...keys: K[]) => UnwrapOutputs<Outputs, K>;
+    updateArgs: (cb: (args: Args) => void) => Promise<boolean>;
+    updateUiState: (cb: (args: UiState) => UiState) => Promise<boolean>;
+    navigateTo: (href: Href) => Promise<boolean>;
+    allSettled: () => Promise<void>;
+    closedRef: boolean;
+    snapshot: {
+        args: Args;
+        outputs: Partial<Outputs>;
+        ui: UiState;
+        navigationState: NavigationState<Href>;
+    };
+    queryParams: import('..').ParseQuery<Href>;
+    href: Href;
+    hasErrors: boolean;
+};
+export type BaseAppV2<Args = unknown, Outputs extends BlockOutputsBase = BlockOutputsBase, UiState = unknown, Href extends `/${string}` = `/${string}`> = ReturnType<typeof createAppV2<Args, Outputs, UiState, Href>>;
+//# sourceMappingURL=createAppV2.d.ts.map

package/dist/internal/createAppV2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAppV2.d.ts","sourceRoot":"","sources":["../../src/internal/createAppV2.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpI,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ1G,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,eAAO,MAAM,sBAAsB,WAAY,YAAY,GAAG,SAAS,KAAG,YAGxE,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CACzB,IAAI,GAAG,OAAO,EACd,OAAO,SAAS,gBAAgB,GAAG,gBAAgB,EACnD,OAAO,GAAG,OAAO,EACjB,IAAI,SAAS,IAAI,MAAM,EAAE,GAAG,IAAI,MAAM,EAAE,EAExC,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,EAC9D,SAAS,EAAE,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EACpD,QAAQ,EAAE,WAAW;;;;;;;;;;;;;;qBAsJqC,IAAI;wBACH,OAAO;gCACc,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;sBAM5F,CAAC,SAAS,IAAI,mBAAkB,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;oBAmB5D,CAAC,SAAS,OAAO,qBAAqB,iBAAiB,CAAC,OAAO,EAAE,CAAC,CAAC,8BAAuB,MAAM,OAAO;oBAwBvG,CAAC,SAAS,MAAM,OAAO,WAAW,CAAC,EAAE,KAAG,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC;qBAWhE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,KAAG,OAAO,CAAC,OAAO,CAAC;wBAcpC,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,KAAG,OAAO,CAAC,OAAO,CAAC;uBAY9C,IAAI;;;;cA5Lf,IAAI;iBACD,OAAO,CAAC,OAAO,CAAC;YACrB,OAAO;yBACM,eAAe,CAAC,IAAI,CAAC;;;;;EA6MzC;AAED,MAAM,MAAM,SAAS,CACnB,IAAI,GAAG,OAAO,EACd,OAAO,SAAS,gBAAgB,GAAG,gBAAgB,EACnD,OAAO,GAAG,OAAO,EACjB,IAAI,SAAS,IAAI,MAAM,EAAE,GAAG,IAAI,MAAM,EAAE,IACtC,UAAU,CAAC,OAAO,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC"}

package/dist/internal/createAppV2.js

@@ -0,0 +1,158 @@
+import { uniqueId as B, deepClone as w, delay as $ } from "../lib/util/helpers/dist/index.js";
+import "../sdk/model/dist/index.js";
+import { ref as A, computed as h, reactive as z } from "vue";
+import { createModel as N } from "../createModel.js";
+import { createAppModel as D } from "./createAppModel.js";
+import { parseQuery as L } from "../urls.js";
+import { MultiError as F, unwrapValueOrErrors as G } from "../utils.js";
+import "../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/index.js";
+import { UpdateSerializer as v } from "./UpdateSerializer.js";
+import { unwrapResult as s, hasAbortError as H } from "../lib/model/common/dist/index.js";
+import { applyPatch as O } from "../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/module/core.js";
+const P = 100, K = (n) => ({
+  authorId: (n == null ? void 0 : n.authorId) ?? B(),
+  localVersion: ((n == null ? void 0 : n.localVersion) ?? 0) + 1
+});
+function ue(n, c, d) {
+  const r = (e, ...t) => {
+    d.debug && console.log(`%c>>> %c${e}`, "color: orange; font-weight: bold", "color: orange", d.appId, ...t);
+  }, b = (e, ...t) => {
+    console.error(`%c>>> %c${e}`, "color: red; font-weight: bold", "color: red", d.appId, ...t);
+  }, u = {
+    isExternalSnapshot: !1,
+    author: {
+      authorId: B(),
+      localVersion: 0
+    }
+  }, S = () => (u.author = K(u.author), r("nextAuthorMarker", u.author), u.author), p = A(!1), f = A(n.uTag), g = d.debounceSpan ?? 200, y = new v({ debounceSpan: g }), U = new v({ debounceSpan: g }), M = new v({ debounceSpan: g }), Q = new v({ debounceSpan: g }), o = A(n.value), T = async (e) => c.setBlockArgs(e, S()), x = async (e) => c.setBlockUiState(e, S()), V = async (e, t) => c.setBlockArgsAndUiState(e, t, S()), R = async (e) => c.setNavigationState(e);
+  (async () => {
+    var e, t;
+    for (window.addEventListener("beforeunload", () => {
+      p.value = !0, c.dispose().then(s).catch((a) => {
+        b("error in dispose", a);
+      });
+    }); !p.value; )
+      try {
+        const a = await c.getPatches(f.value).then(s);
+        if (r("patches", JSON.stringify(a, null, 2)), r("uTagRef.value", f.value), r("patches.uTag", a.uTag), r("patches.author", a.author), r("data.author", u.author), f.value = a.uTag, a.value.length === 0) {
+          await new Promise((m) => setTimeout(m, P));
+          continue;
+        }
+        const l = ((e = u.author) == null ? void 0 : e.authorId) !== ((t = a.author) == null ? void 0 : t.authorId);
+        l || u.isExternalSnapshot ? (r("got external changes, applying them to the snapshot", JSON.stringify(o.value, null, 2)), o.value = O(o.value, a.value, !1, !1).newDocument, u.isExternalSnapshot = l) : o.value = O(o.value, a.value).newDocument, await new Promise((m) => setTimeout(m, P));
+      } catch (a) {
+        H(a) ? (r("patches loop aborted"), p.value = !0) : (b("error in patches loop", a), await new Promise((l) => setTimeout(l, 1e3)));
+      }
+  })();
+  const k = h(() => {
+    const e = Object.entries(o.value.outputs).map(([t, a]) => [t, a.ok && a.value !== void 0 ? a.value : void 0]);
+    return Object.fromEntries(e);
+  }), q = h(() => {
+    const e = Object.entries(o.value.outputs).map(([t, a]) => [t, a && !a.ok ? new F(a.errors) : void 0]);
+    return Object.fromEntries(e);
+  }), i = D(
+    {
+      get() {
+        return { args: o.value.args, ui: o.value.ui };
+      },
+      autoSave: !0,
+      onSave(e) {
+        r("onSave", e), M.run(() => V(e.args, e.ui).then(s));
+      }
+    },
+    {
+      outputs: k,
+      outputErrors: q
+    }
+  ), E = () => w(i.model.args), I = () => w(i.model.ui), j = () => w(o.value.navigationState), C = {
+    cloneArgs: E,
+    cloneUiState: I,
+    cloneNavigationState: j,
+    createArgsModel(e = {}) {
+      return N({
+        get() {
+          return e.transform ? e.transform(o.value.args) : o.value.args;
+        },
+        validate: e.validate,
+        autoSave: !0,
+        onSave(t) {
+          y.run(() => T(t).then(s));
+        }
+      });
+    },
+    /**
+     * defaultUiState is temporarily here, remove it after implementing initialUiState
+     */
+    createUiModel(e = {}, t) {
+      return N({
+        get() {
+          return e.transform ? e.transform(o.value.ui) : o.value.ui ?? t();
+        },
+        validate: e.validate,
+        autoSave: !0,
+        onSave(a) {
+          U.run(() => x(a).then(s));
+        }
+      });
+    },
+    /**
+     * Retrieves the unwrapped values of outputs for the given keys.
+     *
+     * @template K - Keys of the outputs to unwrap.
+     * @param keys - List of output names.
+     * @throws Error if the outputs contain errors.
+     * @returns An object with unwrapped output values.
+     */
+    unwrapOutputs(...e) {
+      const t = o.value.outputs, a = e.map((l) => [l, G(t[l])]);
+      return Object.fromEntries(a);
+    },
+    /**
+     * Updates the arguments state by applying a callback.
+     *
+     * @param cb - Callback to modify the current arguments.
+     * @returns A promise resolving after the update is applied.
+     */
+    updateArgs(e) {
+      const t = E();
+      return e(t), r("updateArgs", t), i.model.args = t, y.run(() => T(t).then(s));
+    },
+    /**
+     * Updates the UI state by applying a callback.
+     *
+     * @param cb - Callback to modify the current UI state.
+     * @returns A promise resolving after the update is applied.
+     * @todo Make it mutable since there is already an initial one
+     */
+    updateUiState(e) {
+      const t = e(I());
+      return r("updateUiState", t), i.model.ui = t, U.run(() => x(t).then(s));
+    },
+    /**
+     * Navigates to a specific href by updating the navigation state.
+     *
+     * @param href - The target href to navigate to.
+     * @returns A promise resolving after the navigation state is updated.
+     */
+    navigateTo(e) {
+      const t = j();
+      return t.href = e, Q.run(() => R(t).then(s));
+    },
+    async allSettled() {
+      return await $(0), M.allSettled();
+    }
+  }, J = {
+    closedRef: p,
+    snapshot: o,
+    queryParams: h(() => L(o.value.navigationState.href)),
+    href: h(() => o.value.navigationState.href),
+    hasErrors: h(() => Object.values(o.value.outputs).some((e) => !(e != null && e.ok)))
+  };
+  return z(Object.assign(i, C, J));
+}
+export {
+  ue as createAppV2,
+  K as createNextAuthorMarker,
+  P as patchPoolingDelay
+};
+//# sourceMappingURL=createAppV2.js.map