subtables, downgrade tailwind

Author: avivkeller

package-lock.json

@@ -41,15 +41,15 @@
   "dependencies": {
     "@actions/core": "^1.11.1",
     "@babel/generator": "^7.27.5",
-    "@babel/types": "^7.27.6",
+    "@babel/types": "^7.27.7",
     "@clack/prompts": "^0.11.0",
     "@heroicons/react": "^2.2.0",
     "@node-core/rehype-shiki": "1.0.1-6dcda98c94808919558c488d45925365b6558715",
-    "@node-core/ui-components": "1.0.1-49d65845ae6ff8d53a36f08f2f6353edc12d9b2f",
+    "@node-core/ui-components": "1.0.1-a0f03ae69979a5fea7c16262ff88cbeef11452c2",
     "@orama/orama": "^3.1.7",
     "@orama/plugin-data-persistence": "^3.1.7",
     "@orama/react-components": "^0.8.1",
-    "@tailwindcss/postcss": "^4.1.10",
+    "@tailwindcss/postcss": "4.1.10",
     "acorn": "^8.14.1",
     "commander": "^14.0.0",
     "dedent": "^1.6.0",
@@ -80,7 +80,7 @@
     "remark-stringify": "^11.0.0",
     "semver": "^7.7.1",
     "shiki": "^3.4.2",
-    "tailwindcss": "^4.1.10",
+    "tailwindcss": "^4.1.11",
     "unified": "^11.0.5",
     "unist-builder": "^4.0.0",
     "unist-util-find": "^3.0.0",

package.json

@@ -22,9 +22,8 @@ const checkPossibleType = node =>
 /**
  * Gets a list of properties from a typed list
  * @param {import('mdast').List} node
- * @param {string} prefix
  */
-export const parseListIntoProperties = (node, prefix = '') => {
+export const parseListIntoProperties = node => {
   const properties = [];
 
   for (const item of node.children) {
@@ -34,9 +33,7 @@ export const parseListIntoProperties = (node, prefix = '') => {
     const [{ children }, ...otherChildren] = item.children;
 
     if (children[0].type === 'inlineCode') {
-      name = (
-        prefix ? `${prefix}.${children.shift().value}` : children.shift().value
-      ).trimEnd();
+      name = children.shift().value.trimEnd();
     } else if (children[0].value && children[0].value.startsWith('Returns')) {
       children.shift();
       name = 'Returns';
@@ -65,14 +62,12 @@ export const parseListIntoProperties = (node, prefix = '') => {
       children[0].value = children[0].value.trimStart();
     }
 
-    properties.push({ name, types, desc: children });
-
-    const sublist = otherChildren.find(createQueries.UNIST.isTypedList);
-    if (sublist) {
-      properties.push(
-        ...parseListIntoProperties(sublist, name === 'Returns' ? '_' : name)
-      );
-    }
+    properties.push({
+      name,
+      types,
+      desc: children,
+      sublist: otherChildren.find(createQueries.UNIST.isTypedList),
+    });
   }
 
   return properties;
@@ -81,33 +76,19 @@ export const parseListIntoProperties = (node, prefix = '') => {
 /**
  * Creates a property table
  * @param {import('mdast').List} node
+ * @param {boolean} withHeading
  * @returns {import('hast').Element}
  */
-export const createPropertyTable = node => {
+export const createPropertyTable = (node, withHeading = true) => {
   const properties = parseListIntoProperties(node);
 
   // Determine which columns to show based on data availability
   const hasName = properties.some(prop => prop.name);
   const hasType = properties.some(prop => prop.types.length > 0);
   const hasDesc = properties.some(prop => prop.desc.length > 0);
 
-  // Create table headers based on available data
-  const headers = [];
-
-  if (hasName) {
-    headers.push(createElement('th', 'Property'));
-  }
-
-  if (hasType) {
-    headers.push(createElement('th', 'Type'));
-  }
-
-  if (hasDesc) {
-    headers.push(createElement('th', 'Description'));
-  }
-
   // Create table rows
-  const rows = properties.map(prop => {
+  const rows = properties.flatMap(prop => {
     const cells = [];
 
     if (hasName) {
@@ -128,16 +109,44 @@ export const createPropertyTable = node => {
       cells.push(createElement('td', prop.desc));
     }
 
-    return createElement('tr', cells);
+    return prop.sublist
+      ? [
+          createElement('tr', cells),
+          createElement(
+            'tr',
+            createElement(
+              'td',
+              { colspan: cells.length },
+              createPropertyTable(prop.sublist, false)
+            )
+          ),
+        ]
+      : createElement('tr', cells);
   });
 
-  // Create the table element
-  const table = createElement('table', [
-    createElement('thead', [createElement('tr', headers)]),
-    createElement('tbody', rows),
-  ]);
+  if (withHeading) {
+    // Create table headers based on available data
+    const headers = [];
+
+    if (hasName) {
+      headers.push(createElement('th', 'Property'));
+    }
+
+    if (hasType) {
+      headers.push(createElement('th', 'Type'));
+    }
+
+    if (hasDesc) {
+      headers.push(createElement('th', 'Description'));
+    }
+
+    return createElement('table', [
+      createElement('thead', [createElement('tr', headers)]),
+      createElement('tbody', rows),
+    ]);
+  }
 
-  return table;
+  return createElement('table', createElement('tbody', rows));
 };
 
 /**