@vibecuting/component-project-helper 0.1.15 → 0.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibecuting/component-project-helper",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
   "main": "./src/index.ts",

package/src/decorators/index.test.ts

@@ -43,3 +43,26 @@ test('attaches normalized metadata to decorated function components', () => {
   expect(decorated).toBe(SceneTitle)
   expect(getComponentProjectComponentMetadata(SceneTitle)).toEqual(metadata)
 })
+
+test('attaches metadata to components with required props', () => {
+  type RequiredProps = {
+    title: string
+  }
+
+  const metadata = defineComponentProjectComponentMetadata({
+    name: 'RequiredPropsScene',
+    description: 'Exercises required props support',
+    sourceFile: 'src/components/RequiredPropsScene.tsx',
+    aspectRatio: '16:9',
+    sceneType: 'scene',
+    tags: ['required', 'props'],
+    propsTypeName: 'RequiredProps',
+  })
+
+  const RequiredPropsScene = (_props: RequiredProps) => null
+
+  const decorated = VideoComponent(metadata)(RequiredPropsScene)
+
+  expect(decorated).toBe(RequiredPropsScene)
+  expect(getComponentProjectComponentMetadata(RequiredPropsScene)).toEqual(metadata)
+})

package/src/decorators/index.ts

@@ -1,7 +1,5 @@
 import 'reflect-metadata'
 
-import type { ComponentType } from 'react'
-
 import {
   ComponentProjectComponentMetadataSchema,
   type ComponentProjectComponentMetadata,
@@ -20,7 +18,7 @@ export function defineComponentProjectComponentMetadata(
 export function VideoComponent(metadata: ComponentProjectComponentMetadata) {
   const normalized = defineComponentProjectComponentMetadata(metadata)
 
-  return function componentProjectDecorator<T extends ComponentType<any>>(target: T): T {
+  return function componentProjectDecorator<T extends (...args: any[]) => unknown>(target: T): T {
     Reflect.defineMetadata(COMPONENT_PROJECT_METADATA_KEY, normalized, target)
     return target
   }