kyfx
/
playwright
mirror of https://github.com/microsoft/playwright.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: merge ESLint configs (#35038)

This commit is contained in:
Simon Knott 2025-03-06 09:15:37 +01:00 committed by GitHub
parent 319f4630de
commit 0d00783c0c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
15 changed files with 349 additions and 320 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
eslint-react.config.mjs
View File

@ -1,95 +0,0 @@
/**
* Copyright (c) Microsoft Corporation.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { fixupConfigRules } from '@eslint/compat';
import { FlatCompat } from '@eslint/eslintrc';
import js from '@eslint/js';
import typescriptEslint from '@typescript-eslint/eslint-plugin';
import tsParser from '@typescript-eslint/parser';
import notice from 'eslint-plugin-notice';
import path from 'path';
import { fileURLToPath } from 'url';
import stylistic from '@stylistic/eslint-plugin';
import { baseRules } from './eslint.config.mjs';
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
baseDirectory: __dirname,
recommendedConfig: js.configs.recommended,
allConfig: js.configs.all
});
const baseConfig = fixupConfigRules(compat.extends('plugin:react/recommended', 'plugin:react-hooks/recommended'));
const plugins = {
'@stylistic': stylistic,
'@typescript-eslint': typescriptEslint,
notice,
};
const ignores = [
'.github/',
'*.js',
'**/.cache/',
'**/*.d.ts',
'**/dist/**',
'index.d.ts',
'node_modules/',
'output/',
'packages/*/lib/',
'test-results/',
'tests/',
'utils/',
];
export default [
{ ignores },
{
plugins,
settings: {
react: { version: 'detect' },
}
},
...baseConfig,
packageSection('html-reporter'),
packageSection('recorder'),
packageSection('trace-viewer'),
];
function packageSection(packageName) {
return {
files: [
`packages/${packageName}/src/**/*.ts`,
`packages/${packageName}/src/**/*.tsx`,
`packages/web/src/**/*.ts`,
`packages/web/src/**/*.tsx`,
],
languageOptions: {
parser: tsParser,
ecmaVersion: 9,
sourceType: 'module',
parserOptions: {
project: path.join(__dirname, 'packages', packageName, 'tsconfig.json'),
},
},
rules: {
...baseRules,
'no-console': 2,
}
};
}

537
eslint.config.mjs
View File

@ -14,279 +14,390 @@
* limitations under the License. * limitations under the License.
*/ */
import typescriptEslint from '@typescript-eslint/eslint-plugin'; import typescriptEslint from "@typescript-eslint/eslint-plugin";
import tsParser from '@typescript-eslint/parser'; import tsParser from "@typescript-eslint/parser";
import notice from 'eslint-plugin-notice'; import notice from "eslint-plugin-notice";
import path from 'path'; import path from "path";
import { fileURLToPath } from 'url'; import { fileURLToPath } from "url";
import stylistic from '@stylistic/eslint-plugin'; import stylistic from "@stylistic/eslint-plugin";
import importRules from 'eslint-plugin-import'; import importRules from "eslint-plugin-import";
import { fixupConfigRules } from "@eslint/compat";
import { FlatCompat } from "@eslint/eslintrc";
import js from "@eslint/js";
const __filename = fileURLToPath(import.meta.url); const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename); const __dirname = path.dirname(__filename);
const plugins = { const plugins = {
'@stylistic': stylistic, "@stylistic": stylistic,
'@typescript-eslint': typescriptEslint, "@typescript-eslint": typescriptEslint,
notice, notice,
import: importRules, import: importRules,
}; };
const ignores = [ const ignores = [
'.github/', ".github/",
'*.js', "*.js",
'**/.cache/', "**/.cache/",
'**/*.d.ts', "**/*.d.ts",
'index.d.ts', "index.d.ts",
'node_modules/', "node_modules/",
'output/', "output/",
'packages/*/lib/', "**/playwright-report/",
'packages/html-reporter/**', "packages/*/lib/",
'packages/playwright-core/src/generated/*', "packages/playwright-core/src/generated/*",
'packages/playwright-core/src/third_party/', "packages/playwright-core/src/third_party/",
'packages/playwright-core/types/*', "packages/playwright-core/types/*",
'packages/playwright-ct-core/src/generated/*', "packages/playwright-ct-core/src/generated/*",
'packages/recorder/**', "packages/html-reporter/bundle.ts",
'packages/trace-viewer/**', "packages/html-reporter/playwright.config.ts",
'packages/web/**', "packages/html-reporter/playwright/*",
'test-results/', "packages/html-reporter/vite.config.ts",
'tests/assets/', "test-results/",
'tests/components/', "tests/assets/",
'tests/installation/fixture-scripts/', "tests/components/",
'tests/third_party/', "tests/installation/fixture-scripts/",
'utils/', "tests/third_party/",
"utils/",
]; ];
export const baseRules = { export const baseRules = {
'@typescript-eslint/no-unused-vars': [2, { args: 'none', caughtErrors: 'none' }], "@typescript-eslint/no-unused-vars": [
2,
{ args: "none", caughtErrors: "none" },
],
/** /**
* Enforced rules * Enforced rules
*/ */
// syntax preferences // syntax preferences
'object-curly-spacing': ['error', 'always'], "object-curly-spacing": ["error", "always"],
'quotes': [2, 'single', { quotes: [
'avoidEscape': true, 2,
'allowTemplateLiterals': true "single",
}], {
'jsx-quotes': [2, 'prefer-single'], avoidEscape: true,
'no-extra-semi': 2, allowTemplateLiterals: true,
'@stylistic/semi': [2], },
'comma-style': [2, 'last'], ],
'wrap-iife': [2, 'inside'], "jsx-quotes": [2, "prefer-single"],
'spaced-comment': [2, 'always', { "no-extra-semi": 2,
'markers': ['*'] "@stylistic/semi": [2],
}], "comma-style": [2, "last"],
'eqeqeq': [2], "wrap-iife": [2, "inside"],
'accessor-pairs': [2, { "spaced-comment": [
'getWithoutSet': false, 2,
'setWithoutGet': false "always",
}], {
'brace-style': [2, '1tbs', { 'allowSingleLine': true }], markers: ["*"],
'curly': [2, 'multi-or-nest', 'consistent'], },
'new-parens': 2, ],
'arrow-parens': [2, 'as-needed'], eqeqeq: [2],
'prefer-const': 2, "accessor-pairs": [
'quote-props': [2, 'consistent'], 2,
'nonblock-statement-body-position': [2, 'below'], {
getWithoutSet: false,
setWithoutGet: false,
},
],
"brace-style": [2, "1tbs", { allowSingleLine: true }],
curly: [2, "multi-or-nest", "consistent"],
"new-parens": 2,
"arrow-parens": [2, "as-needed"],
"prefer-const": 2,
"quote-props": [2, "consistent"],
"nonblock-statement-body-position": [2, "below"],
// anti-patterns // anti-patterns
'no-var': 2, "no-var": 2,
'no-with': 2, "no-with": 2,
'no-multi-str': 2, "no-multi-str": 2,
'no-caller': 2, "no-caller": 2,
'no-implied-eval': 2, "no-implied-eval": 2,
'no-labels': 2, "no-labels": 2,
'no-new-object': 2, "no-new-object": 2,
'no-octal-escape': 2, "no-octal-escape": 2,
'no-self-compare': 2, "no-self-compare": 2,
'no-shadow-restricted-names': 2, "no-shadow-restricted-names": 2,
'no-cond-assign': 2, "no-cond-assign": 2,
'no-debugger': 2, "no-debugger": 2,
'no-dupe-keys': 2, "no-dupe-keys": 2,
'no-duplicate-case': 2, "no-duplicate-case": 2,
'no-empty-character-class': 2, "no-empty-character-class": 2,
'no-unreachable': 2, "no-unreachable": 2,
'no-unsafe-negation': 2, "no-unsafe-negation": 2,
'radix': 2, radix: 2,
'valid-typeof': 2, "valid-typeof": 2,
'no-implicit-globals': [2], "no-implicit-globals": [2],
'no-unused-expressions': [2, { 'allowShortCircuit': true, 'allowTernary': true, 'allowTaggedTemplates': true }], "no-unused-expressions": [
'no-proto': 2, 2,
{ allowShortCircuit: true, allowTernary: true, allowTaggedTemplates: true },
],
"no-proto": 2,
// es2015 features // es2015 features
'require-yield': 2, "require-yield": 2,
'template-curly-spacing': [2, 'never'], "template-curly-spacing": [2, "never"],
// spacing details // spacing details
'space-infix-ops': 2, "space-infix-ops": 2,
'space-in-parens': [2, 'never'], "space-in-parens": [2, "never"],
'array-bracket-spacing': [2, 'never'], "array-bracket-spacing": [2, "never"],
'comma-spacing': [2, { 'before': false, 'after': true }], "comma-spacing": [2, { before: false, after: true }],
'keyword-spacing': [2, 'always'], "keyword-spacing": [2, "always"],
'space-before-function-paren': [2, { "space-before-function-paren": [
'anonymous': 'never', 2,
'named': 'never', {
'asyncArrow': 'always' anonymous: "never",
}], named: "never",
'no-whitespace-before-property': 2, asyncArrow: "always",
'keyword-spacing': [2, { },
'overrides': { ],
'if': { 'after': true }, "no-whitespace-before-property": 2,
'else': { 'after': true }, "keyword-spacing": [
'for': { 'after': true }, 2,
'while': { 'after': true }, {
'do': { 'after': true }, overrides: {
'switch': { 'after': true }, if: { after: true },
'return': { 'after': true } else: { after: true },
} for: { after: true },
}], while: { after: true },
'arrow-spacing': [2, { do: { after: true },
'after': true, switch: { after: true },
'before': true return: { after: true },
}], },
'@stylistic/func-call-spacing': 2, },
'@stylistic/type-annotation-spacing': 2, ],
"arrow-spacing": [
2,
{
after: true,
before: true,
},
],
"@stylistic/func-call-spacing": 2,
"@stylistic/type-annotation-spacing": 2,
// file whitespace // file whitespace
'no-multiple-empty-lines': [2, { 'max': 2, 'maxEOF': 0 }], "no-multiple-empty-lines": [2, { max: 2, maxEOF: 0 }],
'no-mixed-spaces-and-tabs': 2, "no-mixed-spaces-and-tabs": 2,
'no-trailing-spaces': 2, "no-trailing-spaces": 2,
'linebreak-style': [process.platform === 'win32' ? 0 : 2, 'unix'], "linebreak-style": [process.platform === "win32" ? 0 : 2, "unix"],
'indent': [2, 2, { 'SwitchCase': 1, 'CallExpression': { 'arguments': 2 }, 'MemberExpression': 2 }], indent: [
'key-spacing': [2, { 2,
'beforeColon': false 2,
}], { SwitchCase: 1, CallExpression: { arguments: 2 }, MemberExpression: 2 },
'eol-last': 2, ],
"key-spacing": [
2,
{
beforeColon: false,
},
],
"eol-last": 2,
// copyright // copyright
'notice/notice': [2, { "notice/notice": [
'mustMatch': 'Copyright', 2,
'templateFile': path.join(__dirname, 'utils', 'copyright.js'), {
}], mustMatch: "Copyright",
templateFile: path.join(__dirname, "utils", "copyright.js"),
},
],
// react // react
'react/react-in-jsx-scope': 0 "react/react-in-jsx-scope": 0,
}; };
const noFloatingPromisesRules = { const noFloatingPromisesRules = {
'@typescript-eslint/no-floating-promises': 'error', "@typescript-eslint/no-floating-promises": "error",
}; };
const noBooleanCompareRules = { const noBooleanCompareRules = {
'@typescript-eslint/no-unnecessary-boolean-literal-compare': 2, "@typescript-eslint/no-unnecessary-boolean-literal-compare": 2,
}; };
const noWebGlobalsRules = { const noWebGlobalsRules = {
'no-restricted-globals': [ "no-restricted-globals": [
'error', "error",
{ 'name': 'window' }, { name: "window" },
{ 'name': 'document' }, { name: "document" },
{ 'name': 'globalThis' }, { name: "globalThis" },
], ],
}; };
const noNodeGlobalsRules = { const noNodeGlobalsRules = {
'no-restricted-globals': [ "no-restricted-globals": ["error", { name: "process" }],
'error',
{ 'name': 'process' },
],
}; };
const importOrderRules = { const importOrderRules = {
'import/order': [2, { "import/order": [
'groups': ['builtin', 'external', 'internal', ['parent', 'sibling'], 'index', 'type'], 2,
'newlines-between': 'always', {
}], groups: [
'import/consistent-type-specifier-style': [2, 'prefer-top-level'] "builtin",
"external",
"internal",
["parent", "sibling"],
"index",
"type",
],
"newlines-between": "always",
},
],
"import/consistent-type-specifier-style": [2, "prefer-top-level"],
}; };
const languageOptions = { const languageOptions = {
parser: tsParser, parser: tsParser,
ecmaVersion: 9, ecmaVersion: 9,
sourceType: 'module', sourceType: "module",
}; };
const languageOptionsWithTsConfig = { const languageOptionsWithTsConfig = {
parser: tsParser, parser: tsParser,
ecmaVersion: 9, ecmaVersion: 9,
sourceType: 'module', sourceType: "module",
parserOptions: { parserOptions: {
project: path.join(__dirname, 'tsconfig.json'), project: path.join(__dirname, "tsconfig.json"),
}, },
}; };
export default [{ const compat = new FlatCompat({
ignores, baseDirectory: __dirname,
}, { recommendedConfig: js.configs.recommended,
files: ['**/*.ts'], allConfig: js.configs.all,
plugins, });
languageOptions, const reactBaseConfig = fixupConfigRules(
rules: baseRules, compat.extends("plugin:react/recommended", "plugin:react-hooks/recommended")
}, { );
files: ['packages/**/*.ts'], const reactFiles = [
languageOptions: languageOptionsWithTsConfig, `packages/html-reporter/src/**/*.ts`,
rules: { `packages/html-reporter/src/**/*.tsx`,
'no-console': 2, `packages/recorder/src/**/*.ts`,
'no-restricted-properties': [2, { `packages/recorder/src/**/*.tsx`,
'object': 'process', `packages/trace-viewer/src/**/*.ts`,
'property': 'exit', `packages/trace-viewer/src/**/*.tsx`,
'message': 'Please use gracefullyProcessExitDoNotHang function to exit the process.', `packages/web/src/**/*.ts`,
}], `packages/web/src/**/*.tsx`,
} ];
}, {
files: [ function reactPackageSection(packageName) {
'packages/**/*.ts', return {
], files: [
rules: { `packages/${packageName}/src/**/*.ts`,
...importOrderRules `packages/${packageName}/src/**/*.tsx`,
`packages/web/src/**/*.ts`,
`packages/web/src/**/*.tsx`,
],
languageOptions: {
parser: tsParser,
ecmaVersion: 9,
sourceType: "module",
parserOptions: {
project: path.join(__dirname, "packages", packageName, "tsconfig.json"),
},
},
rules: {
...baseRules,
"no-console": 2,
},
};
}
export default [
{
ignores,
}, },
}, { {
files: ['packages/playwright/**/*.ts'], files: ["**/*.ts", "**/*.tsx"],
rules: { plugins,
...noFloatingPromisesRules, languageOptions,
} rules: baseRules,
}, { settings: {
files: ['packages/playwright/src/reporters/**/*.ts'], react: { version: "detect" },
languageOptions: languageOptionsWithTsConfig,
rules: {
'no-console': 'off'
}
}, {
files: [
'packages/playwright-core/src/server/injected/**/*.ts',
'packages/playwright-core/src/server/isomorphic/**/*.ts',
'packages/playwright-core/src/utils/isomorphic/**/*.ts',
],
languageOptions: languageOptionsWithTsConfig,
rules: {
...noWebGlobalsRules,
...noFloatingPromisesRules,
...noBooleanCompareRules,
}
}, {
files: [
'packages/playwright-core/src/client/**/*.ts',
'packages/playwright-core/src/protocol/**/*.ts',
'packages/playwright-core/src/utils/**/*.ts',
],
languageOptions: languageOptionsWithTsConfig,
rules: {
...noNodeGlobalsRules,
...noFloatingPromisesRules,
...noBooleanCompareRules,
}
}, {
files: ['tests/**/*.spec.js', 'tests/**/*.ts'],
languageOptions: {
parser: tsParser,
ecmaVersion: 9,
sourceType: 'module',
parserOptions: {
project: path.join(__dirname, 'tests', 'tsconfig.json'),
}, },
}, },
rules: { {
...noFloatingPromisesRules, files: ["packages/**/*.ts"],
} languageOptions: languageOptionsWithTsConfig,
}]; rules: {
"no-console": 2,
"no-restricted-properties": [
2,
{
object: "process",
property: "exit",
message:
"Please use gracefullyProcessExitDoNotHang function to exit the process.",
},
],
},
},
{
files: ["packages/**/*.ts"],
rules: {
...importOrderRules,
},
},
{
files: ["packages/playwright/**/*.ts"],
rules: {
...noFloatingPromisesRules,
},
},
{
files: ["packages/playwright/src/reporters/**/*.ts"],
languageOptions: languageOptionsWithTsConfig,
rules: {
"no-console": "off",
},
},
{
files: [
"packages/playwright-core/src/server/injected/**/*.ts",
"packages/playwright-core/src/server/isomorphic/**/*.ts",
"packages/playwright-core/src/utils/isomorphic/**/*.ts",
],
languageOptions: languageOptionsWithTsConfig,
rules: {
...noWebGlobalsRules,
...noFloatingPromisesRules,
...noBooleanCompareRules,
},
},
{
files: [
"packages/playwright-core/src/client/**/*.ts",
"packages/playwright-core/src/protocol/**/*.ts",
"packages/playwright-core/src/utils/**/*.ts",
],
languageOptions: languageOptionsWithTsConfig,
rules: {
...noNodeGlobalsRules,
...noFloatingPromisesRules,
...noBooleanCompareRules,
},
},
{
files: ["tests/**/*.spec.js", "tests/**/*.ts"],
languageOptions: {
parser: tsParser,
ecmaVersion: 9,
sourceType: "module",
parserOptions: {
project: path.join(__dirname, "tests", "tsconfig.json"),
},
},
rules: {
...noFloatingPromisesRules,
},
},
...reactBaseConfig.map((config) => ({
...config,
files: reactFiles,
})),
reactPackageSection("html-reporter"),
reactPackageSection("recorder"),
reactPackageSection("trace-viewer"),
];

2
package.json
View File

@ -30,7 +30,7 @@
"ttest": "node ./tests/playwright-test/stable-test-runner/node_modules/@playwright/test/cli test --config=tests/playwright-test/playwright.config.ts", "ttest": "node ./tests/playwright-test/stable-test-runner/node_modules/@playwright/test/cli test --config=tests/playwright-test/playwright.config.ts",
"ct": "playwright test tests/components/test-all.spec.js --reporter=list", "ct": "playwright test tests/components/test-all.spec.js --reporter=list",
"test": "playwright test --config=tests/library/playwright.config.ts", "test": "playwright test --config=tests/library/playwright.config.ts",
"eslint": "eslint --cache && eslint -c eslint-react.config.mjs", "eslint": "eslint --cache",
"tsc": "tsc -p . && tsc -p packages/html-reporter/", "tsc": "tsc -p . && tsc -p packages/html-reporter/",
"build-installer": "babel -s --extensions \".ts\" --out-dir packages/playwright-core/lib/utils/ packages/playwright-core/src/utils", "build-installer": "babel -s --extensions \".ts\" --out-dir packages/playwright-core/lib/utils/ packages/playwright-core/src/utils",
"doc": "node utils/doclint/cli.js", "doc": "node utils/doclint/cli.js",

3
packages/recorder/vite.config.ts
View File

@ -14,9 +14,10 @@
* limitations under the License. * limitations under the License.
*/ */
import path from 'path';
import { defineConfig } from 'vite'; import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react'; import react from '@vitejs/plugin-react';
import path from 'path';
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({

1
packages/trace-viewer/src/sw/snapshotRenderer.ts
View File

@ -15,6 +15,7 @@
*/ */
import { escapeHTMLAttribute, escapeHTML } from '@isomorphic/stringUtils'; import { escapeHTMLAttribute, escapeHTML } from '@isomorphic/stringUtils';
import type { FrameSnapshot, NodeNameAttributesChildNodesSnapshot, NodeSnapshot, RenderedFrameSnapshot, ResourceSnapshot, SubtreeReferenceSnapshot } from '@trace/snapshot'; import type { FrameSnapshot, NodeNameAttributesChildNodesSnapshot, NodeSnapshot, RenderedFrameSnapshot, ResourceSnapshot, SubtreeReferenceSnapshot } from '@trace/snapshot';
import type { PageEntry } from '../types/entries'; import type { PageEntry } from '../types/entries';
import type { LRUCache } from './lruCache'; import type { LRUCache } from './lruCache';

6
packages/trace-viewer/src/sw/snapshotStorage.ts
View File

@ -14,11 +14,13 @@
* limitations under the License. * limitations under the License.
*/ */
import type { FrameSnapshot, ResourceSnapshot } from '@trace/snapshot';
import { rewriteURLForCustomProtocol, SnapshotRenderer } from './snapshotRenderer'; import { rewriteURLForCustomProtocol, SnapshotRenderer } from './snapshotRenderer';
import type { PageEntry } from '../types/entries';
import { LRUCache } from './lruCache'; import { LRUCache } from './lruCache';
import type { FrameSnapshot, ResourceSnapshot } from '@trace/snapshot';
import type { PageEntry } from '../types/entries';
export class SnapshotStorage { export class SnapshotStorage {
private _frameSnapshots = new Map<string, { private _frameSnapshots = new Map<string, {
raw: FrameSnapshot[], raw: FrameSnapshot[],

4
packages/trace-viewer/src/sw/traceModel.ts
View File

@ -15,10 +15,12 @@
*/ */
import { parseClientSideCallMetadata } from '@isomorphic/traceUtils'; import { parseClientSideCallMetadata } from '@isomorphic/traceUtils';
import type { ContextEntry } from '../types/entries';
import { SnapshotStorage } from './snapshotStorage'; import { SnapshotStorage } from './snapshotStorage';
import { TraceModernizer } from './traceModernizer'; import { TraceModernizer } from './traceModernizer';
import type { ContextEntry } from '../types/entries';
export interface TraceModelBackend { export interface TraceModelBackend {
entryNames(): Promise<string[]>; entryNames(): Promise<string[]>;
hasEntry(entryName: string): Promise<boolean>; hasEntry(entryName: string): Promise<boolean>;

4
packages/trace-viewer/src/sw/traceModelBackends.ts
View File

@ -13,10 +13,10 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
import type * as zip from '@zip.js/zip.js';
// @ts-ignore // @ts-ignore
import * as zipImport from '@zip.js/zip.js/lib/zip-no-worker-inflate.js'; import * as zipImport from '@zip.js/zip.js/lib/zip-no-worker-inflate.js';
import type * as zip from '@zip.js/zip.js';
import type { TraceModelBackend } from './traceModel'; import type { TraceModelBackend } from './traceModel';
const zipjs = zipImport as typeof zip; const zipjs = zipImport as typeof zip;

3
packages/trace-viewer/src/ui/modelUtil.ts
View File

@ -14,13 +14,14 @@
* limitations under the License. * limitations under the License.
*/ */
import { kTopLevelAttachmentPrefix } from '@testIsomorphic/util';
import type { Language } from '@isomorphic/locatorGenerators'; import type { Language } from '@isomorphic/locatorGenerators';
import type { ResourceSnapshot } from '@trace/snapshot'; import type { ResourceSnapshot } from '@trace/snapshot';
import type * as trace from '@trace/trace'; import type * as trace from '@trace/trace';
import type { ActionTraceEvent } from '@trace/trace'; import type { ActionTraceEvent } from '@trace/trace';
import type { ActionEntry, ContextEntry, PageEntry } from '../types/entries'; import type { ActionEntry, ContextEntry, PageEntry } from '../types/entries';
import type { StackFrame } from '@protocol/channels'; import type { StackFrame } from '@protocol/channels';
import { kTopLevelAttachmentPrefix } from '@testIsomorphic/util';
const contextSymbol = Symbol('context'); const contextSymbol = Symbol('context');
const nextInContextSymbol = Symbol('next'); const nextInContextSymbol = Symbol('next');

4
packages/trace-viewer/vite.config.ts
View File

@ -14,10 +14,12 @@
* limitations under the License. * limitations under the License.
*/ */
import path from 'path';
import { defineConfig } from 'vite'; import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react'; import react from '@vitejs/plugin-react';
import { bundle } from './bundle'; import { bundle } from './bundle';
import path from 'path';
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({

4
packages/trace-viewer/vite.sw.config.ts
View File

@ -14,10 +14,12 @@
* limitations under the License. * limitations under the License.
*/ */
import path from 'path';
import { defineConfig } from 'vite'; import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react'; import react from '@vitejs/plugin-react';
import { bundle } from './bundle'; import { bundle } from './bundle';
import path from 'path';
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({

1
packages/web/playwright.config.ts
View File

@ -15,6 +15,7 @@
*/ */
import { devices, defineConfig } from '@playwright/experimental-ct-react'; import { devices, defineConfig } from '@playwright/experimental-ct-react';
import type { ReporterDescription } from '@playwright/test'; import type { ReporterDescription } from '@playwright/test';
const reporters = () => { const reporters = () => {

1
packages/web/src/theme.ts
View File

@ -15,6 +15,7 @@
*/ */
import React from 'react'; import React from 'react';
import { settings } from './uiUtils'; import { settings } from './uiUtils';
declare global { declare global {

3
packages/web/src/uiUtils.ts
View File

@ -14,9 +14,10 @@
limitations under the License. limitations under the License.
*/ */
import type { EffectCallback } from 'react';
import React from 'react'; import React from 'react';
import type { EffectCallback } from 'react';
// Recalculates the value when dependencies change. // Recalculates the value when dependencies change.
export function useAsyncMemo<T>(fn: () => Promise<T>, deps: React.DependencyList, initialValue: T, resetValue?: T) { export function useAsyncMemo<T>(fn: () => Promise<T>, deps: React.DependencyList, initialValue: T, resetValue?: T) {
const [value, setValue] = React.useState<T>(initialValue); const [value, setValue] = React.useState<T>(initialValue);

1
utils/doclint/linting-code-snippets/cli.js
View File

@ -160,7 +160,6 @@ class JSLintingService extends LintingService {
baseConfig, baseConfig,
plugins: /** @type {any}*/({ plugins: /** @type {any}*/({
'@stylistic': (await import('@stylistic/eslint-plugin')).default, '@stylistic': (await import('@stylistic/eslint-plugin')).default,
'notice': await import('eslint-plugin-notice'),
}), }),
ignore: false, ignore: false,
overrideConfig: { overrideConfig: {