Diffusion Open Access Compliance Check Tool (OACCT) (dev) Browse

rOACCT/node_modules/babel-plugin-styled-components/lib/visitors/displayNameAndId.js
2e74391c0d8edev

displayNameAndId.js
View Options

			"use strict";

			Object.defineProperty(exports, "__esModule", {
			value: true
			});
			exports.default = void 0;

			var _path = _interopRequireDefault(require("path"));

			var _fs = _interopRequireDefault(require("fs"));

			var _options = require("../utils/options");

			var _getName = _interopRequireDefault(require("../utils/getName"));

			var _prefixDigit = _interopRequireDefault(require("../utils/prefixDigit"));

			var _hash = _interopRequireDefault(require("../utils/hash"));

			var _detectors = require("../utils/detectors");

			function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

			const addConfig = t => (path, displayName, componentId) => {
			if (!displayName && !componentId) {
			return;
			}

			const withConfigProps = [];

			if (displayName) {
			withConfigProps.push(t.objectProperty(t.identifier('displayName'), t.stringLiteral(displayName)));
			}

			if (componentId) {
			withConfigProps.push(t.objectProperty(t.identifier('componentId'), t.stringLiteral(componentId)));
			}

			const existingConfig = getExistingConfig(t)(path);

			if (existingConfig && existingConfig.arguments.length && Array.isArray(existingConfig.arguments[0].properties) && !existingConfig.arguments[0].properties.some(prop => ['displayName', 'componentId'].includes(prop.key.name))) {
			existingConfig.arguments[0].properties.push(...withConfigProps);
			return;
			}

			if (path.node.callee && t.isMemberExpression(path.node.callee.callee) && path.node.callee.callee.property && path.node.callee.callee.property.name && path.node.callee.callee.property.name == 'withConfig' && path.node.callee.arguments.length && Array.isArray(path.node.callee.arguments[0].properties) && !path.node.callee.arguments[0].properties.some(prop => ['displayName', 'componentId'].includes(prop.key.name))) {
			path.node.callee.arguments[0].properties.push(...withConfigProps);
			return;
			}

			if (path.node.tag) {
			// Replace x`...` with x.withConfig({ })`...`
			path.node.tag = t.callExpression(t.memberExpression(path.node.tag, t.identifier('withConfig')), [t.objectExpression(withConfigProps)]);
			} else {
			path.replaceWith(t.callExpression(t.callExpression(t.memberExpression(path.node.callee, t.identifier('withConfig')), [t.objectExpression(withConfigProps)]), path.node.arguments));
			}
			};

			const getExistingConfig = t => path => {
			if (path.node.callee && t.isMemberExpression(path.node.callee.callee) && path.node.callee.callee.property && path.node.callee.callee.property.name && path.node.callee.callee.property.name == 'withConfig') {
			return path.node.callee;
			}

			if (path.node.callee && t.isMemberExpression(path.node.callee.callee) && path.node.callee.callee.object && path.node.callee.callee.object.callee && path.node.callee.callee.object.callee.property && path.node.callee.callee.object.callee.property.name === 'withConfig') {
			return path.node.callee.callee.object;
			}
			};

			const getBlockName = (file, meaninglessFileNames) => {
			const name = _path.default.basename(file.opts.filename, _path.default.extname(file.opts.filename));

			return meaninglessFileNames.includes(name) ? _path.default.basename(_path.default.dirname(file.opts.filename)) : name;
			};

			const getDisplayName = t => (path, state) => {
			const {
			file
			} = state;
			const componentName = (0, _getName.default)(t)(path);

			if (file) {
			const blockName = getBlockName(file, (0, _options.useMeaninglessFileNames)(state));

			if (blockName === componentName) {
			return componentName;
			}

			return componentName ? `${(0, _prefixDigit.default)(blockName)}__${componentName}` : (0, _prefixDigit.default)(blockName);
			} else {
			return componentName;
			}
			};

			const findModuleRoot = filename => {
			if (!filename) {
			return null;
			}

			let dir = _path.default.dirname(filename);

			if (_fs.default.existsSync(_path.default.join(dir, 'package.json'))) {
			return dir;
			} else if (dir !== filename) {
			return findModuleRoot(dir);
			} else {
			return null;
			}
			};

			const FILE_HASH = 'styled-components-file-hash';
			const COMPONENT_POSITION = 'styled-components-component-position';
			const separatorRegExp = new RegExp(`\\${_path.default.sep}`, 'g');

			const getFileHash = state => {
			const {
			file
			} = state; // hash calculation is costly due to fs operations, so we'll cache it per file.

			if (file.get(FILE_HASH)) {
			return file.get(FILE_HASH);
			}

			const filename = file.opts.filename; // find module root directory

			const moduleRoot = findModuleRoot(filename);

			const filePath = moduleRoot && _path.default.relative(moduleRoot, filename).replace(separatorRegExp, '/');

			const moduleName = moduleRoot && JSON.parse(_fs.default.readFileSync(_path.default.join(moduleRoot, 'package.json'))).name;
			const code = file.code;
			const stuffToHash = [moduleName];

			if (filePath) {
			stuffToHash.push(filePath);
			} else {
			stuffToHash.push(code);
			}

			const fileHash = (0, _hash.default)(stuffToHash.join(''));
			file.set(FILE_HASH, fileHash);
			return fileHash;
			};

			const getNextId = state => {
			const id = state.file.get(COMPONENT_POSITION) \|\| 0;
			state.file.set(COMPONENT_POSITION, id + 1);
			return id;
			};

			const getComponentId = state => {
			// Prefix the identifier with a character because CSS classes cannot start with a number
			return `${(0, _options.useNamespace)(state)}sc-${getFileHash(state)}-${getNextId(state)}`;
			};

			var _default = t => (path, state) => {
			if (path.node.tag ? (0, _detectors.isStyled)(t)(path.node.tag, state) :
			/* styled()`` */
			(0, _detectors.isStyled)(t)(path.node.callee, state) && path.node.callee.property && path.node.callee.property.name !== 'withConfig' \|\| // styled(x)({})
			(0, _detectors.isStyled)(t)(path.node.callee, state) && !t.isMemberExpression(path.node.callee.callee) \|\| // styled(x).attrs()({})
			(0, _detectors.isStyled)(t)(path.node.callee, state) && t.isMemberExpression(path.node.callee.callee) && path.node.callee.callee.property && path.node.callee.callee.property.name && path.node.callee.callee.property.name !== 'withConfig' \|\| // styled(x).withConfig({})
			(0, _detectors.isStyled)(t)(path.node.callee, state) && t.isMemberExpression(path.node.callee.callee) && path.node.callee.callee.property && path.node.callee.callee.property.name && path.node.callee.callee.property.name === 'withConfig' && path.node.callee.arguments.length && Array.isArray(path.node.callee.arguments[0].properties) && !path.node.callee.arguments[0].properties.some(prop => ['displayName', 'componentId'].includes(prop.key.name))) {
			const displayName = (0, _options.useDisplayName)(state) && getDisplayName(t)(path, (0, _options.useFileName)(state) && state);
			addConfig(t)(path, displayName && displayName.replace(/[^_a-zA-Z0-9-]/g, ''), (0, _options.useSSR)(state) && getComponentId(state));
			}
			};

			exports.default = _default;