@hybridly/vue 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/index.cjs

@@ -8,6 +8,7 @@ const utils = require('@hybridly/utils');
 const progressPlugin = require('@hybridly/progress-plugin');
 const devtoolsApi = require('@vue/devtools-api');
 const qs = require('qs');
+const dotDiver = require('@clickbar/dot-diver');
 const isEqual = require('lodash.isequal');
 const hybridly = require('hybridly');
 
@@ -526,9 +527,7 @@ function useProperties() {
   return vue.readonly(toReactive(vue.computed(() => state.context.value?.view.properties)));
 }
 function useProperty(path) {
-  return vue.computed(() => {
-    return path.split(".").reduce((o, i) => o?.[i], state.context.value?.view.properties);
-  });
+  return vue.computed(() => dotDiver.getByPath(state.context.value?.view.properties, path));
 }
 
 function useContext() {

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import { HybridlyConfig } from '@hybridly/config';
 import { ProgressOptions } from '@hybridly/progress-plugin';
 import * as _vue_shared from '@vue/shared';
 import { RequestData } from '@hybridly/utils';
+import { SearchableObject, Path, PathValue } from '@clickbar/dot-diver';
 
 /**
  * Initializes Hybridly's router and context.
@@ -182,10 +183,7 @@ declare const RouterLink: vue.DefineComponent<{
 /** Accesses all current properties. */
 declare function useProperties<T extends object, Global extends GlobalHybridlyProperties>(): vue.DeepReadonly<vue.UnwrapNestedRefs<T & Global>>;
 /** Accesses a property with a dot notation. */
-declare function useProperty<F = never, T = GlobalHybridlyProperties, P extends Path<T> = Path<T>>(path: [F] extends [never] ? ([P] extends [never] ? string : P) : string): ComputedRef<[F] extends [never] ? ([PathValue<T, P>] extends [never] ? never : PathValue<T, P>) : F>;
-type PathImpl<T, K extends keyof T> = K extends string ? T[K] extends undefined ? undefined : NonNullable<T[K]> extends Record<string, any> ? NonNullable<T[K]> extends ArrayLike<any> ? K | `${K}.${PathImpl<NonNullable<T[K]>, Exclude<keyof NonNullable<T[K]>, keyof any[]>>}` : K | `${K}.${PathImpl<NonNullable<T[K]>, keyof NonNullable<T[K]>>}` : K : never;
-type Path<T> = PathImpl<T, keyof T> | keyof T;
-type PathValue<T, P extends Path<T>> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? T[K] extends undefined ? undefined : Rest extends Path<T[K]> ? PathValue<T[K], Rest> : Rest extends Path<NonNullable<T[K]>> ? PathValue<NonNullable<T[K]>, Rest> | undefined : never : never : P extends keyof T ? T[P] extends undefined ? undefined : T[P] : never;
+declare function useProperty<T extends SearchableObject = GlobalHybridlyProperties, P extends Path<T> & string = Path<T> & string>(path: P): ComputedRef<PathValue<T, P>>;
 
 type UrlResolvable = string | URL | Location;
 type UrlTransformable = BaseUrlTransformable | ((string: URL) => BaseUrlTransformable);

package/dist/index.mjs

@@ -5,6 +5,7 @@ import { debug, random, showDomainsDisabledErrorModal, showPageComponentErrorMod
 import { progress } from '@hybridly/progress-plugin';
 import { setupDevtoolsPlugin } from '@vue/devtools-api';
 import qs from 'qs';
+import { getByPath } from '@clickbar/dot-diver';
 import isEqual from 'lodash.isequal';
 import { router as router$1 } from 'hybridly';
 
@@ -518,9 +519,7 @@ function useProperties() {
   return readonly(toReactive(computed(() => state.context.value?.view.properties)));
 }
 function useProperty(path) {
-  return computed(() => {
-    return path.split(".").reduce((o, i) => o?.[i], state.context.value?.view.properties);
-  });
+  return computed(() => getByPath(state.context.value?.view.properties, path));
 }
 
 function useContext() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hybridly/vue",
-  "version": "0.1.0-alpha.7",
+  "version": "0.1.0-alpha.8",
   "description": "Vue adapter for Hybridly",
   "keywords": [
     "hybridly",
@@ -43,12 +43,13 @@
     "lodash.isequal": "^4.5.0",
     "nprogress": "^0.2.0",
     "qs": "^6.11.1",
-    "@hybridly/config": "0.1.0-alpha.7",
-    "@hybridly/core": "0.1.0-alpha.7",
-    "@hybridly/progress-plugin": "0.1.0-alpha.7",
-    "@hybridly/utils": "0.1.0-alpha.7"
+    "@hybridly/config": "0.1.0-alpha.8",
+    "@hybridly/core": "0.1.0-alpha.8",
+    "@hybridly/progress-plugin": "0.1.0-alpha.8",
+    "@hybridly/utils": "0.1.0-alpha.8"
   },
   "devDependencies": {
+    "@clickbar/dot-diver": "^1.0.1",
     "@types/lodash": "^4.14.191",
     "@types/lodash.clonedeep": "^4.5.7",
     "@types/lodash.isequal": "^4.5.6",