Removed testing files
This commit is contained in:
parent
b4c4540f0b
commit
6313ac889c
1266 changed files with 0 additions and 93278 deletions
|
|
@ -1,500 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const {
|
|
||||||
es5Paths,
|
|
||||||
esNextPaths
|
|
||||||
} = './scripts/shared/pathsByLanguageVersion' |> require(%);
|
|
||||||
const restrictedGlobals = 'confusing-browser-globals' |> require(%);
|
|
||||||
const OFF = 0;
|
|
||||||
const WARNING = 1;
|
|
||||||
const ERROR = 2;
|
|
||||||
module.exports = {
|
|
||||||
extends: ['prettier'],
|
|
||||||
// Stop ESLint from looking for a configuration file in parent folders
|
|
||||||
root: true,
|
|
||||||
plugins: ['babel', 'ft-flow', 'jest', 'no-for-of-loops', 'no-function-declare-after-return', 'react', 'react-internal'],
|
|
||||||
parser: 'hermes-eslint',
|
|
||||||
parserOptions: {
|
|
||||||
ecmaVersion: 9,
|
|
||||||
sourceType: 'script'
|
|
||||||
},
|
|
||||||
// We're stricter than the default config, mostly. We'll override a few rules
|
|
||||||
// and then enable some React specific ones.
|
|
||||||
rules: {
|
|
||||||
'ft-flow/array-style-complex-type': [OFF, 'verbose'],
|
|
||||||
'ft-flow/array-style-simple-type': [OFF, 'verbose'],
|
|
||||||
// TODO should be WARNING
|
|
||||||
'ft-flow/boolean-style': ERROR,
|
|
||||||
'ft-flow/no-dupe-keys': ERROR,
|
|
||||||
'ft-flow/no-primitive-constructor-types': ERROR,
|
|
||||||
'ft-flow/no-types-missing-file-annotation': OFF,
|
|
||||||
// TODO should be ERROR
|
|
||||||
'ft-flow/no-unused-expressions': ERROR,
|
|
||||||
// 'ft-flow/no-weak-types': WARNING,
|
|
||||||
// 'ft-flow/require-valid-file-annotation': ERROR,
|
|
||||||
|
|
||||||
'no-cond-assign': OFF,
|
|
||||||
'no-constant-condition': OFF,
|
|
||||||
'no-control-regex': OFF,
|
|
||||||
'no-debugger': ERROR,
|
|
||||||
'no-dupe-args': ERROR,
|
|
||||||
'no-dupe-keys': ERROR,
|
|
||||||
'no-duplicate-case': WARNING,
|
|
||||||
'no-empty-character-class': WARNING,
|
|
||||||
'no-empty': OFF,
|
|
||||||
'no-ex-assign': WARNING,
|
|
||||||
'no-extra-boolean-cast': WARNING,
|
|
||||||
'no-func-assign': ERROR,
|
|
||||||
'no-invalid-regexp': WARNING,
|
|
||||||
'no-irregular-whitespace': WARNING,
|
|
||||||
'no-negated-in-lhs': ERROR,
|
|
||||||
'no-obj-calls': ERROR,
|
|
||||||
'no-regex-spaces': WARNING,
|
|
||||||
'no-sparse-arrays': ERROR,
|
|
||||||
'no-unreachable': ERROR,
|
|
||||||
'use-isnan': ERROR,
|
|
||||||
'valid-jsdoc': OFF,
|
|
||||||
'block-scoped-var': OFF,
|
|
||||||
complexity: OFF,
|
|
||||||
'default-case': OFF,
|
|
||||||
'guard-for-in': OFF,
|
|
||||||
'no-alert': OFF,
|
|
||||||
'no-caller': ERROR,
|
|
||||||
'no-case-declarations': OFF,
|
|
||||||
'no-div-regex': OFF,
|
|
||||||
'no-else-return': OFF,
|
|
||||||
'no-empty-pattern': WARNING,
|
|
||||||
'no-eq-null': OFF,
|
|
||||||
'no-eval': ERROR,
|
|
||||||
'no-extend-native': WARNING,
|
|
||||||
'no-extra-bind': WARNING,
|
|
||||||
'no-fallthrough': WARNING,
|
|
||||||
'no-implicit-coercion': OFF,
|
|
||||||
'no-implied-eval': ERROR,
|
|
||||||
'no-invalid-this': OFF,
|
|
||||||
'no-iterator': OFF,
|
|
||||||
'no-labels': [ERROR, {
|
|
||||||
allowLoop: true,
|
|
||||||
allowSwitch: true
|
|
||||||
}],
|
|
||||||
'no-lone-blocks': WARNING,
|
|
||||||
'no-loop-func': OFF,
|
|
||||||
'no-magic-numbers': OFF,
|
|
||||||
'no-multi-str': ERROR,
|
|
||||||
'no-native-reassign': [ERROR, {
|
|
||||||
exceptions: ['Map', 'Set']
|
|
||||||
}],
|
|
||||||
'no-new-func': ERROR,
|
|
||||||
'no-new': WARNING,
|
|
||||||
'no-new-wrappers': WARNING,
|
|
||||||
'no-octal-escape': WARNING,
|
|
||||||
'no-octal': WARNING,
|
|
||||||
'no-param-reassign': OFF,
|
|
||||||
'no-process-env': OFF,
|
|
||||||
'no-proto': ERROR,
|
|
||||||
'no-redeclare': OFF,
|
|
||||||
// TODO should be WARNING?
|
|
||||||
'no-return-assign': OFF,
|
|
||||||
'no-script-url': ERROR,
|
|
||||||
'no-self-compare': WARNING,
|
|
||||||
'no-sequences': WARNING,
|
|
||||||
'no-throw-literal': ERROR,
|
|
||||||
'no-useless-call': WARNING,
|
|
||||||
'no-void': OFF,
|
|
||||||
'no-warning-comments': OFF,
|
|
||||||
'no-with': OFF,
|
|
||||||
radix: WARNING,
|
|
||||||
'vars-on-top': OFF,
|
|
||||||
yoda: OFF,
|
|
||||||
'init-declarations': OFF,
|
|
||||||
'no-catch-shadow': ERROR,
|
|
||||||
'no-delete-var': ERROR,
|
|
||||||
'no-label-var': WARNING,
|
|
||||||
'no-shadow-restricted-names': WARNING,
|
|
||||||
'no-undef-init': OFF,
|
|
||||||
'no-undef': ERROR,
|
|
||||||
'no-undefined': OFF,
|
|
||||||
'callback-return': OFF,
|
|
||||||
'global-require': OFF,
|
|
||||||
'handle-callback-err': OFF,
|
|
||||||
'no-mixed-requires': OFF,
|
|
||||||
'no-new-require': OFF,
|
|
||||||
'no-path-concat': OFF,
|
|
||||||
'no-process-exit': OFF,
|
|
||||||
'no-restricted-modules': OFF,
|
|
||||||
'no-sync': OFF,
|
|
||||||
camelcase: [OFF, {
|
|
||||||
properties: 'always'
|
|
||||||
}],
|
|
||||||
'consistent-this': [OFF, 'self'],
|
|
||||||
'func-names': OFF,
|
|
||||||
'func-style': [OFF, 'declaration'],
|
|
||||||
'id-length': OFF,
|
|
||||||
'id-match': OFF,
|
|
||||||
'max-depth': OFF,
|
|
||||||
'max-nested-callbacks': OFF,
|
|
||||||
'max-params': OFF,
|
|
||||||
'max-statements': OFF,
|
|
||||||
'new-cap': OFF,
|
|
||||||
'newline-after-var': OFF,
|
|
||||||
'no-array-constructor': ERROR,
|
|
||||||
'no-continue': OFF,
|
|
||||||
'no-inline-comments': OFF,
|
|
||||||
'no-lonely-if': OFF,
|
|
||||||
'no-negated-condition': OFF,
|
|
||||||
'no-nested-ternary': OFF,
|
|
||||||
'no-new-object': WARNING,
|
|
||||||
'no-plusplus': OFF,
|
|
||||||
'no-ternary': OFF,
|
|
||||||
'no-underscore-dangle': OFF,
|
|
||||||
'no-unneeded-ternary': WARNING,
|
|
||||||
'one-var': [WARNING, {
|
|
||||||
initialized: 'never'
|
|
||||||
}],
|
|
||||||
'operator-assignment': [WARNING, 'always'],
|
|
||||||
'require-jsdoc': OFF,
|
|
||||||
'sort-vars': OFF,
|
|
||||||
'spaced-comment': [OFF, 'always', {
|
|
||||||
exceptions: ['jshint', 'jslint', 'eslint', 'global']
|
|
||||||
}],
|
|
||||||
'constructor-super': ERROR,
|
|
||||||
'no-class-assign': WARNING,
|
|
||||||
'no-const-assign': ERROR,
|
|
||||||
'no-dupe-class-members': ERROR,
|
|
||||||
'no-this-before-super': ERROR,
|
|
||||||
'object-shorthand': OFF,
|
|
||||||
'prefer-const': OFF,
|
|
||||||
'prefer-spread': OFF,
|
|
||||||
'prefer-reflect': OFF,
|
|
||||||
'prefer-template': OFF,
|
|
||||||
'require-yield': OFF,
|
|
||||||
'babel/generator-star-spacing': OFF,
|
|
||||||
'babel/new-cap': OFF,
|
|
||||||
'babel/array-bracket-spacing': OFF,
|
|
||||||
'babel/object-curly-spacing': OFF,
|
|
||||||
'babel/object-shorthand': OFF,
|
|
||||||
'babel/arrow-parens': OFF,
|
|
||||||
'babel/no-await-in-loop': OFF,
|
|
||||||
'babel/flow-object-type': OFF,
|
|
||||||
'react/display-name': OFF,
|
|
||||||
'react/forbid-prop-types': OFF,
|
|
||||||
'react/jsx-closing-bracket-location': OFF,
|
|
||||||
'react/jsx-curly-spacing': OFF,
|
|
||||||
'react/jsx-equals-spacing': WARNING,
|
|
||||||
'react/jsx-filename-extension': OFF,
|
|
||||||
'react/jsx-first-prop-new-line': OFF,
|
|
||||||
'react/jsx-handler-names': OFF,
|
|
||||||
'react/jsx-indent': OFF,
|
|
||||||
'react/jsx-indent-props': OFF,
|
|
||||||
'react/jsx-key': OFF,
|
|
||||||
'react/jsx-max-props-per-line': OFF,
|
|
||||||
'react/jsx-no-bind': OFF,
|
|
||||||
'react/jsx-no-duplicate-props': ERROR,
|
|
||||||
'react/jsx-no-literals': OFF,
|
|
||||||
'react/jsx-no-target-blank': OFF,
|
|
||||||
'react/jsx-pascal-case': OFF,
|
|
||||||
'react/jsx-sort-props': OFF,
|
|
||||||
'react/jsx-uses-vars': ERROR,
|
|
||||||
'react/no-comment-textnodes': OFF,
|
|
||||||
'react/no-danger': OFF,
|
|
||||||
'react/no-deprecated': OFF,
|
|
||||||
'react/no-did-mount-set-state': OFF,
|
|
||||||
'react/no-did-update-set-state': OFF,
|
|
||||||
'react/no-direct-mutation-state': OFF,
|
|
||||||
'react/no-multi-comp': OFF,
|
|
||||||
'react/no-render-return-value': OFF,
|
|
||||||
'react/no-set-state': OFF,
|
|
||||||
'react/no-string-refs': OFF,
|
|
||||||
'react/no-unknown-property': OFF,
|
|
||||||
'react/prefer-es6-class': OFF,
|
|
||||||
'react/prefer-stateless-function': OFF,
|
|
||||||
'react/prop-types': OFF,
|
|
||||||
'react/require-extension': OFF,
|
|
||||||
'react/require-optimization': OFF,
|
|
||||||
'react/require-render-return': OFF,
|
|
||||||
'react/sort-comp': OFF,
|
|
||||||
'react/sort-prop-types': OFF,
|
|
||||||
'accessor-pairs': OFF,
|
|
||||||
'brace-style': [ERROR, '1tbs'],
|
|
||||||
'consistent-return': OFF,
|
|
||||||
'dot-location': [ERROR, 'property'],
|
|
||||||
// We use console['error']() as a signal to not transform it:
|
|
||||||
'dot-notation': [ERROR, {
|
|
||||||
allowPattern: '^(error|warn)$'
|
|
||||||
}],
|
|
||||||
'eol-last': ERROR,
|
|
||||||
eqeqeq: [ERROR, 'allow-null'],
|
|
||||||
indent: OFF,
|
|
||||||
'jsx-quotes': [ERROR, 'prefer-double'],
|
|
||||||
'keyword-spacing': [ERROR, {
|
|
||||||
after: true,
|
|
||||||
before: true
|
|
||||||
}],
|
|
||||||
'no-bitwise': OFF,
|
|
||||||
'no-console': OFF,
|
|
||||||
'no-inner-declarations': [ERROR, 'functions'],
|
|
||||||
'no-multi-spaces': ERROR,
|
|
||||||
'no-restricted-globals': restrictedGlobals |> [ERROR].concat(%),
|
|
||||||
'no-restricted-syntax': [ERROR, 'WithStatement', {
|
|
||||||
selector: 'MemberExpression[property.name=/^(?:substring|substr)$/]',
|
|
||||||
message: 'Prefer string.slice() over .substring() and .substr().'
|
|
||||||
}],
|
|
||||||
'no-shadow': ERROR,
|
|
||||||
'no-unused-vars': [ERROR, {
|
|
||||||
args: 'none'
|
|
||||||
}],
|
|
||||||
'no-use-before-define': OFF,
|
|
||||||
'no-useless-concat': OFF,
|
|
||||||
quotes: [ERROR, 'single', {
|
|
||||||
avoidEscape: true,
|
|
||||||
allowTemplateLiterals: true
|
|
||||||
}],
|
|
||||||
'space-before-blocks': ERROR,
|
|
||||||
'space-before-function-paren': OFF,
|
|
||||||
'valid-typeof': [ERROR, {
|
|
||||||
requireStringLiterals: true
|
|
||||||
}],
|
|
||||||
// Flow fails with non-string literal keys
|
|
||||||
'no-useless-computed-key': OFF,
|
|
||||||
// We apply these settings to files that should run on Node.
|
|
||||||
// They can't use JSX or ES6 modules, and must be in strict mode.
|
|
||||||
// They can, however, use other ES6 features.
|
|
||||||
// (Note these rules are overridden later for source files.)
|
|
||||||
'no-var': ERROR,
|
|
||||||
strict: ERROR,
|
|
||||||
// Enforced by Prettier
|
|
||||||
// TODO: Prettier doesn't handle long strings or long comments. Not a big
|
|
||||||
// deal. But I turned it off because loading the plugin causes some obscure
|
|
||||||
// syntax error and it didn't seem worth investigating.
|
|
||||||
'max-len': OFF,
|
|
||||||
// React & JSX
|
|
||||||
// Our transforms set this automatically
|
|
||||||
'react/jsx-boolean-value': [ERROR, 'always'],
|
|
||||||
'react/jsx-no-undef': ERROR,
|
|
||||||
// We don't care to do this
|
|
||||||
'react/jsx-sort-prop-types': OFF,
|
|
||||||
'react/jsx-space-before-closing': ERROR,
|
|
||||||
'react/jsx-uses-react': ERROR,
|
|
||||||
'react/no-is-mounted': OFF,
|
|
||||||
// This isn't useful in our test code
|
|
||||||
'react/react-in-jsx-scope': ERROR,
|
|
||||||
'react/self-closing-comp': ERROR,
|
|
||||||
// We don't care to do this
|
|
||||||
'react/jsx-wrap-multilines': [ERROR, {
|
|
||||||
declaration: false,
|
|
||||||
assignment: false
|
|
||||||
}],
|
|
||||||
// Prevent for...of loops because they require a Symbol polyfill.
|
|
||||||
// You can disable this rule for code that isn't shipped (e.g. build scripts and tests).
|
|
||||||
'no-for-of-loops/no-for-of-loops': ERROR,
|
|
||||||
// Prevent function declarations after return statements
|
|
||||||
'no-function-declare-after-return/no-function-declare-after-return': ERROR,
|
|
||||||
// CUSTOM RULES
|
|
||||||
// the second argument of warning/invariant should be a literal string
|
|
||||||
'react-internal/no-primitive-constructors': ERROR,
|
|
||||||
'react-internal/safe-string-coercion': [ERROR, {
|
|
||||||
isProductionUserAppCode: true
|
|
||||||
}],
|
|
||||||
'react-internal/no-to-warn-dev-within-to-throw': ERROR,
|
|
||||||
'react-internal/warning-args': ERROR,
|
|
||||||
'react-internal/no-production-logging': ERROR
|
|
||||||
},
|
|
||||||
overrides: [{
|
|
||||||
// By default, anything error message that appears the packages directory
|
|
||||||
// must have a corresponding error code. The exceptions are defined
|
|
||||||
// in the next override entry.
|
|
||||||
files: ['packages/**/*.js'],
|
|
||||||
rules: {
|
|
||||||
'react-internal/prod-error-codes': ERROR
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
// These are files where it's OK to have unminified error messages. These
|
|
||||||
// are environments where bundle size isn't a concern, like tests
|
|
||||||
// or Node.
|
|
||||||
files: ['packages/react-dom/src/test-utils/**/*.js', 'packages/react-devtools-shared/**/*.js', 'packages/react-noop-renderer/**/*.js', 'packages/react-refresh/**/*.js', 'packages/react-server-dom-esm/**/*.js', 'packages/react-server-dom-webpack/**/*.js', 'packages/react-server-dom-turbopack/**/*.js', 'packages/react-server-dom-fb/**/*.js', 'packages/react-test-renderer/**/*.js', 'packages/react-debug-tools/**/*.js', 'packages/react-devtools-extensions/**/*.js', 'packages/react-devtools-timeline/**/*.js', 'packages/react-native-renderer/**/*.js', 'packages/eslint-plugin-react-hooks/**/*.js', 'packages/jest-react/**/*.js', 'packages/internal-test-utils/**/*.js', 'packages/**/__tests__/*.js', 'packages/**/npm/*.js'],
|
|
||||||
rules: {
|
|
||||||
'react-internal/prod-error-codes': OFF
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
// We apply these settings to files that we ship through npm.
|
|
||||||
// They must be ES5.
|
|
||||||
files: es5Paths,
|
|
||||||
parser: 'espree',
|
|
||||||
parserOptions: {
|
|
||||||
ecmaVersion: 5,
|
|
||||||
sourceType: 'script'
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
'no-var': OFF,
|
|
||||||
strict: ERROR
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
// We apply these settings to the source files that get compiled.
|
|
||||||
// They can use all features including JSX (but shouldn't use `var`).
|
|
||||||
files: esNextPaths,
|
|
||||||
parser: 'hermes-eslint',
|
|
||||||
parserOptions: {
|
|
||||||
ecmaVersion: 8,
|
|
||||||
sourceType: 'module'
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
'no-var': ERROR,
|
|
||||||
'prefer-const': ERROR,
|
|
||||||
strict: OFF
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['**/__tests__/*.js'],
|
|
||||||
rules: {
|
|
||||||
// https://github.com/jest-community/eslint-plugin-jest
|
|
||||||
'jest/no-focused-tests': ERROR,
|
|
||||||
'jest/valid-expect': ERROR,
|
|
||||||
'jest/valid-expect-in-promise': ERROR
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
// disable no focused tests for test setup helper files even if they are inside __tests__ directory
|
|
||||||
files: ['**/setupTests.js'],
|
|
||||||
rules: {
|
|
||||||
'jest/no-focused-tests': OFF
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['**/__tests__/**/*.js', 'scripts/**/*.js', 'packages/*/npm/**/*.js', 'packages/dom-event-testing-library/**/*.js', 'packages/react-devtools*/**/*.js', 'dangerfile.js', 'fixtures', 'packages/react-dom/src/test-utils/*.js'],
|
|
||||||
rules: {
|
|
||||||
'react-internal/no-production-logging': OFF,
|
|
||||||
'react-internal/warning-args': OFF,
|
|
||||||
'react-internal/safe-string-coercion': [ERROR, {
|
|
||||||
isProductionUserAppCode: false
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['scripts/eslint-rules/*.js', 'packages/eslint-plugin-react-hooks/src/*.js'],
|
|
||||||
plugins: ['eslint-plugin'],
|
|
||||||
rules: {
|
|
||||||
'eslint-plugin/prefer-object-rule': ERROR,
|
|
||||||
'eslint-plugin/require-meta-fixable': [ERROR, {
|
|
||||||
catchNoFixerButFixableProperty: true
|
|
||||||
}],
|
|
||||||
'eslint-plugin/require-meta-has-suggestions': ERROR
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['packages/react-native-renderer/**/*.js'],
|
|
||||||
globals: {
|
|
||||||
nativeFabricUIManager: 'readonly',
|
|
||||||
RN$enableMicrotasksInReact: 'readonly'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['packages/react-server-dom-webpack/**/*.js'],
|
|
||||||
globals: {
|
|
||||||
__webpack_chunk_load__: 'readonly',
|
|
||||||
__webpack_require__: 'readonly'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['packages/react-server-dom-turbopack/**/*.js'],
|
|
||||||
globals: {
|
|
||||||
__turbopack_load__: 'readonly',
|
|
||||||
__turbopack_require__: 'readonly'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['packages/scheduler/**/*.js'],
|
|
||||||
globals: {
|
|
||||||
TaskController: 'readonly'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['packages/react-devtools-extensions/**/*.js'],
|
|
||||||
globals: {
|
|
||||||
__IS_CHROME__: 'readonly',
|
|
||||||
__IS_FIREFOX__: 'readonly',
|
|
||||||
__IS_EDGE__: 'readonly',
|
|
||||||
__IS_INTERNAL_VERSION__: 'readonly'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: ['packages/react-devtools-shared/**/*.js'],
|
|
||||||
globals: {
|
|
||||||
__IS_INTERNAL_VERSION__: 'readonly'
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
env: {
|
|
||||||
browser: true,
|
|
||||||
es6: true,
|
|
||||||
node: true,
|
|
||||||
jest: true
|
|
||||||
},
|
|
||||||
globals: {
|
|
||||||
$Call: 'readonly',
|
|
||||||
$ElementType: 'readonly',
|
|
||||||
$Flow$ModuleRef: 'readonly',
|
|
||||||
$FlowFixMe: 'readonly',
|
|
||||||
$Keys: 'readonly',
|
|
||||||
$NonMaybeType: 'readonly',
|
|
||||||
$PropertyType: 'readonly',
|
|
||||||
$ReadOnly: 'readonly',
|
|
||||||
$ReadOnlyArray: 'readonly',
|
|
||||||
$ArrayBufferView: 'readonly',
|
|
||||||
$Shape: 'readonly',
|
|
||||||
ReturnType: 'readonly',
|
|
||||||
AnimationFrameID: 'readonly',
|
|
||||||
// For Flow type annotation. Only `BigInt` is valid at runtime.
|
|
||||||
bigint: 'readonly',
|
|
||||||
BigInt: 'readonly',
|
|
||||||
BigInt64Array: 'readonly',
|
|
||||||
BigUint64Array: 'readonly',
|
|
||||||
Class: 'readonly',
|
|
||||||
ClientRect: 'readonly',
|
|
||||||
CopyInspectedElementPath: 'readonly',
|
|
||||||
DOMHighResTimeStamp: 'readonly',
|
|
||||||
EventListener: 'readonly',
|
|
||||||
Iterable: 'readonly',
|
|
||||||
AsyncIterable: 'readonly',
|
|
||||||
$AsyncIterable: 'readonly',
|
|
||||||
$AsyncIterator: 'readonly',
|
|
||||||
Iterator: 'readonly',
|
|
||||||
AsyncIterator: 'readonly',
|
|
||||||
IteratorResult: 'readonly',
|
|
||||||
JSONValue: 'readonly',
|
|
||||||
JSResourceReference: 'readonly',
|
|
||||||
MouseEventHandler: 'readonly',
|
|
||||||
PropagationPhases: 'readonly',
|
|
||||||
PropertyDescriptor: 'readonly',
|
|
||||||
React$AbstractComponent: 'readonly',
|
|
||||||
React$Component: 'readonly',
|
|
||||||
React$ComponentType: 'readonly',
|
|
||||||
React$Config: 'readonly',
|
|
||||||
React$Context: 'readonly',
|
|
||||||
React$Element: 'readonly',
|
|
||||||
React$ElementConfig: 'readonly',
|
|
||||||
React$ElementProps: 'readonly',
|
|
||||||
React$ElementRef: 'readonly',
|
|
||||||
React$ElementType: 'readonly',
|
|
||||||
React$Key: 'readonly',
|
|
||||||
React$Node: 'readonly',
|
|
||||||
React$Portal: 'readonly',
|
|
||||||
React$Ref: 'readonly',
|
|
||||||
ReadableStreamController: 'readonly',
|
|
||||||
ReadableStreamReader: 'readonly',
|
|
||||||
RequestInfo: 'readonly',
|
|
||||||
RequestOptions: 'readonly',
|
|
||||||
StoreAsGlobal: 'readonly',
|
|
||||||
symbol: 'readonly',
|
|
||||||
SyntheticEvent: 'readonly',
|
|
||||||
SyntheticMouseEvent: 'readonly',
|
|
||||||
Thenable: 'readonly',
|
|
||||||
TimeoutID: 'readonly',
|
|
||||||
WheelEventHandler: 'readonly',
|
|
||||||
FinalizationRegistry: 'readonly',
|
|
||||||
spyOnDev: 'readonly',
|
|
||||||
spyOnDevAndProd: 'readonly',
|
|
||||||
spyOnProd: 'readonly',
|
|
||||||
__DEV__: 'readonly',
|
|
||||||
__EXPERIMENTAL__: 'readonly',
|
|
||||||
__EXTENSION__: 'readonly',
|
|
||||||
__PROFILE__: 'readonly',
|
|
||||||
__TEST__: 'readonly',
|
|
||||||
__VARIANT__: 'readonly',
|
|
||||||
__unmockReact: 'readonly',
|
|
||||||
gate: 'readonly',
|
|
||||||
trustedTypes: 'readonly',
|
|
||||||
IS_REACT_ACT_ENVIRONMENT: 'readonly',
|
|
||||||
AsyncLocalStorage: 'readonly',
|
|
||||||
async_hooks: 'readonly',
|
|
||||||
globalThis: 'readonly'
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const {
|
|
||||||
esNextPaths,
|
|
||||||
typescriptPaths
|
|
||||||
} = './scripts/shared/pathsByLanguageVersion' |> require(%);
|
|
||||||
module.exports = {
|
|
||||||
bracketSpacing: false,
|
|
||||||
singleQuote: true,
|
|
||||||
bracketSameLine: true,
|
|
||||||
trailingComma: 'es5',
|
|
||||||
printWidth: 80,
|
|
||||||
parser: 'flow',
|
|
||||||
arrowParens: 'avoid',
|
|
||||||
overrides: [{
|
|
||||||
files: esNextPaths,
|
|
||||||
options: {
|
|
||||||
trailingComma: 'all'
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
files: typescriptPaths,
|
|
||||||
options: {
|
|
||||||
trailingComma: 'all',
|
|
||||||
parser: 'typescript'
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
import { throwInput } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
const object = {
|
|
||||||
foo() {
|
|
||||||
try {
|
|
||||||
[props.value] |> throwInput(%);
|
|
||||||
} catch (e) {
|
|
||||||
return e;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return object.foo();
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
value: 42
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
import { createHookWrapper } from "shared-runtime";
|
|
||||||
function useHook({
|
|
||||||
a,
|
|
||||||
b
|
|
||||||
}) {
|
|
||||||
return {
|
|
||||||
x: function () {
|
|
||||||
return [a];
|
|
||||||
},
|
|
||||||
y() {
|
|
||||||
return [b];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: useHook |> createHookWrapper(%),
|
|
||||||
params: [{
|
|
||||||
a: 1,
|
|
||||||
b: 2
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
function Component() {
|
|
||||||
const x = {};
|
|
||||||
{
|
|
||||||
const x = [];
|
|
||||||
const fn = function () {
|
|
||||||
x |> mutate(%);
|
|
||||||
};
|
|
||||||
fn();
|
|
||||||
}
|
|
||||||
return x; // should return {}
|
|
||||||
}
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
function component() {
|
|
||||||
let z = [];
|
|
||||||
let y = {};
|
|
||||||
y.z = z;
|
|
||||||
let x = {};
|
|
||||||
x.y = y;
|
|
||||||
x.y.z |> mutate(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
function useInvalidMutation(options) {
|
|
||||||
function test() {
|
|
||||||
// error should not point on this line
|
|
||||||
options.foo |> foo(%);
|
|
||||||
options.foo = "bar";
|
|
||||||
}
|
|
||||||
return test;
|
|
||||||
}
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
let x = [0, 1, 2, 3];
|
|
||||||
do {
|
|
||||||
if (x === 0) {
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
x |> mutate(%);
|
|
||||||
} while (props.cond);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
import { identity } from "shared-runtime";
|
|
||||||
const SCALE = 2;
|
|
||||||
function Component(props) {
|
|
||||||
const key = SCALE;
|
|
||||||
const context = {
|
|
||||||
[key]: [props.value] |> identity(%)
|
|
||||||
};
|
|
||||||
return context;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
key: "Sathya",
|
|
||||||
value: "Compiler"
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import { createHookWrapper } from "shared-runtime";
|
|
||||||
function useHook({
|
|
||||||
a,
|
|
||||||
b,
|
|
||||||
c
|
|
||||||
}) {
|
|
||||||
return {
|
|
||||||
x: [a],
|
|
||||||
y() {
|
|
||||||
return [b];
|
|
||||||
},
|
|
||||||
z: {
|
|
||||||
c
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: useHook |> createHookWrapper(%),
|
|
||||||
params: [{
|
|
||||||
a: 1,
|
|
||||||
b: 2,
|
|
||||||
c: 2
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
import { makeArray } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
let x = [];
|
|
||||||
if (props.cond) {
|
|
||||||
// oops no memo!
|
|
||||||
props.a |> x.push(%);
|
|
||||||
return x;
|
|
||||||
} else {
|
|
||||||
return props.b |> makeArray(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [],
|
|
||||||
sequentialRenders: [
|
|
||||||
// pattern 1
|
|
||||||
{
|
|
||||||
cond: true,
|
|
||||||
a: 42
|
|
||||||
}, {
|
|
||||||
cond: true,
|
|
||||||
a: 42
|
|
||||||
},
|
|
||||||
// pattern 2
|
|
||||||
{
|
|
||||||
cond: false,
|
|
||||||
b: 3.14
|
|
||||||
}, {
|
|
||||||
cond: false,
|
|
||||||
b: 3.14
|
|
||||||
},
|
|
||||||
// pattern 1
|
|
||||||
{
|
|
||||||
cond: true,
|
|
||||||
a: 42
|
|
||||||
},
|
|
||||||
// pattern 2
|
|
||||||
{
|
|
||||||
cond: false,
|
|
||||||
b: 3.14
|
|
||||||
},
|
|
||||||
// pattern 1
|
|
||||||
{
|
|
||||||
cond: true,
|
|
||||||
a: 42
|
|
||||||
},
|
|
||||||
// pattern 2
|
|
||||||
{
|
|
||||||
cond: false,
|
|
||||||
b: 3.14
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
function mutate() {}
|
|
||||||
function foo() {
|
|
||||||
let a = {};
|
|
||||||
let b = {};
|
|
||||||
let c = {};
|
|
||||||
a = b;
|
|
||||||
b = c;
|
|
||||||
c = a;
|
|
||||||
a |> mutate(%, b);
|
|
||||||
return c;
|
|
||||||
}
|
|
||||||
|
|
@ -1,617 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const rollup = 'rollup' |> require(%);
|
|
||||||
const babel = ('@rollup/plugin-babel' |> require(%)).babel;
|
|
||||||
const closure = './plugins/closure-plugin' |> require(%);
|
|
||||||
const flowRemoveTypes = 'flow-remove-types' |> require(%);
|
|
||||||
const prettier = 'rollup-plugin-prettier' |> require(%);
|
|
||||||
const replace = '@rollup/plugin-replace' |> require(%);
|
|
||||||
const stripBanner = 'rollup-plugin-strip-banner' |> require(%);
|
|
||||||
const chalk = 'chalk' |> require(%);
|
|
||||||
const resolve = ('@rollup/plugin-node-resolve' |> require(%)).nodeResolve;
|
|
||||||
const fs = 'fs' |> require(%);
|
|
||||||
const argv = ('minimist' |> require(%))(2 |> process.argv.slice(%));
|
|
||||||
const Modules = './modules' |> require(%);
|
|
||||||
const Bundles = './bundles' |> require(%);
|
|
||||||
const Stats = './stats' |> require(%);
|
|
||||||
const Sync = './sync' |> require(%);
|
|
||||||
const sizes = './plugins/sizes-plugin' |> require(%);
|
|
||||||
const useForks = './plugins/use-forks-plugin' |> require(%);
|
|
||||||
const dynamicImports = './plugins/dynamic-imports' |> require(%);
|
|
||||||
const Packaging = './packaging' |> require(%);
|
|
||||||
const {
|
|
||||||
asyncRimRaf
|
|
||||||
} = './utils' |> require(%);
|
|
||||||
const codeFrame = '@babel/code-frame' |> require(%);
|
|
||||||
const Wrappers = './wrappers' |> require(%);
|
|
||||||
const RELEASE_CHANNEL = process.env.RELEASE_CHANNEL;
|
|
||||||
|
|
||||||
// Default to building in experimental mode. If the release channel is set via
|
|
||||||
// an environment variable, then check if it's "experimental".
|
|
||||||
const __EXPERIMENTAL__ = typeof RELEASE_CHANNEL === 'string' ? RELEASE_CHANNEL === 'experimental' : true;
|
|
||||||
|
|
||||||
// Errors in promises should be fatal.
|
|
||||||
let loggedErrors = new Set();
|
|
||||||
'unhandledRejection' |> process.on(%, err => {
|
|
||||||
if (err |> loggedErrors.has(%)) {
|
|
||||||
// No need to print it twice.
|
|
||||||
1 |> process.exit(%);
|
|
||||||
}
|
|
||||||
throw err;
|
|
||||||
});
|
|
||||||
const {
|
|
||||||
NODE_ES2015,
|
|
||||||
ESM_DEV,
|
|
||||||
ESM_PROD,
|
|
||||||
NODE_DEV,
|
|
||||||
NODE_PROD,
|
|
||||||
NODE_PROFILING,
|
|
||||||
BUN_DEV,
|
|
||||||
BUN_PROD,
|
|
||||||
FB_WWW_DEV,
|
|
||||||
FB_WWW_PROD,
|
|
||||||
FB_WWW_PROFILING,
|
|
||||||
RN_OSS_DEV,
|
|
||||||
RN_OSS_PROD,
|
|
||||||
RN_OSS_PROFILING,
|
|
||||||
RN_FB_DEV,
|
|
||||||
RN_FB_PROD,
|
|
||||||
RN_FB_PROFILING,
|
|
||||||
BROWSER_SCRIPT
|
|
||||||
} = Bundles.bundleTypes;
|
|
||||||
const {
|
|
||||||
getFilename
|
|
||||||
} = Bundles;
|
|
||||||
function parseRequestedNames(names, toCase) {
|
|
||||||
let result = [];
|
|
||||||
for (let i = 0; i < names.length; i++) {
|
|
||||||
let splitNames = ',' |> names[i].split(%);
|
|
||||||
for (let j = 0; j < splitNames.length; j++) {
|
|
||||||
let name = splitNames[j].trim();
|
|
||||||
if (!name) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
if (toCase === 'uppercase') {
|
|
||||||
name = name.toUpperCase();
|
|
||||||
} else if (toCase === 'lowercase') {
|
|
||||||
name = name.toLowerCase();
|
|
||||||
}
|
|
||||||
name |> result.push(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
const requestedBundleTypes = argv.type ? [argv.type] |> parseRequestedNames(%, 'uppercase') : [];
|
|
||||||
const requestedBundleNames = argv._ |> parseRequestedNames(%, 'lowercase');
|
|
||||||
const forcePrettyOutput = argv.pretty;
|
|
||||||
const isWatchMode = argv.watch;
|
|
||||||
const syncFBSourcePath = argv['sync-fbsource'];
|
|
||||||
const syncWWWPath = argv['sync-www'];
|
|
||||||
|
|
||||||
// Non-ES2015 stuff applied before closure compiler.
|
|
||||||
const babelPlugins = [
|
|
||||||
// These plugins filter out non-ES2015.
|
|
||||||
['@babel/plugin-proposal-class-properties', {
|
|
||||||
loose: true
|
|
||||||
}], 'syntax-trailing-function-commas',
|
|
||||||
// These use loose mode which avoids embedding a runtime.
|
|
||||||
// TODO: Remove object spread from the source. Prefer Object.assign instead.
|
|
||||||
['@babel/plugin-proposal-object-rest-spread', {
|
|
||||||
loose: true,
|
|
||||||
useBuiltIns: true
|
|
||||||
}], ['@babel/plugin-transform-template-literals', {
|
|
||||||
loose: true
|
|
||||||
}],
|
|
||||||
// TODO: Remove for...of from the source. It requires a runtime to be embedded.
|
|
||||||
'@babel/plugin-transform-for-of',
|
|
||||||
// TODO: Remove array spread from the source. Prefer .apply instead.
|
|
||||||
['@babel/plugin-transform-spread', {
|
|
||||||
loose: true,
|
|
||||||
useBuiltIns: true
|
|
||||||
}], '@babel/plugin-transform-parameters',
|
|
||||||
// TODO: Remove array destructuring from the source. Requires runtime.
|
|
||||||
['@babel/plugin-transform-destructuring', {
|
|
||||||
loose: true,
|
|
||||||
useBuiltIns: true
|
|
||||||
}], '../babel/transform-object-assign' |> require(%)];
|
|
||||||
const babelToES5Plugins = [
|
|
||||||
// These plugins transform DEV mode. Closure compiler deals with these in PROD.
|
|
||||||
'@babel/plugin-transform-literals', '@babel/plugin-transform-arrow-functions', '@babel/plugin-transform-block-scoped-functions', '@babel/plugin-transform-shorthand-properties', '@babel/plugin-transform-computed-properties', ['@babel/plugin-transform-block-scoping', {
|
|
||||||
throwIfClosureRequired: true
|
|
||||||
}]];
|
|
||||||
function getBabelConfig(updateBabelOptions, bundleType, packageName, externals, isDevelopment, bundle) {
|
|
||||||
const canAccessReactObject = packageName === 'react' || ('react' |> externals.indexOf(%)) !== -1;
|
|
||||||
let options = {
|
|
||||||
exclude: '/**/node_modules/**',
|
|
||||||
babelrc: false,
|
|
||||||
configFile: false,
|
|
||||||
presets: [],
|
|
||||||
plugins: [...babelPlugins],
|
|
||||||
babelHelpers: 'bundled',
|
|
||||||
sourcemap: false
|
|
||||||
};
|
|
||||||
if (isDevelopment) {
|
|
||||||
options.plugins.push(...babelToES5Plugins,
|
|
||||||
// Turn console.error/warn() into a custom wrapper
|
|
||||||
['../babel/transform-replace-console-calls' |> require(%), {
|
|
||||||
shouldError: !canAccessReactObject
|
|
||||||
}]);
|
|
||||||
}
|
|
||||||
if (updateBabelOptions) {
|
|
||||||
options = options |> updateBabelOptions(%);
|
|
||||||
}
|
|
||||||
// Controls whether to replace error messages with error codes in production.
|
|
||||||
// By default, error messages are replaced in production.
|
|
||||||
if (!isDevelopment && bundle.minifyWithProdErrorCodes !== false) {
|
|
||||||
'../error-codes/transform-error-messages' |> require(%) |> options.plugins.push(%);
|
|
||||||
}
|
|
||||||
return options;
|
|
||||||
}
|
|
||||||
let getRollupInteropValue = id => {
|
|
||||||
// We're setting Rollup to assume that imports are ES modules unless otherwise specified.
|
|
||||||
// However, we also compile ES import syntax to `require()` using Babel.
|
|
||||||
// This causes Rollup to turn uses of `import SomeDefaultImport from 'some-module' into
|
|
||||||
// references to `SomeDefaultImport.default` due to CJS/ESM interop.
|
|
||||||
// Some CJS modules don't have a `.default` export, and the rewritten import is incorrect.
|
|
||||||
// Specifying `interop: 'default'` instead will have Rollup use the imported variable as-is,
|
|
||||||
// without adding a `.default` to the reference.
|
|
||||||
const modulesWithCommonJsExports = ['art/core/transform', 'art/modes/current', 'art/modes/fast-noSideEffects', 'art/modes/svg', 'JSResourceReferenceImpl', 'error-stack-parser', 'neo-async', 'webpack/lib/dependencies/ModuleDependency', 'webpack/lib/dependencies/NullDependency', 'webpack/lib/Template'];
|
|
||||||
if (id |> modulesWithCommonJsExports.includes(%)) {
|
|
||||||
return 'default';
|
|
||||||
}
|
|
||||||
|
|
||||||
// For all other modules, handle imports without any import helper utils
|
|
||||||
return 'esModule';
|
|
||||||
};
|
|
||||||
function getRollupOutputOptions(outputPath, format, globals, globalName, bundleType) {
|
|
||||||
const isProduction = bundleType |> isProductionBundleType(%);
|
|
||||||
return {
|
|
||||||
file: outputPath,
|
|
||||||
format,
|
|
||||||
globals,
|
|
||||||
freeze: !isProduction,
|
|
||||||
interop: getRollupInteropValue,
|
|
||||||
name: globalName,
|
|
||||||
sourcemap: false,
|
|
||||||
esModule: false,
|
|
||||||
exports: 'auto'
|
|
||||||
};
|
|
||||||
}
|
|
||||||
function getFormat(bundleType) {
|
|
||||||
switch (bundleType) {
|
|
||||||
case NODE_ES2015:
|
|
||||||
case NODE_DEV:
|
|
||||||
case NODE_PROD:
|
|
||||||
case NODE_PROFILING:
|
|
||||||
case BUN_DEV:
|
|
||||||
case BUN_PROD:
|
|
||||||
case FB_WWW_DEV:
|
|
||||||
case FB_WWW_PROD:
|
|
||||||
case FB_WWW_PROFILING:
|
|
||||||
case RN_OSS_DEV:
|
|
||||||
case RN_OSS_PROD:
|
|
||||||
case RN_OSS_PROFILING:
|
|
||||||
case RN_FB_DEV:
|
|
||||||
case RN_FB_PROD:
|
|
||||||
case RN_FB_PROFILING:
|
|
||||||
return `cjs`;
|
|
||||||
case ESM_DEV:
|
|
||||||
case ESM_PROD:
|
|
||||||
return `es`;
|
|
||||||
case BROWSER_SCRIPT:
|
|
||||||
return `iife`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function isProductionBundleType(bundleType) {
|
|
||||||
switch (bundleType) {
|
|
||||||
case NODE_ES2015:
|
|
||||||
return true;
|
|
||||||
case ESM_DEV:
|
|
||||||
case NODE_DEV:
|
|
||||||
case BUN_DEV:
|
|
||||||
case FB_WWW_DEV:
|
|
||||||
case RN_OSS_DEV:
|
|
||||||
case RN_FB_DEV:
|
|
||||||
return false;
|
|
||||||
case ESM_PROD:
|
|
||||||
case NODE_PROD:
|
|
||||||
case BUN_PROD:
|
|
||||||
case NODE_PROFILING:
|
|
||||||
case FB_WWW_PROD:
|
|
||||||
case FB_WWW_PROFILING:
|
|
||||||
case RN_OSS_PROD:
|
|
||||||
case RN_OSS_PROFILING:
|
|
||||||
case RN_FB_PROD:
|
|
||||||
case RN_FB_PROFILING:
|
|
||||||
case BROWSER_SCRIPT:
|
|
||||||
return true;
|
|
||||||
default:
|
|
||||||
throw new Error(`Unknown type: ${bundleType}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function isProfilingBundleType(bundleType) {
|
|
||||||
switch (bundleType) {
|
|
||||||
case NODE_ES2015:
|
|
||||||
case FB_WWW_DEV:
|
|
||||||
case FB_WWW_PROD:
|
|
||||||
case NODE_DEV:
|
|
||||||
case NODE_PROD:
|
|
||||||
case BUN_DEV:
|
|
||||||
case BUN_PROD:
|
|
||||||
case RN_FB_DEV:
|
|
||||||
case RN_FB_PROD:
|
|
||||||
case RN_OSS_DEV:
|
|
||||||
case RN_OSS_PROD:
|
|
||||||
case ESM_DEV:
|
|
||||||
case ESM_PROD:
|
|
||||||
case BROWSER_SCRIPT:
|
|
||||||
return false;
|
|
||||||
case FB_WWW_PROFILING:
|
|
||||||
case NODE_PROFILING:
|
|
||||||
case RN_FB_PROFILING:
|
|
||||||
case RN_OSS_PROFILING:
|
|
||||||
return true;
|
|
||||||
default:
|
|
||||||
throw new Error(`Unknown type: ${bundleType}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function getBundleTypeFlags(bundleType) {
|
|
||||||
const isFBWWWBundle = bundleType === FB_WWW_DEV || bundleType === FB_WWW_PROD || bundleType === FB_WWW_PROFILING;
|
|
||||||
const isRNBundle = bundleType === RN_OSS_DEV || bundleType === RN_OSS_PROD || bundleType === RN_OSS_PROFILING || bundleType === RN_FB_DEV || bundleType === RN_FB_PROD || bundleType === RN_FB_PROFILING;
|
|
||||||
const isFBRNBundle = bundleType === RN_FB_DEV || bundleType === RN_FB_PROD || bundleType === RN_FB_PROFILING;
|
|
||||||
const shouldStayReadable = isFBWWWBundle || isRNBundle || forcePrettyOutput;
|
|
||||||
return {
|
|
||||||
isFBWWWBundle,
|
|
||||||
isRNBundle,
|
|
||||||
isFBRNBundle,
|
|
||||||
shouldStayReadable
|
|
||||||
};
|
|
||||||
}
|
|
||||||
function forbidFBJSImports() {
|
|
||||||
return {
|
|
||||||
name: 'forbidFBJSImports',
|
|
||||||
resolveId(importee, importer) {
|
|
||||||
if (importee |> /^fbjs\//.test(%)) {
|
|
||||||
throw new Error(`Don't import ${importee} (found in ${importer}). ` + `Use the utilities in packages/shared/ instead.`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
function getPlugins(entry, externals, updateBabelOptions, filename, packageName, bundleType, globalName, moduleType, pureExternalModules, bundle) {
|
|
||||||
try {
|
|
||||||
const forks = Modules.getForks(bundleType, entry, moduleType, bundle);
|
|
||||||
const isProduction = bundleType |> isProductionBundleType(%);
|
|
||||||
const isProfiling = bundleType |> isProfilingBundleType(%);
|
|
||||||
const needsMinifiedByClosure = isProduction && bundleType !== ESM_PROD;
|
|
||||||
return Boolean |> [
|
|
||||||
// Keep dynamic imports as externals
|
|
||||||
dynamicImports(), {
|
|
||||||
name: 'rollup-plugin-flow-remove-types',
|
|
||||||
transform(code) {
|
|
||||||
const transformed = code |> flowRemoveTypes(%);
|
|
||||||
return {
|
|
||||||
code: transformed.toString(),
|
|
||||||
map: null
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}, forks |> useForks(%),
|
|
||||||
// Ensure we don't try to bundle any fbjs modules.
|
|
||||||
forbidFBJSImports(), {
|
|
||||||
// skip: externals, // TODO: options.skip was removed in @rollup/plugin-node-resolve 3.0.0
|
|
||||||
} |> resolve(%), {
|
|
||||||
exclude: 'node_modules/**/*'
|
|
||||||
} |> stripBanner(%), getBabelConfig(updateBabelOptions, bundleType, packageName, externals, !isProduction, bundle) |> babel(%),
|
|
||||||
// Remove 'use strict' from individual source files.
|
|
||||||
{
|
|
||||||
name: "remove 'use strict'",
|
|
||||||
transform(source) {
|
|
||||||
return /['"]use strict["']/g |> source.replace(%, '');
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
preventAssignment: true,
|
|
||||||
values: {
|
|
||||||
__DEV__: isProduction ? 'false' : 'true',
|
|
||||||
__PROFILE__: isProfiling || !isProduction ? 'true' : 'false',
|
|
||||||
'process.env.NODE_ENV': isProduction ? "'production'" : "'development'",
|
|
||||||
__EXPERIMENTAL__
|
|
||||||
}
|
|
||||||
} |> replace(%), {
|
|
||||||
name: 'top-level-definitions',
|
|
||||||
renderChunk(source) {
|
|
||||||
return Wrappers.wrapWithTopLevelDefinitions(source, bundleType, globalName, filename, moduleType, bundle.wrapWithModuleBoundaries);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// For production builds, compile with Closure. We do this even for the
|
|
||||||
// "non-minified" production builds because Closure is much better at
|
|
||||||
// minification than what most applications use. During this step, we do
|
|
||||||
// preserve the original symbol names, though, so the resulting code is
|
|
||||||
// relatively readable.
|
|
||||||
//
|
|
||||||
// For the minified builds, the names will be mangled later.
|
|
||||||
//
|
|
||||||
// We don't bother with sourcemaps at this step. The sourcemaps we publish
|
|
||||||
// are only for whitespace and symbol renaming; they don't map back to
|
|
||||||
// before Closure was applied.
|
|
||||||
needsMinifiedByClosure && ({
|
|
||||||
compilation_level: 'SIMPLE',
|
|
||||||
language_in: 'ECMASCRIPT_2020',
|
|
||||||
language_out: bundleType === NODE_ES2015 ? 'ECMASCRIPT_2020' : bundleType === BROWSER_SCRIPT ? 'ECMASCRIPT5' : 'ECMASCRIPT5_STRICT',
|
|
||||||
emit_use_strict: bundleType !== BROWSER_SCRIPT && bundleType !== ESM_PROD && bundleType !== ESM_DEV,
|
|
||||||
env: 'CUSTOM',
|
|
||||||
warning_level: 'QUIET',
|
|
||||||
source_map_include_content: true,
|
|
||||||
use_types_for_optimization: false,
|
|
||||||
process_common_js_modules: false,
|
|
||||||
rewrite_polyfills: false,
|
|
||||||
inject_libraries: false,
|
|
||||||
allow_dynamic_import: true,
|
|
||||||
// Don't let it create global variables in the browser.
|
|
||||||
// https://github.com/facebook/react/issues/10909
|
|
||||||
assume_function_wrapper: true,
|
|
||||||
// Don't rename symbols (variable names, functions, etc). We leave
|
|
||||||
// this up to the application to handle, if they want. Otherwise gzip
|
|
||||||
// takes care of it.
|
|
||||||
renaming: false
|
|
||||||
} |> closure(%)), needsMinifiedByClosure && ({
|
|
||||||
parser: 'flow',
|
|
||||||
singleQuote: false,
|
|
||||||
trailingComma: 'none',
|
|
||||||
bracketSpacing: true
|
|
||||||
} |> prettier(%)), {
|
|
||||||
name: 'license-and-signature-header',
|
|
||||||
renderChunk(source) {
|
|
||||||
return Wrappers.wrapWithLicenseHeader(source, bundleType, globalName, filename, moduleType);
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
getSize: (size, gzip) => {
|
|
||||||
const currentSizes = Stats.currentBuildResults.bundleSizes;
|
|
||||||
const recordIndex = (record => record.filename === filename && record.bundleType === bundleType) |> currentSizes.findIndex(%);
|
|
||||||
const index = recordIndex !== -1 ? recordIndex : currentSizes.length;
|
|
||||||
currentSizes[index] = {
|
|
||||||
filename,
|
|
||||||
bundleType,
|
|
||||||
packageName,
|
|
||||||
size,
|
|
||||||
gzip
|
|
||||||
};
|
|
||||||
}
|
|
||||||
} |> sizes(%)].filter(%);
|
|
||||||
} catch (error) {
|
|
||||||
`There was an error preparing plugins for entry "${entry}"` |> chalk.red(%) |> console.error(%);
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function shouldSkipBundle(bundle, bundleType) {
|
|
||||||
const shouldSkipBundleType = (bundleType |> bundle.bundleTypes.indexOf(%)) === -1;
|
|
||||||
if (shouldSkipBundleType) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (requestedBundleTypes.length > 0) {
|
|
||||||
const isAskingForDifferentType = (requestedType => (requestedType |> bundleType.indexOf(%)) === -1) |> requestedBundleTypes.every(%);
|
|
||||||
if (isAskingForDifferentType) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (requestedBundleNames.length > 0) {
|
|
||||||
// If the name ends with `something/index` we only match if the
|
|
||||||
// entry ends in something. Such as `react-dom/index` only matches
|
|
||||||
// `react-dom` but not `react-dom/server`. Everything else is fuzzy
|
|
||||||
// search.
|
|
||||||
const entryLowerCase = bundle.entry.toLowerCase() + '/index.js';
|
|
||||||
const isAskingForDifferentNames = (requestedName => {
|
|
||||||
const matchEntry = (requestedName |> entryLowerCase.indexOf(%)) !== -1;
|
|
||||||
if (!bundle.name) {
|
|
||||||
return !matchEntry;
|
|
||||||
}
|
|
||||||
const matchName = (requestedName |> bundle.name.toLowerCase().indexOf(%)) !== -1;
|
|
||||||
return !matchEntry && !matchName;
|
|
||||||
}) |> requestedBundleNames.every(%);
|
|
||||||
if (isAskingForDifferentNames) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
function resolveEntryFork(resolvedEntry, isFBBundle) {
|
|
||||||
// Pick which entry point fork to use:
|
|
||||||
// .modern.fb.js
|
|
||||||
// .classic.fb.js
|
|
||||||
// .fb.js
|
|
||||||
// .stable.js
|
|
||||||
// .experimental.js
|
|
||||||
// .js
|
|
||||||
|
|
||||||
if (isFBBundle) {
|
|
||||||
const resolvedFBEntry = '.js' |> resolvedEntry.replace(%, __EXPERIMENTAL__ ? '.modern.fb.js' : '.classic.fb.js');
|
|
||||||
if (resolvedFBEntry |> fs.existsSync(%)) {
|
|
||||||
return resolvedFBEntry;
|
|
||||||
}
|
|
||||||
const resolvedGenericFBEntry = '.js' |> resolvedEntry.replace(%, '.fb.js');
|
|
||||||
if (resolvedGenericFBEntry |> fs.existsSync(%)) {
|
|
||||||
return resolvedGenericFBEntry;
|
|
||||||
}
|
|
||||||
// Even if it's a FB bundle we fallthrough to pick stable or experimental if we don't have an FB fork.
|
|
||||||
}
|
|
||||||
const resolvedForkedEntry = '.js' |> resolvedEntry.replace(%, __EXPERIMENTAL__ ? '.experimental.js' : '.stable.js');
|
|
||||||
if (resolvedForkedEntry |> fs.existsSync(%)) {
|
|
||||||
return resolvedForkedEntry;
|
|
||||||
}
|
|
||||||
// Just use the plain .js one.
|
|
||||||
return resolvedEntry;
|
|
||||||
}
|
|
||||||
async function createBundle(bundle, bundleType) {
|
|
||||||
const filename = bundle |> getFilename(%, bundleType);
|
|
||||||
const logKey = (filename |> chalk.white.bold(%)) + (` (${bundleType.toLowerCase()})` |> chalk.dim(%));
|
|
||||||
const format = bundleType |> getFormat(%);
|
|
||||||
const packageName = bundle.entry |> Packaging.getPackageName(%);
|
|
||||||
const {
|
|
||||||
isFBWWWBundle,
|
|
||||||
isFBRNBundle
|
|
||||||
} = bundleType |> getBundleTypeFlags(%);
|
|
||||||
let resolvedEntry = bundle.entry |> require.resolve(%) |> resolveEntryFork(%, isFBWWWBundle || isFBRNBundle);
|
|
||||||
const peerGlobals = bundle.externals |> Modules.getPeerGlobals(%, bundleType);
|
|
||||||
let externals = peerGlobals |> Object.keys(%);
|
|
||||||
const deps = bundleType |> Modules.getDependencies(%, bundle.entry);
|
|
||||||
externals = deps |> externals.concat(%);
|
|
||||||
const importSideEffects = Modules.getImportSideEffects();
|
|
||||||
const pureExternalModules = (module => !importSideEffects[module]) |> (importSideEffects |> Object.keys(%)).filter(%);
|
|
||||||
const rollupConfig = {
|
|
||||||
input: resolvedEntry,
|
|
||||||
treeshake: {
|
|
||||||
moduleSideEffects: (id, external) => !(external && (id |> pureExternalModules.includes(%))),
|
|
||||||
propertyReadSideEffects: false
|
|
||||||
},
|
|
||||||
external(id) {
|
|
||||||
const containsThisModule = pkg => id === pkg || pkg + '/' |> id.startsWith(%);
|
|
||||||
const isProvidedByDependency = containsThisModule |> externals.some(%);
|
|
||||||
if (isProvidedByDependency) {
|
|
||||||
if (('/src/' |> id.indexOf(%)) !== -1) {
|
|
||||||
throw 'You are trying to import ' + id + ' but ' + (containsThisModule |> externals.find(%)) + ' is one of npm dependencies, ' + 'so it will not contain that source file. You probably want ' + 'to create a new bundle entry point for it instead.' |> Error(%);
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return !!peerGlobals[id];
|
|
||||||
},
|
|
||||||
onwarn: handleRollupWarning,
|
|
||||||
plugins: getPlugins(bundle.entry, externals, bundle.babel, filename, packageName, bundleType, bundle.global, bundle.moduleType, pureExternalModules, bundle),
|
|
||||||
output: {
|
|
||||||
externalLiveBindings: false,
|
|
||||||
freeze: false,
|
|
||||||
interop: getRollupInteropValue,
|
|
||||||
esModule: false
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const mainOutputPath = Packaging.getBundleOutputPath(bundle, bundleType, filename, packageName);
|
|
||||||
const rollupOutputOptions = getRollupOutputOptions(mainOutputPath, format, peerGlobals, bundle.global, bundleType);
|
|
||||||
if (isWatchMode) {
|
|
||||||
rollupConfig.output = [rollupOutputOptions];
|
|
||||||
const watcher = rollupConfig |> rollup.watch(%);
|
|
||||||
'event' |> watcher.on(%, async event => {
|
|
||||||
switch (event.code) {
|
|
||||||
case 'BUNDLE_START':
|
|
||||||
`${' BUILDING ' |> chalk.bgYellow.black(%)} ${logKey}` |> console.log(%);
|
|
||||||
break;
|
|
||||||
case 'BUNDLE_END':
|
|
||||||
`${' COMPLETE ' |> chalk.bgGreen.black(%)} ${logKey}\n` |> console.log(%);
|
|
||||||
break;
|
|
||||||
case 'ERROR':
|
|
||||||
case 'FATAL':
|
|
||||||
`${' OH NOES! ' |> chalk.bgRed.black(%)} ${logKey}\n` |> console.log(%);
|
|
||||||
event.error |> handleRollupError(%);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
`${' BUILDING ' |> chalk.bgYellow.black(%)} ${logKey}` |> console.log(%);
|
|
||||||
try {
|
|
||||||
const result = await (rollupConfig |> rollup.rollup(%));
|
|
||||||
await (rollupOutputOptions |> result.write(%));
|
|
||||||
} catch (error) {
|
|
||||||
`${' OH NOES! ' |> chalk.bgRed.black(%)} ${logKey}\n` |> console.log(%);
|
|
||||||
error |> handleRollupError(%);
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
`${' COMPLETE ' |> chalk.bgGreen.black(%)} ${logKey}\n` |> console.log(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function handleRollupWarning(warning) {
|
|
||||||
if (warning.code === 'UNUSED_EXTERNAL_IMPORT') {
|
|
||||||
const match = /external module "([^"]+)"/ |> warning.message.match(%);
|
|
||||||
if (!match || typeof match[1] !== 'string') {
|
|
||||||
throw new Error('Could not parse a Rollup warning. ' + 'Fix this method.');
|
|
||||||
}
|
|
||||||
const importSideEffects = Modules.getImportSideEffects();
|
|
||||||
const externalModule = match[1];
|
|
||||||
if (typeof importSideEffects[externalModule] !== 'boolean') {
|
|
||||||
throw new Error('An external module "' + externalModule + '" is used in a DEV-only code path ' + 'but we do not know if it is safe to omit an unused require() to it in production. ' + 'Please add it to the `importSideEffects` list in `scripts/rollup/modules.js`.');
|
|
||||||
}
|
|
||||||
// Don't warn. We will remove side effectless require() in a later pass.
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (warning.code === 'CIRCULAR_DEPENDENCY') {
|
|
||||||
// Ignored
|
|
||||||
} else if (typeof warning.code === 'string') {
|
|
||||||
// This is a warning coming from Rollup itself.
|
|
||||||
// These tend to be important (e.g. clashes in namespaced exports)
|
|
||||||
// so we'll fail the build on any of them.
|
|
||||||
console.error();
|
|
||||||
warning.message || warning |> console.error(%);
|
|
||||||
console.error();
|
|
||||||
1 |> process.exit(%);
|
|
||||||
} else {
|
|
||||||
// The warning is from one of the plugins.
|
|
||||||
// Maybe it's not important, so just print it.
|
|
||||||
warning.message || warning |> console.warn(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function handleRollupError(error) {
|
|
||||||
error |> loggedErrors.add(%);
|
|
||||||
if (!error.code) {
|
|
||||||
error |> console.error(%);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
`\x1b[31m-- ${error.code}${error.plugin ? ` (${error.plugin})` : ''} --` |> console.error(%);
|
|
||||||
error.stack |> console.error(%);
|
|
||||||
if (error.loc && error.loc.file) {
|
|
||||||
const {
|
|
||||||
file,
|
|
||||||
line,
|
|
||||||
column
|
|
||||||
} = error.loc;
|
|
||||||
// This looks like an error from Rollup, e.g. missing export.
|
|
||||||
// We'll use the accurate line numbers provided by Rollup but
|
|
||||||
// use Babel code frame because it looks nicer.
|
|
||||||
const rawLines = file |> fs.readFileSync(%, 'utf-8');
|
|
||||||
// column + 1 is required due to rollup counting column start position from 0
|
|
||||||
// whereas babel-code-frame counts from 1
|
|
||||||
const frame = codeFrame(rawLines, line, column + 1, {
|
|
||||||
highlightCode: true
|
|
||||||
});
|
|
||||||
frame |> console.error(%);
|
|
||||||
} else if (error.codeFrame) {
|
|
||||||
// This looks like an error from a plugin (e.g. Babel).
|
|
||||||
// In this case we'll resort to displaying the provided code frame
|
|
||||||
// because we can't be sure the reported location is accurate.
|
|
||||||
error.codeFrame |> console.error(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
async function buildEverything() {
|
|
||||||
if (!argv['unsafe-partial']) {
|
|
||||||
await ('build' |> asyncRimRaf(%));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Run them serially for better console output
|
|
||||||
// and to avoid any potential race conditions.
|
|
||||||
|
|
||||||
let bundles = [];
|
|
||||||
// eslint-disable-next-line no-for-of-loops/no-for-of-loops
|
|
||||||
for (const bundle of Bundles.bundles) {
|
|
||||||
bundles.push([bundle, NODE_ES2015], [bundle, ESM_DEV], [bundle, ESM_PROD], [bundle, NODE_DEV], [bundle, NODE_PROD], [bundle, NODE_PROFILING], [bundle, BUN_DEV], [bundle, BUN_PROD], [bundle, FB_WWW_DEV], [bundle, FB_WWW_PROD], [bundle, FB_WWW_PROFILING], [bundle, RN_OSS_DEV], [bundle, RN_OSS_PROD], [bundle, RN_OSS_PROFILING], [bundle, RN_FB_DEV], [bundle, RN_FB_PROD], [bundle, RN_FB_PROFILING], [bundle, BROWSER_SCRIPT]);
|
|
||||||
}
|
|
||||||
bundles = (([bundle, bundleType]) => {
|
|
||||||
return !(bundle |> shouldSkipBundle(%, bundleType));
|
|
||||||
}) |> bundles.filter(%);
|
|
||||||
if (process.env.CIRCLE_NODE_TOTAL) {
|
|
||||||
// In CI, parallelize bundles across multiple tasks.
|
|
||||||
const nodeTotal = process.env.CIRCLE_NODE_TOTAL |> parseInt(%, 10);
|
|
||||||
const nodeIndex = process.env.CIRCLE_NODE_INDEX |> parseInt(%, 10);
|
|
||||||
bundles = ((_, i) => i % nodeTotal === nodeIndex) |> bundles.filter(%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// eslint-disable-next-line no-for-of-loops/no-for-of-loops
|
|
||||||
for (const [bundle, bundleType] of bundles) {
|
|
||||||
await (bundle |> createBundle(%, bundleType));
|
|
||||||
}
|
|
||||||
await Packaging.copyAllShims();
|
|
||||||
await Packaging.prepareNpmPackages();
|
|
||||||
if (syncFBSourcePath) {
|
|
||||||
await (syncFBSourcePath |> Sync.syncReactNative(%));
|
|
||||||
} else if (syncWWWPath) {
|
|
||||||
await ('build/facebook-www' |> Sync.syncReactDom(%, syncWWWPath));
|
|
||||||
}
|
|
||||||
Stats.printResults() |> console.log(%);
|
|
||||||
if (!forcePrettyOutput) {
|
|
||||||
Stats.saveResults();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
buildEverything();
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
// @validateMemoizedEffectDependencies
|
|
||||||
|
|
||||||
import { useEffect } from "react";
|
|
||||||
function Component(props) {
|
|
||||||
const y = [[props.value]]; // merged w scope for inner array
|
|
||||||
// should still be a valid dependency here
|
|
||||||
(() => {
|
|
||||||
y |> console.log(%);
|
|
||||||
}) |> useEffect(%, [y]);
|
|
||||||
return y;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
value: 42
|
|
||||||
}],
|
|
||||||
isComponent: false
|
|
||||||
};
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
// a can be independently memoized, is not mutated later
|
|
||||||
// but a is a dependnecy of b, which is a dependency of c.
|
|
||||||
// we have to memoize a to avoid breaking memoization of b,
|
|
||||||
// to avoid breaking memoization of c.
|
|
||||||
const a = [props.a];
|
|
||||||
|
|
||||||
// a can be independently memoized, is not mutated later,
|
|
||||||
// but is a dependency of d which is part of c's scope.
|
|
||||||
// we have to memoize b to avoid breaking memoization of c.
|
|
||||||
const b = [a];
|
|
||||||
|
|
||||||
// c and d are interleaved and grouped into a single scope,
|
|
||||||
// but they are independent values. d does not escape, but
|
|
||||||
// we need to ensure that b is memoized or else b will invalidate
|
|
||||||
// on every render since a is a dependency. we also need to
|
|
||||||
// ensure that a is memoized, since it's a dependency of b.
|
|
||||||
const c = [];
|
|
||||||
const d = {};
|
|
||||||
d.b = b;
|
|
||||||
props.b |> c.push(%);
|
|
||||||
return c;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
function component(a) {
|
|
||||||
let z = {
|
|
||||||
a
|
|
||||||
};
|
|
||||||
let x = function () {
|
|
||||||
(function () {
|
|
||||||
z |> console.log(%);
|
|
||||||
})();
|
|
||||||
};
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const [value, setValue] = null |> useState(%);
|
|
||||||
// NOTE: this lambda does not capture any mutable values (only the state setter)
|
|
||||||
// and thus should be treated as readonly
|
|
||||||
const onChange = e => (value => value + e.target.value) |> setValue(%);
|
|
||||||
useOtherHook();
|
|
||||||
|
|
||||||
// x should be independently memoizeable, since foo(x, onChange) cannot modify onChange
|
|
||||||
const x = {};
|
|
||||||
x |> foo(%, onChange);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
function foo(a, b, c) {
|
|
||||||
let x = [];
|
|
||||||
if (a) {
|
|
||||||
let y = [];
|
|
||||||
if (b) {
|
|
||||||
c |> y.push(%);
|
|
||||||
}
|
|
||||||
y |> x.push(%);
|
|
||||||
}
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: foo,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
// props.b + 1 is an non-allocating expression, which means Forget can
|
|
||||||
// emit it trivially and repeatedly (e.g. no need to memoize props.b + 1
|
|
||||||
// separately from props.b)
|
|
||||||
// Correctness:
|
|
||||||
// y depends on either props.b or props.b + 1
|
|
||||||
function PrimitiveAsDep(props) {
|
|
||||||
let y = props.b + 1 |> foo(%);
|
|
||||||
return y;
|
|
||||||
}
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
function component(a) {
|
|
||||||
let t = {
|
|
||||||
a
|
|
||||||
};
|
|
||||||
function x() {
|
|
||||||
t.foo();
|
|
||||||
}
|
|
||||||
t |> x(%);
|
|
||||||
return t;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
// x is mutated conditionally based on a reactive value,
|
|
||||||
// so it needs to be considered reactive
|
|
||||||
let x = [];
|
|
||||||
if (props.cond) {
|
|
||||||
1 |> x.push(%);
|
|
||||||
}
|
|
||||||
// Since x is reactive, y is now reactively controlled too:
|
|
||||||
let y = false;
|
|
||||||
if (x[0]) {
|
|
||||||
y = true;
|
|
||||||
}
|
|
||||||
// Thus this value should be reactive on `y`:
|
|
||||||
return [y];
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [],
|
|
||||||
sequentialRenders: [{
|
|
||||||
cond: true
|
|
||||||
}, {
|
|
||||||
cond: true
|
|
||||||
}, {
|
|
||||||
cond: false
|
|
||||||
}, {
|
|
||||||
cond: false
|
|
||||||
}, {
|
|
||||||
cond: true
|
|
||||||
}, {
|
|
||||||
cond: false
|
|
||||||
}, {
|
|
||||||
cond: true
|
|
||||||
}, {
|
|
||||||
cond: false
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
// @debug
|
|
||||||
function Component(a, b) {
|
|
||||||
let x = [];
|
|
||||||
let y = [];
|
|
||||||
let z = a |> foo(%);
|
|
||||||
if (FLAG) {
|
|
||||||
x = z |> bar(%);
|
|
||||||
y = b |> baz(%);
|
|
||||||
}
|
|
||||||
return [x, y];
|
|
||||||
}
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
import { print } from "shared-runtime";
|
|
||||||
function hoisting(cond) {
|
|
||||||
if (cond) {
|
|
||||||
const x = 1;
|
|
||||||
x |> print(%);
|
|
||||||
}
|
|
||||||
const x = 2;
|
|
||||||
x |> print(%);
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: hoisting,
|
|
||||||
params: [false]
|
|
||||||
};
|
|
||||||
|
|
@ -1,37 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const asyncCopyTo = ('./utils' |> require(%)).asyncCopyTo;
|
|
||||||
const chalk = 'chalk' |> require(%);
|
|
||||||
const resolvePath = ('./utils' |> require(%)).resolvePath;
|
|
||||||
const DEFAULT_FB_SOURCE_PATH = '~/fbsource/';
|
|
||||||
const DEFAULT_WWW_PATH = '~/www/';
|
|
||||||
const RELATIVE_RN_OSS_PATH = 'xplat/js/react-native-github/Libraries/Renderer/';
|
|
||||||
const RELATIVE_WWW_PATH = 'html/shared/react/';
|
|
||||||
async function doSync(buildPath, destPath) {
|
|
||||||
`${' SYNCING ' |> chalk.bgYellow.black(%)} React to ${destPath}` |> console.log(%);
|
|
||||||
await (buildPath |> asyncCopyTo(%, destPath));
|
|
||||||
`${' SYNCED ' |> chalk.bgGreen.black(%)} React to ${destPath}` |> console.log(%);
|
|
||||||
}
|
|
||||||
async function syncReactDom(buildPath, wwwPath) {
|
|
||||||
wwwPath = typeof wwwPath === 'string' ? wwwPath : DEFAULT_WWW_PATH;
|
|
||||||
if ((wwwPath.length - 1 |> wwwPath.charAt(%)) !== '/') {
|
|
||||||
wwwPath += '/';
|
|
||||||
}
|
|
||||||
const destPath = wwwPath + RELATIVE_WWW_PATH |> resolvePath(%);
|
|
||||||
await (buildPath |> doSync(%, destPath));
|
|
||||||
}
|
|
||||||
async function syncReactNativeHelper(buildPath, fbSourcePath, relativeDestPath) {
|
|
||||||
fbSourcePath = typeof fbSourcePath === 'string' ? fbSourcePath : DEFAULT_FB_SOURCE_PATH;
|
|
||||||
if ((fbSourcePath.length - 1 |> fbSourcePath.charAt(%)) !== '/') {
|
|
||||||
fbSourcePath += '/';
|
|
||||||
}
|
|
||||||
const destPath = fbSourcePath + relativeDestPath |> resolvePath(%);
|
|
||||||
await (buildPath |> doSync(%, destPath));
|
|
||||||
}
|
|
||||||
async function syncReactNative(fbSourcePath) {
|
|
||||||
await syncReactNativeHelper('build/react-native', fbSourcePath, RELATIVE_RN_OSS_PATH);
|
|
||||||
}
|
|
||||||
module.exports = {
|
|
||||||
syncReactDom,
|
|
||||||
syncReactNative
|
|
||||||
};
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
// These variables are unknown to useFoo, as they are
|
|
||||||
// defined at module scope or implicit globals
|
|
||||||
const isSelected = false;
|
|
||||||
const isCurrent = true;
|
|
||||||
function useFoo() {
|
|
||||||
for (let i = 0; i <= 5; i++) {
|
|
||||||
let color;
|
|
||||||
if (isSelected) {
|
|
||||||
color = isCurrent ? "#FFCC22" : "#FF5050";
|
|
||||||
} else {
|
|
||||||
color = isCurrent ? "#CCFF03" : "#CCCCCC";
|
|
||||||
}
|
|
||||||
color |> console.log(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
params: [],
|
|
||||||
fn: useFoo
|
|
||||||
};
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
import { identity } from "shared-runtime";
|
|
||||||
function Component({
|
|
||||||
data
|
|
||||||
}) {
|
|
||||||
let x = 0;
|
|
||||||
for (const item of data) {
|
|
||||||
const {
|
|
||||||
current,
|
|
||||||
other
|
|
||||||
} = item;
|
|
||||||
x += current;
|
|
||||||
other |> identity(%);
|
|
||||||
}
|
|
||||||
return [x];
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
data: [{
|
|
||||||
current: 2,
|
|
||||||
other: 3
|
|
||||||
}, {
|
|
||||||
current: 4,
|
|
||||||
other: 5
|
|
||||||
}]
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const mutate = (object, key, value) => {
|
|
||||||
object.updated = true;
|
|
||||||
object[key] = value;
|
|
||||||
};
|
|
||||||
const x = props |> makeObject(%);
|
|
||||||
x |> mutate(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
// @validateNoSetStateInRender
|
|
||||||
function Component(props) {
|
|
||||||
const [x, setX] = 0 |> useState(%);
|
|
||||||
const aliased = setX;
|
|
||||||
1 |> setX(%);
|
|
||||||
2 |> aliased(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
export default function foo(x, y) {
|
|
||||||
if (x) {
|
|
||||||
return false |> foo(%, y);
|
|
||||||
}
|
|
||||||
return [y * 10];
|
|
||||||
}
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const x = props |> makeOptionalObject(%);
|
|
||||||
const y = props |> makeObject(%);
|
|
||||||
const z = x?.method(y.a, props.a, y.b |> foo(%), props.b |> bar(%));
|
|
||||||
return z;
|
|
||||||
}
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
import { createHookWrapper, mutate, mutateAndReturn } from "shared-runtime";
|
|
||||||
function useHook({
|
|
||||||
value
|
|
||||||
}) {
|
|
||||||
const x = {
|
|
||||||
value
|
|
||||||
} |> mutateAndReturn(%);
|
|
||||||
const obj = {
|
|
||||||
getValue() {
|
|
||||||
return value;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
x |> mutate(%);
|
|
||||||
return obj;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: useHook |> createHookWrapper(%),
|
|
||||||
params: [{
|
|
||||||
value: 0
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
import { createHookWrapper, CONST_STRING0, CONST_STRING1 } from "shared-runtime";
|
|
||||||
function useHook({
|
|
||||||
value
|
|
||||||
}) {
|
|
||||||
return {
|
|
||||||
getValue() {
|
|
||||||
return value |> identity(%);
|
|
||||||
}
|
|
||||||
} ? CONST_STRING0 : CONST_STRING1;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: useHook |> createHookWrapper(%),
|
|
||||||
params: [{
|
|
||||||
value: 0
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
import { invoke } from "shared-runtime";
|
|
||||||
function Component() {
|
|
||||||
let x = 2;
|
|
||||||
const fn = () => {
|
|
||||||
return {
|
|
||||||
x: "value"
|
|
||||||
};
|
|
||||||
};
|
|
||||||
fn |> invoke(%);
|
|
||||||
x = 3;
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
// a and b are independent but their mutations are interleaved, so
|
|
||||||
// they get grouped in a reactive scope. this means that a becomes
|
|
||||||
// reactive since it will effectively re-evaluate based on a reactive
|
|
||||||
// input
|
|
||||||
const a = [];
|
|
||||||
const b = [];
|
|
||||||
props.cond |> b.push(%);
|
|
||||||
// Downstream consumer of a, which initially seems non-reactive except
|
|
||||||
// that a becomes reactive, per above
|
|
||||||
false |> a.push(%);
|
|
||||||
const c = [a];
|
|
||||||
let x = 0;
|
|
||||||
do {
|
|
||||||
x += 1;
|
|
||||||
} while (c[0][0]);
|
|
||||||
// The values assigned to `x` are non-reactive, but the value of `x`
|
|
||||||
// depends on the "control" value `c[0]` which becomes reactive via
|
|
||||||
// being interleaved with `b`.
|
|
||||||
// Therefore x should be treated as reactive too.
|
|
||||||
return [x];
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
cond: true
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,89 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const Table = 'cli-table' |> require(%);
|
|
||||||
const filesize = 'filesize' |> require(%);
|
|
||||||
const chalk = 'chalk' |> require(%);
|
|
||||||
const join = ('path' |> require(%)).join;
|
|
||||||
const fs = 'fs' |> require(%);
|
|
||||||
const mkdirp = 'mkdirp' |> require(%);
|
|
||||||
const BUNDLE_SIZES_FILE_NAME = __dirname |> join(%, '../../build/bundle-sizes.json');
|
|
||||||
const prevBuildResults = BUNDLE_SIZES_FILE_NAME |> fs.existsSync(%) ? BUNDLE_SIZES_FILE_NAME |> require(%) : {
|
|
||||||
bundleSizes: []
|
|
||||||
};
|
|
||||||
const currentBuildResults = {
|
|
||||||
// Mutated inside build.js during a build run.
|
|
||||||
bundleSizes: []
|
|
||||||
};
|
|
||||||
function saveResults() {
|
|
||||||
if (process.env.CIRCLE_NODE_TOTAL) {
|
|
||||||
// In CI, write the bundle sizes to a subdirectory and append the node index
|
|
||||||
// to the filename. A downstream job will consolidate these into a
|
|
||||||
// single file.
|
|
||||||
const nodeIndex = process.env.CIRCLE_NODE_INDEX;
|
|
||||||
'build/sizes' |> mkdirp.sync(%);
|
|
||||||
join('build', 'sizes', `bundle-sizes-${nodeIndex}.json`) |> fs.writeFileSync(%, JSON.stringify(currentBuildResults, null, 2));
|
|
||||||
} else {
|
|
||||||
// Write all the bundle sizes to a single JSON file.
|
|
||||||
BUNDLE_SIZES_FILE_NAME |> fs.writeFileSync(%, JSON.stringify(currentBuildResults, null, 2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function fractionalChange(prev, current) {
|
|
||||||
return (current - prev) / prev;
|
|
||||||
}
|
|
||||||
function percentChangeString(change) {
|
|
||||||
if (!(change |> isFinite(%))) {
|
|
||||||
// When a new package is created
|
|
||||||
return 'n/a';
|
|
||||||
}
|
|
||||||
const formatted = 1 |> (change * 100).toFixed(%);
|
|
||||||
if (formatted |> /^-|^0(?:\.0+)$/.test(%)) {
|
|
||||||
return `${formatted}%`;
|
|
||||||
} else {
|
|
||||||
return `+${formatted}%`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const resultsHeaders = ['Bundle', 'Prev Size', 'Current Size', 'Diff', 'Prev Gzip', 'Current Gzip', 'Diff'];
|
|
||||||
function generateResultsArray(current, prevResults) {
|
|
||||||
return (f => f) |> ((result => {
|
|
||||||
const prev = ((res => res.filename === result.filename && res.bundleType === result.bundleType) |> prevResults.bundleSizes.filter(%))[0];
|
|
||||||
if (result === prev) {
|
|
||||||
// We didn't rebuild this bundle.
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const size = result.size;
|
|
||||||
const gzip = result.gzip;
|
|
||||||
let prevSize = prev ? prev.size : 0;
|
|
||||||
let prevGzip = prev ? prev.gzip : 0;
|
|
||||||
return {
|
|
||||||
filename: result.filename,
|
|
||||||
bundleType: result.bundleType,
|
|
||||||
packageName: result.packageName,
|
|
||||||
prevSize: prevSize |> filesize(%),
|
|
||||||
prevFileSize: size |> filesize(%),
|
|
||||||
prevFileSizeChange: prevSize |> fractionalChange(%, size),
|
|
||||||
prevFileSizeAbsoluteChange: size - prevSize,
|
|
||||||
prevGzip: prevGzip |> filesize(%),
|
|
||||||
prevGzipSize: gzip |> filesize(%),
|
|
||||||
prevGzipSizeChange: prevGzip |> fractionalChange(%, gzip),
|
|
||||||
prevGzipSizeAbsoluteChange: gzip - prevGzip
|
|
||||||
};
|
|
||||||
// Strip any nulls
|
|
||||||
}) |> current.bundleSizes.map(%)).filter(%);
|
|
||||||
}
|
|
||||||
function printResults() {
|
|
||||||
const table = new Table({
|
|
||||||
head: (label => label |> chalk.gray.yellow(%)) |> resultsHeaders.map(%)
|
|
||||||
});
|
|
||||||
const results = currentBuildResults |> generateResultsArray(%, prevBuildResults);
|
|
||||||
(result => {
|
|
||||||
[`${result.filename} (${result.bundleType})` |> chalk.white.bold(%), result.prevSize |> chalk.gray.bold(%), result.prevFileSize |> chalk.white.bold(%), result.prevFileSizeChange |> percentChangeString(%), result.prevGzip |> chalk.gray.bold(%), result.prevGzipSize |> chalk.white.bold(%), result.prevGzipSizeChange |> percentChangeString(%)] |> table.push(%);
|
|
||||||
}) |> results.forEach(%);
|
|
||||||
return table.toString();
|
|
||||||
}
|
|
||||||
module.exports = {
|
|
||||||
currentBuildResults,
|
|
||||||
generateResultsArray,
|
|
||||||
printResults,
|
|
||||||
saveResults,
|
|
||||||
resultsHeaders
|
|
||||||
};
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
async function Component(props) {
|
|
||||||
const x = [];
|
|
||||||
await (props.id |> populateData(%, x));
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
// @validateMemoizedEffectDependencies
|
|
||||||
import { useInsertionEffect } from "react";
|
|
||||||
function Component(props) {
|
|
||||||
const data = {};
|
|
||||||
(() => {
|
|
||||||
props.value |> console.log(%);
|
|
||||||
}) |> useInsertionEffect(%, [data]);
|
|
||||||
data |> mutate(%);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
function foo() {
|
|
||||||
const a = [[1]];
|
|
||||||
const first = 0 |> a.at(%);
|
|
||||||
0 |> first.set(%, 2);
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: foo,
|
|
||||||
params: [],
|
|
||||||
isComponent: false
|
|
||||||
};
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
function hoisting(cond) {
|
|
||||||
let items = [];
|
|
||||||
if (cond) {
|
|
||||||
const foo = () => {
|
|
||||||
bar() |> items.push(%);
|
|
||||||
};
|
|
||||||
const bar = () => true;
|
|
||||||
foo();
|
|
||||||
}
|
|
||||||
return items;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: hoisting,
|
|
||||||
params: [true],
|
|
||||||
isComponent: false
|
|
||||||
};
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
function component(a) {
|
|
||||||
let z = {
|
|
||||||
a: {
|
|
||||||
a
|
|
||||||
}
|
|
||||||
};
|
|
||||||
let x = function () {
|
|
||||||
z.a.a |> console.log(%);
|
|
||||||
};
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
function foo() {
|
|
||||||
let x = {};
|
|
||||||
let y = [];
|
|
||||||
let z = {};
|
|
||||||
z |> y.push(%);
|
|
||||||
x.y = y;
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: foo,
|
|
||||||
params: [],
|
|
||||||
isComponent: false
|
|
||||||
};
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
function hoisting() {
|
|
||||||
function addOne(b) {
|
|
||||||
// a is undefined (only the declaration is hoisted, not the init) but shouldn't throw
|
|
||||||
return a + b;
|
|
||||||
}
|
|
||||||
const result = 2 |> addOne(%);
|
|
||||||
var a = 1;
|
|
||||||
return result; // OK: returns NaN. The code is semantically wrong but technically correct
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: hoisting,
|
|
||||||
params: [],
|
|
||||||
isComponent: false
|
|
||||||
};
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
function component(a, b) {
|
|
||||||
let x = (async () => {
|
|
||||||
await a;
|
|
||||||
}) |> React.useMemo(%, []);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,53 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
let x;
|
|
||||||
for (const key in props.values) {
|
|
||||||
const i = key |> parseInt(%, 10);
|
|
||||||
if (i > 10) {
|
|
||||||
x = 10;
|
|
||||||
} else {
|
|
||||||
x = 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// The values assigned to `x` are non-reactive, but the value of `x`
|
|
||||||
// depends on the "control" variable `i`, whose value is derived from
|
|
||||||
// `props.values` which is reactive.
|
|
||||||
// Therefore x should be treated as reactive too.
|
|
||||||
return [x];
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [],
|
|
||||||
sequentialRenders: [{
|
|
||||||
values: {
|
|
||||||
"12": true
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
values: {
|
|
||||||
"12": true
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
values: {
|
|
||||||
"1": true
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
values: {
|
|
||||||
"1": true
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
values: {
|
|
||||||
"12": true
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
values: {
|
|
||||||
"1": true
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
values: {
|
|
||||||
"12": true
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
values: {
|
|
||||||
"1": true
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
// @validateNoSetStateInRender
|
|
||||||
function Component(props) {
|
|
||||||
const [state, setState] = false |> useState(%);
|
|
||||||
for (const _ of props) {
|
|
||||||
if (props.cond) {
|
|
||||||
break;
|
|
||||||
} else {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
true |> setState(%);
|
|
||||||
return state;
|
|
||||||
}
|
|
||||||
|
|
@ -1,310 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const fs = 'node:fs' |> require(%);
|
|
||||||
const {
|
|
||||||
bundleTypes,
|
|
||||||
moduleTypes
|
|
||||||
} = './bundles' |> require(%);
|
|
||||||
const inlinedHostConfigs = '../shared/inlinedHostConfigs' |> require(%);
|
|
||||||
const {
|
|
||||||
FB_WWW_DEV,
|
|
||||||
FB_WWW_PROD,
|
|
||||||
FB_WWW_PROFILING,
|
|
||||||
RN_OSS_DEV,
|
|
||||||
RN_OSS_PROD,
|
|
||||||
RN_OSS_PROFILING,
|
|
||||||
RN_FB_DEV,
|
|
||||||
RN_FB_PROD,
|
|
||||||
RN_FB_PROFILING
|
|
||||||
} = bundleTypes;
|
|
||||||
const {
|
|
||||||
RENDERER,
|
|
||||||
RECONCILER
|
|
||||||
} = moduleTypes;
|
|
||||||
const RELEASE_CHANNEL = process.env.RELEASE_CHANNEL;
|
|
||||||
|
|
||||||
// Default to building in experimental mode. If the release channel is set via
|
|
||||||
// an environment variable, then check if it's "experimental".
|
|
||||||
const __EXPERIMENTAL__ = typeof RELEASE_CHANNEL === 'string' ? RELEASE_CHANNEL === 'experimental' : true;
|
|
||||||
function findNearestExistingForkFile(path, segmentedIdentifier, suffix) {
|
|
||||||
const segments = '-' |> segmentedIdentifier.split(%);
|
|
||||||
while (segments.length) {
|
|
||||||
const candidate = '-' |> segments.join(%);
|
|
||||||
const forkPath = path + candidate + suffix;
|
|
||||||
try {
|
|
||||||
forkPath |> fs.statSync(%);
|
|
||||||
return forkPath;
|
|
||||||
} catch (error) {
|
|
||||||
// Try the next candidate.
|
|
||||||
}
|
|
||||||
segments.pop();
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
// If you need to replace a file with another file for a specific environment,
|
|
||||||
// add it to this list with the logic for choosing the right replacement.
|
|
||||||
|
|
||||||
// Fork paths are relative to the project root. They must include the full path,
|
|
||||||
// including the extension. We intentionally don't use Node's module resolution
|
|
||||||
// algorithm because 1) require.resolve doesn't work with ESM modules, and 2)
|
|
||||||
// the behavior is easier to predict.
|
|
||||||
const forks = {
|
|
||||||
// Without this fork, importing `shared/ReactSharedInternals` inside
|
|
||||||
// the `react` package itself would not work due to a cyclical dependency.
|
|
||||||
'./packages/shared/ReactSharedInternals.js': (bundleType, entry, dependencies, _moduleType, bundle) => {
|
|
||||||
if (entry === 'react') {
|
|
||||||
return './packages/react/src/ReactSharedInternalsClient.js';
|
|
||||||
}
|
|
||||||
if (entry === 'react/src/ReactServer.js') {
|
|
||||||
return './packages/react/src/ReactSharedInternalsServer.js';
|
|
||||||
}
|
|
||||||
if (bundle.condition === 'react-server') {
|
|
||||||
return './packages/react-server/src/ReactSharedInternalsServer.js';
|
|
||||||
}
|
|
||||||
if (!('react/' |> entry.startsWith(%)) && ('react' |> dependencies.indexOf(%)) === -1) {
|
|
||||||
// React internals are unavailable if we can't reference the package.
|
|
||||||
// We return an error because we only want to throw if this module gets used.
|
|
||||||
return new Error('Cannot use a module that depends on ReactSharedInternals ' + 'from "' + entry + '" because it does not declare "react" in the package ' + 'dependencies or peerDependencies.');
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
// Without this fork, importing `shared/ReactDOMSharedInternals` inside
|
|
||||||
// the `react-dom` package itself would not work due to a cyclical dependency.
|
|
||||||
'./packages/shared/ReactDOMSharedInternals.js': (bundleType, entry, dependencies) => {
|
|
||||||
if (entry === 'react-dom' || entry === 'react-dom/src/ReactDOMFB.js' || entry === 'react-dom/src/ReactDOMTestingFB.js' || entry === 'react-dom/src/ReactDOMServer.js') {
|
|
||||||
if (bundleType === FB_WWW_DEV || bundleType === FB_WWW_PROD || bundleType === FB_WWW_PROFILING) {
|
|
||||||
return './packages/react-dom/src/ReactDOMSharedInternalsFB.js';
|
|
||||||
} else {
|
|
||||||
return './packages/react-dom/src/ReactDOMSharedInternals.js';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!('react-dom/' |> entry.startsWith(%)) && ('react-dom' |> dependencies.indexOf(%)) === -1) {
|
|
||||||
// React DOM internals are unavailable if we can't reference the package.
|
|
||||||
// We return an error because we only want to throw if this module gets used.
|
|
||||||
return new Error('Cannot use a module that depends on ReactDOMSharedInternals ' + 'from "' + entry + '" because it does not declare "react-dom" in the package ' + 'dependencies or peerDependencies.');
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
// We have a few forks for different environments.
|
|
||||||
'./packages/shared/ReactFeatureFlags.js': (bundleType, entry) => {
|
|
||||||
switch (entry) {
|
|
||||||
case 'react-native-renderer':
|
|
||||||
switch (bundleType) {
|
|
||||||
case RN_FB_DEV:
|
|
||||||
case RN_FB_PROD:
|
|
||||||
case RN_FB_PROFILING:
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.native-fb.js';
|
|
||||||
case RN_OSS_DEV:
|
|
||||||
case RN_OSS_PROD:
|
|
||||||
case RN_OSS_PROFILING:
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.native-oss.js';
|
|
||||||
default:
|
|
||||||
throw `Unexpected entry (${entry}) and bundleType (${bundleType})` |> Error(%);
|
|
||||||
}
|
|
||||||
case 'react-native-renderer/fabric':
|
|
||||||
switch (bundleType) {
|
|
||||||
case RN_FB_DEV:
|
|
||||||
case RN_FB_PROD:
|
|
||||||
case RN_FB_PROFILING:
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.native-fb.js';
|
|
||||||
case RN_OSS_DEV:
|
|
||||||
case RN_OSS_PROD:
|
|
||||||
case RN_OSS_PROFILING:
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.native-oss.js';
|
|
||||||
default:
|
|
||||||
throw `Unexpected entry (${entry}) and bundleType (${bundleType})` |> Error(%);
|
|
||||||
}
|
|
||||||
case 'react-test-renderer':
|
|
||||||
switch (bundleType) {
|
|
||||||
case RN_FB_DEV:
|
|
||||||
case RN_FB_PROD:
|
|
||||||
case RN_FB_PROFILING:
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.test-renderer.native-fb.js';
|
|
||||||
case FB_WWW_DEV:
|
|
||||||
case FB_WWW_PROD:
|
|
||||||
case FB_WWW_PROFILING:
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.test-renderer.www.js';
|
|
||||||
}
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.test-renderer.js';
|
|
||||||
default:
|
|
||||||
switch (bundleType) {
|
|
||||||
case FB_WWW_DEV:
|
|
||||||
case FB_WWW_PROD:
|
|
||||||
case FB_WWW_PROFILING:
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.www.js';
|
|
||||||
case RN_FB_DEV:
|
|
||||||
case RN_FB_PROD:
|
|
||||||
case RN_FB_PROFILING:
|
|
||||||
return './packages/shared/forks/ReactFeatureFlags.native-fb.js';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
'./packages/scheduler/src/SchedulerFeatureFlags.js': (bundleType, entry, dependencies) => {
|
|
||||||
if (bundleType === FB_WWW_DEV || bundleType === FB_WWW_PROD || bundleType === FB_WWW_PROFILING) {
|
|
||||||
return './packages/scheduler/src/forks/SchedulerFeatureFlags.www.js';
|
|
||||||
}
|
|
||||||
return './packages/scheduler/src/SchedulerFeatureFlags.js';
|
|
||||||
},
|
|
||||||
'./packages/shared/consoleWithStackDev.js': (bundleType, entry) => {
|
|
||||||
switch (bundleType) {
|
|
||||||
case FB_WWW_DEV:
|
|
||||||
return './packages/shared/forks/consoleWithStackDev.www.js';
|
|
||||||
default:
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'./packages/react-reconciler/src/ReactFiberConfig.js': (bundleType, entry, dependencies, moduleType) => {
|
|
||||||
if (('react-reconciler' |> dependencies.indexOf(%)) !== -1) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (moduleType !== RENDERER && moduleType !== RECONCILER) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
// eslint-disable-next-line no-for-of-loops/no-for-of-loops
|
|
||||||
for (let rendererInfo of inlinedHostConfigs) {
|
|
||||||
if ((entry |> rendererInfo.entryPoints.indexOf(%)) !== -1) {
|
|
||||||
const foundFork = findNearestExistingForkFile('./packages/react-reconciler/src/forks/ReactFiberConfig.', rendererInfo.shortName, '.js');
|
|
||||||
if (foundFork) {
|
|
||||||
return foundFork;
|
|
||||||
}
|
|
||||||
// fall through to error
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
throw new Error('Expected ReactFiberConfig to always be replaced with a shim, but ' + `found no mention of "${entry}" entry point in ./scripts/shared/inlinedHostConfigs.js. ` + 'Did you mean to add it there to associate it with a specific renderer?');
|
|
||||||
},
|
|
||||||
'./packages/react-server/src/ReactServerStreamConfig.js': (bundleType, entry, dependencies, moduleType) => {
|
|
||||||
if (('react-server' |> dependencies.indexOf(%)) !== -1) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (moduleType !== RENDERER && moduleType !== RECONCILER) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
// eslint-disable-next-line no-for-of-loops/no-for-of-loops
|
|
||||||
for (let rendererInfo of inlinedHostConfigs) {
|
|
||||||
if ((entry |> rendererInfo.entryPoints.indexOf(%)) !== -1) {
|
|
||||||
if (!rendererInfo.isServerSupported) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const foundFork = findNearestExistingForkFile('./packages/react-server/src/forks/ReactServerStreamConfig.', rendererInfo.shortName, '.js');
|
|
||||||
if (foundFork) {
|
|
||||||
return foundFork;
|
|
||||||
}
|
|
||||||
// fall through to error
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
throw new Error('Expected ReactServerStreamConfig to always be replaced with a shim, but ' + `found no mention of "${entry}" entry point in ./scripts/shared/inlinedHostConfigs.js. ` + 'Did you mean to add it there to associate it with a specific renderer?');
|
|
||||||
},
|
|
||||||
'./packages/react-server/src/ReactFizzConfig.js': (bundleType, entry, dependencies, moduleType) => {
|
|
||||||
if (('react-server' |> dependencies.indexOf(%)) !== -1) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (moduleType !== RENDERER && moduleType !== RECONCILER) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
// eslint-disable-next-line no-for-of-loops/no-for-of-loops
|
|
||||||
for (let rendererInfo of inlinedHostConfigs) {
|
|
||||||
if ((entry |> rendererInfo.entryPoints.indexOf(%)) !== -1) {
|
|
||||||
if (!rendererInfo.isServerSupported) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const foundFork = findNearestExistingForkFile('./packages/react-server/src/forks/ReactFizzConfig.', rendererInfo.shortName, '.js');
|
|
||||||
if (foundFork) {
|
|
||||||
return foundFork;
|
|
||||||
}
|
|
||||||
// fall through to error
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
throw new Error('Expected ReactFizzConfig to always be replaced with a shim, but ' + `found no mention of "${entry}" entry point in ./scripts/shared/inlinedHostConfigs.js. ` + 'Did you mean to add it there to associate it with a specific renderer?');
|
|
||||||
},
|
|
||||||
'./packages/react-server/src/ReactFlightServerConfig.js': (bundleType, entry, dependencies, moduleType) => {
|
|
||||||
if (('react-server' |> dependencies.indexOf(%)) !== -1) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (moduleType !== RENDERER && moduleType !== RECONCILER) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
// eslint-disable-next-line no-for-of-loops/no-for-of-loops
|
|
||||||
for (let rendererInfo of inlinedHostConfigs) {
|
|
||||||
if ((entry |> rendererInfo.entryPoints.indexOf(%)) !== -1) {
|
|
||||||
if (!rendererInfo.isServerSupported) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (rendererInfo.isFlightSupported === false) {
|
|
||||||
return new Error(`Expected not to use ReactFlightServerConfig with "${entry}" entry point ` + 'in ./scripts/shared/inlinedHostConfigs.js. Update the renderer config to ' + 'activate flight suppport and add a matching fork implementation for ReactFlightServerConfig.');
|
|
||||||
}
|
|
||||||
const foundFork = findNearestExistingForkFile('./packages/react-server/src/forks/ReactFlightServerConfig.', rendererInfo.shortName, '.js');
|
|
||||||
if (foundFork) {
|
|
||||||
return foundFork;
|
|
||||||
}
|
|
||||||
// fall through to error
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
throw new Error('Expected ReactFlightServerConfig to always be replaced with a shim, but ' + `found no mention of "${entry}" entry point in ./scripts/shared/inlinedHostConfigs.js. ` + 'Did you mean to add it there to associate it with a specific renderer?');
|
|
||||||
},
|
|
||||||
'./packages/react-client/src/ReactFlightClientConfig.js': (bundleType, entry, dependencies, moduleType) => {
|
|
||||||
if (('react-client' |> dependencies.indexOf(%)) !== -1) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (moduleType !== RENDERER && moduleType !== RECONCILER) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
// eslint-disable-next-line no-for-of-loops/no-for-of-loops
|
|
||||||
for (let rendererInfo of inlinedHostConfigs) {
|
|
||||||
if ((entry |> rendererInfo.entryPoints.indexOf(%)) !== -1) {
|
|
||||||
if (!rendererInfo.isServerSupported) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
if (rendererInfo.isFlightSupported === false) {
|
|
||||||
return new Error(`Expected not to use ReactFlightClientConfig with "${entry}" entry point ` + 'in ./scripts/shared/inlinedHostConfigs.js. Update the renderer config to ' + 'activate flight suppport and add a matching fork implementation for ReactFlightClientConfig.');
|
|
||||||
}
|
|
||||||
const foundFork = findNearestExistingForkFile('./packages/react-client/src/forks/ReactFlightClientConfig.', rendererInfo.shortName, '.js');
|
|
||||||
if (foundFork) {
|
|
||||||
return foundFork;
|
|
||||||
}
|
|
||||||
// fall through to error
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
throw new Error('Expected ReactFlightClientConfig to always be replaced with a shim, but ' + `found no mention of "${entry}" entry point in ./scripts/shared/inlinedHostConfigs.js. ` + 'Did you mean to add it there to associate it with a specific renderer?');
|
|
||||||
},
|
|
||||||
// We wrap top-level listeners into guards on www.
|
|
||||||
'./packages/react-dom-bindings/src/events/EventListener.js': (bundleType, entry) => {
|
|
||||||
switch (bundleType) {
|
|
||||||
case FB_WWW_DEV:
|
|
||||||
case FB_WWW_PROD:
|
|
||||||
case FB_WWW_PROFILING:
|
|
||||||
if (__EXPERIMENTAL__) {
|
|
||||||
// In modern builds we don't use the indirection. We just use raw DOM.
|
|
||||||
return null;
|
|
||||||
} else {
|
|
||||||
// Use the www fork which is integrated with TimeSlice profiling.
|
|
||||||
return './packages/react-dom-bindings/src/events/forks/EventListener-www.js';
|
|
||||||
}
|
|
||||||
default:
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'./packages/use-sync-external-store/src/useSyncExternalStore.js': (bundleType, entry) => {
|
|
||||||
if ('use-sync-external-store/shim' |> entry.startsWith(%)) {
|
|
||||||
return './packages/use-sync-external-store/src/forks/useSyncExternalStore.forward-to-shim.js';
|
|
||||||
}
|
|
||||||
if (entry !== 'use-sync-external-store') {
|
|
||||||
// Internal modules that aren't shims should use the native API from the
|
|
||||||
// react package.
|
|
||||||
return './packages/use-sync-external-store/src/forks/useSyncExternalStore.forward-to-built-in.js';
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
},
|
|
||||||
'./packages/use-sync-external-store/src/isServerEnvironment.js': (bundleType, entry) => {
|
|
||||||
if ('.native' |> entry.endsWith(%)) {
|
|
||||||
return './packages/use-sync-external-store/src/forks/isServerEnvironment.native.js';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} |> Object.freeze(%);
|
|
||||||
module.exports = forks;
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import { identity, mutate, mutateAndReturn } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
const key = {};
|
|
||||||
const context = {
|
|
||||||
[key |> mutateAndReturn(%)]: [props.value] |> identity(%)
|
|
||||||
};
|
|
||||||
return context;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
value: 42
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const f = item => item;
|
|
||||||
const x = f |> [...props.items].map(%); // `f` doesn't escape here...
|
|
||||||
return [x, f]; // ...but it does here so it's memoized
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
items: [{
|
|
||||||
id: 1
|
|
||||||
}]
|
|
||||||
}],
|
|
||||||
isComponent: false
|
|
||||||
};
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
// @validateMemoizedEffectDependencies
|
|
||||||
import { useLayoutEffect } from "react";
|
|
||||||
function Component(props) {
|
|
||||||
const data = {};
|
|
||||||
(() => {
|
|
||||||
props.value |> console.log(%);
|
|
||||||
}) |> useLayoutEffect(%, [data]);
|
|
||||||
data |> mutate(%);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
function Foo({}) {
|
|
||||||
const outer = val => {
|
|
||||||
const fact = x => {
|
|
||||||
if (x <= 0) {
|
|
||||||
return 1;
|
|
||||||
}
|
|
||||||
return x * (x - 1 |> fact(%));
|
|
||||||
};
|
|
||||||
return val |> fact(%);
|
|
||||||
};
|
|
||||||
return 3 |> outer(%);
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Foo,
|
|
||||||
params: [{}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
let x = [1, 2, 3];
|
|
||||||
let ret = [];
|
|
||||||
do {
|
|
||||||
let item = x.pop();
|
|
||||||
item * 2 |> ret.push(%);
|
|
||||||
} while (x.length && props.cond);
|
|
||||||
return ret;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const x = [];
|
|
||||||
props.value |> x.push(%);
|
|
||||||
const {
|
|
||||||
length: y
|
|
||||||
} = x;
|
|
||||||
y |> foo(%);
|
|
||||||
return [x, y];
|
|
||||||
}
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
function component(a) {
|
|
||||||
let z = {
|
|
||||||
a
|
|
||||||
};
|
|
||||||
let x = function () {
|
|
||||||
z.a |> console.log(%);
|
|
||||||
};
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
// @validateMemoizedEffectDependencies
|
|
||||||
import { useEffect } from "react";
|
|
||||||
function Component(props) {
|
|
||||||
const data = {};
|
|
||||||
(() => {
|
|
||||||
props.value |> console.log(%);
|
|
||||||
}) |> useEffect(%, [data]);
|
|
||||||
data |> mutate(%);
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
const {
|
|
||||||
mutate
|
|
||||||
} = "shared-runtime" |> require(%);
|
|
||||||
function component(a) {
|
|
||||||
let x = {
|
|
||||||
a
|
|
||||||
};
|
|
||||||
let y = {};
|
|
||||||
(function () {
|
|
||||||
y = x;
|
|
||||||
})();
|
|
||||||
y |> mutate(%);
|
|
||||||
return y;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: component,
|
|
||||||
params: ["foo"]
|
|
||||||
};
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
let x = cond ? someGlobal : props.foo;
|
|
||||||
const mutatePhiThatCouldBeProps = () => {
|
|
||||||
x.y = true;
|
|
||||||
};
|
|
||||||
const indirectMutateProps = () => {
|
|
||||||
mutatePhiThatCouldBeProps();
|
|
||||||
};
|
|
||||||
(() => indirectMutateProps()) |> useEffect(%, []);
|
|
||||||
}
|
|
||||||
|
|
@ -1,272 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
/* eslint-disable no-for-of-loops/no-for-of-loops */
|
|
||||||
const crypto = 'node:crypto' |> require(%);
|
|
||||||
const fs = 'fs' |> require(%);
|
|
||||||
const fse = 'fs-extra' |> require(%);
|
|
||||||
const {
|
|
||||||
spawnSync
|
|
||||||
} = 'child_process' |> require(%);
|
|
||||||
const path = 'path' |> require(%);
|
|
||||||
const tmp = 'tmp' |> require(%);
|
|
||||||
const shell = 'shelljs' |> require(%);
|
|
||||||
const {
|
|
||||||
ReactVersion,
|
|
||||||
stablePackages,
|
|
||||||
experimentalPackages,
|
|
||||||
canaryChannelLabel
|
|
||||||
} = '../../ReactVersions' |> require(%);
|
|
||||||
|
|
||||||
// Runs the build script for both stable and experimental release channels,
|
|
||||||
// by configuring an environment variable.
|
|
||||||
|
|
||||||
const sha = (('git' |> spawnSync(%, ['show', '-s', '--no-show-signature', '--format=%h'])).stdout |> String(%)).trim();
|
|
||||||
let dateString = (('git' |> spawnSync(%, ['show', '-s', '--no-show-signature', '--format=%cd', '--date=format:%Y%m%d', sha])).stdout |> String(%)).trim();
|
|
||||||
|
|
||||||
// On CI environment, this string is wrapped with quotes '...'s
|
|
||||||
if ("'" |> dateString.startsWith(%)) {
|
|
||||||
dateString = 1 |> dateString.slice(%, 9);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Build the artifacts using a placeholder React version. We'll then do a string
|
|
||||||
// replace to swap it with the correct version per release channel.
|
|
||||||
const PLACEHOLDER_REACT_VERSION = ReactVersion + '-PLACEHOLDER';
|
|
||||||
|
|
||||||
// TODO: We should inject the React version using a build-time parameter
|
|
||||||
// instead of overwriting the source files.
|
|
||||||
'./packages/shared/ReactVersion.js' |> fs.writeFileSync(%, `export default '${PLACEHOLDER_REACT_VERSION}';\n`);
|
|
||||||
if (process.env.CIRCLE_NODE_TOTAL) {
|
|
||||||
// In CI, we use multiple concurrent processes. Allocate half the processes to
|
|
||||||
// build the stable channel, and the other half for experimental. Override
|
|
||||||
// the environment variables to "trick" the underlying build script.
|
|
||||||
const total = process.env.CIRCLE_NODE_TOTAL |> parseInt(%, 10);
|
|
||||||
const halfTotal = total / 2 |> Math.floor(%);
|
|
||||||
const index = process.env.CIRCLE_NODE_INDEX |> parseInt(%, 10);
|
|
||||||
if (index < halfTotal) {
|
|
||||||
const nodeTotal = halfTotal;
|
|
||||||
const nodeIndex = index;
|
|
||||||
buildForChannel('stable', nodeTotal, nodeIndex);
|
|
||||||
'./build' |> processStable(%);
|
|
||||||
} else {
|
|
||||||
const nodeTotal = total - halfTotal;
|
|
||||||
const nodeIndex = index - halfTotal;
|
|
||||||
buildForChannel('experimental', nodeTotal, nodeIndex);
|
|
||||||
'./build' |> processExperimental(%);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// Running locally, no concurrency. Move each channel's build artifacts into
|
|
||||||
// a temporary directory so that they don't conflict.
|
|
||||||
buildForChannel('stable', '', '');
|
|
||||||
const stableDir = tmp.dirSync().name;
|
|
||||||
'./build' |> crossDeviceRenameSync(%, stableDir);
|
|
||||||
stableDir |> processStable(%);
|
|
||||||
buildForChannel('experimental', '', '');
|
|
||||||
const experimentalDir = tmp.dirSync().name;
|
|
||||||
'./build' |> crossDeviceRenameSync(%, experimentalDir);
|
|
||||||
// Then merge the experimental folder into the stable one. processExperimental
|
|
||||||
// will have already removed conflicting files.
|
|
||||||
//
|
|
||||||
// In CI, merging is handled automatically by CircleCI's workspace feature.
|
|
||||||
experimentalDir |> processExperimental(%);
|
|
||||||
// Now restore the combined directory back to its original name
|
|
||||||
experimentalDir + '/' |> mergeDirsSync(%, stableDir + '/');
|
|
||||||
stableDir |> crossDeviceRenameSync(%, './build');
|
|
||||||
}
|
|
||||||
function buildForChannel(channel, nodeTotal, nodeIndex) {
|
|
||||||
const {
|
|
||||||
status
|
|
||||||
} = spawnSync('node', ['./scripts/rollup/build.js', ...(2 |> process.argv.slice(%))], {
|
|
||||||
stdio: ['pipe', process.stdout, process.stderr],
|
|
||||||
env: {
|
|
||||||
...process.env,
|
|
||||||
RELEASE_CHANNEL: channel,
|
|
||||||
CIRCLE_NODE_TOTAL: nodeTotal,
|
|
||||||
CIRCLE_NODE_INDEX: nodeIndex
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (status !== 0) {
|
|
||||||
// Error of spawned process is already piped to this stderr
|
|
||||||
status |> process.exit(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function processStable(buildDir) {
|
|
||||||
if (buildDir + '/node_modules' |> fs.existsSync(%)) {
|
|
||||||
// Identical to `oss-stable` but with real, semver versions. This is what
|
|
||||||
// will get published to @latest.
|
|
||||||
shell.cp('-r', buildDir + '/node_modules', buildDir + '/oss-stable-semver');
|
|
||||||
const defaultVersionIfNotFound = '0.0.0' + '-' + sha + '-' + dateString;
|
|
||||||
const versionsMap = new Map();
|
|
||||||
for (const moduleName in stablePackages) {
|
|
||||||
const version = stablePackages[moduleName];
|
|
||||||
versionsMap.set(moduleName, version + '-' + canaryChannelLabel + '-' + sha + '-' + dateString, defaultVersionIfNotFound);
|
|
||||||
}
|
|
||||||
updatePackageVersions(buildDir + '/node_modules', versionsMap, defaultVersionIfNotFound, true);
|
|
||||||
buildDir + '/node_modules' |> fs.renameSync(%, buildDir + '/oss-stable');
|
|
||||||
// Now do the semver ones
|
|
||||||
buildDir + '/oss-stable' |> updatePlaceholderReactVersionInCompiledArtifacts(%, ReactVersion + '-' + canaryChannelLabel + '-' + sha + '-' + dateString);
|
|
||||||
const semverVersionsMap = new Map();
|
|
||||||
for (const moduleName in stablePackages) {
|
|
||||||
const version = stablePackages[moduleName];
|
|
||||||
moduleName |> semverVersionsMap.set(%, version);
|
|
||||||
}
|
|
||||||
updatePackageVersions(buildDir + '/oss-stable-semver', semverVersionsMap, defaultVersionIfNotFound, false);
|
|
||||||
buildDir + '/oss-stable-semver' |> updatePlaceholderReactVersionInCompiledArtifacts(%, ReactVersion);
|
|
||||||
}
|
|
||||||
if (buildDir + '/facebook-www' |> fs.existsSync(%)) {
|
|
||||||
for (const fileName of (buildDir + '/facebook-www' |> fs.readdirSync(%)).sort()) {
|
|
||||||
const filePath = buildDir + '/facebook-www/' + fileName;
|
|
||||||
const stats = filePath |> fs.statSync(%);
|
|
||||||
if (!stats.isDirectory()) {
|
|
||||||
filePath |> fs.renameSync(%, '.js' |> filePath.replace(%, '.classic.js'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
buildDir + '/facebook-www' |> updatePlaceholderReactVersionInCompiledArtifacts(%, ReactVersion + '-www-classic-%FILEHASH%');
|
|
||||||
}
|
|
||||||
// Update remaining placeholders with canary channel version
|
|
||||||
(reactNativeBuildDir => {
|
|
||||||
if (reactNativeBuildDir |> fs.existsSync(%)) {
|
|
||||||
reactNativeBuildDir |> updatePlaceholderReactVersionInCompiledArtifacts(%, ReactVersion + '-' + canaryChannelLabel + '-%FILEHASH%');
|
|
||||||
}
|
|
||||||
}) |> [buildDir + '/react-native/implementations/', buildDir + '/facebook-react-native/'].forEach(%);
|
|
||||||
buildDir |> updatePlaceholderReactVersionInCompiledArtifacts(%, ReactVersion + '-' + canaryChannelLabel + '-' + sha + '-' + dateString);
|
|
||||||
if (buildDir + '/sizes' |> fs.existsSync(%)) {
|
|
||||||
buildDir + '/sizes' |> fs.renameSync(%, buildDir + '/sizes-stable');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function processExperimental(buildDir, version) {
|
|
||||||
if (buildDir + '/node_modules' |> fs.existsSync(%)) {
|
|
||||||
const defaultVersionIfNotFound = '0.0.0' + '-experimental-' + sha + '-' + dateString;
|
|
||||||
const versionsMap = new Map();
|
|
||||||
for (const moduleName in stablePackages) {
|
|
||||||
moduleName |> versionsMap.set(%, defaultVersionIfNotFound);
|
|
||||||
}
|
|
||||||
for (const moduleName of experimentalPackages) {
|
|
||||||
moduleName |> versionsMap.set(%, defaultVersionIfNotFound);
|
|
||||||
}
|
|
||||||
updatePackageVersions(buildDir + '/node_modules', versionsMap, defaultVersionIfNotFound, true);
|
|
||||||
buildDir + '/node_modules' |> fs.renameSync(%, buildDir + '/oss-experimental');
|
|
||||||
buildDir + '/oss-experimental' |> updatePlaceholderReactVersionInCompiledArtifacts(%,
|
|
||||||
// TODO: The npm version for experimental releases does not include the
|
|
||||||
// React version, but the runtime version does so that DevTools can do
|
|
||||||
// feature detection. Decide what to do about this later.
|
|
||||||
ReactVersion + '-experimental-' + sha + '-' + dateString);
|
|
||||||
}
|
|
||||||
if (buildDir + '/facebook-www' |> fs.existsSync(%)) {
|
|
||||||
for (const fileName of (buildDir + '/facebook-www' |> fs.readdirSync(%)).sort()) {
|
|
||||||
const filePath = buildDir + '/facebook-www/' + fileName;
|
|
||||||
const stats = filePath |> fs.statSync(%);
|
|
||||||
if (!stats.isDirectory()) {
|
|
||||||
filePath |> fs.renameSync(%, '.js' |> filePath.replace(%, '.modern.js'));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
buildDir + '/facebook-www' |> updatePlaceholderReactVersionInCompiledArtifacts(%, ReactVersion + '-www-modern-%FILEHASH%');
|
|
||||||
}
|
|
||||||
// Update remaining placeholders with canary channel version
|
|
||||||
(reactNativeBuildDir => {
|
|
||||||
if (reactNativeBuildDir |> fs.existsSync(%)) {
|
|
||||||
reactNativeBuildDir |> updatePlaceholderReactVersionInCompiledArtifacts(%, ReactVersion + '-' + canaryChannelLabel + '-%FILEHASH%');
|
|
||||||
}
|
|
||||||
}) |> [buildDir + '/react-native/implementations/', buildDir + '/facebook-react-native/'].forEach(%);
|
|
||||||
buildDir |> updatePlaceholderReactVersionInCompiledArtifacts(%, ReactVersion + '-' + canaryChannelLabel + '-' + sha + '-' + dateString);
|
|
||||||
if (buildDir + '/sizes' |> fs.existsSync(%)) {
|
|
||||||
buildDir + '/sizes' |> fs.renameSync(%, buildDir + '/sizes-experimental');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Delete all other artifacts that weren't handled above. We assume they are
|
|
||||||
// duplicates of the corresponding artifacts in the stable channel. Ideally,
|
|
||||||
// the underlying build script should not have produced these files in the
|
|
||||||
// first place.
|
|
||||||
for (const pathName of buildDir |> fs.readdirSync(%)) {
|
|
||||||
if (pathName !== 'oss-experimental' && pathName !== 'facebook-www' && pathName !== 'sizes-experimental') {
|
|
||||||
'rm' |> spawnSync(%, ['-rm', buildDir + '/' + pathName]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function crossDeviceRenameSync(source, destination) {
|
|
||||||
return fse.moveSync(source, destination, {
|
|
||||||
overwrite: true
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Grabs the built packages in ${tmp_build_dir}/node_modules and updates the
|
|
||||||
* `version` key in their package.json to 0.0.0-${date}-${commitHash} for the commit
|
|
||||||
* you're building. Also updates the dependencies and peerDependencies
|
|
||||||
* to match this version for all of the 'React' packages
|
|
||||||
* (packages available in this repo).
|
|
||||||
*/
|
|
||||||
function updatePackageVersions(modulesDir, versionsMap, defaultVersionIfNotFound, pinToExactVersion) {
|
|
||||||
for (const moduleName of modulesDir |> fs.readdirSync(%)) {
|
|
||||||
let version = moduleName |> versionsMap.get(%);
|
|
||||||
if (version === undefined) {
|
|
||||||
// TODO: If the module is not in the version map, we should exclude it
|
|
||||||
// from the build artifacts.
|
|
||||||
version = defaultVersionIfNotFound;
|
|
||||||
}
|
|
||||||
const packageJSONPath = path.join(modulesDir, moduleName, 'package.json');
|
|
||||||
const stats = packageJSONPath |> fs.statSync(%);
|
|
||||||
if (stats.isFile()) {
|
|
||||||
const packageInfo = packageJSONPath |> fs.readFileSync(%) |> JSON.parse(%);
|
|
||||||
|
|
||||||
// Update version
|
|
||||||
packageInfo.version = version;
|
|
||||||
if (packageInfo.dependencies) {
|
|
||||||
for (const dep of packageInfo.dependencies |> Object.keys(%)) {
|
|
||||||
const depVersion = dep |> versionsMap.get(%);
|
|
||||||
if (depVersion !== undefined) {
|
|
||||||
packageInfo.dependencies[dep] = pinToExactVersion ? depVersion : '^' + depVersion;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (packageInfo.peerDependencies) {
|
|
||||||
if (!pinToExactVersion && (moduleName === 'use-sync-external-store' || moduleName === 'use-subscription')) {
|
|
||||||
// use-sync-external-store supports older versions of React, too, so
|
|
||||||
// we don't override to the latest version. We should figure out some
|
|
||||||
// better way to handle this.
|
|
||||||
// TODO: Remove this special case.
|
|
||||||
} else {
|
|
||||||
for (const dep of packageInfo.peerDependencies |> Object.keys(%)) {
|
|
||||||
const depVersion = dep |> versionsMap.get(%);
|
|
||||||
if (depVersion !== undefined) {
|
|
||||||
packageInfo.peerDependencies[dep] = pinToExactVersion ? depVersion : '^' + depVersion;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Write out updated package.json
|
|
||||||
packageJSONPath |> fs.writeFileSync(%, JSON.stringify(packageInfo, null, 2));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function updatePlaceholderReactVersionInCompiledArtifacts(artifactsDirectory, newVersion) {
|
|
||||||
// Update the version of React in the compiled artifacts by searching for
|
|
||||||
// the placeholder string and replacing it with a new one.
|
|
||||||
const artifactFilenames = (filename => '.js' |> filename.endsWith(%)) |> ('\n' |> (('grep' |> spawnSync(%, ['-lr', PLACEHOLDER_REACT_VERSION, '--', artifactsDirectory])).stdout |> String(%)).trim().split(%)).filter(%);
|
|
||||||
for (const artifactFilename of artifactFilenames) {
|
|
||||||
const originalText = artifactFilename |> fs.readFileSync(%, 'utf8');
|
|
||||||
const fileHash = 'sha1' |> crypto.createHash(%);
|
|
||||||
originalText |> fileHash.update(%);
|
|
||||||
const replacedText = PLACEHOLDER_REACT_VERSION |> originalText.replaceAll(%, /%FILEHASH%/g |> newVersion.replace(%, 0 |> ('hex' |> fileHash.digest(%)).slice(%, 8)));
|
|
||||||
artifactFilename |> fs.writeFileSync(%, replacedText);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* cross-platform alternative to `rsync -ar`
|
|
||||||
* @param {string} source
|
|
||||||
* @param {string} destination
|
|
||||||
*/
|
|
||||||
function mergeDirsSync(source, destination) {
|
|
||||||
for (const sourceFileBaseName of source |> fs.readdirSync(%)) {
|
|
||||||
const sourceFileName = source |> path.join(%, sourceFileBaseName);
|
|
||||||
const targetFileName = destination |> path.join(%, sourceFileBaseName);
|
|
||||||
const sourceFile = sourceFileName |> fs.statSync(%);
|
|
||||||
if (sourceFile.isDirectory()) {
|
|
||||||
targetFileName |> fse.ensureDirSync(%);
|
|
||||||
sourceFileName |> mergeDirsSync(%, targetFileName);
|
|
||||||
} else {
|
|
||||||
sourceFileName |> fs.copyFileSync(%, targetFileName);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const item = graphql`...` |> useFragment(%, props.item);
|
|
||||||
return item.items?.map(item => item |> renderItem(%)) ?? [];
|
|
||||||
}
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
import { useMemo } from "react";
|
|
||||||
function Component(props) {
|
|
||||||
const x = (() => {
|
|
||||||
let y = [];
|
|
||||||
if (props.cond) {
|
|
||||||
props.a |> y.push(%);
|
|
||||||
}
|
|
||||||
if (props.cond2) {
|
|
||||||
return y;
|
|
||||||
}
|
|
||||||
props.b |> y.push(%);
|
|
||||||
return y;
|
|
||||||
}) |> useMemo(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
a: 1,
|
|
||||||
b: 2,
|
|
||||||
cond2: false
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const filtered = (item => item != null) |> props.items.filter(%);
|
|
||||||
return filtered;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
items: [{
|
|
||||||
a: true
|
|
||||||
}, null, true, false, null, "string", 3.14, null, [null]]
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
function Component() {
|
|
||||||
const a = [];
|
|
||||||
const b = a;
|
|
||||||
a |> useFreeze(%);
|
|
||||||
// should be readonly, value is guaranteed frozen via alias
|
|
||||||
b |> foo(%);
|
|
||||||
return b;
|
|
||||||
}
|
|
||||||
function useFreeze() {}
|
|
||||||
function foo(x) {}
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import { identity } from "shared-runtime";
|
|
||||||
function Component(x = [() => {}, true, 42, "hello"] |> identity(%)) {
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: []
|
|
||||||
};
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
function component(a, b) {
|
|
||||||
let z = {
|
|
||||||
a
|
|
||||||
};
|
|
||||||
{
|
|
||||||
let z = {
|
|
||||||
b
|
|
||||||
};
|
|
||||||
(function () {
|
|
||||||
z |> mutate(%);
|
|
||||||
})();
|
|
||||||
}
|
|
||||||
return z;
|
|
||||||
}
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
import { createHookWrapper, mutate } from "shared-runtime";
|
|
||||||
function useHook(a) {
|
|
||||||
const x = {
|
|
||||||
a
|
|
||||||
};
|
|
||||||
let obj = {
|
|
||||||
method() {
|
|
||||||
x |> mutate(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return obj.method();
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: useHook |> createHookWrapper(%),
|
|
||||||
params: [{
|
|
||||||
x: 1
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
/**
|
|
||||||
* props.b does *not* influence `a`
|
|
||||||
*/
|
|
||||||
function ComponentA(props) {
|
|
||||||
const a_DEBUG = [];
|
|
||||||
props.a |> a_DEBUG.push(%);
|
|
||||||
if (props.b) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
props.d |> a_DEBUG.push(%);
|
|
||||||
return a_DEBUG;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* props.b *does* influence `a`
|
|
||||||
*/
|
|
||||||
function ComponentB(props) {
|
|
||||||
const a = [];
|
|
||||||
props.a |> a.push(%);
|
|
||||||
if (props.b) {
|
|
||||||
props.c |> a.push(%);
|
|
||||||
}
|
|
||||||
props.d |> a.push(%);
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* props.b *does* influence `a`, but only in a way that is never observable
|
|
||||||
*/
|
|
||||||
function ComponentC(props) {
|
|
||||||
const a = [];
|
|
||||||
props.a |> a.push(%);
|
|
||||||
if (props.b) {
|
|
||||||
props.c |> a.push(%);
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
props.d |> a.push(%);
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* props.b *does* influence `a`
|
|
||||||
*/
|
|
||||||
function ComponentD(props) {
|
|
||||||
const a = [];
|
|
||||||
props.a |> a.push(%);
|
|
||||||
if (props.b) {
|
|
||||||
props.c |> a.push(%);
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
props.d |> a.push(%);
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: ComponentA,
|
|
||||||
params: [{
|
|
||||||
a: 1,
|
|
||||||
b: false,
|
|
||||||
d: 3
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
function Foo(props) {
|
|
||||||
const onFoo = (reason => {
|
|
||||||
props.router.location |> log(%);
|
|
||||||
}) |> useCallback(%, [props.router.location]);
|
|
||||||
return onFoo;
|
|
||||||
}
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const x = [{}, [], props.value];
|
|
||||||
const y = (() => "this closure gets stringified, not called") |> x.join(%);
|
|
||||||
y |> foo(%);
|
|
||||||
return [x, y];
|
|
||||||
}
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
/**
|
|
||||||
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
||||||
*
|
|
||||||
* This source code is licensed under the MIT license found in the
|
|
||||||
* LICENSE file in the root directory of this source tree.
|
|
||||||
*/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const execFileSync = ('child_process' |> require(%)).execFileSync;
|
|
||||||
const exec = (command, args) => {
|
|
||||||
'> ' + (' ' |> (args |> [command].concat(%)).join(%)) |> console.log(%);
|
|
||||||
const options = {
|
|
||||||
cwd: process.cwd(),
|
|
||||||
env: process.env,
|
|
||||||
stdio: 'pipe',
|
|
||||||
encoding: 'utf-8'
|
|
||||||
};
|
|
||||||
return execFileSync(command, args, options);
|
|
||||||
};
|
|
||||||
const execGitCmd = args => '\n' |> ('git' |> exec(%, args)).trim().toString().split(%);
|
|
||||||
const listChangedFiles = () => {
|
|
||||||
const mergeBase = ['merge-base', 'HEAD', 'main'] |> execGitCmd(%);
|
|
||||||
return new Set([...(['diff', '--name-only', '--diff-filter=ACMRTUB', mergeBase] |> execGitCmd(%)), ...(['ls-files', '--others', '--exclude-standard'] |> execGitCmd(%))]);
|
|
||||||
};
|
|
||||||
module.exports = listChangedFiles;
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
function component(a, b) {
|
|
||||||
let x = (() => {
|
|
||||||
if (a) {
|
|
||||||
return {
|
|
||||||
b
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}) |> useMemo(%, [a, b]);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,20 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const x = (() => {
|
|
||||||
switch (props.key) {
|
|
||||||
case "key":
|
|
||||||
{
|
|
||||||
return props.value;
|
|
||||||
}
|
|
||||||
default:
|
|
||||||
{
|
|
||||||
return props.defaultValue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}) |> useMemo(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
// arrayInstance.at should have the following effects:
|
|
||||||
// - read on arg0
|
|
||||||
// - read on receiver
|
|
||||||
// - mutate on lvalue
|
|
||||||
function ArrayAtTest(props) {
|
|
||||||
const arr = [props.x |> foo(%)];
|
|
||||||
const result = props.y |> bar(%) |> arr.at(%);
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
import { identity } from "shared-runtime";
|
|
||||||
const SCALE = 2;
|
|
||||||
function Component(props) {
|
|
||||||
const {
|
|
||||||
key
|
|
||||||
} = props;
|
|
||||||
const context = {
|
|
||||||
[key]: [props.value, SCALE] |> identity(%)
|
|
||||||
};
|
|
||||||
return context;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
key: "Sathya",
|
|
||||||
value: "Compiler"
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
// Forget currently bails out when it detects a potential mutation (Effect.Mutate)
|
|
||||||
// to an immutable value. This should not apply to unknown / untyped hooks.
|
|
||||||
function Component(props) {
|
|
||||||
const x = props |> useUnknownHook1(%);
|
|
||||||
const y = x |> useUnknownHook2(%);
|
|
||||||
return y;
|
|
||||||
}
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const x = {};
|
|
||||||
let y;
|
|
||||||
if (props.cond) {
|
|
||||||
y = [props.value];
|
|
||||||
} else {
|
|
||||||
y = [];
|
|
||||||
}
|
|
||||||
// This should be inferred as `<store> y` s.t. `x` can still
|
|
||||||
// be independently memoized. *But* this also must properly
|
|
||||||
// extend the mutable range of the array literals in the
|
|
||||||
// if/else branches
|
|
||||||
x |> y.push(%);
|
|
||||||
return [x, y];
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
cond: true,
|
|
||||||
value: 42
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
function component(a, b) {
|
|
||||||
let x = (c => a) |> useMemo(%, []);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
import { identity } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
let [x] = props.value;
|
|
||||||
const foo = () => {
|
|
||||||
x = props.value[0] |> identity(%);
|
|
||||||
};
|
|
||||||
foo();
|
|
||||||
return {
|
|
||||||
x
|
|
||||||
};
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
value: [42]
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
let x = [];
|
|
||||||
if (props.cond) {
|
|
||||||
props.a |> x.push(%);
|
|
||||||
if (props.b) {
|
|
||||||
const y = [props.b];
|
|
||||||
// oops no memo!
|
|
||||||
y |> x.push(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
// oops no memo!
|
|
||||||
return x;
|
|
||||||
} else {
|
|
||||||
return foo();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
cond: true,
|
|
||||||
a: 42,
|
|
||||||
b: 3.14
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
import { useState } from "react";
|
|
||||||
import { Stringify } from "shared-runtime";
|
|
||||||
|
|
||||||
// This is a translation of the original merge-consecutive-scopes which uses plain objects
|
|
||||||
// to describe the UI instead of JSX. The JSXText elements in that fixture happen to
|
|
||||||
// prevent scome scopes from merging, which concealed a bug with the merging logic.
|
|
||||||
// By avoiding JSX we eliminate extraneous instructions and more accurately test the merging.
|
|
||||||
function Component(props) {
|
|
||||||
let [state, setState] = 0 |> useState(%);
|
|
||||||
return [{
|
|
||||||
component: Stringify,
|
|
||||||
props: {
|
|
||||||
text: "Counter"
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
component: "span",
|
|
||||||
props: {
|
|
||||||
children: [state]
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
component: "button",
|
|
||||||
props: {
|
|
||||||
"data-testid": "button",
|
|
||||||
onClick: () => state + 1 |> setState(%),
|
|
||||||
children: ["increment"]
|
|
||||||
}
|
|
||||||
}];
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
/**
|
|
||||||
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
||||||
*
|
|
||||||
* This source code is licensed under the MIT license found in the
|
|
||||||
* LICENSE file in the root directory of this source tree.
|
|
||||||
*/
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
function evalStringConcat(ast) {
|
|
||||||
switch (ast.type) {
|
|
||||||
case 'StringLiteral':
|
|
||||||
case 'Literal':
|
|
||||||
// ESLint
|
|
||||||
return ast.value;
|
|
||||||
case 'BinaryExpression':
|
|
||||||
// `+`
|
|
||||||
if (ast.operator !== '+') {
|
|
||||||
throw new Error('Unsupported binary operator ' + ast.operator);
|
|
||||||
}
|
|
||||||
return (ast.left |> evalStringConcat(%)) + (ast.right |> evalStringConcat(%));
|
|
||||||
default:
|
|
||||||
throw new Error('Unsupported type ' + ast.type);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
exports.evalStringConcat = evalStringConcat;
|
|
||||||
function evalStringAndTemplateConcat(ast, args) {
|
|
||||||
switch (ast.type) {
|
|
||||||
case 'StringLiteral':
|
|
||||||
return ast.value;
|
|
||||||
case 'BinaryExpression':
|
|
||||||
// `+`
|
|
||||||
if (ast.operator !== '+') {
|
|
||||||
throw new Error('Unsupported binary operator ' + ast.operator);
|
|
||||||
}
|
|
||||||
return (ast.left |> evalStringAndTemplateConcat(%, args)) + (ast.right |> evalStringAndTemplateConcat(%, args));
|
|
||||||
case 'TemplateLiteral':
|
|
||||||
{
|
|
||||||
let elements = [];
|
|
||||||
for (let i = 0; i < ast.quasis.length; i++) {
|
|
||||||
const elementNode = ast.quasis[i];
|
|
||||||
if (elementNode.type !== 'TemplateElement') {
|
|
||||||
throw new Error('Unsupported type ' + ast.type);
|
|
||||||
}
|
|
||||||
elementNode.value.cooked |> elements.push(%);
|
|
||||||
}
|
|
||||||
args.push(...ast.expressions);
|
|
||||||
return '%s' |> elements.join(%);
|
|
||||||
}
|
|
||||||
default:
|
|
||||||
// Anything that's not a string is interpreted as an argument.
|
|
||||||
ast |> args.push(%);
|
|
||||||
return '%s';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
exports.evalStringAndTemplateConcat = evalStringAndTemplateConcat;
|
|
||||||
|
|
@ -1,47 +0,0 @@
|
||||||
import { makeArray } from "shared-runtime";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* This fixture tests what happens when a reactive has no declarations (other than an early return),
|
|
||||||
* no reassignments, and no dependencies. In this case the only thing we can use to decide if we
|
|
||||||
* should take the if or else branch is the early return declaration. But if that uses the same
|
|
||||||
* sentinel as the memo cache sentinel, then if the previous execution did not early return it will
|
|
||||||
* look like we didn't execute the memo block yet, and we'll needlessly re-execute instead of skipping
|
|
||||||
* to the else branch.
|
|
||||||
*
|
|
||||||
* We have to use a distinct sentinel for the early return value.
|
|
||||||
*
|
|
||||||
* Here the fixture will always take the "else" branch and never early return. Logging (not included)
|
|
||||||
* confirms that the scope for `x` only executes once, on the first render of the component.
|
|
||||||
*/
|
|
||||||
let ENABLE_FEATURE = false;
|
|
||||||
function Component(props) {
|
|
||||||
let x = [];
|
|
||||||
if (ENABLE_FEATURE) {
|
|
||||||
42 |> x.push(%);
|
|
||||||
return x;
|
|
||||||
} else {
|
|
||||||
"fallthrough" |> console.log(%);
|
|
||||||
}
|
|
||||||
return props.a |> makeArray(%);
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [],
|
|
||||||
sequentialRenders: [{
|
|
||||||
a: 42
|
|
||||||
}, {
|
|
||||||
a: 42
|
|
||||||
}, {
|
|
||||||
a: 3.14
|
|
||||||
}, {
|
|
||||||
a: 3.14
|
|
||||||
}, {
|
|
||||||
a: 42
|
|
||||||
}, {
|
|
||||||
a: 3.14
|
|
||||||
}, {
|
|
||||||
a: 42
|
|
||||||
}, {
|
|
||||||
a: 3.14
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
function component(a) {
|
|
||||||
let x = {
|
|
||||||
a
|
|
||||||
};
|
|
||||||
let y = {};
|
|
||||||
const f0 = function () {
|
|
||||||
let a = y;
|
|
||||||
a["x"] = x;
|
|
||||||
};
|
|
||||||
f0();
|
|
||||||
y |> mutate(%);
|
|
||||||
return y;
|
|
||||||
}
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
import { identity } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
const $ = "jQuery" |> identity(%);
|
|
||||||
const t0 = [$] |> identity(%);
|
|
||||||
return t0;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
function Component() {
|
|
||||||
function callback(x) {
|
|
||||||
if (x == 0) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
return x - 1 |> callback(%);
|
|
||||||
}
|
|
||||||
return 10 |> callback(%);
|
|
||||||
}
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const mutateProps = () => {
|
|
||||||
props.value = true;
|
|
||||||
};
|
|
||||||
const indirectMutateProps = () => {
|
|
||||||
mutateProps();
|
|
||||||
};
|
|
||||||
(() => indirectMutateProps()) |> useEffect(%, []);
|
|
||||||
}
|
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
function foo(props) {
|
|
||||||
let {
|
|
||||||
x
|
|
||||||
} = {
|
|
||||||
x: []
|
|
||||||
};
|
|
||||||
props.bar |> x.push(%);
|
|
||||||
if (props.cond) {
|
|
||||||
({
|
|
||||||
x
|
|
||||||
} = {
|
|
||||||
x: {}
|
|
||||||
});
|
|
||||||
({
|
|
||||||
x
|
|
||||||
} = {
|
|
||||||
x: []
|
|
||||||
});
|
|
||||||
props.foo |> x.push(%);
|
|
||||||
}
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: foo,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
let x = makeObject();
|
|
||||||
([[x]] = makeObject()) |> x.foo(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
// We should codegen nested optional properties correctly
|
|
||||||
// (i.e. placing `?` in the correct PropertyLoad)
|
|
||||||
function Component(props) {
|
|
||||||
let x = props.a?.b.c.d |> foo(%);
|
|
||||||
return x;
|
|
||||||
}
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const x = useState;
|
|
||||||
const state = null |> x(%);
|
|
||||||
return state[0];
|
|
||||||
}
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
function foo() {
|
|
||||||
const x = [];
|
|
||||||
const y = {
|
|
||||||
x: x
|
|
||||||
};
|
|
||||||
[] |> y.x.push(%);
|
|
||||||
return y;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: foo,
|
|
||||||
params: [],
|
|
||||||
isComponent: false
|
|
||||||
};
|
|
||||||
|
|
@ -1,311 +0,0 @@
|
||||||
'use strict';
|
|
||||||
|
|
||||||
const {
|
|
||||||
spawn
|
|
||||||
} = 'child_process' |> require(%);
|
|
||||||
const chalk = 'chalk' |> require(%);
|
|
||||||
const yargs = 'yargs' |> require(%);
|
|
||||||
const fs = 'fs' |> require(%);
|
|
||||||
const path = 'path' |> require(%);
|
|
||||||
const semver = 'semver' |> require(%);
|
|
||||||
const ossConfig = './scripts/jest/config.source.js';
|
|
||||||
const wwwConfig = './scripts/jest/config.source-www.js';
|
|
||||||
const devToolsConfig = './scripts/jest/config.build-devtools.js';
|
|
||||||
|
|
||||||
// TODO: These configs are separate but should be rolled into the configs above
|
|
||||||
// so that the CLI can provide them as options for any of the configs.
|
|
||||||
const persistentConfig = './scripts/jest/config.source-persistent.js';
|
|
||||||
const buildConfig = './scripts/jest/config.build.js';
|
|
||||||
const argv = ({
|
|
||||||
debug: {
|
|
||||||
alias: 'd',
|
|
||||||
describe: 'Run with node debugger attached.',
|
|
||||||
requiresArg: false,
|
|
||||||
type: 'boolean',
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
project: {
|
|
||||||
alias: 'p',
|
|
||||||
describe: 'Run the given project.',
|
|
||||||
requiresArg: true,
|
|
||||||
type: 'string',
|
|
||||||
default: 'default',
|
|
||||||
choices: ['default', 'devtools']
|
|
||||||
},
|
|
||||||
releaseChannel: {
|
|
||||||
alias: 'r',
|
|
||||||
describe: 'Run with the given release channel.',
|
|
||||||
requiresArg: true,
|
|
||||||
type: 'string',
|
|
||||||
default: 'experimental',
|
|
||||||
choices: ['experimental', 'stable', 'www-classic', 'www-modern']
|
|
||||||
},
|
|
||||||
env: {
|
|
||||||
alias: 'e',
|
|
||||||
describe: 'Run with the given node environment.',
|
|
||||||
requiresArg: true,
|
|
||||||
type: 'string',
|
|
||||||
choices: ['development', 'production']
|
|
||||||
},
|
|
||||||
prod: {
|
|
||||||
describe: 'Run with NODE_ENV=production.',
|
|
||||||
requiresArg: false,
|
|
||||||
type: 'boolean',
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
dev: {
|
|
||||||
describe: 'Run with NODE_ENV=development.',
|
|
||||||
requiresArg: false,
|
|
||||||
type: 'boolean',
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
variant: {
|
|
||||||
alias: 'v',
|
|
||||||
describe: 'Run with www variant set to true.',
|
|
||||||
requiresArg: false,
|
|
||||||
type: 'boolean'
|
|
||||||
},
|
|
||||||
build: {
|
|
||||||
alias: 'b',
|
|
||||||
describe: 'Run tests on builds.',
|
|
||||||
requiresArg: false,
|
|
||||||
type: 'boolean',
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
persistent: {
|
|
||||||
alias: 'n',
|
|
||||||
describe: 'Run with persistence.',
|
|
||||||
requiresArg: false,
|
|
||||||
type: 'boolean',
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
ci: {
|
|
||||||
describe: 'Run tests in CI',
|
|
||||||
requiresArg: false,
|
|
||||||
type: 'boolean',
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
compactConsole: {
|
|
||||||
alias: 'c',
|
|
||||||
describe: 'Compact console output (hide file locations).',
|
|
||||||
requiresArg: false,
|
|
||||||
type: 'boolean',
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
reactVersion: {
|
|
||||||
describe: 'DevTools testing for specific version of React',
|
|
||||||
requiresArg: true,
|
|
||||||
type: 'string'
|
|
||||||
},
|
|
||||||
sourceMaps: {
|
|
||||||
describe: 'Enable inline source maps when transforming source files with Jest. Useful for debugging, but makes it slower.',
|
|
||||||
type: 'boolean',
|
|
||||||
default: false
|
|
||||||
}
|
|
||||||
} |> (yargs.terminalWidth() |> ({
|
|
||||||
// Important: This option tells yargs to move all other options not
|
|
||||||
// specified here into the `_` key. We use this to send all of the
|
|
||||||
// Jest options that we don't use through to Jest (like --watch).
|
|
||||||
'unknown-options-as-args': true
|
|
||||||
} |> yargs.parserConfiguration(%)).wrap(%)).options(%)).argv;
|
|
||||||
function logError(message) {
|
|
||||||
`\n${message}` |> chalk.red(%) |> console.error(%);
|
|
||||||
}
|
|
||||||
function isWWWConfig() {
|
|
||||||
return (argv.releaseChannel === 'www-classic' || argv.releaseChannel === 'www-modern') && argv.project !== 'devtools';
|
|
||||||
}
|
|
||||||
function isOSSConfig() {
|
|
||||||
return argv.releaseChannel === 'stable' || argv.releaseChannel === 'experimental';
|
|
||||||
}
|
|
||||||
function validateOptions() {
|
|
||||||
let success = true;
|
|
||||||
if (argv.project === 'devtools') {
|
|
||||||
if (argv.prod) {
|
|
||||||
'DevTool tests do not support --prod. Remove this option to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.dev) {
|
|
||||||
'DevTool tests do not support --dev. Remove this option to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.env) {
|
|
||||||
'DevTool tests do not support --env. Remove this option to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.persistent) {
|
|
||||||
'DevTool tests do not support --persistent. Remove this option to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.variant) {
|
|
||||||
'DevTool tests do not support --variant. Remove this option to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (!argv.build) {
|
|
||||||
'DevTool tests require --build.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.reactVersion && !(argv.reactVersion |> semver.validRange(%))) {
|
|
||||||
success = false;
|
|
||||||
'please specify a valid version range for --reactVersion' |> logError(%);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (argv.compactConsole) {
|
|
||||||
'Only DevTool tests support compactConsole flag.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.reactVersion) {
|
|
||||||
'Only DevTools tests supports the --reactVersion flag.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (isWWWConfig()) {
|
|
||||||
if (argv.variant === undefined) {
|
|
||||||
// Turn internal experiments on by default
|
|
||||||
argv.variant = true;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (argv.variant) {
|
|
||||||
'Variant is only supported for the www release channels. Update these options to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (argv.build && argv.persistent) {
|
|
||||||
'Persistence is not supported for build targets. Update these options to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (!isOSSConfig() && argv.persistent) {
|
|
||||||
'Persistence only supported for oss release channels. Update these options to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.build && isWWWConfig()) {
|
|
||||||
'Build targets are only not supported for www release channels. Update these options to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.env && argv.env !== 'production' && argv.prod) {
|
|
||||||
'Build type does not match --prod. Update these options to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.env && argv.env !== 'development' && argv.dev) {
|
|
||||||
'Build type does not match --dev. Update these options to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.prod && argv.dev) {
|
|
||||||
'Cannot supply both --prod and --dev. Remove one of these options to continue.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
}
|
|
||||||
if (argv.build) {
|
|
||||||
// TODO: We could build this if it hasn't been built yet.
|
|
||||||
const buildDir = './build' |> path.resolve(%);
|
|
||||||
if (!(buildDir |> fs.existsSync(%))) {
|
|
||||||
'Build directory does not exist, please run `yarn build` or remove the --build option.' |> logError(%);
|
|
||||||
success = false;
|
|
||||||
} else if (Date.now() - (buildDir |> fs.statSync(%)).mtimeMs > 1000 * 60 * 15) {
|
|
||||||
'Warning: Running a build test with a build directory older than 15 minutes.\nPlease remember to run `yarn build` when using --build.' |> logError(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (!success) {
|
|
||||||
// Extra newline.
|
|
||||||
'' |> console.log(%);
|
|
||||||
1 |> process.exit(%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function getCommandArgs() {
|
|
||||||
// Add the correct Jest config.
|
|
||||||
const args = ['./scripts/jest/jest.js', '--config'];
|
|
||||||
if (argv.project === 'devtools') {
|
|
||||||
devToolsConfig |> args.push(%);
|
|
||||||
} else if (argv.build) {
|
|
||||||
buildConfig |> args.push(%);
|
|
||||||
} else if (argv.persistent) {
|
|
||||||
persistentConfig |> args.push(%);
|
|
||||||
} else if (isWWWConfig()) {
|
|
||||||
wwwConfig |> args.push(%);
|
|
||||||
} else if (isOSSConfig()) {
|
|
||||||
ossConfig |> args.push(%);
|
|
||||||
} else {
|
|
||||||
// We should not get here.
|
|
||||||
'Unrecognized release channel' |> logError(%);
|
|
||||||
1 |> process.exit(%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set the debug options, if necessary.
|
|
||||||
if (argv.debug) {
|
|
||||||
'--inspect-brk' |> args.unshift(%);
|
|
||||||
// Prevent console logs from being hidden until test completes.
|
|
||||||
'--runInBand' |> args.push(%);
|
|
||||||
'--useStderr' |> args.push(%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// CI Environments have limited workers.
|
|
||||||
if (argv.ci) {
|
|
||||||
'--maxWorkers=2' |> args.push(%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Push the remaining args onto the command.
|
|
||||||
// This will send args like `--watch` to Jest.
|
|
||||||
args.push(...argv._);
|
|
||||||
return args;
|
|
||||||
}
|
|
||||||
function getEnvars() {
|
|
||||||
const envars = {
|
|
||||||
NODE_ENV: argv.env || 'development',
|
|
||||||
RELEASE_CHANNEL: /modern|experimental/ |> argv.releaseChannel.match(%) ? 'experimental' : 'stable',
|
|
||||||
// Pass this flag through to the config environment
|
|
||||||
// so the base config can conditionally load the console setup file.
|
|
||||||
compactConsole: argv.compactConsole
|
|
||||||
};
|
|
||||||
if (argv.prod) {
|
|
||||||
envars.NODE_ENV = 'production';
|
|
||||||
}
|
|
||||||
if (argv.dev) {
|
|
||||||
envars.NODE_ENV = 'development';
|
|
||||||
}
|
|
||||||
if (argv.variant) {
|
|
||||||
envars.VARIANT = true;
|
|
||||||
}
|
|
||||||
if (argv.reactVersion) {
|
|
||||||
envars.REACT_VERSION = argv.reactVersion |> semver.coerce(%);
|
|
||||||
}
|
|
||||||
if (argv.sourceMaps) {
|
|
||||||
// This is off by default because it slows down the test runner, but it's
|
|
||||||
// super useful when running the debugger.
|
|
||||||
envars.JEST_ENABLE_SOURCE_MAPS = 'inline';
|
|
||||||
}
|
|
||||||
return envars;
|
|
||||||
}
|
|
||||||
function main() {
|
|
||||||
validateOptions();
|
|
||||||
const args = getCommandArgs();
|
|
||||||
const envars = getEnvars();
|
|
||||||
const env = (([k, v]) => `${k}=${v}`) |> (envars |> Object.entries(%)).map(%);
|
|
||||||
|
|
||||||
// Print the full command we're actually running.
|
|
||||||
const command = `$ ${' ' |> env.join(%)} node ${' ' |> args.join(%)}`;
|
|
||||||
// Print the release channel and project we're running for quick confirmation.
|
|
||||||
command |> chalk.dim(%) |> console.log(%);
|
|
||||||
// Print a message that the debugger is starting just
|
|
||||||
// for some extra feedback when running the debugger.
|
|
||||||
`\nRunning tests for ${argv.project} (${argv.releaseChannel})...` |> chalk.blue(%) |> console.log(%);
|
|
||||||
if (argv.debug) {
|
|
||||||
'\nStarting debugger...' |> chalk.green(%) |> console.log(%);
|
|
||||||
'Open chrome://inspect and press "inspect"\n' |> chalk.green(%) |> console.log(%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Run Jest.
|
|
||||||
const jest = spawn('node', args, {
|
|
||||||
stdio: 'inherit',
|
|
||||||
env: {
|
|
||||||
...envars,
|
|
||||||
...process.env
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Ensure we close our process when we get a failure case.
|
|
||||||
'close' |> jest.on(%, code => {
|
|
||||||
// Forward the exit code from the Jest process.
|
|
||||||
if (code === 1) {
|
|
||||||
1 |> process.exit(%);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
main();
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
function foo() {
|
|
||||||
const x = [];
|
|
||||||
const y = {};
|
|
||||||
y.x = x;
|
|
||||||
x |> mutate(%);
|
|
||||||
return y;
|
|
||||||
}
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
// @enablePreserveExistingMemoizationGuarantees:false
|
|
||||||
import { useMemo } from "react";
|
|
||||||
import { identity, makeObject_Primitives, mutate } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
const object = (() => makeObject_Primitives()) |> useMemo(%, []);
|
|
||||||
object |> identity(%);
|
|
||||||
return object;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
function useFoo() {}
|
|
||||||
function Foo() {
|
|
||||||
let name = useFoo.name;
|
|
||||||
name |> console.log(%);
|
|
||||||
return name;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Foo,
|
|
||||||
params: []
|
|
||||||
};
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
function Component(props) {
|
|
||||||
const x = {};
|
|
||||||
const y = x |> Boolean(%);
|
|
||||||
return [x, y];
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: ["TodoAdd"],
|
|
||||||
isComponent: "TodoAdd"
|
|
||||||
};
|
|
||||||
|
|
@ -1,42 +0,0 @@
|
||||||
import { identity } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
let x;
|
|
||||||
// Reassign `x` based on a reactive value, but inside a function expression
|
|
||||||
// to make it a context variable
|
|
||||||
const f = () => {
|
|
||||||
if (props.cond) {
|
|
||||||
x = 1;
|
|
||||||
} else {
|
|
||||||
x = 2;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// Pass `f` through a function to prevent IIFE inlining optimizations
|
|
||||||
const f2 = f |> identity(%);
|
|
||||||
f2();
|
|
||||||
|
|
||||||
// The values assigned to `x` are non-reactive, but the value of `x`
|
|
||||||
// depends on the "control" value `props.cond` which is reactive.
|
|
||||||
// Therefore x should be treated as reactive too.
|
|
||||||
return [x];
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [],
|
|
||||||
sequentialRenders: [{
|
|
||||||
cond: true
|
|
||||||
}, {
|
|
||||||
cond: true
|
|
||||||
}, {
|
|
||||||
cond: false
|
|
||||||
}, {
|
|
||||||
cond: false
|
|
||||||
}, {
|
|
||||||
cond: true
|
|
||||||
}, {
|
|
||||||
cond: false
|
|
||||||
}, {
|
|
||||||
cond: true
|
|
||||||
}, {
|
|
||||||
cond: false
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
import { useState } from "react";
|
|
||||||
function Foo() {
|
|
||||||
let [state, setState] = {} |> useState(%);
|
|
||||||
state.foo = 1;
|
|
||||||
return state;
|
|
||||||
}
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
function Component(c) {
|
|
||||||
let x = {
|
|
||||||
c
|
|
||||||
};
|
|
||||||
x |> mutate(%);
|
|
||||||
let a = x;
|
|
||||||
let b = a;
|
|
||||||
}
|
|
||||||
|
|
@ -1,15 +0,0 @@
|
||||||
import { identity, mutate, mutateAndReturn } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
const key = {};
|
|
||||||
const context = {
|
|
||||||
[key |> mutateAndReturn(%)]: [props.value] |> identity(%)
|
|
||||||
};
|
|
||||||
key |> mutate(%);
|
|
||||||
return context;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{
|
|
||||||
value: 42
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
import React from "react";
|
|
||||||
import { shallowCopy } from "shared-runtime";
|
|
||||||
function Component(props) {
|
|
||||||
const childProps = {
|
|
||||||
style: {
|
|
||||||
width: props.width
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const element = React.createElement("div", childProps, ["hello world"]);
|
|
||||||
// function that in theory could mutate, we assume not bc createElement freezes
|
|
||||||
childProps |> shallowCopy(%);
|
|
||||||
return element;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: Component,
|
|
||||||
params: [{}]
|
|
||||||
};
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
import { createHookWrapper, identity, CONST_STRING0, CONST_STRING1 } from "shared-runtime";
|
|
||||||
function useHook({
|
|
||||||
value
|
|
||||||
}) {
|
|
||||||
return {
|
|
||||||
getValue() {
|
|
||||||
return value |> identity(%);
|
|
||||||
}
|
|
||||||
}.getValue() ? CONST_STRING0 : CONST_STRING1;
|
|
||||||
}
|
|
||||||
export const FIXTURE_ENTRYPOINT = {
|
|
||||||
fn: useHook |> createHookWrapper(%),
|
|
||||||
params: [{
|
|
||||||
value: 0
|
|
||||||
}]
|
|
||||||
};
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue