@softwareproduction/nuxt-introspection-forms 0.1.0 → 0.2.0

package/README.md

@@ -297,6 +297,11 @@ async function submit() {
 
 The component internally creates a Dryv validation session when rules are provided and exposes the `validate` function via `v-model:validate`. Validation errors appear inline beneath each field automatically.
 
+Requirements:
+
+- Install `@softwareproduction/dryvue` (≥ 2.1). With the default `dryv: 'auto'` this module then provides `useDryv` to `<IntrospectionForm>`; passing rules without it throws instead of silently skipping validation.
+- The Dryv Vue plugin must also be installed so validators are reactive — add [`@softwareproduction/nuxt-dryv`](https://www.npmjs.com/package/@softwareproduction/nuxt-dryv) to `modules` (or `app.use(Dryv)` from `@softwareproduction/dryvue` in a plugin). Without it, messages only appear after the next re-render.
+
 ## Advanced Configuration
 
 ### Multiple Form Configs (Spread Pattern)
@@ -342,3 +347,17 @@ const form = useIntrospectionForm({
 ## License
 
 MIT
+
+## 0.2.0 (breaking)
+
+- Components resolve from `@softwareproduction/introspection-forms/components/*.vue` (SFCs now shipped in dist + transpiled for SSR).
+- The module `defaults` option was removed. Register defaults/translate in your own plugin:
+  ```ts
+  // plugins/forms.ts
+  import { IntrospectionFormsPlugin } from '@softwareproduction/introspection-forms/plugin'
+  export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.use(IntrospectionFormsPlugin, {defaults: {/* component mapping */}, translate})
+  })
+  ```
+- Validation: `@softwareproduction/dryvue` is wired via injection (`dryv: 'auto' | true | false`, default 'auto'). `dryv: true` without the package installed fails the build.
+- `IntrospectionForm` storage defaults to `'session'` — pass `storage="none"` for personal data.

package/dist/module.d.mts

@@ -7,22 +7,12 @@ interface ModuleOptions {
      */
     generatedPath?: string;
     /**
-     * Component mapping configuration for automatic field resolution.
-     * Configure which Vue components render which field types.
+     * Provide `useDryv` from `@softwareproduction/dryvue` to IntrospectionForm
+     * for validation. 'auto' enables it when the package is resolvable;
+     * `true` requires it (build fails otherwise); `false` disables it.
+     * @default 'auto'
      */
-    defaults?: {
-        /** Map field TypeScript types (string, number, boolean, enum) to component configs. */
-        byFieldType?: Record<string, unknown>;
-        /** Map original GraphQL types (DateTime, etc.) to component configs. */
-        byOriginalType?: Record<string, unknown>;
-        /** Match field names by regex to component configs. */
-        byFieldName?: {
-            regexp: RegExp;
-            config: unknown;
-        }[];
-        /** Filter enum values by original type name. */
-        enumFilters?: Record<string, (values: string[]) => string[]>;
-    };
+    dryv?: boolean | 'auto';
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 

package/dist/module.d.ts

@@ -7,22 +7,12 @@ interface ModuleOptions {
      */
     generatedPath?: string;
     /**
-     * Component mapping configuration for automatic field resolution.
-     * Configure which Vue components render which field types.
+     * Provide `useDryv` from `@softwareproduction/dryvue` to IntrospectionForm
+     * for validation. 'auto' enables it when the package is resolvable;
+     * `true` requires it (build fails otherwise); `false` disables it.
+     * @default 'auto'
      */
-    defaults?: {
-        /** Map field TypeScript types (string, number, boolean, enum) to component configs. */
-        byFieldType?: Record<string, unknown>;
-        /** Map original GraphQL types (DateTime, etc.) to component configs. */
-        byOriginalType?: Record<string, unknown>;
-        /** Match field names by regex to component configs. */
-        byFieldName?: {
-            regexp: RegExp;
-            config: unknown;
-        }[];
-        /** Filter enum values by original type name. */
-        enumFilters?: Record<string, (values: string[]) => string[]>;
-    };
+    dryv?: boolean | 'auto';
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.16.0 || ^4.0.0"
   },
-  "version": "0.1.0",
+  "version": "0.2.0",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addComponent, addImportsDir, addPlugin } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addComponent, addImportsDir, tryResolveModule, addPlugin } from '@nuxt/kit';
 import { join } from 'path';
 
 const module = defineNuxtModule({
@@ -10,39 +10,35 @@ const module = defineNuxtModule({
     }
   },
   defaults: {
-    generatedPath: "types/generated/introspection"
+    generatedPath: "types/generated/introspection",
+    dryv: "auto"
   },
-  setup(options, nuxt) {
+  async setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
+    nuxt.options.build.transpile.push("@softwareproduction/introspection-forms");
     addComponent({
       name: "IntrospectionForm",
-      filePath: "@softwareproduction/introspection-forms",
-      export: "IntrospectionForm"
+      filePath: "@softwareproduction/introspection-forms/components/IntrospectionForm.vue"
     });
     addComponent({
       name: "IntrospectionField",
-      filePath: "@softwareproduction/introspection-forms",
-      export: "IntrospectionField"
+      filePath: "@softwareproduction/introspection-forms/components/IntrospectionField.vue"
     });
     nuxt.options.alias["#introspection-types"] = join(nuxt.options.rootDir, options.generatedPath);
-    nuxt.options.alias["#introspection-forms"] = "@softwareproduction/introspection-forms";
     addImportsDir(resolver.resolve("./runtime/composables"));
-    addPlugin({
-      src: resolver.resolve("./runtime/plugins/introspection-forms.client"),
-      mode: "all"
-    });
-    nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
-    nuxt.options.runtimeConfig.__introspectionFormsDefaults = options.defaults ? JSON.parse(JSON.stringify(options.defaults, (_key, value) => {
-      if (value instanceof RegExp)
-        return `__REGEXP__${value.source}__FLAGS__${value.flags}`;
-      if (typeof value === "function")
-        return `__FUNCTION__${value.toString()}`;
-      return value;
-    })) : void 0;
-    nuxt.options.appConfig = nuxt.options.appConfig || {};
-    nuxt.options.appConfig.introspectionForms = {
-      hasDefaults: !!options.defaults
-    };
+    const dryvRequested = options.dryv === true || options.dryv === "auto";
+    const dryvPath = await tryResolveModule("@softwareproduction/dryvue", nuxt.options.modulesDir);
+    if (options.dryv === true && !dryvPath) {
+      throw new Error(
+        "introspectionForms.dryv is enabled but @softwareproduction/dryvue is not installed. Run `yarn add @softwareproduction/dryvue` (peer, >=2.1.0)."
+      );
+    }
+    if (dryvRequested && dryvPath) {
+      addPlugin({
+        src: resolver.resolve("./runtime/plugins/dryv"),
+        mode: "all"
+      });
+    }
   }
 });
 

package/dist/runtime/plugins/dryv.js

@@ -0,0 +1,6 @@
+import { defineNuxtPlugin } from "nuxt/app";
+import { useDryv } from "@softwareproduction/dryvue";
+import { INTROSPECTION_FORMS_USE_DRYV_KEY } from "@softwareproduction/introspection-forms/plugin";
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.provide(INTROSPECTION_FORMS_USE_DRYV_KEY, useDryv);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softwareproduction/nuxt-introspection-forms",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Nuxt module for introspection-forms — schema-driven form generation from GraphQL",
   "author": "Munir Husseini (https://github.com/mhusseini)",
   "license": "MIT",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.16.0",
-    "@softwareproduction/introspection-forms": "0.1.0"
+    "@softwareproduction/introspection-forms": "0.2.0"
   },
   "peerDependencies": {
     "nuxt": "^3.16.0 || ^4.0.0",

package/dist/runtime/plugins/introspection-forms.client.js

@@ -1,11 +0,0 @@
-import { defineNuxtPlugin } from "#app";
-import { INTROSPECTION_FORMS_KEY } from "@softwareproduction/introspection-forms";
-export default defineNuxtPlugin({
-  name: "introspection-forms",
-  setup(nuxtApp) {
-    const existingDefaults = nuxtApp.$introspectionForms;
-    if (existingDefaults) {
-      nuxtApp.vueApp.provide(INTROSPECTION_FORMS_KEY, existingDefaults);
-    }
-  }
-});