handoff-app 1.2.2-4 → 1.2.2-6

package/Changelog.md

@@ -12,6 +12,11 @@ This patch release clears ESLint failures in the Next.js app pages and aligns
 several code paths with the compiler target so production builds succeed without
 enabling `--downlevelIteration`.
 
+### Change
+
+* Altered the avaliable types to the SlotMetadata so the default can handle
+  a wide variaty of types - `default?: string | number | boolean | object | any[] | null;`
+
 ### Lint and code quality
 
 * Resolved `no-else-return`, `no-unused-vars`, `camelcase`, `prefer-const`,

package/dist/transformers/preview/component.d.ts

@@ -26,7 +26,7 @@ export interface SlotMetadata {
     name: string;
     description: string;
     generic: string;
-    default?: string;
+    default?: string | number | boolean | object | any[] | null;
     type: SlotType;
     items?: {
         type: SlotType;

package/dist/transformers/preview/component.js

@@ -16,10 +16,10 @@ exports.getComponentOutputPath = exports.SlotType = void 0;
 exports.componentTransformer = componentTransformer;
 const path_1 = __importDefault(require("path"));
 const api_1 = require("./component/api");
-const summary_1 = __importDefault(require("./component/summary"));
 const builder_1 = __importDefault(require("./component/builder"));
 const css_1 = require("./component/css");
 const javascript_1 = require("./component/javascript");
+const summary_1 = __importDefault(require("./component/summary"));
 var SlotType;
 (function (SlotType) {
     SlotType["TEXT"] = "text";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "handoff-app",
-  "version": "1.2.2-4",
+  "version": "1.2.2-6",
   "description": "Automated documentation toolchain for building client side documentation from figma",
   "author ": {
     "name": "Convertiv",

package/src/app/components/Component/ComponentLists.tsx

@@ -42,7 +42,7 @@ export const ComponentList = ({
   const [groupedList, setGroupedList] = React.useState<Record<string, PreviewObject[]>>({});
 
   const categories = React.useMemo(() => {
-    const categories = new Set(components.map((component) => component.group).flat());
+    const categories = new Set(components.map((component) => component.group).flat().filter((g): g is string => !!g));
     return Array.from(categories);
   }, [components]);
 

package/src/app/components/Component/Preview.tsx

@@ -78,10 +78,12 @@ export const ComponentDisplay: React.FC<{
       const variantMap: Record<string, Set<string>> = {};
       Object.values(component.previews).forEach((preview: any) => {
         Object.entries(preview.values).forEach(([key, value]) => {
+          const strValue = String(value);
+          if (!strValue) return;
           if (!variantMap[key]) {
             variantMap[key] = new Set();
           }
-          variantMap[key].add(String(value));
+          variantMap[key].add(strValue);
         });
       });
 

package/src/app/components/context/PreviewContext.tsx

@@ -33,13 +33,13 @@ function groupVariantProperties(items: Record<string, string>[]): Record<string,
 
   for (const item of items) {
     for (const [key, value] of Object.entries(item)) {
+      if (typeof value !== 'string' || value === '') continue;
       (grouped[key] ||= new Set()).add(value);
     }
   }
 
   return Object.fromEntries(
     Object.entries(grouped).map(([key, set]) => [key, Array.from(set)])
-    // .filter((i) => i[1].length > 1)
   );
 }
 

package/src/transformers/preview/component.ts

@@ -2,10 +2,10 @@ import type { DocAnnotation, TypeNode } from 'handoff-docgen';
 import path from 'path';
 import Handoff from '../../index';
 import { getAPIPath } from './component/api';
-import writeComponentSummaryAPI from './component/summary';
 import processComponents from './component/builder';
 import { buildMainCss } from './component/css';
 import { buildMainJS } from './component/javascript';
+import writeComponentSummaryAPI from './component/summary';
 
 export interface ComponentMetadata {
   title: string;
@@ -33,7 +33,7 @@ export interface SlotMetadata {
   name: string;
   description: string;
   generic: string;
-  default?: string;
+  default?: string | number | boolean | object | any[] | null;
   type: SlotType;
   // used if type is array
   items?: {