@tgb-form/vue 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 The @tgb-form Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,106 @@
+# @tgb-form/vue
+
+Vue 3 adapter for TGB Form definitions and TanStack Vue Form.
+
+The adapter renders a `RuntimeFormDefinition` with `TgbForm`, resolves fields through a Vue renderer registry, and passes TanStack field state to renderer components.
+
+## Supported Flows
+
+- Implicit: `TgbForm` creates the TanStack form instance and reads renderers from `TgbFormProvider`.
+- Hybrid: pass either `instance` or `renderers`, while `TgbForm` supplies the rest.
+- Fully explicit: pass both `instance` and `renderers` directly to `TgbForm`.
+
+## Public API
+
+- `TgbFormProvider`
+- `TgbForm`
+- `TgbFormField`
+- `createVueRendererRegistry`
+- `BaseVueRendererProps`
+- `VueRenderer`
+- `VueRendererField`
+- `VueRendererProps`
+- `VueRendererRegistry`
+- `TgbFormTanStackForm`
+
+## Quick Start
+
+```vue
+<script setup lang="ts">
+  import { defineComponent, h } from 'vue';
+  import { defineForm, FieldDataType, ValidationRuleKind } from '@tgb-form/core';
+  import { TgbForm, TgbFormProvider, createVueRendererRegistry } from '@tgb-form/vue';
+
+  const definition = defineForm({
+    fields: {
+      email: {
+        type: FieldDataType.String,
+        defaultValue: '',
+        label: 'Email',
+        component: 'email-input',
+        props: { placeholder: 'you@example.com' },
+        rules: [{ kind: ValidationRuleKind.Email, message: 'Enter a valid email' }],
+      },
+    },
+  });
+
+  const TextField = defineComponent({
+    props: ['field', 'label', 'props', 'value', 'errors'],
+    setup(props) {
+      return () =>
+        h('label', [
+          h('span', props.label),
+          h('input', {
+            value: props.value,
+            placeholder: props.props?.placeholder,
+            onBlur: props.field.handleBlur,
+            onInput: (event: Event) => {
+              props.field.handleChange((event.target as HTMLInputElement).value);
+            },
+          }),
+          props.errors?.length ? h('small', props.errors.join(', ')) : null,
+        ]);
+    },
+  });
+
+  const renderers = createVueRendererRegistry({
+    byName: {
+      'email-input': TextField,
+    },
+    byType: {
+      [FieldDataType.String]: TextField,
+    },
+  });
+</script>
+
+<template>
+  <TgbFormProvider :renderers="renderers">
+    <TgbForm
+      :definition="definition"
+      :tanstack-options="{ onSubmit: async ({ value }) => console.log(value) }"
+    />
+  </TgbFormProvider>
+</template>
+```
+
+## Component Props
+
+`TgbFormProvider` accepts:
+
+- `renderers`: renderer registry shared by descendant forms and fields.
+
+`TgbForm` accepts:
+
+- `definition`: normalized form definition.
+- `instance`: optional TanStack form instance created by `useForm`.
+- `tanstackOptions`: options merged into `toTanStackOptions` when `TgbForm` creates the form.
+- `renderers`: renderer registry; overrides provider.
+- `fields`: optional list of field names to render.
+
+`TgbFormField` accepts:
+
+- `name`: field name.
+- `field`: field definition.
+- `renderers`: optional renderer registry; overrides provider.
+
+Renderer props include `name`, `field`, `form`, `label`, `description`, `props`, `value`, and `errors`.

package/dist/index.d.ts

@@ -0,0 +1,133 @@
+import { FieldDataType, FieldDefinition, RendererRegistry, RuntimeFormDefinition, TgbFormTanStackOptions } from "@tgb-form/core";
+import { Component, InjectionKey, PropType } from "vue";
+import { AnyFieldApi, AnyFormApi, VueFormApi } from "@tanstack/vue-form";
+//#region src/types.d.ts
+type VueRendererField = AnyFieldApi;
+type VueRendererProps = {
+  readonly name: string;
+  readonly field: VueRendererField;
+  readonly form: TgbFormTanStackForm;
+  readonly label?: string;
+  readonly description?: string;
+  readonly props?: Record<string, unknown>;
+  readonly value: unknown;
+  readonly errors: readonly unknown[];
+};
+type BaseVueRendererProps = VueRendererProps;
+type VueRenderer = Component;
+type VueRendererRegistry<TByName extends Readonly<Record<string, VueRenderer>> = Readonly<Record<string, VueRenderer>>, TByType extends Partial<Readonly<Record<FieldDataType, VueRenderer>>> = Partial<Readonly<Record<FieldDataType, VueRenderer>>>> = RendererRegistry<TByName, TByType>;
+type TgbFormTanStackForm = AnyFormApi & VueFormApi<any, any, any, any, any, any, any, any, any, any, any, any>;
+declare function createVueRendererRegistry<const TByName extends Readonly<Record<string, VueRenderer>> = {}, const TByType extends Partial<Readonly<Record<FieldDataType, VueRenderer>>> = {}>(registry: {
+  readonly byName?: TByName;
+  readonly byType?: TByType;
+}): VueRendererRegistry<TByName, TByType>;
+//#endregion
+//#region src/TgbForm.d.ts
+declare const TgbForm: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  definition: {
+    type: PropType<RuntimeFormDefinition>;
+    required: true;
+  };
+  instance: {
+    type: PropType<TgbFormTanStackForm>;
+    default: undefined;
+  };
+  tanstackOptions: {
+    type: PropType<TgbFormTanStackOptions>;
+    default: undefined;
+  };
+  renderers: {
+    type: PropType<VueRendererRegistry>;
+    default: undefined;
+  };
+  fields: {
+    type: PropType<readonly string[]>;
+    default: undefined;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  definition: {
+    type: PropType<RuntimeFormDefinition>;
+    required: true;
+  };
+  instance: {
+    type: PropType<TgbFormTanStackForm>;
+    default: undefined;
+  };
+  tanstackOptions: {
+    type: PropType<TgbFormTanStackOptions>;
+    default: undefined;
+  };
+  renderers: {
+    type: PropType<VueRendererRegistry>;
+    default: undefined;
+  };
+  fields: {
+    type: PropType<readonly string[]>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  renderers: VueRendererRegistry;
+  instance: TgbFormTanStackForm;
+  tanstackOptions: TgbFormTanStackOptions;
+  fields: readonly string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+//#region src/TgbFormField.d.ts
+declare const TgbFormField: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  name: {
+    type: StringConstructor;
+    required: true;
+  };
+  field: {
+    type: PropType<FieldDefinition>;
+    required: true;
+  };
+  renderers: {
+    type: PropType<VueRendererRegistry | undefined>;
+    default: undefined;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  name: {
+    type: StringConstructor;
+    required: true;
+  };
+  field: {
+    type: PropType<FieldDefinition>;
+    required: true;
+  };
+  renderers: {
+    type: PropType<VueRendererRegistry | undefined>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  renderers: VueRendererRegistry | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+//#region src/TgbFormProvider.d.ts
+type TgbFormRegistries = {
+  renderers?: VueRendererRegistry;
+};
+declare const TgbFormRegistriesKey: InjectionKey<TgbFormRegistries>;
+declare const TgbFormInstanceKey: InjectionKey<unknown>;
+declare const TgbFormProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  renderers: {
+    type: PropType<VueRendererRegistry>;
+    default: undefined;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  renderers: {
+    type: PropType<VueRendererRegistry>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  renderers: VueRendererRegistry;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { type BaseVueRendererProps, TgbForm, TgbFormField, TgbFormInstanceKey, TgbFormProvider, TgbFormRegistriesKey, type TgbFormTanStackForm, type VueRenderer, type VueRendererField, type VueRendererProps, type VueRendererRegistry, createVueRendererRegistry };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,118 @@
+import { createRendererRegistry, resolveRenderer, toTanStackOptions } from "@tgb-form/core";
+import { defineComponent, h, inject, markRaw, provide, toRaw } from "vue";
+import { useForm } from "@tanstack/vue-form";
+//#region src/types.ts
+function createVueRendererRegistry(registry) {
+	return createRendererRegistry(registry);
+}
+//#endregion
+//#region src/TgbFormProvider.ts
+const TgbFormRegistriesKey = Symbol("tgb-form-registries");
+const TgbFormInstanceKey = Symbol("tgb-form-instance");
+const TgbFormProvider = defineComponent({
+	name: "TgbFormProvider",
+	props: { renderers: {
+		type: Object,
+		default: void 0
+	} },
+	setup(props, { slots }) {
+		provide(TgbFormRegistriesKey, { renderers: props.renderers });
+		return () => slots.default?.();
+	}
+});
+//#endregion
+//#region src/TgbFormField.ts
+const TgbFormField = defineComponent({
+	name: "TgbFormField",
+	props: {
+		name: {
+			type: String,
+			required: true
+		},
+		field: {
+			type: Object,
+			required: true
+		},
+		renderers: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		return () => {
+			const registries = inject(TgbFormRegistriesKey, null);
+			const renderers = props.renderers ?? registries?.renderers;
+			const form = inject(TgbFormInstanceKey, null);
+			if (!form) throw new Error("TgbFormField must be used inside a TgbForm component");
+			if (!renderers) throw new Error("No renderer registry found. Pass a renderers prop to TgbFormField or to the parent TgbForm.");
+			const FieldComponent = markRaw(toRaw(form.Field));
+			const Renderer = markRaw(toRaw(resolveRenderer(props.field, renderers)));
+			return h(FieldComponent, { name: props.name }, { default: ({ field, state }) => h(Renderer, {
+				name: props.name,
+				field,
+				form,
+				label: props.field.label,
+				description: props.field.description,
+				props: props.field.props,
+				value: state?.value ?? field.state?.value,
+				errors: state?.meta?.errors ?? field.state?.meta?.errors ?? []
+			}) });
+		};
+	}
+});
+//#endregion
+//#region src/TgbForm.ts
+const TgbForm = defineComponent({
+	name: "TgbForm",
+	props: {
+		definition: {
+			type: Object,
+			required: true
+		},
+		instance: {
+			type: Object,
+			default: void 0
+		},
+		tanstackOptions: {
+			type: Object,
+			default: void 0
+		},
+		renderers: {
+			type: Object,
+			default: void 0
+		},
+		fields: {
+			type: Array,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const registries = inject(TgbFormRegistriesKey, null);
+		const renderers = props.renderers ?? registries?.renderers;
+		const form = props.instance !== void 0 ? props.instance : useForm(toTanStackOptions(props.definition, props.tanstackOptions));
+		provide(TgbFormInstanceKey, form);
+		return () => {
+			return h("form", { onSubmit: (event) => {
+				event.preventDefault();
+				form.handleSubmit?.();
+			} }, [...getOrderedFields(props.definition, props.fields).map(({ name, field }) => h(TgbFormField, {
+				key: name,
+				name,
+				field,
+				renderers
+			})), slots.default?.()].filter(Boolean));
+		};
+	}
+});
+function getOrderedFields(definition, fields) {
+	const fieldSet = fields ? new Set(fields) : void 0;
+	return Object.entries(definition.fields).map(([name, field], index) => ({
+		name,
+		field,
+		index
+	})).filter(({ name }) => !fieldSet || fieldSet.has(name)).sort((left, right) => (left.field.order ?? Number.POSITIVE_INFINITY) - (right.field.order ?? Number.POSITIVE_INFINITY) || left.index - right.index);
+}
+//#endregion
+export { TgbForm, TgbFormField, TgbFormInstanceKey, TgbFormProvider, TgbFormRegistriesKey, createVueRendererRegistry };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/types.ts","../src/TgbFormProvider.ts","../src/TgbFormField.ts","../src/TgbForm.ts"],"sourcesContent":["import { createRendererRegistry, type FieldDataType, type RendererRegistry } from '@tgb-form/core';\nimport type { AnyFieldApi, AnyFormApi, VueFormApi } from '@tanstack/vue-form';\nimport type { Component } from 'vue';\n\nexport type VueRendererField = AnyFieldApi;\n\nexport type VueRendererProps = {\n  readonly name: string;\n  readonly field: VueRendererField;\n  readonly form: TgbFormTanStackForm;\n  readonly label?: string;\n  readonly description?: string;\n  readonly props?: Record<string, unknown>;\n  readonly value: unknown;\n  readonly errors: readonly unknown[];\n};\n\nexport type BaseVueRendererProps = VueRendererProps;\n\nexport type VueRenderer = Component;\n\nexport type VueRendererRegistry<\n  TByName extends Readonly<Record<string, VueRenderer>> = Readonly<Record<string, VueRenderer>>,\n  TByType extends Partial<Readonly<Record<FieldDataType, VueRenderer>>> = Partial<\n    Readonly<Record<FieldDataType, VueRenderer>>\n  >,\n> = RendererRegistry<TByName, TByType>;\n\nexport type TgbFormTanStackForm = AnyFormApi &\n  VueFormApi<any, any, any, any, any, any, any, any, any, any, any, any>;\n\nexport function createVueRendererRegistry<\n  const TByName extends Readonly<Record<string, VueRenderer>> = {},\n  const TByType extends Partial<Readonly<Record<FieldDataType, VueRenderer>>> = {},\n>(registry: {\n  readonly byName?: TByName;\n  readonly byType?: TByType;\n}): VueRendererRegistry<TByName, TByType> {\n  return createRendererRegistry(registry);\n}\n","import { type InjectionKey, type PropType, defineComponent, provide } from 'vue';\nimport type { VueRendererRegistry } from './types';\n\nexport type TgbFormRegistries = {\n  renderers?: VueRendererRegistry;\n};\n\nexport const TgbFormRegistriesKey: InjectionKey<TgbFormRegistries> = Symbol('tgb-form-registries');\nexport const TgbFormInstanceKey: InjectionKey<unknown> = Symbol('tgb-form-instance');\n\nexport const TgbFormProvider = defineComponent({\n  name: 'TgbFormProvider',\n  props: {\n    renderers: {\n      type: Object as PropType<VueRendererRegistry>,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    provide(TgbFormRegistriesKey, { renderers: props.renderers });\n\n    return () => slots.default?.();\n  },\n});\n","import { type PropType, defineComponent, h, inject, markRaw, toRaw } from 'vue';\nimport { resolveRenderer, type FieldDefinition } from '@tgb-form/core';\nimport { TgbFormInstanceKey, TgbFormRegistriesKey } from './TgbFormProvider';\nimport type { VueRenderer, VueRendererRegistry } from './types';\n\ntype TanStackFieldSlotProps = {\n  readonly field: Record<string, unknown> & {\n    readonly state?: {\n      readonly value?: unknown;\n      readonly meta?: {\n        readonly errors?: readonly unknown[];\n      };\n    };\n  };\n  readonly state?: {\n    readonly value?: unknown;\n    readonly meta?: {\n      readonly errors?: readonly unknown[];\n    };\n  };\n};\n\nexport const TgbFormField = defineComponent({\n  name: 'TgbFormField',\n  props: {\n    name: {\n      type: String,\n      required: true,\n    },\n    field: {\n      type: Object as PropType<FieldDefinition>,\n      required: true,\n    },\n    renderers: {\n      type: Object as PropType<VueRendererRegistry | undefined>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    return () => {\n      const registries = inject(TgbFormRegistriesKey, null);\n      const renderers = props.renderers ?? registries?.renderers;\n\n      const form = inject(TgbFormInstanceKey, null);\n\n      if (!form) {\n        throw new Error('TgbFormField must be used inside a TgbForm component');\n      }\n\n      if (!renderers) {\n        throw new Error(\n          'No renderer registry found. Pass a renderers prop to TgbFormField or to the parent TgbForm.',\n        );\n      }\n\n      const FieldComponent = markRaw(toRaw((form as Record<string, unknown>).Field) as any);\n      const Renderer = markRaw(toRaw(resolveRenderer(props.field, renderers)) as VueRenderer);\n\n      return h(\n        FieldComponent,\n        { name: props.name },\n        {\n          default: ({ field, state }: TanStackFieldSlotProps) =>\n            h(Renderer, {\n              name: props.name,\n              field,\n              form,\n              label: props.field.label,\n              description: props.field.description,\n              props: props.field.props,\n              value: state?.value ?? field.state?.value,\n              errors: state?.meta?.errors ?? field.state?.meta?.errors ?? [],\n            }),\n        },\n      );\n    };\n  },\n});\n","import { type PropType, defineComponent, h, inject, provide } from 'vue';\nimport { useForm } from '@tanstack/vue-form';\nimport {\n  toTanStackOptions,\n  type TgbFormTanStackOptions,\n  type FormDefinition,\n  type RuntimeFormDefinition,\n} from '@tgb-form/core';\nimport { TgbFormField } from './TgbFormField';\nimport { TgbFormInstanceKey, TgbFormRegistriesKey } from './TgbFormProvider';\nimport type { TgbFormTanStackForm, VueRendererRegistry } from './types';\n\ntype SubmitLikeEvent = {\n  preventDefault(): void;\n};\n\nexport const TgbForm = defineComponent({\n  name: 'TgbForm',\n  props: {\n    definition: {\n      type: Object as PropType<RuntimeFormDefinition>,\n      required: true,\n    },\n    instance: {\n      type: Object as PropType<TgbFormTanStackForm>,\n      default: undefined,\n    },\n    tanstackOptions: {\n      type: Object as PropType<TgbFormTanStackOptions>,\n      default: undefined,\n    },\n    renderers: {\n      type: Object as PropType<VueRendererRegistry>,\n      default: undefined,\n    },\n    fields: {\n      type: Array as PropType<readonly string[]>,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    const registries = inject(TgbFormRegistriesKey, null);\n    const renderers = props.renderers ?? registries?.renderers;\n\n    const form =\n      props.instance !== undefined\n        ? (props.instance as unknown as TgbFormTanStackForm)\n        : (useForm(\n            toTanStackOptions(props.definition, props.tanstackOptions) as Record<string, unknown>,\n          ) as unknown as TgbFormTanStackForm);\n\n    provide(TgbFormInstanceKey, form);\n\n    return () => {\n      const orderedFields = getOrderedFields(props.definition, props.fields);\n\n      return h(\n        'form',\n        {\n          onSubmit: (event: SubmitLikeEvent) => {\n            event.preventDefault();\n            form.handleSubmit?.();\n          },\n        },\n        [\n          ...orderedFields.map(({ name, field }) =>\n            h(TgbFormField, {\n              key: name,\n              name,\n              field,\n              renderers,\n            }),\n          ),\n          slots.default?.(),\n        ].filter(Boolean),\n      );\n    };\n  },\n});\n\nfunction getOrderedFields(definition: FormDefinition, fields?: readonly string[]) {\n  const fieldSet = fields ? new Set(fields) : undefined;\n\n  return Object.entries(definition.fields)\n    .map(([name, field], index) => ({ name, field, index }))\n    .filter(({ name }) => !fieldSet || fieldSet.has(name))\n    .sort(\n      (left, right) =>\n        (left.field.order ?? Number.POSITIVE_INFINITY) -\n          (right.field.order ?? Number.POSITIVE_INFINITY) || left.index - right.index,\n    );\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@tgb-form/vue",
+  "version": "0.0.1",
+  "description": "An easy to use form library for Vue, built on top of @tgb-form/core.",
+  "homepage": "https://github.com/VueEasyForm/easyform#readme",
+  "bugs": {
+    "url": "https://github.com/VueEasyForm/easyform/issues"
+  },
+  "license": "MIT",
+  "author": "The @tgb-form Authors",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/VueEasyForm/easyform.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@tanstack/vue-form": "^1.33.0",
+    "@tsdown/css": "^0.22.4",
+    "@types/node": "^26.1.1",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitest/browser-playwright": "^4.1.10",
+    "playwright": "^1.61.1",
+    "tsdown": "^0.22.4",
+    "typescript": "^6.0.3",
+    "vite": "^8.1.4",
+    "vitest": "^4.1.10",
+    "vitest-browser-vue": "^2.1.0",
+    "vue": "^3.5.34",
+    "vue-tsc": "^3.3.7",
+    "@tgb-form/core": "0.0.1"
+  },
+  "peerDependencies": {
+    "@tanstack/vue-form": "^1.33.0",
+    "vue": "^3.0.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "play": "vite",
+    "test": "vitest --run",
+    "typecheck": "vue-tsc --noEmit"
+  }
+}