@hybridly/vue 0.10.0-beta.2 → 0.10.0-beta.3

package/dist/index.d.mts

@@ -3,7 +3,6 @@ import { App, ComputedRef, DeepReadonly, DefineComponent, MaybeRefOrGetter, Plug
 import { GlobalHybridlyProperties, HybridRequestOptions, Method, Plugin as Plugin$1, Progress, RouteName, RouteParameters, RouterContext, RouterContextOptions, UrlResolvable, can, registerHook as registerHook$1, route, router } from "@hybridly/core";
 import { FormDataConvertible, RequestData } from "@hybridly/utils";
 import { Path, PathValue, SearchableObject } from "@clickbar/dot-diver";
-import { Axios } from "axios";
 
 //#region ../hybridly/src/index.d.ts
 
@@ -48,7 +47,7 @@ type InternalProperties = GlobalHybridlyProperties & {
 /** Accesses all current properties. */
 declare function useProperties<T extends object, Global extends InternalProperties = InternalProperties>(): vue0.DeepReadonly<vue0.UnwrapNestedRefs<T & Global>>;
 /** Accesses a property with a dot notation. */
-declare function useProperty<Override = never, T extends SearchableObject = GlobalHybridlyProperties, P extends Path<T> & string = Path<T> & string, ReturnType$1 = ([Override] extends [never] ? PathValue<T, P> : Override)>(path: [Override] extends [never] ? P : string): ComputedRef<ReturnType$1>;
+declare function useProperty<Override = never, T extends SearchableObject = GlobalHybridlyProperties, P extends Path<T> & string = Path<T> & string, ReturnType = ([Override] extends [never] ? PathValue<T, P> : Override)>(path: [Override] extends [never] ? P : string): ComputedRef<ReturnType>;
 /**
  * Sets the property at the given path to the given value.
  * Note: this helper is experimental and may change in the future.
@@ -224,15 +223,10 @@ type Properties = Record<string | number, Property>;
  * Exposes utilities related to the dialogs.
  */
 declare function useDialog(): {
-  /** Closes the dialog. */
-  close: () => void;
-  /** Closes the dialog without a server round-trip. */
-  closeLocally: () => void;
-  /** Unmounts the dialog. Should be called after its closing animations. */
-  unmount: () => void;
-  /** Whether the dialog is shown. */
-  show: vue0.WritableComputedRef<boolean | undefined, boolean | undefined>;
-  /** Properties of the dialog. */
+  /** Closes the dialog. */close: () => void; /** Closes the dialog without a server round-trip. */
+  closeLocally: () => void; /** Unmounts the dialog. Should be called after its closing animations. */
+  unmount: () => void; /** Whether the dialog is shown. */
+  show: vue0.WritableComputedRef<boolean | undefined, boolean | undefined>; /** Properties of the dialog. */
   properties: vue0.ComputedRef<Properties | undefined>;
 };
 //#endregion
@@ -366,7 +360,7 @@ declare global {
     };
   }
 }
-declare function useRefinements<Properties$1 extends object, RefinementsKey extends { [K in keyof Properties$1]: Properties$1[K] extends Refinements ? K : never }[keyof Properties$1]>(properties: Properties$1, refinementsKeys: RefinementsKey, defaultOptions?: AvailableHybridRequestOptions): {
+declare function useRefinements<Properties extends object, RefinementsKey extends { [K in keyof Properties]: Properties[K] extends Refinements ? K : never }[keyof Properties]>(properties: Properties, refinementsKeys: RefinementsKey, defaultOptions?: AvailableHybridRequestOptions): {
   /**
    * Binds a named filter to a ref, applying filters when it changes and updating the ref accordingly.
    */
@@ -681,87 +675,51 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
   select: (record: RecordTypeWithExtra) => void;
   deselect: (record: RecordTypeWithExtra) => void;
   inlineActions: {
-    /** The name of this action. */
-    name: string;
-    /** The label of this action. */
-    label: string;
-    /** The type of this action. */
-    type: string;
-    /** Custom metadata for this action. */
-    metadata: any;
-    /** Executes the action. */
+    /** The name of this action. */name: string; /** The label of this action. */
+    label: string; /** The type of this action. */
+    type: string; /** Custom metadata for this action. */
+    metadata: any; /** Executes the action. */
     execute: (record: RecordTypeWithExtra | RecordIdentifier) => Promise<index_d_exports.NavigationResponse>;
   }[];
   bulkActions: {
-    /** Should deselect all records after action. */
-    deselect: boolean;
-    /** The name of this action. */
-    name: string;
-    /** The label of this action. */
-    label: string;
-    /** The type of this action. */
-    type: string;
-    /** Custom metadata for this action. */
-    metadata: any;
-    /** Executes the action. */
+    /** Should deselect all records after action. */deselect: boolean; /** The name of this action. */
+    name: string; /** The label of this action. */
+    label: string; /** The type of this action. */
+    type: string; /** Custom metadata for this action. */
+    metadata: any; /** Executes the action. */
     execute: (options?: BulkActionOptions) => Promise<index_d_exports.NavigationResponse>;
   }[];
   executeInlineAction: (action: Action | string, record: RecordTypeWithExtra | RecordIdentifier) => Promise<index_d_exports.NavigationResponse>;
   executeBulkAction: (action: Action | string, options?: BulkActionOptions) => Promise<index_d_exports.NavigationResponse>;
   columns: {
-    /** Toggles sorting for this column. */
-    toggleSort: (options?: ToggleSortOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
-    /** Checks whether the column is being sorted. */
-    isSorting: (direction?: SortDirection) => boolean;
-    /** Applies the filer for this column. */
-    applyFilter: (value: any, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse | undefined>;
-    /** Clears the filter for this column. */
-    clearFilter: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>;
-    /** Checks whether the column is sortable. */
-    isSortable: boolean;
-    /** Checks whether the column is filterable. */
-    isFilterable: boolean;
-    /** The name of this column. */
-    name: keyof RecordTypeWithExtra;
-    /** The label of this column. */
-    label: string;
-    /** The type of this column. */
-    type: string;
-    /** Metadata of this column. */
+    /** Toggles sorting for this column. */toggleSort: (options?: ToggleSortOptions) => Promise<index_d_exports.NavigationResponse | undefined>; /** Checks whether the column is being sorted. */
+    isSorting: (direction?: SortDirection) => boolean; /** Applies the filer for this column. */
+    applyFilter: (value: any, options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse | undefined>; /** Clears the filter for this column. */
+    clearFilter: (options?: AvailableHybridRequestOptions) => Promise<index_d_exports.NavigationResponse>; /** Checks whether the column is sortable. */
+    isSortable: boolean; /** Checks whether the column is filterable. */
+    isFilterable: boolean; /** The name of this column. */
+    name: keyof RecordTypeWithExtra; /** The label of this column. */
+    label: string; /** The type of this column. */
+    type: string; /** Metadata of this column. */
     metadata: Record<string, any>;
   }[];
   data: RecordType[];
   records: {
-    /** The actual record. */
-    record: any[];
-    /** The key of the record. Use this instead of `id`. */
-    key: RecordIdentifier;
-    /** Executes the given inline action. */
-    execute: (action: string | InlineAction) => Promise<index_d_exports.NavigationResponse>;
-    /** Gets the available inline actions. */
+    /** The actual record. */record: any[]; /** The key of the record. Use this instead of `id`. */
+    key: RecordIdentifier; /** Executes the given inline action. */
+    execute: (action: string | InlineAction) => Promise<index_d_exports.NavigationResponse>; /** Gets the available inline actions. */
     actions: {
-      /** Executes the action. */
-      execute: () => Promise<index_d_exports.NavigationResponse>;
-      /** The name of this action. */
-      name: string;
-      /** The label of this action. */
-      label: string;
-      /** The type of this action. */
-      type: string;
-      /** Custom metadata for this action. */
+      /** Executes the action. */execute: () => Promise<index_d_exports.NavigationResponse>; /** The name of this action. */
+      name: string; /** The label of this action. */
+      label: string; /** The type of this action. */
+      type: string; /** Custom metadata for this action. */
       metadata: any;
-    }[];
-    /** Selects this record. */
-    select: () => void;
-    /** Deselects this record. */
-    deselect: () => void;
-    /** Toggles the selection for this record. */
-    toggle: (force?: boolean) => void;
-    /** Checks whether this record is selected. */
-    selected: boolean;
-    /** Gets the value of the record for the specified column. */
-    value: (column: string | Column<RecordTypeWithExtra>) => RecordType[string] | RecordType[number] | RecordType[symbol];
-    /** Gets the extra object of the record for the specified column. */
+    }[]; /** Selects this record. */
+    select: () => void; /** Deselects this record. */
+    deselect: () => void; /** Toggles the selection for this record. */
+    toggle: (force?: boolean) => void; /** Checks whether this record is selected. */
+    selected: boolean; /** Gets the value of the record for the specified column. */
+    value: (column: string | Column<RecordTypeWithExtra>) => RecordType[string] | RecordType[number] | RecordType[symbol]; /** Gets the extra object of the record for the specified column. */
     extra: (column: string | Column<RecordTypeWithExtra>, path: string) => any;
   }[];
   paginator: PaginatorResult<unknown, Omit<PaginatorKindName extends "cursor" ? CursorPaginator<RecordTypeWithExtra> : PaginatorKindName extends "simple" ? SimplePaginator<RecordTypeWithExtra> : Paginator<RecordTypeWithExtra>, "data">>;
@@ -812,7 +770,9 @@ declare function initializeHybridly(options?: InitializeOptions): Promise<any>;
 interface InitializeOptions {
   /** Callback that gets executed before Vue is mounted. */
   enhanceVue?: (/** Vue application to enhance. */
+
   vue: App<Element>, /** Initial payload. */
+
   payload: Record<string, any>) => any;
   /** ID of the app element. */
   id?: string;

package/dist/index.mjs

@@ -44,8 +44,8 @@ function progress(options) {
 			clearTimeout(timeout);
 			timeout = setTimeout(() => startProgress(), resolved.delay);
 		},
-		progress: (progress$1) => {
-			if (nprogress.isStarted() && progress$1.percentage) nprogress.set(Math.max(nprogress.status, progress$1.percentage / 100 * .9));
+		progress: (progress) => {
+			if (nprogress.isStarted() && progress.percentage) nprogress.set(Math.max(nprogress.status, progress.percentage / 100 * .9));
 		},
 		after: () => finishProgress()
 	});
@@ -429,18 +429,18 @@ async function initializeHybridly(options = {}) {
 			onContextUpdate: (context) => {
 				state.setContext(context);
 			},
-			onViewSwap: async (options$1) => {
-				if (options$1.component) {
-					onMountedCallbacks.push(() => options$1.onMounted?.({ isDialog: false }));
-					state.setView(options$1.component);
+			onViewSwap: async (options) => {
+				if (options.component) {
+					onMountedCallbacks.push(() => options.onMounted?.({ isDialog: false }));
+					state.setView(options.component);
 				}
-				state.setProperties(options$1.properties);
-				if (!options$1.preserveState && !options$1.dialog) state.setViewKey(random());
-				if (options$1.dialog) {
-					onMountedCallbacks.push(() => options$1.onMounted?.({ isDialog: true }));
-					dialogStore.setComponent(await resolve(options$1.dialog.component));
-					dialogStore.setProperties(options$1.dialog.properties);
-					dialogStore.setKey(options$1.dialog.key);
+				state.setProperties(options.properties);
+				if (!options.preserveState && !options.dialog) state.setViewKey(random());
+				if (options.dialog) {
+					onMountedCallbacks.push(() => options.onMounted?.({ isDialog: true }));
+					dialogStore.setComponent(await resolve(options.dialog.component));
+					dialogStore.setProperties(options.dialog.properties);
+					dialogStore.setKey(options.dialog.key);
 					dialogStore.show();
 				} else dialogStore.hide();
 			}
@@ -497,7 +497,7 @@ function prepare(options) {
 async function resolveViewComponent(name, options) {
 	const components = options.imported;
 	const result = options.components.views.find((view) => name === view.identifier);
-	const path = Object.keys(components).sort((a, b) => a.length - b.length).find((path$1) => result ? path$1.endsWith(result?.path) : false);
+	const path = Object.keys(components).sort((a, b) => a.length - b.length).find((path) => result ? path.endsWith(result?.path) : false);
 	if (!result || !path) {
 		console.warn(`View component [${name}] not found. Available components: `, options.components.views.map(({ identifier }) => identifier));
 		showViewComponentErrorModal(name);
@@ -717,7 +717,7 @@ function useForm(options) {
 	/** Whether the submission is being processed. */
 	const processing = ref(false);
 	/** The current request's progress. */
-	const progress$1 = ref();
+	const progress = ref();
 	/**
 	* Sets new initial values for the form, so subsequent resets will use thse values.
 	*/
@@ -736,7 +736,7 @@ function useForm(options) {
 		recentlySuccessful.value = false;
 		clearTimeout(timeoutIds.recentlySuccessful);
 		clearTimeout(timeoutIds.recentlyFailed);
-		progress$1.value = void 0;
+		progress.value = void 0;
 	}
 	/**
 	* Resets the fields, errors and submission state.
@@ -791,7 +791,7 @@ function useForm(options) {
 					return hooks.start?.(context);
 				},
 				progress: (incoming, context) => {
-					progress$1.value = incoming;
+					progress.value = incoming;
 					return hooks.progress?.(incoming, context);
 				},
 				error: (incoming, context) => {
@@ -811,7 +811,7 @@ function useForm(options) {
 					return hooks.success?.(payload, context);
 				},
 				after: (context) => {
-					progress$1.value = void 0;
+					progress.value = void 0;
 					processing.value = false;
 					return hooks.after?.(context);
 				}
@@ -887,7 +887,7 @@ function useForm(options) {
 		hasErrors: computed(() => Object.values(errors.value ?? {}).length > 0),
 		initial,
 		loaded,
-		progress: progress$1,
+		progress,
 		isDirty,
 		errors,
 		processing,
@@ -906,8 +906,8 @@ function useForm(options) {
 */
 function useHistoryState(key, initial) {
 	const value = ref(router$1.history.get(key) ?? initial);
-	watch(value, (value$1) => {
-		router$1.history.remember(key, toRaw(value$1));
+	watch(value, (value) => {
+		router$1.history.remember(key, toRaw(value));
 	}, {
 		immediate: true,
 		deep: true
@@ -919,8 +919,8 @@ function useHistoryState(key, initial) {
 //#region src/composables/back-forward.ts
 function useBackForward(options) {
 	const callbacks = [];
-	registerHook$1("navigated", (options$1) => {
-		if (options$1.type === "back-forward") {
+	registerHook$1("navigated", (options) => {
+		if (options.type === "back-forward") {
 			callbacks.forEach((fn) => fn(state.context.value));
 			callbacks.splice(0, callbacks.length);
 		}
@@ -934,8 +934,8 @@ function useBackForward(options) {
 	/**
 	* Reloads the page on back-forward navigations.
 	*/
-	function reloadOnBackForward(options$1) {
-		onBackForward(() => router$1.reload(options$1));
+	function reloadOnBackForward(options) {
+		onBackForward(() => router$1.reload(options));
 	}
 	if (options?.reload) reloadOnBackForward(options.reload === true ? void 0 : options.reload);
 	return {
@@ -945,10 +945,10 @@ function useBackForward(options) {
 }
 
 //#endregion
-//#region ../hybridly/dist/index.mjs
-var dist_exports = {};
+//#region ../hybridly/src/index.ts
+var src_exports = {};
 import * as import__hybridly_core from "@hybridly/core";
-__reExport(dist_exports, import__hybridly_core);
+__reExport(src_exports, import__hybridly_core);
 
 //#endregion
 //#region src/composables/paginator.ts
@@ -960,7 +960,7 @@ function createPaginator(paginator, options) {
 		...paginator,
 		to: (page) => {
 			const link = paginator.links.find((l) => l.page === page);
-			if (link?.url) return dist_exports.router.get(link.url, options);
+			if (link?.url) return src_exports.router.get(link.url, options);
 		}
 	};
 	return paginator;
@@ -1257,20 +1257,20 @@ function useBulkSelect() {
 * @see https://hybridly.dev/api/utils/use-query-parameters.html
 */
 function useQueryParameters() {
-	const state$1 = reactive({});
+	const state = reactive({});
 	function updateState() {
 		const params = new URLSearchParams(window.location.search);
-		const unusedKeys = new Set(Object.keys(state$1));
+		const unusedKeys = new Set(Object.keys(state));
 		for (const key of params.keys()) {
 			const paramsForKey = params.getAll(key);
-			state$1[key] = paramsForKey.length > 1 ? paramsForKey : params.get(key) || "";
+			state[key] = paramsForKey.length > 1 ? paramsForKey : params.get(key) || "";
 			unusedKeys.delete(key);
 		}
-		Array.from(unusedKeys).forEach((key) => delete state$1[key]);
+		Array.from(unusedKeys).forEach((key) => delete state[key]);
 	}
 	updateState();
 	registerHook$1("navigated", updateState);
-	return state$1;
+	return state;
 }
 /**
 * Makes the specified query parameter reactive.
@@ -1279,13 +1279,13 @@ function useQueryParameters() {
 */
 function useQueryParameter(name, options = {}) {
 	const query = useQueryParameters();
-	const transform = (value$1) => {
-		if (options.transform === "bool") return value$1 === true || value$1 === "true" || value$1 === "1" || value$1 === "yes";
-		else if (options.transform === "number") return Number(value$1);
-		else if (options.transform === "string") return String(value$1);
-		else if (options.transform === "date") return new Date(value$1);
-		else if (typeof options.transform === "function") return options.transform(value$1);
-		return value$1;
+	const transform = (value) => {
+		if (options.transform === "bool") return value === true || value === "true" || value === "1" || value === "yes";
+		else if (options.transform === "number") return Number(value);
+		else if (options.transform === "string") return String(value);
+		else if (options.transform === "date") return new Date(value);
+		else if (typeof options.transform === "function") return options.transform(value);
+		return value;
 	};
 	const value = ref();
 	watch(query, () => {
@@ -1382,7 +1382,7 @@ function useTable(props, key, defaultOptions = {}) {
 		isSelected: (record) => bulk.selected(getRecordKey(record)),
 		allSelected: bulk.allSelected,
 		selection: bulk.selection,
-		bindCheckbox: (key$1) => bulk.bindCheckbox(key$1),
+		bindCheckbox: (key) => bulk.bindCheckbox(key),
 		toggle: (record) => bulk.toggle(getRecordKey(record)),
 		select: (record) => bulk.select(getRecordKey(record)),
 		deselect: (record) => bulk.deselect(getRecordKey(record)),
@@ -1406,10 +1406,10 @@ function useTable(props, key, defaultOptions = {}) {
 			isFilterable: !!refinements.filters.find((filters) => filters.name === column.name)
 		}))),
 		data: computed(() => table.value.records.map((record) => {
-			return Object.fromEntries(Object.entries(record).map(([key$1, value]) => [key$1, value.value]).filter(([key$1]) => key$1 === "__hybridId"));
+			return Object.fromEntries(Object.entries(record).map(([key, value]) => [key, value.value]).filter(([key]) => key === "__hybridId"));
 		})),
 		records: computed(() => table.value.records.map((record) => ({
-			record: Object.values(record).map((record$1) => record$1.value),
+			record: Object.values(record).map((record) => record.value),
 			key: getRecordKey(record),
 			execute: (action) => executeInlineAction(getActionName(action), getRecordKey(record)),
 			actions: table.value.inlineActions.map((action) => ({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridly/vue",
   "type": "module",
-  "version": "0.10.0-beta.2",
+  "version": "0.10.0-beta.3",
   "description": "Vue adapter for Hybridly",
   "author": "Enzo Innocenzi <enzo@innocenzi.dev>",
   "license": "MIT",
@@ -46,8 +46,8 @@
   },
   "dependencies": {
     "@clickbar/dot-diver": "^1.0.7",
-    "@hybridly/core": "0.10.0-beta.1",
-    "@hybridly/utils": "0.10.0-beta.1",
+    "@hybridly/core": "0.10.0-beta.3",
+    "@hybridly/utils": "0.10.0-beta.3",
     "@vue/devtools-api": "^7.7.6",
     "defu": "^6.1.4",
     "lodash.isequal": "^4.5.0",