@platforma-sdk/ui-vue 1.82.6 → 1.83.1

package/dist/internal/test-helpers/createMockApi.d.ts

@@ -1,4 +0,0 @@
-import { BlockOutputsBase, PlatformaV2 } from '@platforma-sdk/model';
-import { BlockMock } from './BlockMock';
-export declare function createMockApi<Args, Outputs extends BlockOutputsBase, UiState = unknown, Href extends `/${string}` = `/${string}`>(block: BlockMock<Args, Outputs, UiState, Href>): PlatformaV2<Args, Outputs, UiState, Href>;
-//# sourceMappingURL=createMockApi.d.ts.map

package/dist/internal/test-helpers/createMockApi.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createMockApi.d.ts","sourceRoot":"","sources":["../../../src/internal/test-helpers/createMockApi.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,gBAAgB,EAUhB,WAAW,EAKZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,wBAAgB,aAAa,CAC3B,IAAI,EACJ,OAAO,SAAS,gBAAgB,EAChC,OAAO,GAAG,OAAO,EACjB,IAAI,SAAS,IAAI,MAAM,EAAE,GAAG,IAAI,MAAM,EAAE,EACxC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,WAAW,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CA2E3F"}

package/dist/internal/test-helpers/utils.d.ts

@@ -1,4 +0,0 @@
-import { ListFilesResult } from '@platforma-sdk/model';
-export declare const capitalizeFirstLetter: (str: string) => string;
-export declare const getLsFilesResult: (path: string) => ListFilesResult;
-//# sourceMappingURL=utils.d.ts.map

package/dist/internal/test-helpers/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/internal/test-helpers/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,eAAe,EAAW,MAAM,sBAAsB,CAAC;AAE7F,eAAO,MAAM,qBAAqB,GAAI,KAAK,MAAM,WAEhD,CAAC;AAIF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,eAsD/C,CAAC"}

package/dist/internal/v1.static-test.d.ts

@@ -1,7 +0,0 @@
-import { BlockOutputsBase, InferHrefType, InferOutputsType, Platforma } from '@platforma-sdk/model';
-import { createAppV1 } from './createAppV1';
-type InferArgs<Pl extends Platforma> = Pl extends Platforma<infer Args> ? Args : never;
-type InferUiState<Pl extends Platforma> = Pl extends Platforma<unknown, BlockOutputsBase, infer UiState> ? UiState : never;
-export type TestApp<P extends Platforma> = ReturnType<typeof createAppV1<InferArgs<P>, InferOutputsType<P>, InferUiState<P>, InferHrefType<P>>>;
-export {};
-//# sourceMappingURL=v1.static-test.d.ts.map

package/dist/internal/v1.static-test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"v1.static-test.d.ts","sourceRoot":"","sources":["../../src/internal/v1.static-test.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAEhB,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,eAAe,CAAC;AAoC5D,KAAK,SAAS,CAAC,EAAE,SAAS,SAAS,IAAI,EAAE,SAAS,SAAS,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AACvF,KAAK,YAAY,CAAC,EAAE,SAAS,SAAS,IACpC,EAAE,SAAS,SAAS,CAAC,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC,GAAG,OAAO,GAAG,KAAK,CAAC;AAEnF,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI,UAAU,CACnD,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CACzF,CAAC"}

package/dist/internal/v2.static-test.d.ts

@@ -1,7 +0,0 @@
-import { BlockOutputsBase, InferHrefType, InferOutputsType, Platforma } from '@platforma-sdk/model';
-import { createAppV2 } from './createAppV2';
-type InferArgs<Pl extends Platforma> = Pl extends Platforma<infer Args> ? Args : never;
-type InferUiState<Pl extends Platforma> = Pl extends Platforma<unknown, BlockOutputsBase, infer UiState> ? UiState : never;
-export type TestApp<P extends Platforma> = ReturnType<typeof createAppV2<InferArgs<P>, InferOutputsType<P>, InferUiState<P>, InferHrefType<P>>>;
-export {};
-//# sourceMappingURL=v2.static-test.d.ts.map

package/dist/internal/v2.static-test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"v2.static-test.d.ts","sourceRoot":"","sources":["../../src/internal/v2.static-test.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAEhB,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,eAAe,CAAC;AAoC5D,KAAK,SAAS,CAAC,EAAE,SAAS,SAAS,IAAI,EAAE,SAAS,SAAS,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC;AACvF,KAAK,YAAY,CAAC,EAAE,SAAS,SAAS,IACpC,EAAE,SAAS,SAAS,CAAC,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC,GAAG,OAAO,GAAG,KAAK,CAAC;AAEnF,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI,UAAU,CACnD,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CACzF,CAAC"}

package/dist/plugins/Monetization/EndOfPeriod.vue.d.ts

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    endOfPeriod: string | null;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=EndOfPeriod.vue.d.ts.map

package/dist/plugins/Monetization/EndOfPeriod.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EndOfPeriod.vue.d.ts","sourceRoot":"","sources":["../../../src/plugins/Monetization/EndOfPeriod.vue"],"names":[],"mappings":"AA6CA,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAAC;;AA2DF,wBAOG"}

package/dist/plugins/Monetization/LimitCard.vue.d.ts

@@ -1,11 +0,0 @@
-type __VLS_Props = {
-    type: "unique_launches" | "volume_limit";
-    label: string;
-    used: number;
-    toSpend: number;
-    available: number | null;
-    unit?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=LimitCard.vue.d.ts.map

package/dist/plugins/Monetization/LimitCard.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LimitCard.vue.d.ts","sourceRoot":"","sources":["../../../src/plugins/Monetization/LimitCard.vue"],"names":[],"mappings":"AA6PA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,iBAAiB,GAAG,cAAc,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;;AA8LF,wBAOG"}

package/dist/plugins/Monetization/MonetizationSidebar.vue.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=MonetizationSidebar.vue.d.ts.map

package/dist/plugins/Monetization/MonetizationSidebar.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonetizationSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/plugins/Monetization/MonetizationSidebar.vue"],"names":[],"mappings":";AAycA,wBAKG"}

package/dist/plugins/Monetization/RunStatus.vue.d.ts

@@ -1,23 +0,0 @@
-type __VLS_Props = {
-    canRun: boolean | undefined;
-    statusText: string | undefined;
-    isLoading?: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=RunStatus.vue.d.ts.map

package/dist/plugins/Monetization/RunStatus.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RunStatus.vue.d.ts","sourceRoot":"","sources":["../../../src/plugins/Monetization/RunStatus.vue"],"names":[],"mappings":"AA8GA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAiBF,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAkBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/plugins/Monetization/UserCabinetCard.vue.d.ts

@@ -1,7 +0,0 @@
-type __VLS_Props = {
-    userCabinetUrl: string;
-    email?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=UserCabinetCard.vue.d.ts.map

package/dist/plugins/Monetization/UserCabinetCard.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserCabinetCard.vue.d.ts","sourceRoot":"","sources":["../../../src/plugins/Monetization/UserCabinetCard.vue"],"names":[],"mappings":"AA+HA,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;;AA4IF,wBAOG"}

package/src/internal/createAppModel.ts

@@ -1,112 +0,0 @@
-import {
-  reactive,
-  computed,
-  ref,
-  watch,
-  unref,
-  type ComputedRef,
-  type UnwrapNestedRefs,
-} from "vue";
-import type { ModelOptions, Model, AppSettings } from "../types";
-import { deepClone, isJsonEqual } from "@milaboratories/helpers";
-import { identity, ensureError, isZodError, formatZodError } from "../utils";
-
-export 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>> {
-  type R = M & UnwrapNestedRefs<E>;
-
-  const validate = options.validate ?? identity;
-
-  const { autoSave } = options;
-
-  const error = ref<Error | undefined>();
-
-  const local = ref<{ model: R; readonly stage: symbol }>();
-
-  const setSource = (v: M) => {
-    local.value = {
-      model: Object.assign(deepClone(v), extended ?? {}) as R,
-      stage: Symbol(),
-    };
-  };
-
-  watch(
-    () => options.get(),
-    (v) => setSource(v),
-    { immediate: true },
-  );
-
-  const save = () => options.onSave(validate(deepClone(local.value?.model)));
-
-  const revert = () => {
-    setSource(options.get());
-    error.value = undefined;
-  };
-
-  const setError = (cause: unknown) => {
-    const err = ensureError(cause);
-    if (isZodError(err)) {
-      error.value = Error(formatZodError(err)); // @todo temp
-    } else {
-      error.value = err;
-    }
-  };
-
-  const setValue = (v: M) => {
-    error.value = undefined;
-    try {
-      validate(v);
-      if (autoSave) {
-        save();
-      }
-    } catch (cause: unknown) {
-      setError(cause);
-    }
-  };
-
-  const model = computed<R>({
-    get: () => {
-      return local.value?.model as R;
-    },
-    set() {
-      throw Error("Cannot replace base model");
-    },
-  });
-
-  watch(
-    [() => ({ args: model.value.args, ui: model.value.ui }), () => local.value?.stage],
-    ([n, newStage], [_, oldStage]) => {
-      if (newStage === oldStage) {
-        setValue(n as M);
-      }
-    },
-    { deep: true },
-  );
-
-  const valid = computed(() => !error.value);
-
-  const isChanged = computed(() => {
-    const { args, ui } = unref(local)?.model ?? {};
-    return !isJsonEqual(options.get(), { args, ui });
-  });
-
-  const errorString = computed(() => (error.value ? error.value.message : ""));
-
-  return reactive({
-    model,
-    valid,
-    isChanged,
-    error,
-    errorString,
-    save,
-    revert,
-    setError,
-  });
-}

package/src/internal/createAppV1.ts

@@ -1,324 +0,0 @@
-import { deepClone, isJsonEqual, tap } from "@milaboratories/helpers";
-import type { Mutable } from "@milaboratories/helpers";
-import type {
-  NavigationState,
-  BlockOutputsBase,
-  BlockState,
-  PlatformaV1,
-  PlatformaExtended,
-} from "@platforma-sdk/model";
-import { reactive, nextTick, computed, watch } from "vue";
-import type {
-  StateModelOptions,
-  UnwrapOutputs,
-  OptionalResult,
-  OutputValues,
-  OutputErrors,
-  AppSettings,
-} from "../types";
-import { createModel } from "../createModel";
-import { createAppModel } from "./createAppModel";
-import { parseQuery } from "../urls";
-import { ensureOutputHasStableFlag, MultiError, unwrapOutput } from "../utils";
-import { useDebounceFn } from "@vueuse/core";
-/**
- * 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 function createAppV1<
-  Args = unknown,
-  Outputs extends BlockOutputsBase = BlockOutputsBase,
-  UiState = unknown,
-  Href extends `/${string}` = `/${string}`,
->(
-  state: BlockState<Args, Outputs, UiState, Href>,
-  platforma: PlatformaExtended<PlatformaV1<Args, Outputs, UiState, Href>>,
-  settings: AppSettings,
-) {
-  type AppModel = {
-    args: Args;
-    ui: UiState;
-  };
-
-  const log = (msg: string, ...rest: unknown[]) => {
-    if (settings.debug) {
-      console.log(`%c>>> %c${msg}`, "color: orange; font-weight: bold", "color: orange", ...rest);
-    }
-  };
-
-  /**
-   * Reactive snapshot of the application state, including args, outputs, UI state, and navigation state.
-   */
-  const snapshot = reactive({
-    args: Object.freeze(state.args),
-    outputs: Object.freeze(state.outputs),
-    ui: Object.freeze(state.ui),
-    navigationState: Object.freeze(state.navigationState) as NavigationState<Href>,
-  }) as {
-    args: Readonly<Args>;
-    outputs: Partial<Readonly<Outputs>>;
-    ui: Readonly<UiState>;
-    navigationState: Readonly<NavigationState<Href>>;
-  };
-
-  const debounceSpan = settings.debounceSpan ?? 200;
-
-  const maxWait = tap(settings.debounceMaxWait ?? 0, (v) =>
-    v < 20_000 ? 20_000 : v < debounceSpan ? debounceSpan * 100 : v,
-  );
-
-  const setBlockArgs = useDebounceFn(
-    (args: Args) => {
-      if (!isJsonEqual(args, snapshot.args)) {
-        platforma.setBlockArgs(args);
-      }
-    },
-    debounceSpan,
-    { maxWait },
-  );
-
-  const setBlockUiState = useDebounceFn(
-    (ui: UiState) => {
-      if (!isJsonEqual(ui, snapshot.ui)) {
-        platforma.setBlockUiState(ui);
-      }
-    },
-    debounceSpan,
-    { maxWait },
-  );
-
-  const setBlockArgsAndUiState = useDebounceFn(
-    (args: Args, ui: UiState) => {
-      if (!isJsonEqual(args, snapshot.args) || !isJsonEqual(ui, snapshot.ui)) {
-        platforma.setBlockArgsAndUiState(args, ui);
-      }
-    },
-    debounceSpan,
-    { maxWait },
-  );
-
-  (platforma as PlatformaV1<Args, Outputs, UiState, Href>).onStateUpdates(async (updates) => {
-    updates.forEach((patch) => {
-      if (patch.key === "args" && !isJsonEqual(snapshot.args, patch.value)) {
-        snapshot.args = Object.freeze(patch.value);
-        log("args patch", snapshot.args);
-      }
-
-      if (patch.key === "ui" && !isJsonEqual(snapshot.ui, patch.value)) {
-        snapshot.ui = Object.freeze(patch.value);
-        log("ui patch", snapshot.ui);
-      }
-
-      if (patch.key === "outputs" && !isJsonEqual(snapshot.outputs, patch.value)) {
-        snapshot.outputs = Object.freeze(patch.value);
-        log("outputs patch", snapshot.outputs);
-      }
-
-      if (patch.key === "navigationState" && !isJsonEqual(snapshot.navigationState, patch.value)) {
-        snapshot.navigationState = Object.freeze(patch.value);
-        log("navigationState patch", snapshot.navigationState);
-      }
-    });
-
-    await nextTick();
-  });
-
-  const cloneArgs = () => deepClone(snapshot.args) as Args;
-  const cloneUiState = () => deepClone(snapshot.ui) as UiState;
-  const cloneNavigationState = () =>
-    deepClone(snapshot.navigationState) as Mutable<NavigationState<Href>>;
-
-  const methods = {
-    createArgsModel<T = Args>(options: StateModelOptions<Args, T> = {}) {
-      return createModel<T, Args>({
-        get() {
-          if (options.transform) {
-            return options.transform(snapshot.args);
-          }
-
-          return snapshot.args as T;
-        },
-        validate: options.validate,
-        autoSave: true,
-        onSave(newArgs) {
-          setBlockArgs(newArgs);
-        },
-      });
-    },
-    /**
-     * defaultUiState is temporarily here, remove it after implementing initialUiState
-     */
-    createUiModel<T = UiState>(
-      options: StateModelOptions<UiState, T> = {},
-      defaultUiState: () => UiState,
-    ) {
-      return createModel<T, UiState>({
-        get() {
-          if (options.transform) {
-            return options.transform(snapshot.ui);
-          }
-
-          return (snapshot.ui ?? defaultUiState()) as T;
-        },
-        validate: options.validate,
-        autoSave: true,
-        onSave(newData) {
-          setBlockUiState(newData);
-        },
-      });
-    },
-    /**
-     * Note: Don't forget to list the output names, like: useOutputs('output1', 'output2', ...etc)
-     * @param keys - List of output names
-     * @returns {OptionalResult<UnwrapOutputs<Outputs, K>>}
-     */
-    useOutputs<K extends keyof Outputs>(...keys: K[]): OptionalResult<UnwrapOutputs<Outputs, K>> {
-      const data = reactive({
-        errors: undefined,
-        value: undefined,
-      });
-
-      watch(
-        () => snapshot.outputs,
-        () => {
-          try {
-            Object.assign(data, {
-              value: this.unwrapOutputs<K>(...keys),
-              errors: undefined,
-            });
-          } catch (error) {
-            Object.assign(data, {
-              value: undefined,
-              errors: [String(error)],
-            });
-          }
-        },
-        { immediate: true, deep: true },
-      );
-
-      return data as OptionalResult<UnwrapOutputs<Outputs, K>>;
-    },
-    /**
-     * 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<K extends keyof Outputs>(...keys: K[]): UnwrapOutputs<Outputs, K> {
-      const outputs = snapshot.outputs;
-      const entries = keys.map((key) => [key, unwrapOutput(outputs[key])]);
-      return Object.fromEntries(entries);
-    },
-    /**
-     * 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(cb: (args: Args) => void) {
-      const newArgs = cloneArgs();
-      cb(newArgs);
-      return platforma.setBlockArgs(newArgs);
-    },
-    /**
-     * 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(cb: (args: UiState) => UiState): Promise<void> {
-      const newUiState = cloneUiState();
-      return platforma.setBlockUiState(cb(newUiState));
-    },
-    /**
-     * Updates the navigation state by applying a callback.
-     *
-     * @param cb - Callback to modify the current navigation state.
-     * @returns A promise resolving after the update is applied.
-     */
-    updateNavigationState(cb: (args: Mutable<NavigationState<Href>>) => void) {
-      const newState = cloneNavigationState();
-      cb(newState);
-      return platforma.setNavigationState(newState);
-    },
-    /**
-     * 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(href: Href) {
-      const newState = cloneNavigationState();
-      newState.href = href;
-      return platforma.setNavigationState(newState);
-    },
-  };
-
-  const outputs = computed<OutputValues<Outputs>>(() => {
-    const entries = Object.entries(snapshot.outputs).map(([k, outputWithStatus]) =>
-      platforma.blockModelInfo.outputs[k].withStatus
-        ? [k, ensureOutputHasStableFlag(outputWithStatus)]
-        : [
-            k,
-            outputWithStatus.ok && outputWithStatus.value !== undefined
-              ? outputWithStatus.value
-              : undefined,
-          ],
-    );
-    return Object.fromEntries(entries);
-  });
-
-  const outputErrors = computed<OutputErrors<Outputs>>(() => {
-    const entries = Object.entries(snapshot.outputs).map(([k, vOrErr]) => [
-      k,
-      vOrErr && vOrErr.ok === false ? new MultiError(vOrErr.errors) : undefined,
-    ]);
-    return Object.fromEntries(entries);
-  });
-
-  const getters = {
-    snapshot,
-    queryParams: computed(() => parseQuery<Href>(snapshot.navigationState.href)),
-    href: computed(() => snapshot.navigationState.href),
-    hasErrors: computed(() => Object.values(snapshot.outputs).some((v) => !v?.ok)),
-  };
-
-  const model = createAppModel(
-    {
-      get() {
-        return { args: snapshot.args, ui: snapshot.ui } as AppModel;
-      },
-      autoSave: true,
-      onSave(newData: AppModel) {
-        setBlockArgsAndUiState(newData.args, newData.ui);
-      },
-    },
-    {
-      outputs,
-      outputErrors,
-    },
-    settings,
-  );
-
-  return reactive(Object.assign(model, methods, getters));
-}
-
-export type BaseAppV1<
-  Args = unknown,
-  Outputs extends BlockOutputsBase = BlockOutputsBase,
-  UiState = unknown,
-  Href extends `/${string}` = `/${string}`,
-> = ReturnType<typeof createAppV1<Args, Outputs, UiState, Href>>;