nuxt-openapi-hyperfetch 0.2.7-alpha.1 → 0.3.0-beta

package/src/generators/shared/runtime/useDeleteConnector.ts

@@ -1,109 +1,109 @@
-// @ts-nocheck - This file runs in user's Nuxt project with different TypeScript config
-/**
- * useDeleteConnector — Runtime connector for DELETE endpoints.
- *
- * Manages:
- * - The target item to delete (set from the table via openDelete)
- * - Modal open/close state
- * - Confirmation logic
- * - Callbacks onSuccess / onError
- *
- * Copied to the user's project alongside the generated connectors.
- */
-import { ref, computed } from 'vue';
-
-/**
- * @param composableFn  The generated delete composable, e.g. useAsyncDataDeletePet
- * @param options       Optional configuration
- */
-export function useDeleteConnector(composableFn, options = {}) {
-  // ── State ──────────────────────────────────────────────────────────────────
-
-  const target = ref(null);
-  const isOpen = ref(false);
-  const loading = ref(false);
-  const error = ref(null);
-
-  // Callbacks — set by the developer or the generated component
-  const onSuccess = ref(null);
-  const onError = ref(null);
-
-  // ── Actions ────────────────────────────────────────────────────────────────
-
-  /**
-   * Set the item to delete and open the confirmation modal.
-   * Called by useListConnector.openDelete(row).
-   */
-  function setTarget(item) {
-    target.value = item;
-    isOpen.value = true;
-  }
-
-  /**
-   * Cancel the delete operation — close modal and clear target.
-   */
-  function cancel() {
-    isOpen.value = false;
-    target.value = null;
-    error.value = null;
-  }
-
-  /**
-   * Confirm the delete — call the underlying composable with the target item.
-   */
-  async function confirm() {
-    if (!target.value) {
-      return;
-    }
-
-    loading.value = true;
-    error.value = null;
-
-    try {
-      // Pass the full target item; the generated composable extracts the id it needs
-      const composable = composableFn(target.value);
-
-      if (composable.execute) {
-        await composable.execute();
-      }
-
-      const err = composable.error?.value;
-      if (err) {
-        throw err;
-      }
-
-      const deletedItem = target.value;
-      isOpen.value = false;
-      target.value = null;
-
-      onSuccess.value?.(deletedItem);
-    } catch (err) {
-      error.value = err;
-      onError.value?.(err);
-    } finally {
-      loading.value = false;
-    }
-  }
-
-  // ── Derived ────────────────────────────────────────────────────────────────
-
-  const hasTarget = computed(() => target.value !== null);
-
-  return {
-    // State
-    target,
-    isOpen,
-    loading,
-    error,
-    hasTarget,
-
-    // Callbacks (developer-assignable)
-    onSuccess,
-    onError,
-
-    // Actions
-    setTarget,
-    cancel,
-    confirm,
-  };
-}
+// @ts-nocheck - This file runs in user's Nuxt project with different TypeScript config
+/**
+ * useDeleteConnector — Runtime connector for DELETE endpoints.
+ *
+ * Manages:
+ * - The target item to delete (set from the table via openDelete)
+ * - Modal open/close state
+ * - Confirmation logic
+ * - Callbacks onSuccess / onError
+ *
+ * Copied to the user's project alongside the generated connectors.
+ */
+import { ref, computed } from 'vue';
+
+/**
+ * @param composableFn  The generated delete composable, e.g. useAsyncDataDeletePet
+ * @param options       Optional configuration
+ */
+export function useDeleteConnector(composableFn, options = {}) {
+  // ── State ──────────────────────────────────────────────────────────────────
+
+  const target = ref(null);
+  const isOpen = ref(false);
+  const loading = ref(false);
+  const error = ref(null);
+
+  // Callbacks — set by the developer or the generated component
+  const onSuccess = ref(null);
+  const onError = ref(null);
+
+  // ── Actions ────────────────────────────────────────────────────────────────
+
+  /**
+   * Set the item to delete and open the confirmation modal.
+   * Called by useListConnector.openDelete(row).
+   */
+  function setTarget(item) {
+    target.value = item;
+    isOpen.value = true;
+  }
+
+  /**
+   * Cancel the delete operation — close modal and clear target.
+   */
+  function cancel() {
+    isOpen.value = false;
+    target.value = null;
+    error.value = null;
+  }
+
+  /**
+   * Confirm the delete — call the underlying composable with the target item.
+   */
+  async function confirm() {
+    if (!target.value) {
+      return;
+    }
+
+    loading.value = true;
+    error.value = null;
+
+    try {
+      // Pass the full target item; the generated composable extracts the id it needs
+      const composable = composableFn(target.value);
+
+      if (composable.execute) {
+        await composable.execute();
+      }
+
+      const err = composable.error?.value;
+      if (err) {
+        throw err;
+      }
+
+      const deletedItem = target.value;
+      isOpen.value = false;
+      target.value = null;
+
+      onSuccess.value?.(deletedItem);
+    } catch (err) {
+      error.value = err;
+      onError.value?.(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  // ── Derived ────────────────────────────────────────────────────────────────
+
+  const hasTarget = computed(() => target.value !== null);
+
+  return {
+    // State
+    target,
+    isOpen,
+    loading,
+    error,
+    hasTarget,
+
+    // Callbacks (developer-assignable)
+    onSuccess,
+    onError,
+
+    // Actions
+    setTarget,
+    cancel,
+    confirm,
+  };
+}

package/src/generators/shared/runtime/useDetailConnector.ts

@@ -1,64 +1,64 @@
-// @ts-nocheck - This file runs in user's Nuxt project with different TypeScript config
-/**
- * useDetailConnector — Runtime connector for single-item GET endpoints.
- *
- * Wraps a useAsyncData composable that returns a single object and exposes:
- * - item, loading, error state
- * - load(id) to fetch a specific item on demand
- * - fields derived from the response (used by detail view components)
- *
- * Copied to the user's project alongside the generated connectors.
- */
-import { ref, computed } from 'vue';
-
-/**
- * @param composableFn  The generated useAsyncData composable, e.g. useAsyncDataGetPetById
- * @param options       Optional configuration
- */
-export function useDetailConnector(composableFn, options = {}) {
-  const { fields = [] } = options;
-
-  // The item ID to load — reactive. null = not loaded yet.
-  const currentId = ref(null);
-
-  // ── Execute the underlying composable lazily (only when currentId changes) ─
-  // We call the composable with lazy: true so it doesn't auto-fetch on mount.
-  // load(id) sets currentId which triggers the watch inside the composable.
-  const composable = composableFn(
-    computed(() => (currentId.value !== null ? { id: currentId.value } : null)),
-    { lazy: true, immediate: false }
-  );
-
-  // ── Derived state ──────────────────────────────────────────────────────────
-
-  const item = computed(() => composable.data?.value ?? null);
-  const loading = computed(() => composable.pending?.value ?? false);
-  const error = computed(() => composable.error?.value ?? null);
-
-  // ── Actions ────────────────────────────────────────────────────────────────
-
-  async function load(id) {
-    currentId.value = id;
-    await composable.refresh?.();
-  }
-
-  function clear() {
-    currentId.value = null;
-  }
-
-  return {
-    // State
-    item,
-    loading,
-    error,
-    fields: computed(() => fields),
-
-    // Actions
-    load,
-    clear,
-
-    // Expose composable for advanced use (e.g. useFormConnector loadWith)
-    _composable: composable,
-    _currentId: currentId,
-  };
-}
+// @ts-nocheck - This file runs in user's Nuxt project with different TypeScript config
+/**
+ * useDetailConnector — Runtime connector for single-item GET endpoints.
+ *
+ * Wraps a useAsyncData composable that returns a single object and exposes:
+ * - item, loading, error state
+ * - load(id) to fetch a specific item on demand
+ * - fields derived from the response (used by detail view components)
+ *
+ * Copied to the user's project alongside the generated connectors.
+ */
+import { ref, computed } from 'vue';
+
+/**
+ * @param composableFn  The generated useAsyncData composable, e.g. useAsyncDataGetPetById
+ * @param options       Optional configuration
+ */
+export function useDetailConnector(composableFn, options = {}) {
+  const { fields = [] } = options;
+
+  // The item ID to load — reactive. null = not loaded yet.
+  const currentId = ref(null);
+
+  // ── Execute the underlying composable lazily (only when currentId changes) ─
+  // We call the composable with lazy: true so it doesn't auto-fetch on mount.
+  // load(id) sets currentId which triggers the watch inside the composable.
+  const composable = composableFn(
+    computed(() => (currentId.value !== null ? { id: currentId.value } : null)),
+    { lazy: true, immediate: false }
+  );
+
+  // ── Derived state ──────────────────────────────────────────────────────────
+
+  const item = computed(() => composable.data?.value ?? null);
+  const loading = computed(() => composable.pending?.value ?? false);
+  const error = computed(() => composable.error?.value ?? null);
+
+  // ── Actions ────────────────────────────────────────────────────────────────
+
+  async function load(id) {
+    currentId.value = id;
+    await composable.refresh?.();
+  }
+
+  function clear() {
+    currentId.value = null;
+  }
+
+  return {
+    // State
+    item,
+    loading,
+    error,
+    fields: computed(() => fields),
+
+    // Actions
+    load,
+    clear,
+
+    // Expose composable for advanced use (e.g. useFormConnector loadWith)
+    _composable: composable,
+    _currentId: currentId,
+  };
+}

package/src/generators/shared/runtime/useFormConnector.ts

@@ -1,139 +1,147 @@
-// @ts-nocheck - This file runs in user's Nuxt project with different TypeScript config
-/**
- * useFormConnector — Runtime connector for create/update form endpoints.
- *
- * Responsibilities:
- * - Hold the reactive form model
- * - Validate with a Zod schema (generated at code-gen time) on submit
- * - Merge Zod error messages with per-field overrides from config
- * - Submit the validated data via the provided useAsyncData composable
- * - Optionally pre-fill from a useDetailConnector (loadWith option)
- *
- * Copied to the user's project alongside the generated connectors.
- */
-import { ref, computed, watch } from 'vue';
-import { mergeZodErrors } from './zod-error-merger.js';
-
-/**
- * @param composableFn   The generated mutation composable, e.g. useAsyncDataCreatePet
- * @param options        { schema, fields, loadWith?, errorConfig? }
- */
-export function useFormConnector(composableFn, options = {}) {
-  const { schema, fields = [], loadWith = null, errorConfig = {} } = options;
-
-  // ── Form state ─────────────────────────────────────────────────────────────
-
-  const model = ref({});
-  const errors = ref({});
-  const loading = ref(false);
-  const submitError = ref(null);
-  const submitted = ref(false);
-
-  // Callbacks — set by the developer or the generated component
-  const onSuccess = ref(null);
-  const onError = ref(null);
-
-  // ── Pre-fill from detail connector ────────────────────────────────────────
-
-  if (loadWith) {
-    // When the detail item changes (e.g. user clicks "Edit"), pre-fill the model
-    watch(
-      () => loadWith.item?.value,
-      (newItem) => {
-        if (newItem) {
-          setValues(newItem);
-        }
-      },
-      { immediate: true }
-    );
-  }
-
-  // ── Actions ────────────────────────────────────────────────────────────────
-
-  function setValues(data) {
-    model.value = { ...model.value, ...data };
-  }
-
-  function reset() {
-    model.value = {};
-    errors.value = {};
-    submitError.value = null;
-    submitted.value = false;
-  }
-
-  async function submit() {
-    submitted.value = true;
-
-    // 1. Zod validation (if schema provided)
-    if (schema) {
-      const result = schema.safeParse(model.value);
-
-      if (!result.success) {
-        const fieldErrors = result.error.flatten().fieldErrors;
-        errors.value = mergeZodErrors(fieldErrors, errorConfig);
-        return;
-      }
-
-      // Clear previous errors on successful validation
-      errors.value = {};
-    }
-
-    // 2. Call the underlying composable
-    loading.value = true;
-    submitError.value = null;
-
-    try {
-      // The mutation composable accepts the model as its payload
-      const composable = composableFn(model.value);
-
-      // Wait for the async data to resolve
-      if (composable.execute) {
-        await composable.execute();
-      }
-
-      const data = composable.data?.value;
-      const err = composable.error?.value;
-
-      if (err) {
-        throw err;
-      }
-
-      onSuccess.value?.(data);
-    } catch (err) {
-      submitError.value = err;
-      onError.value?.(err);
-    } finally {
-      loading.value = false;
-    }
-  }
-
-  // ── Derived ────────────────────────────────────────────────────────────────
-
-  const isValid = computed(() => {
-    if (!schema) return true;
-    return schema.safeParse(model.value).success;
-  });
-
-  const hasErrors = computed(() => Object.keys(errors.value).length > 0);
-
-  return {
-    // State
-    model,
-    errors,
-    loading,
-    submitError,
-    submitted,
-    isValid,
-    hasErrors,
-    fields: computed(() => fields),
-
-    // Callbacks (developer-assignable)
-    onSuccess,
-    onError,
-
-    // Actions
-    submit,
-    reset,
-    setValues,
-  };
-}
+// @ts-nocheck - This file runs in user's Nuxt project with different TypeScript config
+/**
+ * useFormConnector — Runtime connector for create/update form endpoints.
+ *
+ * Responsibilities:
+ * - Hold the reactive form model
+ * - Validate with a Zod schema (generated at code-gen time) on submit
+ * - Merge Zod error messages with per-field overrides from config
+ * - Submit the validated data via the provided useAsyncData composable
+ * - Optionally pre-fill from a useDetailConnector (loadWith option)
+ *
+ * Copied to the user's project alongside the generated connectors.
+ */
+import { ref, computed, watch } from 'vue';
+import { mergeZodErrors } from './zod-error-merger.js';
+
+/**
+ * @param composableFn   The generated mutation composable, e.g. useAsyncDataCreatePet
+ * @param options        { schema, fields, loadWith?, errorConfig? }
+ */
+export function useFormConnector(composableFn, options = {}) {
+  const { schema: baseSchema, schemaOverride, fields = [], loadWith = null, errorConfig = {} } = options;
+
+  // Resolve the active schema:
+  //   schemaOverride(base) — extend or refine the generated schema
+  //   schemaOverride        — replace the generated schema entirely
+  //   baseSchema            — the generated schema unchanged (default)
+  const schema = schemaOverride
+    ? (typeof schemaOverride === 'function' ? schemaOverride(baseSchema) : schemaOverride)
+    : baseSchema;
+
+  // ── Form state ─────────────────────────────────────────────────────────────
+
+  const model = ref({});
+  const errors = ref({});
+  const loading = ref(false);
+  const submitError = ref(null);
+  const submitted = ref(false);
+
+  // Callbacks — set by the developer or the generated component
+  const onSuccess = ref(null);
+  const onError = ref(null);
+
+  // ── Pre-fill from detail connector ────────────────────────────────────────
+
+  if (loadWith) {
+    // When the detail item changes (e.g. user clicks "Edit"), pre-fill the model
+    watch(
+      () => loadWith.item?.value,
+      (newItem) => {
+        if (newItem) {
+          setValues(newItem);
+        }
+      },
+      { immediate: true }
+    );
+  }
+
+  // ── Actions ────────────────────────────────────────────────────────────────
+
+  function setValues(data) {
+    model.value = { ...model.value, ...data };
+  }
+
+  function reset() {
+    model.value = {};
+    errors.value = {};
+    submitError.value = null;
+    submitted.value = false;
+  }
+
+  async function submit() {
+    submitted.value = true;
+
+    // 1. Zod validation (if schema provided)
+    if (schema) {
+      const result = schema.safeParse(model.value);
+
+      if (!result.success) {
+        const fieldErrors = result.error.flatten().fieldErrors;
+        errors.value = mergeZodErrors(fieldErrors, errorConfig);
+        return;
+      }
+
+      // Clear previous errors on successful validation
+      errors.value = {};
+    }
+
+    // 2. Call the underlying composable
+    loading.value = true;
+    submitError.value = null;
+
+    try {
+      // The mutation composable accepts the model as its payload
+      const composable = composableFn(model.value);
+
+      // Wait for the async data to resolve
+      if (composable.execute) {
+        await composable.execute();
+      }
+
+      const data = composable.data?.value;
+      const err = composable.error?.value;
+
+      if (err) {
+        throw err;
+      }
+
+      onSuccess.value?.(data);
+    } catch (err) {
+      submitError.value = err;
+      onError.value?.(err);
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  // ── Derived ────────────────────────────────────────────────────────────────
+
+  const isValid = computed(() => {
+    if (!schema) return true;
+    return schema.safeParse(model.value).success;
+  });
+
+  const hasErrors = computed(() => Object.keys(errors.value).length > 0);
+
+  return {
+    // State
+    model,
+    errors,
+    loading,
+    submitError,
+    submitted,
+    isValid,
+    hasErrors,
+    fields: computed(() => fields),
+
+    // Callbacks (developer-assignable)
+    onSuccess,
+    onError,
+
+    // Actions
+    submit,
+    reset,
+    setValues,
+  };
+}