@vortexm/vjt 0.1.9 → 0.1.11

package/dist/index.js

@@ -4939,6 +4939,12 @@ var ActionRuntime = class {
       }
       return this.resolveReference(reference, context.currentValue, context.responseValue);
     }
+    if (name.startsWith("getFirst ")) {
+      return this.getCollectionBoundary(name.slice(9), "first");
+    }
+    if (name.startsWith("getLast ")) {
+      return this.getCollectionBoundary(name.slice(8), "last");
+    }
     if (name.startsWith("count ")) {
       return this.countValue(this.resolveReference(name.slice(6), context.currentValue, context.responseValue));
     }
@@ -4972,6 +4978,12 @@ var ActionRuntime = class {
     if (name === "dec") {
       return this.toNumber(inputValue) - 1;
     }
+    if (name === "trim") {
+      return this.stringifyValue(inputValue).trim();
+    }
+    if (name === "dedupLineBreaks") {
+      return this.stringifyValue(inputValue).replaceAll(/\r\n/g, "\n").replaceAll(/\n{3,}/g, "\n\n");
+    }
     if (name.startsWith("equals ")) {
       return this.resolveReference(name.slice(7), context.currentValue, context.responseValue) === action.args;
     }
@@ -4998,6 +5010,12 @@ var ActionRuntime = class {
       this.assignReference(name.slice(4), inputValue, context.currentValue, args);
       return inputValue;
     }
+    if (name.startsWith("setFirst ")) {
+      return this.setCollectionBoundary(name.slice(9), inputValue, "first");
+    }
+    if (name.startsWith("setLast ")) {
+      return this.setCollectionBoundary(name.slice(8), inputValue, "last");
+    }
     if (name.startsWith("append ")) {
       const reference = name.slice(7);
       const currentText = this.resolveReference(reference, context.currentValue, context.responseValue);
@@ -5128,6 +5146,47 @@ var ActionRuntime = class {
     }
     return JSON.stringify(value);
   }
+  getCollectionBoundary(widgetId, boundary) {
+    const state = this.stateById.get(widgetId) ?? this.stateByKey.get(widgetId);
+    const collection = this.getWidgetCollection(state);
+    if (!collection || collection.length === 0) {
+      return null;
+    }
+    const index = boundary === "first" ? 0 : collection.length - 1;
+    const value = collection[index];
+    return isListElementLike(value) ? this.unwrapListValue(value) : value;
+  }
+  setCollectionBoundary(widgetId, inputValue, boundary) {
+    const state = this.stateById.get(widgetId) ?? this.stateByKey.get(widgetId);
+    if (!state) {
+      return inputValue;
+    }
+    const collection = this.getWidgetCollection(state);
+    if (!collection || collection.length === 0) {
+      return inputValue;
+    }
+    const index = boundary === "first" ? 0 : collection.length - 1;
+    collection[index] = this.cloneValue(this.unwrapListValue(inputValue));
+    if (state.widget === "list" || state.widget === "grid-view") {
+      this.clearListElementState(state.key);
+    }
+    return inputValue;
+  }
+  getWidgetCollection(state) {
+    if (!state) {
+      return null;
+    }
+    if (state.widget === "list" || state.widget === "grid-view") {
+      return state.elements ?? null;
+    }
+    if (state.widget === "listbox") {
+      return state.listboxElements ?? null;
+    }
+    if (state.widget === "combobox") {
+      return state.comboboxElements ?? null;
+    }
+    return null;
+  }
   isCurrentScopedReference(reference) {
     return reference === "current" || reference.startsWith("current.") || reference.startsWith("this.") || reference === "this";
   }
@@ -6315,7 +6374,7 @@ var VERTICAL_ALIGN_MAP2 = { top: "flex-start", center: "center", bottom: "flex-e
 var markdownConverter = new import_showdown.default.Converter({
   simpleLineBreaks: true,
   ghCompatibleHeaderId: true,
-  tables: false,
+  tables: true,
   strikethrough: false,
   tasklists: false
 });
@@ -7479,7 +7538,11 @@ var RuntimeRenderer = class {
       const nextIsMobile = isMobileViewport();
       if (nextIsMobile !== previousIsMobile) {
         previousIsMobile = nextIsMobile;
-        renderSync();
+        void this.handleLayoutSwitch(nextIsMobile).catch((error) => {
+          logRuntimeError("handleLayoutSwitch", error, {
+            nextIsMobile
+          });
+        });
       }
     };
     window.addEventListener("resize", handleResize);
@@ -7544,6 +7607,11 @@ var RuntimeRenderer = class {
     }
     return Promise.resolve();
   }
+  async handleLayoutSwitch(nextIsMobile) {
+    await this.rerenderRoot();
+    await this.runSystemEvent(nextIsMobile ? "onLayoutSwitchToMobile" : "onLayoutSwitchToDesktop");
+    await this.rerenderRoot();
+  }
   async runSystemEvent(eventName) {
     const actions = this.systemEvents[eventName];
     if (!actions?.length) {

package/dist/lib/action-runtime.d.ts

@@ -124,6 +124,9 @@ export declare class ActionRuntime {
     private getCurrentListState;
     private cloneValue;
     private stringifyValue;
+    private getCollectionBoundary;
+    private setCollectionBoundary;
+    private getWidgetCollection;
     private isCurrentScopedReference;
     private countValue;
     private toNumber;

package/dist/lib/types.d.ts

@@ -4,7 +4,7 @@ export type TextAlign = 'left' | 'center' | 'right';
 export type VerticalAlign = 'top' | 'center' | 'bottom';
 export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type WidgetEventName = 'onClick' | 'onUserValueChange' | 'onRefresh' | 'onEnter' | 'onShiftEnter' | 'onControlEnter' | 'onPaste';
-export type SystemEventName = 'onBeforeRender' | 'onAfterRender' | 'onBeforeNavigate' | 'onAfterNavigate' | 'onSpeechDetected' | 'onRecordingStarted' | 'onRecordingStopped' | 'onRecordingError' | 'onListeningError' | 'onListeringError' | 'onPlayFinished' | 'onPlayingStopped';
+export type SystemEventName = 'onBeforeRender' | 'onAfterRender' | 'onBeforeNavigate' | 'onAfterNavigate' | 'onLayoutSwitchToMobile' | 'onLayoutSwitchToDesktop' | 'onSpeechDetected' | 'onRecordingStarted' | 'onRecordingStopped' | 'onRecordingError' | 'onListeningError' | 'onListeringError' | 'onPlayFinished' | 'onPlayingStopped';
 export type PrimitiveRequestType = 'int' | 'float' | 'boolean' | 'string';
 export type RouteDefinition = {
     path: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vortexm/vjt",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/vjt-styles.css

@@ -122,6 +122,29 @@ body {
   background: color-mix(in srgb, var(--vjt-surface-muted) 86%, transparent);
 }
 
+.vjt-md-text-body table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 10px 0;
+  overflow: hidden;
+  border: 1px solid var(--vjt-border);
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--vjt-surface) 92%, transparent);
+}
+
+.vjt-md-text-body th,
+.vjt-md-text-body td {
+  padding: 10px 12px;
+  border: 1px solid color-mix(in srgb, var(--vjt-border) 78%, transparent);
+  text-align: left;
+  vertical-align: top;
+}
+
+.vjt-md-text-body th {
+  font-weight: 700;
+  background: color-mix(in srgb, var(--vjt-surface-muted) 82%, transparent);
+}
+
 .vjt-static-text:is(h1, h2, h3, h4, h5, h6) {
   font-family: var(--vjt-font-heading);
   letter-spacing: -0.02em;