@razaman2/reactive-view 0.1.0-beta.11 → 0.1.0-beta.13

package/dist/index.js

@@ -177,7 +177,7 @@ var import_data_manager = __toESM(require("@razaman2/data-manager"));
 var import_vue = require("vue");
 
 // package.json
-var version = "0.1.0-beta.11";
+var version = "0.1.0-beta.13";
 var package_default = {
   name: "@razaman2/reactive-view",
   version,
@@ -376,6 +376,9 @@ var ReactiveView_default = {
       };
       const model = props.model ? typeof props.model === "function" ? props.model(config) : props.model : import_data_manager.default.setConfig({ beforeGetData: (data) => (0, import_vue.isRef)(data) ? (0, import_vue.unref)(data) : data }, config);
       const component = (0, import_vue.ref)({ parent: { self: vue.proxy }, self: { template, diff, emit, dataPath: dataPath2, model: proxy(model), isValid } });
+      if (props.debug) {
+        console.warn(`[${props.modelName}]:data`, { props, context, component, config, model });
+      }
       if (context.attrs["onUpdate:model"] || context.attrs["update:model"]) {
         const config2 = {
           callback: typeof context.attrs["onUpdate:model"] === "function" ? context.attrs["onUpdate:model"] : context.attrs["update:model"],
@@ -397,13 +400,13 @@ var ReactiveView_default = {
         }, config2.options));
       }
       const track = (source, options = {}) => {
-        var _a3, _b2, _c2, _d, _e;
+        var _a3, _b2, _c2, _d;
+        if (props.debug) {
+          console.log(`log props.data:`, source, options);
+        }
         subscriptions.push((0, import_vue.watch)(source, async (after, before) => {
           const diff2 = access(component).diff(import_object_manager.default.on(before), import_object_manager.default.on(after));
           const callback = context.attrs["data:callback"];
-          if (props.debug) {
-            console.warn(`[${props.modelName}]:data`, { diff: diff2, callback, before, after, props, context, component });
-          }
           if (typeof callback === "function") {
             callback(diff2, { component });
           } else {
@@ -411,8 +414,8 @@ var ReactiveView_default = {
           }
         }, {
           immediate: (_b2 = (_a3 = context.attrs["data:immediate"]) != null ? _a3 : options.immediate) != null ? _b2 : true,
-          deep: (_d = (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep) != null ? _d : true,
-          once: (_e = context.attrs["data:once"]) != null ? _e : options.once
+          deep: (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep,
+          once: (_d = context.attrs["data:once"]) != null ? _d : options.once
         }));
       };
       setTimeout(async () => {
@@ -428,10 +431,7 @@ var ReactiveView_default = {
             ]) : [props.data];
             track(typeof data === "function" ? data : (() => data));
           } else {
-            if (props.debug) {
-              console.log(`log output:`, props, (0, import_vue.isRef)(props.data), (0, import_vue.isReactive)(props.data));
-            }
-            track((0, import_vue.isRef)(props.data) || (0, import_vue.isReactive)(props.data) ? props.data : () => props.data, { immediate: false, deep: false });
+            track((0, import_vue.isRef)(props.data) || (0, import_vue.isReactive)(props.data) ? props.data : () => props.data, { immediate: false });
           }
         }
       });

package/dist/index.mjs

@@ -130,7 +130,7 @@ import DataManager from "@razaman2/data-manager";
 import { ref, reactive, watch, unref, isRef, isReactive, createVNode, getCurrentInstance, onBeforeUnmount } from "vue";
 
 // package.json
-var version = "0.1.0-beta.11";
+var version = "0.1.0-beta.13";
 var package_default = {
   name: "@razaman2/reactive-view",
   version,
@@ -329,6 +329,9 @@ var ReactiveView_default = {
       };
       const model = props.model ? typeof props.model === "function" ? props.model(config) : props.model : DataManager.setConfig({ beforeGetData: (data) => isRef(data) ? unref(data) : data }, config);
       const component = ref({ parent: { self: vue.proxy }, self: { template, diff, emit, dataPath: dataPath2, model: proxy(model), isValid } });
+      if (props.debug) {
+        console.warn(`[${props.modelName}]:data`, { props, context, component, config, model });
+      }
       if (context.attrs["onUpdate:model"] || context.attrs["update:model"]) {
         const config2 = {
           callback: typeof context.attrs["onUpdate:model"] === "function" ? context.attrs["onUpdate:model"] : context.attrs["update:model"],
@@ -350,13 +353,13 @@ var ReactiveView_default = {
         }, config2.options));
       }
       const track = (source, options = {}) => {
-        var _a3, _b2, _c2, _d, _e;
+        var _a3, _b2, _c2, _d;
+        if (props.debug) {
+          console.log(`log props.data:`, source, options);
+        }
         subscriptions.push(watch(source, async (after, before) => {
           const diff2 = access(component).diff(ObjectManager.on(before), ObjectManager.on(after));
           const callback = context.attrs["data:callback"];
-          if (props.debug) {
-            console.warn(`[${props.modelName}]:data`, { diff: diff2, callback, before, after, props, context, component });
-          }
           if (typeof callback === "function") {
             callback(diff2, { component });
           } else {
@@ -364,8 +367,8 @@ var ReactiveView_default = {
           }
         }, {
           immediate: (_b2 = (_a3 = context.attrs["data:immediate"]) != null ? _a3 : options.immediate) != null ? _b2 : true,
-          deep: (_d = (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep) != null ? _d : true,
-          once: (_e = context.attrs["data:once"]) != null ? _e : options.once
+          deep: (_c2 = context.attrs["data:deep"]) != null ? _c2 : options.deep,
+          once: (_d = context.attrs["data:once"]) != null ? _d : options.once
         }));
       };
       setTimeout(async () => {
@@ -381,10 +384,7 @@ var ReactiveView_default = {
             ]) : [props.data];
             track(typeof data === "function" ? data : (() => data));
           } else {
-            if (props.debug) {
-              console.log(`log output:`, props, isRef(props.data), isReactive(props.data));
-            }
-            track(isRef(props.data) || isReactive(props.data) ? props.data : () => props.data, { immediate: false, deep: false });
+            track(isRef(props.data) || isReactive(props.data) ? props.data : () => props.data, { immediate: false });
           }
         }
       });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.1.0-beta.11",
+    "version": "0.1.0-beta.13",
     "description": "This library enables you to build vue apps in an object oriented way. It provides a convenient approach to extend and override ui components. It provides a built in eventing system along with component data management.",
     "main": "dist/index.js",
     "module": "dist/index.mjs",