You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
167 lines
3.9 KiB
JavaScript
167 lines
3.9 KiB
JavaScript
12 months ago
|
'use strict';
|
||
|
|
||
|
Object.defineProperty(exports, '__esModule', {
|
||
|
value: true
|
||
|
});
|
||
|
exports.default = exports.test = exports.serialize = void 0;
|
||
|
|
||
|
var ReactIs = _interopRequireWildcard(require('react-is'));
|
||
|
|
||
|
var _markup = require('./lib/markup');
|
||
|
|
||
|
function _getRequireWildcardCache() {
|
||
|
if (typeof WeakMap !== 'function') return null;
|
||
|
var cache = new WeakMap();
|
||
|
_getRequireWildcardCache = function () {
|
||
|
return cache;
|
||
|
};
|
||
|
return cache;
|
||
|
}
|
||
|
|
||
|
function _interopRequireWildcard(obj) {
|
||
|
if (obj && obj.__esModule) {
|
||
|
return obj;
|
||
|
}
|
||
|
if (obj === null || (typeof obj !== 'object' && typeof obj !== 'function')) {
|
||
|
return {default: obj};
|
||
|
}
|
||
|
var cache = _getRequireWildcardCache();
|
||
|
if (cache && cache.has(obj)) {
|
||
|
return cache.get(obj);
|
||
|
}
|
||
|
var newObj = {};
|
||
|
var hasPropertyDescriptor =
|
||
|
Object.defineProperty && Object.getOwnPropertyDescriptor;
|
||
|
for (var key in obj) {
|
||
|
if (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 && ReactIs.isElement(val);
|
||
|
|
||
|
exports.test = test;
|
||
|
const plugin = {
|
||
|
serialize,
|
||
|
test
|
||
|
};
|
||
|
var _default = plugin;
|
||
|
exports.default = _default;
|