@scalar/api-client 2.39.2 → 2.39.4

package/dist/v2/features/editor/helpers/theme/load-css-variables.js

@@ -1,10 +1,84 @@
 import { z } from "zod";
 //#region src/v2/features/editor/helpers/theme/load-css-variables.ts
 /**
+* Patterns for CSS color values we can normalize to hex (or pass through as var()).
+* Space-separated rgb() and modern slash syntax are not supported here.
+*/
+var hexShortRegex = /^#([0-9a-fA-F]){3}$/;
+var hexRegex = /^#([0-9a-fA-F]{6})$/;
+var hexAlphaRegex = /^#([0-9a-fA-F]{8})$/;
+var rgbRegex = /^rgb\(\s*(\d{1,3})\s*,?\s*(\d{1,3})\s*,?\s*(\d{1,3})\s*\)$/;
+var rgbaRegex = /^rgba\(\s*(\d{1,3})\s*,?\s*(\d{1,3})\s*,?\s*(\d{1,3})\s*,?\s*(\d*\.?\d+)\s*\)$/;
+/** Optional fallback: var(--name, fallback) */
+var varRegex = /^var\(\s*(--[^)]+)\s*(?:,\s*([^)]*))?\s*\)$/i;
+/**
+* Maps a comma-separated selector list to the theme modes it applies to.
+* Only **exact** `.light-mode` or `.dark-mode` selectors match (no compound selectors like `.light-mode .foo`).
+*/
+var getColorModesFromSelectors = (text) => {
+	return text.split(",").map((selector) => selector.trim()).map((selector) => {
+		if (selector === ".light-mode") return "light";
+		if (selector === ".dark-mode") return "dark";
+		return null;
+	}).filter((mode) => mode !== null);
+};
+/**
+* Parses a single custom property value from the stylesheet into a normalized form:
+* - `#RRGGBB` / `#RRGGBBAA` (uppercase)
+* - `#RGB` short hex expanded to six digits
+* - `rgb()` / `rgba()` with comma-separated channels (lower input only)
+* - `var(--x)` / `var(--x, fallback)` returned as-is for a later resolve pass
+*/
+var parseVariableValue = (value) => {
+	const normalized = value.trim().toLowerCase();
+	const hexValue = z.union([z.string().regex(hexRegex), z.string().regex(hexAlphaRegex)]).safeParse(normalized);
+	if (!hexValue.error) return hexValue.data.toUpperCase();
+	const shortHexValue = z.string().regex(hexShortRegex).safeParse(normalized);
+	if (!shortHexValue.error) {
+		const [_, r, g, b] = shortHexValue.data.toUpperCase();
+		return `#${r}${r}${g}${g}${b}${b}`;
+	}
+	const rgbValue = z.union([z.string().regex(rgbRegex), z.string().regex(rgbaRegex)]).safeParse(normalized);
+	if (!rgbValue.error) {
+		const [_, r = "0", g = "0", b = "0", a = "1"] = rgbValue.data.startsWith("rgba") ? rgbaRegex.exec(rgbValue.data) ?? [] : rgbRegex.exec(rgbValue.data) ?? [];
+		const toHex = (v) => Number.parseInt(v, 10).toString(16).padStart(2, "0").toUpperCase();
+		const alpha = Math.round(Number.parseFloat(a) * 255);
+		return `#${toHex(r)}${toHex(g)}${toHex(b)}${alpha === 255 ? "" : toHex(String(alpha))}`;
+	}
+	const varValue = z.string().regex(varRegex).safeParse(normalized);
+	if (!varValue.error) return varValue.data;
+};
+/**
+* Recursively resolves a value if it is (or becomes) `var(--name)` against `variables`.
+* Missing names or non-var values are returned unchanged.
+*/
+var resolveVariableValue = (value, variables) => {
+	const varValue = z.string().regex(varRegex).safeParse(value);
+	if (!varValue.error) {
+		const [_, varName] = varRegex.exec(varValue.data) ?? [];
+		if (!varName) return value;
+		const resolved = variables[varName];
+		if (!resolved) return value;
+		return resolveVariableValue(resolved, variables);
+	}
+	return value;
+};
+/**
+* Resolves `var(--*)` values in a flat map of custom properties in one pass.
+* Values that are not var references are copied through.
+*/
+var resolveVariables = (variables) => {
+	const resolved = Object.entries(variables).map(([name, value]) => {
+		const varValue = z.string().regex(varRegex).safeParse(value);
+		if (!varValue.error) return [name, resolveVariableValue(varValue.data, variables)];
+		return [name, value];
+	});
+	return Object.fromEntries(resolved);
+};
+/**
 * Extracts CSS custom properties (variables) from a given CSS string
 * for .light-mode and .dark-mode selectors and returns an object
 * with 'light' and 'dark' keys containing the filtered variables.
-* Only variables matching hex color values (#RRGGBB or #RRGGBBAA) are accepted.
 *
 * @param css - The CSS string to parse.
 * @returns An object with `light` and `dark` properties containing the extracted CSS variables.
@@ -12,28 +86,30 @@ import { z } from "zod";
 var loadCssVariables = async (css) => {
 	const sheet = new CSSStyleSheet();
 	await sheet.replace(css);
-	return Array.from(sheet.cssRules).reduce((acc, cur) => {
-		if (!(cur instanceof CSSStyleRule)) return acc;
-		const styles = Object.values(cur.style).reduce((style, name) => {
+	const parsed = Array.from(sheet.cssRules).filter((cssRule) => cssRule instanceof CSSStyleRule).reduce((variables, cssRule) => {
+		const colorModes = getColorModesFromSelectors(cssRule.selectorText);
+		if (!colorModes.length) return variables;
+		const styles = Array.from(cssRule.style).reduce((style, name) => {
 			if (!name.startsWith("--")) return style;
-			const value = z.string().regex(/^(?:#(?:[0-9A-F]{6}|[0-9A-F]{8}))$/i).safeParse(cur.style.getPropertyValue(name).toUpperCase().trim());
-			if (value.error) return style;
-			style[name] = value.data;
+			const parsedValue = parseVariableValue(cssRule.style.getPropertyValue(name));
+			if (parsedValue) style[name] = parsedValue;
 			return style;
 		}, {});
-		if (cur.selectorText.includes(".light-mode")) acc.light = {
-			...acc.light,
-			...styles
-		};
-		if (cur.selectorText.includes(".dark-mode")) acc.dark = {
-			...acc.dark,
-			...styles
-		};
-		return acc;
+		colorModes.forEach((colorMode) => {
+			variables[colorMode] = {
+				...variables[colorMode],
+				...styles
+			};
+		});
+		return variables;
 	}, {
 		light: {},
 		dark: {}
 	});
+	return {
+		light: resolveVariables(parsed.light),
+		dark: resolveVariables(parsed.dark)
+	};
 };
 //#endregion
 export { loadCssVariables };

package/dist/v2/features/editor/helpers/theme/load-css-variables.js.map

@@ -1 +1 @@
-{"version":3,"file":"load-css-variables.js","names":[],"sources":["../../../../../../src/v2/features/editor/helpers/theme/load-css-variables.ts"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * Extracts CSS custom properties (variables) from a given CSS string\n * for .light-mode and .dark-mode selectors and returns an object\n * with 'light' and 'dark' keys containing the filtered variables.\n * Only variables matching hex color values (#RRGGBB or #RRGGBBAA) are accepted.\n *\n * @param css - The CSS string to parse.\n * @returns An object with `light` and `dark` properties containing the extracted CSS variables.\n */\nexport const loadCssVariables = async (css: string) => {\n  const sheet = new CSSStyleSheet()\n  await sheet.replace(css)\n\n  const parsed = Array.from(sheet.cssRules).reduce<{ light: any; dark: any }>(\n    (acc, cur) => {\n      // Process only style rules (skip e.g. media, font-face, etc.)\n      if (!(cur instanceof CSSStyleRule)) {\n        return acc\n      }\n\n      // Collect valid CSS variable declarations from the rule's style\n      const styles = Object.values(cur.style).reduce<Record<string, string>>((style, name) => {\n        if (!name.startsWith('--')) {\n          return style\n        }\n\n        // Only accept variables that match hex color format\n        const value = z\n          .string()\n          .regex(/^(?:#(?:[0-9A-F]{6}|[0-9A-F]{8}))$/i)\n          .safeParse(cur.style.getPropertyValue(name).toUpperCase().trim())\n\n        if (value.error) {\n          return style\n        }\n\n        style[name] = value.data\n\n        return style\n      }, {})\n\n      // Merge variables into the correct theme object based on selector\n      if (cur.selectorText.includes('.light-mode')) {\n        acc.light = { ...acc.light, ...styles }\n      }\n\n      if (cur.selectorText.includes('.dark-mode')) {\n        acc.dark = { ...acc.dark, ...styles }\n      }\n\n      return acc\n    },\n    { light: {}, dark: {} },\n  )\n\n  return parsed\n}\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,mBAAmB,OAAO,QAAgB;CACrD,MAAM,QAAQ,IAAI,eAAe;AACjC,OAAM,MAAM,QAAQ,IAAI;AA4CxB,QA1Ce,MAAM,KAAK,MAAM,SAAS,CAAC,QACvC,KAAK,QAAQ;AAEZ,MAAI,EAAE,eAAe,cACnB,QAAO;EAIT,MAAM,SAAS,OAAO,OAAO,IAAI,MAAM,CAAC,QAAgC,OAAO,SAAS;AACtF,OAAI,CAAC,KAAK,WAAW,KAAK,CACxB,QAAO;GAIT,MAAM,QAAQ,EACX,QAAQ,CACR,MAAM,sCAAsC,CAC5C,UAAU,IAAI,MAAM,iBAAiB,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;AAEnE,OAAI,MAAM,MACR,QAAO;AAGT,SAAM,QAAQ,MAAM;AAEpB,UAAO;KACN,EAAE,CAAC;AAGN,MAAI,IAAI,aAAa,SAAS,cAAc,CAC1C,KAAI,QAAQ;GAAE,GAAG,IAAI;GAAO,GAAG;GAAQ;AAGzC,MAAI,IAAI,aAAa,SAAS,aAAa,CACzC,KAAI,OAAO;GAAE,GAAG,IAAI;GAAM,GAAG;GAAQ;AAGvC,SAAO;IAET;EAAE,OAAO,EAAE;EAAE,MAAM,EAAE;EAAE,CACxB"}
+{"version":3,"file":"load-css-variables.js","names":[],"sources":["../../../../../../src/v2/features/editor/helpers/theme/load-css-variables.ts"],"sourcesContent":["import { z } from 'zod'\n\n/** Which theme bucket a CSS rule applies to after parsing. */\ntype ColorMode = 'light' | 'dark'\n\n/** Accumulated custom properties per mode while walking stylesheet rules. */\ntype Variables = Record<ColorMode, Record<string, string>>\n\n/**\n * Patterns for CSS color values we can normalize to hex (or pass through as var()).\n * Space-separated rgb() and modern slash syntax are not supported here.\n */\nconst hexShortRegex = /^#([0-9a-fA-F]){3}$/\nconst hexRegex = /^#([0-9a-fA-F]{6})$/\nconst hexAlphaRegex = /^#([0-9a-fA-F]{8})$/\nconst rgbRegex = /^rgb\\(\\s*(\\d{1,3})\\s*,?\\s*(\\d{1,3})\\s*,?\\s*(\\d{1,3})\\s*\\)$/\nconst rgbaRegex = /^rgba\\(\\s*(\\d{1,3})\\s*,?\\s*(\\d{1,3})\\s*,?\\s*(\\d{1,3})\\s*,?\\s*(\\d*\\.?\\d+)\\s*\\)$/\n/** Optional fallback: var(--name, fallback) */\nconst varRegex = /^var\\(\\s*(--[^)]+)\\s*(?:,\\s*([^)]*))?\\s*\\)$/i\n\n/**\n * Maps a comma-separated selector list to the theme modes it applies to.\n * Only **exact** `.light-mode` or `.dark-mode` selectors match (no compound selectors like `.light-mode .foo`).\n */\nexport const getColorModesFromSelectors = (text: string) => {\n  const selectors = text.split(',').map((selector) => selector.trim())\n\n  return selectors\n    .map((selector) => {\n      if (selector === '.light-mode') {\n        return 'light'\n      }\n      if (selector === '.dark-mode') {\n        return 'dark'\n      }\n      return null\n    })\n    .filter((mode) => mode !== null)\n}\n\n/**\n * Parses a single custom property value from the stylesheet into a normalized form:\n * - `#RRGGBB` / `#RRGGBBAA` (uppercase)\n * - `#RGB` short hex expanded to six digits\n * - `rgb()` / `rgba()` with comma-separated channels (lower input only)\n * - `var(--x)` / `var(--x, fallback)` returned as-is for a later resolve pass\n */\nexport const parseVariableValue = (value: string) => {\n  const normalized = value.trim().toLowerCase()\n\n  const hexValue = z.union([z.string().regex(hexRegex), z.string().regex(hexAlphaRegex)]).safeParse(normalized)\n\n  if (!hexValue.error) {\n    return hexValue.data.toUpperCase()\n  }\n\n  const shortHexValue = z.string().regex(hexShortRegex).safeParse(normalized)\n\n  if (!shortHexValue.error) {\n    const [_, r, g, b] = shortHexValue.data.toUpperCase()\n    return `#${r}${r}${g}${g}${b}${b}`\n  }\n\n  const rgbValue = z.union([z.string().regex(rgbRegex), z.string().regex(rgbaRegex)]).safeParse(normalized)\n\n  if (!rgbValue.error) {\n    const [_, r = '0', g = '0', b = '0', a = '1'] = rgbValue.data.startsWith('rgba')\n      ? (rgbaRegex.exec(rgbValue.data) ?? [])\n      : (rgbRegex.exec(rgbValue.data) ?? [])\n\n    const toHex = (v: string) => Number.parseInt(v, 10).toString(16).padStart(2, '0').toUpperCase()\n    const alpha = Math.round(Number.parseFloat(a) * 255)\n\n    return `#${toHex(r)}${toHex(g)}${toHex(b)}${alpha === 255 ? '' : toHex(String(alpha))}`\n  }\n\n  const varValue = z.string().regex(varRegex).safeParse(normalized)\n  if (!varValue.error) {\n    return varValue.data\n  }\n\n  return undefined\n}\n\n/**\n * Recursively resolves a value if it is (or becomes) `var(--name)` against `variables`.\n * Missing names or non-var values are returned unchanged.\n */\nexport const resolveVariableValue = (value: string, variables: Record<string, string>): string => {\n  const varValue = z.string().regex(varRegex).safeParse(value)\n  if (!varValue.error) {\n    const [_, varName] = varRegex.exec(varValue.data) ?? []\n    if (!varName) {\n      return value\n    }\n    const resolved = variables[varName]\n    if (!resolved) {\n      return value\n    }\n    return resolveVariableValue(resolved, variables)\n  }\n  return value\n}\n\n/**\n * Resolves `var(--*)` values in a flat map of custom properties in one pass.\n * Values that are not var references are copied through.\n */\nexport const resolveVariables = (variables: Record<string, string>): Record<string, string> => {\n  const entries = Object.entries(variables)\n\n  const resolved = entries.map(([name, value]) => {\n    const varValue = z.string().regex(varRegex).safeParse(value)\n    if (!varValue.error) {\n      return [name, resolveVariableValue(varValue.data, variables)]\n    }\n    return [name, value]\n  })\n  return Object.fromEntries(resolved)\n}\n\n/**\n * Extracts CSS custom properties (variables) from a given CSS string\n * for .light-mode and .dark-mode selectors and returns an object\n * with 'light' and 'dark' keys containing the filtered variables.\n *\n * @param css - The CSS string to parse.\n * @returns An object with `light` and `dark` properties containing the extracted CSS variables.\n */\nexport const loadCssVariables = async (css: string) => {\n  const sheet = new CSSStyleSheet()\n  await sheet.replace(css)\n\n  const cssRules = Array.from(sheet.cssRules).filter((cssRule) => cssRule instanceof CSSStyleRule)\n  const parsed = cssRules.reduce<Variables>(\n    (variables, cssRule) => {\n      const colorModes = getColorModesFromSelectors(cssRule.selectorText)\n      if (!colorModes.length) {\n        return variables\n      }\n\n      // Collect valid CSS variable declarations from the rule's style\n      const styles = Array.from(cssRule.style).reduce<Record<string, string>>((style, name) => {\n        if (!name.startsWith('--')) {\n          return style\n        }\n        const value = cssRule.style.getPropertyValue(name)\n        const parsedValue = parseVariableValue(value)\n        if (parsedValue) {\n          style[name] = parsedValue\n        }\n        return style\n      }, {})\n\n      colorModes.forEach((colorMode) => {\n        variables[colorMode] = { ...variables[colorMode], ...styles }\n      })\n\n      return variables\n    },\n    { light: {}, dark: {} },\n  )\n\n  return {\n    light: resolveVariables(parsed.light),\n    dark: resolveVariables(parsed.dark),\n  }\n}\n"],"mappings":"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"}

package/dist/views/Request/ResponseSection/ResponseEmpty.vue.script.js

@@ -45,7 +45,7 @@ var ResponseEmpty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const handleHotKey = (event) => {
 			if (event?.createNew && route.name === "request") addRequest();
 		};
-		const packageVersion = "2.39.2";
+		const packageVersion = "2.39.4";
 		onMounted(() => events.hotKeys.on(handleHotKey));
 		onBeforeUnmount(() => events.hotKeys.off(handleHotKey));
 		return (_ctx, _cache) => {

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.39.2",
+  "version": "2.39.4",
   "engines": {
     "node": ">=22"
   },
@@ -347,24 +347,24 @@
     "whatwg-mimetype": "4.0.0",
     "yaml": "^2.8.0",
     "zod": "^4.3.5",
-    "@scalar/components": "0.21.1",
-    "@scalar/draggable": "0.4.1",
-    "@scalar/icons": "0.7.0",
+    "@scalar/components": "0.21.2",
     "@scalar/helpers": "0.4.2",
-    "@scalar/json-magic": "0.12.4",
-    "@scalar/oas-utils": "0.10.13",
+    "@scalar/draggable": "0.4.1",
+    "@scalar/icons": "0.7.1",
     "@scalar/import": "0.5.3",
+    "@scalar/json-magic": "0.12.4",
+    "@scalar/oas-utils": "0.10.14",
     "@scalar/object-utils": "1.3.3",
-    "@scalar/sidebar": "0.8.15",
     "@scalar/openapi-types": "0.6.1",
     "@scalar/postman-to-openapi": "0.6.0",
+    "@scalar/sidebar": "0.8.16",
     "@scalar/snippetz": "0.7.7",
-    "@scalar/use-codemirror": "0.14.10",
     "@scalar/types": "0.7.5",
+    "@scalar/themes": "0.15.1",
+    "@scalar/use-codemirror": "0.14.10",
     "@scalar/use-hooks": "0.4.1",
     "@scalar/use-toasts": "0.10.1",
-    "@scalar/themes": "0.15.1",
-    "@scalar/workspace-store": "0.41.2"
+    "@scalar/workspace-store": "0.42.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.2.0",
@@ -380,7 +380,7 @@
     "vite-svg-loader": "5.1.1",
     "vitest": "4.1.0",
     "@scalar/galaxy": "0.6.1",
-    "@scalar/pre-post-request-scripts": "0.3.15"
+    "@scalar/pre-post-request-scripts": "0.3.16"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",