Update dev-dependencies

Author: wooorm

lib/handlers/element.js

@@ -40,7 +40,7 @@ const tableCellElement = new Set(['td', 'th'])
 export function element(node, state) {
   const parentSchema = state.schema
   let schema = parentSchema
-  const props = node.properties || {}
+  const properties = node.properties || {}
 
   if (parentSchema.space === 'html' && node.tagName.toLowerCase() === 'svg') {
     schema = svg
@@ -52,16 +52,16 @@ export function element(node, state) {
   /** @type {Array<JsxAttribute | JsxSpreadAttribute>} */
   const attributes = []
   /** @type {string} */
-  let prop
+  let property
   /** @type {string | undefined} */
   let alignValue
   /** @type {Array<Property> | undefined} */
   let styleProperties
 
-  for (prop in props) {
-    if (own.call(props, prop)) {
-      let value = props[prop]
-      const info = find(schema, prop)
+  for (property in properties) {
+    if (own.call(properties, property)) {
+      let value = properties[property]
+      const info = find(schema, property)
       /** @type {JsxAttribute['value']} */
       let attributeValue
 
@@ -77,18 +77,18 @@ export function element(node, state) {
         continue
       }
 
-      prop =
+      property =
         state.elementAttributeNameCase === 'react' && info.space
           ? hastToReact[info.property] || info.property
           : info.attribute
 
       if (Array.isArray(value)) {
         // Accept `array`.
-        // Most props are space-separated.
+        // Most properties are space-separated.
         value = info.commaSeparated ? commas(value) : spaces(value)
       }
 
-      if (prop === 'style') {
+      if (property === 'style') {
         let styleObject =
           typeof value === 'object'
             ? value
@@ -101,20 +101,20 @@ export function element(node, state) {
         /** @type {Array<Property>} */
         const cssProperties = []
         /** @type {string} */
-        let cssProp
+        let cssProperty
 
-        for (cssProp in styleObject) {
+        for (cssProperty in styleObject) {
           // eslint-disable-next-line max-depth
-          if (own.call(styleObject, cssProp)) {
+          if (own.call(styleObject, cssProperty)) {
             cssProperties.push({
               type: 'Property',
               method: false,
               shorthand: false,
               computed: false,
-              key: identifierName(cssProp)
-                ? {type: 'Identifier', name: cssProp}
-                : {type: 'Literal', value: cssProp},
-              value: {type: 'Literal', value: String(styleObject[cssProp])},
+              key: identifierName(cssProperty)
+                ? {type: 'Identifier', name: cssProperty}
+                : {type: 'Literal', value: cssProperty},
+              value: {type: 'Literal', value: String(styleObject[cssProperty])},
               kind: 'init'
             })
           }
@@ -130,18 +130,18 @@ export function element(node, state) {
       } else if (
         state.tableCellAlignToStyle &&
         tableCellElement.has(node.tagName) &&
-        prop === 'align'
+        property === 'align'
       ) {
         alignValue = String(value)
         continue
       } else {
         attributeValue = {type: 'Literal', value: String(value)}
       }
 
-      if (identifierName(prop, {jsx: true})) {
+      if (identifierName(property, {jsx: true})) {
         attributes.push({
           type: 'JSXAttribute',
-          name: {type: 'JSXIdentifier', name: prop},
+          name: {type: 'JSXIdentifier', name: property},
           value: attributeValue
         })
       } else {
@@ -155,7 +155,7 @@ export function element(node, state) {
                 method: false,
                 shorthand: false,
                 computed: false,
-                key: {type: 'Literal', value: String(prop)},
+                key: {type: 'Literal', value: String(property)},
                 // @ts-expect-error No need to worry about `style` (which has a
                 // `JSXExpressionContainer` value) because that’s a valid identifier.
                 value: attributeValue || {type: 'Literal', value: true},
@@ -181,7 +181,7 @@ export function element(node, state) {
       })
     }
 
-    const cssProp =
+    const cssProperty =
       state.stylePropertyNameCase === 'css'
         ? transformStyleToCssCasing('textAlign')
         : 'textAlign'
@@ -191,9 +191,9 @@ export function element(node, state) {
       method: false,
       shorthand: false,
       computed: false,
-      key: identifierName(cssProp)
-        ? {type: 'Identifier', name: cssProp}
-        : {type: 'Literal', value: cssProp},
+      key: identifierName(cssProperty)
+        ? {type: 'Identifier', name: cssProperty}
+        : {type: 'Literal', value: cssProperty},
       value: {type: 'Literal', value: alignValue},
       kind: 'init'
     })
@@ -232,13 +232,14 @@ export function element(node, state) {
  * @param {string} tagName
  *   Element name.
  * @returns {Style}
- *   Props.
+ *   Properties.
  */
 function parseStyle(value, tagName) {
   /** @type {Style} */
   const result = {}
 
   try {
+    // @ts-expect-error: types are wrong.
     styleToObject(value, iterator)
   } catch (error) {
     const cause = /** @type {Error} */ (error)
@@ -252,7 +253,7 @@ function parseStyle(value, tagName) {
   return result
 
   /**
-   * Add `name`, as a CSS prop, to `result`.
+   * Add `name`, as a CSS property, to `result`.
    *
    * @param {string} name
    *   Key.
@@ -296,7 +297,7 @@ function transformStylesToCssCasing(domCasing) {
 }
 
 /**
- * Transform a DOM casing style prop to a CSS casing style prop.
+ * Transform a DOM casing style property to a CSS casing style property.
  *
  * @param {string} from
  * @returns {string}

lib/handlers/mdx-jsx-element.js

@@ -29,7 +29,7 @@ import {svg} from 'property-information'
 export function mdxJsxElement(node, state) {
   const parentSchema = state.schema
   let schema = parentSchema
-  const attrs = node.attributes || []
+  const attributes = node.attributes || []
   let index = -1
 
   if (
@@ -43,15 +43,15 @@ export function mdxJsxElement(node, state) {
 
   const children = state.all(node)
   /** @type {Array<JsxAttribute | JsxSpreadAttribute>} */
-  const attributes = []
+  const jsxAttributes = []
 
-  while (++index < attrs.length) {
-    const attr = attrs[index]
-    const value = attr.value
+  while (++index < attributes.length) {
+    const attribute = attributes[index]
+    const value = attribute.value
     /** @type {JsxAttribute['value']} */
     let attributeValue
 
-    if (attr.type === 'mdxJsxAttribute') {
+    if (attribute.type === 'mdxJsxAttribute') {
       if (value === null || value === undefined) {
         attributeValue = null
         // Empty.
@@ -87,18 +87,18 @@ export function mdxJsxElement(node, state) {
       }
 
       /** @type {JsxAttribute} */
-      const attribute = {
+      const jsxAttribute = {
         type: 'JSXAttribute',
-        name: state.createJsxAttributeName(attr.name),
+        name: state.createJsxAttributeName(attribute.name),
         value: attributeValue
       }
 
-      state.inherit(attr, attribute)
-      attributes.push(attribute)
+      state.inherit(attribute, jsxAttribute)
+      jsxAttributes.push(jsxAttribute)
     }
     // MdxJsxExpressionAttribute.
     else {
-      const estree = attr.data && attr.data.estree
+      const estree = attribute.data && attribute.data.estree
       const comments = (estree && estree.comments) || []
       /** @type {JsxSpreadAttribute['argument'] | undefined} */
       let argumentValue
@@ -121,12 +121,12 @@ export function mdxJsxElement(node, state) {
       }
 
       /** @type {JsxSpreadAttribute} */
-      const attribute = {
+      const jsxAttribute = {
         type: 'JSXSpreadAttribute',
         argument: argumentValue || {type: 'ObjectExpression', properties: []}
       }
-      state.inherit(attr, attribute)
-      attributes.push(attribute)
+      state.inherit(attribute, jsxAttribute)
+      jsxAttributes.push(jsxAttribute)
     }
   }
 
@@ -139,7 +139,7 @@ export function mdxJsxElement(node, state) {
         type: 'JSXElement',
         openingElement: {
           type: 'JSXOpeningElement',
-          attributes,
+          attributes: jsxAttributes,
           name: state.createJsxElementName(node.name),
           selfClosing: children.length === 0
         },

lib/index.js

@@ -84,7 +84,6 @@ export function toEstree(tree, options) {
     }
 
     /** @type {ExpressionStatement} */
-    // @ts-expect-error: `estree` types don’t allow JSX.
     const statement = {type: 'ExpressionStatement', expression: result}
     state.patch(tree, statement)
     body.push(statement)

package.json

@@ -56,24 +56,24 @@
     "zwitch": "^2.0.0"
   },
   "devDependencies": {
-    "@types/node": "^20.0.0",
+    "@types/node": "^22.0.0",
     "acorn-jsx": "^5.0.0",
-    "c8": "^8.0.0",
+    "c8": "^10.0.0",
     "esast-util-from-js": "^2.0.0",
     "estree-util-to-js": "^2.0.0",
     "estree-walker": "^3.0.0",
-    "hastscript": "^8.0.0",
+    "hastscript": "^9.0.0",
     "mdast-util-from-markdown": "^2.0.0",
     "mdast-util-mdx": "^3.0.0",
     "mdast-util-to-hast": "^13.0.0",
-    "micromark-extension-mdxjs": "^2.0.0",
+    "micromark-extension-mdxjs": "^3.0.0",
     "prettier": "^3.0.0",
-    "remark-cli": "^11.0.0",
-    "remark-preset-wooorm": "^9.0.0",
+    "remark-cli": "^12.0.0",
+    "remark-preset-wooorm": "^10.0.0",
     "type-coverage": "^2.0.0",
     "typescript": "^5.0.0",
     "unist-util-visit": "^5.0.0",
-    "xo": "^0.56.0"
+    "xo": "^0.60.0"
   },
   "scripts": {
     "prepack": "npm run build && npm run format",
@@ -110,6 +110,7 @@
   "xo": {
     "prettier": true,
     "rules": {
+      "logical-assignment-operators": "off",
       "unicorn/prefer-code-point": "off",
       "unicorn/prefer-string-replace-all": "off"
     }