@platforma-sdk/ui-vue 1.51.8 → 1.52.0

package/dist/internal/createAppV3.js

@@ -0,0 +1,121 @@
+import { delay as $ } from "../lib/util/helpers/dist/utils.js";
+import { uniqueId as V } from "../lib/util/helpers/dist/strings.js";
+import { deepClone as c } from "../lib/util/helpers/dist/objects.js";
+import { deriveDataFromStorage as M, unwrapResult as i, hasAbortError as z } from "@platforma-sdk/model";
+import { ref as b, computed as p, reactive as E } from "vue";
+import { parseQuery as J } from "../urls.js";
+import { MultiError as L } from "../utils.js";
+import "../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/index.js";
+import { UpdateSerializer as I } from "./UpdateSerializer.js";
+import { watchIgnorable as k } from "@vueuse/core";
+import { applyPatch as P } from "../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/module/core.js";
+const j = 150, B = (n) => ({
+  authorId: (n == null ? void 0 : n.authorId) ?? V(),
+  localVersion: ((n == null ? void 0 : n.localVersion) ?? 0) + 1
+}), N = (n) => {
+  try {
+    return JSON.stringify(n, null, 2);
+  } catch (u) {
+    return u instanceof Error ? u.message : String(u);
+  }
+};
+function re(n, u, g) {
+  const r = (e, ...a) => {
+    g.debug && console.log(`%c>>> %c${e}`, "color: orange; font-weight: bold", "color: orange", ...a.map((t) => N(t)));
+  }, w = (e, ...a) => {
+    console.error(`%c>>> %c${e}`, "color: red; font-weight: bold", "color: red", ...a.map((t) => N(t)));
+  }, s = {
+    isExternalSnapshot: !1,
+    author: {
+      authorId: V(),
+      localVersion: 0
+    }
+  }, _ = () => (s.author = B(s.author), r("nextAuthorMarker", s.author), s.author), d = b(!1), m = b(n.uTag), S = g.debounceSpan ?? 200, v = new I({ debounceSpan: S }), Q = new I({ debounceSpan: S }), o = b(n.value), y = async (e) => u.mutateStorage({ operation: "update-data", value: e }, _()), R = async (e) => u.setNavigationState(e), O = p(() => {
+    const e = Object.entries(o.value.outputs).map(([a, t]) => [a, t.ok && t.value !== void 0 ? t.value : void 0]);
+    return Object.fromEntries(e);
+  }), q = p(() => {
+    const e = Object.entries(o.value.outputs).map(([a, t]) => [a, t && t.ok === !1 ? new L(t.errors) : void 0]);
+    return Object.fromEntries(e);
+  }), l = E({
+    apiVersion: 3,
+    error: "",
+    model: {
+      data: c(M(o.value.blockStorage)),
+      outputs: O,
+      outputErrors: q
+    }
+  }), { ignoreUpdates: D } = k(
+    () => l.model,
+    (e) => {
+      const a = c(e);
+      r("setDataQueue appModel.model, data", a.data), v.run(() => y(a.data).then(i));
+    },
+    { deep: !0 }
+  ), C = (e) => {
+    r("updateAppModel", e), l.model.data = c(e.data);
+  };
+  (async () => {
+    var e, a;
+    for (window.addEventListener("beforeunload", () => {
+      d.value = !0, u.dispose().then(i).catch((t) => {
+        w("error in dispose", t);
+      });
+    }); !d.value; )
+      try {
+        const t = await u.getPatches(m.value).then(i);
+        if (r("patches.length", t.value.length), r("uTagRef.value", m.value), r("patches.uTag", t.uTag), r("patches.author", t.author), r("data.author", s.author), m.value = t.uTag, t.value.length === 0) {
+          await new Promise((f) => setTimeout(f, j));
+          continue;
+        }
+        const h = ((e = s.author) == null ? void 0 : e.authorId) !== ((a = t.author) == null ? void 0 : a.authorId);
+        h || s.isExternalSnapshot ? (r("got external changes, applying them to the snapshot", t.value), D(() => {
+          o.value = P(o.value, t.value, !1, !1).newDocument, C({ data: M(o.value.blockStorage) }), s.isExternalSnapshot = h;
+        })) : (r("outputs changed", t.value), D(() => {
+          o.value = P(o.value, t.value).newDocument;
+        })), await new Promise((f) => setTimeout(f, j));
+      } catch (t) {
+        z(t) ? (r("patches loop aborted"), d.value = !0) : (w("error in patches loop", t), await new Promise((h) => setTimeout(h, 1e3)));
+      }
+  })();
+  const T = () => c(l.model.data), x = () => c(o.value.navigationState), F = {
+    cloneData: T,
+    cloneNavigationState: x,
+    /**
+     * 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
+     */
+    updateData(e) {
+      const a = e(T());
+      return r("updateData", a), l.model.data = a, v.run(() => y(a).then(i));
+    },
+    /**
+     * 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 a = x();
+      return a.href = e, Q.run(() => R(a).then(i));
+    },
+    async allSettled() {
+      return await $(0), v.allSettled();
+    }
+  }, U = {
+    closedRef: d,
+    snapshot: o,
+    queryParams: p(() => J(o.value.navigationState.href)),
+    href: p(() => o.value.navigationState.href),
+    hasErrors: p(() => Object.values(o.value.outputs).some((e) => !(e != null && e.ok)))
+  }, A = E(Object.assign(l, F, U));
+  return g.debug && (globalThis.__block_app__ = A), A;
+}
+export {
+  re as createAppV3,
+  B as createNextAuthorMarker,
+  j as patchPoolingDelay
+};
+//# sourceMappingURL=createAppV3.js.map

package/dist/internal/createAppV3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAppV3.js","sources":["../../src/internal/createAppV3.ts"],"sourcesContent":["import { deepClone, delay, uniqueId } from '@milaboratories/helpers';\nimport type { Mutable } from '@milaboratories/helpers';\nimport type {\n  NavigationState,\n  BlockOutputsBase,\n  BlockStateV3,\n  PlatformaV3,\n  ValueWithUTag,\n  AuthorMarker,\n} from '@platforma-sdk/model';\nimport { hasAbortError, unwrapResult, deriveDataFromStorage } from '@platforma-sdk/model';\nimport type { Ref } from 'vue';\nimport { reactive, computed, ref } from 'vue';\nimport type { OutputValues, OutputErrors, AppSettings } from '../types';\nimport { parseQuery } from '../urls';\nimport { MultiError } from '../utils';\nimport { applyPatch } from 'fast-json-patch';\nimport { UpdateSerializer } from './UpdateSerializer';\nimport { watchIgnorable } from '@vueuse/core';\n\nexport const patchPoolingDelay = 150;\n\nexport const createNextAuthorMarker = (marker: AuthorMarker | undefined): AuthorMarker => ({\n  authorId: marker?.authorId ?? uniqueId(),\n  localVersion: (marker?.localVersion ?? 0) + 1,\n});\n\nconst stringifyForDebug = (v: unknown) => {\n  try {\n    return JSON.stringify(v, null, 2);\n  } catch (err) {\n    return err instanceof Error ? err.message : String(err);\n  }\n};\n\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 Data - The type of the block data.\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 createAppV3<\n  Args = unknown,\n  Outputs extends BlockOutputsBase = BlockOutputsBase,\n  Data = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(\n  state: ValueWithUTag<BlockStateV3<Outputs, Data, Href>>,\n  platforma: PlatformaV3<Args, Outputs, Data, Href>,\n  settings: AppSettings,\n) {\n  const debug = (msg: string, ...rest: unknown[]) => {\n    if (settings.debug) {\n      console.log(`%c>>> %c${msg}`, 'color: orange; font-weight: bold', 'color: orange', ...rest.map((r) => stringifyForDebug(r)));\n    }\n  };\n\n  const error = (msg: string, ...rest: unknown[]) => {\n    console.error(`%c>>> %c${msg}`, 'color: red; font-weight: bold', 'color: red', ...rest.map((r) => stringifyForDebug(r)));\n  };\n\n  const data = {\n    isExternalSnapshot: false,\n    author: {\n      authorId: uniqueId(),\n      localVersion: 0,\n    },\n  };\n\n  const nextAuthorMarker = () => {\n    data.author = createNextAuthorMarker(data.author);\n    debug('nextAuthorMarker', data.author);\n    return data.author;\n  };\n\n  const closedRef = ref(false);\n\n  const uTagRef = ref(state.uTag);\n\n  const debounceSpan = settings.debounceSpan ?? 200;\n\n  const setDataQueue = new UpdateSerializer({ debounceSpan });\n  const setNavigationStateQueue = new UpdateSerializer({ debounceSpan });\n  /**\n   * Reactive snapshot of the application state, including args, outputs, UI state, and navigation state.\n   */\n  const snapshot = ref<{\n    outputs: Partial<Outputs>;\n    blockStorage: unknown;\n    navigationState: NavigationState<Href>;\n  }>(state.value) as Ref<{\n    outputs: Partial<Outputs>;\n    blockStorage: unknown;\n    navigationState: NavigationState<Href>;\n  }>;\n\n  const updateData = async (value: Data) => {\n    return platforma.mutateStorage({ operation: 'update-data', value }, nextAuthorMarker());\n  };\n\n  const setNavigationState = async (state: NavigationState<Href>) => {\n    return platforma.setNavigationState(state);\n  };\n\n  const outputs = computed<OutputValues<Outputs>>(() => {\n    const entries = Object.entries(snapshot.value.outputs as Partial<Readonly<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.value.outputs as Partial<Readonly<Outputs>>).map(([k, vOrErr]) => [k, vOrErr && vOrErr.ok === false ? new MultiError(vOrErr.errors) : undefined]);\n    return Object.fromEntries(entries);\n  });\n\n  const appModel = reactive({\n    apiVersion: 3,\n    error: '',\n    model: {\n      data: deepClone(deriveDataFromStorage<Data>(snapshot.value.blockStorage)) as Data,\n      outputs,\n      outputErrors,\n    },\n  }) as {\n    error: string;\n    model: {\n      data: Data;\n      outputs: OutputValues<Outputs>;\n      outputErrors: OutputErrors<Outputs>;\n    };\n  };\n\n  const { ignoreUpdates } = watchIgnorable(\n    () => appModel.model,\n    (_newData) => {\n      const newData = deepClone(_newData);\n      debug('setDataQueue appModel.model, data', newData.data);\n      setDataQueue.run(() => updateData(newData.data).then(unwrapResult));\n    },\n    { deep: true },\n  );\n\n  const updateAppModel = (newData: {\n    data: Data;\n  }) => {\n    debug('updateAppModel', newData);\n    appModel.model.data = deepClone(newData.data) as Data;\n  };\n\n  (async () => {\n    window.addEventListener('beforeunload', () => {\n      closedRef.value = true;\n      platforma.dispose().then(unwrapResult).catch((err) => {\n        error('error in dispose', err);\n      });\n    });\n\n    while (!closedRef.value) {\n      try {\n        const patches = await platforma.getPatches(uTagRef.value).then(unwrapResult);\n\n        debug('patches.length', patches.value.length);\n        debug('uTagRef.value', uTagRef.value);\n        debug('patches.uTag', patches.uTag);\n        debug('patches.author', patches.author);\n        debug('data.author', data.author);\n\n        uTagRef.value = patches.uTag;\n\n        if (patches.value.length === 0) {\n          await new Promise((resolve) => setTimeout(resolve, patchPoolingDelay));\n          continue;\n        }\n\n        const isAuthorChanged = data.author?.authorId !== patches.author?.authorId;\n\n        // Immutable behavior, apply external changes to the snapshot\n        if (isAuthorChanged || data.isExternalSnapshot) {\n          debug('got external changes, applying them to the snapshot', patches.value);\n          ignoreUpdates(() => {\n            snapshot.value = applyPatch(snapshot.value, patches.value, false, false).newDocument;\n            updateAppModel({ data: deriveDataFromStorage<Data>(snapshot.value.blockStorage) });\n            data.isExternalSnapshot = isAuthorChanged;\n          });\n        } else {\n          // Mutable behavior\n          debug('outputs changed', patches.value);\n          ignoreUpdates(() => {\n            snapshot.value = applyPatch(snapshot.value, patches.value).newDocument;\n          });\n        }\n\n        await new Promise((resolve) => setTimeout(resolve, patchPoolingDelay));\n      } catch (err) {\n        if (hasAbortError(err)) {\n          debug('patches loop aborted');\n          closedRef.value = true;\n        } else {\n          error('error in patches loop', err);\n          await new Promise((resolve) => setTimeout(resolve, 1000));\n        }\n      }\n    }\n  })();\n\n  const cloneData = () => deepClone(appModel.model.data) as Data;\n  const cloneNavigationState = () => deepClone(snapshot.value.navigationState) as Mutable<NavigationState<Href>>;\n\n  const methods = {\n    cloneData,\n    cloneNavigationState,\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    updateData(cb: (data: Data) => Data): Promise<boolean> {\n      const newData = cb(cloneData());\n      debug('updateData', newData);\n      appModel.model.data = newData;\n      return setDataQueue.run(() => updateData(newData).then(unwrapResult));\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 setNavigationStateQueue.run(() => setNavigationState(newState).then(unwrapResult));\n    },\n    async allSettled() {\n      await delay(0);\n      return setDataQueue.allSettled();\n    },\n  };\n\n  const getters = {\n    closedRef,\n    snapshot,\n    queryParams: computed(() => parseQuery<Href>(snapshot.value.navigationState.href as Href)),\n    href: computed(() => snapshot.value.navigationState.href),\n    hasErrors: computed(() => Object.values(snapshot.value.outputs as Partial<Readonly<Outputs>>).some((v) => !v?.ok)),\n  };\n\n  const app = reactive(Object.assign(appModel, methods, getters));\n\n  if (settings.debug) {\n    // @ts-expect-error (to inspect in console in debug mode)\n    globalThis.__block_app__ = app;\n  }\n\n  return app;\n}\n\nexport type BaseAppV3<\n  Args = unknown,\n  Outputs extends BlockOutputsBase = BlockOutputsBase,\n  Data = unknown,\n  Href extends `/${string}` = `/${string}`,\n> = ReturnType<typeof createAppV3<Args, Outputs, Data, Href>>;\n"],"names":["patchPoolingDelay","createNextAuthorMarker","marker","uniqueId","stringifyForDebug","v","err","createAppV3","state","platforma","settings","debug","msg","rest","r","error","data","nextAuthorMarker","closedRef","ref","uTagRef","debounceSpan","setDataQueue","UpdateSerializer","setNavigationStateQueue","snapshot","updateData","value","setNavigationState","outputs","computed","entries","k","vOrErr","outputErrors","MultiError","appModel","reactive","deepClone","deriveDataFromStorage","ignoreUpdates","watchIgnorable","_newData","newData","unwrapResult","updateAppModel","patches","resolve","isAuthorChanged","_a","_b","applyPatch","hasAbortError","cloneData","cloneNavigationState","methods","cb","href","newState","delay","getters","parseQuery","app"],"mappings":"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"}

package/dist/plugins/Monetization/useInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInfo.d.ts","sourceRoot":"","sources":["../../../src/plugins/Monetization/useInfo.ts"],"names":[],"mappings":"AAKA,wBAAgB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuEtB"}
+{"version":3,"file":"useInfo.d.ts","sourceRoot":"","sources":["../../../src/plugins/Monetization/useInfo.ts"],"names":[],"mappings":"AAKA,wBAAgB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFtB"}

package/dist/plugins/Monetization/useInfo.js

@@ -1,70 +1,68 @@
-import { computed as n, ref as i, watch as g } from "vue";
-import { useSdkPlugin as h } from "../../defineApp.js";
-import { Response as D } from "./validation.js";
-import { useIntervalFn as O } from "@vueuse/core";
-function E() {
-  const m = h(), s = n(() => m.loaded ? m.useApp() : void 0), a = n(() => {
-    var e, o;
-    return "__mnzDate" in ((o = (e = s.value) == null ? void 0 : e.model) == null ? void 0 : o.args);
-  }), v = n(() => {
+import { computed as t, ref as l, watch as _ } from "vue";
+import { useSdkPlugin as S } from "../../defineApp.js";
+import { Response as h } from "./validation.js";
+import { useIntervalFn as k } from "@vueuse/core";
+function M() {
+  const v = S(), c = t(() => v.loaded ? v.useApp() : void 0), z = (e) => e ? "data" in e ? e.data : "args" in e ? e.args : {} : {}, s = t(() => {
     var e;
-    return D.safeParse((e = s.value) == null ? void 0 : e.model.outputs.__mnzInfo);
-  }), c = n(() => {
+    return z((e = c.value) == null ? void 0 : e.model);
+  }), r = t(() => s.value && "__mnzDate" in s.value), f = t(() => {
     var e;
-    return (e = v.value) == null ? void 0 : e.data;
-  }), _ = n(() => {
-    var e, o, p;
-    return ((e = v.value) == null ? void 0 : e.error) ?? ((p = (o = u.value) == null ? void 0 : o.response) == null ? void 0 : p.error);
-  }), u = i(void 0), r = i(!1), l = i(0);
-  g([c], ([e]) => {
+    return h.safeParse((e = c.value) == null ? void 0 : e.model.outputs.__mnzInfo);
+  }), m = t(() => {
+    var e;
+    return (e = f.value) == null ? void 0 : e.data;
+  }), I = t(() => {
+    var e, n, g;
+    return ((e = f.value) == null ? void 0 : e.error) ?? ((g = (n = o.value) == null ? void 0 : n.response) == null ? void 0 : g.error);
+  }), o = l(void 0), u = l(!1), i = l(0);
+  _([m], ([e]) => {
     if (e) {
-      u.value = e;
-      const o = ++l.value;
+      o.value = e;
+      const n = ++i.value;
       setTimeout(() => {
-        l.value === o && (r.value = !1);
+        i.value === n && (u.value = !1);
       }, 1e3);
     }
   }, { immediate: !0 });
-  const t = n(() => {
-    var e, o;
-    return (o = (e = u.value) == null ? void 0 : e.response) == null ? void 0 : o.result;
-  }), f = n(() => {
-    var e;
-    return !!((e = t.value) != null && e.canRun);
-  }), z = n(() => {
+  const a = t(() => {
+    var e, n;
+    return (n = (e = o.value) == null ? void 0 : e.response) == null ? void 0 : n.result;
+  }), d = t(() => {
     var e;
-    return c.value ? (e = t.value) == null ? void 0 : e.status : "";
-  }), I = n(() => {
+    return !!((e = a.value) != null && e.canRun);
+  }), D = t(() => {
     var e;
-    return (e = t.value) == null ? void 0 : e.customerEmail;
-  }), P = n(() => {
+    return m.value ? (e = a.value) == null ? void 0 : e.status : "";
+  }), O = t(() => {
     var e;
-    return (e = t.value) == null ? void 0 : e.mnz.endOfBillingPeriod;
-  }), R = n(() => {
+    return (e = a.value) == null ? void 0 : e.customerEmail;
+  }), P = t(() => {
     var e;
-    return (e = t.value) == null ? void 0 : e.mnz.limits;
-  }), d = () => {
+    return (e = a.value) == null ? void 0 : e.mnz.endOfBillingPeriod;
+  }), R = t(() => {
     var e;
-    r.value = !0, ((e = s.value) == null ? void 0 : e.model.args).__mnzDate = (/* @__PURE__ */ new Date()).toISOString();
+    return (e = a.value) == null ? void 0 : e.mnz.limits;
+  }), p = () => {
+    u.value = !0, s.value.__mnzDate = (/* @__PURE__ */ new Date()).toISOString();
   };
-  return g(f, (e) => {
-    var o;
-    a.value && (((o = s.value) == null ? void 0 : o.model.args).__mnzCanRun = e);
-  }), a.value && O(d, 6e4), {
-    hasMonetization: a,
-    result: t,
-    error: _,
-    canRun: f,
-    status: z,
-    customerEmail: I,
+  return _(d, (e) => {
+    r.value && (s.value.__mnzCanRun = e);
+  }), r.value && k(p, 6e4), {
+    hasMonetization: r,
+    result: a,
+    error: I,
+    canRun: d,
+    status: D,
+    customerEmail: O,
     endOfBillingPeriod: P,
     limits: R,
-    refresh: d,
-    version: l,
-    isLoading: r
+    refresh: p,
+    version: i,
+    isLoading: u
   };
 }
 export {
-  E as useInfo
+  M as useInfo
 };
 //# sourceMappingURL=useInfo.js.map

package/dist/plugins/Monetization/useInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfo.js","sources":["../../../src/plugins/Monetization/useInfo.ts"],"sourcesContent":["import { computed, watch, ref } from 'vue';\nimport { useSdkPlugin } from '../../defineApp';\nimport { Response } from './validation';\nimport { useIntervalFn } from '@vueuse/core';\n\nexport function useInfo() {\n  const sdk = useSdkPlugin();\n\n  const app = computed(() => (sdk.loaded ? sdk.useApp() : undefined));\n\n  const hasMonetization = computed(() => '__mnzDate' in (app.value?.model?.args as Record<string, unknown>));\n\n  const parsed = computed(() => Response.safeParse(app.value?.model.outputs['__mnzInfo']));\n\n  const currentInfo = computed<Response | undefined>(() => parsed.value?.data);\n\n  const error = computed(() => parsed.value?.error ?? info.value?.response?.error);\n\n  const info = ref<Response | undefined>(undefined);\n\n  const isLoading = ref(false);\n\n  const version = ref(0);\n\n  watch([currentInfo], ([i]) => {\n    if (i) {\n      info.value = i;\n      const v = ++version.value;\n      setTimeout(() => {\n        if (version.value === v) {\n          isLoading.value = false;\n        }\n      }, 1000);\n    }\n  }, { immediate: true });\n\n  const result = computed(() => info.value?.response?.result);\n\n  const canRun = computed(() => !!result.value?.canRun);\n\n  const status = computed(() => currentInfo.value ? result.value?.status : '');\n\n  const customerEmail = computed(() => result.value?.customerEmail);\n\n  const endOfBillingPeriod = computed(() => result.value?.mnz.endOfBillingPeriod);\n\n  const limits = computed(() => result.value?.mnz.limits);\n\n  const refresh = () => {\n    isLoading.value = true;\n    (app.value?.model.args as Record<string, unknown>)['__mnzDate'] = new Date().toISOString();\n  };\n\n  watch(canRun, (v) => {\n    if (hasMonetization.value) {\n      (app.value?.model.args as Record<string, unknown>)['__mnzCanRun'] = v;\n    }\n  });\n\n  if (hasMonetization.value) {\n    useIntervalFn(refresh, 60_000); // 1 minute\n  }\n\n  return {\n    hasMonetization,\n    result,\n    error,\n    canRun,\n    status,\n    customerEmail,\n    endOfBillingPeriod,\n    limits,\n    refresh,\n    version,\n    isLoading,\n  };\n}\n"],"names":["useInfo","sdk","useSdkPlugin","app","computed","hasMonetization","_b","_a","parsed","Response","currentInfo","error","_c","info","ref","isLoading","version","watch","i","v","result","canRun","status","customerEmail","endOfBillingPeriod","limits","refresh","useIntervalFn"],"mappings":";;;;AAKO,SAASA,IAAU;AACxB,QAAMC,IAAMC,EAAA,GAENC,IAAMC,EAAS,MAAOH,EAAI,SAASA,EAAI,OAAA,IAAW,MAAU,GAE5DI,IAAkBD,EAAS,MAAA;;AAAM,4BAAgBE,KAAAC,IAAAJ,EAAI,UAAJ,gBAAAI,EAAW,UAAX,gBAAAD,EAAkB;AAAA,GAAgC,GAEnGE,IAASJ,EAAS,MAAA;;AAAM,WAAAK,EAAS,WAAUF,IAAAJ,EAAI,UAAJ,gBAAAI,EAAW,MAAM,QAAQ,SAAY;AAAA,GAAC,GAEjFG,IAAcN,EAA+B,MAAA;;AAAM,YAAAG,IAAAC,EAAO,UAAP,gBAAAD,EAAc;AAAA,GAAI,GAErEI,IAAQP,EAAS,MAAA;;AAAM,aAAAG,IAAAC,EAAO,UAAP,gBAAAD,EAAc,YAASK,KAAAN,IAAAO,EAAK,UAAL,gBAAAP,EAAY,aAAZ,gBAAAM,EAAsB;AAAA,GAAK,GAEzEC,IAAOC,EAA0B,MAAS,GAE1CC,IAAYD,EAAI,EAAK,GAErBE,IAAUF,EAAI,CAAC;AAErB,EAAAG,EAAM,CAACP,CAAW,GAAG,CAAC,CAACQ,CAAC,MAAM;AAC5B,QAAIA,GAAG;AACL,MAAAL,EAAK,QAAQK;AACb,YAAMC,IAAI,EAAEH,EAAQ;AACpB,iBAAW,MAAM;AACf,QAAIA,EAAQ,UAAUG,MACpBJ,EAAU,QAAQ;AAAA,MAEtB,GAAG,GAAI;AAAA,IACT;AAAA,EACF,GAAG,EAAE,WAAW,IAAM;AAEtB,QAAMK,IAAShB,EAAS,MAAA;;AAAM,YAAAE,KAAAC,IAAAM,EAAK,UAAL,gBAAAN,EAAY,aAAZ,gBAAAD,EAAsB;AAAA,GAAM,GAEpDe,IAASjB,EAAS,MAAA;;AAAM,YAAC,GAACG,IAAAa,EAAO,UAAP,QAAAb,EAAc;AAAA,GAAM,GAE9Ce,IAASlB,EAAS;;AAAM,WAAAM,EAAY,SAAQH,IAAAa,EAAO,UAAP,gBAAAb,EAAc,SAAS;AAAA,GAAE,GAErEgB,IAAgBnB,EAAS,MAAA;;AAAM,YAAAG,IAAAa,EAAO,UAAP,gBAAAb,EAAc;AAAA,GAAa,GAE1DiB,IAAqBpB,EAAS,MAAA;;AAAM,YAAAG,IAAAa,EAAO,UAAP,gBAAAb,EAAc,IAAI;AAAA,GAAkB,GAExEkB,IAASrB,EAAS,MAAA;;AAAM,YAAAG,IAAAa,EAAO,UAAP,gBAAAb,EAAc,IAAI;AAAA,GAAM,GAEhDmB,IAAU,MAAM;;AACpB,IAAAX,EAAU,QAAQ,MACjBR,IAAAJ,EAAI,UAAJ,gBAAAI,EAAW,MAAM,MAAiC,aAAe,oBAAI,KAAA,GAAO,YAAA;AAAA,EAC/E;AAEA,SAAAU,EAAMI,GAAQ,CAACF,MAAM;;AACnB,IAAId,EAAgB,YACjBE,IAAAJ,EAAI,UAAJ,gBAAAI,EAAW,MAAM,MAAiC,cAAiBY;AAAA,EAExE,CAAC,GAEGd,EAAgB,SAClBsB,EAAcD,GAAS,GAAM,GAGxB;AAAA,IACL,iBAAArB;AAAA,IACA,QAAAe;AAAA,IACA,OAAAT;AAAA,IACA,QAAAU;AAAA,IACA,QAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAV;AAAA,IACA,WAAAD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useInfo.js","sources":["../../../src/plugins/Monetization/useInfo.ts"],"sourcesContent":["import { computed, watch, ref } from 'vue';\nimport { useSdkPlugin } from '../../defineApp';\nimport { Response } from './validation';\nimport { useIntervalFn } from '@vueuse/core';\n\nexport function useInfo() {\n  const sdk = useSdkPlugin();\n\n  const app = computed(() => (sdk.loaded ? sdk.useApp() : undefined));\n\n  // TODO use a separate plugin state when it's implemented\n  const getModelArgsOrState = (model: Record<string, unknown> | undefined) => {\n    if (!model) return {};\n    if ('data' in model) {\n      return model.data as Record<string, unknown>;\n    } else if ('args' in model) {\n      return model.args as Record<string, unknown>;\n    }\n    return {};\n  };\n\n  const inputData = computed(() => getModelArgsOrState(app.value?.model));\n\n  const hasMonetization = computed(() => {\n    return inputData.value && ('__mnzDate' in inputData.value);\n  });\n\n  const parsed = computed(() => Response.safeParse(app.value?.model.outputs['__mnzInfo']));\n\n  const currentInfo = computed<Response | undefined>(() => parsed.value?.data);\n\n  const error = computed(() => parsed.value?.error ?? info.value?.response?.error);\n\n  const info = ref<Response | undefined>(undefined);\n\n  const isLoading = ref(false);\n\n  const version = ref(0);\n\n  watch([currentInfo], ([i]) => {\n    if (i) {\n      info.value = i;\n      const v = ++version.value;\n      setTimeout(() => {\n        if (version.value === v) {\n          isLoading.value = false;\n        }\n      }, 1000);\n    }\n  }, { immediate: true });\n\n  const result = computed(() => info.value?.response?.result);\n\n  const canRun = computed(() => !!result.value?.canRun);\n\n  const status = computed(() => currentInfo.value ? result.value?.status : '');\n\n  const customerEmail = computed(() => result.value?.customerEmail);\n\n  const endOfBillingPeriod = computed(() => result.value?.mnz.endOfBillingPeriod);\n\n  const limits = computed(() => result.value?.mnz.limits);\n\n  const refresh = () => {\n    isLoading.value = true;\n    (inputData.value)['__mnzDate'] = new Date().toISOString();\n  };\n\n  watch(canRun, (v) => {\n    if (hasMonetization.value) {\n      (inputData.value as Record<string, unknown>)['__mnzCanRun'] = v;\n    }\n  });\n\n  if (hasMonetization.value) {\n    useIntervalFn(refresh, 60_000); // 1 minute\n  }\n\n  return {\n    hasMonetization,\n    result,\n    error,\n    canRun,\n    status,\n    customerEmail,\n    endOfBillingPeriod,\n    limits,\n    refresh,\n    version,\n    isLoading,\n  };\n}\n"],"names":["useInfo","sdk","useSdkPlugin","app","computed","getModelArgsOrState","model","inputData","_a","hasMonetization","parsed","Response","currentInfo","error","_c","_b","info","ref","isLoading","version","watch","i","v","result","canRun","status","customerEmail","endOfBillingPeriod","limits","refresh","useIntervalFn"],"mappings":";;;;AAKO,SAASA,IAAU;AACxB,QAAMC,IAAMC,EAAA,GAENC,IAAMC,EAAS,MAAOH,EAAI,SAASA,EAAI,OAAA,IAAW,MAAU,GAG5DI,IAAsB,CAACC,MACtBA,IACD,UAAUA,IACLA,EAAM,OACJ,UAAUA,IACZA,EAAM,OAER,CAAA,IANY,CAAA,GASfC,IAAYH,EAAS,MAAA;;AAAM,WAAAC,GAAoBG,IAAAL,EAAI,UAAJ,gBAAAK,EAAW,KAAK;AAAA,GAAC,GAEhEC,IAAkBL,EAAS,MACxBG,EAAU,SAAU,eAAeA,EAAU,KACrD,GAEKG,IAASN,EAAS,MAAA;;AAAM,WAAAO,EAAS,WAAUH,IAAAL,EAAI,UAAJ,gBAAAK,EAAW,MAAM,QAAQ,SAAY;AAAA,GAAC,GAEjFI,IAAcR,EAA+B,MAAA;;AAAM,YAAAI,IAAAE,EAAO,UAAP,gBAAAF,EAAc;AAAA,GAAI,GAErEK,IAAQT,EAAS,MAAA;;AAAM,aAAAI,IAAAE,EAAO,UAAP,gBAAAF,EAAc,YAASM,KAAAC,IAAAC,EAAK,UAAL,gBAAAD,EAAY,aAAZ,gBAAAD,EAAsB;AAAA,GAAK,GAEzEE,IAAOC,EAA0B,MAAS,GAE1CC,IAAYD,EAAI,EAAK,GAErBE,IAAUF,EAAI,CAAC;AAErB,EAAAG,EAAM,CAACR,CAAW,GAAG,CAAC,CAACS,CAAC,MAAM;AAC5B,QAAIA,GAAG;AACL,MAAAL,EAAK,QAAQK;AACb,YAAMC,IAAI,EAAEH,EAAQ;AACpB,iBAAW,MAAM;AACf,QAAIA,EAAQ,UAAUG,MACpBJ,EAAU,QAAQ;AAAA,MAEtB,GAAG,GAAI;AAAA,IACT;AAAA,EACF,GAAG,EAAE,WAAW,IAAM;AAEtB,QAAMK,IAASnB,EAAS,MAAA;;AAAM,YAAAW,KAAAP,IAAAQ,EAAK,UAAL,gBAAAR,EAAY,aAAZ,gBAAAO,EAAsB;AAAA,GAAM,GAEpDS,IAASpB,EAAS,MAAA;;AAAM,YAAC,GAACI,IAAAe,EAAO,UAAP,QAAAf,EAAc;AAAA,GAAM,GAE9CiB,IAASrB,EAAS;;AAAM,WAAAQ,EAAY,SAAQJ,IAAAe,EAAO,UAAP,gBAAAf,EAAc,SAAS;AAAA,GAAE,GAErEkB,IAAgBtB,EAAS,MAAA;;AAAM,YAAAI,IAAAe,EAAO,UAAP,gBAAAf,EAAc;AAAA,GAAa,GAE1DmB,IAAqBvB,EAAS,MAAA;;AAAM,YAAAI,IAAAe,EAAO,UAAP,gBAAAf,EAAc,IAAI;AAAA,GAAkB,GAExEoB,IAASxB,EAAS,MAAA;;AAAM,YAAAI,IAAAe,EAAO,UAAP,gBAAAf,EAAc,IAAI;AAAA,GAAM,GAEhDqB,IAAU,MAAM;AACpB,IAAAX,EAAU,QAAQ,IACjBX,EAAU,MAAO,aAAe,oBAAI,KAAA,GAAO,YAAA;AAAA,EAC9C;AAEA,SAAAa,EAAMI,GAAQ,CAACF,MAAM;AACnB,IAAIb,EAAgB,UACjBF,EAAU,MAAkC,cAAiBe;AAAA,EAElE,CAAC,GAEGb,EAAgB,SAClBqB,EAAcD,GAAS,GAAM,GAGxB;AAAA,IACL,iBAAApB;AAAA,IACA,QAAAc;AAAA,IACA,OAAAV;AAAA,IACA,QAAAW;AAAA,IACA,QAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAV;AAAA,IACA,WAAAD;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.51.8",
+  "version": "1.52.0",
   "type": "module",
   "main": "dist/index.js",
   "styles": "dist/index.js",
@@ -27,10 +27,10 @@
     "zod": "~3.23.8",
     "@zip.js/zip.js": "^2.8.2",
     "es-toolkit": "^1.39.10",
-    "@milaboratories/ptabler-expression-js": "1.1.9",
-    "@milaboratories/uikit": "2.10.3",
+    "@milaboratories/ptabler-expression-js": "1.1.10",
     "@milaboratories/biowasm-tools": "2.0.0",
-    "@platforma-sdk/model": "1.51.6"
+    "@platforma-sdk/model": "1.52.0",
+    "@milaboratories/uikit": "2.10.5"
   },
   "devDependencies": {
     "happy-dom": "^15.11.7",
@@ -47,11 +47,11 @@
     "yarpm": "^1.2.0",
     "fast-json-patch": "^3.1.1",
     "@faker-js/faker": "^9.2.0",
-    "@milaboratories/build-configs": "1.2.2",
     "@milaboratories/eslint-config": "1.0.5",
+    "@milaboratories/build-configs": "1.2.2",
+    "@milaboratories/ts-builder": "1.2.2",
     "@milaboratories/helpers": "1.13.0",
-    "@milaboratories/ts-configs": "1.2.0",
-    "@milaboratories/ts-builder": "1.2.2"
+    "@milaboratories/ts-configs": "1.2.0"
   },
   "scripts": {
     "test": "vitest run --coverage",

package/src/defineApp.ts

@@ -1,10 +1,11 @@
 import { notEmpty } from '@milaboratories/helpers';
-import type { PlatformaExtended, PlatformaV1, PlatformaV2 } from '@platforma-sdk/model';
-import { getPlatformaApiVersion, unwrapResult, type BlockOutputsBase, type Platforma } from '@platforma-sdk/model';
+import type { PlatformaExtended, PlatformaV3, PlatformaV1, PlatformaV2 } from '@platforma-sdk/model';
+import { getPlatformaApiVersion, unwrapResult, type BlockOutputsBase, type Platforma, type BlockModelInfo } from '@platforma-sdk/model';
 import type { Component, Reactive } from 'vue';
 import { inject, markRaw, reactive } from 'vue';
 import { createAppV1, type BaseAppV1 } from './internal/createAppV1';
 import { createAppV2, type BaseAppV2 } from './internal/createAppV2';
+import { createAppV3, type BaseAppV3 } from './internal/createAppV3';
 import type { AppSettings, ExtendSettings, Routes } from './types';
 import { activateAgGrid } from './aggrid';
 
@@ -21,7 +22,9 @@ export function defineApp<
   Href extends `/${string}` = `/${string}`,
   Extend extends ExtendSettings<Href> = ExtendSettings<Href>,
 >(
-  platforma: PlatformaExtended<PlatformaV1<Args, Outputs, UiState, Href>>,
+  platforma: PlatformaV1<Args, Outputs, UiState, Href> & {
+    blockModelInfo: BlockModelInfo;
+  },
   extendApp: (app: BaseAppV1<Args, Outputs, UiState, Href>) => Extend,
   settings?: AppSettings,
 ): SdkPluginV1<Args, Outputs, UiState, Href, Extend>;
@@ -33,7 +36,9 @@ export function defineApp<
   Href extends `/${string}` = `/${string}`,
   Extend extends ExtendSettings<Href> = ExtendSettings<Href>,
 >(
-  platforma: PlatformaExtended<PlatformaV2<Args, Outputs, UiState, Href>>,
+  platforma: PlatformaV2<Args, Outputs, UiState, Href> & {
+    blockModelInfo: BlockModelInfo;
+  },
   extendApp: (app: BaseAppV2<Args, Outputs, UiState, Href>) => Extend,
   settings?: AppSettings,
 ): SdkPluginV2<Args, Outputs, UiState, Href, Extend>;
@@ -41,16 +46,30 @@ export function defineApp<
 export function defineApp<
   Args = unknown,
   Outputs extends BlockOutputsBase = BlockOutputsBase,
-  UiState = unknown,
+  Data = unknown,
+  Href extends `/${string}` = `/${string}`,
+  Extend extends ExtendSettings<Href> = ExtendSettings<Href>,
+>(
+  platforma: PlatformaV3<Args, Outputs, Data, Href> & {
+    blockModelInfo: BlockModelInfo;
+  },
+  extendApp: (app: BaseAppV3<Args, Outputs, Data, Href>) => Extend,
+  settings?: AppSettings,
+): SdkPluginV3<Args, Outputs, Data, Href, Extend>;
+
+export function defineApp<
+  Args = unknown,
+  Outputs extends BlockOutputsBase = BlockOutputsBase,
+  UiStateOrData = unknown,
   Href extends `/${string}` = `/${string}`,
   Extend extends ExtendSettings<Href> = ExtendSettings<Href>,
 >(
-  platforma: PlatformaExtended<Platforma<Args, Outputs, UiState, Href>>,
+  platforma: PlatformaExtended<Platforma<Args, Outputs, UiStateOrData, Href>>,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   extendApp: (app: any) => Extend,
   settings: AppSettings = {},
-): SdkPlugin<Args, Outputs, UiState, Href, Extend> {
-  let app: undefined | AppV1<Args, Outputs, UiState, Href, Extend> | AppV2<Args, Outputs, UiState, Href, Extend> = undefined;
+): SdkPlugin<Args, Outputs, UiStateOrData, Href, Extend> {
+  let app: undefined | AppV1<Args, Outputs, UiStateOrData, Href, Extend> | AppV2<Args, Outputs, UiStateOrData, Href, Extend> | AppV3<Args, Outputs, UiStateOrData, Href, Extend> = undefined;
 
   activateAgGrid();
 
@@ -69,7 +88,7 @@ export function defineApp<
         .loadBlockState()
         .then((state) => {
           plugin.loaded = true;
-          const baseApp = createAppV1<Args, Outputs, UiState, Href>(state, platforma, settings);
+          const baseApp = createAppV1<Args, Outputs, UiStateOrData, Href>(state, platforma, settings);
 
           const localState = extendApp(baseApp);
 
@@ -85,7 +104,7 @@ export function defineApp<
             getRoute(href: Href): Component | undefined {
               return routes[href];
             },
-          } as unknown as AppV1<Args, Outputs, UiState, Href, Extend>);
+          } as unknown as AppV1<Args, Outputs, UiStateOrData, Href, Extend>);
         });
     } else if (platforma.apiVersion === 2) {
       await platforma
@@ -93,7 +112,7 @@ export function defineApp<
         .then((stateOrError) => {
           const state = unwrapResult(stateOrError);
           plugin.loaded = true;
-          const baseApp = createAppV2<Args, Outputs, UiState, Href>(state, platforma, settings);
+          const baseApp = createAppV2<Args, Outputs, UiStateOrData, Href>(state, platforma, settings);
 
           const localState = extendApp(baseApp);
 
@@ -109,17 +128,42 @@ export function defineApp<
             getRoute(href: Href): Component | undefined {
               return routes[href];
             },
-          } as unknown as AppV2<Args, Outputs, UiState, Href, Extend>);
+          } as unknown as AppV2<Args, Outputs, UiStateOrData, Href, Extend>);
+        });
+    } else if (platforma.apiVersion === 3) {
+      await platforma
+        .loadBlockState()
+        .then((stateOrError) => {
+          const state = unwrapResult(stateOrError);
+          plugin.loaded = true;
+          const baseApp = createAppV3<Args, Outputs, UiStateOrData, Href>(state, platforma, settings);
+
+          const localState = extendApp(baseApp);
+
+          const routes = Object.fromEntries(
+            Object.entries(localState.routes as Routes<Href>).map(([href, component]) => {
+              const c = typeof component === 'function' ? component() : component;
+              return [href, markRaw(c as Component)];
+            }),
+          );
+
+          app = Object.assign(baseApp, {
+            ...localState,
+            getRoute(href: Href): Component | undefined {
+              return routes[href];
+            },
+          } as unknown as AppV3<Args, Outputs, UiStateOrData, Href, Extend>);
         });
     }
   };
 
   const plugin = reactive({
+    apiVersion: platforma.apiVersion ?? 1,
     loaded: false,
     error: undefined as unknown,
     // Href to get typed query parameters for a specific route
     useApp<PageHref extends Href = Href>() {
-      return notEmpty(app, 'App is not loaded') as App<Args, Outputs, UiState, PageHref, Extend>;
+      return notEmpty(app, 'App is not loaded') as App<Args, Outputs, UiStateOrData, PageHref, Extend>;
     },
     // @todo type portability issue with Vue
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -132,7 +176,7 @@ export function defineApp<
     },
   });
 
-  return plugin as SdkPlugin<Args, Outputs, UiState, Href, Extend>;
+  return plugin as SdkPlugin<Args, Outputs, UiStateOrData, Href, Extend>;
 }
 
 export type AppV1<
@@ -151,13 +195,21 @@ export type AppV2<
   Local extends ExtendSettings<Href> = ExtendSettings<Href>,
 > = (BaseAppV2<Args, Outputs, UiState, Href>) & Reactive<Omit<Local, 'routes'>> & { getRoute(href: Href): Component | undefined };
 
+export type AppV3<
+  Args = unknown,
+  Outputs extends BlockOutputsBase = BlockOutputsBase,
+  Data = unknown,
+  Href extends `/${string}` = `/${string}`,
+  Local extends ExtendSettings<Href> = ExtendSettings<Href>,
+> = (BaseAppV3<Args, Outputs, Data, Href>) & Reactive<Omit<Local, 'routes'>> & { getRoute(href: Href): Component | undefined };
+
 export type App<
   Args = unknown,
   Outputs extends BlockOutputsBase = BlockOutputsBase,
   UiState = unknown,
   Href extends `/${string}` = `/${string}`,
   Local extends ExtendSettings<Href> = ExtendSettings<Href>,
-> = AppV1<Args, Outputs, UiState, Href, Local> | AppV2<Args, Outputs, UiState, Href, Local>;
+> = AppV1<Args, Outputs, UiState, Href, Local> | AppV2<Args, Outputs, UiState, Href, Local> | AppV3<Args, Outputs, UiState, Href, Local>;
 
 export type SdkPluginV1<
   Args = unknown,
@@ -166,6 +218,7 @@ export type SdkPluginV1<
   Href extends `/${string}` = `/${string}`,
   Local extends ExtendSettings<Href> = ExtendSettings<Href>,
 > = {
+  apiVersion: 1;
   loaded: boolean;
   error: unknown;
   useApp<PageHref extends Href = Href>(): AppV1<Args, Outputs, UiState, PageHref, Local>;
@@ -179,16 +232,31 @@ export type SdkPluginV2<
   Href extends `/${string}` = `/${string}`,
   Local extends ExtendSettings<Href> = ExtendSettings<Href>,
 > = {
+  apiVersion: 2;
   loaded: boolean;
   error: unknown;
   useApp<PageHref extends Href = Href>(): AppV2<Args, Outputs, UiState, PageHref, Local>;
   install(app: unknown): void;
 };
 
+export type SdkPluginV3<
+  Args = unknown,
+  Outputs extends BlockOutputsBase = BlockOutputsBase,
+  Data = unknown,
+  Href extends `/${string}` = `/${string}`,
+  Local extends ExtendSettings<Href> = ExtendSettings<Href>,
+> = {
+  apiVersion: 3;
+  loaded: boolean;
+  error: unknown;
+  useApp<PageHref extends Href = Href>(): AppV3<Args, Outputs, Data, PageHref, Local>;
+  install(app: unknown): void;
+};
+
 export type SdkPlugin<
   Args = unknown,
   Outputs extends BlockOutputsBase = BlockOutputsBase,
   UiState = unknown,
   Href extends `/${string}` = `/${string}`,
   Local extends ExtendSettings<Href> = ExtendSettings<Href>,
-> = SdkPluginV1<Args, Outputs, UiState, Href, Local> | SdkPluginV2<Args, Outputs, UiState, Href, Local>;
+> = SdkPluginV1<Args, Outputs, UiState, Href, Local> | SdkPluginV2<Args, Outputs, UiState, Href, Local> | SdkPluginV3<Args, Outputs, UiState, Href, Local>;

package/src/internal/createAppV2.ts

@@ -85,6 +85,7 @@ export function createAppV2<
   const setUiStateQueue = new UpdateSerializer({ debounceSpan });
   const setArgsAndUiStateQueue = new UpdateSerializer({ debounceSpan });
   const setNavigationStateQueue = new UpdateSerializer({ debounceSpan });
+
   /**
    * Reactive snapshot of the application state, including args, outputs, UI state, and navigation state.
    */