@platforma-sdk/ui-vue 1.42.2 → 1.42.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.42.2",
+  "version": "1.42.4",
   "type": "module",
   "main": "dist/lib.js",
   "styles": "dist/lib.js",
@@ -25,9 +25,9 @@
     "@vueuse/integrations": "^13.3.0",
     "d3-format": "^3.1.0",
     "zod": "~3.23.8",
-    "@platforma-sdk/model": "~1.42.1",
-    "@milaboratories/uikit": "2.3.26",
-    "@milaboratories/biowasm-tools": "^1.1.0"
+    "@milaboratories/biowasm-tools": "^1.1.0",
+    "@platforma-sdk/model": "~1.42.4",
+    "@milaboratories/uikit": "2.3.27"
   },
   "devDependencies": {
     "happy-dom": "^15.11.7",
@@ -43,10 +43,10 @@
     "yarpm": "^1.2.0",
     "fast-json-patch": "^3.1.1",
     "@faker-js/faker": "^9.2.0",
-    "@milaboratories/ts-configs": "1.0.5",
-    "@milaboratories/eslint-config": "^1.0.4",
     "@milaboratories/build-configs": "1.0.5",
-    "@milaboratories/helpers": "^1.6.19"
+    "@milaboratories/helpers": "^1.6.19",
+    "@milaboratories/ts-configs": "1.0.5",
+    "@milaboratories/eslint-config": "^1.0.4"
   },
   "scripts": {
     "test": "vitest run --passWithNoTests",

package/src/components/PlAgDataTable/sources/table-source-v2.ts

@@ -3,12 +3,12 @@ import type {
   PTableColumnId,
   PTableColumnSpecColumn,
   PTableValue,
+  PTableValueAxis,
 } from '@platforma-sdk/model';
 import {
   canonicalizeJson,
   getAxisId,
   isColumnOptional,
-  mapPTableValueToAxisKey,
   pTableValue,
   type PFrameDriver,
   type PlDataTableSheet,
@@ -22,6 +22,7 @@ import {
   isLabelColumn as isLabelColumnSpec,
   isColumnHidden,
   matchAxisId,
+  isPTableValueAxis,
 } from '@platforma-sdk/model';
 import type {
   CellStyle,
@@ -74,11 +75,13 @@ function columns2rows(
 ): PlAgDataTableV2Row[] {
   const rowData: PlAgDataTableV2Row[] = [];
   for (let iRow = 0; iRow < columns[0].data.length; ++iRow) {
-    const axesKey = axes.map((iAxis) => {
-      return mapPTableValueToAxisKey(
-        pTableValue(columns[resultMapping[iAxis]], iRow),
-      );
-    });
+    const axesKey: PTableValueAxis[] = axes
+      .map((iAxis) => {
+        const value = pTableValue(columns[resultMapping[iAxis]], iRow);
+        if (!isPTableValueAxis(value))
+          throw new Error(`axis value is not a PTableValueAxis: ${JSON.stringify(value)}`);
+        return value;
+      });
     const id = canonicalizeJson<PlTableRowId>(axesKey);
     const row: PlAgDataTableV2Row = { id, axesKey };
     fields.forEach((field, iCol) => {

package/src/internal/createAppV2.ts

@@ -3,13 +3,14 @@ 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, watch } from 'vue';
+import { reactive, computed, ref } from 'vue';
 import type { StateModelOptions, UnwrapOutputs, OutputValues, OutputErrors, AppSettings } from '../types';
 import { createModel } from '../createModel';
 import { parseQuery } from '../urls';
 import { MultiError, unwrapValueOrErrors } from '../utils';
 import { applyPatch } from 'fast-json-patch';
 import { UpdateSerializer } from './UpdateSerializer';
+import { watchIgnorable } from '@vueuse/core';
 
 export const patchPoolingDelay = 100;
 
@@ -18,6 +19,14 @@ export const createNextAuthorMarker = (marker: AuthorMarker | undefined): Author
   localVersion: (marker?.localVersion ?? 0) + 1,
 });
 
+const stringifyForDebug = (v: unknown) => {
+  try {
+    return JSON.stringify(v, null, 2);
+  } catch (err) {
+    return err instanceof Error ? err.message : String(err);
+  }
+};
+
 /**
  * Creates an application instance with reactive state management, outputs, and methods for state updates and navigation.
  *
@@ -44,12 +53,12 @@ export function createAppV2<
 ) {
   const debug = (msg: string, ...rest: unknown[]) => {
     if (settings.debug) {
-      console.log(`%c>>> %c${msg}`, 'color: orange; font-weight: bold', 'color: orange', settings.appId, ...rest);
+      console.log(`%c>>> %c${msg}`, 'color: orange; font-weight: bold', 'color: orange', ...rest.map((r) => stringifyForDebug(r)));
     }
   };
 
   const error = (msg: string, ...rest: unknown[]) => {
-    console.error(`%c>>> %c${msg}`, 'color: red; font-weight: bold', 'color: red', settings.appId, ...rest);
+    console.error(`%c>>> %c${msg}`, 'color: red; font-weight: bold', 'color: red', ...rest.map((r) => stringifyForDebug(r)));
   };
 
   const data = {
@@ -135,25 +144,23 @@ export function createAppV2<
     };
   };
 
-  const appModelWatch = watch(
+  const { ignoreUpdates } = watchIgnorable(
     () => appModel.model,
     (_newData) => {
       const newData = deepClone(_newData);
-      debug('appModel.model', newData);
+      debug('setArgsAndUiStateQueue appModel.model', newData);
       setArgsAndUiStateQueue.run(() => setBlockArgsAndUiState(newData.args, newData.ui).then(unwrapResult));
     },
     { deep: true },
   );
 
-  const updateAppModelSilently = (newData: {
+  const updateAppModel = (newData: {
     args: Args;
     ui: UiState;
   }) => {
-    debug('updateAppModelSilently', newData);
-    appModelWatch.pause();
+    debug('updateAppModel', newData);
     appModel.model.args = deepClone(newData.args) as Args;
     appModel.model.ui = deepClone(newData.ui) as UiState;
-    appModelWatch.resume();
   };
 
   (async () => {
@@ -185,10 +192,12 @@ export function createAppV2<
 
         // Immutable behavior, apply external changes to the snapshot
         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;
+          debug('got external changes, applying them to the snapshot', snapshot.value);
+          ignoreUpdates(() => {
+            snapshot.value = applyPatch(snapshot.value, patches.value, false, false).newDocument;
+            updateAppModel({ args: snapshot.value.args, ui: snapshot.value.ui });
+            data.isExternalSnapshot = isAuthorChanged;
+          });
         } else {
           // Mutable behavior
           snapshot.value = applyPatch(snapshot.value, patches.value).newDocument;

package/dist/lib/ui/uikit/dist/components/PlAccordion/ExpandTransition.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandTransition.vue2.js","sources":["../../../../../../../../../lib/ui/uikit/src/components/PlAccordion/ExpandTransition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst onStart = (el: Element) => {\n  el.classList.add('expand-collapse-fix');\n  (el as HTMLElement).style.setProperty('--component-height', el.scrollHeight + 'px');\n};\n\nconst onAfter = (el: Element) => {\n  (el as HTMLElement).style.removeProperty('--component-height');\n  el.classList.remove('expand-collapse-fix');\n};\n</script>\n\n<template>\n  <Transition name=\"expand-collapse\" @enter=\"onStart\" @leave=\"onStart\" @after-enter=\"onAfter\" @after-leave=\"onAfter\">\n    <slot/>\n  </Transition>\n</template>\n\n<style>\n.expand-collapse-fix {\n  overflow: hidden;\n}\n\n.expand-collapse-enter-active,\n.expand-collapse-leave-active {\n  transition:\n    height 0.2s ease-in-out,\n    opacity 0.2s ease-in-out;\n  height: var(--component-height);\n}\n\n.expand-collapse-enter-from,\n.expand-collapse-leave-to {\n  opacity: 0.5;\n  height: 0;\n}\n</style>\n"],"names":["onStart","el","onAfter"],"mappings":";;;;AACMA,UAAAA,IAAU,CAACC,MAAgB;AAC5BA,QAAA,UAAU,IAAI,qBAAqB,GACrCA,EAAmB,MAAM,YAAY,sBAAsBA,EAAG,eAAe,IAAI;AAAA,IAAA,GAG9EC,IAAU,CAACD,MAAgB;AAC9BA,QAAmB,MAAM,eAAe,oBAAoB,GAC1DA,EAAA,UAAU,OAAO,qBAAqB;AAAA,IAC3C;;;;;;;;;;;;;;;"}