@ederzeel/nuxt-schema-form-nightly 0.1.0-28989865.c565459

package/src/runtime/components/SInputField.vue

@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+const props = defineProps<{
+  id: string
+  title: string
+  description: string
+  type: string
+}>()
+
+const value = defineModel<string | number>({ required: true })
+</script>
+
+<template>
+  <div>
+    <UFormGroup
+      :label="props.title || id"
+      :description="props.description"
+      :name="props.id"
+    >
+      <UInput
+        v-model="value"
+        :type="props.type"
+      />
+    </UFormGroup>
+  </div>
+</template>

package/src/runtime/components/SObject.vue

@@ -0,0 +1,34 @@
+<script lang="ts" setup>
+import SComponent from './SComponent.vue'
+
+const props = defineProps<{
+  id: string
+  jsonSchemaPath: string
+  properties: PropertiesType
+  modelValue: Record<string, unknown>
+}>()
+
+type PropertiesType = {
+  [key: string]: unknown
+}
+const emit = defineEmits(['update:modelValue'])
+const onInput = (value: unknown, key: string) => {
+  emit('update:modelValue', { ...props.modelValue, [key]: value })
+}
+</script>
+
+<template>
+  <div>
+    <h3>{{ props.properties.title }}</h3>
+
+    <SComponent
+      v-for="[key, options] of Object.entries(properties)"
+      :id="id.length <= 0 ? `${key}` : `${id}.${key}`"
+      :key="key"
+      :model-value="modelValue[key]"
+      :json-schema-path="jsonSchemaPath?.length <= 0 ? `properties.${key}` : `${jsonSchemaPath}.properties.${key}`"
+      v-bind="options"
+      @update:model-value="event => onInput(event, key)"
+    />
+  </div>
+</template>

package/src/runtime/components/SSelect.vue

@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+const props = defineProps<{
+  id: string
+  title: string
+  description: string
+  enum: string[]
+}>()
+
+const value = defineModel<string>({ required: true })
+</script>
+
+<template>
+  <div>
+    <UFormGroup
+      :label="props.title || id"
+      :description="props.description"
+      :name="props.id"
+    >
+      <USelect
+        v-model="value"
+        placeholder="select size"
+        :options="props.enum"
+      />
+    </UFormGroup>
+  </div>
+</template>

package/src/runtime/components/STextarea.vue

@@ -0,0 +1,24 @@
+<script lang="ts" setup>
+const props = defineProps<{
+  id: string
+  title: string
+  description: string
+}>()
+
+const value = defineModel<string | number>({ required: true })
+</script>
+
+<template>
+  <div>
+    <UFormGroup
+      :label="props.title || id"
+      :description="props.description"
+      :name="props.id"
+    >
+      <UTextarea
+        v-model="value"
+        v-bind="properties"
+      />
+    </UFormGroup>
+  </div>
+</template>

package/src/runtime/components/SToggle.vue

@@ -0,0 +1,21 @@
+<script lang="ts" setup>
+const props = defineProps<{
+  id: string
+  title: string
+  description: string
+}>()
+
+const value = defineModel<boolean>({ required: true })
+</script>
+
+<template>
+  <div>
+    <UFormGroup
+      :label="props.title || id"
+      :description="props.description"
+      :name="props.id"
+    >
+      <UToggle v-model="value" />
+    </UFormGroup>
+  </div>
+</template>

package/src/runtime/types/utils.ts

@@ -0,0 +1,44 @@
+import type { VNode } from 'vue'
+
+export interface TightMap<O = any> {
+  [key: string]: TightMap | O
+}
+
+export type DeepPartial<T, O = any> = {
+  [P in keyof T]?: T[P] extends Array<string> ? string : T[P] extends object ? DeepPartial<T[P], O> : T[P]
+} & {
+  [key: string]: O | TightMap<O>
+}
+
+export type DynamicSlots<T extends { slot?: string }, SlotProps, Slot = T['slot']> = Record<string, SlotProps> &
+  (Slot extends string ? Record<Slot, SlotProps> : Record<string, never>)
+
+export type GetObjectField<MaybeObject, Key extends string> =
+  MaybeObject extends Record<string, any> ? MaybeObject[Key] : never
+
+export type PartialString<T> = {
+  [K in keyof T]?: string
+}
+
+export type MaybeArrayOfArray<T> = T[] | T[][]
+export type MaybeArrayOfArrayItem<I> = I extends Array<infer T> ? (T extends Array<infer U> ? U : T) : never
+
+export type SelectModelValue<T, V, M extends boolean = false, DV = T> = (
+  T extends Record<string, any> ? (V extends keyof T ? T[V] : DV) : T
+) extends infer U
+  ? M extends true
+  ? U[]
+  : U
+  : never
+
+export type SelectItemKey<T> = T extends Record<string, any> ? keyof T : string
+
+export type SelectModelValueEmits<T, V, M extends boolean = false, DV = T> = {
+  'update:modelValue': [payload: SelectModelValue<T, V, M, DV>]
+}
+
+export type StringOrVNode = string | VNode | (() => VNode)
+
+export type EmitsToProps<T> = {
+  [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never
+}

package/src/unplugin.ts

@@ -0,0 +1,46 @@
+import { fileURLToPath } from 'node:url'
+
+import { join, normalize } from 'pathe'
+import { createUnplugin } from 'unplugin'
+import AutoImport from 'unplugin-auto-import'
+import { defu } from 'defu'
+// import tailwind from '@tailwindcss/vite'
+// import type colors from 'tailwindcss/colors'
+
+// import type * as ui from '#build/ui'
+
+import { defaultOptions } from './defaults'
+import type { ModuleOptions } from './module'
+
+// import TemplatePlugin from './plugins/templates'
+// import PluginsPlugin from './plugins/plugins'
+import AppConfigPlugin from './plugins/app-config'
+import ComponentImportPlugin from './plugins/components'
+import NuxtEnvironmentPlugin from './plugins/nuxt-environment'
+
+// import type { DeepPartial } from './runtime/types/utils'
+
+// type AppConfigUI = DeepPartial<typeof ui>
+
+export interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
+  ui?: object
+}
+
+export const runtimeDir = normalize(fileURLToPath(new URL('./runtime', import.meta.url)))
+
+export const NuxtUIPlugin = createUnplugin<NuxtUIOptions | undefined>((_options = {}, meta) => {
+  const options = defu(_options, { fonts: false, devtools: { enabled: false } }, defaultOptions)
+
+  const appConfig = { ui: options.ui }
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+  return [
+    NuxtEnvironmentPlugin(),
+    ...ComponentImportPlugin(meta.framework, options),
+    AutoImport[meta.framework]({ dts: true, dirs: [join(runtimeDir, 'composables')] }),
+    // tailwind(),
+    // PluginsPlugin(options),
+    // TemplatePlugin(options, appConfig),
+    AppConfigPlugin(options, appConfig)
+  ]
+})

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./.nuxt/tsconfig.json",
+  "exclude": [
+    "dist",
+    "node_modules",
+    "docs",
+    "playground"
+  ]
+}