@filipgutica/ui 0.2.2 → 1.0.0

package/dist/theme-CIwueiir.js

@@ -0,0 +1,462 @@
+import { parse as e, printParseErrorCode as t } from "jsonc-parser";
+//#region src/theme/syntax.ts
+var n = [
+	"comment",
+	"keyword",
+	"string",
+	"number",
+	"function",
+	"type",
+	"variable",
+	"operator",
+	"punctuation",
+	"tag",
+	"attribute"
+], r = {
+	comment: ["comment"],
+	keyword: ["keyword", "storage"],
+	string: ["string"],
+	number: ["constant.numeric", "constant.language"],
+	function: ["entity.name.function", "support.function"],
+	type: [
+		"entity.name.type",
+		"entity.name.class",
+		"support.type",
+		"support.class"
+	],
+	variable: ["variable"],
+	operator: ["keyword.operator"],
+	punctuation: ["punctuation"],
+	tag: ["entity.name.tag"],
+	attribute: ["entity.other.attribute-name"]
+}, i = (e) => {
+	let t = n.map((t) => ({
+		role: t,
+		specificity: Math.max(0, ...r[t].filter((t) => e === t || e.startsWith(`${t}.`)).map((e) => e.length))
+	})), i = Math.max(...t.map((e) => e.specificity));
+	return t.filter((e) => e.specificity > 0 && e.specificity === i).map((e) => e.role);
+}, a = class extends Error {
+	code;
+	constructor(e, t) {
+		super(t), this.name = "ThemeValidationError", this.code = e;
+	}
+}, o = /* @__PURE__ */ "pageBackground.surface.surfaceRaised.surfaceMuted.textPrimary.textMuted.border.borderSubtle.link.accent.focus.buttonBackground.buttonForeground.buttonHoverBackground.inputBackground.inputForeground.inputBorder.inputPlaceholder.rowHoverBackground.rowSelectedBackground.rowSelectedForeground.codeBackground.codeForeground.error.warning.success.info.progress".split("."), s = /* @__PURE__ */ new Set(/* @__PURE__ */ "editor.background,editor.foreground,foreground,sideBar.background,panel.background,editorWidget.background,descriptionForeground,disabledForeground,panel.border,sideBar.border,contrastBorder,contrastActiveBorder,focusBorder,textLink.foreground,textLink.activeForeground,button.background,button.foreground,button.hoverBackground,input.background,input.foreground,input.border,input.placeholderForeground,list.hoverBackground,list.activeSelectionBackground,list.activeSelectionForeground,list.inactiveSelectionBackground,list.inactiveSelectionForeground,errorForeground,editorError.foreground,notificationsErrorIcon.foreground,notificationsWarningIcon.foreground,editorWarning.foreground,notificationsInfoIcon.foreground,editorInfo.foreground,testing.iconPassed,terminal.ansiGreen,progressBar.background".split(",")), c = {
+	pageBackground: "#EFF1F5",
+	surface: "#E6E9EF",
+	surfaceRaised: "#FFFFFF",
+	surfaceMuted: "#DCE0E8",
+	textPrimary: "#4C4F69",
+	textMuted: "#6C6F85",
+	border: "#ACB0BE",
+	borderSubtle: "#CCD0DA",
+	link: "#1E66F5",
+	accent: "#8839EF",
+	focus: "#1E66F5",
+	buttonBackground: "#1E66F5",
+	buttonForeground: "#FFFFFF",
+	buttonHoverBackground: "#1A5AD7",
+	inputBackground: "#FFFFFF",
+	inputForeground: "#4C4F69",
+	inputBorder: "#9CA0B0",
+	inputPlaceholder: "#7C7F93",
+	rowHoverBackground: "#DCE0E8",
+	rowSelectedBackground: "#D9E2FA",
+	rowSelectedForeground: "#4C4F69",
+	codeBackground: "#E6E9EF",
+	codeForeground: "#4C4F69",
+	error: "#D20F39",
+	warning: "#8A5600",
+	success: "#287D3C",
+	info: "#176B87",
+	progress: "#8839EF"
+}, l = {
+	pageBackground: "#1E1E2E",
+	surface: "#181825",
+	surfaceRaised: "#242435",
+	surfaceMuted: "#313244",
+	textPrimary: "#CDD6F4",
+	textMuted: "#A6ADC8",
+	border: "#585B70",
+	borderSubtle: "#45475A",
+	link: "#89B4FA",
+	accent: "#CBA6F7",
+	focus: "#89B4FA",
+	buttonBackground: "#89B4FA",
+	buttonForeground: "#11111B",
+	buttonHoverBackground: "#B4BEFE",
+	inputBackground: "#11111B",
+	inputForeground: "#CDD6F4",
+	inputBorder: "#6C7086",
+	inputPlaceholder: "#9399B2",
+	rowHoverBackground: "#313244",
+	rowSelectedBackground: "#45475A",
+	rowSelectedForeground: "#CDD6F4",
+	codeBackground: "#11111B",
+	codeForeground: "#CDD6F4",
+	error: "#F38BA8",
+	warning: "#F9E2AF",
+	success: "#A6E3A1",
+	info: "#89DCEB",
+	progress: "#CBA6F7"
+}, u = (e) => typeof e == "object" && !!e && !Array.isArray(e), d = (e) => typeof e == "string" && /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(e), f = (e) => typeof e == "string" && /^#[0-9a-f]{6}(?:[0-9a-f]{2})?$/i.test(e), p = (e) => e.length === 4 || e.length === 5 ? `#${[...e.slice(1)].map((e) => e.repeat(2)).join("")}` : e, m = (e) => {
+	let t = {};
+	if (e === void 0) return t;
+	if (!Array.isArray(e)) throw new a("invalid-shape", "Theme tokenColors must be an array.");
+	for (let n of e) {
+		if (!u(n) || !u(n.settings)) throw new a("invalid-shape", "Each syntax rule must contain settings.");
+		let e = n.settings.foreground;
+		if (e === void 0) continue;
+		if (!d(e)) throw new a("invalid-color", "Syntax colors must be hexadecimal values.");
+		let r = typeof n.scope == "string" ? [n.scope] : n.scope;
+		if (r !== void 0) {
+			if (!Array.isArray(r) || !r.every((e) => typeof e == "string")) throw new a("invalid-shape", "Syntax scopes must be strings.");
+			for (let n of r.flatMap((e) => e.split(","))) {
+				let r = n.trim().split(/\s+/).at(-1) ?? "";
+				for (let n of i(r)) t[n] = p(e);
+			}
+		}
+	}
+	return t;
+}, h = (e) => {
+	let t = e.length === 4 || e.length === 5 ? [...e.slice(1)].map((e) => e.repeat(2)).join("") : e.slice(1);
+	return [
+		Number.parseInt(t.slice(0, 2), 16),
+		Number.parseInt(t.slice(2, 4), 16),
+		Number.parseInt(t.slice(4, 6), 16),
+		t.length === 8 ? Number.parseInt(t.slice(6, 8), 16) / 255 : 1
+	];
+}, g = (e, t, n) => {
+	let [r, i, a] = h(n), o = (e) => {
+		let [t, n, o, s] = h(e);
+		return [
+			t * s + r * (1 - s),
+			n * s + i * (1 - s),
+			o * s + a * (1 - s)
+		];
+	}, s = ([e, t, n]) => {
+		let r = [
+			e,
+			t,
+			n
+		].map((e) => {
+			let t = e / 255;
+			return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+		});
+		return .2126 * r[0] + .7152 * r[1] + .0722 * r[2];
+	}, c = s(o(e)), l = s(o(t));
+	return (Math.max(c, l) + .05) / (Math.min(c, l) + .05);
+}, _ = ({ background: e, preferred: t, underlay: n }) => g(t, e, n) >= 4.5 ? t : [
+	t,
+	"#000000",
+	"#FFFFFF"
+].reduce((t, r) => g(r, e, n) > g(t, e, n) ? r : t), v = ({ color: e, against: t, fallback: n }) => g(e, t, t) >= 3 ? e : g(n, t, t) >= 3 ? n : _({
+	background: t,
+	preferred: n,
+	underlay: t
+}), y = ({ color: e, background: t, underlay: n, fallback: r }) => g(e, t, n) >= 4.5 ? e : _({
+	background: t,
+	preferred: r,
+	underlay: n
+}), b = ({ color: e, backgrounds: t, underlay: n, fallbacks: r }) => {
+	let i = [e, ...r];
+	return i.find((e) => t.every((t) => g(e, t, n) >= 4.5)) || i.reduce((e, r) => Math.min(...t.map((e) => g(r, e, n))) > Math.min(...t.map((t) => g(e, t, n))) ? r : e);
+}, x = (e, t) => h(e)[3] === 1 ? e : t, S = (e) => {
+	let [t, n, r] = h(e);
+	return (.2126 * t + .7152 * n + .0722 * r) / 255 < .5 ? "dark" : "light";
+}, C = (e, t) => {
+	if (e === void 0) return S(t);
+	if (e === "light") return "light";
+	if (e === "dark") return "dark";
+	if (e === "hc") return "high-contrast-dark";
+	if (e === "hcLight") return "high-contrast-light";
+	throw new a("unsupported-type", "The theme type must be \"light\", \"dark\", \"hc\", or \"hcLight\".");
+}, w = (e, t, n) => {
+	for (let n of t) {
+		let t = e[n];
+		if (d(t)) return p(t);
+	}
+	return n;
+}, T = (e, t) => {
+	let n = e.slice(0, t).split("\n");
+	return {
+		line: n.length,
+		column: (n.at(-1)?.length ?? 0) + 1
+	};
+}, E = (e) => ((e.split(/[\\/]/).at(-1) ?? "Imported theme").replace(/\.jsonc?$/i, "") || "Imported theme").slice(0, 80), D = ({ colors: e, appearance: t, background: n, foreground: r }) => {
+	let i = t === "dark" || t === "high-contrast-dark" ? l : c, a = w(e, t.startsWith("high-contrast") ? [
+		"contrastBorder",
+		"contrastActiveBorder",
+		"panel.border",
+		"sideBar.border",
+		"focusBorder"
+	] : [
+		"panel.border",
+		"sideBar.border",
+		"contrastBorder",
+		"input.border",
+		"focusBorder"
+	], i.border), o = t.startsWith("high-contrast") ? v({
+		color: a,
+		against: n,
+		fallback: i.border
+	}) : a, s = w(e, [
+		"textLink.foreground",
+		"focusBorder",
+		"progressBar.background",
+		"button.background"
+	], i.link), u = w(e, [
+		"focusBorder",
+		"progressBar.background",
+		"textLink.foreground",
+		"button.background"
+	], s), d = _({
+		background: n,
+		preferred: r,
+		underlay: n
+	}), f = w(e, [
+		"sideBar.background",
+		"panel.background",
+		"editor.background"
+	], i.surface), p = g(d, f, n) >= 4.5 ? f : n, m = w(e, [
+		"panel.background",
+		"sideBar.background",
+		"editorWidget.background",
+		"editor.background"
+	], p), h = g(d, m, n) >= 4.5 ? m : p, x = b({
+		color: s,
+		backgrounds: [n, p],
+		underlay: n,
+		fallbacks: [i.link, d]
+	}), S = v({
+		color: u,
+		against: p,
+		fallback: i.accent
+	}), C = b({
+		color: w(e, [
+			"descriptionForeground",
+			"disabledForeground",
+			"foreground",
+			"editor.foreground"
+		], i.textMuted),
+		backgrounds: [n, p],
+		underlay: n,
+		fallbacks: [i.textMuted, d]
+	}), T = w(e, [
+		"editorWidget.background",
+		"list.hoverBackground",
+		"sideBar.background",
+		"panel.background"
+	], i.surfaceMuted), E = g(d, T, p) >= 4.5 && g(C, T, p) >= 4.5 ? T : p, D = w(e, ["button.background"], i.buttonBackground), O = _({
+		background: D,
+		preferred: w(e, ["button.foreground"], i.buttonForeground),
+		underlay: p
+	}), k = w(e, ["button.hoverBackground", "button.background"], i.buttonHoverBackground), A = g(O, k, p) >= 4.5 ? k : D, j = w(e, [
+		"focusBorder",
+		"contrastActiveBorder",
+		"textLink.activeForeground"
+	], i.focus), M = w(e, [
+		"panel.border",
+		"sideBar.border",
+		"contrastBorder"
+	], o), N = t.startsWith("high-contrast") ? v({
+		color: M,
+		against: p,
+		fallback: o
+	}) : M, P = w(e, ["input.background"], p), F = w(e, t.startsWith("high-contrast") ? [
+		"contrastBorder",
+		"input.border",
+		"focusBorder"
+	] : [
+		"input.border",
+		"contrastBorder",
+		"focusBorder"
+	], o), I = (t, r) => y({
+		color: w(e, t, r),
+		background: p,
+		underlay: n,
+		fallback: r
+	}), L = w(e, ["list.hoverBackground"], i.rowHoverBackground), R = g(d, L, p) >= 4.5 ? L : p;
+	return {
+		pageBackground: n,
+		surface: p,
+		surfaceRaised: h,
+		surfaceMuted: E,
+		textPrimary: d,
+		textMuted: C,
+		border: o,
+		borderSubtle: N,
+		link: x,
+		accent: S,
+		focus: v({
+			color: j,
+			against: n,
+			fallback: i.focus
+		}),
+		buttonBackground: D,
+		buttonForeground: O,
+		buttonHoverBackground: A,
+		inputBackground: P,
+		inputForeground: _({
+			background: P,
+			preferred: w(e, [
+				"input.foreground",
+				"editor.foreground",
+				"foreground"
+			], d),
+			underlay: p
+		}),
+		inputBorder: t.startsWith("high-contrast") ? v({
+			color: F,
+			against: P,
+			fallback: o
+		}) : F,
+		inputPlaceholder: y({
+			color: w(e, ["input.placeholderForeground", "descriptionForeground"], C),
+			background: P,
+			underlay: p,
+			fallback: i.textMuted
+		}),
+		rowHoverBackground: R,
+		rowSelectedBackground: w(e, ["list.activeSelectionBackground", "list.inactiveSelectionBackground"], i.rowSelectedBackground),
+		rowSelectedForeground: _({
+			background: w(e, ["list.activeSelectionBackground", "list.inactiveSelectionBackground"], i.rowSelectedBackground),
+			preferred: w(e, ["list.activeSelectionForeground", "list.inactiveSelectionForeground"], i.rowSelectedForeground),
+			underlay: p
+		}),
+		codeBackground: w(e, ["editor.background"], i.codeBackground),
+		codeForeground: _({
+			background: w(e, ["editor.background"], i.codeBackground),
+			preferred: w(e, ["editor.foreground", "foreground"], i.codeForeground),
+			underlay: n
+		}),
+		error: I([
+			"errorForeground",
+			"notificationsErrorIcon.foreground",
+			"editorError.foreground"
+		], i.error),
+		warning: I(["notificationsWarningIcon.foreground", "editorWarning.foreground"], i.warning),
+		success: I(["testing.iconPassed", "terminal.ansiGreen"], i.success),
+		info: I([
+			"notificationsInfoIcon.foreground",
+			"editorInfo.foreground",
+			"textLink.foreground"
+		], i.info),
+		progress: v({
+			color: w(e, [
+				"progressBar.background",
+				"focusBorder",
+				"textLink.foreground"
+			], S),
+			against: E,
+			fallback: i.progress
+		})
+	};
+}, O = ({ source: n, fileName: r }) => {
+	let i = [], o = e(n, i, { allowTrailingComma: !0 }), f = i[0];
+	if (f) {
+		let { line: e, column: r } = T(n, f.offset);
+		throw new a("malformed-json", `The theme could not be parsed (${t(f.error)} at line ${e}, column ${r}).`);
+	}
+	if (!u(o)) throw new a("invalid-shape", "The theme file must contain a JSON object.");
+	if (o.name !== void 0 && typeof o.name != "string") throw new a("invalid-shape", "The theme name must be a string when provided.");
+	if (!u(o.colors)) throw new a("invalid-shape", "The theme must contain a \"colors\" object.");
+	let p = o.colors;
+	for (let e of s) {
+		let t = p[e];
+		if (t !== void 0 && !d(t)) throw new a("invalid-color", `The color for "${e}" must be a 3-, 4-, 6-, or 8-digit hexadecimal value.`);
+	}
+	let h = w(p, [
+		"editor.background",
+		"sideBar.background",
+		"panel.background"
+	], ""), g = w(p, ["editor.foreground", "foreground"], "");
+	if (!h || !g) throw new a("missing-colors", "The theme must define a supported background color and foreground color.");
+	let _ = C(o.type, h), v = x(h, (_ === "dark" || _ === "high-contrast-dark" ? l : c).pageBackground);
+	return {
+		name: o.name?.trim().replace(/\s+/g, " ").slice(0, 80) || E(r),
+		appearance: _,
+		syntax: m(o.tokenColors),
+		tokens: D({
+			colors: p,
+			appearance: _,
+			background: v,
+			foreground: g
+		})
+	};
+}, k = (e) => {
+	if (!u(e) || typeof e.name != "string" || e.name.trim().length === 0 || e.name.length > 80) return !1;
+	let t = e.appearance;
+	if (t !== "light" && t !== "dark" && t !== "high-contrast-light" && t !== "high-contrast-dark") return !1;
+	let r = e.tokens;
+	if (!u(r) || Object.keys(r).length !== o.length) return !1;
+	if (e.syntax !== void 0) {
+		if (!u(e.syntax)) return !1;
+		let t = e.syntax;
+		if (!Object.keys(t).every((e) => n.some((t) => t === e)) || !Object.values(t).every(f)) return !1;
+	}
+	return o.every((e) => f(r[e]));
+}, A = {
+	pageBackground: "--color-bg",
+	surface: "--color-surface",
+	surfaceRaised: "--color-surface-raised",
+	surfaceMuted: "--color-surface-muted",
+	textPrimary: "--color-text",
+	textMuted: "--color-muted",
+	border: "--color-border",
+	borderSubtle: "--color-border-subtle",
+	link: "--color-link",
+	accent: "--color-accent",
+	focus: "--color-focus",
+	buttonBackground: "--color-button-bg",
+	buttonForeground: "--color-button-text",
+	buttonHoverBackground: "--color-button-hover",
+	inputBackground: "--color-input-bg",
+	inputForeground: "--color-input-text",
+	inputBorder: "--color-input-border",
+	inputPlaceholder: "--color-input-placeholder",
+	rowHoverBackground: "--color-row-hover",
+	rowSelectedBackground: "--color-row-selected",
+	rowSelectedForeground: "--color-row-selected-text",
+	codeBackground: "--color-code",
+	codeForeground: "--color-code-text",
+	error: "--color-error",
+	warning: "--color-warning",
+	success: "--color-success",
+	info: "--color-info",
+	progress: "--color-progress"
+}, j = ({ root: e, theme: t }) => {
+	for (let n of o) {
+		let r = A[n];
+		t ? e.style.setProperty(r, t.tokens[n]) : e.style.removeProperty(r);
+	}
+	for (let r of n) {
+		let n = `--color-syntax-${r}`;
+		if (!t) {
+			e.style.removeProperty(n);
+			continue;
+		}
+		let i = {
+			comment: t.tokens.textMuted,
+			keyword: t.tokens.accent,
+			string: t.tokens.success,
+			number: t.tokens.warning,
+			function: t.tokens.link,
+			type: t.tokens.info,
+			variable: t.tokens.codeForeground,
+			operator: t.syntax?.keyword ?? t.tokens.codeForeground,
+			punctuation: t.tokens.codeForeground,
+			tag: t.tokens.link,
+			attribute: t.tokens.accent
+		};
+		e.style.setProperty(n, t.syntax?.[r] ?? y({
+			color: i[r],
+			background: t.tokens.codeBackground,
+			underlay: t.tokens.pageBackground,
+			fallback: t.tokens.codeForeground
+		}));
+	}
+	let r = t?.appearance;
+	e.classList.toggle("dark", r === "dark" || r === "high-contrast-dark"), e.classList.toggle("high-contrast", r === "high-contrast-light" || r === "high-contrast-dark");
+};
+//#endregion
+export { A as a, O as i, j as n, o, k as r, a as t };