feat(component-meta): extend component meta

packages/component-meta/lib/base.ts

@@ -266,8 +266,9 @@
 		let _events: ReturnType<typeof getEvents> | undefined;
 		let _slots: ReturnType<typeof getSlots> | undefined;
 		let _exposed: ReturnType<typeof getExposed> | undefined;
+		let _extended_meta: ReturnType<typeof getExtendedMeta> | undefined;
 
-		return {
+		const meta = {
 			get type() {
 				return _type ?? (_type = getType());
 			},
@@ -282,8 +283,16 @@
 			},
 			get exposed() {
 				return _exposed ?? (_exposed = getExposed());
-			},
-		};
+			}
+		}
+
+		return new Proxy(meta, {
+			get(target, prop) {
+				if (prop in target) return target[prop as keyof typeof target]
+				const extendedMeta = _extended_meta ?? (_extended_meta = getExtendedMeta())
+				return extendedMeta?.[prop as string]
+			}
+		})
 
 		function getType() {
 
@@ -297,6 +306,36 @@
 			return 0;
 		}
 
+
+		function getExtendedMeta() {
+			let meta: Record<string, any> = {};
+			const snapshot = language.scripts.get(componentPath)?.snapshot!;
+			const fileText = snapshot.getText(0, snapshot.getLength());
+			const ast = ts.createSourceFile('/temp', fileText, ts.ScriptTarget.Latest, true);
+			const identifier = 'defineComponentMeta'
+			const printer = ts.createPrinter(checkerOptions.printer);
+
+			if (!ast.identifiers.get(identifier)) return
+
+			function traverse(node: ts.Node): void {
+				if (ts.isIdentifier(node) && node.text === identifier) {
+					const argument = node.parent.arguments[0];
+					if (ts.isObjectLiteralExpression(argument)) {
+						argument.properties.forEach(property => {
+							if (!ts.isPropertyAssignment(property)) return
+							const key = property.name.getText();
+							const valueNode = resolveDefaultOptionExpression(property.initializer, ts);
+							meta[key] = printer?.printNode(ts.EmitHint.Expression, valueNode, ast) ?? valueNode.getText(ast)
+						});
+					}
+				}
+				return ts.forEachChild(node, traverse)
+			}
+
+			traverse(ast);
+			return meta;
+		}
+
 		function getProps() {
 
 			const $props = symbolProperties.find(prop => prop.escapedName === 'props');

packages/component-meta/lib/types.ts

@@ -13,6 +13,7 @@ export interface ComponentMeta {
 	events: EventMeta[];
 	slots: SlotMeta[];
 	exposed: ExposeMeta[];
+	[key: string]: any
 }
 
 export enum TypeMeta {

packages/component-meta/tests/index.spec.ts

@@ -859,6 +859,27 @@ const worker = (checker: ComponentMetaChecker, withTsconfig: boolean) => describ
 		expect(a).toBeDefined();
 		expect(b).toBeDefined();
 	});
+
+	test('component-define-meta', () => {
+		const componentPath = path.resolve(__dirname, '../../../test-workspace/component-meta/define-meta/component-define-meta.vue');
+		const meta = checker.getComponentMeta(componentPath);
+		expect(meta.foo).toMatch('bar')
+		expect(meta.nested).toMatch(`{ foo: 'baz', arr: [1, 2] }`)
+	});
+
+	test('component-define-meta.ts', () => {
+		const componentPath = path.resolve(__dirname, '../../../test-workspace/component-meta/define-meta/component-define-meta.ts');
+		const meta = checker.getComponentMeta(componentPath);
+		expect(meta.foo).toMatch('bar')
+		expect(meta.nested).toMatch(`{ foo: 'baz', arr: [1, 2] }`)
+	});
+
+	test('component-define-meta.tsx', () => {
+		const componentPath = path.resolve(__dirname, '../../../test-workspace/component-meta/define-meta/component-define-meta.tsx');
+		const meta = checker.getComponentMeta(componentPath);
+		expect(meta.foo).toMatch('bar')
+		expect(meta.nested).toMatch(`{ foo: 'baz', arr: [1, 2] }`)
+	});
 });
 
 const checkerOptions: MetaCheckerOptions = {

test-workspace/component-meta/define-meta/component-define-meta.ts

@@ -0,0 +1,6 @@
+import { h, defineComponent } from 'vue';
+
+export default defineComponent(() => {
+	defineComponentMeta({ foo: 'bar', nested: { foo: 'baz', arr: [1, 2] } })
+	return () => h('span');
+});

test-workspace/component-meta/define-meta/component-define-meta.tsx

@@ -0,0 +1,6 @@
+import { defineComponent } from 'vue';
+
+export default defineComponent(() => {
+	defineComponentMeta({ foo: 'bar', nested: { foo: 'baz', arr: [1, 2] } })
+	return () => <span />
+});

test-workspace/component-meta/define-meta/component-define-meta.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+defineComponentMeta({ foo: 'bar', nested: { foo: 'baz', arr: [1, 2] } })
+</script>
+
+<template>
+	<span />
+</template>