@carlonicora/nextjs-jsonapi 1.1.1 → 1.3.0

package/scripts/generate-web-module/templates/components/list-container.template.ts

@@ -0,0 +1,30 @@
+/**
+ * ListContainer Template
+ *
+ * Generates {Module}ListContainer.tsx component for the list page.
+ */
+
+import { FrontendTemplateData } from "../../types/template-data.interface";
+
+/**
+ * Generate the list container component file content
+ *
+ * @param data - Frontend template data
+ * @returns Generated file content
+ */
+export function generateListContainerTemplate(data: FrontendTemplateData): string {
+  const { names } = data;
+
+  return `"use client";
+
+import ${names.pascalCase}List from "@/features/${data.targetDir}/${names.kebabCase}/components/lists/${names.pascalCase}List";
+
+function ${names.pascalCase}ListContainerInternal() {
+  return <${names.pascalCase}List />;
+}
+
+export default function ${names.pascalCase}ListContainer() {
+  return <${names.pascalCase}ListContainerInternal />;
+}
+`;
+}

package/scripts/generate-web-module/templates/components/list.template.ts

@@ -0,0 +1,91 @@
+/**
+ * List Template
+ *
+ * Generates {Module}List.tsx component for displaying a list of items.
+ */
+
+import { FrontendTemplateData } from "../../types/template-data.interface";
+import { toCamelCase, pluralize } from "../../transformers/name-transformer";
+
+/**
+ * Generate the list component file content
+ *
+ * @param data - Frontend template data
+ * @returns Generated file content
+ */
+export function generateListTemplate(data: FrontendTemplateData): string {
+  const { names, fields, relationships, extendsContent, tableFieldNames } = data;
+
+  // Build field list for the table - use name + first few fields + updatedAt
+  const displayFields = buildDisplayFields(data);
+
+  return `"use client";
+
+import ${names.pascalCase}Editor from "@/features/${data.targetDir}/${names.kebabCase}/components/forms/${names.pascalCase}Editor";
+import { ${names.pascalCase}Fields } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Fields";
+import { ${names.pascalCase}Interface } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Interface";
+import { ${names.pascalCase}Service } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Service";
+import "@/features/${data.targetDir}/${names.kebabCase}/hooks/use${names.pascalCase}TableStructure";
+import { ContentListTable } from "@carlonicora/nextjs-jsonapi/components";
+import { Modules } from "@carlonicora/nextjs-jsonapi/core";
+import { DataListRetriever, useDataListRetriever } from "@carlonicora/nextjs-jsonapi/hooks";
+import { useTranslations } from "next-intl";
+import { ReactNode } from "react";
+
+export default function ${names.pascalCase}List() {
+  const t = useTranslations();
+
+  const data: DataListRetriever<${names.pascalCase}Interface> = useDataListRetriever({
+    module: Modules.${names.pascalCase},
+    retriever: (params) => ${names.pascalCase}Service.findMany(params),
+    retrieverParams: {},
+  });
+
+  const functions: ReactNode[] = [<${names.pascalCase}Editor key="create-${names.kebabCase}" />];
+
+  return (
+    <ContentListTable
+      data={data}
+      fields={[${displayFields}]}
+      tableGeneratorType={Modules.${names.pascalCase}}
+      functions={functions}
+      title={t(\`types.${names.pluralKebab}\`, { count: 2 })}
+    />
+  );
+}
+`;
+}
+
+/**
+ * Build display fields array for the table
+ */
+function buildDisplayFields(data: FrontendTemplateData): string {
+  const { names, fields, relationships, extendsContent } = data;
+  const displayFields: string[] = [];
+
+  // Always include name if it exists
+  if (extendsContent || fields.some((f) => f.name === "name")) {
+    displayFields.push(`${names.pascalCase}Fields.name`);
+  }
+
+  // Add author if present
+  const authorRel = relationships.find((r) => r.variant === "Author");
+  if (authorRel) {
+    const authorFieldName = toCamelCase(authorRel.variant!);
+    displayFields.push(`${names.pascalCase}Fields.${authorFieldName}`);
+  }
+
+  // Add first non-author relationship
+  const otherRel = relationships.find((r) => r.variant !== "Author");
+  if (otherRel) {
+    const relFieldName = otherRel.single
+      ? toCamelCase(otherRel.variant || otherRel.name)
+      : pluralize(toCamelCase(otherRel.name));
+    displayFields.push(`${names.pascalCase}Fields.${relFieldName}`);
+  }
+
+  // Add updatedAt
+  displayFields.push(`${names.pascalCase}Fields.updatedAt`);
+
+  return displayFields.join(", ");
+}

package/scripts/generate-web-module/templates/components/multi-selector.template.ts

@@ -0,0 +1,184 @@
+/**
+ * MultiSelector Template
+ *
+ * Generates {Module}MultiSelector.tsx multi-select component.
+ */
+
+import { FrontendTemplateData } from "../../types/template-data.interface";
+
+/**
+ * Generate the multi-selector component file content
+ *
+ * @param data - Frontend template data
+ * @returns Generated file content
+ */
+export function generateMultiSelectorTemplate(data: FrontendTemplateData): string {
+  const { names } = data;
+
+  return `"use client";
+
+import { FormControl, FormField, FormItem, FormLabel, FormMessage, MultiSelect } from "@carlonicora/nextjs-jsonapi/shadcnui";
+import { ${names.pascalCase}Interface } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Interface";
+import { ${names.pascalCase}Service } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Service";
+import { DataListRetriever, useDataListRetriever } from "@carlonicora/nextjs-jsonapi/hooks";
+import { useDebounce } from "@carlonicora/nextjs-jsonapi/hooks";
+import { Modules } from "@carlonicora/nextjs-jsonapi/core";
+import { useTranslations } from "next-intl";
+import { useCallback, useEffect, useState } from "react";
+import { useWatch } from "react-hook-form";
+
+type ${names.pascalCase}MultiSelectType = {
+  id: string;
+  name: string;
+};
+
+type ${names.pascalCase}MultiSelectorProps = {
+  id: string;
+  form: any;
+  current${names.pascalCase}?: ${names.pascalCase}Interface;
+  label?: string;
+  placeholder?: string;
+  onChange?: (${names.pluralCamel}?: ${names.pascalCase}Interface[]) => void;
+  maxCount?: number;
+  isRequired?: boolean;
+};
+
+export default function ${names.pascalCase}MultiSelector({
+  id,
+  form,
+  current${names.pascalCase},
+  label,
+  placeholder,
+  onChange,
+  maxCount = 3,
+  isRequired = false,
+}: ${names.pascalCase}MultiSelectorProps) {
+  const t = useTranslations("features.${names.camelCase}");
+  const [${names.camelCase}Options, set${names.pascalCase}Options] = useState<any[]>([]);
+  const [searchTerm, setSearchTerm] = useState<string>("");
+
+  const selected${names.pluralPascal}: ${names.pascalCase}MultiSelectType[] = useWatch({ control: form.control, name: id }) || [];
+
+  const data: DataListRetriever<${names.pascalCase}Interface> = useDataListRetriever({
+    retriever: (params) => ${names.pascalCase}Service.findMany(params),
+    retrieverParams: {},
+    ready: true,
+    module: Modules.${names.pascalCase},
+  });
+
+  const updateSearch = useCallback(
+    (searchedTerm: string) => {
+      if (searchedTerm.trim()) {
+        data.addAdditionalParameter("search", searchedTerm.trim());
+      } else {
+        data.removeAdditionalParameter("search");
+      }
+    },
+    [data],
+  );
+
+  const debouncedUpdateSearch = useDebounce(updateSearch, 500);
+
+  useEffect(() => {
+    debouncedUpdateSearch(searchTerm);
+  }, [debouncedUpdateSearch, searchTerm]);
+
+  useEffect(() => {
+    if (data.data && data.data.length > 0) {
+      const ${names.pluralCamel} = data.data as ${names.pascalCase}Interface[];
+      const filtered${names.pluralPascal} = ${names.pluralCamel}.filter((${names.camelCase}) => ${names.camelCase}.id !== current${names.pascalCase}?.id);
+
+      const options = filtered${names.pluralPascal}.map((${names.camelCase}) => ({
+        label: ${names.camelCase}.name,
+        value: ${names.camelCase}.id,
+        ${names.camelCase}Data: ${names.camelCase},
+      }));
+
+      set${names.pascalCase}Options(options);
+    }
+  }, [data.data, current${names.pascalCase}]);
+
+  // Add options for any already selected ${names.pluralCamel} that aren't in search results
+  useEffect(() => {
+    if (selected${names.pluralPascal}.length > 0) {
+      // Create a map of existing option IDs for quick lookup
+      const existingOptionIds = new Set(${names.camelCase}Options.map((option) => option.value));
+
+      // Find selected ${names.pluralCamel} that don't have an option yet
+      const missingOptions = selected${names.pluralPascal}
+        .filter((${names.camelCase}) => !existingOptionIds.has(${names.camelCase}.id))
+        .map((${names.camelCase}) => ({
+          label: ${names.camelCase}.name,
+          value: ${names.camelCase}.id,
+          ${names.camelCase}Data: ${names.camelCase},
+        }));
+
+      if (missingOptions.length > 0) {
+        set${names.pascalCase}Options((prev) => [...prev, ...missingOptions]);
+      }
+    }
+  }, [selected${names.pluralPascal}, ${names.camelCase}Options]);
+
+  const handleValueChange = (selectedIds: string[]) => {
+    const updatedSelected${names.pluralPascal} = selectedIds.map((id) => {
+      const existing${names.pascalCase} = selected${names.pluralPascal}.find((${names.camelCase}) => ${names.camelCase}.id === id);
+      if (existing${names.pascalCase}) {
+        return existing${names.pascalCase};
+      }
+
+      const option = ${names.camelCase}Options.find((option) => option.value === id);
+      if (option?.${names.camelCase}Data) {
+        return {
+          id: option.${names.camelCase}Data.id,
+          name: option.${names.camelCase}Data.name,
+        };
+      }
+
+      return { id, name: id };
+    });
+
+    form.setValue(id, updatedSelected${names.pluralPascal});
+
+    if (onChange) {
+      const fullSelected${names.pluralPascal} = selectedIds
+        .map((id) => ${names.camelCase}Options.find((option) => option.value === id)?.${names.camelCase}Data)
+        .filter(Boolean) as ${names.pascalCase}Interface[];
+      onChange(fullSelected${names.pluralPascal});
+    }
+  };
+
+  const selected${names.pascalCase}Ids = selected${names.pluralPascal}.map((${names.camelCase}: ${names.pascalCase}MultiSelectType) => ${names.camelCase}.id);
+
+  return (
+    <div className="flex w-full flex-col">
+      <FormField
+        control={form.control}
+        name={id}
+        render={({ field }) => (
+          <FormItem className={\`\${label ? "mb-5" : "mb-1"}\`}>
+            {label && (
+              <FormLabel className="flex items-center">
+                {label}
+                {isRequired && <span className="text-destructive ml-2 font-semibold">*</span>}
+              </FormLabel>
+            )}
+            <FormControl>
+              <MultiSelect
+                options={${names.camelCase}Options}
+                onValueChange={handleValueChange}
+                defaultValue={selected${names.pascalCase}Ids}
+                placeholder={placeholder}
+                maxCount={maxCount}
+                animation={0}
+                onSearchChange={setSearchTerm}
+              />
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+    </div>
+  );
+}
+`;
+}

package/scripts/generate-web-module/templates/components/selector.template.ts

@@ -0,0 +1,199 @@
+/**
+ * Selector Template
+ *
+ * Generates {Module}Selector.tsx searchable combobox component.
+ */
+
+import { FrontendTemplateData } from "../../types/template-data.interface";
+
+/**
+ * Generate the selector component file content
+ *
+ * @param data - Frontend template data
+ * @returns Generated file content
+ */
+export function generateSelectorTemplate(data: FrontendTemplateData): string {
+  const { names } = data;
+
+  return `"use client";
+
+import {
+  Command,
+  CommandItem,
+  CommandList,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  Input,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@carlonicora/nextjs-jsonapi/shadcnui";
+import { ${names.pascalCase}Interface } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Interface";
+import { ${names.pascalCase}Service } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Service";
+import { DataListRetriever, useDataListRetriever } from "@carlonicora/nextjs-jsonapi/hooks";
+import { useDebounce } from "@carlonicora/nextjs-jsonapi/hooks";
+import { Modules } from "@carlonicora/nextjs-jsonapi/core";
+
+import { CircleX, RefreshCwIcon, SearchIcon, XIcon } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { useCallback, useEffect, useRef, useState } from "react";
+
+type ${names.pascalCase}SelectorProps = {
+  id: string;
+  form: any;
+  label?: string;
+  placeholder?: string;
+  onChange?: (${names.camelCase}?: ${names.pascalCase}Interface) => void;
+  isRequired?: boolean;
+};
+
+export default function ${names.pascalCase}Selector({
+  id,
+  form,
+  label,
+  placeholder,
+  onChange,
+  isRequired = false,
+}: ${names.pascalCase}SelectorProps) {
+  const t = useTranslations();
+
+  const [open, setOpen] = useState<boolean>(false);
+
+  const searchTermRef = useRef<string>("");
+  const [searchTerm, setSearchTerm] = useState<string>("");
+
+  const [isSearching, setIsSearching] = useState<boolean>(false);
+
+  const data: DataListRetriever<${names.pascalCase}Interface> = useDataListRetriever({
+    retriever: (params) => {
+      return ${names.pascalCase}Service.findMany(params);
+    },
+    retrieverParams: {},
+    module: Modules.${names.pascalCase},
+  });
+
+  const search = useCallback(
+    async (searchedTerm: string) => {
+      try {
+        if (searchedTerm === searchTermRef.current) return;
+        setIsSearching(true);
+        searchTermRef.current = searchedTerm;
+        await data.search(searchedTerm);
+      } finally {
+        setIsSearching(false);
+      }
+    },
+    [searchTermRef, data],
+  );
+
+  const updateSearchTerm = useDebounce(search, 500);
+
+  useEffect(() => {
+    setIsSearching(true);
+    updateSearchTerm(searchTerm);
+  }, [updateSearchTerm, searchTerm]);
+
+  const set${names.pascalCase} = (${names.camelCase}?: ${names.pascalCase}Interface) => {
+    if (onChange) onChange(${names.camelCase});
+    if (!${names.camelCase}) {
+      form.setValue(id, undefined);
+      setOpen(false);
+      return;
+    }
+
+    form.setValue(id, { id: ${names.camelCase}.id, name: ${names.camelCase}.name });
+    setOpen(false);
+
+    setTimeout(() => {
+      setOpen(false);
+    }, 0);
+  };
+
+  return (
+    <div className="flex w-full flex-col">
+      <FormField
+        control={form.control}
+        name={id}
+        render={({ field }) => (
+          <FormItem className={\`\${label ? "mb-5" : "mb-1"}\`}>
+            {label && (
+              <FormLabel className="flex items-center">
+                {label}
+                {isRequired && <span className="text-destructive ml-2 font-semibold">*</span>}
+              </FormLabel>
+            )}
+            <FormControl>
+              <Popover open={open} onOpenChange={setOpen} modal={true}>
+                <div className="flex w-full flex-row items-center justify-between">
+                  <PopoverTrigger className="w-full">
+                    <div className="flex w-full flex-row items-center justify-start rounded-md text-sm">
+                      {field.value ? (
+                        <>
+                          <div className="flex w-full flex-row items-center justify-start rounded-md border p-2">
+                            <span className="">{field.value?.name ?? ""}</span>
+                          </div>
+                        </>
+                      ) : (
+                        <div className="text-muted-foreground mr-7 flex h-10 w-full flex-row items-center justify-start rounded-md border p-2 text-sm">
+                          {placeholder ?? t(\`generic.search.placeholder\`, { type: t(\`types.${names.pluralKebab}\`, { count: 1 }) })}
+                        </div>
+                      )}
+                    </div>
+                  </PopoverTrigger>
+                  {field.value && (
+                    <CircleX
+                      className="text-muted hover:text-destructive ml-2 h-6 w-6 cursor-pointer"
+                      onClick={() => set${names.pascalCase}()}
+                    />
+                  )}
+                </div>
+                <PopoverContent>
+                  <Command shouldFilter={false}>
+                    <div className="relative mb-2 w-full">
+                      <SearchIcon className="text-muted-foreground absolute left-2.5 top-2.5 h-4 w-4" />
+                      <Input
+                        placeholder={t(\`generic.search.placeholder\`, { type: t(\`types.${names.pluralKebab}\`, { count: 1 }) })}
+                        type="text"
+                        className="w-full pl-8 pr-8"
+                        onChange={(e) => setSearchTerm(e.target.value)}
+                        value={searchTerm}
+                      />
+                      {isSearching ? (
+                        <RefreshCwIcon className="text-muted-foreground absolute right-2.5 top-2.5 h-4 w-4 animate-spin" />
+                      ) : searchTermRef.current ? (
+                        <XIcon
+                          className={\`absolute right-2.5 top-2.5 h-4 w-4 \${searchTermRef.current ? "cursor-pointer" : "text-muted-foreground"}\`}
+                          onClick={() => {
+                            setSearchTerm("");
+                            search("");
+                          }}
+                        />
+                      ) : (
+                        <></>
+                      )}
+                    </div>
+                    <CommandList>
+                      {data.data &&
+                        data.data.length > 0 &&
+                        (data.data as ${names.pascalCase}Interface[]).map((${names.camelCase}: ${names.pascalCase}Interface) => (
+                          <CommandItem className="cursor-pointer" key={${names.camelCase}.id} onSelect={() => set${names.pascalCase}(${names.camelCase})}>
+                            <span className="">{${names.camelCase}.name}</span>
+                          </CommandItem>
+                        ))}
+                    </CommandList>
+                  </Command>
+                </PopoverContent>
+              </Popover>
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+    </div>
+  );
+}
+`;
+}

package/scripts/generate-web-module/templates/context.template.ts

@@ -0,0 +1,121 @@
+/**
+ * Context Template
+ *
+ * Generates {Module}Context.tsx for module state management.
+ */
+
+import { FrontendTemplateData } from "../types/template-data.interface";
+
+/**
+ * Generate the context file content
+ *
+ * @param data - Frontend template data
+ * @returns Generated file content
+ */
+export function generateContextTemplate(data: FrontendTemplateData): string {
+  const { names, extendsContent } = data;
+
+  return `"use client";
+
+import ${names.pascalCase}Deleter from "@/features/${data.targetDir}/${names.kebabCase}/components/forms/${names.pascalCase}Deleter";
+import ${names.pascalCase}Editor from "@/features/${data.targetDir}/${names.kebabCase}/components/forms/${names.pascalCase}Editor";
+import { ${names.pascalCase}Interface } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Interface";
+import { ${names.pascalCase}Service } from "@/features/${data.targetDir}/${names.kebabCase}/data/${names.pascalCase}Service";
+import { SharedProvider } from "@carlonicora/nextjs-jsonapi/contexts";
+import { usePageUrlGenerator } from "@carlonicora/nextjs-jsonapi/hooks";
+import { BreadcrumbItemData } from "@carlonicora/nextjs-jsonapi/interfaces";
+
+import { JsonApiHydratedDataInterface, Modules, rehydrate } from "@carlonicora/nextjs-jsonapi/core";
+import { useTranslations } from "next-intl";
+import { createContext, ReactNode, useContext, useState } from "react";
+
+interface ${names.pascalCase}ContextType {
+  ${names.camelCase}: ${names.pascalCase}Interface | undefined;
+  set${names.pascalCase}: (value: ${names.pascalCase}Interface | undefined) => void;
+  reload${names.pascalCase}: () => Promise<void>;
+}
+
+const ${names.pascalCase}Context = createContext<${names.pascalCase}ContextType | undefined>(undefined);
+
+type ${names.pascalCase}ProviderProps = {
+  children: ReactNode;
+  dehydrated${names.pascalCase}?: JsonApiHydratedDataInterface;
+};
+
+export const ${names.pascalCase}Provider = ({ children, dehydrated${names.pascalCase} }: ${names.pascalCase}ProviderProps) => {
+  const generateUrl = usePageUrlGenerator();
+  const t = useTranslations();
+
+  const [${names.camelCase}, set${names.pascalCase}] = useState<${names.pascalCase}Interface | undefined>(
+    dehydrated${names.pascalCase} ? rehydrate<${names.pascalCase}Interface>(Modules.${names.pascalCase}, dehydrated${names.pascalCase}) : undefined,
+  );
+
+  const reload${names.pascalCase} = async () => {
+    if (!${names.camelCase}) return;
+
+    const fresh${names.pascalCase} = await ${names.pascalCase}Service.findOne({ id: ${names.camelCase}.id });
+    set${names.pascalCase}(fresh${names.pascalCase});
+  };
+
+  const breadcrumb = () => {
+    const response: BreadcrumbItemData[] = [];
+
+    response.push({
+      name: t(\`types.${names.pluralCamel}\`, { count: 2 }),
+      href: generateUrl({ page: Modules.${names.pascalCase} }),
+    });
+
+    if (${names.camelCase})
+      response.push({
+        name: ${names.camelCase}.name,
+        href: generateUrl({ page: Modules.${names.pascalCase}, id: ${names.camelCase}.id }),
+      });
+
+    return response;
+  };
+
+  const title = () => {
+    const response: any = {
+      type: t(\`types.${names.pluralCamel}\`, { count: ${names.camelCase} ? 1 : 2 }),
+    };
+
+    const functions: ReactNode[] = [];
+
+    if (${names.camelCase}) {
+      response.element = ${names.camelCase}.name;
+
+      functions.push(<${names.pascalCase}Deleter key={\`${names.pascalCase}Deleter\`} ${names.camelCase}={${names.camelCase}} />);
+      functions.push(<${names.pascalCase}Editor key={\`${names.pascalCase}Editor\`} ${names.camelCase}={${names.camelCase}} propagateChanges={set${names.pascalCase}} />);
+    } else {
+      functions.push(<${names.pascalCase}Editor key={\`${names.pascalCase}Editor\`} />);
+    }
+
+    if (functions.length > 0) response.functions = functions;
+
+    return response;
+  };
+
+  return (
+    <SharedProvider value={{ breadcrumbs: breadcrumb(), title: title() }}>
+      <${names.pascalCase}Context.Provider
+        value={{
+          ${names.camelCase}: ${names.camelCase},
+          set${names.pascalCase}: set${names.pascalCase},
+          reload${names.pascalCase}: reload${names.pascalCase},
+        }}
+      >
+        {children}
+      </${names.pascalCase}Context.Provider>
+    </SharedProvider>
+  );
+};
+
+export const use${names.pascalCase}Context = (): ${names.pascalCase}ContextType => {
+  const context = useContext(${names.pascalCase}Context);
+  if (context === undefined) {
+    throw new Error("use${names.pascalCase}Context must be used within a ${names.pascalCase}Provider");
+  }
+  return context;
+};
+`;
+}

package/scripts/generate-web-module/templates/data/fields.template.ts

@@ -0,0 +1,64 @@
+/**
+ * Fields Template
+ *
+ * Generates {Module}Fields.ts enum file for type-safe field references.
+ */
+
+import { FrontendTemplateData } from "../../types/template-data.interface";
+import { toCamelCase, pluralize } from "../../transformers/name-transformer";
+
+/**
+ * Generate the fields enum file content
+ *
+ * @param data - Frontend template data
+ * @returns Generated file content
+ */
+export function generateFieldsTemplate(data: FrontendTemplateData): string {
+  const { names, fields, relationships, tableFieldNames } = data;
+
+  const enumEntries = generateEnumEntries(data);
+
+  return `export enum ${names.pascalCase}Fields {
+${enumEntries}
+}
+`;
+}
+
+/**
+ * Generate enum entries
+ */
+function generateEnumEntries(data: FrontendTemplateData): string {
+  const { names, fields, relationships } = data;
+  const entries: string[] = [];
+
+  // Add module ID field
+  entries.push(`  ${names.camelCase}Id = "${names.camelCase}Id",`);
+  entries.push(``);
+
+  // Add primitive fields
+  const fieldNames = fields.map((f) => f.name);
+  fieldNames.forEach((name) => {
+    entries.push(`  ${name} = "${name}",`);
+  });
+
+  if (relationships.length > 0) {
+    entries.push(``);
+  }
+
+  // Add relationship fields
+  relationships.forEach((rel) => {
+    const effectiveName = rel.variant || rel.name;
+    const key = rel.single
+      ? toCamelCase(effectiveName)
+      : pluralize(toCamelCase(rel.name));
+    entries.push(`  ${key} = "${key}",`);
+  });
+
+  entries.push(``);
+
+  // Add standard timestamp fields
+  entries.push(`  createdAt = "createdAt",`);
+  entries.push(`  updatedAt = "updatedAt",`);
+
+  return entries.join("\n");
+}