@rs-x/vue 2.0.0-next.57 → 2.0.0-next.59

package/dist/index.d.ts

@@ -8,4 +8,7 @@ declare function getExpressionManager(): IExpressionManager;
 
 declare function useRsxExpression<T>(expression: IExpression<T>): vue.Ref<any, any> extends T | null ? vue.ShallowRef<null, null> | (T extends T & vue.Ref<any, any> ? _vue_shared.IfAny<T, vue.ShallowRef<T, T>, T> : vue.ShallowRef<T, T>) : vue.ShallowRef<T | null, T | null>;
 
-export { getExpressionFactory, getExpressionManager, useRsxExpression };
+type FieldFilter = (model: object, field: string) => boolean;
+declare function useRsxModel<TModel extends object>(model: TModel, mustWatch?: FieldFilter): TModel;
+
+export { type FieldFilter, getExpressionFactory, getExpressionManager, useRsxExpression, useRsxModel };

package/dist/index.js

@@ -54,8 +54,72 @@ function useRsxExpression(expression) {
   return value;
 }
 __name(useRsxExpression, "useRsxExpression");
+
+// src/hooks/use-rsx-model.ts
+import { getCurrentInstance, getCurrentScope as getCurrentScope2, markRaw, onScopeDispose as onScopeDispose2 } from "vue";
+import { truePredicate, Type, UnsupportedException } from "@rs-x/core";
+import { rsx } from "@rs-x/expression-parser";
+function useRsxModel(model, mustWatch) {
+  const expressionCache = /* @__PURE__ */ new Map();
+  const subscriptions = [];
+  const shouldWatch = mustWatch ?? truePredicate;
+  const currentInstance = getCurrentInstance();
+  const forceUpdate = /* @__PURE__ */ __name(() => {
+    currentInstance?.proxy?.$forceUpdate();
+  }, "forceUpdate");
+  const getOrCreateExpression = /* @__PURE__ */ __name((parent, field) => {
+    let fieldMap = expressionCache.get(parent);
+    if (!fieldMap) {
+      fieldMap = /* @__PURE__ */ new Map();
+      expressionCache.set(parent, fieldMap);
+    }
+    let expression = fieldMap.get(field);
+    if (!expression) {
+      expression = rsx(field)(parent);
+      fieldMap.set(field, expression);
+    }
+    return expression;
+  }, "getOrCreateExpression");
+  const disposeExpressions = /* @__PURE__ */ __name(() => {
+    for (const subscription of subscriptions) {
+      subscription.unsubscribe();
+    }
+    for (const fieldMap of expressionCache.values()) {
+      for (const expression of fieldMap.values()) {
+        expression.dispose();
+      }
+    }
+  }, "disposeExpressions");
+  if (getCurrentScope2()) {
+    onScopeDispose2(() => {
+      disposeExpressions();
+    });
+  }
+  const bindObject = /* @__PURE__ */ __name((sourceObject) => {
+    for (const [field, value] of Object.entries(sourceObject)) {
+      if (!shouldWatch(sourceObject, field) || Type.isMethod(value) || Type.isArrowFunction(value)) {
+        continue;
+      }
+      if (Type.isIterableCollection(value)) {
+        throw new UnsupportedException("Collections are not supported by useRsxModel yet.");
+      }
+      if (Type.isPlainObject(value)) {
+        bindObject(value);
+        continue;
+      }
+      const expression = getOrCreateExpression(sourceObject, field);
+      subscriptions.push(expression.changed.subscribe(() => {
+        forceUpdate();
+      }));
+    }
+  }, "bindObject");
+  bindObject(model);
+  return markRaw(model);
+}
+__name(useRsxModel, "useRsxModel");
 export {
   getExpressionFactory,
   getExpressionManager,
-  useRsxExpression
+  useRsxExpression,
+  useRsxModel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rs-x/vue",
-  "version": "2.0.0-next.57",
+  "version": "2.0.0-next.59",
   "description": "Vue extension for the RS-X framework with composables to bind RS-X expressions to Vue components",
   "type": "module",
   "main": "./dist/index.js",
@@ -38,9 +38,9 @@
     "vue": ">=3.3.0"
   },
   "dependencies": {
-    "@rs-x/core": "2.0.0-next.57",
-    "@rs-x/expression-parser": "2.0.0-next.57",
-    "@rs-x/state-manager": "2.0.0-next.57"
+    "@rs-x/core": "2.0.0-next.59",
+    "@rs-x/expression-parser": "2.0.0-next.59",
+    "@rs-x/state-manager": "2.0.0-next.59"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.5",