@developer_tribe/react-builder 0.1.23 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer_tribe/react-builder",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "type": "module",
   "restricted": true,
   "main": "dist/index.cjs.js",

package/scripts/prebuild/build-components.js

@@ -13,6 +13,8 @@ import {
   validateExistingComponentTsx,
   createRenderNodeGenerated,
   createBuildComponentsIndex,
+  createGetDefaultsPerComponent,
+  createBuildComponentsRootGetDefaults,
   formatAllSourceFiles,
   // lintNonGeneratedOrThrow,
 } from './utils/index.js';
@@ -36,10 +38,12 @@ async function run() {
     await ensurePropsTs(componentDir, componentName);
     await createComponentTsx(componentDir, componentName);
     await validateExistingComponentTsx(componentDir, componentName);
+    await createGetDefaultsPerComponent(componentDir, componentName);
   }
 
   await createRenderNodeGenerated(validated, paths);
   await createBuildComponentsIndex(validated, paths);
+  await createBuildComponentsRootGetDefaults(validated, paths);
   await formatAllSourceFiles(paths);
 }
 

package/scripts/prebuild/utils/createBuildComponentsRootGetDefaults.js

@@ -0,0 +1,56 @@
+import path from 'path';
+import { promises as fs } from 'fs';
+import { formatWithPrettier } from './formatWithPrettier.js';
+
+/**
+ * Creates src/build-components/getDefaults.ts aggregating all component getDefaults
+ * with signature: getDefaults<T>(type: T, node: NodeData<List<T>>)
+ */
+export async function createBuildComponentsRootGetDefaults(validated, paths) {
+  const { COMPONENTS_ROOT } = paths;
+  const targetPath = path.join(COMPONENTS_ROOT, 'getDefaults.ts');
+
+  const importLines = validated
+    .map(({ componentName }) => {
+      return `import { getDefaults as get${componentName}Defaults } from './${componentName}/getDefaults';`;
+    })
+    .join('\n');
+
+  const typeImports = `import type { ${validated
+    .map(({ componentName }) => `${componentName}PropsGenerated`)
+    .join(', ')} } from './index';`;
+
+  const nodeImport = `import type { NodeData } from '../types/Node';`;
+
+  const typesMap = validated
+    .map(({ componentName, patternJson }) => {
+      const type = patternJson?.pattern?.type;
+      return `  ${JSON.stringify(type)}: ${componentName}PropsGenerated['attributes']`;
+    })
+    .join(';\n');
+
+  const switchCases = validated
+    .map(({ componentName, patternJson }) => {
+      const type = patternJson?.pattern?.type;
+      return `    case ${JSON.stringify(type)}:\n      return get${componentName}Defaults() as Partial<Types[T]>`;
+    })
+    .join('\n');
+
+  const fileContent =
+    `/* AUTO-GENERATED FILE - DO NOT EDIT */\n\n` +
+    `${importLines}\n` +
+    `${typeImports}\n` +
+    `${nodeImport}\n\n` +
+    `export type Types = {\n${typesMap}\n};\n\n` +
+    `export type List<T> = T extends keyof Types ? Types[T] : never;\n\n` +
+    `export function getDefaults<T extends keyof Types>(type: T, _node: NodeData<List<T>>): Partial<Types[T]> {\n` +
+    `  switch (type as unknown as string) {\n` +
+    `${switchCases}\n` +
+    `    default:\n` +
+    `      return {};\n` +
+    `  }\n` +
+    `}\n`;
+
+  const formatted = await formatWithPrettier(fileContent);
+  await fs.writeFile(targetPath, formatted, 'utf8');
+}

package/scripts/prebuild/utils/createGetDefaultsPerComponent.js

@@ -0,0 +1,28 @@
+import path from 'path';
+import { promises as fs } from 'fs';
+import { formatWithPrettier } from './formatWithPrettier.js';
+
+/**
+ * Creates src/build-components/<Component>/getDefaults.ts
+ * This file returns the `default` block from the folder's pattern.json.
+ */
+export async function createGetDefaultsPerComponent(
+  componentDir,
+  componentName
+) {
+  const targetPath = path.join(componentDir, 'getDefaults.ts');
+
+  const importPath = `./${componentName}Props.generated`;
+
+  const fileContent =
+    `/* AUTO-GENERATED FILE - DO NOT EDIT */\n\n` +
+    `import pattern from './pattern.json';\n` +
+    `import type { ${componentName}PropsGenerated } from '${importPath}';\n\n` +
+    `export type ${componentName}Defaults = Partial<${componentName}PropsGenerated['attributes']>;\n\n` +
+    `export function getDefaults(): ${componentName}Defaults {\n` +
+    `  return ((pattern as unknown as { default?: unknown })?.default ?? {}) as ${componentName}Defaults;\n` +
+    `}\n`;
+
+  const formatted = await formatWithPrettier(fileContent);
+  await fs.writeFile(targetPath, formatted, 'utf8');
+}

package/scripts/prebuild/utils/createRootGetDefaults.js

@@ -0,0 +1,52 @@
+import path from 'path';
+import { promises as fs } from 'fs';
+import { formatWithPrettier } from './formatWithPrettier.js';
+
+/**
+ * Creates src/getDefaults.ts aggregating all component getDefaults.
+ */
+export async function createRootGetDefaults(validated, paths) {
+  const { SRC_ROOT } = paths;
+  const targetPath = path.join(SRC_ROOT, 'getDefaults.ts');
+
+  // Build import lines for all components
+  const importLines = validated
+    .map(({ componentName }) => {
+      return `import { getDefaults as get${componentName}Defaults } from './build-components/${componentName}/getDefaults';`;
+    })
+    .join('\n');
+
+  const typeImports = `import type { ${validated
+    .map(({ componentName }) => `${componentName}PropsGenerated`)
+    .join(', ')} } from './build-components';`;
+
+  const typesMap = validated
+    .map(({ componentName, patternJson }) => {
+      const type = patternJson?.pattern?.type;
+      return `  ${JSON.stringify(type)}: ${componentName}PropsGenerated['attributes']`;
+    })
+    .join(';\n');
+
+  const switchCases = validated
+    .map(({ componentName, patternJson }) => {
+      const type = patternJson?.pattern?.type;
+      return `    case ${JSON.stringify(type)}:\n      return get${componentName}Defaults() as Partial<Types[T]>`;
+    })
+    .join('\n');
+
+  const fileContent =
+    `/* AUTO-GENERATED FILE - DO NOT EDIT */\n\n` +
+    `${importLines}\n` +
+    `${typeImports}\n\n` +
+    `export type Types = {\n${typesMap}\n};\n\n` +
+    `export function getDefaults<T extends keyof Types>(type: T): Partial<Types[T]> {\n` +
+    `  switch (type as unknown as string) {\n` +
+    `${switchCases}\n` +
+    `    default:\n` +
+    `      return {};\n` +
+    `  }\n` +
+    `}\n`;
+
+  const formatted = await formatWithPrettier(fileContent);
+  await fs.writeFile(targetPath, formatted, 'utf8');
+}

package/scripts/prebuild/utils/index.js

@@ -13,3 +13,6 @@ export { createRenderNodeGenerated } from './createRenderNodeGenerated.js';
 export { createBuildComponentsIndex } from './createBuildComponentsIndex.js';
 export { formatAllSourceFiles } from './formatAllSourceFiles.js';
 export { validateExistingComponentTsx } from './validateExistingComponentTsx.js';
+export { createGetDefaultsPerComponent } from './createGetDefaultsPerComponent.js';
+export { createRootGetDefaults } from './createRootGetDefaults.js';
+export { createBuildComponentsRootGetDefaults } from './createBuildComponentsRootGetDefaults.js';

package/scripts/prebuild/utils/validateAllComponentsOrThrow.js

@@ -21,7 +21,8 @@ async function getAllEntriesInComponentsRoot(paths) {
         d =>
           d.name !== 'RenderNode.generated.tsx' &&
           d.name !== 'other.tsx' &&
-          d.name !== 'index.ts'
+          d.name !== 'index.ts' &&
+          d.name !== 'getDefaults.ts'
       );
     });
 }

package/src/build-components/Button/getDefaults.ts

@@ -0,0 +1,11 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { ButtonPropsGenerated } from './ButtonProps.generated';
+
+export type ButtonDefaults = Partial<ButtonPropsGenerated['attributes']>;
+
+export function getDefaults(): ButtonDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as ButtonDefaults;
+}

package/src/build-components/Carousel/getDefaults.ts

@@ -0,0 +1,11 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { CarouselPropsGenerated } from './CarouselProps.generated';
+
+export type CarouselDefaults = Partial<CarouselPropsGenerated['attributes']>;
+
+export function getDefaults(): CarouselDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as CarouselDefaults;
+}

package/src/build-components/CarouselButtons/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { CarouselButtonsPropsGenerated } from './CarouselButtonsProps.generated';
+
+export type CarouselButtonsDefaults = Partial<
+  CarouselButtonsPropsGenerated['attributes']
+>;
+
+export function getDefaults(): CarouselButtonsDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as CarouselButtonsDefaults;
+}

package/src/build-components/CarouselDots/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { CarouselDotsPropsGenerated } from './CarouselDotsProps.generated';
+
+export type CarouselDotsDefaults = Partial<
+  CarouselDotsPropsGenerated['attributes']
+>;
+
+export function getDefaults(): CarouselDotsDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as CarouselDotsDefaults;
+}

package/src/build-components/CarouselItem/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { CarouselItemPropsGenerated } from './CarouselItemProps.generated';
+
+export type CarouselItemDefaults = Partial<
+  CarouselItemPropsGenerated['attributes']
+>;
+
+export function getDefaults(): CarouselItemDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as CarouselItemDefaults;
+}

package/src/build-components/CarouselProvider/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { CarouselProviderPropsGenerated } from './CarouselProviderProps.generated';
+
+export type CarouselProviderDefaults = Partial<
+  CarouselProviderPropsGenerated['attributes']
+>;
+
+export function getDefaults(): CarouselProviderDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as CarouselProviderDefaults;
+}

package/src/build-components/Image/getDefaults.ts

@@ -0,0 +1,11 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { ImagePropsGenerated } from './ImageProps.generated';
+
+export type ImageDefaults = Partial<ImagePropsGenerated['attributes']>;
+
+export function getDefaults(): ImageDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as ImageDefaults;
+}

package/src/build-components/Onboard/getDefaults.ts

@@ -0,0 +1,11 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardPropsGenerated } from './OnboardProps.generated';
+
+export type OnboardDefaults = Partial<OnboardPropsGenerated['attributes']>;
+
+export function getDefaults(): OnboardDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardDefaults;
+}

package/src/build-components/OnboardButton/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardButtonPropsGenerated } from './OnboardButtonProps.generated';
+
+export type OnboardButtonDefaults = Partial<
+  OnboardButtonPropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardButtonDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardButtonDefaults;
+}

package/src/build-components/OnboardButtons/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardButtonsPropsGenerated } from './OnboardButtonsProps.generated';
+
+export type OnboardButtonsDefaults = Partial<
+  OnboardButtonsPropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardButtonsDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardButtonsDefaults;
+}

package/src/build-components/OnboardDot/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardDotPropsGenerated } from './OnboardDotProps.generated';
+
+export type OnboardDotDefaults = Partial<
+  OnboardDotPropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardDotDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardDotDefaults;
+}

package/src/build-components/OnboardFooter/OnboardFooter.tsx

@@ -2,8 +2,89 @@ import React, { useContext } from 'react';
 import type { OnboardFooterComponentProps } from './OnboardFooterProps.generated';
 import { mainNodeContext } from '../../RenderMainNode';
 
+type Segment =
+  | { type: 'text'; value: string }
+  | {
+      type: 'match';
+      value: string;
+      color?: string;
+      page?: string;
+    };
+
+function escapeRegExp(str: string) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+
+function buildSegments(
+  text: string,
+  patterns: { value: string; color?: string; page?: string }[],
+): { segments: Segment[]; matchCount: number } {
+  type RawMatch = {
+    start: number;
+    end: number;
+    value: string;
+    color?: string;
+    page?: string;
+  };
+
+  const rawMatches: RawMatch[] = [];
+
+  for (const p of patterns) {
+    if (!p.value) continue;
+    const re = new RegExp(escapeRegExp(p.value), 'gi');
+    for (const m of text.matchAll(re)) {
+      if (m.index == null) continue;
+      const matched = m[0];
+      if (!matched) continue;
+      rawMatches.push({
+        start: m.index,
+        end: m.index + matched.length,
+        value: matched,
+        color: p.color,
+        page: p.page,
+      });
+    }
+  }
+
+  if (rawMatches.length === 0) {
+    return { segments: [{ type: 'text', value: text }], matchCount: 0 };
+  }
+
+  rawMatches.sort((a, b) => {
+    if (a.start !== b.start) return a.start - b.start;
+    const lenA = a.end - a.start;
+    const lenB = b.end - b.start;
+    return lenB - lenA;
+  });
+
+  const kept: RawMatch[] = [];
+  let lastEnd = -1;
+  for (const m of rawMatches) {
+    if (m.start >= lastEnd) {
+      kept.push(m);
+      lastEnd = m.end;
+    }
+  }
+
+  const segments: Segment[] = [];
+  let cursor = 0;
+  for (const { start, end, value, color, page } of kept) {
+    if (start > cursor) {
+      segments.push({ type: 'text', value: text.slice(cursor, start) });
+    }
+    segments.push({ type: 'match', value, color, page });
+    cursor = end;
+  }
+  if (cursor < text.length) {
+    segments.push({ type: 'text', value: text.slice(cursor) });
+  }
+
+  return { segments, matchCount: kept.length };
+}
+
 function OnboardFooter({ node }: OnboardFooterComponentProps) {
-  const { localication, defaultLanguage } = useContext(mainNodeContext) ?? {};
+  const { localication, defaultLanguage, setWarning } =
+    useContext(mainNodeContext) ?? {};
   const t = (key?: string) =>
     key ? (localication?.[defaultLanguage ?? 'en']?.[key] ?? key) : '';
 
@@ -44,19 +125,81 @@ function OnboardFooter({ node }: OnboardFooterComponentProps) {
 
   return (
     <div className="primitive primitive-footer" style={style}>
-      {!!text && <p style={{ color: node?.attributes?.textColor }}>{text}</p>}
-      <div style={{ display: 'flex', gap: 8 }}>
-        {node?.attributes?.linkedWordFirstLocalizationKey && (
-          <span style={linkStyle(node?.attributes?.linkedWordFirstColor)}>
-            {t(node?.attributes?.linkedWordFirstLocalizationKey)}
-          </span>
-        )}
-        {node?.attributes?.linkedWordSecondLocalizationKey && (
-          <span style={linkStyle(node?.attributes?.linkedWordSecondColor)}>
-            {t(node?.attributes?.linkedWordSecondLocalizationKey)}
-          </span>
-        )}
-      </div>
+      {!!text &&
+        (() => {
+          const firstText = t(node?.attributes?.linkedWordFirstLocalizationKey);
+          const secondText = t(
+            node?.attributes?.linkedWordSecondLocalizationKey,
+          );
+          const { segments, matchCount } = buildSegments(text, [
+            {
+              value: firstText,
+              color: node?.attributes?.linkedWordFirstColor,
+              page: (node?.attributes as any)?.linkedWordFirstPage,
+            },
+            {
+              value: secondText,
+              color: node?.attributes?.linkedWordSecondColor,
+              page: (node?.attributes as any)?.linkedWordSecondPage,
+            },
+          ]);
+
+          const textColor = node?.attributes?.textColor;
+
+          const handleClick = (page?: string) => {
+            if (!page) return;
+            // Demo environment: surface intent via warning banner if available
+            if (setWarning) setWarning(`Navigate to page: ${page}`);
+          };
+
+          return (
+            <>
+              <p style={{ color: textColor }}>
+                {segments.map((seg, i) =>
+                  seg.type === 'text' ? (
+                    <span key={i}>{seg.value}</span>
+                  ) : (
+                    <span
+                      key={i}
+                      style={linkStyle(seg.color)}
+                      onClick={() => handleClick(seg.page)}
+                    >
+                      {seg.value}
+                    </span>
+                  ),
+                )}
+              </p>
+              {matchCount === 0 && (
+                <div style={{ display: 'flex', gap: 8 }}>
+                  {node?.attributes?.linkedWordFirstLocalizationKey && (
+                    <span
+                      style={linkStyle(node?.attributes?.linkedWordFirstColor)}
+                      onClick={() =>
+                        handleClick(
+                          (node?.attributes as any)?.linkedWordFirstPage,
+                        )
+                      }
+                    >
+                      {firstText}
+                    </span>
+                  )}
+                  {node?.attributes?.linkedWordSecondLocalizationKey && (
+                    <span
+                      style={linkStyle(node?.attributes?.linkedWordSecondColor)}
+                      onClick={() =>
+                        handleClick(
+                          (node?.attributes as any)?.linkedWordSecondPage,
+                        )
+                      }
+                    >
+                      {secondText}
+                    </span>
+                  )}
+                </div>
+              )}
+            </>
+          );
+        })()}
     </div>
   );
 }

package/src/build-components/OnboardFooter/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardFooterPropsGenerated } from './OnboardFooterProps.generated';
+
+export type OnboardFooterDefaults = Partial<
+  OnboardFooterPropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardFooterDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardFooterDefaults;
+}

package/src/build-components/OnboardImage/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardImagePropsGenerated } from './OnboardImageProps.generated';
+
+export type OnboardImageDefaults = Partial<
+  OnboardImagePropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardImageDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardImageDefaults;
+}

package/src/build-components/OnboardItem/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardItemPropsGenerated } from './OnboardItemProps.generated';
+
+export type OnboardItemDefaults = Partial<
+  OnboardItemPropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardItemDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardItemDefaults;
+}

package/src/build-components/OnboardProvider/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardProviderPropsGenerated } from './OnboardProviderProps.generated';
+
+export type OnboardProviderDefaults = Partial<
+  OnboardProviderPropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardProviderDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardProviderDefaults;
+}

package/src/build-components/OnboardSubtitle/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardSubtitlePropsGenerated } from './OnboardSubtitleProps.generated';
+
+export type OnboardSubtitleDefaults = Partial<
+  OnboardSubtitlePropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardSubtitleDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardSubtitleDefaults;
+}

package/src/build-components/OnboardSubtitle/pattern.json

@@ -21,5 +21,9 @@
         "900"
       ]
     }
+  },
+  "default": {
+    "fontSize": 14,
+    "fontWeight": "600"
   }
 }

package/src/build-components/OnboardTitle/getDefaults.ts

@@ -0,0 +1,13 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { OnboardTitlePropsGenerated } from './OnboardTitleProps.generated';
+
+export type OnboardTitleDefaults = Partial<
+  OnboardTitlePropsGenerated['attributes']
+>;
+
+export function getDefaults(): OnboardTitleDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as OnboardTitleDefaults;
+}

package/src/build-components/OnboardTitle/pattern.json

@@ -21,5 +21,9 @@
         "900"
       ]
     }
+  },
+  "default": {
+    "fontSize": 24,
+    "fontWeight": "700"
   }
 }

package/src/build-components/Text/getDefaults.ts

@@ -0,0 +1,11 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { TextPropsGenerated } from './TextProps.generated';
+
+export type TextDefaults = Partial<TextPropsGenerated['attributes']>;
+
+export function getDefaults(): TextDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as TextDefaults;
+}

package/src/build-components/View/getDefaults.ts

@@ -0,0 +1,11 @@
+/* AUTO-GENERATED FILE - DO NOT EDIT */
+
+import pattern from './pattern.json';
+import type { ViewPropsGenerated } from './ViewProps.generated';
+
+export type ViewDefaults = Partial<ViewPropsGenerated['attributes']>;
+
+export function getDefaults(): ViewDefaults {
+  return ((pattern as unknown as { default?: unknown })?.default ??
+    {}) as ViewDefaults;
+}