You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
166 lines
4.1 KiB
166 lines
4.1 KiB
'use strict'; |
|
|
|
Object.defineProperty(exports, '__esModule', { |
|
value: true |
|
}); |
|
exports.test = exports.serialize = exports.default = void 0; |
|
|
|
var ReactIs = _interopRequireWildcard(require('react-is')); |
|
|
|
var _markup = require('./lib/markup'); |
|
|
|
function _getRequireWildcardCache(nodeInterop) { |
|
if (typeof WeakMap !== 'function') return null; |
|
var cacheBabelInterop = new WeakMap(); |
|
var cacheNodeInterop = new WeakMap(); |
|
return (_getRequireWildcardCache = function (nodeInterop) { |
|
return nodeInterop ? cacheNodeInterop : cacheBabelInterop; |
|
})(nodeInterop); |
|
} |
|
|
|
function _interopRequireWildcard(obj, nodeInterop) { |
|
if (!nodeInterop && obj && obj.__esModule) { |
|
return obj; |
|
} |
|
if (obj === null || (typeof obj !== 'object' && typeof obj !== 'function')) { |
|
return {default: obj}; |
|
} |
|
var cache = _getRequireWildcardCache(nodeInterop); |
|
if (cache && cache.has(obj)) { |
|
return cache.get(obj); |
|
} |
|
var newObj = {}; |
|
var hasPropertyDescriptor = |
|
Object.defineProperty && Object.getOwnPropertyDescriptor; |
|
for (var key in obj) { |
|
if (key !== 'default' && Object.prototype.hasOwnProperty.call(obj, key)) { |
|
var desc = hasPropertyDescriptor |
|
? Object.getOwnPropertyDescriptor(obj, key) |
|
: null; |
|
if (desc && (desc.get || desc.set)) { |
|
Object.defineProperty(newObj, key, desc); |
|
} else { |
|
newObj[key] = obj[key]; |
|
} |
|
} |
|
} |
|
newObj.default = obj; |
|
if (cache) { |
|
cache.set(obj, newObj); |
|
} |
|
return newObj; |
|
} |
|
|
|
/** |
|
* Copyright (c) Facebook, Inc. and its affiliates. All Rights Reserved. |
|
* |
|
* This source code is licensed under the MIT license found in the |
|
* LICENSE file in the root directory of this source tree. |
|
*/ |
|
// Given element.props.children, or subtree during recursive traversal, |
|
// return flattened array of children. |
|
const getChildren = (arg, children = []) => { |
|
if (Array.isArray(arg)) { |
|
arg.forEach(item => { |
|
getChildren(item, children); |
|
}); |
|
} else if (arg != null && arg !== false) { |
|
children.push(arg); |
|
} |
|
|
|
return children; |
|
}; |
|
|
|
const getType = element => { |
|
const type = element.type; |
|
|
|
if (typeof type === 'string') { |
|
return type; |
|
} |
|
|
|
if (typeof type === 'function') { |
|
return type.displayName || type.name || 'Unknown'; |
|
} |
|
|
|
if (ReactIs.isFragment(element)) { |
|
return 'React.Fragment'; |
|
} |
|
|
|
if (ReactIs.isSuspense(element)) { |
|
return 'React.Suspense'; |
|
} |
|
|
|
if (typeof type === 'object' && type !== null) { |
|
if (ReactIs.isContextProvider(element)) { |
|
return 'Context.Provider'; |
|
} |
|
|
|
if (ReactIs.isContextConsumer(element)) { |
|
return 'Context.Consumer'; |
|
} |
|
|
|
if (ReactIs.isForwardRef(element)) { |
|
if (type.displayName) { |
|
return type.displayName; |
|
} |
|
|
|
const functionName = type.render.displayName || type.render.name || ''; |
|
return functionName !== '' |
|
? 'ForwardRef(' + functionName + ')' |
|
: 'ForwardRef'; |
|
} |
|
|
|
if (ReactIs.isMemo(element)) { |
|
const functionName = |
|
type.displayName || type.type.displayName || type.type.name || ''; |
|
return functionName !== '' ? 'Memo(' + functionName + ')' : 'Memo'; |
|
} |
|
} |
|
|
|
return 'UNDEFINED'; |
|
}; |
|
|
|
const getPropKeys = element => { |
|
const {props} = element; |
|
return Object.keys(props) |
|
.filter(key => key !== 'children' && props[key] !== undefined) |
|
.sort(); |
|
}; |
|
|
|
const serialize = (element, config, indentation, depth, refs, printer) => |
|
++depth > config.maxDepth |
|
? (0, _markup.printElementAsLeaf)(getType(element), config) |
|
: (0, _markup.printElement)( |
|
getType(element), |
|
(0, _markup.printProps)( |
|
getPropKeys(element), |
|
element.props, |
|
config, |
|
indentation + config.indent, |
|
depth, |
|
refs, |
|
printer |
|
), |
|
(0, _markup.printChildren)( |
|
getChildren(element.props.children), |
|
config, |
|
indentation + config.indent, |
|
depth, |
|
refs, |
|
printer |
|
), |
|
config, |
|
indentation |
|
); |
|
|
|
exports.serialize = serialize; |
|
|
|
const test = val => val != null && ReactIs.isElement(val); |
|
|
|
exports.test = test; |
|
const plugin = { |
|
serialize, |
|
test |
|
}; |
|
var _default = plugin; |
|
exports.default = _default;
|
|
|