AST utility module for statically analyzing JSX. 

AST utility module for statically analyzing JSX

ljharb

evcohen

jessebeach

jsx-ast-utils

/* eslint no-template-curly-in-string: 0 */

import getPropValue from '../../src/getPropValue';

  it('should return undefined when not provided with a JSXAttribute', () => {

  it('should not throw error when trying to get value from unknown node type', () => {

    // eslint-disable-next-line no-console

    it('should return true when no value is given', () => {

      const prop = extractProp('<div foo />');

    it('should return correct string if value is a string', () => {

      const prop = extractProp('<div foo="bar" />');

    it('should return correct string if value is a string expression', () => {

      const prop = extractProp('<div foo={"bar"} />');

    it('should return correct integer if value is a integer expression', () => {

      const prop = extractProp('<div foo={1} />');

    it('should convert "true" to boolean type', () => {

      const prop = extractProp('<div foo="true" />');

    it('should return string representation of a cast wrapped in a deep Typescript non-null assertion', () => {

      const prop = extractProp('<div foo={(bar as Bar).baz!} />');

    it('should return string representation of an object wrapped in a deep Typescript non-null assertion', () => {

      const prop = extractProp('<div foo={(bar.bar)!} />');

      const prop = extractProp('<div foo={(bar!.bar.bar!)!} />');

      const expected = '(bar!.bar.bar!)!';

    it('should return string representation of variable identifier wrapped in a deep Typescript non-null assertion', () => {

      const prop = extractProp('<div foo={(bar!)!} />');

    it('should work with a this.props value', () => {

      const prop = extractProp('<a foo={this.props.href!}>Download</a>');

      const expected = 'this.props.href!';

    it('should correctly evaluate a bracketed navigation expression that prefixes with !', () => {

      const prop = extractProp('<Link foo={data![0].url} />');

    it('works with an optional chain with an `as`', () => {

      const prop = extractProp('<img src={images?.footer as string} />', 'src');

      const actual = getPropValue(prop, 'src');

  describe('JSX empty expression', () => {

    it('should work with an empty expression', () => {

      const prop = extractProp('<div>\n{/* Hello there */}\n</div>', 'children');

- [Fix] Handle `as` casts in TSNonNullExpression

- [Fix] `ArrayExpression`: handle sparse array (#117)

- [meta] move jest config to separate file

- [meta] use `npmignore` to autogenerate an npmignore file

- [Dev Deps] update `@babel/core`, `@babel/eslint-parser`, `@babel/parser`, `eslint`

- [New] add `JSXFragment`, `JSXText`; fix `JSXElement` to handle children

- [Dev Deps] update `@babel/core`, `@babel/parser`, `eslint`, `eslint-plugin-import`

- [Fix] `TSNonNullExpression`: handle computed MemberExpressions (#109)

- [Fix] avoid a crash in ChainExpressions in a TSAsExpression

- [patch] include project name in error logging (#113)

- [meta] add OpenCollective to FUNDING.yml

- [meta] add Automatic Rebase and Require Allow Edits workflows

- [actions] use `node/install` instead of `node/run`; use `codecov` action

- [Tests] unpin `caniuse-lite`, since breaking change is fixed

- [Tests] pin `caniuse-lite`, due to breaking change in patch version

- [Tests] migrate tests to Github Actions

- [Tests] skip failing fragment test in node 4

- [Dev Deps] update `@babel/core`, `@babel/parser`, `aud`, `eslint`, `eslint-plugin-import`, `object.entries`, `object.fromentries`

- [New] add support for fragment syntax (`<>`) (#108)

- [Fix] `TSNonNullExpression`: handle `ThisExpression`s (#108)

- [Deps] update `array-includes`, `object.assign`

- [Dev Deps] update `@babel/core`, `@babel/parser`, `eslint`, `eslint-config-airbnb-base`, `object.entries`, `object.fromentries`

- [New] add `AssignmentExpression` (#106)

- [Breaking] Don't return node.start & node.end (#100)

- [Breaking] add `ChainExpression`; `CallExpression` now includes arguments (#102)

- [Dev Deps] update `eslint`, `eslint-plugin-import`

- [Tests] use proper `actual, expected` ordering for non-confusing failure messages

- [Fix] `expressions/TemplateLiteral`: use `.range[0]` instead of `.start`

- [New] Provide both range and start & end property on Node, support eslint v7 (#97)

- [Dev Deps] update `@babel/core`, `@babel/parser`, `eslint`, `eslint-config-airbnb-base`, `eslint-plugin-import`, `flow-parser`

- [meta] remove yarn registry from npmrc, so `npm publish` works

- [Dev Deps] update `@babel/parser`, `babel-eslint`, `coveralls`, `eslint`, `eslint-config-airbnb-base`, `eslint-plugin-import`, `in-publish`, `object.entries`, `object.fromentries`, `rimraf`

- [Tests] on `node` `v14`; test all branches

- (improvement) Add support for retrieving props from a spread with object expression (#93)

- (improvement) Account for TypeCastExpression in the utils

- (fix) Fix getLiteralPropValue for TS-specific node types.

- (improvement) Stop throwing errors when unknown AST nodes are encountered.

- Fix undefined bug for template strings. #45

Object.defineProperty(exports, "__esModule", {

exports.default = extractValueFromTSNonNullExpression;

var extractValueFromThisExpression = require('./ThisExpression').default;

    return value.optional ? obj + '?.[' + prop + ']' : obj + '[' + prop + ']';

  return value.optional ? obj + '?.' + prop : obj + '.' + prop;

 * Extractor function for a TSNonNullExpression type value node.

 * A TSNonNullExpression is accessing a TypeScript Non-Null Assertion

 * @param - value - AST Value object with type `TSNonNullExpression`

 * @returns - The extracted value converted to correct type

 *  and maintaing `obj.property` convention.

function extractValueFromTSNonNullExpression(value) {

  // eslint-disable-next-line global-require

  // const getValue = require('.').default;

  var errorMessage = 'The prop value with an expression type of TSNonNullExpression could not be resolved. Please file an issue ( https://github.com/jsx-eslint/jsx-ast-utils/issues/new ) to get this fixed immediately.';

    return extractValueFromTSNonNullExpression(value.expression);

    return extractValueFromThisExpression();

  // does not contains properties & is not parenthesized

  if (value.type === 'TSNonNullExpression' && (!value.extra || value.extra.parenthesized === false)) {

    return extractValueFromTSNonNullExpression(expression) + '!';

  // does not contains properties & is parenthesized

  if (value.type === 'TSNonNullExpression' && value.extra && value.extra.parenthesized === true) {

    return '(' + extractValueFromTSNonNullExpression(_expression) + '!' + ')';

  if (value.type === 'MemberExpression') {

    // contains a property & is not parenthesized

    if (!value.extra || value.extra.parenthesized === false) {

      return navigate(extractValueFromTSNonNullExpression(value.object), extractValueFromTSNonNullExpression(value.property), value);

    // contains a property & is parenthesized

    if (value.extra && value.extra.parenthesized === true) {

      var result = navigate(extractValueFromTSNonNullExpression(value.object), extractValueFromTSNonNullExpression(value.property), value);

  // try to fail silently, if specs for TSNonNullExpression change

  // not throw, only log error. Similar to how it was done previously

      if (_expression2.type === 'Identifier') {

        // eslint-disable-next-line no-console

      _expression2 = _expression3.expression;

  "description": "AST utility module for statically analyzing JSX",

    "prepack": "npmignore --auto --commentLines=autogenerated",

    "prepublishOnly": "safe-publish-latest && npm test && npm run build",

    "prepublish": "not-in-publish || npm run prepublishOnly",

    "test:watch": "npm run tests-only -- --watch"

    "babel-plugin-transform-object-rest-spread": "^6.26.0",

    "babel-plugin-transform-replace-object-assign": "^1.0.0",

    "eslint-config-airbnb-base": "^15.0.0",

    "url": "https://github.com/jsx-eslint/jsx-ast-utils"

const extractValueFromThisExpression = require('./ThisExpression').default;

    return value.optional ? `${obj}?.[${prop}]` : `${obj}[${prop}]`;

  return value.optional ? `${obj}?.${prop}` : `${obj}.${prop}`;

export default function extractValueFromTSNonNullExpression(value) {

  const errorMessage = 'The prop value with an expression type of TSNonNullExpression could not be resolved. Please file an issue ( https://github.com/jsx-eslint/jsx-ast-utils/issues/new ) to get this fixed immediately.';

    return `${extractValueFromTSNonNullExpression(expression)}${'!'}`;

    return `${'('}${extractValueFromTSNonNullExpression(expression)}${'!'}${')'}`;

    if ((!value.extra || value.extra.parenthesized === false)) {

        extractValueFromTSNonNullExpression(value.object),

        extractValueFromTSNonNullExpression(value.property),

      if (expression.type === 'Identifier') {

		@@ -1186,2 +1186,9 @@ /* eslint-env mocha */

		it('should return string representation of a cast wrapped in a deep Typescript non-null assertion', () => {
		const prop = extractProp('<div foo={(bar as Bar).baz!} />');
		const actual = getPropValue(prop);
		const expected = 'bar.baz!';
		assert.equal(actual, expected);
		});

		it('should return string representation of an object wrapped in a deep Typescript non-null assertion', () => {
		@@ -1188,0 +1195,0 @@ const prop = extractProp('<div foo={(bar.bar)!} />');

		Unreleased
		==================

		3.3.2 / 2022-07-06
		==================
		- [Fix] Handle `as` casts in TSNonNullExpression

		3.3.1 / 2022-06-22
		@@ -5,0 +9,0 @@ ==================

		@@ -41,2 +41,6 @@ 'use strict';

		if (value.type === 'TSAsExpression') {
		return extractValueFromTSNonNullExpression(value.expression);
		}

		if (value.type === 'ThisExpression') {
		@@ -43,0 +47,0 @@ return extractValueFromThisExpression();

		{
		"name": "jsx-ast-utils",
		"version": "3.3.1",
		"version": "3.3.2",
		"description": "AST utility module for statically analyzing JSX",
		@@ -21,5 +21,5 @@ "main": "lib/index.js",
		"devDependencies": {
		"@babel/core": "^7.18.5",
		"@babel/core": "^7.18.6",
		"@babel/eslint-parser": "^7.18.2",
		"@babel/parser": "^7.18.5",
		"@babel/parser": "^7.18.6",
		"aud": "^2.0.0",
		@@ -34,3 +34,3 @@ "babel-cli": "^6.26.0",
		"babylon": "^6.18.0",
		"eslint": "^8.18.0",
		"eslint": "^8.19.0",
		"eslint-config-airbnb-base": "^15.0.0",
		@@ -37,0 +37,0 @@ "eslint-plugin-import": "^2.26.0",

		@@ -34,2 +34,6 @@ const extractValueFromThisExpression = require('./ThisExpression').default;

		if (value.type === 'TSAsExpression') {
		return extractValueFromTSNonNullExpression(value.expression);
		}

		if (value.type === 'ThisExpression') {
		@@ -36,0 +40,0 @@ return extractValueFromThisExpression();

Improved metrics