Automatically remove trailing .js from @shopify/cli-kit imports

.eslintrc.cjs

@@ -151,6 +151,7 @@ module.exports = {
     'rulesdir/command-reserved-flags': 'error',
     'rulesdir/no-error-factory-functions': 'error',
     'rulesdir/no-process-cwd': 'error',
+    'rulesdir/no-trailing-js-in-cli-kit-imports': 'error',
     'no-restricted-syntax': [
       'error',
       {

eslint-rules/no-trailing-js-in-cli-kit-imports.cjs

@@ -0,0 +1,30 @@
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Remove trailing .js when importing from @shopify/cli-kit',
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      noTrailingJsInCliKit: 'Trailing .js is not needed when importing from @shopify/cli-kit',
+    },
+  },
+
+  create(context) {
+    return {
+      ImportDeclaration(node) {
+        const source = node.source.value
+        if (source.startsWith('@shopify/cli-kit') && source.endsWith('.js')) {
+          context.report({
+            node,
+            messageId: 'noTrailingJsInCliKit',
+            fix: function (fixer) {
+              return fixer.replaceText(node.source, `'${source.slice(0, -3)}'`)
+            },
+          })
+        }
+      },
+    }
+  },
+}