@shopify/shop-minis-react 0.4.17 → 0.4.18

package/eslint/config.cjs

@@ -42,6 +42,7 @@ module.exports = {
     'shop-minis/no-env-without-fallback': 'error',
     'shop-minis/no-hardcoded-asset-paths': 'error',
     'shop-minis/no-internal-imports': 'error',
+    'shop-minis/no-javascript-files': 'error',
     'shop-minis/no-secrets': ['error'],
     'shop-minis/prefer-sdk-components': 'warn',
     'shop-minis/prefer-sdk-hooks': 'warn',

package/eslint/index.cjs

@@ -8,6 +8,7 @@ const noDynamicAssetPaths = require('./rules/no-dynamic-asset-paths.cjs')
 const noEnvWithoutFallback = require('./rules/no-env-without-fallback.cjs')
 const noHardcodedAssetPaths = require('./rules/no-hardcoded-asset-paths.cjs')
 const noInternalImports = require('./rules/no-internal-imports.cjs')
+const noJavaScriptFiles = require('./rules/no-javascript-files.cjs')
 const noSecrets = require('./rules/no-secrets.cjs')
 const preferSdkComponents = require('./rules/prefer-sdk-components.cjs')
 const preferSdkHooks = require('./rules/prefer-sdk-hooks.cjs')
@@ -19,6 +20,7 @@ module.exports = {
     'no-env-without-fallback': noEnvWithoutFallback,
     'no-hardcoded-asset-paths': noHardcodedAssetPaths,
     'no-internal-imports': noInternalImports,
+    'no-javascript-files': noJavaScriptFiles,
     'no-secrets': noSecrets,
     'prefer-sdk-components': preferSdkComponents,
     'prefer-sdk-hooks': preferSdkHooks,

package/eslint/rules/no-javascript-files.cjs

@@ -0,0 +1,44 @@
+/**
+ * ESLint rule to disallow JavaScript files in Shop Minis projects
+ * @fileoverview Require TypeScript files (.ts/.tsx) instead of JavaScript (.js/.jsx)
+ */
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Disallow JavaScript files - use TypeScript instead',
+      category: 'Best Practices',
+      recommended: true,
+    },
+    messages: {
+      noJavaScriptFiles:
+        'JavaScript files (.js/.jsx) are not allowed in Shop Minis projects. Please rename this file to use TypeScript (.ts/.tsx) instead.',
+    },
+    schema: [],
+  },
+
+  create(context) {
+    const filename = context.filename || context.getFilename()
+
+    // Skip config files in the root directory
+    if (
+      filename.endsWith('eslint.config.js') ||
+      filename.endsWith('vite.config.js') ||
+      filename.endsWith('tailwind.config.js')
+    ) {
+      return {}
+    }
+
+    return {
+      Program(node) {
+        if (filename.endsWith('.js') || filename.endsWith('.jsx')) {
+          context.report({
+            node,
+            messageId: 'noJavaScriptFiles',
+          })
+        }
+      },
+    }
+  },
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shopify/shop-minis-react",
   "license": "SEE LICENSE IN LICENSE.txt",
-  "version": "0.4.17",
+  "version": "0.4.18",
   "sideEffects": false,
   "type": "module",
   "engines": {