@nullix/zod-mongoose-studio 2.1.0 → 2.2.0

package/app/components/ZodMongooseStudio.vue

@@ -20,6 +20,21 @@ export default UserSchema;`);
 
 const outputDef = ref("// Definition output...");
 const outputSchema = ref("// Mongoose Schema output...");
+const outputTree = ref("// Mongoose Schema tree output...");
+const outputPaths = ref("// Mongoose Schema paths output...");
+const activeSchemaView = ref<"obj" | "tree" | "paths">("obj");
+const activeSchemaViewOutput = computed(() => {
+  switch (activeSchemaView.value) {
+    case "obj":
+      return outputSchema;
+    case "tree":
+      return outputTree;
+    case "paths":
+      return outputPaths;
+  }
+});
+const isDefOpen = ref(true);
+const isSchemaOpen = ref(true);
 
 const isCompiling = ref(false);
 
@@ -32,24 +47,25 @@ const handleCompile = async () => {
     });
     outputDef.value = `// Result of extractMongooseDef()\nconst definition = ${response.definition};`;
     outputSchema.value = `// Result of toMongooseSchema().obj\nconst schemaObj = ${response.schemaObj};`;
+    outputTree.value = `// Result of toMongooseSchema().tree\nconst schemaTree = ${response.schemaTree};`;
+    outputPaths.value = `// Result of toMongooseSchema().paths\nconst schemaPaths = ${response.schemaPaths};`;
   } catch (error: any) {
     const errText = `// Error\n${error.data?.message || error.message}`;
     outputDef.value = errText;
     outputSchema.value = errText;
+    outputTree.value = errText;
+    outputPaths.value = errText;
   } finally {
     isCompiling.value = false;
   }
 };
 
 // Auto-compile with a slight delay as they type
-watch(
-  sourceCode,
-  () => {
-    if (isDocsMode.value) return;
-    clearTimeout(debounceTimer);
-    debounceTimer = setTimeout(handleCompile, 600);
-  }
-);
+watch(sourceCode, () => {
+  if (isDocsMode.value) return;
+  clearTimeout(debounceTimer);
+  debounceTimer = setTimeout(handleCompile, 600);
+});
 
 // Initial compile for Docs Mode
 if (isDocsMode.value) {
@@ -58,9 +74,16 @@ if (isDocsMode.value) {
 </script>
 
 <template>
-  <div class="h-screen flex flex-col bg-gray-50 dark:bg-gray-950">
+  <div
+    class="flex flex-col bg-gray-50 dark:bg-gray-950 overflow-hidden relative"
+    :class="[
+      isDocsMode
+        ? 'h-[calc(100vh-var(--ui-header-height,64px))] sticky top-[var(--ui-header-height,64px)]'
+        : 'h-screen',
+    ]"
+  >
     <header
-      class="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 py-3 px-4 flex justify-between items-center shrink-0"
+      class="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 py-3 px-4 flex justify-between items-center shrink-0 z-20"
     >
       <div class="flex items-center gap-4">
         <h1 class="text-xl font-bold text-primary">
@@ -87,50 +110,116 @@ if (isDocsMode.value) {
       </div>
     </header>
 
-    <div
-      class="flex-1 grid grid-cols-2 gap-px bg-gray-200 dark:bg-gray-800 min-h-0"
+    <UDashboardGroup
+      class="flex-1 min-h-0 !relative !inset-auto"
+      storage-key="studio-layout"
     >
       <!-- Left: Editor -->
-      <div class="bg-white dark:bg-gray-950 h-full relative">
-        <ClientOnly>
-          <StudioEditor v-model="sourceCode" />
-        </ClientOnly>
-      </div>
+      <UDashboardPanel id="editor" collapsible resizable :min-size="20">
+        <div class="h-full relative bg-white dark:bg-gray-950">
+          <ClientOnly>
+            <StudioEditor v-model="sourceCode" />
+          </ClientOnly>
+        </div>
+      </UDashboardPanel>
 
       <!-- Right: Split Outputs -->
-      <div class="flex flex-col h-full gap-px bg-gray-200 dark:bg-gray-800">
+      <UDashboardPanel
+        id="outputs"
+        resizable
+        :min-size="20"
+        class="flex flex-col h-full bg-gray-200 dark:bg-gray-800 overflow-hidden"
+      >
         <!-- Top Right: Definition -->
-        <div
-          class="flex-1 bg-white dark:bg-gray-950 relative flex flex-col min-h-0"
+        <UCollapsible
+          v-model:open="isDefOpen"
+          :class="[isDefOpen ? 'flex-1' : 'flex-none']"
+          :ui="{ content: 'flex-1 flex flex-col min-h-0' }"
+          class="bg-white dark:bg-gray-950 flex flex-col min-h-0"
         >
-          <div
-            class="px-3 py-1 bg-gray-100 dark:bg-gray-900 text-xs font-semibold text-gray-600 dark:text-gray-400 border-b border-gray-200 dark:border-gray-800 z-10"
-          >
-            extractMongooseDef()
-          </div>
-          <div class="flex-1 relative">
-            <ClientOnly>
-              <StudioOutput :model-value="outputDef" />
-            </ClientOnly>
-          </div>
-        </div>
+          <template #default="{ open }">
+            <div
+              class="px-3 py-1 bg-gray-100 dark:bg-gray-900 text-xs font-semibold text-gray-600 dark:text-gray-400 border-b border-gray-200 dark:border-gray-800 z-10 flex justify-between items-center cursor-pointer select-none"
+            >
+              <span>extractMongooseDef()</span>
+              <UIcon
+                :name="
+                  open
+                    ? 'i-heroicons-chevron-down'
+                    : 'i-heroicons-chevron-right'
+                "
+              />
+            </div>
+          </template>
+          <template #content>
+            <div class="flex-1 relative">
+              <ClientOnly>
+                <StudioOutput :model-value="outputDef" />
+              </ClientOnly>
+            </div>
+          </template>
+        </UCollapsible>
 
         <!-- Bottom Right: Schema -->
-        <div
-          class="flex-1 bg-white dark:bg-gray-950 relative flex flex-col min-h-0"
+        <UCollapsible
+          v-model:open="isSchemaOpen"
+          :class="[isSchemaOpen ? 'flex-1' : 'flex-none']"
+          :ui="{ content: 'flex-1 flex flex-col min-h-0' }"
+          class="bg-white dark:bg-gray-950 flex flex-col min-h-0"
         >
-          <div
-            class="px-3 py-1 bg-gray-100 dark:bg-gray-900 text-xs font-semibold text-gray-600 dark:text-gray-400 border-b border-gray-200 dark:border-gray-800 z-10"
-          >
-            toMongooseSchema()
-          </div>
-          <div class="flex-1 relative">
-            <ClientOnly>
-              <StudioOutput :model-value="outputSchema" />
-            </ClientOnly>
-          </div>
-        </div>
-      </div>
-    </div>
+          <template #default="{ open }">
+            <div
+              class="px-3 py-1 bg-gray-100 dark:bg-gray-900 text-xs font-semibold text-gray-600 dark:text-gray-400 border-b border-gray-200 dark:border-gray-800 z-10 flex justify-between items-center cursor-pointer select-none"
+            >
+              <div class="flex items-center gap-2">
+                <span>toMongooseSchema()</span>
+                <div class="flex gap-1" @click.stop>
+                  <UButton
+                    size="xs"
+                    variant="ghost"
+                    :color="activeSchemaView === 'obj' ? 'primary' : 'neutral'"
+                    @click="activeSchemaView = 'obj'"
+                  >
+                    .obj
+                  </UButton>
+                  <UButton
+                    size="xs"
+                    variant="ghost"
+                    :color="activeSchemaView === 'tree' ? 'primary' : 'neutral'"
+                    @click="activeSchemaView = 'tree'"
+                  >
+                    .tree
+                  </UButton>
+                  <UButton
+                    size="xs"
+                    variant="ghost"
+                    :color="
+                      activeSchemaView === 'paths' ? 'primary' : 'neutral'
+                    "
+                    @click="activeSchemaView = 'paths'"
+                  >
+                    .paths
+                  </UButton>
+                </div>
+              </div>
+              <UIcon
+                :name="
+                  open
+                    ? 'i-heroicons-chevron-down'
+                    : 'i-heroicons-chevron-right'
+                "
+              />
+            </div>
+          </template>
+          <template #content>
+            <div class="flex-1 relative">
+              <ClientOnly>
+                <StudioOutput :model-value="activeSchemaViewOutput.value" />
+              </ClientOnly>
+            </div>
+          </template>
+        </UCollapsible>
+      </UDashboardPanel>
+    </UDashboardGroup>
   </div>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nullix/zod-mongoose-studio",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Monaco-powered TypeScript playground for @nullix/zod-mongoose",
   "main": "./nuxt.config.ts",
   "bin": {
@@ -44,7 +44,7 @@
     "mongoose": "9.6.3",
     "open": "11.0.0",
     "zod": "4.3.6",
-    "@nullix/zod-mongoose": "2.1.0"
+    "@nullix/zod-mongoose": "2.2.0"
   },
   "devDependencies": {
     "@nuxt/ui": "4.6.0",

package/server/api/parse.post.ts

@@ -135,10 +135,16 @@ export default defineEventHandler(async (event) => {
     const formattedDef = formatValue(extractedDef);
     // schemaObj is a Mongoose Schema instance, we only care about its .obj for display
     const formattedSchema = formatValue(mongooseSchema.obj);
+    // @ts-ignore
+    const formattedTree = formatValue(mongooseSchema.tree);
+    // @ts-ignore
+    const formattedPaths = formatValue(mongooseSchema.paths);
 
     return {
       definition: util.inspect(formattedDef, formatOpts),
       schemaObj: util.inspect(formattedSchema, formatOpts),
+      schemaTree: util.inspect(formattedTree, formatOpts),
+      schemaPaths: util.inspect(formattedPaths, formatOpts),
     };
   } catch (err: any) {
     throw createError({

package/.output/public/_nuxt/BWajNATZ.js

@@ -1,59 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./BoHhCIKW.js","./NAqlztEN.js","./entry.V-_Q9qpd.css","./editor.CdBKkuhR.css"])))=>i.map(i=>d[i]);
-import{f as N,g as j,h as B,i as R,j as P,o as c,k as m,w as f,r as S,l as i,m as q,n as z,p as L,q as U,s as h,c as _,t as F,P as G,v as H,x as C,y as T,z as O,A as V,B as w,C as Z,D as p,E as D,a as l,d as M,b,F as K,G as J,H as Q,_ as W}from"./NAqlztEN.js";const X={slots:{base:"font-medium inline-flex items-center",label:"truncate",leadingIcon:"shrink-0",leadingAvatar:"shrink-0",leadingAvatarSize:"",trailingIcon:"shrink-0"},variants:{fieldGroup:{horizontal:"not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",vertical:"not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"},color:{primary:"",secondary:"",success:"",info:"",warning:"",error:"",neutral:""},variant:{solid:"",outline:"",soft:"",subtle:""},size:{xs:{base:"text-[8px]/3 px-1 py-0.5 gap-1 rounded-sm",leadingIcon:"size-3",leadingAvatarSize:"3xs",trailingIcon:"size-3"},sm:{base:"text-[10px]/3 px-1.5 py-1 gap-1 rounded-sm",leadingIcon:"size-3",leadingAvatarSize:"3xs",trailingIcon:"size-3"},md:{base:"text-xs px-2 py-1 gap-1 rounded-md",leadingIcon:"size-4",leadingAvatarSize:"3xs",trailingIcon:"size-4"},lg:{base:"text-sm px-2 py-1 gap-1.5 rounded-md",leadingIcon:"size-5",leadingAvatarSize:"2xs",trailingIcon:"size-5"},xl:{base:"text-base px-2.5 py-1 gap-1.5 rounded-md",leadingIcon:"size-6",leadingAvatarSize:"2xs",trailingIcon:"size-6"}},square:{true:""}},compoundVariants:[{color:"primary",variant:"solid",class:"bg-primary text-inverted"},{color:"secondary",variant:"solid",class:"bg-secondary text-inverted"},{color:"success",variant:"solid",class:"bg-success text-inverted"},{color:"info",variant:"solid",class:"bg-info text-inverted"},{color:"warning",variant:"solid",class:"bg-warning text-inverted"},{color:"error",variant:"solid",class:"bg-error text-inverted"},{color:"primary",variant:"outline",class:"text-primary ring ring-inset ring-primary/50"},{color:"secondary",variant:"outline",class:"text-secondary ring ring-inset ring-secondary/50"},{color:"success",variant:"outline",class:"text-success ring ring-inset ring-success/50"},{color:"info",variant:"outline",class:"text-info ring ring-inset ring-info/50"},{color:"warning",variant:"outline",class:"text-warning ring ring-inset ring-warning/50"},{color:"error",variant:"outline",class:"text-error ring ring-inset ring-error/50"},{color:"primary",variant:"soft",class:"bg-primary/10 text-primary"},{color:"secondary",variant:"soft",class:"bg-secondary/10 text-secondary"},{color:"success",variant:"soft",class:"bg-success/10 text-success"},{color:"info",variant:"soft",class:"bg-info/10 text-info"},{color:"warning",variant:"soft",class:"bg-warning/10 text-warning"},{color:"error",variant:"soft",class:"bg-error/10 text-error"},{color:"primary",variant:"subtle",class:"bg-primary/10 text-primary ring ring-inset ring-primary/25"},{color:"secondary",variant:"subtle",class:"bg-secondary/10 text-secondary ring ring-inset ring-secondary/25"},{color:"success",variant:"subtle",class:"bg-success/10 text-success ring ring-inset ring-success/25"},{color:"info",variant:"subtle",class:"bg-info/10 text-info ring ring-inset ring-info/25"},{color:"warning",variant:"subtle",class:"bg-warning/10 text-warning ring ring-inset ring-warning/25"},{color:"error",variant:"subtle",class:"bg-error/10 text-error ring ring-inset ring-error/25"},{color:"neutral",variant:"solid",class:"text-inverted bg-inverted"},{color:"neutral",variant:"outline",class:"ring ring-inset ring-accented text-default bg-default"},{color:"neutral",variant:"soft",class:"text-default bg-elevated"},{color:"neutral",variant:"subtle",class:"ring ring-inset ring-accented text-default bg-elevated"},{size:"xs",square:!0,class:"p-0.5"},{size:"sm",square:!0,class:"p-1"},{size:"md",square:!0,class:"p-1"},{size:"lg",square:!0,class:"p-1"},{size:"xl",square:!0,class:"p-1"}],defaultVariants:{color:"primary",variant:"solid",size:"md"}},Y={__name:"UBadge",props:{as:{type:null,required:!1,default:"span"},label:{type:[String,Number],required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},square:{type:Boolean,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},leading:{type:Boolean,required:!1},leadingIcon:{type:null,required:!1},trailing:{type:Boolean,required:!1},trailingIcon:{type:null,required:!1}},setup(s){const t=s,r=N(),d=j(),o=B("badge",t),{orientation:a,size:n}=R(t),{isLeading:g,isTrailing:y,leadingIconName:v,trailingIconName:u}=P(t),e=H(()=>C({extend:C(X),...d.ui?.badge||{}})({color:t.color,variant:t.variant,size:n.value||t.size,square:t.square||!r.default&&!t.label,fieldGroup:a.value}));return(x,I)=>(c(),m(i(G),{as:s.as,"data-slot":"base",class:z(e.value.base({class:[i(o)?.base,t.class]}))},{default:f(()=>[S(x.$slots,"leading",{ui:e.value},()=>[i(g)&&i(v)?(c(),m(q,{key:0,name:i(v),"data-slot":"leadingIcon",class:z(e.value.leadingIcon({class:i(o)?.leadingIcon}))},null,8,["name","class"])):s.avatar?(c(),m(L,U({key:1,size:i(o)?.leadingAvatarSize||e.value.leadingAvatarSize()},s.avatar,{"data-slot":"leadingAvatar",class:e.value.leadingAvatar({class:i(o)?.leadingAvatar})}),null,16,["size","class"])):h("",!0)]),S(x.$slots,"default",{ui:e.value},()=>[s.label!==void 0&&s.label!==null?(c(),_("span",{key:0,"data-slot":"label",class:z(e.value.label({class:i(o)?.label}))},F(s.label),3)):h("",!0)]),S(x.$slots,"trailing",{ui:e.value},()=>[i(y)&&i(u)?(c(),m(q,{key:0,name:i(u),"data-slot":"trailingIcon",class:z(e.value.trailingIcon({class:i(o)?.trailingIcon}))},null,8,["name","class"])):h("",!0)])]),_:3},8,["as","class"]))}},ee=T({__name:"StudioEditor",props:{modelValue:{}},emits:["update:modelValue"],setup(s,{emit:t}){const r=s,d=t,o=p(null),a=D(null);return O(async()=>{if(!o.value)return;const n=await V(()=>import("./BoHhCIKW.js").then(g=>g.b),__vite__mapDeps([0,1,2,3]),import.meta.url);n.typescript.typescriptDefaults.setCompilerOptions({target:n.typescript.ScriptTarget.ESNext,allowNonTsExtensions:!0,moduleResolution:n.typescript.ModuleResolutionKind.NodeJs,module:n.typescript.ModuleKind.ESNext,noEmit:!0}),n.typescript.typescriptDefaults.addExtraLib(`
-    declare module 'zod/v4' {
-      export const z: any;
-      export type ZodTypeAny = any;
-      export type ZodObject<T> = any;
-      export type ZodString = any;
-      export type ZodNumber = any;
-    }
-  `,"file:///node_modules/@types/zod-v4/index.d.ts"),n.typescript.typescriptDefaults.addExtraLib(`
-    declare module '@nullix/zod-mongoose' {
-      import { z } from 'zod/v4';
-      import mongoose, { SchemaOptions } from 'mongoose';
-      import * as hookable from 'hookable';
-
-      interface MongooseMeta extends Record<string, any> {
-          explicitId?: boolean;
-      }
-      declare const mongooseRegistry: z.core.$ZodRegistry<MongooseMeta, z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>>;
-      declare function withMongoose<T extends z.ZodTypeAny>(schema: T, meta: MongooseMeta): T;
-
-      type ToMongooseType<T extends z.ZodTypeAny> = any; // Simplified for Monaco perf
-
-      export declare function extractMongooseDef<T extends z.ZodTypeAny>(schema: T, visited?: Map<z.ZodTypeAny, any>, isField?: boolean): ToMongooseType<T> & Record<string, any>;
-
-      interface ToMongooseSchemaOptions extends SchemaOptions {
-          plugins?: Array<(schema: mongoose.Schema, options?: any) => void>;
-      }
-
-      export declare function toMongooseSchema<T extends z.ZodTypeAny>(schema: T, options?: ToMongooseSchemaOptions): mongoose.Schema<z.infer<T>>;
-
-      export declare const zObjectId: (options?: MongooseMeta) => any;
-      export declare const zBuffer: (options?: MongooseMeta) => any;
-      export declare const zPopulated: <T extends z.ZodTypeAny>(ref: string, schema: T, options?: MongooseMeta) => any;
-      export declare const genTimestampsSchema: <CrAt = "createdAt", UpAt = "updatedAt">(createdAtField?: any, updatedAtField?: any) => any;
-
-      export type PopulatedSchema<T, K extends keyof T> = any;
-      export declare const bufferMongooseGetter: (value: unknown) => any;
-      export declare const getMongoose: () => any;
-      export declare const setFrontendMode: (enabled: boolean) => void;
-      export declare const getFrontendMode: () => boolean;
-
-      export type MongooseZodHooks = any;
-      export declare const hooks: any;
-      export declare function callHookSync<Name extends keyof MongooseZodHooks>(name: Name, ...args: Parameters<MongooseZodHooks[Name]>): void;
-    }
-  `,"file:///node_modules/@nullix/zod-mongoose/index.d.ts"),a.value=n.editor.create(o.value,{value:r.modelValue,language:"typescript",theme:"vs-dark",minimap:{enabled:!1},automaticLayout:!0,fontSize:14,padding:{top:16}}),a.value.onDidChangeModelContent(()=>{d("update:modelValue",a.value?.getValue()||"")})}),w(()=>r.modelValue,n=>{a.value&&a.value.getValue()!==n&&a.value.setValue(n)}),Z(()=>{a.value&&a.value.dispose()}),(n,g)=>(c(),_("div",{ref_key:"editorContainer",ref:o,class:"w-full h-full"},null,512))}}),oe=Object.assign(ee,{__name:"StudioEditor"}),te=T({__name:"StudioOutput",props:{modelValue:{}},setup(s){const t=s,r=p(null),d=D(null);return O(async()=>{if(!r.value)return;const o=await V(()=>import("./BoHhCIKW.js").then(a=>a.b),__vite__mapDeps([0,1,2,3]),import.meta.url);d.value=o.editor.create(r.value,{value:t.modelValue,language:"typescript",theme:"vs-dark",minimap:{enabled:!1},automaticLayout:!0,readOnly:!0,fontSize:14,padding:{top:16}})}),w(()=>t.modelValue,o=>{d.value&&d.value.setValue(o)}),Z(()=>{d.value&&d.value.dispose()}),(o,a)=>(c(),_("div",{ref_key:"outputContainer",ref:r,class:"w-full h-full"},null,512))}}),ae=Object.assign(te,{__name:"StudioOutput"}),ne={class:"h-screen flex flex-col bg-gray-50 dark:bg-gray-950"},se={class:"bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 py-3 px-4 flex justify-between items-center shrink-0"},re={class:"flex items-center gap-4"},ie={class:"flex items-center gap-2"},le={key:1,class:"text-sm text-gray-500"},ce={class:"flex-1 grid grid-cols-2 gap-px bg-gray-200 dark:bg-gray-800 min-h-0"},de={class:"bg-white dark:bg-gray-950 h-full relative"},ue={class:"flex flex-col h-full gap-px bg-gray-200 dark:bg-gray-800"},ge={class:"flex-1 bg-white dark:bg-gray-950 relative flex flex-col min-h-0"},pe={class:"flex-1 relative"},me={class:"flex-1 bg-white dark:bg-gray-950 relative flex flex-col min-h-0"},fe={class:"flex-1 relative"},ye=T({__name:"ZodMongooseStudio",setup(s){let t;const r=J(),d=p(r.public.isLocalMode),o=p(r.public.isDocsMode),a=p(`import { z } from 'zod/v4';
-import { extractMongooseDef, toMongooseSchema } from '@nullix/zod-mongoose';
-
-const UserSchema = z.object({
-  name: z.string(),
-  age: z.number().optional()
-});
-
-// Export your schema so the Studio can transform it
-export default UserSchema;`),n=p("// Definition output..."),g=p("// Mongoose Schema output..."),y=p(!1),v=async()=>{y.value=!0;try{const u=await $fetch("/api/parse",{method:"POST",body:{sourceCode:a.value}});n.value=`// Result of extractMongooseDef()
-const definition = ${u.definition};`,g.value=`// Result of toMongooseSchema().obj
-const schemaObj = ${u.schemaObj};`}catch(u){const e=`// Error
-${u.data?.message||u.message}`;n.value=e,g.value=e}finally{y.value=!1}};return w(a,()=>{o.value||(clearTimeout(t),t=setTimeout(v,600))}),o.value&&v(),(u,e)=>{const x=Y,I=Q,E=oe,k=K,A=ae;return c(),_("div",ne,[l("header",se,[l("div",re,[e[3]||(e[3]=l("h1",{class:"text-xl font-bold text-primary"}," @nullix/zod-mongoose Studio ",-1)),d.value?(c(),m(x,{key:0,color:"success",variant:"soft"},{default:f(()=>[...e[1]||(e[1]=[M("Local Mode",-1)])]),_:1})):(c(),m(x,{key:1,color:"info",variant:"soft"},{default:f(()=>[...e[2]||(e[2]=[M("Docs Mode",-1)])]),_:1}))]),l("div",ie,[o.value?(c(),m(I,{key:0,icon:"i-heroicons-play-solid",color:"primary",loading:y.value,onClick:v},{default:f(()=>[...e[4]||(e[4]=[M(" Run ",-1)])]),_:1},8,["loading"])):y.value?(c(),_("span",le,"Transforming...")):h("",!0)])]),l("div",ce,[l("div",de,[b(k,null,{default:f(()=>[b(E,{modelValue:a.value,"onUpdate:modelValue":e[0]||(e[0]=$=>a.value=$)},null,8,["modelValue"])]),_:1})]),l("div",ue,[l("div",ge,[e[5]||(e[5]=l("div",{class:"px-3 py-1 bg-gray-100 dark:bg-gray-900 text-xs font-semibold text-gray-600 dark:text-gray-400 border-b border-gray-200 dark:border-gray-800 z-10"}," extractMongooseDef() ",-1)),l("div",pe,[b(k,null,{default:f(()=>[b(A,{"model-value":n.value},null,8,["model-value"])]),_:1})])]),l("div",me,[e[6]||(e[6]=l("div",{class:"px-3 py-1 bg-gray-100 dark:bg-gray-900 text-xs font-semibold text-gray-600 dark:text-gray-400 border-b border-gray-200 dark:border-gray-800 z-10"}," toMongooseSchema() ",-1)),l("div",fe,[b(k,null,{default:f(()=>[b(A,{"model-value":g.value},null,8,["model-value"])]),_:1})])])])])])}}}),ve=Object.assign(ye,{__name:"ZodMongooseStudio"}),xe={};function be(s,t){const r=ve;return c(),m(r)}const ze=W(xe,[["render",be]]);export{ze as default};