@evanschleret/formforgeclient 1.0.0 → 1.1.0

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "1.0.0",
+  "version": "1.1.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/api/client.js

@@ -24,6 +24,15 @@ class FormForgeClientImpl {
     }
     return input;
   }
+  resolveBaseURLParams(input) {
+    if (input === void 0) {
+      return {};
+    }
+    if (typeof input === "function") {
+      return input();
+    }
+    return input;
+  }
   resolveNamedScope(name) {
     const scopedRoutes = this.config.scopedRoutes ?? {};
     const routeDefinition = scopedRoutes[name];
@@ -31,9 +40,10 @@ class FormForgeClientImpl {
       throw new Error(`Unknown FormForge scope "${name}"`);
     }
     const sourceParams = this.resolveScopeParams(this.config.scopeParams);
+    const baseURLParams = this.resolveBaseURLParams(this.config.baseURLParams);
     const params = {};
     for (const [scopeParam, sourceParam] of Object.entries(routeDefinition.paramsFromRoute)) {
-      const value = sourceParams[sourceParam];
+      const value = sourceParams[sourceParam] ?? baseURLParams[sourceParam];
       if (value === void 0 || value === "") {
         throw new Error(`Missing scope param source "${sourceParam}" for named scope "${name}"`);
       }

package/dist/runtime/api/management.js

@@ -58,12 +58,25 @@ function withMutationHeaders(options = {}) {
 function toJsonObject(input) {
   return JSON.parse(JSON.stringify(input));
 }
+function shouldAutoPublish(input) {
+  return input.auto_publish === true || input.autoPublish === true;
+}
+function toManagementMutationPayload(input) {
+  const payload = toJsonObject(input);
+  if ("autoPublish" in payload) {
+    delete payload.autoPublish;
+  }
+  if (shouldAutoPublish(input)) {
+    payload.auto_publish = true;
+  }
+  return payload;
+}
 export async function createFormForgeForm(http, input, options = {}) {
   const response = await http({
     path: resolveEndpointPath(options.endpoint, "/forms", {}, options.scope),
     method: "POST",
     headers: withMutationHeaders(options),
-    json: toJsonObject(input)
+    json: toManagementMutationPayload(input)
   });
   return normalizeManagementForm(pickFormForgeDataEnvelope(response.data)) ?? {};
 }
@@ -86,7 +99,7 @@ export async function patchFormForgeForm(http, key, input, options = {}) {
     }, options.scope),
     method: "PATCH",
     headers: withMutationHeaders(options),
-    json: toJsonObject(input)
+    json: toManagementMutationPayload(input)
   });
   return normalizeManagementForm(pickFormForgeDataEnvelope(response.data)) ?? {};
 }

package/dist/runtime/composables/useFormForgeBuilder.d.ts

@@ -19,6 +19,10 @@ export interface UseFormForgeBuilderOptions {
     client?: FormForgeClient;
     clientConfig?: FormForgeClientConfig;
 }
+export interface FormForgeBuilderSaveOptions {
+    idempotencyKey?: string;
+    autoPublish?: boolean;
+}
 export declare const FORM_FORGE_BUILDER_FIELD_TYPES: FormForgeFieldType[];
 export declare const FORM_FORGE_BUILDER_CONDITION_TARGET_TYPES: FormForgeConditionTargetType[];
 export declare const FORM_FORGE_BUILDER_CONDITION_ACTIONS: FormForgeConditionAction[];
@@ -48,7 +52,7 @@ export declare function useFormForgeBuilder(options?: UseFormForgeBuilderOptions
     addConditionClause: (conditionKey: string) => void;
     removeConditionClause: (conditionKey: string, index: number) => void;
     normalizeFieldLocations: () => void;
-    save: (idempotencyKey?: string) => Promise<void>;
+    save: (saveOptions?: FormForgeBuilderSaveOptions | string) => Promise<void>;
     publish: (idempotencyKey?: string) => Promise<void>;
     unpublish: (idempotencyKey?: string) => Promise<void>;
     clearAutosave: () => void;

package/dist/runtime/composables/useFormForgeBuilder.js

@@ -234,7 +234,7 @@ export function useFormForgeBuilder(options = {}) {
       }
     }
   }
-  function toManagementInput() {
+  function toManagementInput(autoPublish = false) {
     normalizeFieldLocations();
     const pages = draft.value.pages;
     const fields = [];
@@ -251,16 +251,23 @@ export function useFormForgeBuilder(options = {}) {
       conditions: draft.value.conditions,
       drafts: draft.value.drafts
     };
+    if (autoPublish) {
+      input.auto_publish = true;
+    }
     return input;
   }
-  async function save(idempotencyKey) {
+  async function save(saveOptions = {}) {
+    const resolvedSaveOptions = typeof saveOptions === "string" ? { idempotencyKey: saveOptions, autoPublish: false } : {
+      idempotencyKey: saveOptions.idempotencyKey,
+      autoPublish: saveOptions.autoPublish === true
+    };
     if (draft.value.title.trim() === "") {
       throw new Error("Title is required to save");
     }
     saving.value = true;
     error.value = null;
     try {
-      const input = toManagementInput();
+      const input = toManagementInput(resolvedSaveOptions.autoPublish);
       const mutationIdentifier = resolveMutationIdentifier(draft.value);
       if (mutationIdentifier === null) {
         const hasExistingSlug = typeof draft.value.key === "string" && draft.value.key !== "";
@@ -268,7 +275,7 @@ export function useFormForgeBuilder(options = {}) {
           throw new Error("Form uuid is required for update");
         }
         const created = await client.createForm(input, {
-          idempotencyKey,
+          idempotencyKey: resolvedSaveOptions.idempotencyKey,
           endpoint: options.endpoint,
           scope: options.scope
         });
@@ -283,7 +290,7 @@ export function useFormForgeBuilder(options = {}) {
       } else {
         const patchInput = input;
         const patched = await client.patchForm(mutationIdentifier, patchInput, {
-          idempotencyKey,
+          idempotencyKey: resolvedSaveOptions.idempotencyKey,
           endpoint: options.endpoint,
           scope: options.scope
         });

package/dist/runtime/composables/useFormForgeClient.js

@@ -32,7 +32,7 @@ function mergeRouteValues(primaryValues, secondaryValues) {
   return merged;
 }
 function templateSegmentKey(value) {
-  const matched = value.match(/^\{([a-zA-Z0-9_]+)\}$/);
+  const matched = value.match(/^\{([a-zA-Z0-9_]+)(?::[^}]+)?\}$/);
   return matched?.[1] ?? null;
 }
 function toPathSegments(path) {
@@ -104,6 +104,19 @@ function withInferredMissingValues(base, inferred) {
   }
   return resolved;
 }
+function inferScopeSourcesFromPath(scopedRoutes, currentPath) {
+  const inferredSources = {};
+  for (const scopedRoute of Object.values(scopedRoutes ?? {})) {
+    const inferredScopeParams = inferParamsFromPath(scopedRoute.prefix, currentPath);
+    for (const [scopeParam, sourceParam] of Object.entries(scopedRoute.paramsFromRoute)) {
+      const inferredValue = inferredScopeParams[scopeParam];
+      if (inferredValue !== void 0 && inferredValue !== "" && inferredSources[sourceParam] === void 0) {
+        inferredSources[sourceParam] = inferredValue;
+      }
+    }
+  }
+  return inferredSources;
+}
 export function useFormForgeClient(config = {}) {
   const nuxtApp = useNuxtApp();
   const route = useRoute();
@@ -130,8 +143,13 @@ export function useFormForgeClient(config = {}) {
         ...appRouteParams
       }
     );
-    const inferredFromPath = inferParamsFromPath(config.baseURL ?? runtimePublicConfig?.baseURL, composableRoutePath || appRoutePath);
-    return withInferredMissingValues(mergedRouteValues, inferredFromPath);
+    const resolvedPath = composableRoutePath || appRoutePath;
+    const resolvedBaseURL = config.baseURL ?? runtimePublicConfig?.baseURL;
+    const resolvedScopedRoutes = config.scopedRoutes ?? runtimePublicConfig?.scopedRoutes;
+    const inferredFromBaseURL = inferParamsFromPath(resolvedBaseURL, resolvedPath);
+    const withBaseURLValues = withInferredMissingValues(mergedRouteValues, inferredFromBaseURL);
+    const inferredFromScopes = inferScopeSourcesFromPath(resolvedScopedRoutes, resolvedPath);
+    return withInferredMissingValues(withBaseURLValues, inferredFromScopes);
   };
   const baseConfig = runtimePublicConfig;
   const mergedConfig = {

package/dist/runtime/composables/useFormForgeI18n.d.ts

@@ -84,6 +84,9 @@ declare const TRANSLATIONS: {
         readonly 'builder.error.publish': "Publish failed";
         readonly 'builder.error.unpublish': "Unpublish failed";
         readonly 'builder.error.categoryCreate': "Category creation failed";
+        readonly 'builder.toast.saveSuccess': "Form saved";
+        readonly 'builder.toast.publishSuccess': "Form published";
+        readonly 'builder.toast.unpublishSuccess': "Form unpublished";
         readonly 'builder.optionDefaultLabel': "Option";
         readonly 'builder.optionsCount': "{count} options";
         readonly 'builder.categoryModal.title': "Create category";
@@ -202,6 +205,9 @@ declare const TRANSLATIONS: {
         readonly 'builder.error.publish': "Échec de la publication";
         readonly 'builder.error.unpublish': "Échec de la dépublication";
         readonly 'builder.error.categoryCreate': "Échec de la création de catégorie";
+        readonly 'builder.toast.saveSuccess': "Formulaire sauvegardé";
+        readonly 'builder.toast.publishSuccess': "Formulaire publié";
+        readonly 'builder.toast.unpublishSuccess': "Formulaire dépublié";
         readonly 'builder.optionDefaultLabel': "Option";
         readonly 'builder.optionsCount': "{count} options";
         readonly 'builder.categoryModal.title': "Créer une catégorie";

package/dist/runtime/composables/useFormForgeI18n.js

@@ -80,6 +80,9 @@ const TRANSLATIONS = {
     "builder.error.publish": "Publish failed",
     "builder.error.unpublish": "Unpublish failed",
     "builder.error.categoryCreate": "Category creation failed",
+    "builder.toast.saveSuccess": "Form saved",
+    "builder.toast.publishSuccess": "Form published",
+    "builder.toast.unpublishSuccess": "Form unpublished",
     "builder.optionDefaultLabel": "Option",
     "builder.optionsCount": "{count} options",
     "builder.categoryModal.title": "Create category",
@@ -198,6 +201,9 @@ const TRANSLATIONS = {
     "builder.error.publish": "\xC9chec de la publication",
     "builder.error.unpublish": "\xC9chec de la d\xE9publication",
     "builder.error.categoryCreate": "\xC9chec de la cr\xE9ation de cat\xE9gorie",
+    "builder.toast.saveSuccess": "Formulaire sauvegard\xE9",
+    "builder.toast.publishSuccess": "Formulaire publi\xE9",
+    "builder.toast.unpublishSuccess": "Formulaire d\xE9publi\xE9",
     "builder.optionDefaultLabel": "Option",
     "builder.optionsCount": "{count} options",
     "builder.categoryModal.title": "Cr\xE9er une cat\xE9gorie",

package/dist/runtime/plugin.js

@@ -29,7 +29,7 @@ function mergeRouteValues(primaryValues, secondaryValues) {
   return merged;
 }
 function templateSegmentKey(value) {
-  const matched = value.match(/^\{([a-zA-Z0-9_]+)\}$/);
+  const matched = value.match(/^\{([a-zA-Z0-9_]+)(?::[^}]+)?\}$/);
   return matched?.[1] ?? null;
 }
 function toPathSegments(path) {
@@ -101,6 +101,19 @@ function withInferredMissingValues(base, inferred) {
   }
   return resolved;
 }
+function inferScopeSourcesFromPath(scopedRoutes, currentPath) {
+  const inferredSources = {};
+  for (const scopedRoute of Object.values(scopedRoutes ?? {})) {
+    const inferredScopeParams = inferParamsFromPath(scopedRoute.prefix, currentPath);
+    for (const [scopeParam, sourceParam] of Object.entries(scopedRoute.paramsFromRoute)) {
+      const inferredValue = inferredScopeParams[scopeParam];
+      if (inferredValue !== void 0 && inferredValue !== "" && inferredSources[sourceParam] === void 0) {
+        inferredSources[sourceParam] = inferredValue;
+      }
+    }
+  }
+  return inferredSources;
+}
 export default defineNuxtPlugin((nuxtApp) => {
   const runtimeConfig = useRuntimeConfig();
   const route = useRoute();
@@ -123,8 +136,11 @@ export default defineNuxtPlugin((nuxtApp) => {
         ...appRouteParams
       }
     );
-    const inferredFromPath = inferParamsFromPath(publicConfig?.baseURL, composableRoutePath || appRoutePath);
-    return withInferredMissingValues(mergedRouteValues, inferredFromPath);
+    const resolvedPath = composableRoutePath || appRoutePath;
+    const inferredFromBaseURL = inferParamsFromPath(publicConfig?.baseURL, resolvedPath);
+    const withBaseURLValues = withInferredMissingValues(mergedRouteValues, inferredFromBaseURL);
+    const inferredFromScopes = inferScopeSourcesFromPath(publicConfig?.scopedRoutes, resolvedPath);
+    return withInferredMissingValues(withBaseURLValues, inferredFromScopes);
   };
   const runtimeBaseURLParams = publicConfig?.baseURLParams;
   const runtimeScopeParams = publicConfig?.scopeParams;

package/dist/runtime/renderers/default/FormForgeBuilder.d.vue.ts

@@ -10,6 +10,10 @@ interface Props {
     autosave?: boolean;
     autosaveDelay?: number;
     readonly?: boolean;
+    disableTitleInput?: boolean;
+    disableCategoryControl?: boolean;
+    disablePublishAction?: boolean;
+    defaultPublished?: boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (value: string) => any;
@@ -34,6 +38,10 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
     modelValue: Partial<FormForgeBuilderDraft>;
     autosave: boolean;
     autosaveDelay: number;
+    disableTitleInput: boolean;
+    disableCategoryControl: boolean;
+    disablePublishAction: boolean;
+    defaultPublished: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/renderers/default/FormForgeBuilder.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "#imports";
 import { useOverlay } from "@nuxt/ui/composables/useOverlay";
+import { useToast } from "@nuxt/ui/composables/useToast";
 import Draggable from "vuedraggable";
 import {
   FORM_FORGE_BUILDER_CONDITION_ACTIONS,
@@ -22,7 +23,11 @@ const props = defineProps({
   modelValue: { type: Object, required: false, default: void 0 },
   autosave: { type: Boolean, required: false, default: true },
   autosaveDelay: { type: Number, required: false, default: 5e3 },
-  readonly: { type: Boolean, required: false, default: false }
+  readonly: { type: Boolean, required: false, default: false },
+  disableTitleInput: { type: Boolean, required: false, default: false },
+  disableCategoryControl: { type: Boolean, required: false, default: false },
+  disablePublishAction: { type: Boolean, required: false, default: false },
+  defaultPublished: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["update:modelValue", "save", "publish", "unpublish", "error"]);
 const builderOptions = {
@@ -37,6 +42,7 @@ const builder = useFormForgeBuilder(builderOptions);
 const { t } = useFormForgeI18n({
   locale: () => props.locale
 });
+const toast = useToast();
 const draft = builder.draft;
 const isClientReady = ref(false);
 const saving = builder.saving;
@@ -46,7 +52,7 @@ const lastSavedAt = builder.lastSavedAt;
 const builderError = builder.error;
 const overlay = useOverlay();
 const categoryManager = useFormForgeCategory({
-  immediate: true,
+  immediate: !props.disableCategoryControl,
   initialQuery: {
     per_page: 200
   },
@@ -63,6 +69,7 @@ const builderColumnElement = ref(null);
 const railTop = ref(120);
 const railLeft = ref(0);
 const loadingRemoteForm = ref(false);
+const isPublished = ref(props.defaultPublished);
 let loadRequestId = 0;
 const safePages = computed(() => {
   const pages = draft.value?.pages;
@@ -143,6 +150,9 @@ const draftMutationIdentifier = computed(() => {
   }
   return null;
 });
+const showTopControls = computed(() => {
+  return !props.disableTitleInput || !props.disableCategoryControl;
+});
 function twoDigits(value) {
   return String(value).padStart(2, "0");
 }
@@ -438,6 +448,7 @@ function applyLoadedForm(schema) {
     conditions: cloneValue(schema.conditions),
     drafts: cloneValue(schema.drafts)
   };
+  isPublished.value = schema.is_published === true;
 }
 async function loadFormIntoBuilder(key, version) {
   const requestId = ++loadRequestId;
@@ -533,8 +544,22 @@ function setOptionLabel(field, optionIndex, value) {
 }
 async function save() {
   try {
-    await builder.save();
+    const shouldAutoPublish = props.defaultPublished;
+    await builder.save({
+      autoPublish: shouldAutoPublish
+    });
+    if (shouldAutoPublish) {
+      const wasPublished = isPublished.value;
+      isPublished.value = true;
+      if (!wasPublished) {
+        emit("publish", draft.value);
+      }
+    }
     emit("save", draft.value);
+    toast.add({
+      title: t("builder.toast.saveSuccess"),
+      color: "success"
+    });
   } catch (caughtError) {
     const message = caughtError instanceof Error ? caughtError.message : t("builder.error.save");
     emit("error", message);
@@ -543,7 +568,12 @@ async function save() {
 async function publish() {
   try {
     await builder.publish();
+    isPublished.value = true;
     emit("publish", draft.value);
+    toast.add({
+      title: t("builder.toast.publishSuccess"),
+      color: "success"
+    });
   } catch (caughtError) {
     const message = caughtError instanceof Error ? caughtError.message : t("builder.error.publish");
     emit("error", message);
@@ -552,12 +582,63 @@ async function publish() {
 async function unpublish() {
   try {
     await builder.unpublish();
+    isPublished.value = false;
     emit("unpublish", draft.value);
+    toast.add({
+      title: t("builder.toast.unpublishSuccess"),
+      color: "success"
+    });
   } catch (caughtError) {
     const message = caughtError instanceof Error ? caughtError.message : t("builder.error.unpublish");
     emit("error", message);
   }
 }
+const publishButtonLabel = computed(() => {
+  if (props.defaultPublished) {
+    return t("builder.publish");
+  }
+  return isPublished.value ? t("builder.unpublish") : t("builder.publish");
+});
+const publishButtonColor = computed(() => {
+  if (props.defaultPublished) {
+    return "primary";
+  }
+  return isPublished.value ? "neutral" : "primary";
+});
+const publishButtonVariant = computed(() => {
+  if (props.defaultPublished) {
+    return "solid";
+  }
+  return isPublished.value ? "soft" : "solid";
+});
+const canTogglePublish = computed(() => {
+  if (props.readonly) {
+    return false;
+  }
+  if (props.defaultPublished && isPublished.value) {
+    return false;
+  }
+  if (draftMutationIdentifier.value === null) {
+    return false;
+  }
+  if (!isPublished.value && !publishable.value) {
+    return false;
+  }
+  return true;
+});
+const toolbarActionsClass = computed(() => {
+  if (showTopControls.value) {
+    return ["builder-toolbar-actions"];
+  }
+  return ["builder-toolbar-actions", "builder-toolbar-actions--compact"];
+});
+async function togglePublishState() {
+  if (!props.defaultPublished && isPublished.value) {
+    await unpublish();
+    return;
+  }
+  await publish();
+}
 function removeField(page, fieldKey) {
   builder.removeField(page.page_key, fieldKey);
   if (selectedFieldKey.value === fieldKey) {
@@ -609,6 +690,31 @@ function duplicateField(page, fieldKey) {
   builder.duplicateField(page.page_key, fieldKey);
   builder.normalizeFieldLocations();
 }
+watch(() => props.modelValue, (value) => {
+  if (value === null || value === void 0 || typeof value !== "object") {
+    isPublished.value = props.defaultPublished;
+    return;
+  }
+  const candidate = value;
+  if (candidate.is_published === true) {
+    isPublished.value = true;
+    return;
+  }
+  if (candidate.is_published === false) {
+    isPublished.value = false;
+    return;
+  }
+  isPublished.value = props.defaultPublished;
+}, {
+  immediate: true,
+  deep: false
+});
+watch(() => props.defaultPublished, (value) => {
+  if (typeof props.modelValue === "object" && props.modelValue !== null && "is_published" in props.modelValue) {
+    return;
+  }
+  isPublished.value = value;
+});
 watch(() => draft.value, (value) => {
   emit("update:modelValue", value);
 }, {
@@ -667,13 +773,20 @@ watch(() => selectedFieldKey.value, () => {
           class="builder-card"
         >
           <div class="builder-toolbar">
-            <div class="builder-toolbar-grid">
+            <div
+              v-if="showTopControls"
+              class="builder-toolbar-grid"
+            >
               <UInput
+                v-if="!disableTitleInput"
                 v-model="draftTitle"
                 :disabled="readonly"
                 :placeholder="t('builder.formTitlePlaceholder')"
               />
-              <div class="builder-category-control">
+              <div
+                v-if="!disableCategoryControl"
+                class="builder-category-control"
+              >
                 <USelect
                   v-model="draftCategorySelectValue"
                   :items="categorySelectItems"
@@ -692,7 +805,7 @@ watch(() => selectedFieldKey.value, () => {
               </div>
             </div>
 
-            <div class="builder-toolbar-actions">
+            <div :class="toolbarActionsClass">
               <div class="builder-status">
                 <span v-if="loadingRemoteForm">{{ t("builder.loadingForm") }}</span>
                 <span v-if="formattedLastSavedAt !== null">{{ t("builder.lastSave", { value: formattedLastSavedAt }) }}</span>
@@ -711,21 +824,14 @@ watch(() => selectedFieldKey.value, () => {
                   {{ t("builder.save") }}
                 </UButton>
                 <UButton
-                  color="primary"
-                  :loading="publishing"
-                  :disabled="readonly || !publishable"
-                  @click="publish"
-                >
-                  {{ t("builder.publish") }}
-                </UButton>
-                <UButton
-                  color="neutral"
-                  variant="soft"
+                  v-if="!disablePublishAction && !defaultPublished"
+                  :color="publishButtonColor"
+                  :variant="publishButtonVariant"
                   :loading="publishing"
-                  :disabled="readonly || draftMutationIdentifier === null"
-                  @click="unpublish"
+                  :disabled="!canTogglePublish"
+                  @click="togglePublishState"
                 >
-                  {{ t("builder.unpublish") }}
+                  {{ publishButtonLabel }}
                 </UButton>
               </div>
             </div>
@@ -1155,5 +1261,5 @@ watch(() => selectedFieldKey.value, () => {
 </template>
 
 <style scoped>
-.builder-root{width:100%}.builder-layout{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;width:100%}.builder-column{display:grid;gap:1.5rem;min-width:0;width:100%}.builder-card{border-radius:16px}.builder-toolbar{display:grid;gap:1rem}.builder-toolbar-grid{display:grid;gap:.85rem;grid-template-columns:1fr}.builder-category-control{align-items:center;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto}.builder-toolbar-actions{align-items:center;border-top:1px solid var(--ui-border-muted);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding-top:.85rem}.builder-status{color:var(--ui-text-muted);font-size:.82rem}.builder-error{color:var(--ui-error);margin-left:.5rem}.builder-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.builder-stack{display:grid;gap:1rem}.pages-stack{gap:2.25rem}.drag-handle{color:var(--ui-text-muted);cursor:grab;padding-top:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-block{display:grid;gap:1rem}.page-meta-card{border-radius:16px}.page-chip-row{margin-bottom:.65rem}.page-header{align-items:start;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) auto}.page-header-main{display:grid;gap:.6rem;min-width:0}.page-actions{align-items:center;display:inline-flex;gap:.25rem}.page-questions-stack{gap:1rem}.field-card{border-left:4px solid transparent;border-radius:14px;cursor:pointer}.field-card--active{border-left-color:var(--ui-primary)}.field-shell{display:grid;gap:.85rem}.field-head{align-items:center;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) minmax(220px,280px)}.field-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.field-required-switch{align-items:center;color:var(--ui-text-toned);display:inline-flex;font-size:.82rem;gap:.5rem;margin-left:auto}.field-preview{color:var(--ui-text-muted);font-size:.84rem;margin:0}.field-inline-preview{background:var(--ui-bg-muted);border-radius:10px;display:grid;gap:.5rem;padding:.75rem}.field-inline-preview-label{color:var(--ui-text-muted);font-size:.8rem;margin:0}.field-inline-preview-line{border-bottom:1px dashed var(--ui-border-accented);height:1.4rem;width:min(32rem,100%)}.field-inline-preview-textarea{display:grid;gap:.5rem;width:min(32rem,100%)}.field-inline-preview-textarea>span{border-bottom:1px dashed var(--ui-border-accented);display:block;height:1.2rem}.field-advanced{border-top:1px solid var(--ui-border-muted);padding-top:.75rem}.field-advanced-summary{color:var(--ui-text-toned);cursor:pointer;font-size:.82rem;font-weight:500}.field-advanced-body{background:var(--ui-bg-elevated);border-radius:12px;display:grid;gap:.75rem;margin-top:.75rem;padding:.75rem}.field-advanced-grid{display:grid;gap:.65rem}.field-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-options,.field-toggle-grid{display:grid;gap:.6rem}.field-option-row{align-items:center;display:grid;gap:.45rem;grid-template-columns:minmax(0,1fr) auto}.field-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}.field-file,.field-numbers{display:grid;gap:.55rem}.conditions-card{border-radius:16px}.builder-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.conditions-title{font-size:.95rem;font-weight:600}.condition-card{border:1px solid var(--ui-border-muted);border-radius:12px;display:grid;gap:.75rem;padding:.75rem}.condition-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.builder-rail-column{display:flex;justify-content:center;width:4.25rem}.builder-rail{background:var(--ui-bg);border:1px solid var(--ui-border-muted);border-radius:14px;box-shadow:0 8px 24px color-mix(in srgb,var(--ui-text) 8%,transparent);display:flex;flex-direction:column;gap:.5rem;padding:.5rem;position:fixed;transition:top .12s ease,left .12s ease;z-index:20}.rail-action{height:2.75rem;justify-content:center;width:2.75rem}@media (min-width:1024px){.builder-toolbar-grid{grid-template-columns:1.2fr .8fr}}@media (max-width:1024px){.builder-layout{display:block}.builder-rail{bottom:.85rem;flex-direction:row;left:auto!important;position:fixed;right:.85rem;top:auto!important}}@media (max-width:768px){.page-header{grid-template-columns:minmax(0,1fr) auto}.page-drag-handle{display:none}.field-head{grid-template-columns:minmax(0,1fr)}.field-drag-handle{display:none}.field-numbers,.field-toggle-grid{grid-template-columns:1fr}.field-required-switch{margin-left:0}}
+.builder-root{width:100%}.builder-layout{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;width:100%}.builder-column{display:grid;gap:1.5rem;min-width:0;width:100%}.builder-card{border-radius:16px}.builder-toolbar{display:grid;gap:1rem}.builder-toolbar-grid{display:grid;gap:.85rem;grid-template-columns:1fr}.builder-category-control{align-items:center;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto}.builder-toolbar-actions{align-items:center;border-top:1px solid var(--ui-border-muted);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding-top:.85rem}.builder-toolbar-actions--compact{border-top:none;padding-top:0}.builder-status{color:var(--ui-text-muted);font-size:.82rem}.builder-error{color:var(--ui-error);margin-left:.5rem}.builder-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.builder-stack{display:grid;gap:1rem}.pages-stack{gap:2.25rem}.drag-handle{color:var(--ui-text-muted);cursor:grab;padding-top:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-block{display:grid;gap:1rem}.page-meta-card{border-radius:16px}.page-chip-row{margin-bottom:.65rem}.page-header{align-items:start;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) auto}.page-header-main{display:grid;gap:.6rem;min-width:0}.page-actions{align-items:center;display:inline-flex;gap:.25rem}.page-questions-stack{gap:1rem}.field-card{border-left:4px solid transparent;border-radius:14px;cursor:pointer}.field-card--active{border-left-color:var(--ui-primary)}.field-shell{display:grid;gap:.85rem}.field-head{align-items:center;display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) minmax(220px,280px)}.field-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.field-required-switch{align-items:center;color:var(--ui-text-toned);display:inline-flex;font-size:.82rem;gap:.5rem;margin-left:auto}.field-preview{color:var(--ui-text-muted);font-size:.84rem;margin:0}.field-inline-preview{background:var(--ui-bg-muted);border-radius:10px;display:grid;gap:.5rem;padding:.75rem}.field-inline-preview-label{color:var(--ui-text-muted);font-size:.8rem;margin:0}.field-inline-preview-line{border-bottom:1px dashed var(--ui-border-accented);height:1.4rem;width:min(32rem,100%)}.field-inline-preview-textarea{display:grid;gap:.5rem;width:min(32rem,100%)}.field-inline-preview-textarea>span{border-bottom:1px dashed var(--ui-border-accented);display:block;height:1.2rem}.field-advanced{border-top:1px solid var(--ui-border-muted);padding-top:.75rem}.field-advanced-summary{color:var(--ui-text-toned);cursor:pointer;font-size:.82rem;font-weight:500}.field-advanced-body{background:var(--ui-bg-elevated);border-radius:12px;display:grid;gap:.75rem;margin-top:.75rem;padding:.75rem}.field-advanced-grid{display:grid;gap:.65rem}.field-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-options,.field-toggle-grid{display:grid;gap:.6rem}.field-option-row{align-items:center;display:grid;gap:.45rem;grid-template-columns:minmax(0,1fr) auto}.field-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}.field-file,.field-numbers{display:grid;gap:.55rem}.conditions-card{border-radius:16px}.builder-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.conditions-title{font-size:.95rem;font-weight:600}.condition-card{border:1px solid var(--ui-border-muted);border-radius:12px;display:grid;gap:.75rem;padding:.75rem}.condition-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.builder-rail-column{display:flex;justify-content:center;width:4.25rem}.builder-rail{background:var(--ui-bg);border:1px solid var(--ui-border-muted);border-radius:14px;box-shadow:0 8px 24px color-mix(in srgb,var(--ui-text) 8%,transparent);display:flex;flex-direction:column;gap:.5rem;padding:.5rem;position:fixed;transition:top .12s ease,left .12s ease;z-index:20}.rail-action{height:2.75rem;justify-content:center;width:2.75rem}@media (min-width:1024px){.builder-toolbar-grid{grid-template-columns:1.2fr .8fr}}@media (max-width:1024px){.builder-layout{display:block}.builder-rail{bottom:.85rem;flex-direction:row;left:auto!important;position:fixed;right:.85rem;top:auto!important}}@media (max-width:768px){.page-header{grid-template-columns:minmax(0,1fr) auto}.page-drag-handle{display:none}.field-head{grid-template-columns:minmax(0,1fr)}.field-drag-handle{display:none}.field-numbers,.field-toggle-grid{grid-template-columns:1fr}.field-required-switch{margin-left:0}}
 </style>

package/dist/runtime/renderers/default/FormForgeBuilder.vue.d.ts

@@ -10,6 +10,10 @@ interface Props {
     autosave?: boolean;
     autosaveDelay?: number;
     readonly?: boolean;
+    disableTitleInput?: boolean;
+    disableCategoryControl?: boolean;
+    disablePublishAction?: boolean;
+    defaultPublished?: boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (value: string) => any;
@@ -34,6 +38,10 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
     modelValue: Partial<FormForgeBuilderDraft>;
     autosave: boolean;
     autosaveDelay: number;
+    disableTitleInput: boolean;
+    disableCategoryControl: boolean;
+    disablePublishAction: boolean;
+    defaultPublished: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/renderers/default/FormForgeRenderer.d.vue.ts

@@ -5,6 +5,12 @@ interface FormForgeValidationError {
 }
 type FormForgeValidationHandler = (state: FormForgeSubmissionPayload) => FormForgeValidationError[] | Promise<FormForgeValidationError[]>;
 type FormForgeProgressVariant = 'stepper' | 'progress';
+type FormForgeValidateEvent = 'input' | 'change' | 'blur';
+interface FormForgeExposedError {
+    id?: string;
+    name?: string;
+    message: string;
+}
 interface Props {
     schema?: FormForgeFormSchema | {
         value: FormForgeFormSchema | null;
@@ -30,8 +36,25 @@ interface Props {
     showProgress?: boolean;
     progressVariant?: FormForgeProgressVariant;
     showAlertOnError?: boolean;
+    validateOn?: FormForgeValidateEvent[];
+    validateOnBlur?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+type FormForgeValidateOptions = {
+    name?: string | string[];
+    silent?: boolean;
+    nested?: boolean;
+    transform?: boolean;
+};
+declare function validateForm(options?: FormForgeValidateOptions): Promise<boolean>;
+declare function validateField(name: string): Promise<boolean>;
+declare function clearErrors(path?: string | RegExp): void;
+declare function getErrors(path?: string | RegExp): FormForgeExposedError[];
+declare const __VLS_export: import("vue").DefineComponent<Props, {
+    validate: typeof validateForm;
+    validateField: typeof validateField;
+    clearErrors: typeof clearErrors;
+    getErrors: typeof getErrors;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: (value: FormForgeSubmissionPayload) => any;
     error: (value: string) => any;
     "update:modelValue": (value: FormForgeSubmissionPayload) => any;
@@ -66,6 +89,8 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
     showProgress: boolean;
     progressVariant: FormForgeProgressVariant;
     showAlertOnError: boolean;
+    validateOn: FormForgeValidateEvent[];
+    validateOnBlur: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/renderers/default/FormForgeRenderer.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, ref, watch } from "#imports";
+import { computed, ref, useTemplateRef, watch } from "#imports";
 import { getLocalTimeZone, parseAbsoluteToLocal, parseDate, parseDateTime, parseTime } from "@internationalized/date";
 import UCheckbox from "@nuxt/ui/components/Checkbox.vue";
 import UCheckboxGroup from "@nuxt/ui/components/CheckboxGroup.vue";
@@ -37,12 +37,15 @@ const props = defineProps({
   clearAfterSubmit: { type: Boolean, required: false, default: false },
   showProgress: { type: Boolean, required: false, default: false },
   progressVariant: { type: String, required: false, default: "stepper" },
-  showAlertOnError: { type: Boolean, required: false, default: false }
+  showAlertOnError: { type: Boolean, required: false, default: false },
+  validateOn: { type: Array, required: false, default: void 0 },
+  validateOnBlur: { type: Boolean, required: false, default: void 0 }
 });
 const { t } = useFormForgeI18n({
   locale: () => props.clientConfig?.locale
 });
 const emit = defineEmits(["update:modelValue", "submit", "submitted", "error"]);
+const rendererForm = useTemplateRef("rendererForm");
 function isRefLike(value) {
   if (typeof value !== "object" || value === null) {
     return false;
@@ -79,8 +82,11 @@ function unwrapZodSchemaProp(value) {
   }
   return value;
 }
-const usesExternalState = computed(() => {
-  return props.schema !== void 0 && props.modelValue !== void 0;
+const usesExternalModel = computed(() => {
+  return props.modelValue !== void 0;
+});
+const usesExternalSchema = computed(() => {
+  return props.schema !== void 0;
 });
 const internalFormKey = computed(() => {
   if (props.formKey === void 0 || props.formKey.trim() === "") {
@@ -106,10 +112,10 @@ const internalSubmit = useFormForgeSubmit({
 const submittedResponse = ref(null);
 const rendererErrors = ref([]);
 watch(
-  () => [usesExternalState.value, internalFormKey.value, props.formVersion],
-  async ([externalState, formKey]) => {
+  () => [usesExternalSchema.value, internalFormKey.value, props.formVersion],
+  async ([externalSchema, formKey]) => {
     submittedResponse.value = null;
-    if (externalState || formKey === "") {
+    if (externalSchema || formKey === "") {
       return;
     }
     await internalForm.fetchSchema().catch(() => {
@@ -120,27 +126,27 @@ watch(
   }
 );
 function getResolvedSchema() {
-  if (usesExternalState.value) {
+  if (usesExternalSchema.value) {
     return unwrapSchemaProp(props.schema);
   }
   return internalForm.schema.value;
 }
 function getResolvedZodSchema() {
-  if (usesExternalState.value) {
+  if (usesExternalSchema.value) {
     return unwrapZodSchemaProp(props.zodSchema);
   }
   return internalForm.zodSchema.value;
 }
 const formState = computed({
   get: () => {
-    const value = usesExternalState.value ? unwrapModelValueProp(props.modelValue) : internalForm.state.value;
+    const value = usesExternalModel.value ? unwrapModelValueProp(props.modelValue) : internalForm.state.value;
     if (typeof value !== "object" || value === null || Array.isArray(value)) {
       return {};
     }
     return value;
   },
   set: (value) => {
-    if (usesExternalState.value) {
+    if (usesExternalModel.value) {
       emit("update:modelValue", value);
       return;
     }
@@ -635,6 +641,68 @@ function onFormError(event) {
   rendererErrors.value = errors;
   navigateToFirstErrorPage(errors);
 }
+async function validateForm(options = {}) {
+  const formInstance = rendererForm.value;
+  if (formInstance === void 0) {
+    return true;
+  }
+  try {
+    await formInstance.validate(options);
+    rendererErrors.value = [];
+    return true;
+  } catch {
+    const errors = formInstance.getErrors();
+    rendererErrors.value = errors.map((error) => ({
+      id: error.id,
+      name: error.name,
+      message: error.message
+    }));
+    navigateToFirstErrorPage(rendererErrors.value);
+    return false;
+  }
+}
+async function validateField(name) {
+  return validateForm({
+    name
+  });
+}
+function clearErrors(path) {
+  const formInstance = rendererForm.value;
+  if (formInstance === void 0) {
+    return;
+  }
+  formInstance.clear(path);
+  rendererErrors.value = [];
+}
+function getErrors(path) {
+  const formInstance = rendererForm.value;
+  if (formInstance === void 0) {
+    return [];
+  }
+  return formInstance.getErrors(path);
+}
+const shouldValidateFieldOnBlur = computed(() => {
+  if (props.validateOnBlur !== void 0) {
+    return props.validateOnBlur;
+  }
+  if (Array.isArray(props.validateOn)) {
+    return props.validateOn.includes("blur");
+  }
+  return usesExternalModel.value;
+});
+function onFieldBlur(fieldName) {
+  if (!shouldValidateFieldOnBlur.value) {
+    return;
+  }
+  validateField(fieldName).catch(() => {
+  });
+}
+defineExpose({
+  validate: validateForm,
+  validateField,
+  clearErrors,
+  getErrors
+});
 function hasDateMethod(value) {
   if (value === null || Array.isArray(value) || typeof value !== "object") {
     return false;
@@ -841,7 +909,7 @@ function getComponentModelValue(field) {
 }
 function getComponentProps(field, page) {
   const metaUi = getFieldMetaUi(field);
-  const isDisabled = props.disabled || !usesExternalState.value && internalSubmit.submitting.value || isFieldDisabled(field, page);
+  const isDisabled = props.disabled || !usesExternalModel.value && internalSubmit.submitting.value || isFieldDisabled(field, page);
   const componentProps = {
     name: field.name,
     required: isFieldRequired(field),
@@ -900,7 +968,7 @@ function onFieldModelUpdate(field, nextValue) {
 async function onSubmit() {
   rendererErrors.value = [];
   emit("submit", formState.value);
-  if (usesExternalState.value) {
+  if (usesExternalModel.value) {
     return;
   }
   if (internalFormKey.value === "") {
@@ -943,9 +1011,11 @@ async function onSubmit() {
 
 <template>
   <UForm
+    ref="rendererForm"
     :state="formState"
     :schema="getResolvedZodSchema()"
-    :validate="validate"
+    :validate="props.validate"
+    :validate-on="props.validateOn"
     @submit="onSubmit"
     @error="onFormError"
   >
@@ -967,14 +1037,14 @@ async function onSubmit() {
       />
 
       <UAlert
-        v-if="!usesExternalState && internalForm.loading.value"
+        v-if="!usesExternalSchema && internalForm.loading.value"
         color="neutral"
         variant="soft"
         :title="t('renderer.loadingForm')"
       />
 
       <UAlert
-        v-if="!usesExternalState && internalForm.error.value"
+        v-if="!usesExternalSchema && internalForm.error.value"
         color="error"
         variant="soft"
         :title="t('renderer.error.loadForm')"
@@ -982,7 +1052,7 @@ async function onSubmit() {
       />
 
       <UAlert
-        v-if="!usesExternalState && internalSubmit.error.value"
+        v-if="!usesExternalModel && internalSubmit.error.value"
         color="error"
         variant="soft"
         :title="t('renderer.error.submit')"
@@ -1009,7 +1079,7 @@ async function onSubmit() {
       </UAlert>
 
       <UAlert
-        v-if="!usesExternalState && submittedResponse !== null"
+        v-if="!usesExternalModel && submittedResponse !== null"
         color="success"
         variant="soft"
         :title="t('renderer.alert.submitted')"
@@ -1050,6 +1120,7 @@ async function onSubmit() {
             :help="field.help_text"
             :required="isFieldRequired(field)"
             :ui="getFieldMetaUi(field).formField"
+            @focusout="() => onFieldBlur(field.name)"
           >
             <UInput
               v-if="field.type === 'text' || field.type === 'email'"
@@ -1162,7 +1233,7 @@ async function onSubmit() {
         </UButton>
 
         <UButton
-          v-else-if="!usesExternalState && showSubmit"
+          v-else-if="!usesExternalModel && showSubmit"
           type="submit"
           :loading="internalSubmit.submitting.value"
           :disabled="internalForm.loading.value || getResolvedSchema() === null"
@@ -1172,7 +1243,7 @@ async function onSubmit() {
       </div>
 
       <div
-        v-else-if="!usesExternalState && showSubmit"
+        v-else-if="!usesExternalModel && showSubmit"
         class="flex justify-end"
       >
         <UButton

package/dist/runtime/renderers/default/FormForgeRenderer.vue.d.ts

@@ -5,6 +5,12 @@ interface FormForgeValidationError {
 }
 type FormForgeValidationHandler = (state: FormForgeSubmissionPayload) => FormForgeValidationError[] | Promise<FormForgeValidationError[]>;
 type FormForgeProgressVariant = 'stepper' | 'progress';
+type FormForgeValidateEvent = 'input' | 'change' | 'blur';
+interface FormForgeExposedError {
+    id?: string;
+    name?: string;
+    message: string;
+}
 interface Props {
     schema?: FormForgeFormSchema | {
         value: FormForgeFormSchema | null;
@@ -30,8 +36,25 @@ interface Props {
     showProgress?: boolean;
     progressVariant?: FormForgeProgressVariant;
     showAlertOnError?: boolean;
+    validateOn?: FormForgeValidateEvent[];
+    validateOnBlur?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+type FormForgeValidateOptions = {
+    name?: string | string[];
+    silent?: boolean;
+    nested?: boolean;
+    transform?: boolean;
+};
+declare function validateForm(options?: FormForgeValidateOptions): Promise<boolean>;
+declare function validateField(name: string): Promise<boolean>;
+declare function clearErrors(path?: string | RegExp): void;
+declare function getErrors(path?: string | RegExp): FormForgeExposedError[];
+declare const __VLS_export: import("vue").DefineComponent<Props, {
+    validate: typeof validateForm;
+    validateField: typeof validateField;
+    clearErrors: typeof clearErrors;
+    getErrors: typeof getErrors;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: (value: FormForgeSubmissionPayload) => any;
     error: (value: string) => any;
     "update:modelValue": (value: FormForgeSubmissionPayload) => any;
@@ -66,6 +89,8 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
     showProgress: boolean;
     progressVariant: FormForgeProgressVariant;
     showAlertOnError: boolean;
+    validateOn: FormForgeValidateEvent[];
+    validateOnBlur: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/types/management.d.ts

@@ -10,6 +10,8 @@ export interface FormForgeManagementCreateInput {
     category?: string | null;
     meta?: FormForgeJsonObject;
     api?: FormForgeJsonObject;
+    auto_publish?: boolean;
+    autoPublish?: boolean;
 }
 export interface FormForgeManagementPatchInput {
     title?: string;
@@ -20,6 +22,8 @@ export interface FormForgeManagementPatchInput {
     category?: string | null;
     meta?: FormForgeJsonObject;
     api?: FormForgeJsonObject;
+    auto_publish?: boolean;
+    autoPublish?: boolean;
 }
 export type FormForgeManagementForm = FormForgeJsonObject & {
     id?: string | number;

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "@evanschleret/formforgeclient",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Nuxt module and runtime client for FormForge",
   "license": "MIT",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EvanSchleret/formforgeclient.git"
+  },
   "main": "./dist/module.cjs",
   "module": "./dist/module.mjs",
   "types": "./dist/module.d.ts",