acorn-jsx 5.3.2: acorn-jsx

Clean-room public code sample — generation instructions

Write a brand-new, minimal, self-contained code sample in this clean-room directory.
Do not copy, paraphrase, or reference any existing project source. Work only from this spec.

A csx.json manifest scaffold already exists. Do not recreate it from memory. Preserve its case.goal, packages and symbols; fill its empty case.contract with exact assertions and correct its environment, commands and verifierAdapter for the files you generate.

Goal: verify acorn-jsx in pkg:npm/acorn-jsx@5.3.2
Kind: HOW

Use EXACTLY these public packages and versions:
  - pkg:npm/acorn-jsx@5.3.2
Demonstrate these symbols/APIs:
  - acorn-jsx

Rules:
  - One focused purpose; the smallest project that proves the goal.
  - Include a contract test (test/contract.*) that runs OFFLINE and exits 0 exactly when the goal behavior works.
  - Pin every dependency with a lockfile so resolution is reproducible.
  - No secrets, credentials, or tokens. No real URLs (only example.com or localhost). No absolute paths.
  - No personal names, emails, company names, or project identifiers of any kind.
  - No binaries and no generated output (node_modules, dist, target, venv, .git, .env).
  - Keep it under 200 files and 256KB packed.

{"case":{"caseId":"case:sha256:6dbf1e8abfa0a084525e5691878f70dfc82e9a8650ac2ee2025e802f930c8bf4","contract":["acorn.Parser.extend(jsx()) parses standard JSX elements with attributes and nested children into JSXElement AST nodes","acorn.Parser.extend(jsx()) parses JSX fragments into JSXFragment AST nodes","acorn.Parser.extend(jsx()) parses self-closing JSX elements and JSX spread attributes into JSXSpreadAttribute AST nodes","acorn.Parser.extend(jsx()) parses JSX expression containers and empty expressions into JSXExpressionContainer and JSXEmptyExpression AST nodes","acorn.Parser.extend(jsx()) parses deeply nested JSX member expressions into JSXMemberExpression AST nodes","acorn.Parser.extend(jsx()) parses namespaced tags and attributes into JSXNamespacedName AST nodes by default","acorn.Parser.extend(jsx({ allowNamespaces: false })) throws SyntaxError when encountering namespaced JSX elements","acorn.Parser.extend(jsx({ allowNamespacedObjects: true })) parses namespaced member expressions into JSXMemberExpression with JSXNamespacedName object"],"goal":"verify acorn-jsx in pkg:npm/acorn-jsx@5.3.2","kind":"HOW","packages":["pkg:npm/acorn-jsx@5.3.2"],"schemaVersion":1,"symbols":["acorn-jsx"]},"contractCommand":["node","test/contract.mjs"],"environment":{"arch":"x64","distro":"ubuntu","ecosystem":"npm","libc":"glibc","libcVersion":"2.39","os":"linux","osVersionBucket":"24","packageManager":"npm","schemaVersion":1},"license":"MIT-0","packages":["pkg:npm/acorn-jsx@5.3.2"],"schemaVersion":1,"subject":"pkg:npm/acorn-jsx@5.3.2","symbols":["acorn-jsx"],"verifierAdapter":"node-typescript@1"}

{
  "name": "acorn-jsx-verification",
  "version": "1.0.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "acorn-jsx-verification",
      "version": "1.0.0",
      "dependencies": {
        "acorn": "^8.14.0",
        "acorn-jsx": "5.3.2"
      }
    },
    "node_modules/acorn": {
      "version": "8.14.0",
      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
      "license": "MIT",
      "bin": {
        "acorn": "bin/acorn"
      },
      "engines": {
        "node": ">=0.4.0"
      }
    },
    "node_modules/acorn-jsx": {
      "version": "5.3.2",
      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
      "license": "MIT",
      "peerDependencies": {
        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
      }
    }
  }
}

{
  "name": "acorn-jsx-verification",
  "version": "1.0.0",
  "private": true,
  "description": "Clean-room verification for acorn-jsx",
  "dependencies": {
    "acorn": "^8.14.0",
    "acorn-jsx": "5.3.2"
  }
}

{
  "schemaVersion": 1,
  "goal": "verify acorn-jsx in pkg:npm/acorn-jsx@5.3.2",
  "kind": "HOW",
  "packages": [
    "pkg:npm/acorn-jsx@5.3.2"
  ],
  "symbols": [
    "acorn-jsx"
  ]
}

import assert from 'node:assert';
import * as acorn from 'acorn';
import jsx from 'acorn-jsx';

// 1. acorn.Parser.extend(jsx()) parses standard JSX elements with attributes and nested children into JSXElement AST nodes
{
  const parser = acorn.Parser.extend(jsx());
  const ast = parser.parse('<div className="card"><h1 id="title">Hello</h1><p>World</p></div>', {
    ecmaVersion: 'latest',
    sourceType: 'module'
  });
  assert.strictEqual(ast.type, 'Program');
  const stmt = ast.body[0];
  assert.strictEqual(stmt.type, 'ExpressionStatement');
  const el = stmt.expression;
  assert.strictEqual(el.type, 'JSXElement');
  assert.strictEqual(el.openingElement.type, 'JSXOpeningElement');
  assert.strictEqual(el.openingElement.name.name, 'div');
  assert.strictEqual(el.openingElement.attributes.length, 1);
  assert.strictEqual(el.openingElement.attributes[0].name.name, 'className');
  assert.strictEqual(el.openingElement.attributes[0].value.value, 'card');
  assert.strictEqual(el.closingElement.type, 'JSXClosingElement');
  assert.strictEqual(el.closingElement.name.name, 'div');
  assert.strictEqual(el.children.length, 2);
  assert.strictEqual(el.children[0].type, 'JSXElement');
  assert.strictEqual(el.children[1].type, 'JSXElement');
}

// 2. acorn.Parser.extend(jsx()) parses JSX fragments into JSXFragment AST nodes
{
  const parser = acorn.Parser.extend(jsx());
  const ast = parser.parse('<><span key="1">First</span><span key="2">Second</span></>', {
    ecmaVersion: 'latest',
    sourceType: 'module'
  });
  const frag = ast.body[0].expression;
  assert.strictEqual(frag.type, 'JSXFragment');
  assert.strictEqual(frag.openingFragment.type, 'JSXOpeningFragment');
  assert.strictEqual(frag.closingFragment.type, 'JSXClosingFragment');
  assert.strictEqual(frag.children.length, 2);
  assert.strictEqual(frag.children[0].openingElement.name.name, 'span');
  assert.strictEqual(frag.children[1].openingElement.name.name, 'span');
}

// 3. acorn.Parser.extend(jsx()) parses self-closing JSX elements and JSX spread attributes into JSXSpreadAttribute AST nodes
{
  const parser = acorn.Parser.extend(jsx());
  const ast = parser.parse('<CustomInput {...inputProps} disabled required={false} />', {
    ecmaVersion: 'latest',
    sourceType: 'module'
  });
  const el = ast.body[0].expression;
  assert.strictEqual(el.type, 'JSXElement');
  assert.strictEqual(el.openingElement.selfClosing, true);
  assert.strictEqual(el.closingElement, null);
  assert.strictEqual(el.openingElement.attributes.length, 3);
  assert.strictEqual(el.openingElement.attributes[0].type, 'JSXSpreadAttribute');
  assert.strictEqual(el.openingElement.attributes[0].argument.name, 'inputProps');
  assert.strictEqual(el.openingElement.attributes[1].type, 'JSXAttribute');
  assert.strictEqual(el.openingElement.attributes[1].name.name, 'disabled');
  assert.strictEqual(el.openingElement.attributes[1].value, null);
  assert.strictEqual(el.openingElement.attributes[2].type, 'JSXAttribute');
  assert.strictEqual(el.openingElement.attributes[2].name.name, 'required');
  assert.strictEqual(el.openingElement.attributes[2].value.type, 'JSXExpressionContainer');
  assert.strictEqual(el.openingElement.attributes[2].value.expression.value, false);
}

// 4. acorn.Parser.extend(jsx()) parses JSX expression containers and empty expressions into JSXExpressionContainer and JSXEmptyExpression AST nodes
{
  const parser = acorn.Parser.extend(jsx());
  const ast = parser.parse('<div>{count + 1}{/* comment node */}</div>', {
    ecmaVersion: 'latest',
    sourceType: 'module'
  });
  const el = ast.body[0].expression;
  assert.strictEqual(el.children.length, 2);
  assert.strictEqual(el.children[0].type, 'JSXExpressionContainer');
  assert.strictEqual(el.children[0].expression.type, 'BinaryExpression');
  assert.strictEqual(el.children[1].type, 'JSXExpressionContainer');
  assert.strictEqual(el.children[1].expression.type, 'JSXEmptyExpression');
}

// 5. acorn.Parser.extend(jsx()) parses deeply nested JSX member expressions into JSXMemberExpression AST nodes
{
  const parser = acorn.Parser.extend(jsx());
  const ast = parser.parse('<Components.Layout.Sidebar.Item title="Home" />', {
    ecmaVersion: 'latest',
    sourceType: 'module'
  });
  const el = ast.body[0].expression;
  assert.strictEqual(el.openingElement.name.type, 'JSXMemberExpression');
  assert.strictEqual(el.openingElement.name.property.name, 'Item');
  assert.strictEqual(el.openingElement.name.object.type, 'JSXMemberExpression');
  assert.strictEqual(el.openingElement.name.object.property.name, 'Sidebar');
  assert.strictEqual(el.openingElement.name.object.object.type, 'JSXMemberExpression');
  assert.strictEqual(el.openingElement.name.object.object.property.name, 'Layout');
  assert.strictEqual(el.openingElement.name.object.object.object.type, 'JSXIdentifier');
  assert.strictEqual(el.openingElement.name.object.object.object.name, 'Components');
}

// 6. acorn.Parser.extend(jsx()) parses namespaced tags and attributes into JSXNamespacedName AST nodes by default
{
  const parser = acorn.Parser.extend(jsx());
  const ast = parser.parse('<svg:path xml:space="preserve" />', {
    ecmaVersion: 'latest',
    sourceType: 'module'
  });
  const el = ast.body[0].expression;
  assert.strictEqual(el.openingElement.name.type, 'JSXNamespacedName');
  assert.strictEqual(el.openingElement.name.namespace.name, 'svg');
  assert.strictEqual(el.openingElement.name.name.name, 'path');
  assert.strictEqual(el.openingElement.attributes[0].name.type, 'JSXNamespacedName');
  assert.strictEqual(el.openingElement.attributes[0].name.namespace.name, 'xml');
  assert.strictEqual(el.openingElement.attributes[0].name.name.name, 'space');
}

// 7. acorn.Parser.extend(jsx({ allowNamespaces: false })) throws SyntaxError when encountering namespaced JSX elements
{
  const parser = acorn.Parser.extend(jsx({ allowNamespaces: false }));
  assert.throws(
    () => parser.parse('<svg:path />', { ecmaVersion: 'latest', sourceType: 'module' }),
    /Unexpected token/
  );
}

// 8. acorn.Parser.extend(jsx({ allowNamespacedObjects: true })) parses namespaced member expressions into JSXMemberExpression with JSXNamespacedName object
{
  const parser = acorn.Parser.extend(jsx({ allowNamespacedObjects: true }));
  const ast = parser.parse('<ns:Component.Sub />', {
    ecmaVersion: 'latest',
    sourceType: 'module'
  });
  const el = ast.body[0].expression;
  assert.strictEqual(el.openingElement.name.type, 'JSXMemberExpression');
  assert.strictEqual(el.openingElement.name.property.name, 'Sub');
  assert.strictEqual(el.openingElement.name.object.type, 'JSXNamespacedName');
  assert.strictEqual(el.openingElement.name.object.namespace.name, 'ns');
  assert.strictEqual(el.openingElement.name.object.name.name, 'Component');
}