refactor: cleanup legacy descriptions

packages/generate-arg-types/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@webstudio-is/html-data": "workspace:*",
     "@webstudio-is/sdk": "workspace:*",
+    "@webstudio-is/react-sdk": "workspace:*",
     "fast-glob": "^3.3.2",
     "react-docgen-typescript": "^2.2.2",
     "typescript": "5.8.2",

packages/generate-arg-types/src/props/add-descriptions.ts

@@ -1,11 +1,8 @@
 import {
-  domAttributesToReact,
-  reactPropsToDomAttributes,
-} from "@webstudio-is/html-data";
-import {
-  htmlPropsDescriptions,
-  overridePropsDescriptions,
-} from "@webstudio-is/html-data";
+  reactPropsToStandardAttributes,
+  standardAttributesToReactProps,
+} from "@webstudio-is/react-sdk";
+import { ariaAttributes, attributesByTag } from "@webstudio-is/html-data";
 import { propsToArgTypes } from "../arg-types";
 
 const ignoreComponents = new Set(["Embed"]);
@@ -31,7 +28,6 @@ export const addDescriptions = (
 
   Object.entries(argTypes).forEach(([propName, meta]) => {
     const description = getDescription(
-      componenName,
       propName,
       meta.description,
       customDescriptions
@@ -43,30 +39,30 @@ export const addDescriptions = (
   });
 };
 
+const attributeDescriptions: Record<string, string> = {};
+for (const attribute of Object.values(attributesByTag).flat()) {
+  if (attribute) {
+    attributeDescriptions[attribute.name] = attribute.description;
+  }
+}
+for (const attribute of ariaAttributes) {
+  attributeDescriptions[attribute.name] = attribute.description;
+}
+
 export const getDescription = (
-  componentName: string,
   propName: string,
   currentDescription: string | undefined,
   customDescriptions: { [key in string]: string } = {}
 ): string | undefined => {
-  const name = (domAttributesToReact[
-    propName as keyof typeof domAttributesToReact
-  ] ||
-    reactPropsToDomAttributes[propName] ||
-    propName.toLowerCase()) as keyof typeof htmlPropsDescriptions &
-    keyof typeof overridePropsDescriptions;
-
+  const name =
+    standardAttributesToReactProps[propName] ||
+    reactPropsToStandardAttributes[propName] ||
+    propName.toLowerCase();
   return (
     customDescriptions[propName] ||
     customDescriptions[name] ||
-    overridePropsDescriptions[
-      propName as keyof typeof overridePropsDescriptions
-    ] ||
-    overridePropsDescriptions[name] ||
     currentDescription ||
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    htmlPropsDescriptions[`${componentName.toLowerCase()}:${name}`] ||
-    htmlPropsDescriptions[name]
+    attributeDescriptions[propName] ||
+    attributeDescriptions[name]
   );
 };