@spectrum-css/tokens/utilities/data-json-formatter.js

The Spectrum CSS tokens package

import { format as JSONSetsFormat } from "./json-sets-formatter.js";

export const format = ({ dictionary, platform, file, options }) => {
	const prefix = platform.prefix ? platform.prefix : false;
	let result = {};

	const jsonSets = JSON.parse(
		JSONSetsFormat({ dictionary, platform, file, options })
	);

	const convertRef = (ref) => {
		return ref?.toString()?.replace(/\{(.*?)\}/g, `var(--${prefix}-$1)`);
	};

	const deconstructSets = (obj, scope = undefined) => {
		let ret = obj;
		Object.entries(obj.sets ?? {}).forEach(([context, data]) => {
			if (context === "wireframe") return;
			if (typeof scope !== "undefined" && scope !== context) return;

			delete data.uuid;

			if (data.ref) {
				data.ref = convertRef(data.ref);

				if (data.ref?.toString() === data.value?.toString()) {
					delete data.ref;
				}
			}

			if (data.sets) {
				data = deconstructSets(data, context);

				ret = {
					...ret,
					...data
				};
			}
			else {
				ret[context] = data;
			}

			delete ret.sets;
		});

		delete ret.uuid;
		if (ret.ref) ret.ref = convertRef(ret.ref);

		if (ret.ref === ret.value) {
			delete ret.ref;
		}

		return ret;
	};

	Object.keys(jsonSets).forEach((tokenName) => {
		const tokenValue = jsonSets[tokenName];

		// Add the property to the results object
		result[tokenName] = {
			prop: (prefix)? `--${prefix}-${tokenName}` : `--${tokenName}`,
			...(deconstructSets(tokenValue) ?? {}),
		};
	});

	// Sort the result alphabetically by keys
	result = Object.entries(result).sort().reduce((acc, [key, value]) => {
		acc[key] = value;
		return acc;
	}, {});

	return JSON.stringify(result, null, 2);
};

format.nested = true;

export default {
	name: "json/sets",
	format,
};