@platforma-sdk/ui-vue 1.41.9 → 1.41.13

package/dist/internal/createAppV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"createAppV2.js","sources":["../../src/internal/createAppV2.ts"],"sourcesContent":["import { deepClone, delay, uniqueId } from '@milaboratories/helpers';\nimport type { Mutable } from '@milaboratories/helpers';\nimport type { NavigationState, BlockOutputsBase, BlockState, PlatformaV2, ValueWithUTag, AuthorMarker } from '@platforma-sdk/model';\nimport { hasAbortError, unwrapResult } from '@platforma-sdk/model';\nimport type { Ref } from 'vue';\nimport { reactive, computed, ref } from 'vue';\nimport type { StateModelOptions, UnwrapOutputs, OutputValues, OutputErrors, AppSettings } from '../types';\nimport { createModel } from '../createModel';\nimport { createAppModel } from './createAppModel';\nimport { parseQuery } from '../urls';\nimport { MultiError, unwrapValueOrErrors } from '../utils';\nimport { applyPatch } from 'fast-json-patch';\nimport { UpdateSerializer } from './UpdateSerializer';\n\nexport const patchPoolingDelay = 100;\n\nexport const createNextAuthorMarker = (marker: AuthorMarker | undefined): AuthorMarker => ({\n  authorId: marker?.authorId ?? uniqueId(),\n  localVersion: (marker?.localVersion ?? 0) + 1,\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 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 createAppV2<\n  Args = unknown,\n  Outputs extends BlockOutputsBase = BlockOutputsBase,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(\n  state: ValueWithUTag<BlockState<Args, Outputs, UiState, Href>>,\n  platforma: PlatformaV2<Args, Outputs, UiState, Href>,\n  settings: AppSettings,\n) {\n  type AppModel = {\n    args: Args;\n    ui: UiState;\n  };\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', settings.appId, ...rest);\n    }\n  };\n\n  const error = (msg: string, ...rest: unknown[]) => {\n    console.error(`%c>>> %c${msg}`, 'color: red; font-weight: bold', 'color: red', settings.appId, ...rest);\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 setArgsQueue = new UpdateSerializer({ debounceSpan });\n  const setUiStateQueue = new UpdateSerializer({ debounceSpan });\n  const setArgsAndUiStateQueue = 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    args: Args;\n    outputs: Partial<Outputs>;\n    ui: UiState;\n    navigationState: NavigationState<Href>;\n  }>(state.value) as Ref<{\n    args: Args;\n    outputs: Partial<Outputs>;\n    ui: UiState;\n    navigationState: NavigationState<Href>;\n  }>;\n\n  const setBlockArgs = async (args: Args) => {\n    return platforma.setBlockArgs(args, nextAuthorMarker());\n  };\n\n  const setBlockUiState = async (ui: UiState) => {\n    return platforma.setBlockUiState(ui, nextAuthorMarker());\n  };\n\n  const setBlockArgsAndUiState = async (args: Args, ui: UiState) => {\n    return platforma.setBlockArgsAndUiState(args, ui, nextAuthorMarker());\n  };\n\n  const setNavigationState = async (state: NavigationState<Href>) => {\n    return platforma.setNavigationState(state);\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', JSON.stringify(patches, null, 2));\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', JSON.stringify(snapshot.value, null, 2));\n          snapshot.value = applyPatch(snapshot.value, patches.value, false, false).newDocument;\n          data.isExternalSnapshot = isAuthorChanged;\n        } else {\n          // Mutable behavior\n          snapshot.value = applyPatch(snapshot.value, patches.value).newDocument;\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 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 ? new MultiError(vOrErr.errors) : undefined]);\n    return Object.fromEntries(entries);\n  });\n\n  const appModel = createAppModel(\n    {\n      get() {\n        return { args: snapshot.value.args, ui: snapshot.value.ui } as AppModel;\n      },\n      autoSave: true,\n      onSave(newData: AppModel) {\n        debug('onSave', newData);\n        setArgsAndUiStateQueue.run(() => setBlockArgsAndUiState(newData.args, newData.ui).then(unwrapResult));\n      },\n    },\n    {\n      outputs,\n      outputErrors,\n    },\n    settings,\n  );\n\n  const cloneArgs = () => deepClone(appModel.model.args) as Args;\n  const cloneUiState = () => deepClone(appModel.model.ui) as UiState;\n  const cloneNavigationState = () => deepClone(snapshot.value.navigationState) as Mutable<NavigationState<Href>>;\n\n  const methods = {\n    cloneArgs,\n    cloneUiState,\n    cloneNavigationState,\n    createArgsModel<T extends Args = Args>(options: StateModelOptions<Args, T> = {}) {\n      return createModel<T, Args>({\n        get() {\n          if (options.transform) {\n            return options.transform(snapshot.value.args as Args);\n          }\n\n          return snapshot.value.args as T;\n        },\n        validate: options.validate,\n        autoSave: true,\n        onSave(newArgs) {\n          setArgsQueue.run(() => setBlockArgs(newArgs).then(unwrapResult));\n        },\n      });\n    },\n    /**\n     * defaultUiState is temporarily here, remove it after implementing initialUiState\n     */\n    createUiModel<T extends UiState = UiState>(options: StateModelOptions<UiState, T> = {}, defaultUiState: () => UiState) {\n      return createModel<T, UiState>({\n        get() {\n          if (options.transform) {\n            return options.transform(snapshot.value.ui as UiState);\n          }\n\n          return (snapshot.value.ui ?? defaultUiState()) as T;\n        },\n        validate: options.validate,\n        autoSave: true,\n        onSave(newData) {\n          setUiStateQueue.run(() => setBlockUiState(newData).then(unwrapResult));\n        },\n      });\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.value.outputs as Partial<Readonly<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): Promise<boolean> {\n      const newArgs = cloneArgs();\n      cb(newArgs);\n      debug('updateArgs', newArgs);\n      appModel.model.args = newArgs;\n      return setArgsQueue.run(() => setBlockArgs(newArgs).then(unwrapResult));\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<boolean> {\n      const newUiState = cb(cloneUiState());\n      debug('updateUiState', newUiState);\n      appModel.model.ui = newUiState;\n      return setUiStateQueue.run(() => setBlockUiState(newUiState).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 setArgsAndUiStateQueue.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  return reactive(Object.assign(appModel, methods, getters));\n}\n\nexport type BaseAppV2<\n  Args = unknown,\n  Outputs extends BlockOutputsBase = BlockOutputsBase,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n> = ReturnType<typeof createAppV2<Args, Outputs, UiState, Href>>;\n"],"names":["patchPoolingDelay","createNextAuthorMarker","marker","uniqueId","createAppV2","state","platforma","settings","debug","msg","rest","error","data","nextAuthorMarker","closedRef","ref","uTagRef","debounceSpan","setArgsQueue","UpdateSerializer","setUiStateQueue","setArgsAndUiStateQueue","setNavigationStateQueue","snapshot","setBlockArgs","args","setBlockUiState","ui","setBlockArgsAndUiState","setNavigationState","unwrapResult","err","patches","resolve","isAuthorChanged","_a","_b","applyPatch","hasAbortError","outputs","computed","entries","k","vOrErr","outputErrors","MultiError","appModel","createAppModel","newData","cloneArgs","deepClone","cloneUiState","cloneNavigationState","methods","options","createModel","newArgs","defaultUiState","keys","key","unwrapValueOrErrors","cb","newUiState","href","newState","delay","getters","parseQuery","v","reactive"],"mappings":"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"}
+{"version":3,"file":"createAppV2.js","sources":["../../src/internal/createAppV2.ts"],"sourcesContent":["import { deepClone, delay, uniqueId } from '@milaboratories/helpers';\nimport type { Mutable } from '@milaboratories/helpers';\nimport type { NavigationState, BlockOutputsBase, BlockState, PlatformaV2, ValueWithUTag, AuthorMarker } from '@platforma-sdk/model';\nimport { hasAbortError, unwrapResult } from '@platforma-sdk/model';\nimport type { Ref } from 'vue';\nimport { reactive, computed, ref, watch } from 'vue';\nimport type { StateModelOptions, UnwrapOutputs, OutputValues, OutputErrors, AppSettings } from '../types';\nimport { createModel } from '../createModel';\nimport { parseQuery } from '../urls';\nimport { MultiError, unwrapValueOrErrors } from '../utils';\nimport { applyPatch } from 'fast-json-patch';\nimport { UpdateSerializer } from './UpdateSerializer';\n\nexport const patchPoolingDelay = 100;\n\nexport const createNextAuthorMarker = (marker: AuthorMarker | undefined): AuthorMarker => ({\n  authorId: marker?.authorId ?? uniqueId(),\n  localVersion: (marker?.localVersion ?? 0) + 1,\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 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 createAppV2<\n  Args = unknown,\n  Outputs extends BlockOutputsBase = BlockOutputsBase,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n>(\n  state: ValueWithUTag<BlockState<Args, Outputs, UiState, Href>>,\n  platforma: PlatformaV2<Args, Outputs, UiState, 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', settings.appId, ...rest);\n    }\n  };\n\n  const error = (msg: string, ...rest: unknown[]) => {\n    console.error(`%c>>> %c${msg}`, 'color: red; font-weight: bold', 'color: red', settings.appId, ...rest);\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 setArgsQueue = new UpdateSerializer({ debounceSpan });\n  const setUiStateQueue = new UpdateSerializer({ debounceSpan });\n  const setArgsAndUiStateQueue = 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    args: Args;\n    outputs: Partial<Outputs>;\n    ui: UiState;\n    navigationState: NavigationState<Href>;\n  }>(state.value) as Ref<{\n    args: Args;\n    outputs: Partial<Outputs>;\n    ui: UiState;\n    navigationState: NavigationState<Href>;\n  }>;\n\n  const setBlockArgs = async (args: Args) => {\n    return platforma.setBlockArgs(args, nextAuthorMarker());\n  };\n\n  const setBlockUiState = async (ui: UiState) => {\n    return platforma.setBlockUiState(ui, nextAuthorMarker());\n  };\n\n  const setBlockArgsAndUiState = async (args: Args, ui: UiState) => {\n    return platforma.setBlockArgsAndUiState(args, ui, 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 ? new MultiError(vOrErr.errors) : undefined]);\n    return Object.fromEntries(entries);\n  });\n\n  const appModel = reactive({\n    error: '',\n    model: {\n      args: deepClone(snapshot.value.args) as Args,\n      ui: deepClone(snapshot.value.ui) as UiState,\n      outputs,\n      outputErrors,\n    },\n  }) as {\n    error: string;\n    model: {\n      args: Args;\n      ui: UiState;\n      outputs: OutputValues<Outputs>;\n      outputErrors: OutputErrors<Outputs>;\n    };\n  };\n\n  const appModelWatch = watch(\n    () => appModel.model,\n    (_newData) => {\n      const newData = deepClone(_newData);\n      debug('appModel.model', newData);\n      setArgsAndUiStateQueue.run(() => setBlockArgsAndUiState(newData.args, newData.ui).then(unwrapResult));\n    },\n    { deep: true },\n  );\n\n  const updateAppModelSilently = (newData: {\n    args: Args;\n    ui: UiState;\n  }) => {\n    debug('updateAppModelSilently', newData);\n    appModelWatch.pause();\n    appModel.model.args = deepClone(newData.args) as Args;\n    appModel.model.ui = deepClone(newData.ui) as UiState;\n    appModelWatch.resume();\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', JSON.stringify(snapshot.value, null, 2));\n          snapshot.value = applyPatch(snapshot.value, patches.value, false, false).newDocument;\n          updateAppModelSilently(snapshot.value);\n          data.isExternalSnapshot = isAuthorChanged;\n        } else {\n          // Mutable behavior\n          snapshot.value = applyPatch(snapshot.value, patches.value).newDocument;\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 cloneArgs = () => deepClone(appModel.model.args) as Args;\n  const cloneUiState = () => deepClone(appModel.model.ui) as UiState;\n  const cloneNavigationState = () => deepClone(snapshot.value.navigationState) as Mutable<NavigationState<Href>>;\n\n  const methods = {\n    cloneArgs,\n    cloneUiState,\n    cloneNavigationState,\n    createArgsModel<T extends Args = Args>(options: StateModelOptions<Args, T> = {}) {\n      return createModel<T, Args>({\n        get() {\n          if (options.transform) {\n            return options.transform(snapshot.value.args as Args);\n          }\n\n          return snapshot.value.args as T;\n        },\n        validate: options.validate,\n        autoSave: true,\n        onSave(newArgs) {\n          setArgsQueue.run(() => setBlockArgs(newArgs).then(unwrapResult));\n        },\n      });\n    },\n    /**\n     * defaultUiState is temporarily here, remove it after implementing initialUiState\n     */\n    createUiModel<T extends UiState = UiState>(options: StateModelOptions<UiState, T> = {}, defaultUiState: () => UiState) {\n      return createModel<T, UiState>({\n        get() {\n          if (options.transform) {\n            return options.transform(snapshot.value.ui as UiState);\n          }\n\n          return (snapshot.value.ui ?? defaultUiState()) as T;\n        },\n        validate: options.validate,\n        autoSave: true,\n        onSave(newData) {\n          setUiStateQueue.run(() => setBlockUiState(newData).then(unwrapResult));\n        },\n      });\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.value.outputs as Partial<Readonly<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): Promise<boolean> {\n      const newArgs = cloneArgs();\n      cb(newArgs);\n      debug('updateArgs', newArgs);\n      appModel.model.args = newArgs;\n      return setArgsQueue.run(() => setBlockArgs(newArgs).then(unwrapResult));\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<boolean> {\n      const newUiState = cb(cloneUiState());\n      debug('updateUiState', newUiState);\n      appModel.model.ui = newUiState;\n      return setUiStateQueue.run(() => setBlockUiState(newUiState).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 setArgsAndUiStateQueue.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  return reactive(Object.assign(appModel, methods, getters));\n}\n\nexport type BaseAppV2<\n  Args = unknown,\n  Outputs extends BlockOutputsBase = BlockOutputsBase,\n  UiState = unknown,\n  Href extends `/${string}` = `/${string}`,\n> = ReturnType<typeof createAppV2<Args, Outputs, UiState, Href>>;\n"],"names":["patchPoolingDelay","createNextAuthorMarker","marker","uniqueId","createAppV2","state","platforma","settings","debug","msg","rest","error","data","nextAuthorMarker","closedRef","ref","uTagRef","debounceSpan","setArgsQueue","UpdateSerializer","setUiStateQueue","setArgsAndUiStateQueue","setNavigationStateQueue","snapshot","setBlockArgs","args","setBlockUiState","ui","setBlockArgsAndUiState","setNavigationState","outputs","computed","entries","k","vOrErr","outputErrors","MultiError","appModel","reactive","deepClone","appModelWatch","watch","_newData","newData","unwrapResult","updateAppModelSilently","err","patches","resolve","isAuthorChanged","_a","_b","applyPatch","hasAbortError","cloneArgs","cloneUiState","cloneNavigationState","methods","options","createModel","newArgs","defaultUiState","keys","key","unwrapValueOrErrors","cb","newUiState","href","newState","delay","getters","parseQuery","v"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.41.9",
+  "version": "1.41.13",
   "type": "module",
   "main": "dist/lib.js",
   "styles": "dist/lib.js",
@@ -26,8 +26,8 @@
     "d3-format": "^3.1.0",
     "zod": "~3.23.8",
     "@milaboratories/biowasm-tools": "^1.1.0",
-    "@milaboratories/uikit": "2.3.21",
-    "@platforma-sdk/model": "~1.41.6"
+    "@platforma-sdk/model": "~1.41.6",
+    "@milaboratories/uikit": "2.3.21"
   },
   "devDependencies": {
     "happy-dom": "^15.11.7",
@@ -45,8 +45,8 @@
     "@faker-js/faker": "^9.2.0",
     "@milaboratories/ts-configs": "1.0.5",
     "@milaboratories/build-configs": "1.0.5",
-    "@milaboratories/eslint-config": "^1.0.4",
-    "@milaboratories/helpers": "^1.6.19"
+    "@milaboratories/helpers": "^1.6.19",
+    "@milaboratories/eslint-config": "^1.0.4"
   },
   "scripts": {
     "test": "vitest run --passWithNoTests",

package/src/components/PlAgDataTable/PlAgDataTableV2.vue

@@ -55,7 +55,7 @@ import type {
   PlTableRowIdJson,
 } from './types';
 import { watchCached } from '@milaboratories/uikit';
-import { isPTableHidden, type PTableHidden } from './sources/common';
+import { type PTableHidden } from './sources/common';
 
 const tableState = defineModel<PlDataTableStateV2>({
   required: true,
@@ -388,43 +388,6 @@ defineExpose<PlAgDataTableV2Controller>({
     }
     return true;
   },
-  getRowCount: async () => {
-    const gridApi = await dataRenderedTracker.promise;
-    if (gridApi.isDestroyed()) return;
-
-    return gridApi.getDisplayedRowCount();
-  },
-  getRow: async (index) => {
-    const gridApi = await dataRenderedTracker.promise;
-    if (gridApi.isDestroyed()) return;
-
-    const visibleColumns: {
-      spec: PTableColumnSpec;
-      field: `${number}`;
-    }[] = getDataColDefs(gridApi.getColumnDefs())
-      .filter((def) => !def.hide)
-      .map((def) => ({
-        spec: parseJson(def.colId! satisfies string as PlTableColumnIdJson).labeled,
-        field: def.field! as `${number}`,
-      }));
-
-    const row = Array.isArray(index)
-      ? gridApi.getRowNode(canonicalizeJson<PlTableRowId>(index))
-      : gridApi.getDisplayedRowAtIndex(index);
-    if (!row) return;
-
-    const rowData = row.data;
-    if (!rowData) return;
-
-    const getTableValue = (value: PTableValue | PTableHidden): PTableValue => {
-      if (isPTableHidden(value)) throw new Error('hidden value was not filtered out');
-      return value;
-    };
-
-    const spec: PTableColumnSpec[] = visibleColumns.map((column) => column.spec);
-    const data: PTableValue[] = visibleColumns.map((column) => getTableValue(rowData[column.field]));
-    return { spec, data };
-  },
 });
 
 function getDataColDefs(

package/src/components/PlAgDataTable/types.ts

@@ -104,7 +104,7 @@ export function usePlDataTableSettingsV2<T>(options: OptionsAdvanced<T> | Option
       }
     : () => ({});
   return computed(() => {
-    const modelValue = toValue(options.model);
+    const modelValue = deepClone(toValue(options.model));
     let settingsBase: PlDataTableSettingsV2Base;
     if ('sourceId' in options) {
       const sourceIdValue = deepClone(toValue(options.sourceId));
@@ -128,7 +128,7 @@ export function usePlDataTableSettingsV2<T>(options: OptionsAdvanced<T> | Option
       }
     } else {
       if (options.sheets) {
-        const sheetsValue = toValue(options.sheets);
+        const sheetsValue = deepClone(toValue(options.sheets));
         settingsBase = sheetsValue
           ? {
               sourceId: canonicalize('static')!,
@@ -191,20 +191,6 @@ export type PlAgDataTableV2Controller = {
     axesSpec: AxisId[];
     selectedKeys: PTableKey[];
   }) => Promise<boolean>;
-  /**
-   * Get number of rows in the table.
-   * @returns number of rows
-   */
-  getRowCount: () => Promise<undefined | number>;
-  /**
-   * Get row by index or axes key.
-   * @param index - row index or axes key
-   * @returns row spec and data, `undefined` if row was not loaded
-   */
-  getRow: (index: number | PlTableRowId) => Promise<undefined | {
-    spec: PTableColumnSpec[];
-    data: PTableValue[];
-  }>;
 };
 
 export type PlTableRowId = PTableKey;

package/src/internal/createAppV2.ts

@@ -3,10 +3,9 @@ import type { Mutable } from '@milaboratories/helpers';
 import type { NavigationState, BlockOutputsBase, BlockState, PlatformaV2, ValueWithUTag, AuthorMarker } from '@platforma-sdk/model';
 import { hasAbortError, unwrapResult } from '@platforma-sdk/model';
 import type { Ref } from 'vue';
-import { reactive, computed, ref } from 'vue';
+import { reactive, computed, ref, watch } from 'vue';
 import type { StateModelOptions, UnwrapOutputs, OutputValues, OutputErrors, AppSettings } from '../types';
 import { createModel } from '../createModel';
-import { createAppModel } from './createAppModel';
 import { parseQuery } from '../urls';
 import { MultiError, unwrapValueOrErrors } from '../utils';
 import { applyPatch } from 'fast-json-patch';
@@ -43,11 +42,6 @@ export function createAppV2<
   platforma: PlatformaV2<Args, Outputs, UiState, Href>,
   settings: AppSettings,
 ) {
-  type AppModel = {
-    args: Args;
-    ui: UiState;
-  };
-
   const debug = (msg: string, ...rest: unknown[]) => {
     if (settings.debug) {
       console.log(`%c>>> %c${msg}`, 'color: orange; font-weight: bold', 'color: orange', settings.appId, ...rest);
@@ -113,6 +107,55 @@ export function createAppV2<
     return platforma.setNavigationState(state);
   };
 
+  const outputs = computed<OutputValues<Outputs>>(() => {
+    const entries = Object.entries(snapshot.value.outputs as Partial<Readonly<Outputs>>).map(([k, vOrErr]) => [k, vOrErr.ok && vOrErr.value !== undefined ? vOrErr.value : undefined]);
+    return Object.fromEntries(entries);
+  });
+
+  const outputErrors = computed<OutputErrors<Outputs>>(() => {
+    const entries = Object.entries(snapshot.value.outputs as Partial<Readonly<Outputs>>).map(([k, vOrErr]) => [k, vOrErr && !vOrErr.ok ? new MultiError(vOrErr.errors) : undefined]);
+    return Object.fromEntries(entries);
+  });
+
+  const appModel = reactive({
+    error: '',
+    model: {
+      args: deepClone(snapshot.value.args) as Args,
+      ui: deepClone(snapshot.value.ui) as UiState,
+      outputs,
+      outputErrors,
+    },
+  }) as {
+    error: string;
+    model: {
+      args: Args;
+      ui: UiState;
+      outputs: OutputValues<Outputs>;
+      outputErrors: OutputErrors<Outputs>;
+    };
+  };
+
+  const appModelWatch = watch(
+    () => appModel.model,
+    (_newData) => {
+      const newData = deepClone(_newData);
+      debug('appModel.model', newData);
+      setArgsAndUiStateQueue.run(() => setBlockArgsAndUiState(newData.args, newData.ui).then(unwrapResult));
+    },
+    { deep: true },
+  );
+
+  const updateAppModelSilently = (newData: {
+    args: Args;
+    ui: UiState;
+  }) => {
+    debug('updateAppModelSilently', newData);
+    appModelWatch.pause();
+    appModel.model.args = deepClone(newData.args) as Args;
+    appModel.model.ui = deepClone(newData.ui) as UiState;
+    appModelWatch.resume();
+  };
+
   (async () => {
     window.addEventListener('beforeunload', () => {
       closedRef.value = true;
@@ -125,7 +168,7 @@ export function createAppV2<
       try {
         const patches = await platforma.getPatches(uTagRef.value).then(unwrapResult);
 
-        debug('patches', JSON.stringify(patches, null, 2));
+        debug('patches.length', patches.value.length);
         debug('uTagRef.value', uTagRef.value);
         debug('patches.uTag', patches.uTag);
         debug('patches.author', patches.author);
@@ -144,6 +187,7 @@ export function createAppV2<
         if (isAuthorChanged || data.isExternalSnapshot) {
           debug('got external changes, applying them to the snapshot', JSON.stringify(snapshot.value, null, 2));
           snapshot.value = applyPatch(snapshot.value, patches.value, false, false).newDocument;
+          updateAppModelSilently(snapshot.value);
           data.isExternalSnapshot = isAuthorChanged;
         } else {
           // Mutable behavior
@@ -163,34 +207,6 @@ export function createAppV2<
     }
   })();
 
-  const outputs = computed<OutputValues<Outputs>>(() => {
-    const entries = Object.entries(snapshot.value.outputs as Partial<Readonly<Outputs>>).map(([k, vOrErr]) => [k, vOrErr.ok && vOrErr.value !== undefined ? vOrErr.value : undefined]);
-    return Object.fromEntries(entries);
-  });
-
-  const outputErrors = computed<OutputErrors<Outputs>>(() => {
-    const entries = Object.entries(snapshot.value.outputs as Partial<Readonly<Outputs>>).map(([k, vOrErr]) => [k, vOrErr && !vOrErr.ok ? new MultiError(vOrErr.errors) : undefined]);
-    return Object.fromEntries(entries);
-  });
-
-  const appModel = createAppModel(
-    {
-      get() {
-        return { args: snapshot.value.args, ui: snapshot.value.ui } as AppModel;
-      },
-      autoSave: true,
-      onSave(newData: AppModel) {
-        debug('onSave', newData);
-        setArgsAndUiStateQueue.run(() => setBlockArgsAndUiState(newData.args, newData.ui).then(unwrapResult));
-      },
-    },
-    {
-      outputs,
-      outputErrors,
-    },
-    settings,
-  );
-
   const cloneArgs = () => deepClone(appModel.model.args) as Args;
   const cloneUiState = () => deepClone(appModel.model.ui) as UiState;
   const cloneNavigationState = () => deepClone(snapshot.value.navigationState) as Mutable<NavigationState<Href>>;