@vesperjs/vue 0.1.8 → 0.2.0

package/dist/index.d.mts

@@ -1,13 +1,13 @@
-import * as _vue_reactivity0 from "@vue/reactivity";
-import { ComputedGetter, DebuggerEvent, DebuggerOptions, OnCleanup, ReactiveEffect, Ref, ShallowUnwrapRef, UnwrapNestedRefs, WatchCallback, WatchStopHandle, WritableComputedOptions, WritableComputedRef, computed } from "@vue/reactivity";
+import { BackendErrorInfo, BackendErrorResource, ErrorMessages, ErrorsResource, Flash, UseFlashType, useDate, useEntity, useExternalErrors, useFlash } from "@vesperjs/shared";
+import { ComputedGetter, DebuggerEvent, DebuggerOptions, OnCleanup, ReactiveEffect, Ref, ShallowUnwrapRef, UnwrapNestedRefs, WatchCallback, WatchStopHandle, WritableComputedOptions, WritableComputedRef, WritableComputedRef as WritableComputedRef$1, computed } from "@vue/reactivity";
 import { FetchError, FetchOptions, FetchResponse } from "ofetch";
-import * as vue_i18n0 from "vue-i18n";
-import * as _nanostores_router0 from "@nanostores/router";
+import * as _$vue_i18n0 from "vue-i18n";
+import * as _$_nanostores_router0 from "@nanostores/router";
 import { Router, RouterConfig } from "@nanostores/router";
 
 //#region src/composables/backend/api/use-api-constants.d.ts
 declare const useApiConstants: () => {
-  baseURL: _vue_reactivity0.WritableComputedRef<string, string>;
+  baseURL: WritableComputedRef<string, string>;
 };
 //#endregion
 //#region src/composables/backend/api/use-ofetch.d.ts
@@ -72,44 +72,6 @@ declare const useMutationApi: <T = unknown, E = any>(url: string, {
   pending: boolean;
 }>;
 //#endregion
-//#region src/interfaces/error/backend-error-info.d.ts
-interface BackendErrorInfo<BER> {
-  error?: BER;
-  status?: number;
-}
-//#endregion
-//#region src/interfaces/resource/backend-error-resource.d.ts
-interface BackendErrorResource {
-  source?: string;
-  title: string;
-  errors: string[];
-}
-//#endregion
-//#region src/interfaces/resource/errors-resource.d.ts
-interface ErrorsResource<T> {
-  errors: T;
-}
-//#endregion
-//#region src/interfaces/flash.d.ts
-interface Flash {
-  notice?: string;
-  alert?: string;
-}
-//#endregion
-//#region src/composables/backend/error/use-external-errors.d.ts
-declare const useExternalErrors: <P extends string>({
-  flash
-}: {
-  flash: Ref<Flash>;
-}) => {
-  externalErrors: _vue_reactivity0.WritableComputedRef<Partial<Record<P, string[]>>, Partial<Record<P, string[]>>>;
-  clearExternalErrors: () => void;
-  isSuccess: () => boolean;
-};
-//#endregion
-//#region src/types/error-messages.d.ts
-type ErrorMessages<T extends string> = Partial<Record<T, string[]>>;
-//#endregion
 //#region src/composables/backend/use-alert.d.ts
 interface UseAlertOptions {
   flash: Ref<Flash>;
@@ -131,39 +93,12 @@ declare const useAlert: <BER extends object = BackendErrorResource>({
 };
 type UseAlertType = ReturnType<typeof useAlert>;
 //#endregion
-//#region src/composables/util/use-date.d.ts
-declare const useDate: () => {
-  isValidDate: (str: string) => boolean;
-};
-//#endregion
-//#region src/composables/use-entity.d.ts
-declare const useEntity: <M extends object, R extends object = M>() => {
-  create: ({
-    from
-  }: {
-    from: R | M;
-  }) => M;
-  copy: ({
-    from,
-    to
-  }: {
-    from: R | M;
-    to: M;
-  }) => void;
-};
-//#endregion
-//#region src/composables/use-flash.d.ts
-declare const useFlash: () => {
-  flash: _vue_reactivity0.Ref<{
-    notice?: string | undefined;
-    alert?: string | undefined;
-  }, Flash | {
-    notice?: string | undefined;
-    alert?: string | undefined;
-  }>;
-  clearFlash: () => void;
-};
-type UseFlashType = ReturnType<typeof useFlash>;
+//#region src/composables/ui/dom/use-element.d.ts
+declare const useElement: <EL extends Element, P extends string>(el: EL | undefined | null, {
+  property
+}: {
+  property: P;
+}) => Record<P, Ref<string, string | null | undefined>>;
 //#endregion
 //#region node_modules/.pnpm/@vue+shared@3.5.30/node_modules/@vue/shared/dist/shared.d.ts
 type Prettify<T> = { [K in keyof T]: T[K] } & {};
@@ -21617,20 +21552,20 @@ declare module '@vue/runtime-core' {
 //#endregion
 //#region src/composables/use-locale.d.ts
 declare const useLocale: () => {
-  locale: WritableComputedRef<"en" | "ja", "en" | "ja">;
+  locale: WritableComputedRef$1<"en" | "ja", "en" | "ja">;
   autodetect: () => void;
 };
 //#endregion
 //#region src/composables/use-nano-route.d.ts
 declare const useNanoRoute: <T extends RouterConfig>(router: Router<T>) => {
-  params: _nanostores_router0.ParamsFromConfig<T>[string] | _nanostores_router0.ParamsFromConfig<T>[number] | _nanostores_router0.ParamsFromConfig<T>[symbol] | undefined;
+  params: _$_nanostores_router0.ParamsFromConfig<T>[string] | _$_nanostores_router0.ParamsFromConfig<T>[number] | _$_nanostores_router0.ParamsFromConfig<T>[symbol] | undefined;
   query: Record<string, string> | undefined;
   path: string | undefined;
 };
 type UseNanoRouteType = ReturnType<typeof useNanoRoute>;
 //#endregion
 //#region src/i18n/i18n.d.ts
-declare const i18n: vue_i18n0.I18n<{
+declare const i18n: _$vue_i18n0.I18n<{
   en: {
     backend: {
       error: {
@@ -21651,4 +21586,4 @@ declare const i18n: vue_i18n0.I18n<{
   };
 }, {}, {}, string, false>;
 //#endregion
-export { type BackendErrorInfo, type BackendErrorResource, type ErrorMessages, type ErrorsResource, type Flash, type UseAlertType, type UseFlashType, type UseNanoRouteType, i18n, useAlert, useApiConstants, useDate, useEntity, useExternalErrors, useFlash, useLocale, useMutationApi, useNanoRoute, useOFetch, useQueryApi };
+export { type BackendErrorInfo, type BackendErrorResource, type ErrorMessages, type ErrorsResource, type Flash, type UseAlertType, type UseFlashType, type UseNanoRouteType, i18n, useAlert, useApiConstants, useDate, useElement, useEntity, useExternalErrors, useFlash, useLocale, useMutationApi, useNanoRoute, useOFetch, useQueryApi };

package/dist/index.mjs

@@ -1,3 +1,4 @@
+import { useBackendErrorInfo, useDate, useEntity, useExternalErrors, useFlash } from "@vesperjs/shared";
 import { computed, ref } from "@vue/reactivity";
 import { persistentAtom } from "@nanostores/persistent";
 import { ofetch } from "ofetch";
@@ -147,48 +148,6 @@ const useMutationApi = async function(url, { method, body = {}, token = null, on
 	};
 };
 //#endregion
-//#region src/composables/backend/error/use-external-errors.ts
-const useExternalErrors = function({ flash }) {
-	const errors = ref({});
-	const externalErrors = computed({
-		get() {
-			return errors.value;
-		},
-		set(value) {
-			if (errors.value) for (const key in value) errors.value[key] = value[key] ?? [];
-		}
-	});
-	const clearExternalErrors = () => {
-		externalErrors.value = {};
-	};
-	const isSuccess = () => {
-		let result = true;
-		for (const key in errors.value) if (errors.value[key].length > 0) result = false;
-		if (flash.value.alert) result = false;
-		return result;
-	};
-	return {
-		externalErrors,
-		clearExternalErrors,
-		isSuccess
-	};
-};
-//#endregion
-//#region src/composables/backend/error/use-backend-error-info.ts
-const useBackendErrorInfo = function() {
-	const info = ref({});
-	const backendErrorInfo = computed(() => {
-		return info.value;
-	});
-	const clearBackendErrorInfo = () => {
-		info.value = {};
-	};
-	return {
-		backendErrorInfo,
-		clearBackendErrorInfo
-	};
-};
-//#endregion
 //#region src/composables/backend/use-alert.ts
 const useAlert = function({ flash, caller }) {
 	const { backendErrorInfo, clearBackendErrorInfo } = useBackendErrorInfo();
@@ -233,40 +192,18 @@ const useAlert = function({ flash, caller }) {
 	};
 };
 //#endregion
-//#region src/composables/util/use-date.ts
-const useDate = function() {
-	const isValidDate = (str) => {
-		return !!str && !!str.match(/\d{4}\/\d{2}\/\d{2}/) && !isNaN(Date.parse(str));
-	};
-	return { isValidDate };
-};
-//#endregion
-//#region src/composables/use-entity.ts
-const useEntity = function() {
-	const create = ({ from }) => {
-		const model = {};
-		Object.assign(model, from);
-		return model;
-	};
-	const copy = ({ from, to }) => {
-		Object.assign(to, from);
-	};
-	return {
-		create,
-		copy
-	};
-};
-//#endregion
-//#region src/composables/use-flash.ts
-const useFlash = function() {
-	const flash = ref({});
-	const clearFlash = () => {
-		flash.value = {};
-	};
-	return {
-		flash,
-		clearFlash
-	};
+//#region src/composables/ui/dom/use-element.ts
+const useElement = function(el, { property }) {
+	const obj = {};
+	obj[property] = computed({
+		get() {
+			return el && property in el ? el[property] : "";
+		},
+		set(value) {
+			if (el && property in el) el[property] = value ?? "";
+		}
+	});
+	return obj;
 };
 //#endregion
 //#region src/composables/use-nano-route.ts
@@ -279,4 +216,4 @@ const useNanoRoute = function(router) {
 	};
 };
 //#endregion
-export { i18n, useAlert, useApiConstants, useDate, useEntity, useExternalErrors, useFlash, useLocale, useMutationApi, useNanoRoute, useOFetch, useQueryApi };
+export { i18n, useAlert, useApiConstants, useDate, useElement, useEntity, useExternalErrors, useFlash, useLocale, useMutationApi, useNanoRoute, useOFetch, useQueryApi };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesperjs/vue",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "keywords": [
     "vue.js"
   ],
@@ -22,21 +22,22 @@
     "@formkit/tempo": "^1.0.0",
     "@nanostores/persistent": "^1.3.3",
     "@nanostores/router": "^1.0.0",
+    "@vesperjs/shared": "0.2.0",
     "@vue/reactivity": "^3.6.0-beta.9",
     "nanostores": "^1.2.0",
     "ofetch": "^1.5.1",
-    "undici": "^7.24.6",
+    "undici": "^8.0.1",
     "vue-i18n": "^11.3.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.4",
-    "@typescript-eslint/eslint-plugin": "^8.57.2",
-    "@typescript-eslint/parser": "^8.57.2",
+    "@typescript-eslint/eslint-plugin": "^8.58.0",
+    "@typescript-eslint/parser": "^8.58.0",
     "@vue/eslint-config-typescript": "^14.7.0",
     "eslint": "^9.39.4",
     "eslint-plugin-vue": "^10.8.0",
-    "oxfmt": "^0.42.0",
-    "tsdown": "^0.21.5",
+    "oxfmt": "^0.43.0",
+    "tsdown": "^0.21.7",
     "typescript": "^5.9.3"
   },
   "scripts": {