@elliemae/pui-cli 9.0.0-alpha.6 → 9.0.0-alpha.8

package/dist/cjs/lint-config/eslint/flat/common.mjs

@@ -4,7 +4,6 @@ import eslintConfigPrettier from 'eslint-config-prettier';
 import importX from 'eslint-plugin-import-x';
 import jest from 'eslint-plugin-jest';
 import testingLibrary from 'eslint-plugin-testing-library';
-import wdio from 'eslint-plugin-wdio';
 import globals from 'globals';
 import tseslint from 'typescript-eslint';
 import {
@@ -16,6 +15,7 @@ import {
   testingLibraryDomRules,
   testingLibraryReactRules,
   wdioGlobals,
+  wdioPlugin,
   wdioRecommendedRules,
   wdioSpecFiles,
 } from './presets.mjs';
@@ -119,10 +119,13 @@ export function createBaseFlatConfigs(tsRules) {
     },
     {
       files: wdioSpecFiles,
-      plugins: { wdio, jest },
+      plugins: { wdio: wdioPlugin, jest },
       languageOptions: { globals: wdioGlobals },
       rules: {
         ...wdioRecommendedRules,
+        // JS e2e specs are not type-checked; use await-expect instead of no-floating-promise.
+        'wdio/await-expect': 'error',
+        'wdio/no-floating-promise': 'off',
         'jest/valid-expect': 'off',
       },
     },

package/dist/cjs/lint-config/eslint/flat/compat.mjs

@@ -1,8 +1,11 @@
 /**
- * ESLint 10 removed deprecated context APIs (e.g. getSourceCode).
- * Wrap legacy plugins until their maintainers publish compatible releases.
+ * ESLint 10 removed deprecated context APIs (e.g. getSourceCode, getScope, getFilename).
+ * Shim only plugins that still call those APIs until maintainers publish compatible releases.
+ *
+ * @eslint/compat fixupPluginRules assumes ESLint 9 sourceCode passthroughs that are also
+ * unavailable in ESLint 10, so we shim legacy context methods directly on the rule context.
  */
-import { fixupConfigRules, fixupPluginRules } from '@eslint/compat';
+import react from 'eslint-plugin-react';
 import reduxSaga from 'eslint-plugin-redux-saga';
 import storybook from 'eslint-plugin-storybook';
 
@@ -11,10 +14,139 @@ const storybookFlat =
   storybook.configs.recommended ??
   [];
 
+/** @type {WeakMap<import('eslint').ESLint.Plugin, import('eslint').ESLint.Plugin>} */
+const fixedPlugins = new WeakMap();
+
+/**
+ * @param {import('eslint').Rule.RuleModule['create']} originalCreate
+ */
+function wrapRuleCreateWithLegacyContext(originalCreate) {
+  return function create(context) {
+    if (
+      typeof context.getScope === 'function' &&
+      typeof context.getFilename === 'function'
+    ) {
+      return originalCreate(context);
+    }
+
+    const sourceCode = context.sourceCode;
+    let currentNode = sourceCode.ast;
+
+    const legacyContext = Object.assign(Object.create(context), {
+      getFilename() {
+        return context.filename;
+      },
+      getScope() {
+        return sourceCode.getScope(currentNode);
+      },
+      getAncestors() {
+        return sourceCode.getAncestors(currentNode);
+      },
+      getSourceCode() {
+        return sourceCode;
+      },
+    });
+
+    Object.freeze(legacyContext);
+
+    const visitor = originalCreate(legacyContext);
+
+    if (!visitor || typeof visitor !== 'object') {
+      return visitor;
+    }
+
+    for (const [methodName, method] of Object.entries(visitor)) {
+      if (typeof method !== 'function') {
+        continue;
+      }
+
+      if (methodName.startsWith('on')) {
+        visitor[methodName] = (...args) => {
+          currentNode = args[methodName === 'onCodePathSegmentLoop' ? 2 : 1];
+          return method.call(visitor, ...args);
+        };
+        continue;
+      }
+
+      visitor[methodName] = (node, ...rest) => {
+        currentNode = node;
+        return method.call(visitor, node, ...rest);
+      };
+    }
+
+    return visitor;
+  };
+}
+
+/**
+ * @param {import('eslint').ESLint.Plugin} plugin
+ * @returns {import('eslint').ESLint.Plugin}
+ */
+function fixupLegacyPlugin(plugin) {
+  const cached = fixedPlugins.get(plugin);
+  if (cached) {
+    return cached;
+  }
+
+  if (!plugin.rules) {
+    fixedPlugins.set(plugin, plugin);
+    return plugin;
+  }
+
+  const rules = {};
+
+  for (const [ruleName, ruleDefinition] of Object.entries(plugin.rules)) {
+    if (typeof ruleDefinition === 'function') {
+      rules[ruleName] = wrapRuleCreateWithLegacyContext(ruleDefinition);
+      continue;
+    }
+
+    rules[ruleName] = {
+      ...ruleDefinition,
+      create: wrapRuleCreateWithLegacyContext(
+        ruleDefinition.create.bind(ruleDefinition),
+      ),
+    };
+  }
+
+  const fixed = { ...plugin, rules };
+  fixedPlugins.set(plugin, fixed);
+  return fixed;
+}
+
+/** @type {import('eslint').ESLint.Plugin} */
+const storybookPlugin = fixupLegacyPlugin(storybook);
+
+/**
+ * @param {import('eslint').Linter.Config[]} configs
+ * @returns {import('eslint').Linter.Config[]}
+ */
+function fixupStorybookFlatConfigs(configs) {
+  return configs.map((configItem) => {
+    if (!configItem.plugins?.storybook) {
+      return configItem;
+    }
+
+    return {
+      ...configItem,
+      plugins: {
+        ...configItem.plugins,
+        storybook: storybookPlugin,
+      },
+    };
+  });
+}
+
+/** React — uses context.getFilename / getScope (eslint-plugin-react@7). */
+/** @type {import('eslint').ESLint.Plugin} */
+export const reactPlugin = fixupLegacyPlugin(react);
+
+/** Redux-saga — uses context.getScope in no-yield-in-race. */
 /** @type {import('eslint').ESLint.Plugin} */
-export const reduxSagaPlugin = fixupPluginRules(reduxSaga);
+export const reduxSagaPlugin = fixupLegacyPlugin(reduxSaga);
 
-/** Storybook flat presets with ESLint 10 compatibility shims applied. */
-export const storybookFlatConfigs = fixupConfigRules(
+/** Storybook flat presets — uses legacy context APIs (eslint-plugin-storybook@0.12). */
+/** @type {import('eslint').Linter.Config[]} */
+export const storybookFlatConfigs = fixupStorybookFlatConfigs(
   Array.isArray(storybookFlat) ? storybookFlat : [storybookFlat],
 );

package/dist/cjs/lint-config/eslint/flat/presets.mjs

@@ -75,10 +75,22 @@ export const reactPresetRules = {
   ...reduxSaga.configs.recommended.rules,
 };
 
+/**
+ * eslint-plugin-wdio v9 default export exposes config severities as `rules` when
+ * typescript-eslint is installed. Use flat/recommended's nested plugin instead.
+ */
+const wdioFlatRecommended =
+  wdio.configs['flat/recommended'] ?? wdio.configs.recommended;
+
+export const wdioPlugin = wdioFlatRecommended.plugins?.wdio ?? wdio;
+
 /** @type {import('eslint').Linter.RulesRecord} */
-export const wdioRecommendedRules = wdio.configs.recommended.rules ?? {};
+export const wdioRecommendedRules = wdioFlatRecommended.rules ?? {};
 
 /** @type {Record<string, boolean>} */
-export const wdioGlobals = wdio.configs.recommended.globals ?? {};
+export const wdioGlobals =
+  wdioFlatRecommended.languageOptions?.globals ??
+  wdio.configs.recommended.globals ??
+  {};
 
 export { storybookFlatConfigs };

package/dist/cjs/lint-config/eslint/flat/react.mjs

@@ -1,9 +1,8 @@
 import { defineConfig } from 'eslint/config';
 import jsxA11y from 'eslint-plugin-jsx-a11y';
-import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
 import { baseFlatConfigs, baseFlatConfigsStrict } from './common.mjs';
-import { reduxSagaPlugin } from './compat.mjs';
+import { reactPlugin, reduxSagaPlugin } from './compat.mjs';
 import {
   reactPresetRules,
   storybookFiles,
@@ -13,7 +12,7 @@ import { reactRules, reactStrictRules } from './rules.mjs';
 
 const reactPluginBlock = {
   plugins: {
-    react,
+    react: reactPlugin,
     'react-hooks': reactHooks,
     'jsx-a11y': jsxA11y,
     'redux-saga': reduxSagaPlugin,

package/dist/esm/lint-config/eslint/flat/common.mjs

@@ -4,7 +4,6 @@ import eslintConfigPrettier from 'eslint-config-prettier';
 import importX from 'eslint-plugin-import-x';
 import jest from 'eslint-plugin-jest';
 import testingLibrary from 'eslint-plugin-testing-library';
-import wdio from 'eslint-plugin-wdio';
 import globals from 'globals';
 import tseslint from 'typescript-eslint';
 import {
@@ -16,6 +15,7 @@ import {
   testingLibraryDomRules,
   testingLibraryReactRules,
   wdioGlobals,
+  wdioPlugin,
   wdioRecommendedRules,
   wdioSpecFiles,
 } from './presets.mjs';
@@ -119,10 +119,13 @@ export function createBaseFlatConfigs(tsRules) {
     },
     {
       files: wdioSpecFiles,
-      plugins: { wdio, jest },
+      plugins: { wdio: wdioPlugin, jest },
       languageOptions: { globals: wdioGlobals },
       rules: {
         ...wdioRecommendedRules,
+        // JS e2e specs are not type-checked; use await-expect instead of no-floating-promise.
+        'wdio/await-expect': 'error',
+        'wdio/no-floating-promise': 'off',
         'jest/valid-expect': 'off',
       },
     },

package/dist/esm/lint-config/eslint/flat/compat.mjs

@@ -1,8 +1,11 @@
 /**
- * ESLint 10 removed deprecated context APIs (e.g. getSourceCode).
- * Wrap legacy plugins until their maintainers publish compatible releases.
+ * ESLint 10 removed deprecated context APIs (e.g. getSourceCode, getScope, getFilename).
+ * Shim only plugins that still call those APIs until maintainers publish compatible releases.
+ *
+ * @eslint/compat fixupPluginRules assumes ESLint 9 sourceCode passthroughs that are also
+ * unavailable in ESLint 10, so we shim legacy context methods directly on the rule context.
  */
-import { fixupConfigRules, fixupPluginRules } from '@eslint/compat';
+import react from 'eslint-plugin-react';
 import reduxSaga from 'eslint-plugin-redux-saga';
 import storybook from 'eslint-plugin-storybook';
 
@@ -11,10 +14,139 @@ const storybookFlat =
   storybook.configs.recommended ??
   [];
 
+/** @type {WeakMap<import('eslint').ESLint.Plugin, import('eslint').ESLint.Plugin>} */
+const fixedPlugins = new WeakMap();
+
+/**
+ * @param {import('eslint').Rule.RuleModule['create']} originalCreate
+ */
+function wrapRuleCreateWithLegacyContext(originalCreate) {
+  return function create(context) {
+    if (
+      typeof context.getScope === 'function' &&
+      typeof context.getFilename === 'function'
+    ) {
+      return originalCreate(context);
+    }
+
+    const sourceCode = context.sourceCode;
+    let currentNode = sourceCode.ast;
+
+    const legacyContext = Object.assign(Object.create(context), {
+      getFilename() {
+        return context.filename;
+      },
+      getScope() {
+        return sourceCode.getScope(currentNode);
+      },
+      getAncestors() {
+        return sourceCode.getAncestors(currentNode);
+      },
+      getSourceCode() {
+        return sourceCode;
+      },
+    });
+
+    Object.freeze(legacyContext);
+
+    const visitor = originalCreate(legacyContext);
+
+    if (!visitor || typeof visitor !== 'object') {
+      return visitor;
+    }
+
+    for (const [methodName, method] of Object.entries(visitor)) {
+      if (typeof method !== 'function') {
+        continue;
+      }
+
+      if (methodName.startsWith('on')) {
+        visitor[methodName] = (...args) => {
+          currentNode = args[methodName === 'onCodePathSegmentLoop' ? 2 : 1];
+          return method.call(visitor, ...args);
+        };
+        continue;
+      }
+
+      visitor[methodName] = (node, ...rest) => {
+        currentNode = node;
+        return method.call(visitor, node, ...rest);
+      };
+    }
+
+    return visitor;
+  };
+}
+
+/**
+ * @param {import('eslint').ESLint.Plugin} plugin
+ * @returns {import('eslint').ESLint.Plugin}
+ */
+function fixupLegacyPlugin(plugin) {
+  const cached = fixedPlugins.get(plugin);
+  if (cached) {
+    return cached;
+  }
+
+  if (!plugin.rules) {
+    fixedPlugins.set(plugin, plugin);
+    return plugin;
+  }
+
+  const rules = {};
+
+  for (const [ruleName, ruleDefinition] of Object.entries(plugin.rules)) {
+    if (typeof ruleDefinition === 'function') {
+      rules[ruleName] = wrapRuleCreateWithLegacyContext(ruleDefinition);
+      continue;
+    }
+
+    rules[ruleName] = {
+      ...ruleDefinition,
+      create: wrapRuleCreateWithLegacyContext(
+        ruleDefinition.create.bind(ruleDefinition),
+      ),
+    };
+  }
+
+  const fixed = { ...plugin, rules };
+  fixedPlugins.set(plugin, fixed);
+  return fixed;
+}
+
+/** @type {import('eslint').ESLint.Plugin} */
+const storybookPlugin = fixupLegacyPlugin(storybook);
+
+/**
+ * @param {import('eslint').Linter.Config[]} configs
+ * @returns {import('eslint').Linter.Config[]}
+ */
+function fixupStorybookFlatConfigs(configs) {
+  return configs.map((configItem) => {
+    if (!configItem.plugins?.storybook) {
+      return configItem;
+    }
+
+    return {
+      ...configItem,
+      plugins: {
+        ...configItem.plugins,
+        storybook: storybookPlugin,
+      },
+    };
+  });
+}
+
+/** React — uses context.getFilename / getScope (eslint-plugin-react@7). */
+/** @type {import('eslint').ESLint.Plugin} */
+export const reactPlugin = fixupLegacyPlugin(react);
+
+/** Redux-saga — uses context.getScope in no-yield-in-race. */
 /** @type {import('eslint').ESLint.Plugin} */
-export const reduxSagaPlugin = fixupPluginRules(reduxSaga);
+export const reduxSagaPlugin = fixupLegacyPlugin(reduxSaga);
 
-/** Storybook flat presets with ESLint 10 compatibility shims applied. */
-export const storybookFlatConfigs = fixupConfigRules(
+/** Storybook flat presets — uses legacy context APIs (eslint-plugin-storybook@0.12). */
+/** @type {import('eslint').Linter.Config[]} */
+export const storybookFlatConfigs = fixupStorybookFlatConfigs(
   Array.isArray(storybookFlat) ? storybookFlat : [storybookFlat],
 );

package/dist/esm/lint-config/eslint/flat/presets.mjs

@@ -75,10 +75,22 @@ export const reactPresetRules = {
   ...reduxSaga.configs.recommended.rules,
 };
 
+/**
+ * eslint-plugin-wdio v9 default export exposes config severities as `rules` when
+ * typescript-eslint is installed. Use flat/recommended's nested plugin instead.
+ */
+const wdioFlatRecommended =
+  wdio.configs['flat/recommended'] ?? wdio.configs.recommended;
+
+export const wdioPlugin = wdioFlatRecommended.plugins?.wdio ?? wdio;
+
 /** @type {import('eslint').Linter.RulesRecord} */
-export const wdioRecommendedRules = wdio.configs.recommended.rules ?? {};
+export const wdioRecommendedRules = wdioFlatRecommended.rules ?? {};
 
 /** @type {Record<string, boolean>} */
-export const wdioGlobals = wdio.configs.recommended.globals ?? {};
+export const wdioGlobals =
+  wdioFlatRecommended.languageOptions?.globals ??
+  wdio.configs.recommended.globals ??
+  {};
 
 export { storybookFlatConfigs };

package/dist/esm/lint-config/eslint/flat/react.mjs

@@ -1,9 +1,8 @@
 import { defineConfig } from 'eslint/config';
 import jsxA11y from 'eslint-plugin-jsx-a11y';
-import react from 'eslint-plugin-react';
 import reactHooks from 'eslint-plugin-react-hooks';
 import { baseFlatConfigs, baseFlatConfigsStrict } from './common.mjs';
-import { reduxSagaPlugin } from './compat.mjs';
+import { reactPlugin, reduxSagaPlugin } from './compat.mjs';
 import {
   reactPresetRules,
   storybookFiles,
@@ -13,7 +12,7 @@ import { reactRules, reactStrictRules } from './rules.mjs';
 
 const reactPluginBlock = {
   plugins: {
-    react,
+    react: reactPlugin,
     'react-hooks': reactHooks,
     'jsx-a11y': jsxA11y,
     'redux-saga': reduxSagaPlugin,

package/dist/types/lib/lint-config/eslint/flat/compat.d.mts

@@ -1,4 +1,9 @@
+/** React — uses context.getFilename / getScope (eslint-plugin-react@7). */
+/** @type {import('eslint').ESLint.Plugin} */
+export const reactPlugin: import("eslint").ESLint.Plugin;
+/** Redux-saga — uses context.getScope in no-yield-in-race. */
 /** @type {import('eslint').ESLint.Plugin} */
 export const reduxSagaPlugin: import("eslint").ESLint.Plugin;
-/** Storybook flat presets with ESLint 10 compatibility shims applied. */
-export const storybookFlatConfigs: import("@eslint/compat").FixupConfigArray;
+/** Storybook flat presets — uses legacy context APIs (eslint-plugin-storybook@0.12). */
+/** @type {import('eslint').Linter.Config[]} */
+export const storybookFlatConfigs: import("eslint").Linter.Config[];

package/dist/types/lib/lint-config/eslint/flat/presets.d.mts

@@ -18,6 +18,14 @@ export const testingLibraryDomRules: import("eslint").Linter.RulesRecord;
 export const testingLibraryReactRules: import("eslint").Linter.RulesRecord;
 /** @type {import('eslint').Linter.RulesRecord} */
 export const reactPresetRules: import("eslint").Linter.RulesRecord;
+export const wdioPlugin: {
+    configs: {};
+    rules: {
+        "await-expect": import("eslint").Rule.RuleModule;
+        "no-debug": import("eslint").Rule.RuleModule;
+        "no-pause": import("eslint").Rule.RuleModule;
+    };
+};
 /** @type {import('eslint').Linter.RulesRecord} */
 export const wdioRecommendedRules: import("eslint").Linter.RulesRecord;
 /** @type {Record<string, boolean>} */