Implement JSXNamespacedName (#204)

* Implement JSXNamespacedName

* Add unit test

* Fix lint

.eslintrc.cjs

@@ -340,12 +340,15 @@ module.exports = {
     "quotes": ["off", "single"],
     "rest-spread-spacing": "error",
     "semi": ["error", "always"],
+    /*
+    Disabled because nice for horizontal alignment.
     "semi-spacing": [
       "error", {
         "before": false,
         "after": true
       }
     ],
+    */
     "semi-style": ["error", "last"],
     "space-before-blocks": "error",
     "space-before-function-paren": [

src-transpiler/Stringifier.js

@@ -1,3 +1,4 @@
+import {capitalize   } from './capitalize.js';
 import {trimEndSpaces} from './trimEndSpaces.js';
 /**
  * @typedef {import("@babel/types").Node} Node
@@ -1182,6 +1183,16 @@ class Stringifier {
     // console.log('JSXIdentifier', {name});
     return name;
   }
+  /**
+   * @param {import("@babel/types").JSXNamespacedName} node - The Babel AST node.
+   * @returns {string} Stringification of the node.
+   */
+  JSXNamespacedName(node) {
+    const {namespace, name} = node;
+    const a =            this.toSource(namespace) ;
+    const b = capitalize(this.toSource(name     ));
+    return a + b;
+  }
   /**
    * @param {import("@babel/types").JSXExpressionContainer} node - The Babel AST node.
    * @returns {string} Stringification of the node.

src-transpiler/capitalize.js

@@ -0,0 +1,10 @@
+/**
+ * @example
+ * capitalize("hello"); // Outputs: Hello
+ * @param {string} _ - The input string.
+ * @returns {string} The capitalized output string.
+ */
+function capitalize(_) {
+  return _[0].toUpperCase() + _.slice(1);
+}
+export {capitalize};

src-transpiler/index.js

@@ -8,6 +8,7 @@ export * from './addTypeChecks.js';
 export * from './Asserter.js';
 export * from './ast2json.js';
 export * from './ast2jsonForComparison.js';
+export * from './capitalize.js';
 export * from './code2ast2code.js';
 export * from './compareAST.js';
 export * from './expandType.js';

test/typechecking.json

@@ -87,6 +87,10 @@
     "input": "./test/typechecking/jsx-member-expression-input.mjs",
     "output": "./test/typechecking/jsx-member-expression-output.mjs"
   },
+  {
+    "input": "./test/typechecking/jsx-namespaced-name-input.mjs",
+    "output": "./test/typechecking/jsx-namespaced-name-output.mjs"
+  },
   {
     "input": "./test/typechecking/keyof-typeof-input.mjs",
     "output": "./test/typechecking/keyof-typeof-output.mjs"

test/typechecking/jsx-namespaced-name-input.mjs

@@ -0,0 +1 @@
+<use xlink:href="/some/where"></use>

test/typechecking/jsx-namespaced-name-output.mjs

@@ -0,0 +1,7 @@
+import {createElement} from 'react';
+createElement(
+  "use",
+  {
+    xlinkHref: "/some/where",
+  }
+);