add css properties to JSON output

Author: jrobinson01

src/cli/transformer/json/json-transformer.ts

@@ -8,7 +8,8 @@ import { EventDeclaration } from "../../../analyze/types/event-types";
 import { JsDoc } from "../../../analyze/types/js-doc";
 import { flatten } from "../../util";
 import { WcaCliConfig } from "../../wca-cli-arguments";
-import { HtmlData, HtmlDataAttribute, HtmlDataEvent, HtmlDataProperty, HtmlDataSlot, HtmlDataTag } from "./vscode-html-data";
+import { HtmlData, HtmlDataAttribute, HtmlDataEvent, HtmlDataProperty, HtmlDataSlot, HtmlDataTag, HtmlDataCssProperty } from "./vscode-html-data";
+import { ComponentCSSProperty } from "../../../analyze";
 
 /**
  * Transforms results to json.
@@ -49,15 +50,26 @@ function definitionToHtmlDataTag(definition: ComponentDefinition, checker: TypeC
 	const slots = definition.declaration.slots
 		.map(e => componentSlotToHtmlDataSlot(e, checker))
 		.filter((val): val is NonNullable<typeof val> => val != null);
-
+	const cssProperties = definition.declaration.cssProperties
+		.map(p => componentCssPropToHtmlCssProp(p, checker))
+		.filter((val): val is NonNullable<typeof val> => val != null);
 	return {
 		name: definition.tagName,
 		description: getDescriptionFromJsDoc(definition.declaration.jsDoc),
 		jsDoc: getJsDocTextFromJsDoc(definition.declaration.jsDoc),
 		attributes,
 		properties,
 		events,
-		slots
+		slots,
+		cssProperties
+	};
+}
+
+function componentCssPropToHtmlCssProp(prop: ComponentCSSProperty, checker: TypeChecker): HtmlDataCssProperty | undefined {
+	return {
+		name: prop.name || "",
+		description: getDescriptionFromJsDoc(prop.jsDoc),
+		jsDoc: getJsDocTextFromJsDoc(prop.jsDoc)
 	};
 }
 

src/cli/transformer/json/vscode-html-data.ts

@@ -27,6 +27,8 @@ export interface HtmlDataSlot extends HtmlDataMember {}
 
 export interface HtmlDataEvent extends HtmlDataMember {}
 
+export interface HtmlDataCssProperty extends HtmlDataMember {}
+
 export interface HtmlDataTag {
 	name: string;
 	description?: string;
@@ -37,6 +39,7 @@ export interface HtmlDataTag {
 	properties?: HtmlDataProperty[];
 	slots?: HtmlDataSlot[];
 	events?: HtmlDataEvent[];
+	cssProperties?: HtmlDataCssProperty[];
 }
 
 export interface HtmlDataV2 {