@vibecuting/component-project-helper 0.1.16 → 0.1.17

package/src/discovery/index.ts

@@ -1,15 +1,220 @@
+import crypto from 'node:crypto'
 import fs from 'node:fs/promises'
 import type { Dirent } from 'node:fs'
 import path from 'node:path'
+import ts from 'typescript'
 
 import {
-  ComponentProjectComponentMetadataSchema,
-  type ComponentProjectComponentMetadata,
-} from '../schemas'
+  type ScenePluginMetadata,
+  type ThemePluginMetadata,
+  type TransitionPluginMetadata,
+  type VideoResourceDescriptor,
+  type VideoResourceMetadata,
+  ScenePluginMetadataSchema,
+} from '../resources/video-resource.ts'
+import {
+  sceneResourceDescriptor,
+  themeResourceDescriptor,
+  transitionResourceDescriptor,
+  videoResourceDescriptors,
+  type VideoResourceDescriptorDefinition,
+} from '../resources/resource-descriptors.ts'
+import { ComponentProjectComponentMetadataSchema } from '../schemas/index.ts'
+
+const SUPPORTED_EXTENSIONS = new Set(['.ts', '.tsx', '.js', '.jsx', '.mjs', '.cjs'])
+
+export type DiscoveredVideoResource = {
+  packageName: string
+  packageVersion: string
+  packageRoot: string
+  sourceFile: string
+  exportName: string
+  annotationName: string
+  metadataFactoryName: string
+  metadata: VideoResourceMetadata
+  sourceDigest: string
+}
+
+type DescriptorMap = Record<string, VideoResourceDescriptor<VideoResourceMetadata>>
+
+const descriptorMap: DescriptorMap = {
+  [sceneResourceDescriptor.annotationName]: sceneResourceDescriptor as VideoResourceDescriptor<VideoResourceMetadata>,
+  [transitionResourceDescriptor.annotationName]:
+    transitionResourceDescriptor as VideoResourceDescriptor<VideoResourceMetadata>,
+  [themeResourceDescriptor.annotationName]:
+    themeResourceDescriptor as VideoResourceDescriptor<VideoResourceMetadata>,
+}
+
+const metadataFactoryMap: DescriptorMap = {
+  [sceneResourceDescriptor.metadataFactoryName]:
+    sceneResourceDescriptor as VideoResourceDescriptor<VideoResourceMetadata>,
+  ['defineComponentProjectComponentMetadata']:
+    sceneResourceDescriptor as VideoResourceDescriptor<VideoResourceMetadata>,
+  [transitionResourceDescriptor.metadataFactoryName]:
+    transitionResourceDescriptor as VideoResourceDescriptor<VideoResourceMetadata>,
+  [themeResourceDescriptor.metadataFactoryName]:
+    themeResourceDescriptor as VideoResourceDescriptor<VideoResourceMetadata>,
+}
+
+function toScriptKind(filePath: string): ts.ScriptKind {
+  if (filePath.endsWith('.tsx')) {
+    return ts.ScriptKind.TSX
+  }
+
+  if (filePath.endsWith('.jsx')) {
+    return ts.ScriptKind.JSX
+  }
+
+  if (filePath.endsWith('.mjs')) {
+    return ts.ScriptKind.JS
+  }
+
+  if (filePath.endsWith('.cjs')) {
+    return ts.ScriptKind.JS
+  }
+
+  return ts.ScriptKind.TS
+}
+
+function getIdentifierName(node: ts.Expression): string | undefined {
+  if (ts.isIdentifier(node)) {
+    return node.text
+  }
+
+  if (ts.isPropertyAccessExpression(node)) {
+    return node.name.text
+  }
+
+  return undefined
+}
+
+function unwrapExpression(node: ts.Expression): ts.Expression {
+  let current = node
+
+  for (;;) {
+    if (ts.isParenthesizedExpression(current)) {
+      current = current.expression
+      continue
+    }
+
+    if (ts.isAsExpression(current) || ts.isTypeAssertionExpression(current)) {
+      current = current.expression
+      continue
+    }
+
+    if (ts.isSatisfiesExpression(current)) {
+      current = current.expression
+      continue
+    }
+
+    return current
+  }
+}
+
+function evaluateStaticExpression(node: ts.Expression, filePath: string): unknown {
+  const expression = unwrapExpression(node)
+
+  if (ts.isStringLiteralLike(expression)) {
+    return expression.text
+  }
+
+  if (ts.isNoSubstitutionTemplateLiteral(expression)) {
+    return expression.text
+  }
+
+  if (ts.isNumericLiteral(expression)) {
+    return Number(expression.text)
+  }
+
+  if (expression.kind === ts.SyntaxKind.TrueKeyword) {
+    return true
+  }
+
+  if (expression.kind === ts.SyntaxKind.FalseKeyword) {
+    return false
+  }
+
+  if (expression.kind === ts.SyntaxKind.NullKeyword) {
+    return null
+  }
+
+  if (ts.isPrefixUnaryExpression(expression) && expression.operator === ts.SyntaxKind.MinusToken) {
+    const value = evaluateStaticExpression(expression.operand, filePath)
+    if (typeof value === 'number') {
+      return -value
+    }
+  }
+
+  if (ts.isArrayLiteralExpression(expression)) {
+    return expression.elements.map((element) => {
+      if (ts.isSpreadElement(element)) {
+        throw new Error(`${filePath}: spread elements are not supported in static metadata`)
+      }
+
+      return evaluateStaticExpression(element as ts.Expression, filePath)
+    })
+  }
+
+  if (ts.isObjectLiteralExpression(expression)) {
+    const result: Record<string, unknown> = {}
+
+    for (const property of expression.properties) {
+      if (ts.isSpreadAssignment(property)) {
+        throw new Error(`${filePath}: spread assignments are not supported in static metadata`)
+      }
+
+      if (!ts.isPropertyAssignment(property) && !ts.isShorthandPropertyAssignment(property)) {
+        throw new Error(`${filePath}: unsupported object literal property in static metadata`)
+      }
+
+      const key = ts.isPropertyAssignment(property)
+        ? property.name
+        : property.name
+
+      let propertyName: string | undefined
+
+      if (ts.isIdentifier(key) || ts.isStringLiteralLike(key)) {
+        propertyName = key.text
+      } else if (ts.isNumericLiteral(key)) {
+        propertyName = key.text
+      }
+
+      if (!propertyName) {
+        throw new Error(`${filePath}: computed metadata keys are not supported`)
+      }
+
+      const value = ts.isPropertyAssignment(property)
+        ? evaluateStaticExpression(property.initializer, filePath)
+        : property.name.text
 
-export type ComponentProjectComponentDiscovery = ComponentProjectComponentMetadata
+      result[propertyName] = value
+    }
+
+    return result
+  }
+
+  if (ts.isIdentifier(expression) && expression.text === 'undefined') {
+    return undefined
+  }
+
+  throw new Error(`${filePath}: unsupported static metadata expression: ${expression.getText()}`)
+}
 
-async function collectComponentSourceFiles(directory: string): Promise<string[]> {
+function parseSourceFile(filePath: string, sourceText: string): ts.SourceFile {
+  return ts.createSourceFile(filePath, sourceText, ts.ScriptTarget.Latest, true, toScriptKind(filePath))
+}
+
+function isExported(node: ts.Node): boolean {
+  if (!ts.canHaveModifiers(node)) {
+    return false
+  }
+
+  return Boolean(
+    ts.getModifiers(node)?.some((modifier) => modifier.kind === ts.SyntaxKind.ExportKeyword),
+  )
+}
+
+async function collectFiles(directory: string): Promise<string[]> {
   let entries: Dirent[] = []
 
   try {
@@ -21,10 +226,14 @@ async function collectComponentSourceFiles(directory: string): Promise<string[]>
   const files: string[] = []
 
   for (const entry of entries) {
-    const entryPath = path.join(directory, entry.name)
+    if (entry.name === 'node_modules' || entry.name === '.git') {
+      continue
+    }
+
+    const absolutePath = path.join(directory, entry.name)
 
     if (entry.isDirectory()) {
-      files.push(...(await collectComponentSourceFiles(entryPath)))
+      files.push(...(await collectFiles(absolutePath)))
       continue
     }
 
@@ -32,23 +241,48 @@ async function collectComponentSourceFiles(directory: string): Promise<string[]>
       continue
     }
 
-    if (entry.name.includes('.test.') || entry.name.includes('.spec.')) {
+    if (entry.name.endsWith('.d.ts') || entry.name.endsWith('.map')) {
       continue
     }
 
-    if (entry.name.endsWith('.d.ts')) {
+    if (entry.name.includes('.test.') || entry.name.includes('.spec.')) {
       continue
     }
 
-    if (entry.name.endsWith('.ts') || entry.name.endsWith('.tsx')) {
-      files.push(entryPath)
+    if (SUPPORTED_EXTENSIONS.has(path.extname(entry.name))) {
+      files.push(absolutePath)
     }
   }
 
   return files
 }
 
-async function collectNamespacedPackageSourceFiles(projectRoot: string): Promise<string[]> {
+async function resolveSourceRoot(packageRoot: string): Promise<string> {
+  const srcRoot = path.join(packageRoot, 'src')
+  const distRoot = path.join(packageRoot, 'dist')
+
+  try {
+    const stat = await fs.stat(srcRoot)
+    if (stat.isDirectory()) {
+      return srcRoot
+    }
+  } catch {
+    // ignore
+  }
+
+  try {
+    const stat = await fs.stat(distRoot)
+    if (stat.isDirectory()) {
+      return distRoot
+    }
+  } catch {
+    // ignore
+  }
+
+  return packageRoot
+}
+
+async function collectInstalledPackages(projectRoot: string): Promise<string[]> {
   const namespaceRoot = path.join(projectRoot, 'node_modules', '@vibecuting')
   let entries: Dirent[] = []
 
@@ -58,142 +292,452 @@ async function collectNamespacedPackageSourceFiles(projectRoot: string): Promise
     return []
   }
 
-  const packageRoots = entries
+  return entries
     .filter((entry) => entry.isDirectory() || entry.isSymbolicLink())
-    .map((entry) => path.join(namespaceRoot, entry.name, 'src'))
-
-  const files = await Promise.all(packageRoots.map((directory) => collectComponentSourceFiles(directory)))
-  return [...new Set(files.flat())]
+    .map((entry) => path.join(namespaceRoot, entry.name))
+    .sort((left, right) => left.localeCompare(right))
 }
 
-async function collectDiscoverableSourceFiles(projectRoot: string): Promise<string[]> {
-  const sourceRoots = [
-    path.join(projectRoot, 'src', 'components'),
-    path.join(projectRoot, 'src', 'video', 'chapters'),
-  ]
-
-  const localFiles = await Promise.all(
-    sourceRoots.map((directory) => collectComponentSourceFiles(directory)),
-  )
-  const packageFiles = await collectNamespacedPackageSourceFiles(projectRoot)
+function collectMetadataVariables(sourceFile: ts.SourceFile): Map<string, ts.Expression> {
+  const result = new Map<string, ts.Expression>()
 
-  return [...new Set([...localFiles.flat(), ...packageFiles])]
-}
+  sourceFile.forEachChild((node) => {
+    if (!ts.isVariableStatement(node)) {
+      return
+    }
 
-function extractBalancedObjectLiteral(source: string, startIndex: number): string | undefined {
-  let depth = 0
-  let inString = false
-  let stringQuote = ''
-  let escaped = false
+    for (const declaration of node.declarationList.declarations) {
+      if (!ts.isIdentifier(declaration.name) || !declaration.initializer) {
+        continue
+      }
 
-  for (let index = startIndex; index < source.length; index += 1) {
-    const character = source[index]
+      const initializer = unwrapExpression(declaration.initializer)
+      if (!ts.isCallExpression(initializer)) {
+        continue
+      }
 
-    if (inString) {
-      if (escaped) {
-        escaped = false
+      const factoryName = getIdentifierName(initializer.expression)
+      if (!factoryName) {
         continue
       }
 
-      if (character === '\\') {
-        escaped = true
+      if (!metadataFactoryMap[factoryName]) {
         continue
       }
 
-      if (character === stringQuote) {
-        inString = false
+      const metadataExpression = initializer.arguments[0]
+      if (!metadataExpression || !ts.isExpression(metadataExpression)) {
+        continue
       }
 
-      continue
+      result.set(declaration.name.text, metadataExpression)
     }
+  })
 
-    if (character === '"' || character === "'" || character === '`') {
-      inString = true
-      stringQuote = character
-      continue
-    }
+  return result
+}
 
-    if (character === '{') {
-      depth += 1
-      continue
-    }
+function normalizeSceneMetadata(value: unknown, filePath: string): ScenePluginMetadata {
+  const modern = ScenePluginMetadataSchema.safeParse(value)
+  if (modern.success) {
+    return modern.data
+  }
 
-    if (character === '}') {
-      depth -= 1
-      if (depth === 0) {
-        return source.slice(startIndex, index + 1)
-      }
+  const legacy = ComponentProjectComponentMetadataSchema.safeParse(value)
+  if (!legacy.success) {
+    throw new Error(`${filePath}: invalid scene metadata`)
+  }
+
+  return ScenePluginMetadataSchema.parse({
+    resourceKind: 'scene',
+    name: legacy.data.name,
+    description: legacy.data.description,
+    sourceFile: legacy.data.sourceFile,
+    pluginKey: legacy.data.name,
+    tags: legacy.data.tags,
+    aspectRatio: legacy.data.aspectRatio,
+    sceneType: legacy.data.sceneType,
+    sceneFamily: 'custom',
+    rootLayout: 'absolute-fill',
+    propsTypeName: legacy.data.propsTypeName,
+  })
+}
+
+function getExportNameFromDeclaration(node: ts.Node): string | undefined {
+  if (ts.isVariableStatement(node) && isExported(node)) {
+    const declaration = node.declarationList.declarations[0]
+    if (declaration && ts.isIdentifier(declaration.name)) {
+      return declaration.name.text
     }
   }
 
+  if (ts.isFunctionDeclaration(node) && isExported(node) && node.name) {
+    return node.name.text
+  }
+
+  if (ts.isClassDeclaration(node) && isExported(node) && node.name) {
+    return node.name.text
+  }
+
   return undefined
 }
 
-function parseMetadataLiteral(literal: string): ComponentProjectComponentMetadata | undefined {
-  try {
-    const value = Function(`"use strict"; return (${literal});`)()
-    const parsed = ComponentProjectComponentMetadataSchema.safeParse(value)
-    return parsed.success ? parsed.data : undefined
-  } catch {
+function extractAnnotationCall(node: ts.Expression): {
+  annotationName: string
+  metadataExpression: ts.Expression | undefined
+  targetExpression: ts.Expression
+} | undefined {
+  const outerCall = unwrapExpression(node)
+  if (!ts.isCallExpression(outerCall)) {
+    return undefined
+  }
+
+  const targetExpression = outerCall.arguments[0]
+  if (!targetExpression || !ts.isExpression(targetExpression)) {
+    return undefined
+  }
+
+  const innerCall = unwrapExpression(outerCall.expression)
+  if (!ts.isCallExpression(innerCall)) {
+    return undefined
+  }
+
+  const annotationName = getIdentifierName(innerCall.expression)
+  if (!annotationName) {
     return undefined
   }
+
+  const metadataExpression = innerCall.arguments[0]
+  return {
+    annotationName,
+    metadataExpression: metadataExpression && ts.isExpression(metadataExpression) ? metadataExpression : undefined,
+    targetExpression,
+  }
 }
 
-function readMetadataFromSource(source: string): ComponentProjectComponentMetadata | undefined {
-  const decoratorMatch = /@VideoComponent\s*\((\{[\s\S]*?\})\)/m.exec(source)
-  if (decoratorMatch) {
-    return parseMetadataLiteral(decoratorMatch[1])
+function validateSceneTarget(
+  metadata: ScenePluginMetadata,
+  targetExpression: ts.Expression,
+  filePath: string,
+): void {
+  const expression = unwrapExpression(targetExpression)
+  if (!ts.isCallExpression(expression)) {
+    throw new Error(`${filePath}: scene target must be a call expression`)
   }
 
-  const candidates = [
-    /componentMetadata\s*=\s*defineComponentProjectComponentMetadata\s*\(/m,
-    /componentMetadata\s*=\s*VideoComponent\s*\(/m,
-    /componentMetadata\s*=\s*/m,
-  ]
+  const factoryName = getIdentifierName(expression.expression)
+  if (factoryName !== 'defineSceneComponent') {
+    throw new Error(`${filePath}: scene target must use defineSceneComponent()`)
+  }
 
-  for (const pattern of candidates) {
-    const match = pattern.exec(source)
-    if (!match) {
-      continue
+  const definition = expression.arguments[0]
+  if (!definition || !ts.isObjectLiteralExpression(definition)) {
+    throw new Error(`${filePath}: defineSceneComponent requires a static object literal`)
+  }
+
+  const family = definition.properties.find((property) => {
+    if (!ts.isPropertyAssignment(property)) {
+      return false
     }
 
-    const startIndex = source.indexOf('{', match.index)
-    if (startIndex < 0) {
-      continue
+    const name = property.name
+    return (ts.isIdentifier(name) || ts.isStringLiteralLike(name)) && name.text === 'family'
+  }) as ts.PropertyAssignment | undefined
+
+  if (!family) {
+    throw new Error(`${filePath}: defineSceneComponent is missing family`)
+  }
+
+  const familyValue = evaluateStaticExpression(family.initializer, filePath)
+  if (familyValue !== metadata.sceneFamily) {
+    throw new Error(`${filePath}: sceneFamily mismatch for ${metadata.pluginKey}`)
+  }
+}
+
+function validateTransitionTarget(
+  metadata: TransitionPluginMetadata,
+  targetExpression: ts.Expression,
+  filePath: string,
+): void {
+  const expression = unwrapExpression(targetExpression)
+  if (!ts.isCallExpression(expression)) {
+    throw new Error(`${filePath}: transition target must be a call expression`)
+  }
+
+  const factoryName = getIdentifierName(expression.expression)
+  if (factoryName !== 'defineTransitionPlugin') {
+    throw new Error(`${filePath}: transition target must use defineTransitionPlugin()`)
+  }
+
+  const definition = expression.arguments[0]
+  if (!definition || !ts.isObjectLiteralExpression(definition)) {
+    throw new Error(`${filePath}: defineTransitionPlugin requires a static object literal`)
+  }
+
+  const kindProperty = definition.properties.find((property) => {
+    if (!ts.isPropertyAssignment(property)) {
+      return false
     }
 
-    const literal = extractBalancedObjectLiteral(source, startIndex)
-    if (!literal) {
-      continue
+    const name = property.name
+    return (ts.isIdentifier(name) || ts.isStringLiteralLike(name)) && name.text === 'kind'
+  }) as ts.PropertyAssignment | undefined
+
+  if (!kindProperty) {
+    throw new Error(`${filePath}: defineTransitionPlugin is missing kind`)
+  }
+
+  const kindValue = evaluateStaticExpression(kindProperty.initializer, filePath)
+  if (kindValue !== metadata.transitionKind) {
+    throw new Error(`${filePath}: transitionKind mismatch for ${metadata.pluginKey}`)
+  }
+}
+
+function validateThemeTarget(
+  metadata: ThemePluginMetadata,
+  targetExpression: ts.Expression,
+  filePath: string,
+): void {
+  const expression = unwrapExpression(targetExpression)
+  if (!ts.isCallExpression(expression)) {
+    throw new Error(`${filePath}: theme target must be a call expression`)
+  }
+
+  const factoryName = getIdentifierName(expression.expression)
+  if (factoryName !== 'defineSceneTheme') {
+    throw new Error(`${filePath}: theme target must use defineSceneTheme()`)
+  }
+
+  const definition = expression.arguments[0]
+  if (!definition || !ts.isObjectLiteralExpression(definition)) {
+    throw new Error(`${filePath}: defineSceneTheme requires a static object literal`)
+  }
+
+  const keyProperty = definition.properties.find((property) => {
+    if (!ts.isPropertyAssignment(property)) {
+      return false
     }
 
-    const parsed = parseMetadataLiteral(literal)
-    if (parsed) {
-      return parsed
+    const name = property.name
+    return (ts.isIdentifier(name) || ts.isStringLiteralLike(name)) && name.text === 'key'
+  }) as ts.PropertyAssignment | undefined
+
+  if (!keyProperty) {
+    throw new Error(`${filePath}: defineSceneTheme is missing key`)
+  }
+
+  const keyValue = evaluateStaticExpression(keyProperty.initializer, filePath)
+  if (keyValue !== metadata.pluginKey) {
+    throw new Error(`${filePath}: theme key mismatch for ${metadata.pluginKey}`)
+  }
+}
+
+function computeSourceDigest(sourceText: string): string {
+  return crypto.createHash('sha256').update(sourceText).digest('hex')
+}
+
+async function discoverPackageResources(
+  packageRoot: string,
+  sourceRootOverride?: string,
+): Promise<DiscoveredVideoResource[]> {
+  const sourceRoot = sourceRootOverride ?? (await resolveSourceRoot(packageRoot))
+  const files = await collectFiles(sourceRoot)
+  const packageJsonPath = path.join(packageRoot, 'package.json')
+  let packageJson: { name?: string; version?: string } = {}
+
+  try {
+    packageJson = JSON.parse(await fs.readFile(packageJsonPath, 'utf8'))
+  } catch {
+    packageJson = {}
+  }
+
+  const packageName = packageJson.name ?? path.basename(packageRoot)
+  const packageVersion = packageJson.version ?? '0.0.0'
+  const discovered: DiscoveredVideoResource[] = []
+
+  for (const absolutePath of files) {
+    const sourceText = await fs.readFile(absolutePath, 'utf8')
+    const sourceFile = parseSourceFile(absolutePath, sourceText)
+    const metadataByVariableName = collectMetadataVariables(sourceFile)
+    const sourceDigest = computeSourceDigest(sourceText)
+
+    sourceFile.forEachChild((node) => {
+      const exportName = getExportNameFromDeclaration(node)
+      if (!exportName) {
+        return
+      }
+
+      let expression: ts.Expression | undefined
+
+      if (ts.isVariableStatement(node)) {
+        expression = node.declarationList.declarations[0]?.initializer
+      } else if (ts.isFunctionDeclaration(node)) {
+        expression = node.body ? undefined : undefined
+      } else if (ts.isClassDeclaration(node)) {
+        expression = undefined
+      }
+
+      if (!expression) {
+        return
+      }
+
+      const annotation = extractAnnotationCall(expression)
+      if (!annotation) {
+        return
+      }
+
+      const descriptor = descriptorMap[annotation.annotationName]
+      if (!descriptor) {
+        return
+      }
+
+      const metadataExpression = annotation.metadataExpression
+      if (!metadataExpression) {
+        throw new Error(`${absolutePath}: annotation ${annotation.annotationName} is missing metadata`)
+      }
+
+      const metadataValue = ts.isIdentifier(metadataExpression)
+        ? metadataByVariableName.get(metadataExpression.text)
+        : metadataExpression
+
+      if (!metadataValue) {
+        throw new Error(`${absolutePath}: unknown metadata reference ${metadataExpression.getText(sourceFile)}`)
+      }
+
+      const staticMetadata = evaluateStaticExpression(metadataValue, absolutePath)
+      const parsedMetadata =
+        annotation.annotationName === 'VideoComponent'
+          ? normalizeSceneMetadata(staticMetadata, absolutePath)
+          : descriptor.schema.parse(staticMetadata as VideoResourceMetadata)
+
+      if (parsedMetadata.resourceKind === 'scene') {
+        validateSceneTarget(parsedMetadata as ScenePluginMetadata, annotation.targetExpression, absolutePath)
+      } else if (parsedMetadata.resourceKind === 'transition') {
+        validateTransitionTarget(
+          parsedMetadata as TransitionPluginMetadata,
+          annotation.targetExpression,
+          absolutePath,
+        )
+      } else if (parsedMetadata.resourceKind === 'theme') {
+        validateThemeTarget(parsedMetadata as ThemePluginMetadata, annotation.targetExpression, absolutePath)
+      }
+
+      discovered.push({
+        packageName,
+        packageVersion,
+        packageRoot,
+        sourceFile: path.relative(packageRoot, absolutePath),
+        exportName,
+        annotationName: annotation.annotationName,
+        metadataFactoryName: descriptor.metadataFactoryName,
+        metadata: parsedMetadata,
+        sourceDigest,
+      })
+    })
+  }
+
+  return discovered
+}
+
+async function collectLocalSourceRoots(projectRoot: string): Promise<string[]> {
+  const candidates = ['src/components', 'src/video/chapters']
+  const roots: string[] = []
+
+  for (const candidate of candidates) {
+    const absolutePath = path.join(projectRoot, candidate)
+    try {
+      const stat = await fs.stat(absolutePath)
+      if (stat.isDirectory()) {
+        roots.push(absolutePath)
+      }
+    } catch {
+      // ignore missing local source roots
     }
   }
 
-  return undefined
+  return roots
 }
 
-export async function discoverComponentProjectComponents(
+async function readInstalledPackageRoots(projectRoot: string): Promise<string[]> {
+  const namespaceRoot = path.join(projectRoot, 'node_modules', '@vibecuting')
+  let entries: Dirent[] = []
+
+  try {
+    entries = await fs.readdir(namespaceRoot, { withFileTypes: true })
+  } catch {
+    return []
+  }
+
+  return entries
+    .filter((entry) => entry.isDirectory() || entry.isSymbolicLink())
+    .map((entry) => path.join(namespaceRoot, entry.name))
+    .sort((left, right) => left.localeCompare(right))
+}
+
+function normalizeResourceKey(resource: DiscoveredVideoResource): string {
+  return `${resource.packageName}:${resource.metadata.resourceKind}:${resource.metadata.pluginKey}`
+}
+
+export async function discoverVideoResources(
   projectRoot: string,
-): Promise<ComponentProjectComponentDiscovery[]> {
-  const discovered: ComponentProjectComponentDiscovery[] = []
-  const sourceFiles = await collectDiscoverableSourceFiles(projectRoot)
-
-  for (const absolutePath of sourceFiles) {
-    const source = await fs.readFile(absolutePath, 'utf8')
-    const metadata = readMetadataFromSource(source)
-    if (!metadata) {
-      continue
+  descriptors: readonly VideoResourceDescriptorDefinition[] = videoResourceDescriptors,
+): Promise<DiscoveredVideoResource[]> {
+  const descriptorNames = new Set(descriptors.map((descriptor) => descriptor.annotationName))
+  const packages = await readInstalledPackageRoots(projectRoot)
+  const localSourceRoots = await collectLocalSourceRoots(projectRoot)
+  const discovered: DiscoveredVideoResource[] = []
+
+  for (const packageRoot of packages) {
+    const resources = await discoverPackageResources(packageRoot)
+    for (const resource of resources) {
+      if (!descriptorNames.has(resource.annotationName)) {
+        continue
+      }
+
+      discovered.push(resource)
     }
+  }
 
-    discovered.push({
-      ...metadata,
-      sourceFile: path.relative(projectRoot, absolutePath),
-    })
+  for (const sourceRoot of localSourceRoots) {
+    const resources = await discoverPackageResources(projectRoot, sourceRoot)
+    for (const resource of resources) {
+      if (!descriptorNames.has(resource.annotationName)) {
+        continue
+      }
+
+      discovered.push(resource)
+    }
   }
 
-  return discovered.sort((left, right) => left.name.localeCompare(right.name))
+  const seen = new Set<string>()
+  const ordered = discovered.sort((left, right) => {
+    const keyLeft = normalizeResourceKey(left)
+    const keyRight = normalizeResourceKey(right)
+    return keyLeft.localeCompare(keyRight) || left.sourceFile.localeCompare(right.sourceFile)
+  })
+
+  for (const resource of ordered) {
+    const key = normalizeResourceKey(resource)
+    if (seen.has(key)) {
+      throw new Error(`duplicate resource key detected: ${key}`)
+    }
+
+    seen.add(key)
+  }
+
+  return ordered
+}
+
+export async function discoverComponentProjectComponents(
+  projectRoot: string,
+): Promise<Array<ScenePluginMetadata & { sourceFile: string }>> {
+  const resources = await discoverVideoResources(projectRoot, [sceneResourceDescriptor])
+  return resources
+    .filter((resource): resource is DiscoveredVideoResource & { metadata: ScenePluginMetadata } => {
+      return resource.metadata.resourceKind === 'scene'
+    })
+    .map((resource) => ({
+      ...(resource.metadata as ScenePluginMetadata),
+      sourceFile: resource.sourceFile,
+    }))
 }