@razaman2/reactive-view 0.0.7 → 0.0.8

package/dist/index.d.mts

@@ -35,6 +35,7 @@ declare const _default: {
         defaultData: {};
         model: {};
         state: {};
+        await: {};
         getDefaultData: {
             type: FunctionConstructor;
             default: (data?: {}) => {};
@@ -58,45 +59,13 @@ declare const _default: {
     setup(props: Record<string, any>, context: SetupContext): ($vue: ComponentPublicInstance & any) => any;
 };
 
-/**
- * uppercase the first character of each word in the input string.
- * @deprecated
- * @description
- * (test -> Test), (TEST -> Test), (test test -> Test Test)
- */
-declare function ucf(string: string): string;
-/**
- * uppercase the first character of each word that follows a specified token
- * @deprecated
- * @description
- * (test-test -> test-Test), (TEST-TEST -> TEST-Test), (test/test -> test/Test)
- */
-declare function ucfat(string: string, tokens: Array<string>): string;
-/**
- * @deprecated
- */
-declare function getRoot(vue: ComponentPublicInstance): any;
-/**
- * @deprecated
- */
-declare function getRef(component: ComponentPublicInstance, ref: UnwrapRef<any>): ComponentPublicInstance;
-/**
- * @deprecated
- */
-declare function expose(vue: any, props: Record<string, any>): Record<string, any>;
 type Accessible = {
     parent: {
         self: Record<string | symbol, any>;
     };
     self: Record<string | symbol, any>;
-    access?: Function;
-    value?: {
-        parent: {
-            self: Record<string | symbol, any>;
-        };
-        self: Record<string | symbol, any>;
-        access?: Function;
-    };
+    access?: () => Accessible;
+    value?: Accessible;
 };
 type PropOptions = {
     exclude: string | Array<string>;
@@ -126,6 +95,7 @@ declare function getDate(timestamp: {
     format?: string;
     timezone?: string;
 }): string;
+declare function access<T extends ComponentPublicInstance & Accessible>($vue?: T | UnwrapRef<any>): Record<string | symbol, any>;
 declare function getSubscription(): {
     addSubscription(name: string, handler?: () => boolean, data?: any): void;
     replaceSubscription(name: string, handler?: () => boolean, data?: any): void;
@@ -135,6 +105,5 @@ declare function getSubscription(): {
     subscriptions: any[];
     subscription: Subscription;
 };
-declare function access<T extends ComponentPublicInstance & Accessible>($vue?: T | UnwrapRef<any>): any;
 
-export { access, _default as default, expose, getDate, getProps, getRef, getRoot, getSubscription, safeRequest, setup, ucf, ucfat };
+export { access, _default as default, getDate, getProps, getSubscription, safeRequest, setup };

package/dist/index.d.ts

@@ -35,6 +35,7 @@ declare const _default: {
         defaultData: {};
         model: {};
         state: {};
+        await: {};
         getDefaultData: {
             type: FunctionConstructor;
             default: (data?: {}) => {};
@@ -58,45 +59,13 @@ declare const _default: {
     setup(props: Record<string, any>, context: SetupContext): ($vue: ComponentPublicInstance & any) => any;
 };
 
-/**
- * uppercase the first character of each word in the input string.
- * @deprecated
- * @description
- * (test -> Test), (TEST -> Test), (test test -> Test Test)
- */
-declare function ucf(string: string): string;
-/**
- * uppercase the first character of each word that follows a specified token
- * @deprecated
- * @description
- * (test-test -> test-Test), (TEST-TEST -> TEST-Test), (test/test -> test/Test)
- */
-declare function ucfat(string: string, tokens: Array<string>): string;
-/**
- * @deprecated
- */
-declare function getRoot(vue: ComponentPublicInstance): any;
-/**
- * @deprecated
- */
-declare function getRef(component: ComponentPublicInstance, ref: UnwrapRef<any>): ComponentPublicInstance;
-/**
- * @deprecated
- */
-declare function expose(vue: any, props: Record<string, any>): Record<string, any>;
 type Accessible = {
     parent: {
         self: Record<string | symbol, any>;
     };
     self: Record<string | symbol, any>;
-    access?: Function;
-    value?: {
-        parent: {
-            self: Record<string | symbol, any>;
-        };
-        self: Record<string | symbol, any>;
-        access?: Function;
-    };
+    access?: () => Accessible;
+    value?: Accessible;
 };
 type PropOptions = {
     exclude: string | Array<string>;
@@ -126,6 +95,7 @@ declare function getDate(timestamp: {
     format?: string;
     timezone?: string;
 }): string;
+declare function access<T extends ComponentPublicInstance & Accessible>($vue?: T | UnwrapRef<any>): Record<string | symbol, any>;
 declare function getSubscription(): {
     addSubscription(name: string, handler?: () => boolean, data?: any): void;
     replaceSubscription(name: string, handler?: () => boolean, data?: any): void;
@@ -135,6 +105,5 @@ declare function getSubscription(): {
     subscriptions: any[];
     subscription: Subscription;
 };
-declare function access<T extends ComponentPublicInstance & Accessible>($vue?: T | UnwrapRef<any>): any;
 
-export { access, _default as default, expose, getDate, getProps, getRef, getRoot, getSubscription, safeRequest, setup, ucf, ucfat };
+export { access, _default as default, getDate, getProps, getSubscription, safeRequest, setup };

package/dist/index.js

@@ -58,16 +58,11 @@ var src_exports = {};
 __export(src_exports, {
   access: () => access,
   default: () => src_default,
-  expose: () => expose,
   getDate: () => getDate,
   getProps: () => getProps,
-  getRef: () => getRef,
-  getRoot: () => getRoot,
   getSubscription: () => getSubscription,
   safeRequest: () => safeRequest,
-  setup: () => setup,
-  ucf: () => ucf,
-  ucfat: () => ucfat
+  setup: () => setup
 });
 module.exports = __toCommonJS(src_exports);
 var import_date_fns_tz = require("date-fns-tz");
@@ -166,7 +161,7 @@ var import_data_manager = __toESM(require("@razaman2/data-manager"));
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.7";
+var version = "0.0.8";
 
 // src/ReactiveView.ts
 var import_vue = require("vue");
@@ -176,6 +171,7 @@ var props = {
   defaultData: {},
   model: {},
   state: {},
+  await: {},
   getDefaultData: {
     type: Function,
     default: (data = {}) => data
@@ -205,7 +201,7 @@ var setup = {
 var ReactiveView_default = {
   props: __spreadValues(__spreadValues({}, setup), props),
   setup(props2, context) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _g;
     const template = (vue, options2) => {
       var _a2, _b2, _c2;
       const vnode = context.slots.default ? (0, import_vue.h)(
@@ -218,28 +214,39 @@ var ReactiveView_default = {
           textAlign: "center"
         }
       }, context.attrs), `${props2.modelName}: ${name}@${version}`);
-      return (_c2 = (_b2 = (_a2 = context.slots).template) == null ? void 0 : _b2.call(_a2, { vue, vnode })) != null ? _c2 : vnode;
+      return (_c2 = (_b2 = (_a2 = context.slots).template) == null ? void 0 : _b2.call(_a2, { $vue: vue, vnode })) != null ? _c2 : vnode;
     };
     const isValid = (0, import_vue.ref)(false);
     const defaultData = props2.getDefaultData(
       Array.isArray(props2.state) ? (_a = props2.defaultData) != null ? _a : [] : (_b = props2.defaultData) != null ? _b : {}
     );
     const defaultType = Array.isArray(defaultData) ? [] : {};
-    const state = (0, import_vue.reactive)(import_data_manager.default.transform((_c = props2.state) != null ? _c : defaultType));
+    const state = (0, import_vue.reactive)(import_data_manager.default.transform(props2.await ? defaultType : (_c = props2.state) != null ? _c : defaultType));
     const config = {
       defaultData,
       data: state,
       name: props2.modelName,
       logging: props2.logging,
-      notifications: props2.notifications
+      notifications: props2.notifications,
+      subscriptions: props2.subscriptions
     };
     const getState = props2.model ? typeof props2.model === "function" ? props2.model(config) : props2.model : new import_data_manager.default(config);
     const sync = (0, import_vue.ref)(false);
+    const options = {
+      parent: { self: (_d = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _d.proxy },
+      self: { template, isValid, getState }
+    };
+    const _f = (_e = props2.setup(options)) != null ? _e : options, { parent = {}, self = {} } = _f, rest = __objRest(_f, ["parent", "self"]);
+    if (props2.await instanceof Promise) {
+      (0, import_vue.nextTick)(async () => {
+        getState.replaceData(await props2.await);
+      });
+    }
     if (context.attrs["onUpdate:modelState"]) {
       const config2 = typeof context.attrs["onUpdate:modelState"] === "function" ? { callback: context.attrs["onUpdate:modelState"] } : context.attrs["onUpdate:modelState"];
       (0, import_vue.watch)(() => import_object_manager.default.on(state).clone(), (after, before) => {
         var _a2;
-        const transform = (_a2 = config2.transform) != null ? _a2 : access(setup).$transform;
+        const transform = (_a2 = config2.transform) != null ? _a2 : access({ parent, self }).$transform;
         const diff = {
           before: (before == null ? void 0 : before.hasOwnProperty("")) ? before[""] : before,
           after: (after == null ? void 0 : after.hasOwnProperty("")) ? after[""] : after
@@ -252,7 +259,7 @@ var ReactiveView_default = {
       }, config2.options);
     }
     if (context.attrs["onUpdate:propsState"] || props2.sync) {
-      const config2 = (_d = typeof context.attrs["onUpdate:propsState"] === "function" ? { callback: context.attrs["onUpdate:propsState"] } : context.attrs["onUpdate:propsState"]) != null ? _d : {};
+      const config2 = (_g = typeof context.attrs["onUpdate:propsState"] === "function" ? { callback: context.attrs["onUpdate:propsState"] } : context.attrs["onUpdate:propsState"]) != null ? _g : {};
       (0, import_vue.watch)(() => props2.state, (after, before) => {
         if (props2.sync && typeof config2.callback !== "function") {
           getState.replaceData(after);
@@ -262,13 +269,8 @@ var ReactiveView_default = {
         sync.value = true;
       }, config2.options);
     }
-    const options = {
-      parent: {},
-      self: { template, isValid, getState }
-    };
-    const _f = (_e = props2.setup(options)) != null ? _e : options, { parent = options.parent, self = options.self } = _f, rest = __objRest(_f, ["parent", "self"]);
     return ($vue) => {
-      const setup2 = { $vue, options: Object.assign(parent, { parent: { self: $vue } }) };
+      const setup2 = { $vue, options: parent };
       while (setup2.options) {
         Object.defineProperties(setup2.$vue, Object.assign({
           access: {
@@ -286,32 +288,6 @@ var ReactiveView_default = {
 
 // src/index.ts
 var src_default = ReactiveView_default;
-function ucf(string) {
-  return string.split(/\s+/).map((string2) => {
-    return string2.toLowerCase().replace(/^(\w)/, ($1) => $1.toUpperCase());
-  }).join(" ");
-}
-function ucfat(string, tokens) {
-  const pattern = RegExp(`(?<=(?:${tokens.join("|")}))(\\w)(\\w*)`, "g");
-  return string.replace(pattern, ($1, $2, $3) => `${$2.toUpperCase()}${$3.toLowerCase()}`);
-}
-function getRoot(vue) {
-  var _a, _b, _c;
-  return (_c = (_a = typeof vue.$attrs.root === "function" ? vue.$attrs.root() : vue.$attrs.root) != null ? _a : vue.$root) != null ? _c : (_b = vue.$parent) == null ? void 0 : _b.$root;
-}
-function getRef(component, ref2) {
-  safeRequest({
-    try: async () => component.$props.ref.value = component,
-    alternative: false
-  });
-  return ref2.value = component;
-}
-function expose(vue, props2) {
-  Object.entries(Object.getOwnPropertyDescriptors(props2)).forEach(([key, val]) => {
-    Object.defineProperty(vue, key, val);
-  });
-  return props2;
-}
 function safeRequest(request) {
   return new Promise(async (resolve) => {
     var _a, _b, _c, _d;
@@ -369,6 +345,35 @@ function getDate(param1, param2) {
   };
   return (0, import_date_fns_tz.formatInTimeZone)(datetime(), options.timezone, options.format);
 }
+function access($vue = {}) {
+  var _a, _b;
+  const proxy = (target) => {
+    return new Proxy(target, {
+      get(target2, key) {
+        var _a2, _b2;
+        const component = { $vue: target2 };
+        do {
+          if ((_a2 = component.$vue) == null ? void 0 : _a2[key]) {
+            return component.$vue[key];
+          } else if ((_b2 = component.$vue.self) == null ? void 0 : _b2[key]) {
+            return component.$vue.self[key];
+          } else {
+            component.$vue = component.$vue.parent;
+          }
+        } while (component.$vue);
+      }
+    });
+  };
+  try {
+    return proxy($vue.access());
+  } catch (e) {
+    try {
+      return proxy($vue.value.access());
+    } catch (e2) {
+      return proxy((_b = (_a = $vue.value) != null ? _a : $vue) != null ? _b : {});
+    }
+  }
+}
 function getSubscription() {
   const subscriptions = [];
   const subscription = Subscriptions.get();
@@ -396,36 +401,12 @@ function getSubscription() {
     subscription
   };
 }
-function access($vue = {}) {
-  var _a, _b, _c;
-  const target = typeof ($vue == null ? void 0 : $vue.access) === "function" ? $vue.access() : (_c = (_b = ($vue == null ? void 0 : $vue.value) && typeof ((_a = $vue.value) == null ? void 0 : _a.access) === "function" ? $vue.value.access() : $vue == null ? void 0 : $vue.value) != null ? _b : $vue) != null ? _c : {};
-  return new Proxy(target, {
-    get(target2, key) {
-      var _a2, _b2;
-      const component = { $vue: target2 };
-      do {
-        if ((_a2 = component.$vue) == null ? void 0 : _a2[key]) {
-          return component.$vue[key];
-        } else if ((_b2 = component.$vue.self) == null ? void 0 : _b2[key]) {
-          return component.$vue.self[key];
-        } else {
-          component.$vue = component.$vue.parent;
-        }
-      } while (component.$vue);
-    }
-  });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   access,
-  expose,
   getDate,
   getProps,
-  getRef,
-  getRoot,
   getSubscription,
   safeRequest,
-  setup,
-  ucf,
-  ucfat
+  setup
 });

package/dist/index.mjs

@@ -124,16 +124,17 @@ import DataManager from "@razaman2/data-manager";
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.7";
+var version = "0.0.8";
 
 // src/ReactiveView.ts
-import { h, ref, reactive, watch } from "vue";
+import { h, ref, reactive, watch, nextTick, getCurrentInstance } from "vue";
 var props = {
   notifications: Object,
   subscriptions: Object,
   defaultData: {},
   model: {},
   state: {},
+  await: {},
   getDefaultData: {
     type: Function,
     default: (data = {}) => data
@@ -163,7 +164,7 @@ var setup = {
 var ReactiveView_default = {
   props: __spreadValues(__spreadValues({}, setup), props),
   setup(props2, context) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _g;
     const template = (vue, options2) => {
       var _a2, _b2, _c2;
       const vnode = context.slots.default ? h(
@@ -176,28 +177,39 @@ var ReactiveView_default = {
           textAlign: "center"
         }
       }, context.attrs), `${props2.modelName}: ${name}@${version}`);
-      return (_c2 = (_b2 = (_a2 = context.slots).template) == null ? void 0 : _b2.call(_a2, { vue, vnode })) != null ? _c2 : vnode;
+      return (_c2 = (_b2 = (_a2 = context.slots).template) == null ? void 0 : _b2.call(_a2, { $vue: vue, vnode })) != null ? _c2 : vnode;
     };
     const isValid = ref(false);
     const defaultData = props2.getDefaultData(
       Array.isArray(props2.state) ? (_a = props2.defaultData) != null ? _a : [] : (_b = props2.defaultData) != null ? _b : {}
     );
     const defaultType = Array.isArray(defaultData) ? [] : {};
-    const state = reactive(DataManager.transform((_c = props2.state) != null ? _c : defaultType));
+    const state = reactive(DataManager.transform(props2.await ? defaultType : (_c = props2.state) != null ? _c : defaultType));
     const config = {
       defaultData,
       data: state,
       name: props2.modelName,
       logging: props2.logging,
-      notifications: props2.notifications
+      notifications: props2.notifications,
+      subscriptions: props2.subscriptions
     };
     const getState = props2.model ? typeof props2.model === "function" ? props2.model(config) : props2.model : new DataManager(config);
     const sync = ref(false);
+    const options = {
+      parent: { self: (_d = getCurrentInstance()) == null ? void 0 : _d.proxy },
+      self: { template, isValid, getState }
+    };
+    const _f = (_e = props2.setup(options)) != null ? _e : options, { parent = {}, self = {} } = _f, rest = __objRest(_f, ["parent", "self"]);
+    if (props2.await instanceof Promise) {
+      nextTick(async () => {
+        getState.replaceData(await props2.await);
+      });
+    }
     if (context.attrs["onUpdate:modelState"]) {
       const config2 = typeof context.attrs["onUpdate:modelState"] === "function" ? { callback: context.attrs["onUpdate:modelState"] } : context.attrs["onUpdate:modelState"];
       watch(() => ObjectManager.on(state).clone(), (after, before) => {
         var _a2;
-        const transform = (_a2 = config2.transform) != null ? _a2 : access(setup).$transform;
+        const transform = (_a2 = config2.transform) != null ? _a2 : access({ parent, self }).$transform;
         const diff = {
           before: (before == null ? void 0 : before.hasOwnProperty("")) ? before[""] : before,
           after: (after == null ? void 0 : after.hasOwnProperty("")) ? after[""] : after
@@ -210,7 +222,7 @@ var ReactiveView_default = {
       }, config2.options);
     }
     if (context.attrs["onUpdate:propsState"] || props2.sync) {
-      const config2 = (_d = typeof context.attrs["onUpdate:propsState"] === "function" ? { callback: context.attrs["onUpdate:propsState"] } : context.attrs["onUpdate:propsState"]) != null ? _d : {};
+      const config2 = (_g = typeof context.attrs["onUpdate:propsState"] === "function" ? { callback: context.attrs["onUpdate:propsState"] } : context.attrs["onUpdate:propsState"]) != null ? _g : {};
       watch(() => props2.state, (after, before) => {
         if (props2.sync && typeof config2.callback !== "function") {
           getState.replaceData(after);
@@ -220,13 +232,8 @@ var ReactiveView_default = {
         sync.value = true;
       }, config2.options);
     }
-    const options = {
-      parent: {},
-      self: { template, isValid, getState }
-    };
-    const _f = (_e = props2.setup(options)) != null ? _e : options, { parent = options.parent, self = options.self } = _f, rest = __objRest(_f, ["parent", "self"]);
     return ($vue) => {
-      const setup2 = { $vue, options: Object.assign(parent, { parent: { self: $vue } }) };
+      const setup2 = { $vue, options: parent };
       while (setup2.options) {
         Object.defineProperties(setup2.$vue, Object.assign({
           access: {
@@ -244,32 +251,6 @@ var ReactiveView_default = {
 
 // src/index.ts
 var src_default = ReactiveView_default;
-function ucf(string) {
-  return string.split(/\s+/).map((string2) => {
-    return string2.toLowerCase().replace(/^(\w)/, ($1) => $1.toUpperCase());
-  }).join(" ");
-}
-function ucfat(string, tokens) {
-  const pattern = RegExp(`(?<=(?:${tokens.join("|")}))(\\w)(\\w*)`, "g");
-  return string.replace(pattern, ($1, $2, $3) => `${$2.toUpperCase()}${$3.toLowerCase()}`);
-}
-function getRoot(vue) {
-  var _a, _b, _c;
-  return (_c = (_a = typeof vue.$attrs.root === "function" ? vue.$attrs.root() : vue.$attrs.root) != null ? _a : vue.$root) != null ? _c : (_b = vue.$parent) == null ? void 0 : _b.$root;
-}
-function getRef(component, ref2) {
-  safeRequest({
-    try: async () => component.$props.ref.value = component,
-    alternative: false
-  });
-  return ref2.value = component;
-}
-function expose(vue, props2) {
-  Object.entries(Object.getOwnPropertyDescriptors(props2)).forEach(([key, val]) => {
-    Object.defineProperty(vue, key, val);
-  });
-  return props2;
-}
 function safeRequest(request) {
   return new Promise(async (resolve) => {
     var _a, _b, _c, _d;
@@ -327,6 +308,35 @@ function getDate(param1, param2) {
   };
   return formatInTimeZone(datetime(), options.timezone, options.format);
 }
+function access($vue = {}) {
+  var _a, _b;
+  const proxy = (target) => {
+    return new Proxy(target, {
+      get(target2, key) {
+        var _a2, _b2;
+        const component = { $vue: target2 };
+        do {
+          if ((_a2 = component.$vue) == null ? void 0 : _a2[key]) {
+            return component.$vue[key];
+          } else if ((_b2 = component.$vue.self) == null ? void 0 : _b2[key]) {
+            return component.$vue.self[key];
+          } else {
+            component.$vue = component.$vue.parent;
+          }
+        } while (component.$vue);
+      }
+    });
+  };
+  try {
+    return proxy($vue.access());
+  } catch (e) {
+    try {
+      return proxy($vue.value.access());
+    } catch (e2) {
+      return proxy((_b = (_a = $vue.value) != null ? _a : $vue) != null ? _b : {});
+    }
+  }
+}
 function getSubscription() {
   const subscriptions = [];
   const subscription = Subscriptions.get();
@@ -354,36 +364,12 @@ function getSubscription() {
     subscription
   };
 }
-function access($vue = {}) {
-  var _a, _b, _c;
-  const target = typeof ($vue == null ? void 0 : $vue.access) === "function" ? $vue.access() : (_c = (_b = ($vue == null ? void 0 : $vue.value) && typeof ((_a = $vue.value) == null ? void 0 : _a.access) === "function" ? $vue.value.access() : $vue == null ? void 0 : $vue.value) != null ? _b : $vue) != null ? _c : {};
-  return new Proxy(target, {
-    get(target2, key) {
-      var _a2, _b2;
-      const component = { $vue: target2 };
-      do {
-        if ((_a2 = component.$vue) == null ? void 0 : _a2[key]) {
-          return component.$vue[key];
-        } else if ((_b2 = component.$vue.self) == null ? void 0 : _b2[key]) {
-          return component.$vue.self[key];
-        } else {
-          component.$vue = component.$vue.parent;
-        }
-      } while (component.$vue);
-    }
-  });
-}
 export {
   access,
   src_default as default,
-  expose,
   getDate,
   getProps,
-  getRef,
-  getRoot,
   getSubscription,
   safeRequest,
-  setup,
-  ucf,
-  ucfat
+  setup
 };

package/package.json

@@ -1,46 +1,46 @@
-{
-    "name": "@razaman2/reactive-view",
-    "version": "0.0.7",
-    "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",
-    "types": "dist/index.d.ts",
-    "scripts": {
-        "prepublishOnly": "npm run build",
-        "build": "tsup src/index.ts --format cjs,esm --dts",
-        "lint": "tsc"
-    },
-    "keywords": [
-        "vue",
-        "vue-helper",
-        "reactive-view",
-        "vue-class-component"
-    ],
-    "author": "razaman2",
-    "license": "MIT",
-    "dependencies": {
-        "@razaman2/data-manager": "^3.2.5",
-        "@razaman2/collection-proxy": "^0.0.1",
-        "@razaman2/object-manager": "^3.3.7",
-        "date-fns": "^2.30.0",
-        "date-fns-tz": "^2.0.0",
-        "uuid": "^9.0.1",
-        "vue": "^3.3.13"
-    },
-    "devDependencies": {
-        "@types/uuid": "^9.0.7",
-        "tsup": "^8.0.1",
-        "typescript": "^5.3.3",
-        "vitest": "^1.1.0"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "files": [
-        "dist"
-    ],
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/razaman2/reactive-view.git"
-    }
-}
+{
+    "name": "@razaman2/reactive-view",
+    "version": "0.0.8",
+    "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",
+    "types": "dist/index.d.ts",
+    "scripts": {
+        "prepublishOnly": "npm run build",
+        "build": "tsup src/index.ts --format cjs,esm --dts",
+        "lint": "tsc"
+    },
+    "keywords": [
+        "vue",
+        "vue-helper",
+        "reactive-view",
+        "vue-class-component"
+    ],
+    "author": "razaman2",
+    "license": "MIT",
+    "dependencies": {
+        "@razaman2/collection-proxy": "^0.0.11",
+        "@razaman2/data-manager": "^3.2.8",
+        "@razaman2/object-manager": "^3.3.9",
+        "date-fns": "^3.6.0",
+        "date-fns-tz": "^3.1.3",
+        "uuid": "^9.0.1",
+        "vue": "^3.4.27"
+    },
+    "devDependencies": {
+        "@types/uuid": "^9.0.8",
+        "tsup": "^8.0.2",
+        "typescript": "^5.4.5",
+        "vitest": "^1.6.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": [
+        "dist"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/razaman2/reactive-view.git"
+    }
+}