node_modules
.bin
@ampproject
@babel
code-frame
compat-data
core
generator
helper-annotate-as-pure
helper-builder-binary-assignment-operator-visitor
helper-compilation-targets
helper-create-class-features-plugin
helper-create-regexp-features-plugin
helper-define-polyfill-provider
helper-environment-visitor
helper-explode-assignable-expression
helper-function-name
helper-hoist-variables
helper-member-expression-to-functions
helper-module-imports
helper-module-transforms
helper-optimise-call-expression
helper-plugin-utils
helper-remap-async-to-generator
helper-replace-supers
helper-simple-access
helper-skip-transparent-expression-wrappers
helper-split-export-declaration
helper-string-parser
helper-validator-identifier
helper-validator-option
helper-wrap-function
helpers
highlight
parser
plugin-bugfix-safari-id-destructuring-collision-in-function-expression
plugin-bugfix-v8-spread-parameters-in-optional-chaining
plugin-proposal-async-generator-functions
plugin-proposal-class-properties
plugin-proposal-class-static-block
plugin-proposal-dynamic-import
plugin-proposal-export-namespace-from
plugin-proposal-json-strings
plugin-proposal-logical-assignment-operators
plugin-proposal-nullish-coalescing-operator
plugin-proposal-numeric-separator
plugin-proposal-object-rest-spread
plugin-proposal-optional-catch-binding
plugin-proposal-optional-chaining
plugin-proposal-private-methods
plugin-proposal-private-property-in-object
plugin-proposal-unicode-property-regex
plugin-syntax-async-generators
plugin-syntax-class-properties
plugin-syntax-class-static-block
plugin-syntax-dynamic-import
plugin-syntax-export-namespace-from
plugin-syntax-import-assertions
plugin-syntax-json-strings
plugin-syntax-logical-assignment-operators
plugin-syntax-nullish-coalescing-operator
plugin-syntax-numeric-separator
plugin-syntax-object-rest-spread
plugin-syntax-optional-catch-binding
plugin-syntax-optional-chaining
plugin-syntax-private-property-in-object
plugin-syntax-top-level-await
plugin-transform-arrow-functions
plugin-transform-async-to-generator
plugin-transform-block-scoped-functions
plugin-transform-block-scoping
plugin-transform-classes
plugin-transform-computed-properties
plugin-transform-destructuring
plugin-transform-dotall-regex
plugin-transform-duplicate-keys
plugin-transform-exponentiation-operator
plugin-transform-for-of
plugin-transform-function-name
plugin-transform-literals
plugin-transform-member-expression-literals
plugin-transform-modules-amd
plugin-transform-modules-commonjs
plugin-transform-modules-systemjs
plugin-transform-modules-umd
plugin-transform-named-capturing-groups-regex
plugin-transform-new-target
plugin-transform-object-super
plugin-transform-parameters
plugin-transform-property-literals
plugin-transform-regenerator
plugin-transform-reserved-words
plugin-transform-shorthand-properties
plugin-transform-spread
plugin-transform-sticky-regex
plugin-transform-template-literals
plugin-transform-typeof-symbol
plugin-transform-unicode-escapes
plugin-transform-unicode-regex
preset-env
preset-modules
lib
plugins
transform-async-arrows-in-class
transform-edge-default-parameters
transform-edge-function-name
transform-jsx-spread
index.js
transform-safari-block-shadowing
transform-safari-for-shadowing
transform-tagged-template-caching
index.js
src
LICENSE
README.md
package.json
runtime
template
traverse
types
@discoveryjs
@gar
@istanbuljs
@jridgewell
@leichtgewicht
@npmcli
@riotjs
@tootallnate
@types
@ungap
@webassemblyjs
@webpack-cli
@xtuc
abab
abbrev
accepts
acorn
acorn-globals
acorn-import-assertions
acorn-walk
agent-base
agentkeepalive
aggregate-error
ajv
ajv-formats
ajv-keywords
ansi-colors
ansi-html-community
ansi-regex
ansi-styles
anymatch
append-transform
aproba
archy
are-we-there-yet
argparse
array-flatten
arrify
assertion-error
ast-types
async-foreach
asynckit
babel-plugin-dynamic-import-node
babel-plugin-polyfill-corejs2
babel-plugin-polyfill-corejs3
babel-plugin-polyfill-regenerator
balanced-match
batch
bianco.attr
bianco.dom-to-array
bianco.events
bianco.query
big.js
binary-extensions
body-parser
bonjour-service
boolbase
brace-expansion
braces
browser-process-hrtime
browser-stdout
browserslist
buffer-from
bytes
cacache
caching-transform
call-bind
camel-case
camelcase
camelcase-keys
caniuse-lite
chai
chalk
check-error
chokidar
chownr
chrome-trace-event
clean-css
clean-stack
cliui
clone-deep
color-convert
color-name
color-support
colorette
combined-stream
commander
commondir
compressible
compression
concat-map
connect-history-api-fallback
console-control-strings
content-disposition
content-type
convert-source-map
cookie
cookie-signature
core-js-compat
core-util-is
cross-spawn
css-select
css-what
cssesc
cssom
cssstyle
cumpa
curri
data-urls
debug
decamelize
decamelize-keys
decimal.js
deep-eql
deep-is
default-gateway
default-require-extensions
define-lazy-prop
define-properties
delayed-stream
delegates
depd
destroy
detect-node
diff
dns-equal
dns-packet
dom-converter
dom-nodes
dom-serializer
domelementtype
domexception
domhandler
domutils
dot-case
ee-first
electron-to-chromium
emoji-regex
emojis-list
encodeurl
encoding
enhanced-resolve
entities
env-paths
envinfo
err-code
erre
error-ex
es-module-lexer
es6-error
escalade
escape-html
escape-string-regexp
escodegen
eslint-scope
esm
esprima
esrecurse
estraverse
esutils
etag
eventemitter3
events
execa
express
fast-deep-equal
fast-json-stable-stringify
fast-levenshtein
fastest-levenshtein
faye-websocket
fill-range
finalhandler
find-up
flat
follow-redirects
foreground-child
form-data
forwarded
fresh
fromentries
fs-minipass
fs-monkey
fs.realpath
function-bind
gauge
gaze
gensync
get-caller-file
get-func-name
get-intrinsic
get-package-type
get-stdin
get-stream
glob
glob-parent
glob-to-regexp
globals
globule
graceful-fs
growl
handle-thing
hard-rejection
has
has-flag
has-property-descriptors
has-symbols
has-unicode
hasha
he
hosted-git-info
hpack.js
html-encoding-sniffer
html-entities
html-escaper
html-minifier-terser
html-webpack-plugin
htmlparser2
http-cache-semantics
http-deceiver
http-errors
http-parser-js
http-proxy
http-proxy-agent
http-proxy-middleware
https-proxy-agent
human-signals
humanize-ms
iconv-lite
imurmurhash
indent-string
infer-owner
inflight
inherits
interpret
ip
ipaddr.js
is-arrayish
is-binary-path
is-core-module
is-docker
is-extglob
is-fullwidth-code-point
is-glob
is-lambda
is-number
is-plain-obj
is-plain-object
is-potential-custom-element-name
is-stream
is-typedarray
is-windows
is-wsl
isarray
isexe
isobject
istanbul-lib-coverage
istanbul-lib-hook
istanbul-lib-instrument
istanbul-lib-processinfo
istanbul-lib-report
istanbul-lib-source-maps
istanbul-reports
jest-worker
js-base64
js-tokens
js-yaml
jsdom
jsdom-global
jsesc
json-parse-even-better-errors
json-schema-traverse
json5
kind-of
levn
lines-and-columns
loader-runner
locate-path
lodash
lodash.debounce
lodash.flattendeep
log-symbols
loupe
lower-case
lru-cache
make-fetch-happen
map-obj
media-typer
memfs
meow
merge-descriptors
merge-stream
methods
micromatch
mime
mime-db
mime-types
mimic-fn
min-indent
minimalistic-assert
minimatch
minimist-options
minipass
minipass-collect
minipass-fetch
minipass-flush
minipass-pipeline
minipass-sized
minizlib
mkdirp
mocha
ms
multicast-dns
nan
nanoid
negotiator
neo-async
no-case
node-forge
node-gyp
node-preload
node-releases
node-sass
nopt
normalize-package-data
normalize-path
npm-run-path
npmlog
nth-check
nwsapi
nyc
object-inspect
object-keys
object.assign
obuf
on-finished
on-headers
once
onetime
open
optionator
p-limit
p-locate
p-map
p-retry
p-try
package-hash
param-case
parse-json
parse5
parseurl
pascal-case
path-exists
path-is-absolute
path-key
path-parse
path-to-regexp
pathval
picocolors
picomatch
pirates
prelude-ls
pretty-error
process-nextick-args
process-on-spawn
promise-inflight
promise-retry
proxy-addr
psl
punycode
qs
quick-lru
randombytes
range-parser
raw-body
rawth
read-pkg
read-pkg-up
readable-stream
readdirp
recast
rechoir
redent
regenerate
regenerate-unicode-properties
regenerator-runtime
regenerator-transform
regexpu-core
regjsgen
regjsparser
relateurl
release-zalgo
renderkid
require-directory
require-from-string
require-main-filename
requires-port
resolve
retry
rimraf
riot
ruit
safe-buffer
safer-buffer
sass-graph
saxes
schema-utils
scss-tokenizer
select-hose
selfsigned
semver
send
serialize-javascript
serve-index
serve-static
set-blocking
setprototypeof
shallow-clone
shebang-command
shebang-regex
side-channel
signal-exit
smart-buffer
sockjs
socks
socks-proxy-agent
source-map
source-map-support
spawn-wrap
spdx-correct
spdx-exceptions
spdx-expression-parse
spdx-license-ids
spdy
spdy-transport
sprintf-js
ssri
statuses
stdout-stream
string-width
string_decoder
strip-ansi
strip-final-newline
strip-indent
strip-json-comments
supports-color
symbol-tree
tapable
tar
terser
terser-webpack-plugin
test-exclude
thunky
to-fast-properties
to-regex-range
toidentifier
tough-cookie
tr46
trim-newlines
true-case-path
tslib
type-check
type-detect
type-fest
type-is
typedarray-to-buffer
unicode-canonical-property-names-ecmascript
unicode-match-property-ecmascript
unicode-match-property-value-ecmascript
unicode-property-aliases-ecmascript
unique-filename
unique-slug
universalify
unpipe
update-browserslist-db
uri-js
util-deprecate
utila
utils-merge
uuid
validate-npm-package-license
vary
w3c-hr-time
w3c-xmlserializer
watchpack
wbuf
webidl-conversions
webpack
webpack-cli
webpack-dev-middleware
webpack-dev-server
webpack-merge
webpack-sources
websocket-driver
websocket-extensions
whatwg-encoding
whatwg-mimetype
whatwg-url
which
which-module
wide-align
wildcard
word-wrap
workerpool
wrap-ansi
wrappy
write-file-atomic
ws
xml-name-validator
xmlchars
y18n
yallist
yargs
yargs-parser
yargs-unparser
yocto-queue
.package-lock.json
src
LICENSE
package-lock.json
package.json
readme.md
webpack.config.js
115 lines
3.4 KiB
JavaScript
115 lines
3.4 KiB
JavaScript
![]() |
"use strict";
|
||
|
|
||
|
exports.__esModule = true;
|
||
|
exports.default = void 0;
|
||
|
|
||
|
var _esutils = _interopRequireDefault(require("esutils"));
|
||
|
|
||
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
|
||
|
/**
|
||
|
* Converts JSX Spread arguments into Object Spread, avoiding Babel's helper or Object.assign injection.
|
||
|
* Input:
|
||
|
* <div a="1" {...b} />
|
||
|
* Output:
|
||
|
* <div {...{ a: "1", ...b }} />
|
||
|
* ...which Babel converts to:
|
||
|
* h("div", { a: "1", ...b })
|
||
|
*/
|
||
|
var _default = ({
|
||
|
types: t
|
||
|
}) => {
|
||
|
// converts a set of JSXAttributes to an Object.assign() call
|
||
|
function convertAttributesAssign(attributes) {
|
||
|
const args = [];
|
||
|
|
||
|
for (let i = 0, current; i < attributes.length; i++) {
|
||
|
const node = attributes[i];
|
||
|
|
||
|
if (t.isJSXSpreadAttribute(node)) {
|
||
|
// the first attribute is a spread, avoid copying all other attributes onto it
|
||
|
if (i === 0) {
|
||
|
args.push(t.objectExpression([]));
|
||
|
}
|
||
|
|
||
|
current = null;
|
||
|
args.push(node.argument);
|
||
|
} else {
|
||
|
const name = getAttributeName(node);
|
||
|
const value = getAttributeValue(node);
|
||
|
|
||
|
if (!current) {
|
||
|
current = t.objectExpression([]);
|
||
|
args.push(current);
|
||
|
}
|
||
|
|
||
|
current.properties.push(t.objectProperty(name, value));
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return t.callExpression(t.memberExpression(t.identifier("Object"), t.identifier("assign")), args);
|
||
|
} // Converts a JSXAttribute to the equivalent ObjectExpression property
|
||
|
|
||
|
|
||
|
function convertAttributeSpread(node) {
|
||
|
if (t.isJSXSpreadAttribute(node)) {
|
||
|
return t.spreadElement(node.argument);
|
||
|
}
|
||
|
|
||
|
const name = getAttributeName(node);
|
||
|
const value = getAttributeValue(node);
|
||
|
return t.inherits(t.objectProperty(name, value), node);
|
||
|
} // Convert a JSX attribute name to an Object expression property name
|
||
|
|
||
|
|
||
|
function getAttributeName(node) {
|
||
|
if (t.isJSXNamespacedName(node.name)) {
|
||
|
return t.stringLiteral(node.name.namespace.name + ":" + node.name.name.name);
|
||
|
}
|
||
|
|
||
|
if (_esutils.default.keyword.isIdentifierNameES6(node.name.name)) {
|
||
|
return t.identifier(node.name.name);
|
||
|
}
|
||
|
|
||
|
return t.stringLiteral(node.name.name);
|
||
|
} // Convert a JSX attribute value to a JavaScript expression value
|
||
|
|
||
|
|
||
|
function getAttributeValue(node) {
|
||
|
let value = node.value || t.booleanLiteral(true);
|
||
|
|
||
|
if (t.isJSXExpressionContainer(value)) {
|
||
|
value = value.expression;
|
||
|
} else if (t.isStringLiteral(value)) {
|
||
|
value.value = value.value.replace(/\n\s+/g, " "); // "raw" JSXText should not be used from a StringLiteral because it needs to be escaped.
|
||
|
|
||
|
if (value.extra && value.extra.raw) {
|
||
|
delete value.extra.raw;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return value;
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
name: "transform-jsx-spread",
|
||
|
visitor: {
|
||
|
JSXOpeningElement(path, state) {
|
||
|
const useSpread = state.opts.useSpread === true;
|
||
|
const hasSpread = path.node.attributes.some(attr => t.isJSXSpreadAttribute(attr)); // ignore JSX Elements without spread or with lone spread:
|
||
|
|
||
|
if (!hasSpread || path.node.attributes.length === 1) return;
|
||
|
|
||
|
if (useSpread) {
|
||
|
path.node.attributes = [t.jsxSpreadAttribute(t.objectExpression(path.node.attributes.map(convertAttributeSpread)))];
|
||
|
} else {
|
||
|
path.node.attributes = [t.jsxSpreadAttribute(convertAttributesAssign(path.node.attributes))];
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
};
|
||
|
};
|
||
|
|
||
|
exports.default = _default;
|
||
|
module.exports = exports.default;
|