@postxl/generators 0.2.2

package/dist/frontend-forms/generators/model/inputs.generator.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateModelInputs = generateModelInputs;
+const generator_1 = require("@postxl/generator");
+function generateModelInputs({ model }) {
+    const imports = new generator_1.ImportGenerator({ path: '' });
+    imports
+        .addTypeImport({ from: (0, generator_1.toBackendModuleLocation)('@postxl/utils'), items: [(0, generator_1.toTypeName)('UnionOmit')] })
+        .addType(model.types)
+        .addType(model.types.id)
+        .add(model.itemsHook)
+        .addImports({
+        [(0, generator_1.toPackageName)('react')]: [(0, generator_1.toFunctionName)('useCallback'), (0, generator_1.toFunctionName)('useState'), (0, generator_1.toFunctionName)('useMemo')],
+        [(0, generator_1.toPackageName)('lucide-react')]: [(0, generator_1.toClassName)('ChevronsUpDownIcon'), (0, generator_1.toClassName)('CheckIcon')],
+        [(0, generator_1.toBackendModuleLocation)('@components/ui/button/button')]: [(0, generator_1.toClassName)('Button')],
+        [(0, generator_1.toBackendModuleLocation)('@components/ui/select/select')]: [
+            (0, generator_1.toClassName)('Select'),
+            (0, generator_1.toClassName)('SelectContent'),
+            (0, generator_1.toClassName)('SelectItem'),
+            (0, generator_1.toClassName)('SelectTrigger'),
+            (0, generator_1.toClassName)('SelectValue'),
+        ],
+        [(0, generator_1.toBackendModuleLocation)('@components/ui/popover/popover')]: [
+            (0, generator_1.toClassName)('Popover'),
+            (0, generator_1.toClassName)('PopoverContent'),
+            (0, generator_1.toClassName)('PopoverTrigger'),
+        ],
+        [(0, generator_1.toBackendModuleLocation)('@components/ui/command/command')]: [
+            (0, generator_1.toClassName)('Command'),
+            (0, generator_1.toClassName)('CommandEmpty'),
+            (0, generator_1.toClassName)('CommandGroup'),
+            (0, generator_1.toClassName)('CommandInput'),
+            (0, generator_1.toClassName)('CommandItem'),
+            (0, generator_1.toClassName)('CommandList'),
+        ],
+        [(0, generator_1.toBackendModuleLocation)('@lib/utils')]: [(0, generator_1.toFunctionName)('cn')],
+    });
+    const map = model.itemsHook.map.name;
+    return `
+  ${imports.generate()}
+
+  export type ${model.types.name}SelectProps =
+    UnionOmit<
+      React.ComponentPropsWithoutRef<typeof Select>,
+      'value' | 'onValueChange'
+  > & {
+    value?: ${model.types.id.name} | null;
+    defaultValue?: ${model.types.id.name};
+    label?: (variant: ${model.types.name}) => string;
+    item?: (variant: ${model.types.name}) => React.ReactNode;
+
+    onValueChange: (value: ${model.types.name}) => void;
+  }
+
+  export function ${model.types.name}Select(
+    { value, onValueChange, label = (item) => item.${model.labelField.name}, item = label, children, ...delegated }: ${model.types.name}SelectProps,
+  ) {
+    const { ${map} } = ${model.itemsHook.name}()
+    const handleChange = useCallback(
+    (value: ${model.types.id.name}) => {
+      const option = ${map}.get(value)
+
+      if (option) {
+        onValueChange(option)
+      }
+    },
+    [onValueChange, ${map}],
+  )
+
+  const selected = useMemo(() => value ? ${map}.get(value) : undefined, [value, ${map}])
+    return (
+      <Select {...delegated} value={value ?? undefined} onValueChange={handleChange}>
+        {children ?? (
+          <SelectTrigger>
+            {selected ? label(selected) : <SelectValue />}
+          </SelectTrigger>
+        )}
+
+        <SelectContent>
+          {Array.from(${map}.values()).map((option) => (
+            <SelectItem key={option.id} value={option.id}>
+              {item(option)}
+            </SelectItem>
+          ))}
+        </SelectContent>
+      </Select>
+    )
+  }
+
+  export type ${model.types.name}ComboboxProps =
+    React.ComponentPropsWithoutRef<typeof Command> & {
+    value?: ${model.types.id.name} | null;
+    onValueChange: (value: ${model.types.name}) => void;
+    label: (variant: ${model.types.name}) => string;
+    item?: (variant: ${model.types.name}) => React.ReactNode;
+  }
+
+  export function ${model.types.name}Combobox(
+    { value, onValueChange, label, item = label, ...delegated }: ${model.types.name}ComboboxProps,
+  ) {
+    const { ${map} } = ${model.itemsHook.name}()
+
+    const [open, setOpen] = useState(false)
+    const handleSelect = useCallback((option: ${model.types.name}) => {
+      onValueChange(option)
+      setOpen(false)
+    }, [onValueChange])
+
+    const selected = useMemo(() => value ? ${map}.get(value) : undefined, [value, ${map}])
+
+    return (
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button variant="outline" aria-expanded={open} className="w-[200px] justify-between">
+            {selected ? label(selected) : value ?? 'Select ${model.userFriendlyName}...'}
+            <ChevronsUpDownIcon className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+          </Button>
+        </PopoverTrigger>
+
+        <PopoverContent className="w-[200px] p-0">
+          <Command {...delegated}>
+            <CommandInput placeholder="Search ${model.userFriendlyName}..." className="h-9" />
+
+            <CommandList>
+              <CommandEmpty>No ${model.userFriendlyName} found.</CommandEmpty>
+
+              <CommandGroup>
+                {Array.from(${map}.values()).map((option) => (
+                  <CommandItem
+                    key={option.id}
+                    className="pr-6 relative"
+                    value={option.id}
+                    onSelect={() => handleSelect(option)}
+                  >
+                    {item(option)}
+                    <CheckIcon className={cn('absolute right-2 size-4', value === option.id ? 'opacity-100' : 'opacity-0')} />
+                  </CommandItem>
+                ))}
+              </CommandGroup>
+            </CommandList>
+          </Command>
+        </PopoverContent>
+      </Popover>
+    )
+  }
+  `;
+}
+//# sourceMappingURL=inputs.generator.js.map

package/dist/frontend-forms/generators/model/inputs.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputs.generator.js","sourceRoot":"","sources":["../../../../src/frontend-forms/generators/model/inputs.generator.ts"],"names":[],"mappings":"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"}

package/dist/frontend-forms/index.d.ts

@@ -0,0 +1,5 @@
+import * as Generator from './forms.generator';
+export type WithForms<Context> = Generator.WithForms<Context>;
+export type ModelWithForms = Generator.ModelContextResult;
+export declare const frontendFormsGenerator: import("@postxl/generator").GeneratorInterface;
+export declare const frontendFormsGeneratorId: string & import("zod").BRAND<"PXL.GeneratorInterfaceId">;

package/dist/frontend-forms/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.frontendFormsGeneratorId = exports.frontendFormsGenerator = void 0;
+const Generator = __importStar(require("./forms.generator"));
+exports.frontendFormsGenerator = Generator.generator;
+exports.frontendFormsGeneratorId = Generator.generatorId;
+//# sourceMappingURL=index.js.map

package/dist/frontend-forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/frontend-forms/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAA8C;AAIjC,QAAA,sBAAsB,GAAG,SAAS,CAAC,SAAS,CAAA;AAC5C,QAAA,wBAAwB,GAAG,SAAS,CAAC,WAAW,CAAA"}

package/dist/frontend-forms/template/src/components/ui/field/field.tsx

@@ -0,0 +1,226 @@
+'use client'
+
+import { useMemo } from 'react'
+import { cva, type VariantProps } from 'class-variance-authority'
+
+import { cn } from '@lib/utils'
+import { Label } from '@components/ui/label/label'
+import { Separator } from '@components/ui/separator/separator'
+
+function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>) {
+  return (
+    <fieldset
+      data-slot="field-set"
+      className={cn(
+        'flex flex-col gap-6',
+        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldLegend({
+  className,
+  variant = 'legend',
+  ...props
+}: React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }) {
+  return (
+    <legend
+      data-slot="field-legend"
+      data-variant={variant}
+      className={cn('mb-3 font-medium', 'data-[variant=legend]:text-base', 'data-[variant=label]:text-sm', className)}
+      {...props}
+    />
+  )
+}
+
+function FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="field-group"
+      className={cn(
+        'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+const fieldVariants = cva('group/field flex w-full gap-3 data-[invalid=true]:text-destructive', {
+  variants: {
+    orientation: {
+      vertical: ['flex-col [&>*]:w-full [&>.sr-only]:w-auto'],
+      horizontal: [
+        'flex-row items-center',
+        '[&>[data-slot=field-label]]:flex-auto',
+        'has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',
+      ],
+      responsive: [
+        'flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto',
+        '@md/field-group:[&>[data-slot=field-label]]:flex-auto',
+        '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',
+      ],
+    },
+  },
+  defaultVariants: {
+    orientation: 'vertical',
+  },
+})
+
+function Field({
+  className,
+  orientation = 'vertical',
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>) {
+  return (
+    <div
+      role="group"
+      data-slot="field"
+      data-orientation={orientation}
+      className={cn(fieldVariants({ orientation }), className)}
+      {...props}
+    />
+  )
+}
+
+function FieldContent({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="field-content"
+      className={cn('group/field-content flex flex-1 flex-col gap-1.5 leading-snug', className)}
+      {...props}
+    />
+  )
+}
+
+function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>) {
+  return (
+    <Label
+      data-slot="field-label"
+      className={cn(
+        'group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50',
+        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4',
+        'has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="field-label"
+      className={cn(
+        'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldDescription({ className, ...props }: React.ComponentProps<'p'>) {
+  return (
+    <p
+      data-slot="field-description"
+      className={cn(
+        'text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance',
+        'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',
+        '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<'div'> & {
+  children?: React.ReactNode
+}) {
+  return (
+    <div
+      data-slot="field-separator"
+      data-content={!!children}
+      className={cn('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className)}
+      {...props}
+    >
+      <Separator className="absolute inset-0 top-1/2" />
+      {children && (
+        <span
+          className="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
+          data-slot="field-separator-content"
+        >
+          {children}
+        </span>
+      )}
+    </div>
+  )
+}
+
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<'div'> & {
+  errors?: Array<{ message?: string } | undefined>
+}) {
+  const content = useMemo(() => {
+    if (children) {
+      return children
+    }
+
+    if (!errors?.length) {
+      return null
+    }
+
+    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()]
+
+    if (uniqueErrors?.length == 1) {
+      return uniqueErrors[0]?.message
+    }
+
+    return (
+      <ul className="ml-4 flex list-disc flex-col gap-1">
+        {uniqueErrors.map((error, index) => error?.message && <li key={index}>{error.message}</li>)}
+      </ul>
+    )
+  }, [children, errors])
+
+  if (!content) {
+    return null
+  }
+
+  return (
+    <div
+      role="alert"
+      data-slot="field-error"
+      className={cn('text-destructive text-sm font-normal', className)}
+      {...props}
+    >
+      {content}
+    </div>
+  )
+}
+
+export {
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldContent,
+  FieldTitle,
+}

package/dist/frontend-tables/generators/model-context.generator.d.ts

@@ -0,0 +1,5 @@
+import { ContextResult, ModelContextResult } from '../tables.generator';
+export declare function generateModelContext({ model }: {
+    model: ModelContextResult;
+    context: ContextResult;
+}): string;

package/dist/frontend-tables/generators/model-context.generator.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateModelContext = generateModelContext;
+const generator_1 = require("@postxl/generator");
+function generateModelContext({ model }) {
+    const imports = generator_1.ImportGenerator
+        //
+        .from(model.table.allModelsHook.location)
+        .addType(model.types)
+        .addType(model.types.id);
+    const resultMapTypeDefinition = `Map<${model.types.id.name}, ${model.types.name}>`;
+    return `
+import { useMemo } from 'react'
+
+import { useQuery } from '@tanstack/react-query'
+
+import { useTRPC } from '@lib/trpc'
+
+${imports.generate()}
+
+type ProviderHookType = {
+	ready: boolean
+	map: ${resultMapTypeDefinition}
+	list: ${model.types.name}[]
+}
+
+/**
+ * A React utility hook to access the model data in the generated forms.
+ */
+export const ${model.table.allModelsHook.name} = (): ProviderHookType => {
+  const trpc = useTRPC()
+  const dataQuery = useQuery(trpc.${model.trpcRoute.name}.${model.trpcRoute.getMap.name}.queryOptions())
+
+	const value = useMemo<ProviderHookType>(() => {
+		const data: ${resultMapTypeDefinition} = dataQuery.data ?? new ${resultMapTypeDefinition}()
+
+		return {
+			ready: dataQuery.isLoading === false,
+			map: data,
+			list: Array.from(data.values())
+		}
+	}, [dataQuery.isLoading, dataQuery.data])
+
+	return value
+}
+
+/**
+ * Returns a single instance of the model if the data is ready.
+ */
+export const ${model.table.modelHook.name} = (
+	{ id }: { id?: ${model.types.id.name} | null }
+): ${model.types.name} | null => {
+	const { map, ready } = ${model.table.allModelsHook.name}()
+
+	const value = useMemo(() => {
+		if (!ready || !id) {
+			return null
+		}
+
+		const val = map.get(id)
+		if (!val) {
+			return null
+		}
+
+		return val
+	}, [map, ready, id])
+
+	return value
+}
+`;
+}
+//# sourceMappingURL=model-context.generator.js.map

package/dist/frontend-tables/generators/model-context.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-context.generator.js","sourceRoot":"","sources":["../../../src/frontend-tables/generators/model-context.generator.ts"],"names":[],"mappings":";;AAIA,oDAoEC;AAxED,iDAAmD;AAInD,SAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAyD;IACnG,MAAM,OAAO,GAAG,2BAAe;QAC7B,EAAE;SACD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC;SACxC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;SACpB,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAE1B,MAAM,uBAAuB,GAAG,OAAO,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA;IAElF,OAAO;;;;;;;EAOP,OAAO,CAAC,QAAQ,EAAE;;;;QAIZ,uBAAuB;SACtB,KAAK,CAAC,KAAK,CAAC,IAAI;;;;;;eAMV,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI;;oCAET,KAAK,CAAC,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;;gBAGvE,uBAAuB,4BAA4B,uBAAuB;;;;;;;;;;;;;;;eAe3E,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI;kBACvB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI;KAChC,KAAK,CAAC,KAAK,CAAC,IAAI;0BACK,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI;;;;;;;;;;;;;;;;;CAiBvD,CAAA;AACD,CAAC"}

package/dist/frontend-tables/generators/model-table.generator.d.ts

@@ -0,0 +1,5 @@
+import type { ContextResult, ModelContextResult } from '../tables.generator';
+export declare function generateModelTableComponent({ model, context, }: {
+    model: ModelContextResult;
+    context: ContextResult;
+}): string;