@salesforce/templates 66.5.5 → 66.5.6

package/lib/templates/webapplication/reactbasic/src/components/ui/calendar.tsx

@@ -0,0 +1,232 @@
+'use client';
+
+import * as React from 'react';
+import {
+  DayPicker,
+  getDefaultClassNames,
+  type DayButton,
+  type Locale,
+} from 'react-day-picker';
+
+import { cn } from '@/lib/utils';
+import { Button, buttonVariants } from '@/components/ui/button';
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronDownIcon,
+} from 'lucide-react';
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = 'label',
+  buttonVariant = 'ghost',
+  locale,
+  formatters,
+  components,
+  ...props
+}: React.ComponentProps<typeof DayPicker> & {
+  buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+}) {
+  const defaultClassNames = getDefaultClassNames();
+
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn(
+        'p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] group/calendar bg-background in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent',
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      )}
+      captionLayout={captionLayout}
+      locale={locale}
+      formatters={{
+        formatMonthDropdown: date =>
+          date.toLocaleString(locale?.code, { month: 'short' }),
+        ...formatters,
+      }}
+      classNames={{
+        root: cn('w-fit', defaultClassNames.root),
+        months: cn(
+          'relative flex flex-col gap-4 md:flex-row',
+          defaultClassNames.months
+        ),
+        month: cn('flex w-full flex-col gap-4', defaultClassNames.month),
+        nav: cn(
+          'absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1',
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          'size-(--cell-size) p-0 select-none aria-disabled:opacity-50',
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          'size-(--cell-size) p-0 select-none aria-disabled:opacity-50',
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          'flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)',
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          'flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium',
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          'cn-calendar-dropdown-root relative rounded-(--cell-radius)',
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          'absolute inset-0 bg-popover opacity-0',
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          'font-medium select-none',
+          captionLayout === 'label'
+            ? 'text-sm'
+            : 'cn-calendar-caption-label flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground',
+          defaultClassNames.caption_label
+        ),
+        table: 'w-full border-collapse',
+        weekdays: cn('flex', defaultClassNames.weekdays),
+        weekday: cn(
+          'flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none',
+          defaultClassNames.weekday
+        ),
+        week: cn('mt-2 flex w-full', defaultClassNames.week),
+        week_number_header: cn(
+          'w-(--cell-size) select-none',
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          'text-[0.8rem] text-muted-foreground select-none',
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          'group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)',
+          props.showWeekNumber
+            ? '[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)'
+            : '[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)',
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          'relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted',
+          defaultClassNames.range_start
+        ),
+        range_middle: cn('rounded-none', defaultClassNames.range_middle),
+        range_end: cn(
+          'relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted',
+          defaultClassNames.range_end
+        ),
+        today: cn(
+          'rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none',
+          defaultClassNames.today
+        ),
+        outside: cn(
+          'text-muted-foreground aria-selected:text-muted-foreground',
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          'text-muted-foreground opacity-50',
+          defaultClassNames.disabled
+        ),
+        hidden: cn('invisible', defaultClassNames.hidden),
+        ...classNames,
+      }}
+      components={{
+        Root: ({ className, rootRef, ...props }) => {
+          return (
+            <div
+              data-slot="calendar"
+              ref={rootRef}
+              className={cn(className)}
+              {...props}
+            />
+          );
+        },
+        Chevron: ({ className, orientation, ...props }) => {
+          if (orientation === 'left') {
+            return (
+              <ChevronLeftIcon
+                className={cn('cn-rtl-flip size-4', className)}
+                {...props}
+              />
+            );
+          }
+
+          if (orientation === 'right') {
+            return (
+              <ChevronRightIcon
+                className={cn('cn-rtl-flip size-4', className)}
+                {...props}
+              />
+            );
+          }
+
+          return (
+            <ChevronDownIcon className={cn('size-4', className)} {...props} />
+          );
+        },
+        DayButton: ({ ...props }) => (
+          <CalendarDayButton locale={locale} {...props} />
+        ),
+        WeekNumber: ({ children, ...props }) => {
+          return (
+            <td {...props}>
+              <div className="flex size-(--cell-size) items-center justify-center text-center">
+                {children}
+              </div>
+            </td>
+          );
+        },
+        ...components,
+      }}
+      {...props}
+    />
+  );
+}
+
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  locale,
+  ...props
+}: React.ComponentProps<typeof DayButton> & { locale?: Partial<Locale> }) {
+  const defaultClassNames = getDefaultClassNames();
+
+  const ref = React.useRef<HTMLButtonElement>(null);
+  React.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+
+  return (
+    <Button
+      ref={ref}
+      variant="ghost"
+      size="icon"
+      data-day={day.date.toLocaleDateString(locale?.code)}
+      data-selected-single={
+        modifiers.selected &&
+        !modifiers.range_start &&
+        !modifiers.range_end &&
+        !modifiers.range_middle
+      }
+      data-range-start={modifiers.range_start}
+      data-range-end={modifiers.range_end}
+      data-range-middle={modifiers.range_middle}
+      className={cn(
+        'relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70',
+        defaultClassNames.day,
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export { Calendar, CalendarDayButton };

package/lib/templates/webapplication/reactbasic/src/components/ui/checkbox.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import * as React from 'react';
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+
+import { cn } from '@/lib/utils';
+import { CheckIcon } from 'lucide-react';
+
+function Checkbox({
+  className,
+  ...props
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+  return (
+    <CheckboxPrimitive.Root
+      data-slot="checkbox"
+      className={cn(
+        'border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-3 aria-invalid:ring-3 peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50',
+        className
+      )}
+      {...props}
+    >
+      <CheckboxPrimitive.Indicator
+        data-slot="checkbox-indicator"
+        className="[&>svg]:size-3.5 grid place-content-center text-current transition-none"
+      >
+        <CheckIcon />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  );
+}
+
+export { Checkbox };

package/lib/templates/webapplication/reactbasic/src/components/ui/collapsible.tsx

@@ -0,0 +1,33 @@
+'use client';
+
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+
+function Collapsible({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
+  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />;
+}
+
+function CollapsibleTrigger({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleTrigger
+      data-slot="collapsible-trigger"
+      {...props}
+    />
+  );
+}
+
+function CollapsibleContent({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleContent
+      data-slot="collapsible-content"
+      {...props}
+    />
+  );
+}
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/lib/templates/webapplication/reactbasic/src/components/ui/datePicker.tsx

@@ -0,0 +1,127 @@
+'use client';
+
+import * as React from 'react';
+import { format } from 'date-fns';
+import { Calendar as CalendarIcon } from 'lucide-react';
+
+import type { DateRange, DayPickerProps } from 'react-day-picker';
+
+import { cn } from '@/lib/utils';
+import { Button } from '@/components/ui/button';
+import { Calendar } from '@/components/ui/calendar';
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/ui/popover';
+
+function DatePicker({ ...props }: React.ComponentProps<typeof Popover>) {
+  return <Popover data-slot="date-picker" {...props} />;
+}
+
+function DatePickerTrigger({
+  className,
+  children,
+  date,
+  placeholder = 'Pick a date',
+  dateFormat = 'PPP',
+  ...props
+}: React.ComponentProps<typeof Button> & {
+  date?: Date;
+  placeholder?: string;
+  dateFormat?: string;
+}) {
+  return (
+    <PopoverTrigger asChild>
+      <Button
+        variant="outline"
+        data-slot="date-picker-trigger"
+        data-empty={!date}
+        className={cn(
+          'w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground',
+          className
+        )}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <CalendarIcon />
+            {date ? format(date, dateFormat) : <span>{placeholder}</span>}
+          </>
+        )}
+      </Button>
+    </PopoverTrigger>
+  );
+}
+
+function DatePickerContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof PopoverContent>) {
+  return (
+    <PopoverContent
+      data-slot="date-picker-content"
+      className={cn('w-auto p-0', className)}
+      {...props}
+    />
+  );
+}
+
+function DatePickerRangeTrigger({
+  className,
+  children,
+  dateRange,
+  placeholder = 'Pick a date',
+  dateFormat = 'LLL dd, y',
+  ...props
+}: React.ComponentProps<typeof Button> & {
+  dateRange?: DateRange;
+  placeholder?: string;
+  dateFormat?: string;
+}) {
+  const hasDate = dateRange?.from != null;
+  return (
+    <PopoverTrigger asChild>
+      <Button
+        variant="outline"
+        data-slot="date-picker-range-trigger"
+        data-empty={!hasDate}
+        className={cn(
+          'justify-start text-left font-normal data-[empty=true]:text-muted-foreground',
+          className
+        )}
+        {...props}
+      >
+        {children ?? (
+          <>
+            <CalendarIcon />
+            {dateRange?.from ? (
+              dateRange.to ? (
+                <>
+                  {format(dateRange.from, dateFormat)} –{' '}
+                  {format(dateRange.to, dateFormat)}
+                </>
+              ) : (
+                format(dateRange.from, dateFormat)
+              )
+            ) : (
+              <span>{placeholder}</span>
+            )}
+          </>
+        )}
+      </Button>
+    </PopoverTrigger>
+  );
+}
+
+function DatePickerCalendar(props: DayPickerProps) {
+  return <Calendar data-slot="date-picker-calendar" {...props} />;
+}
+
+export {
+  DatePicker,
+  DatePickerTrigger,
+  DatePickerRangeTrigger,
+  DatePickerContent,
+  DatePickerCalendar,
+};

package/lib/templates/webapplication/reactbasic/src/components/ui/popover.tsx

@@ -0,0 +1,89 @@
+'use client';
+
+import * as React from 'react';
+import { Popover as PopoverPrimitive } from 'radix-ui';
+
+import { cn } from '@/lib/utils';
+
+function Popover({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />;
+}
+
+function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />;
+}
+
+function PopoverContent({
+  className,
+  align = 'center',
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        data-slot="popover-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 flex flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 w-72 origin-(--radix-popover-content-transform-origin) outline-hidden',
+          className
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  );
+}
+
+function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />;
+}
+
+function PopoverHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      data-slot="popover-header"
+      className={cn('flex flex-col gap-0.5 text-sm', className)}
+      {...props}
+    />
+  );
+}
+
+function PopoverTitle({ className, ...props }: React.ComponentProps<'h2'>) {
+  return (
+    <div
+      data-slot="popover-title"
+      className={cn('font-medium', className)}
+      {...props}
+    />
+  );
+}
+
+function PopoverDescription({
+  className,
+  ...props
+}: React.ComponentProps<'p'>) {
+  return (
+    <p
+      data-slot="popover-description"
+      className={cn('text-muted-foreground', className)}
+      {...props}
+    />
+  );
+}
+
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverTrigger,
+};

package/lib/templates/webapplication/reactbasic/src/components/ui/sonner.tsx

@@ -0,0 +1,20 @@
+import { Toaster as Sonner } from 'sonner';
+
+/**
+ * Renders the toast container. Use with `toast()` from this module for messages
+ * with title, description, actions, and variants (success, error, warning).
+ *
+ * @example
+ * toast("Event has been created", {
+ *   description: "Sunday, December 03, 2023 at 9:00 AM",
+ *   action: { label: "Undo", onClick: () => {} },
+ * });
+ * toast.success("Saved!");
+ * toast.error("Something went wrong");
+ * toast.warning("Please review");
+ */
+export function Toaster() {
+  return <Sonner position="top-right" richColors />;
+}
+
+export { toast } from 'sonner';

package/lib/templates/webapplication/reactbasic/tsconfig.json

@@ -31,6 +31,12 @@
       "@assets/*": ["./src/assets/*"]
     }
   },
-  "include": ["src", "vite-env.d.ts", "vitest-env.d.ts"],
+  "include": [
+    "src",
+    "e2e",
+    "vite-env.d.ts",
+    "vitest-env.d.ts",
+    "vitest.setup.ts"
+  ],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/lib/templates/webapplication/reactbasic/vite.config.ts

@@ -1,3 +1,4 @@
+import { existsSync } from 'node:fs';
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import path from 'path';
@@ -6,26 +7,29 @@ import tailwindcss from '@tailwindcss/vite';
 import salesforce from '@salesforce/vite-plugin-webapp-experimental';
 import codegen from 'vite-plugin-graphql-codegen';
 
+const schemaPath = resolve(__dirname, '../../../../../schema.graphql');
+const schemaExists = existsSync(schemaPath);
+
 export default defineConfig(({ mode }) => {
   return {
     base: './',
-    // Type assertion avoids Plugin type mismatch when dist has its own node_modules (vite/rollup)
     plugins: [
       tailwindcss(),
       react(),
       salesforce(),
-      codegen({
-        // Path to the codegen config file
-        configFilePathOverride: resolve(__dirname, 'codegen.yml'),
-        // Run codegen on dev server start
-        runOnStart: true,
-        // Don't run codegen on build for now
-        runOnBuild: false,
-        // Enable file watcher during development
-        enableWatcher: true,
-        // Fail build if codegen errors
-        throwOnBuild: true,
-      }),
+      // Only add codegen when schema exists (e.g. after `npm run graphql:schema`).
+      // In CI or when schema is not checked in, skip codegen so build succeeds.
+      ...(schemaExists
+        ? [
+            codegen({
+              configFilePathOverride: resolve(__dirname, 'codegen.yml'),
+              runOnStart: true,
+              runOnBuild: true,
+              enableWatcher: true,
+              throwOnBuild: true,
+            }),
+          ]
+        : []),
     ] as import('vite').PluginOption[],
 
     // Build configuration for MPA

package/lib/utils/template-placeholders.js

@@ -71,6 +71,13 @@ exports.default = [
         subpath: 'src',
         replacement: 'features',
     },
+    {
+        key: 'OBJECT_SEARCH_PLACEHOLDER',
+        placeholder: '_os_',
+        dirInNpm: 'object-search',
+        parent: '_f_',
+        replacement: 'object-search',
+    },
     {
         key: 'GLOBAL_SEARCH_PLACEHOLDER',
         placeholder: '_gs_',

package/lib/utils/template-placeholders.js.map

@@ -1 +1 @@
-{"version":3,"file":"template-placeholders.js","sourceRoot":"","sources":["../../src/utils/template-placeholders.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAEH;;;GAGG;AACH,kBAAe;IACb;QACE,GAAG,EAAE,yBAAyB;QAC9B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,mBAAmB;KACjC;IACD;QACE,GAAG,EAAE,0BAA0B;QAC/B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,cAAc;QACxB,MAAM,EAAE,KAAK;QACb,kBAAkB,EAAE,MAAM;QAC1B,WAAW,EAAE,cAAc;KAC5B;IACD;QACE,GAAG,EAAE,6BAA6B;QAClC,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,iBAAiB;KAC/B;IACD;QACE,GAAG,EAAE,iCAAiC;QACtC,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,oBAAoB;KAClC;IACD;QACE,GAAG,EAAE,kBAAkB;QACvB,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,MAAM;KACpB;IACD;QACE,GAAG,EAAE,sBAAsB;QAC3B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,WAAW;KACzB;IACD;QACE,GAAG,EAAE,kCAAkC;QACvC,WAAW,EAAE,KAAK;QAClB,QAAQ,EACN,oEAAoE;QACtE,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,YAAY;QACpB,WAAW,EAAE,6DAA6D;KAC3E;IACD,gFAAgF;IAChF;QACE,GAAG,EAAE,sBAAsB;QAC3B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;QACd,WAAW,EAAE,UAAU;KACxB;IACD;QACE,GAAG,EAAE,2BAA2B;QAChC,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,eAAe;QACzB,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,GAAG,EAAE,wBAAwB;QAC7B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,YAAY;KAC1B;IACD;QACE,GAAG,EAAE,oBAAoB;QACzB,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,QAAQ;KACtB;IACD;QACE,GAAG,EAAE,uBAAuB;QAC5B,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,OAAO;QACf,WAAW,EAAE,WAAW;KACzB;CACF,CAAC"}
+{"version":3,"file":"template-placeholders.js","sourceRoot":"","sources":["../../src/utils/template-placeholders.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAEH;;;GAGG;AACH,kBAAe;IACb;QACE,GAAG,EAAE,yBAAyB;QAC9B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,mBAAmB;KACjC;IACD;QACE,GAAG,EAAE,0BAA0B;QAC/B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,cAAc;QACxB,MAAM,EAAE,KAAK;QACb,kBAAkB,EAAE,MAAM;QAC1B,WAAW,EAAE,cAAc;KAC5B;IACD;QACE,GAAG,EAAE,6BAA6B;QAClC,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,iBAAiB;KAC/B;IACD;QACE,GAAG,EAAE,iCAAiC;QACtC,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,oBAAoB;KAClC;IACD;QACE,GAAG,EAAE,kBAAkB;QACvB,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,MAAM;KACpB;IACD;QACE,GAAG,EAAE,sBAAsB;QAC3B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,WAAW;KACzB;IACD;QACE,GAAG,EAAE,kCAAkC;QACvC,WAAW,EAAE,KAAK;QAClB,QAAQ,EACN,oEAAoE;QACtE,MAAM,EAAE,KAAK;QACb,MAAM,EAAE,YAAY;QACpB,WAAW,EAAE,6DAA6D;KAC3E;IACD,gFAAgF;IAChF;QACE,GAAG,EAAE,sBAAsB;QAC3B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK;QACd,WAAW,EAAE,UAAU;KACxB;IACD;QACE,GAAG,EAAE,2BAA2B;QAChC,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,eAAe;QACzB,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,GAAG,EAAE,2BAA2B;QAChC,WAAW,EAAE,MAAM;QACnB,QAAQ,EAAE,eAAe;QACzB,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,GAAG,EAAE,wBAAwB;QAC7B,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,YAAY;KAC1B;IACD;QACE,GAAG,EAAE,oBAAoB;QACzB,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,QAAQ;KACtB;IACD;QACE,GAAG,EAAE,uBAAuB;QAC5B,WAAW,EAAE,OAAO;QACpB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,OAAO;QACf,WAAW,EAAE,WAAW;KACzB;CACF,CAAC"}

package/lib/utils/webappTemplateUtils.d.ts

@@ -54,6 +54,8 @@ export declare const A4D_SKILL_AGENTFORCE_PLACEHOLDER = "_k_";
 /** Replaced with literal "feature-react-agentforce-conversation-client-embedded-agent". */
 /** Replaced with literal "features" (under app src; short for Windows path length). */
 export declare const FEATURES_PLACEHOLDER = "_f_";
+/** Replaced with literal "object-search". */
+export declare const OBJECT_SEARCH_PLACEHOLDER = "_os_";
 /** Replaced with literal "global-search". */
 export declare const GLOBAL_SEARCH_PLACEHOLDER = "_gs_";
 /** Replaced with literal "components". */
@@ -63,7 +65,7 @@ export declare const DETAIL_PLACEHOLDER = "_det_";
 /** Replaced with literal "formatted". */
 export declare const FORMATTED_PLACEHOLDER = "_fmt_";
 /** All placeholder keys; used by tests to assert sync with copy-templates.js */
-export declare const PLACEHOLDER_KEYS: readonly ["PACKAGE_DIR_PLACEHOLDER", "MAIN_DEFAULT_PLACEHOLDER", "WEBAPPLICATIONS_PLACEHOLDER", "APP_PLACEHOLDER", "DIGITAL_EXPERIENCES_PLACEHOLDER", "SITE_PLACEHOLDER", "APP_SUFFIX_PLACEHOLDER", "A4DRULES_PLACEHOLDER", "A4D_SKILL_AGENTFORCE_PLACEHOLDER", "FEATURES_PLACEHOLDER", "GLOBAL_SEARCH_PLACEHOLDER", "COMPONENTS_PLACEHOLDER", "DETAIL_PLACEHOLDER", "FORMATTED_PLACEHOLDER"];
+export declare const PLACEHOLDER_KEYS: readonly ["PACKAGE_DIR_PLACEHOLDER", "MAIN_DEFAULT_PLACEHOLDER", "WEBAPPLICATIONS_PLACEHOLDER", "APP_PLACEHOLDER", "DIGITAL_EXPERIENCES_PLACEHOLDER", "SITE_PLACEHOLDER", "APP_SUFFIX_PLACEHOLDER", "A4DRULES_PLACEHOLDER", "A4D_SKILL_AGENTFORCE_PLACEHOLDER", "FEATURES_PLACEHOLDER", "OBJECT_SEARCH_PLACEHOLDER", "GLOBAL_SEARCH_PLACEHOLDER", "COMPONENTS_PLACEHOLDER", "DETAIL_PLACEHOLDER", "FORMATTED_PLACEHOLDER"];
 /**
  * Returns a string containing only alphanumeric characters [A-Za-z0-9].
  * Used for folder and file names under webapplications, which must be alphanumeric.

package/lib/utils/webappTemplateUtils.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PLACEHOLDER_KEYS = exports.FORMATTED_PLACEHOLDER = exports.DETAIL_PLACEHOLDER = exports.COMPONENTS_PLACEHOLDER = exports.GLOBAL_SEARCH_PLACEHOLDER = exports.FEATURES_PLACEHOLDER = exports.A4D_SKILL_AGENTFORCE_PLACEHOLDER = exports.A4DRULES_PLACEHOLDER = exports.APP_SUFFIX_PLACEHOLDER = exports.SITE_PLACEHOLDER = exports.DIGITAL_EXPERIENCES_PLACEHOLDER = exports.APP_PLACEHOLDER = exports.WEBAPPLICATIONS_PLACEHOLDER = exports.MAIN_DEFAULT_PLACEHOLDER = exports.PACKAGE_DIR_PLACEHOLDER = exports.WINDOWS_MAX_ALLOWABLE_PATH_LENGTH = exports.FULL_TEMPLATE_SKIP_DIRS = exports.FULL_TEMPLATE_DEFAULT_NAMES = exports.BUILT_IN_FULL_TEMPLATES = exports.EJS_EXTENSIONS = void 0;
+exports.PLACEHOLDER_KEYS = exports.FORMATTED_PLACEHOLDER = exports.DETAIL_PLACEHOLDER = exports.COMPONENTS_PLACEHOLDER = exports.GLOBAL_SEARCH_PLACEHOLDER = exports.OBJECT_SEARCH_PLACEHOLDER = exports.FEATURES_PLACEHOLDER = exports.A4D_SKILL_AGENTFORCE_PLACEHOLDER = exports.A4DRULES_PLACEHOLDER = exports.APP_SUFFIX_PLACEHOLDER = exports.SITE_PLACEHOLDER = exports.DIGITAL_EXPERIENCES_PLACEHOLDER = exports.APP_PLACEHOLDER = exports.WEBAPPLICATIONS_PLACEHOLDER = exports.MAIN_DEFAULT_PLACEHOLDER = exports.PACKAGE_DIR_PLACEHOLDER = exports.WINDOWS_MAX_ALLOWABLE_PATH_LENGTH = exports.FULL_TEMPLATE_SKIP_DIRS = exports.FULL_TEMPLATE_DEFAULT_NAMES = exports.BUILT_IN_FULL_TEMPLATES = exports.EJS_EXTENSIONS = void 0;
 exports.copyTreeSanitized = copyTreeSanitized;
 exports.toAlphanumericForPath = toAlphanumericForPath;
 exports.isLikelyText = isLikelyText;
@@ -131,6 +131,8 @@ exports.A4D_SKILL_AGENTFORCE_PLACEHOLDER = '_k_';
 /** Replaced with literal "feature-react-agentforce-conversation-client-embedded-agent". */
 /** Replaced with literal "features" (under app src; short for Windows path length). */
 exports.FEATURES_PLACEHOLDER = '_f_';
+/** Replaced with literal "object-search". */
+exports.OBJECT_SEARCH_PLACEHOLDER = '_os_';
 /** Replaced with literal "global-search". */
 exports.GLOBAL_SEARCH_PLACEHOLDER = '_gs_';
 /** Replaced with literal "components". */
@@ -151,6 +153,7 @@ exports.PLACEHOLDER_KEYS = [
     'A4DRULES_PLACEHOLDER',
     'A4D_SKILL_AGENTFORCE_PLACEHOLDER',
     'FEATURES_PLACEHOLDER',
+    'OBJECT_SEARCH_PLACEHOLDER',
     'GLOBAL_SEARCH_PLACEHOLDER',
     'COMPONENTS_PLACEHOLDER',
     'DETAIL_PLACEHOLDER',