@razaman2/reactive-view 0.0.19 → 0.0.20

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { SetupContext, ComponentPublicInstance, WatchOptions, UnwrapRef } from 'vue';
+import { SetupContext, ComponentPublicInstance, UnwrapRef } from 'vue';
 
 type SubscriptionItem = {
     name: string;
@@ -23,6 +23,20 @@ declare class Subscription {
     get(name: string): SubscriptionItem;
 }
 
+type Accessible = {
+    parent: {
+        self: Record<string | symbol, any>;
+    };
+    self: Record<string | symbol, any>;
+    access?: () => Accessible;
+    value?: Accessible;
+};
+type PropOptions = {
+    exclude: string | Array<string>;
+    include: Record<string, any>;
+};
+type PropExclusions = Array<string> | string;
+
 declare const setup: {
     ReactiveView: boolean;
     setup: {
@@ -63,25 +77,6 @@ declare const _default: {
     setup(props: Record<string, any>, context: SetupContext): ($vue: ComponentPublicInstance & any) => any;
 };
 
-type StateUpdate = {
-    callback: Function;
-    beforeStateUpdate?: Function;
-    options?: WatchOptions;
-};
-type Accessible = {
-    parent: {
-        self: Record<string | symbol, any>;
-    };
-    self: Record<string | symbol, any>;
-    access?: () => Accessible;
-    value?: Accessible;
-};
-type PropOptions = {
-    exclude: string | Array<string>;
-    include: Record<string, any>;
-};
-type PropExclusions = Array<string> | string;
-
 declare function safeRequest(request: {
     try: () => Promise<any> | any;
     catch?: ((error: any) => Promise<any> | any) | false;
@@ -108,7 +103,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 access<T extends ComponentPublicInstance & Accessible>($vue?: T | UnwrapRef<any>, alternative?: any): Record<string | symbol, any>;
 declare function getSubscription(): {
     addSubscription(name: string, handler?: () => boolean, data?: any): void;
     replaceSubscription(name: string, handler?: () => boolean, data?: any): void;
@@ -120,4 +115,4 @@ declare function getSubscription(): {
 };
 declare function StyleParser(styles: Array<string> | Record<string, any> | string): any;
 
-export { type StateUpdate, StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };
+export { StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { SetupContext, ComponentPublicInstance, WatchOptions, UnwrapRef } from 'vue';
+import { SetupContext, ComponentPublicInstance, UnwrapRef } from 'vue';
 
 type SubscriptionItem = {
     name: string;
@@ -23,6 +23,20 @@ declare class Subscription {
     get(name: string): SubscriptionItem;
 }
 
+type Accessible = {
+    parent: {
+        self: Record<string | symbol, any>;
+    };
+    self: Record<string | symbol, any>;
+    access?: () => Accessible;
+    value?: Accessible;
+};
+type PropOptions = {
+    exclude: string | Array<string>;
+    include: Record<string, any>;
+};
+type PropExclusions = Array<string> | string;
+
 declare const setup: {
     ReactiveView: boolean;
     setup: {
@@ -63,25 +77,6 @@ declare const _default: {
     setup(props: Record<string, any>, context: SetupContext): ($vue: ComponentPublicInstance & any) => any;
 };
 
-type StateUpdate = {
-    callback: Function;
-    beforeStateUpdate?: Function;
-    options?: WatchOptions;
-};
-type Accessible = {
-    parent: {
-        self: Record<string | symbol, any>;
-    };
-    self: Record<string | symbol, any>;
-    access?: () => Accessible;
-    value?: Accessible;
-};
-type PropOptions = {
-    exclude: string | Array<string>;
-    include: Record<string, any>;
-};
-type PropExclusions = Array<string> | string;
-
 declare function safeRequest(request: {
     try: () => Promise<any> | any;
     catch?: ((error: any) => Promise<any> | any) | false;
@@ -108,7 +103,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 access<T extends ComponentPublicInstance & Accessible>($vue?: T | UnwrapRef<any>, alternative?: any): Record<string | symbol, any>;
 declare function getSubscription(): {
     addSubscription(name: string, handler?: () => boolean, data?: any): void;
     replaceSubscription(name: string, handler?: () => boolean, data?: any): void;
@@ -120,4 +115,4 @@ declare function getSubscription(): {
 };
 declare function StyleParser(styles: Array<string> | Record<string, any> | string): any;
 
-export { type StateUpdate, StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };
+export { StyleParser, access, _default as default, getDate, getProps, getReactiveViewComponent, getSubscription, safeRequest, setup };

package/dist/index.js

@@ -54,11 +54,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   StyleParser: () => StyleParser,
   access: () => access,
-  default: () => src_default,
+  default: () => index_default,
   getDate: () => getDate,
   getProps: () => getProps,
   getReactiveViewComponent: () => getReactiveViewComponent,
@@ -66,9 +66,8 @@ __export(src_exports, {
   safeRequest: () => safeRequest,
   setup: () => setup
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 var import_date_fns_tz = require("date-fns-tz");
-var import_vue2 = require("vue");
 
 // src/Subscription.ts
 var Subscription = class _Subscription {
@@ -158,6 +157,9 @@ var _Subscriptions = class _Subscriptions extends Subscription {
 _Subscriptions.subscriptions = _Subscriptions.create();
 var Subscriptions = _Subscriptions;
 
+// src/index.ts
+var import_vue2 = require("vue");
+
 // src/ReactiveView.ts
 var import_object_manager = __toESM(require("@razaman2/object-manager"));
 var import_data_manager = __toESM(require("@razaman2/data-manager"));
@@ -165,7 +167,7 @@ var import_vue = require("vue");
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.19";
+var version = "0.0.20";
 
 // src/ReactiveView.ts
 var props = {
@@ -332,7 +334,7 @@ var ReactiveView_default = {
 };
 
 // src/index.ts
-var src_default = ReactiveView_default;
+var index_default = ReactiveView_default;
 function safeRequest(request) {
   return new Promise(async (resolve) => {
     var _a, _b, _c, _d;
@@ -404,31 +406,33 @@ function getDate(param1, param2) {
   };
   return (0, import_date_fns_tz.formatInTimeZone)(datetime(), options.timezone, options.format);
 }
-function access($vue = {}) {
+function access($vue = {}, alternative) {
   var _a, _b;
   const proxy = (target) => {
     return new Proxy(target, {
       get(target2, key) {
-        const component = { $vue: target2 };
+        const component2 = { $vue: target2 };
         do {
-          if (key in component.$vue) {
-            return component.$vue[key];
-          } else if ("self" in component.$vue && key in component.$vue.self) {
-            return component.$vue.self[key];
+          if (key in component2.$vue) {
+            return component2.$vue[key];
+          } else if ("self" in component2.$vue && key in component2.$vue.self) {
+            return component2.$vue.self[key];
           } else {
-            component.$vue = "parent" in component.$vue && component.$vue.parent;
+            component2.$vue = "parent" in component2.$vue && component2.$vue.parent;
           }
-        } while (component.$vue);
+        } while (component2.$vue);
+        return alternative;
       }
     });
   };
+  const component = typeof $vue === "function" ? $vue() : $vue;
   try {
-    return proxy($vue.access());
+    return proxy(component.access());
   } catch (e) {
     try {
-      return proxy($vue.value.access());
+      return proxy(component.value.access());
     } catch (e2) {
-      return proxy((_b = (_a = $vue.value) != null ? _a : $vue) != null ? _b : {});
+      return proxy(((_b = (_a = component.value) != null ? _a : component) != null ? _b : {}) || {});
     }
   }
 }
@@ -464,7 +468,12 @@ function StyleParser(styles) {
   const object = (items) => items.reduce((object2, item) => {
     return Object.assign(object2, { [item]: true });
   }, {});
-  return (_a = Array.isArray(styles) ? object(styles) : typeof styles === "string" ? object(styles.split(/\s+/)) : styles) != null ? _a : {};
+  return (_a = Array.isArray(styles) ? object(styles) : typeof styles === "string" ? object(styles.split(/\s+/)) : Object.entries(styles).reduce((acc, [styles2, value]) => {
+    styles2.split(/\s+/).forEach((style) => {
+      acc[style] = value;
+    });
+    return acc;
+  }, {})) != null ? _a : {};
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -29,7 +29,6 @@ var __objRest = (source, exclude) => {
 
 // src/index.ts
 import { formatInTimeZone } from "date-fns-tz";
-import { createVNode } from "vue";
 
 // src/Subscription.ts
 var Subscription = class _Subscription {
@@ -119,6 +118,9 @@ var _Subscriptions = class _Subscriptions extends Subscription {
 _Subscriptions.subscriptions = _Subscriptions.create();
 var Subscriptions = _Subscriptions;
 
+// src/index.ts
+import { createVNode } from "vue";
+
 // src/ReactiveView.ts
 import ObjectManager from "@razaman2/object-manager";
 import DataManager from "@razaman2/data-manager";
@@ -126,7 +128,7 @@ import { h, ref, reactive, watch, nextTick, onMounted, getCurrentInstance } from
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.19";
+var version = "0.0.20";
 
 // src/ReactiveView.ts
 var props = {
@@ -293,7 +295,7 @@ var ReactiveView_default = {
 };
 
 // src/index.ts
-var src_default = ReactiveView_default;
+var index_default = ReactiveView_default;
 function safeRequest(request) {
   return new Promise(async (resolve) => {
     var _a, _b, _c, _d;
@@ -365,31 +367,33 @@ function getDate(param1, param2) {
   };
   return formatInTimeZone(datetime(), options.timezone, options.format);
 }
-function access($vue = {}) {
+function access($vue = {}, alternative) {
   var _a, _b;
   const proxy = (target) => {
     return new Proxy(target, {
       get(target2, key) {
-        const component = { $vue: target2 };
+        const component2 = { $vue: target2 };
         do {
-          if (key in component.$vue) {
-            return component.$vue[key];
-          } else if ("self" in component.$vue && key in component.$vue.self) {
-            return component.$vue.self[key];
+          if (key in component2.$vue) {
+            return component2.$vue[key];
+          } else if ("self" in component2.$vue && key in component2.$vue.self) {
+            return component2.$vue.self[key];
           } else {
-            component.$vue = "parent" in component.$vue && component.$vue.parent;
+            component2.$vue = "parent" in component2.$vue && component2.$vue.parent;
           }
-        } while (component.$vue);
+        } while (component2.$vue);
+        return alternative;
       }
     });
   };
+  const component = typeof $vue === "function" ? $vue() : $vue;
   try {
-    return proxy($vue.access());
+    return proxy(component.access());
   } catch (e) {
     try {
-      return proxy($vue.value.access());
+      return proxy(component.value.access());
     } catch (e2) {
-      return proxy((_b = (_a = $vue.value) != null ? _a : $vue) != null ? _b : {});
+      return proxy(((_b = (_a = component.value) != null ? _a : component) != null ? _b : {}) || {});
     }
   }
 }
@@ -425,12 +429,17 @@ function StyleParser(styles) {
   const object = (items) => items.reduce((object2, item) => {
     return Object.assign(object2, { [item]: true });
   }, {});
-  return (_a = Array.isArray(styles) ? object(styles) : typeof styles === "string" ? object(styles.split(/\s+/)) : styles) != null ? _a : {};
+  return (_a = Array.isArray(styles) ? object(styles) : typeof styles === "string" ? object(styles.split(/\s+/)) : Object.entries(styles).reduce((acc, [styles2, value]) => {
+    styles2.split(/\s+/).forEach((style) => {
+      acc[style] = value;
+    });
+    return acc;
+  }, {})) != null ? _a : {};
 }
 export {
   StyleParser,
   access,
-  src_default as default,
+  index_default as default,
   getDate,
   getProps,
   getReactiveViewComponent,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@razaman2/reactive-view",
-    "version": "0.0.19",
+    "version": "0.0.20",
     "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",
@@ -21,17 +21,19 @@
     "license": "MIT",
     "dependencies": {
         "@razaman2/data-manager": "^3.2.11",
-        "@razaman2/object-manager": "^3.4.1",
+        "@razaman2/object-manager": "^3.4.2",
         "date-fns": "^4.1.0",
         "date-fns-tz": "^3.2.0",
-        "uuid": "^11.0.3",
+        "uuid": "^11.1.0"
+    },
+    "peerDependencies": {
         "vue": "^3.5.13"
     },
     "devDependencies": {
         "@types/uuid": "^10.0.0",
-        "tsup": "^8.3.5",
-        "typescript": "^5.7.2",
-        "vitest": "^2.1.8"
+        "tsup": "^8.4.0",
+        "typescript": "^5.8.2",
+        "vitest": "^3.0.8"
     },
     "publishConfig": {
         "access": "public"