Convert no-new-lit-element-components to TypeScript

Bug: chromium:397586315
Change-Id: I5c7e6e8714c36259ffd8fbefd11d65656d7bc4c3
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6438837
Auto-Submit: Mathias Bynens <[email protected]>
Commit-Queue: Nikolay Vitkov <[email protected]>
Reviewed-by: Nikolay Vitkov <[email protected]>

Author: mathiasbynens

scripts/eslint_rules/lib/no-new-lit-element-components.js renamed to scripts/eslint_rules/lib/no-new-lit-element-components.ts

@@ -1,24 +1,28 @@
 // Copyright 2023 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-'use strict';
+
+import {createRule} from './tsUtils.ts';
 
 const allowedPaths = [
   'front_end/panels/recorder/',
   'front_end/ui/components/suggestion_input/',
 ];
-/**
- * @type {import('eslint').Rule.RuleModule}
- */
-module.exports = {
+
+export default createRule({
+  name: 'no-new-lit-element-components',
   meta: {
     type: 'problem',
     docs: {
       description: 'Check that no new LitElement components are introduced',
       category: 'Possible Errors',
     },
+    messages: {
+      noNewLitElementComponents: 'New LitElement components are banned.',
+    },
     schema: []  // no options
   },
+  defaultOptions: [],
   create: function(context) {
     const filename = context.filename ?? context.getFilename();
     return {
@@ -33,10 +37,9 @@ module.exports = {
         }
         context.report({
           node,
-          message:
-              'New LitElement components are banned.',
+          messageId: 'noNewLitElementComponents',
         });
       },
     };
   }
-};
+});

scripts/eslint_rules/tests/no-new-lit-element-components.test.js renamed to scripts/eslint_rules/tests/no-new-lit-element-components.test.ts

@@ -1,12 +1,10 @@
 // Copyright 2023 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
-'use strict';
-const rule = require('../lib/no-new-lit-element-components.js');
 
-const {RuleTester} = require('./utils/utils.js');
+import rule from '../lib/no-new-lit-element-components.ts';
 
-const EXPECTED_ERROR_MESSAGE = 'New LitElement components are banned.';
+import {RuleTester} from './utils/tsUtils.ts';
 
 new RuleTester().run('no-new-lit-element-components', rule, {
   valid: [
@@ -23,7 +21,7 @@ new RuleTester().run('no-new-lit-element-components', rule, {
     {
       code: 'class A extends LitElement {}',
       filename: 'front_end/components/test.ts',
-      errors: [{message: EXPECTED_ERROR_MESSAGE}],
+      errors: [{messageId: 'noNewLitElementComponents'}],
     },
   ],
 });