@scalar/api-client 2.38.4 → 2.39.0

package/dist/views/Request/libs/watch-mode.js

@@ -0,0 +1,375 @@
+import { isHttpMethod, schemaModel } from "@scalar/oas-utils/helpers";
+import { collectionSchema, createExampleFromRequest, requestSchema, securitySchemeSchema, serverSchema, tagSchema } from "@scalar/oas-utils/entities/spec";
+import { z } from "zod";
+import { getNestedValue } from "@scalar/object-utils/nested";
+import microdiff from "microdiff";
+//#region src/views/Request/libs/watch-mode.ts
+/**
+* Combine Rename Diffs
+* Rename diffs show up as a delete and an add.
+* This will go through the diff and combine any diff items which are next to each other which go from remove to add.
+*
+* - first we check if the payloads are the same then it was just a simple rename
+* - next we will add the rename and also handle any changes in the diff
+*/
+var combineRenameDiffs = (diff, pathPrefix = []) => {
+	const combined = [];
+	let skipNext = false;
+	for (let i = 0; i < diff.length; i++) {
+		if (skipNext) {
+			skipNext = false;
+			continue;
+		}
+		const current = diff[i];
+		const next = diff[i + 1];
+		if (!current) continue;
+		if (pathPrefix.length) {
+			current.path = [...pathPrefix, ...current.path];
+			if (next) next.path = [...pathPrefix, ...next.path];
+		} else if (current.path[0] !== "paths") {
+			combined.push(current);
+			continue;
+		}
+		if (current.type === "REMOVE" && next?.type === "CREATE") {
+			const [, currPath, currMethod] = current.path;
+			const [, nextPath, nextMethod] = next.path;
+			const nestedPrefix = ["paths", nextPath].filter((p) => typeof p === "string");
+			if (currPath !== nextPath) combined.push({
+				type: "CHANGE",
+				path: ["paths", "path"],
+				oldValue: currPath,
+				value: nextPath
+			});
+			if (currMethod && typeof nextMethod === "string" && currMethod !== nextMethod && nextPath) {
+				combined.push({
+					type: "CHANGE",
+					path: [
+						"paths",
+						nextPath,
+						"method"
+					],
+					oldValue: currMethod,
+					value: nextMethod
+				});
+				nestedPrefix.push(nextMethod);
+			}
+			if (pathPrefix.length === 0) {
+				const innerDiff = microdiff(current.oldValue, next.value);
+				if (innerDiff.length) {
+					const innerCombined = combineRenameDiffs(innerDiff, nestedPrefix);
+					combined.push(...innerCombined);
+				}
+			}
+			skipNext = true;
+		} else if (current.type === "CREATE" && current.path.length > 3 && typeof current.path.at(-1) !== "number") combined.push({
+			...current,
+			type: "CHANGE",
+			oldValue: void 0
+		});
+		else if (current.type === "REMOVE" && current.path.length > 3 && typeof current.path.at(-1) !== "number") combined.push({
+			...current,
+			type: "CHANGE",
+			value: void 0
+		});
+		else combined.push(current);
+	}
+	return combined;
+};
+/** Like array.find but returns the resource instead of the uid */
+var findResource = (arr, resources, condition) => {
+	for (const uid of arr) {
+		const resource = resources[uid];
+		if (resource && condition(resource)) return resource;
+	}
+	return null;
+};
+/** Helper function to unwrap optional and default schemas */
+var unwrapSchema = (schema) => {
+	if (schema instanceof z.ZodOptional) {
+		const unwrapped = schema.unwrap();
+		if (unwrapped instanceof z.ZodType) return unwrapSchema(unwrapped);
+	}
+	if (schema instanceof z.ZodDefault) {
+		const innerType = schema._zod.def.innerType;
+		if (innerType instanceof z.ZodType) return unwrapSchema(innerType);
+	}
+	if (schema instanceof z.ZodCatch) {
+		const innerType = schema._zod.def.innerType;
+		if (innerType instanceof z.ZodType) return unwrapSchema(innerType);
+	}
+	if (schema instanceof z.ZodPipe) {
+		const inType = schema._zod.def.in;
+		if (inType instanceof z.ZodType) return unwrapSchema(inType);
+	}
+	return schema;
+};
+/**
+* Traverses a zod schema based on the path and returns the schema at the end of the path
+* or null if the path doesn't exist. Handles optional unwrapping, records, and arrays
+*/
+var traverseZodSchema = (schema, path) => {
+	let currentSchema = schema;
+	for (const key of path) {
+		currentSchema = unwrapSchema(currentSchema);
+		if (currentSchema instanceof z.ZodAny) return currentSchema;
+		if (currentSchema instanceof z.ZodObject && typeof key === "string" && key in currentSchema.shape) {
+			const shapeValue = currentSchema.shape[key];
+			if (shapeValue instanceof z.ZodType) currentSchema = shapeValue;
+			else return null;
+		} else if (currentSchema instanceof z.ZodArray) if (typeof key === "number") if (currentSchema.element instanceof z.ZodType) currentSchema = currentSchema.element;
+		else return null;
+		else if (typeof key === "string") {
+			if (currentSchema.element instanceof z.ZodType) currentSchema = currentSchema.element;
+			else return null;
+			if (currentSchema instanceof z.ZodObject && key in currentSchema.shape) {
+				const shapeValue = currentSchema.shape[key];
+				if (shapeValue instanceof z.ZodType) currentSchema = shapeValue;
+				else return null;
+			} else return null;
+		} else return null;
+		else if (currentSchema instanceof z.ZodRecord) {
+			const valueSchema = currentSchema._zod.def.valueType;
+			if (!valueSchema || !(valueSchema instanceof z.ZodType)) return null;
+			if (typeof key === "string") {
+				currentSchema = valueSchema;
+				currentSchema = unwrapSchema(currentSchema);
+			} else if (typeof key === "number") {
+				currentSchema = valueSchema;
+				currentSchema = unwrapSchema(currentSchema);
+				if (currentSchema instanceof z.ZodArray) if (currentSchema.element instanceof z.ZodType) currentSchema = currentSchema.element;
+				else return null;
+			} else currentSchema = valueSchema;
+		} else return null;
+		currentSchema = unwrapSchema(currentSchema);
+	}
+	return currentSchema;
+};
+/**
+* Takes in diff, uses the path to get to the nested schema then parse the value
+* If there is a sub schema and it successfully parses, both the path and new value are valid and returned as such
+*
+* We return a tuple to make it easier to pass into the mutators
+*/
+var parseDiff = (schema, diff) => {
+	const parsedSchema = traverseZodSchema(schema, diff.path);
+	if (!parsedSchema) return null;
+	const path = diff.path.join(".");
+	const pathMinusOne = diff.path.slice(0, -1).join(".");
+	if (diff.type === "REMOVE") return {
+		path,
+		pathMinusOne,
+		value: void 0
+	};
+	const parsedValue = schemaModel(diff.value, parsedSchema, false);
+	if (typeof parsedValue === "undefined" || parsedValue === null) return null;
+	return {
+		path,
+		pathMinusOne,
+		value: parsedValue
+	};
+};
+/**
+* Transforms the diff into a payload for the collection mutator then executes that mutation
+*
+* @returns true if it succeeds, and false for a failure
+*/
+var mutateCollectionDiff = (diff, { activeCollection }, { collectionMutators }) => {
+	if (!activeCollection.value) return false;
+	if (typeof diff.path[diff.path.length - 1] === "number" && (diff.type === "CREATE" || diff.type === "REMOVE")) {
+		const parsed = parseDiff(collectionSchema, {
+			...diff,
+			path: diff.path
+		});
+		if (!parsed) return false;
+		const oldValue = [...getNestedValue(activeCollection.value, parsed.pathMinusOne)];
+		if (diff.type === "CREATE") oldValue.push(parsed.value);
+		else if (diff.type === "REMOVE") oldValue.pop();
+		collectionMutators.edit(activeCollection.value.uid, parsed.pathMinusOne, oldValue);
+	} else {
+		const parsed = parseDiff(collectionSchema, diff);
+		if (!parsed) return false;
+		collectionMutators.edit(activeCollection.value.uid, parsed.path, parsed.value);
+	}
+	return true;
+};
+/**
+* Currently we just generate new examples
+*
+* TODO: diff the changes in the examples and just update what we need to
+*/
+var updateRequestExamples = (requestUid, store) => {
+	const { requests, requestExamples, requestExampleMutators } = store;
+	const request = requests[requestUid];
+	request?.examples.forEach((exampleUid) => {
+		const newExample = createExampleFromRequest(request, requestExamples[exampleUid]?.name ?? "Default");
+		if (newExample) requestExampleMutators.set({
+			...newExample,
+			uid: exampleUid
+		});
+	});
+};
+/**
+* Generates an array of payloads for the request mutator from the request diff, also executes the mutation
+*/
+var mutateRequestDiff = (diff, { activeCollection }, store) => {
+	if (!activeCollection.value) return false;
+	const { requests, requestMutators } = store;
+	const [, path, method, ...keys] = diff.path;
+	if (path === "path" && diff.type === "CHANGE") activeCollection.value.requests.forEach((uid) => {
+		if (requests[uid]?.path === diff.oldValue) requestMutators.edit(uid, "path", diff.value);
+	});
+	else if (method === "method" && diff.type === "CHANGE") activeCollection.value.requests.forEach((uid) => {
+		if (requests[uid]?.method === diff.oldValue && requests[uid]?.path === path) requestMutators.edit(uid, "method", diff.value);
+	});
+	else if (diff.type !== "CHANGE" && typeof keys.at(-1) === "number") {
+		const request = findResource(activeCollection.value.requests, requests, (r) => r.path === path && r.method === method);
+		const parsed = parseDiff(requestSchema, {
+			...diff,
+			path: diff.path.slice(3)
+		});
+		if (!request || !parsed) return false;
+		const oldValue = [...getNestedValue(request, parsed.pathMinusOne)];
+		if (diff.type === "CREATE") oldValue.push(parsed.value);
+		else if (diff.type === "REMOVE") oldValue.pop();
+		requestMutators.edit(request.uid, parsed.pathMinusOne, oldValue);
+		if (diff.path[3] === "parameters" || diff.path[3] === "requestBody") updateRequestExamples(request.uid, store);
+	} else if (diff.type === "CREATE") {
+		const [firstEntry] = Object.entries(diff.value ?? {});
+		const [_method, _operation] = firstEntry ?? [];
+		const operation = method ? diff.value : _operation;
+		const newMethod = method || _method;
+		const operationServers = serverSchema.array().parse(operation.servers ?? []);
+		const { security: operationSecurity, ...operationWithoutSecurity } = operation;
+		const requestPayload = {
+			...operationWithoutSecurity,
+			method: isHttpMethod(newMethod) ? newMethod : "get",
+			path,
+			parameters: operation.parameters ?? [],
+			servers: operationServers.map((s) => s.uid)
+		};
+		if (operationSecurity?.length) requestPayload.security = operationSecurity.map((s) => {
+			if (Object.keys(s).length) {
+				const [key] = Object.keys(s);
+				if (!key) return s;
+				return { [key]: s[key] };
+			}
+			return s;
+		});
+		const request = schemaModel(requestPayload, requestSchema, false);
+		if (!request) return false;
+		requestMutators.add(request, activeCollection.value.uid);
+	} else if (diff.type === "REMOVE") {
+		const request = findResource(activeCollection.value.requests, requests, (_request) => _request.path === path && _request.method === method);
+		if (!request) return false;
+		requestMutators.delete(request, activeCollection.value.uid);
+	} else if (diff.type === "CHANGE") {
+		const request = findResource(activeCollection.value.requests, requests, (r) => r.path === path && r.method === method);
+		const parsed = parseDiff(requestSchema, {
+			...diff,
+			path: keys
+		});
+		if (!request || !parsed) return false;
+		requestMutators.edit(request.uid, parsed.path, parsed.value);
+		if (diff.path[3] === "parameters" || diff.path[3] === "requestBody") updateRequestExamples(request.uid, store);
+	}
+	return true;
+};
+/** Generates a payload for the server mutator from the server diff including the mutator method */
+var mutateServerDiff = (diff, { activeCollection }, { servers, serverMutators }) => {
+	if (!activeCollection.value) return false;
+	const [, index, ...keys] = diff.path;
+	if (keys?.length) {
+		const serverUid = activeCollection.value.servers[index];
+		if (!serverUid) return false;
+		const server = servers[serverUid];
+		const parsed = parseDiff(serverSchema, {
+			...diff,
+			path: keys
+		});
+		if (!server || !parsed) return false;
+		const value = diff.type === "REMOVE" && keys[keys.length - 1] === "variables" ? {} : parsed.value;
+		serverMutators.edit(serverUid, parsed.path, value);
+	} else if (diff.type === "REMOVE") {
+		if (!activeCollection.value.servers[index]) return false;
+		serverMutators.delete(activeCollection.value.servers[index], activeCollection.value.uid);
+	} else if (diff.type === "CREATE") {
+		const parsed = schemaModel(diff.value, serverSchema, false);
+		if (!parsed) return false;
+		serverMutators.add(parsed, activeCollection.value.uid);
+	}
+	return true;
+};
+/** Generates a payload for the tag mutator from the tag diff */
+var mutateTagDiff = (diff, { activeCollection }, { tags, tagMutators }) => {
+	if (!activeCollection.value) return false;
+	const [, index, ...keys] = diff.path;
+	if (keys?.length) {
+		const tagUid = activeCollection.value.tags[index];
+		if (!tagUid) return false;
+		const tag = tags[tagUid];
+		const parsed = parseDiff(tagSchema, {
+			...diff,
+			path: keys
+		});
+		if (!tag || !parsed) return false;
+		tagMutators.edit(tagUid, parsed.path, parsed.value);
+	} else if (diff.type === "REMOVE") {
+		const tagUid = activeCollection.value.tags[index];
+		if (!tagUid) return false;
+		const tag = tags[tagUid];
+		if (!tag) return false;
+		tagMutators.delete(tag, activeCollection.value.uid);
+	} else if (diff.type === "CREATE") {
+		const parsed = schemaModel(diff.value, tagSchema, false);
+		if (!parsed) return false;
+		tagMutators.add(parsed, activeCollection.value.uid);
+	}
+	return true;
+};
+/** Narrows down a zod union schema */
+var narrowUnionSchema = (schema, key, value) => {
+	const _schema = unwrapSchema(schema);
+	if (_schema instanceof z.ZodUnion || _schema instanceof z.ZodDiscriminatedUnion) for (const option of _schema.options) {
+		if (!(option instanceof z.ZodType)) continue;
+		const unwrappedOption = unwrapSchema(option);
+		if (unwrappedOption instanceof z.ZodObject && key in unwrappedOption.shape) {
+			const fieldSchema = unwrapSchema(unwrappedOption.shape[key]);
+			if (fieldSchema instanceof z.ZodLiteral && fieldSchema.value === value) return unwrappedOption;
+			if (fieldSchema instanceof z.ZodDefault && fieldSchema._zod.def.innerType instanceof z.ZodLiteral && fieldSchema._zod.def.innerType.value === value) return unwrappedOption;
+			if (fieldSchema instanceof z.ZodOptional && fieldSchema._zod.def.innerType instanceof z.ZodLiteral && fieldSchema._zod.def.innerType.value === value) return unwrappedOption;
+			if (fieldSchema instanceof z.ZodDefault && fieldSchema._zod.def.innerType instanceof z.ZodOptional && fieldSchema._zod.def.innerType._zod.def.innerType instanceof z.ZodLiteral && fieldSchema._zod.def.innerType._zod.def.innerType.value === value) return unwrappedOption;
+		}
+	}
+	return null;
+};
+/**
+* Generates a payload for the security scheme mutator from the security scheme diff, then executes that mutation
+*
+* Note: for edit we cannot use parseDiff here as it can't do unions, so we handle the unions first
+*
+* @returns true if it succeeds, and false for a failure
+*/
+var mutateSecuritySchemeDiff = (diff, { activeCollection }, { securitySchemes, securitySchemeMutators }) => {
+	if (!activeCollection.value) return false;
+	const [, , schemeName, ...keys] = diff.path;
+	const scheme = securitySchemes[schemeName] ?? findResource(activeCollection.value.securitySchemes, securitySchemes, (s) => s.nameKey === schemeName);
+	if (keys?.length) {
+		const schema = narrowUnionSchema(securitySchemeSchema, "type", scheme?.type ?? "");
+		if (!schema || !scheme) return false;
+		const parsed = parseDiff(schema, {
+			...diff,
+			path: keys
+		});
+		if (!parsed) return false;
+		const path = parsed.path;
+		securitySchemeMutators.edit(scheme.uid, path, parsed.value);
+	} else if (diff.type === "REMOVE") {
+		if (!scheme) return false;
+		securitySchemeMutators.delete(scheme.uid);
+	} else if (diff.type === "CREATE") securitySchemeMutators.add(securitySchemeSchema.parse(diff.value), activeCollection.value.uid);
+	return true;
+};
+//#endregion
+export { combineRenameDiffs, findResource, mutateCollectionDiff, mutateRequestDiff, mutateSecuritySchemeDiff, mutateServerDiff, mutateTagDiff, narrowUnionSchema, parseDiff, traverseZodSchema };
+
+//# sourceMappingURL=watch-mode.js.map

package/dist/views/Request/libs/watch-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch-mode.js","names":[],"sources":["../../../../src/views/Request/libs/watch-mode.ts"],"sourcesContent":["import {\n  type Request,\n  type RequestParameterPayload,\n  type RequestPayload,\n  type SecurityScheme,\n  type Server,\n  collectionSchema,\n  createExampleFromRequest,\n  requestSchema,\n  securitySchemeSchema,\n  serverSchema,\n  tagSchema,\n} from '@scalar/oas-utils/entities/spec'\nimport { isHttpMethod, schemaModel } from '@scalar/oas-utils/helpers'\nimport { type Path, type PathValue, getNestedValue } from '@scalar/object-utils/nested'\nimport type { OpenAPIV3_1 } from '@scalar/openapi-types'\nimport microdiff, { type Difference } from 'microdiff'\nimport { type ZodSchema, z } from 'zod'\n\nimport type { WorkspaceStore } from '@/store'\nimport type { ActiveEntitiesStore } from '@/store/active-entities'\n\n/**\n * Combine Rename Diffs\n * Rename diffs show up as a delete and an add.\n * This will go through the diff and combine any diff items which are next to each other which go from remove to add.\n *\n * - first we check if the payloads are the same then it was just a simple rename\n * - next we will add the rename and also handle any changes in the diff\n */\nexport const combineRenameDiffs = (diff: Difference[], pathPrefix: string[] = []): Difference[] => {\n  const combined: Difference[] = []\n  let skipNext = false\n\n  for (let i = 0; i < diff.length; i++) {\n    if (skipNext) {\n      skipNext = false\n      continue\n    }\n\n    const current = diff[i]\n    const next = diff[i + 1]\n\n    if (!current) {\n      continue\n    }\n\n    // Prefix the paths when nested\n    if (pathPrefix.length) {\n      current.path = [...pathPrefix, ...current.path]\n      if (next) {\n        next.path = [...pathPrefix, ...next.path]\n      }\n    }\n    // Only mutate paths\n    else if (current.path[0] !== 'paths') {\n      combined.push(current)\n      continue\n    }\n\n    if (current.type === 'REMOVE' && next?.type === 'CREATE') {\n      const [, currPath, currMethod] = current.path\n      const [, nextPath, nextMethod] = next.path\n      const nestedPrefix = ['paths', nextPath].filter((p) => typeof p === 'string')\n\n      // Handle path rename\n      if (currPath !== nextPath) {\n        combined.push({\n          type: 'CHANGE',\n          path: ['paths', 'path'],\n          oldValue: currPath,\n          value: nextPath,\n        })\n      }\n\n      // Handle method rename\n      if (currMethod && typeof nextMethod === 'string' && currMethod !== nextMethod && nextPath) {\n        combined.push({\n          type: 'CHANGE',\n          path: ['paths', nextPath, 'method'],\n          oldValue: currMethod,\n          value: nextMethod,\n        })\n        nestedPrefix.push(nextMethod)\n      }\n\n      // Only go one level deep\n      if (pathPrefix.length === 0) {\n        // Handle other changes within the renamed path or method\n        const innerDiff = microdiff(current.oldValue, next.value)\n        if (innerDiff.length) {\n          const innerCombined = combineRenameDiffs(innerDiff, nestedPrefix)\n          combined.push(...innerCombined)\n        }\n      }\n\n      skipNext = true\n    }\n    // If adding anthing other than a path, method, or array we can just change instead\n    else if (current.type === 'CREATE' && current.path.length > 3 && typeof current.path.at(-1) !== 'number') {\n      combined.push({ ...current, type: 'CHANGE', oldValue: undefined })\n    }\n    // If deleting anthing other than a path, method, or array we can also do a change\n    else if (current.type === 'REMOVE' && current.path.length > 3 && typeof current.path.at(-1) !== 'number') {\n      combined.push({ ...current, type: 'CHANGE', value: undefined })\n    }\n    // Just regular things\n    else {\n      combined.push(current)\n    }\n  }\n\n  return combined\n}\n\n/** Like array.find but returns the resource instead of the uid */\nexport const findResource = <T>(\n  arr: string[],\n  resources: Record<string, T>,\n  condition: (resource: T) => boolean,\n): T | null => {\n  for (const uid of arr) {\n    const resource = resources[uid]\n    if (resource && condition(resource)) {\n      return resource\n    }\n  }\n  return null\n}\n\n/** Helper function to unwrap optional and default schemas */\nconst unwrapSchema = (schema: ZodSchema): ZodSchema => {\n  if (schema instanceof z.ZodOptional) {\n    const unwrapped = schema.unwrap()\n    if (unwrapped instanceof z.ZodType) {\n      return unwrapSchema(unwrapped)\n    }\n  }\n  if (schema instanceof z.ZodDefault) {\n    const innerType = schema._zod.def.innerType\n    if (innerType instanceof z.ZodType) {\n      return unwrapSchema(innerType)\n    }\n  }\n  if (schema instanceof z.ZodCatch) {\n    const innerType = schema._zod.def.innerType\n    if (innerType instanceof z.ZodType) {\n      return unwrapSchema(innerType)\n    }\n  }\n  if (schema instanceof z.ZodPipe) {\n    const inType = schema._zod.def.in\n    if (inType instanceof z.ZodType) {\n      return unwrapSchema(inType)\n    }\n  }\n  return schema\n}\n\n/**\n * Traverses a zod schema based on the path and returns the schema at the end of the path\n * or null if the path doesn't exist. Handles optional unwrapping, records, and arrays\n */\nexport const traverseZodSchema = (schema: ZodSchema, path: (string | number)[]): ZodSchema | null => {\n  let currentSchema: ZodSchema = schema\n\n  for (const key of path) {\n    // Unwrap optional and default schemas\n    currentSchema = unwrapSchema(currentSchema)\n\n    // If we encounter a ZodAny, return it for any nested path\n    if (currentSchema instanceof z.ZodAny) {\n      return currentSchema\n    }\n\n    // Traverse an object\n    if (currentSchema instanceof z.ZodObject && typeof key === 'string' && key in currentSchema.shape) {\n      const shapeValue = currentSchema.shape[key]\n      if (shapeValue instanceof z.ZodType) {\n        currentSchema = shapeValue\n      } else {\n        return null\n      }\n    }\n    // Traverse into an array\n    else if (currentSchema instanceof z.ZodArray) {\n      if (typeof key === 'number') {\n        // If the key is a number, we're accessing an array element\n        if (currentSchema.element instanceof z.ZodType) {\n          currentSchema = currentSchema.element\n        } else {\n          return null\n        }\n      } else if (typeof key === 'string') {\n        // If the key is a string, we're accessing a property of the array elements\n        if (currentSchema.element instanceof z.ZodType) {\n          currentSchema = currentSchema.element\n        } else {\n          return null\n        }\n        if (currentSchema instanceof z.ZodObject && key in currentSchema.shape) {\n          const shapeValue = currentSchema.shape[key]\n          if (shapeValue instanceof z.ZodType) {\n            currentSchema = shapeValue\n          } else {\n            return null\n          }\n        } else {\n          return null\n        }\n      } else {\n        return null\n      }\n    }\n    // Traverse into a record\n    else if (currentSchema instanceof z.ZodRecord) {\n      const valueSchema = currentSchema._zod.def.valueType\n      if (!valueSchema || !(valueSchema instanceof z.ZodType)) {\n        return null\n      }\n      if (typeof key === 'string') {\n        // For string keys, we're accessing a value in the record\n        currentSchema = valueSchema\n        // Unwrap optional/default wrappers around the value schema\n        currentSchema = unwrapSchema(currentSchema)\n      } else if (typeof key === 'number') {\n        // For number keys, we're accessing an element of an array within the record value\n        currentSchema = valueSchema\n        // Unwrap optional/default wrappers around the array\n        currentSchema = unwrapSchema(currentSchema)\n        // If the value schema is an array, get the element type\n        if (currentSchema instanceof z.ZodArray) {\n          if (currentSchema.element instanceof z.ZodType) {\n            currentSchema = currentSchema.element\n          } else {\n            return null\n          }\n        }\n      } else {\n        // For other keys, just return the value schema\n        currentSchema = valueSchema\n      }\n    } else {\n      // Path doesn't exist in the schema\n      return null\n    }\n\n    // Unwrap again after traversing\n    currentSchema = unwrapSchema(currentSchema)\n  }\n\n  return currentSchema\n}\n\n/**\n * Takes in diff, uses the path to get to the nested schema then parse the value\n * If there is a sub schema and it successfully parses, both the path and new value are valid and returned as such\n *\n * We return a tuple to make it easier to pass into the mutators\n */\nexport const parseDiff = <T>(\n  schema: ZodSchema<T, any>,\n  diff: Difference,\n): {\n  /** Typed path as it has been checked agains the schema */\n  path: Path<T>\n  /** Path without the last item, used for getting the whole array instead of an item of the array */\n  pathMinusOne: Path<T>\n  /** Typed value which has been parsed against the schema */\n  value: PathValue<T, Path<T>> | undefined\n} | null => {\n  const parsedSchema = traverseZodSchema(schema, diff.path)\n  if (!parsedSchema) {\n    return null\n  }\n\n  const path = diff.path.join('.') as Path<T>\n  const pathMinusOne = diff.path.slice(0, -1).join('.') as Path<T>\n\n  // If we are removing, value is undefined\n  if (diff.type === 'REMOVE') {\n    return {\n      path,\n      pathMinusOne,\n      value: undefined,\n    }\n  }\n\n  // Safe parse the value as well\n  const parsedValue = schemaModel(diff.value, parsedSchema, false)\n  if (typeof parsedValue === 'undefined' || parsedValue === null) {\n    return null\n  }\n\n  return {\n    path,\n    pathMinusOne,\n    value: parsedValue as PathValue<T, Path<T>>,\n  }\n}\n\n/**\n * Transforms the diff into a payload for the collection mutator then executes that mutation\n *\n * @returns true if it succeeds, and false for a failure\n */\nexport const mutateCollectionDiff = (\n  diff: Difference,\n  { activeCollection }: ActiveEntitiesStore,\n  { collectionMutators }: WorkspaceStore,\n): boolean => {\n  if (!activeCollection.value) {\n    return false\n  }\n\n  // We need to handle a special case for arrays, it only adds or removes the last element,\n  // the rest are a series of changes\n  if (typeof diff.path[diff.path.length - 1] === 'number' && (diff.type === 'CREATE' || diff.type === 'REMOVE')) {\n    const parsed = parseDiff(collectionSchema, {\n      ...diff,\n      path: diff.path,\n    })\n    if (!parsed) {\n      return false\n    }\n\n    const oldValue = [...getNestedValue(activeCollection.value, parsed.pathMinusOne)]\n    if (diff.type === 'CREATE') {\n      oldValue.push(parsed.value)\n    } else if (diff.type === 'REMOVE') {\n      oldValue.pop()\n    }\n    collectionMutators.edit(activeCollection.value.uid, parsed.pathMinusOne, oldValue)\n  }\n  // Non array + array change\n  else {\n    const parsed = parseDiff(collectionSchema, diff)\n    if (!parsed) {\n      return false\n    }\n\n    collectionMutators.edit(activeCollection.value.uid, parsed.path, parsed.value)\n  }\n\n  return true\n}\n\n/**\n * Currently we just generate new examples\n *\n * TODO: diff the changes in the examples and just update what we need to\n */\nconst updateRequestExamples = (requestUid: string, store: WorkspaceStore) => {\n  const { requests, requestExamples, requestExampleMutators } = store\n  const request = requests[requestUid]\n\n  request?.examples.forEach((exampleUid) => {\n    const newExample = createExampleFromRequest(request, requestExamples[exampleUid]?.name ?? 'Default')\n    if (newExample) {\n      requestExampleMutators.set({\n        ...newExample,\n        uid: exampleUid,\n      })\n    }\n  })\n}\n\n/**\n * Generates an array of payloads for the request mutator from the request diff, also executes the mutation\n */\nexport const mutateRequestDiff = (\n  diff: Difference,\n  { activeCollection }: ActiveEntitiesStore,\n  store: WorkspaceStore,\n): boolean => {\n  if (!activeCollection.value) {\n    return false\n  }\n  const { requests, requestMutators } = store\n\n  const [, path, method, ...keys] = diff.path as [\n    'paths',\n    Request['path'],\n    Request['method'] | 'method' | undefined,\n    ...string[],\n  ]\n\n  // Path has changed\n  if (path === 'path' && diff.type === 'CHANGE') {\n    activeCollection.value.requests.forEach((uid) => {\n      if (requests[uid]?.path === diff.oldValue) {\n        requestMutators.edit(uid, 'path', diff.value)\n      }\n    })\n  }\n  // Method has changed\n  else if (method === 'method' && diff.type === 'CHANGE') {\n    activeCollection.value.requests.forEach((uid) => {\n      if (requests[uid]?.method === diff.oldValue && requests[uid]?.path === path) {\n        requestMutators.edit(uid, 'method', diff.value)\n      }\n    })\n  }\n  // Adding or removing to the end of an array - special case\n  else if (diff.type !== 'CHANGE' && typeof keys.at(-1) === 'number') {\n    const request = findResource<Request>(\n      activeCollection.value.requests,\n      requests,\n      (r) => r.path === path && r.method === method,\n    )\n    const parsed = parseDiff(requestSchema, {\n      ...diff,\n      path: diff.path.slice(3),\n    })\n    if (!request || !parsed) {\n      return false\n    }\n\n    // Chop off the path, method and array index\n    const oldValue = [...getNestedValue(request, parsed.pathMinusOne)]\n\n    if (diff.type === 'CREATE') {\n      oldValue.push(parsed.value)\n    } else if (diff.type === 'REMOVE') {\n      oldValue.pop()\n    }\n\n    requestMutators.edit(request.uid, parsed.pathMinusOne, oldValue)\n\n    // Generate new examples\n    if (diff.path[3] === 'parameters' || diff.path[3] === 'requestBody') {\n      updateRequestExamples(request.uid, store)\n    }\n  }\n\n  // Add\n  else if (diff.type === 'CREATE') {\n    // In some cases value goes { method: operation }\n    const [firstEntry] = Object.entries(diff.value ?? {})\n    const [_method, _operation] = firstEntry ?? []\n\n    const operation: OpenAPIV3_1.OperationObject<{\n      tags?: string[]\n      security?: OpenAPIV3_1.SecurityRequirementObject[]\n    }> = method ? diff.value : _operation\n    const newMethod = method || _method\n\n    // TODO: match servers up and add if we don't have\n    const operationServers = serverSchema.array().parse(operation.servers ?? [])\n\n    // Remove security here and add it correctly below\n    const { security: operationSecurity, ...operationWithoutSecurity } = operation\n\n    const requestPayload: RequestPayload = {\n      ...operationWithoutSecurity,\n      method: isHttpMethod(newMethod) ? newMethod : 'get',\n      path,\n      parameters: (operation.parameters ?? []) as RequestParameterPayload[],\n      servers: operationServers.map((s) => s.uid),\n    }\n\n    // Add list of UIDs to associate security schemes\n    // As per the spec if there is operation level security we ignore the top level requirements\n    if (operationSecurity?.length) {\n      requestPayload.security = operationSecurity.map((s) => {\n        const _keys = Object.keys(s)\n\n        // Handle the case of {} for optional\n        if (_keys.length) {\n          const [key] = Object.keys(s)\n          if (!key) {\n            return s\n          }\n\n          return {\n            [key]: s[key],\n          }\n        }\n        return s\n      })\n    }\n\n    // Save parse the request\n    const request = schemaModel(requestPayload, requestSchema, false)\n    if (!request) {\n      return false\n    }\n\n    requestMutators.add(request, activeCollection.value.uid)\n  }\n  // Delete\n  else if (diff.type === 'REMOVE') {\n    const request = findResource<Request>(\n      activeCollection.value.requests,\n      requests,\n      (_request) => _request.path === path && _request.method === method,\n    )\n    if (!request) {\n      return false\n    }\n\n    requestMutators.delete(request, activeCollection.value.uid)\n  }\n  // Edit\n  else if (diff.type === 'CHANGE') {\n    const request = findResource<Request>(\n      activeCollection.value.requests,\n      requests,\n      (r) => r.path === path && r.method === method,\n    )\n\n    const parsed = parseDiff(requestSchema, { ...diff, path: keys })\n    if (!request || !parsed) {\n      return false\n    }\n\n    requestMutators.edit(request.uid, parsed.path, parsed.value)\n\n    // Update the examples\n    if (diff.path[3] === 'parameters' || diff.path[3] === 'requestBody') {\n      updateRequestExamples(request.uid, store)\n    }\n  }\n\n  return true\n}\n\n/** Generates a payload for the server mutator from the server diff including the mutator method */\nexport const mutateServerDiff = (\n  diff: Difference,\n  { activeCollection }: ActiveEntitiesStore,\n  { servers, serverMutators }: WorkspaceStore,\n): boolean => {\n  if (!activeCollection.value) {\n    return false\n  }\n\n  const [, index, ...keys] = diff.path as ['servers', number, keyof Server]\n\n  // Edit: update properties\n  if (keys?.length) {\n    const serverUid = activeCollection.value.servers[index]\n    if (!serverUid) {\n      return false\n    }\n\n    const server = servers[serverUid]\n    const parsed = parseDiff(serverSchema, { ...diff, path: keys })\n\n    if (!server || !parsed) {\n      return false\n    }\n\n    const removeVariables = diff.type === 'REMOVE' && keys[keys.length - 1] === 'variables'\n    const value = removeVariables ? {} : parsed.value\n\n    serverMutators.edit(serverUid, parsed.path, value)\n  }\n  // Delete whole object\n  else if (diff.type === 'REMOVE') {\n    if (!activeCollection.value.servers[index]) {\n      return false\n    }\n\n    serverMutators.delete(activeCollection.value.servers[index], activeCollection.value.uid)\n  }\n  // Add whole object\n  else if (diff.type === 'CREATE') {\n    const parsed = schemaModel(diff.value, serverSchema, false)\n    if (!parsed) {\n      return false\n    }\n\n    serverMutators.add(parsed, activeCollection.value.uid)\n  }\n  return true\n}\n\n/** Generates a payload for the tag mutator from the tag diff */\nexport const mutateTagDiff = (\n  diff: Difference,\n  { activeCollection }: ActiveEntitiesStore,\n  { tags, tagMutators }: WorkspaceStore,\n): boolean => {\n  if (!activeCollection.value) {\n    return false\n  }\n\n  const [, index, ...keys] = diff.path as ['tags', number, ...string[]]\n\n  if (keys?.length) {\n    const tagUid = activeCollection.value.tags[index]\n    if (!tagUid) {\n      return false\n    }\n\n    const tag = tags[tagUid]\n    const parsed = parseDiff(tagSchema, { ...diff, path: keys })\n\n    if (!tag || !parsed) {\n      return false\n    }\n\n    tagMutators.edit(tagUid, parsed.path, parsed.value)\n  }\n  // Delete whole object\n  else if (diff.type === 'REMOVE') {\n    const tagUid = activeCollection.value.tags[index]\n    if (!tagUid) {\n      return false\n    }\n\n    const tag = tags[tagUid]\n    if (!tag) {\n      return false\n    }\n\n    tagMutators.delete(tag, activeCollection.value.uid)\n  }\n  // Add whole object\n  else if (diff.type === 'CREATE') {\n    const parsed = schemaModel(diff.value, tagSchema, false)\n    if (!parsed) {\n      return false\n    }\n\n    tagMutators.add(parsed, activeCollection.value.uid)\n  }\n\n  return true\n}\n\n/** Narrows down a zod union schema */\nexport const narrowUnionSchema = (schema: ZodSchema, key: string, value: string): ZodSchema | null => {\n  const _schema = unwrapSchema(schema)\n\n  if (_schema instanceof z.ZodUnion || _schema instanceof z.ZodDiscriminatedUnion) {\n    for (const option of _schema.options) {\n      if (!(option instanceof z.ZodType)) {\n        continue\n      }\n      const unwrappedOption = unwrapSchema(option)\n      if (unwrappedOption instanceof z.ZodObject && key in unwrappedOption.shape) {\n        const fieldSchema = unwrapSchema(unwrappedOption.shape[key])\n        // Handle both ZodLiteral and wrapped ZodLiteral (e.g., ZodDefault, ZodOptional)\n        if (fieldSchema instanceof z.ZodLiteral && fieldSchema.value === value) {\n          return unwrappedOption\n        }\n        // Also check if the field schema is wrapped and contains a literal\n        if (\n          fieldSchema instanceof z.ZodDefault &&\n          fieldSchema._zod.def.innerType instanceof z.ZodLiteral &&\n          fieldSchema._zod.def.innerType.value === value\n        ) {\n          return unwrappedOption\n        }\n        if (\n          fieldSchema instanceof z.ZodOptional &&\n          fieldSchema._zod.def.innerType instanceof z.ZodLiteral &&\n          fieldSchema._zod.def.innerType.value === value\n        ) {\n          return unwrappedOption\n        }\n        // Handle deeply nested wrapping - check if the inner type is also wrapped\n        if (\n          fieldSchema instanceof z.ZodDefault &&\n          fieldSchema._zod.def.innerType instanceof z.ZodOptional &&\n          fieldSchema._zod.def.innerType._zod.def.innerType instanceof z.ZodLiteral &&\n          fieldSchema._zod.def.innerType._zod.def.innerType.value === value\n        ) {\n          return unwrappedOption\n        }\n      }\n    }\n  }\n  return null\n}\n\n/**\n * Generates a payload for the security scheme mutator from the security scheme diff, then executes that mutation\n *\n * Note: for edit we cannot use parseDiff here as it can't do unions, so we handle the unions first\n *\n * @returns true if it succeeds, and false for a failure\n */\nexport const mutateSecuritySchemeDiff = (\n  diff: Difference,\n  { activeCollection }: ActiveEntitiesStore,\n  { securitySchemes, securitySchemeMutators }: WorkspaceStore,\n): boolean => {\n  if (!activeCollection.value) {\n    return false\n  }\n\n  const [, , schemeName, ...keys] = diff.path as ['components', 'securitySchemes', string, ...string[]]\n\n  const scheme =\n    securitySchemes[schemeName] ??\n    findResource<SecurityScheme>(\n      activeCollection.value.securitySchemes,\n      securitySchemes,\n      (s) => s.nameKey === schemeName,\n    )\n\n  // Edit update properties\n  if (keys?.length) {\n    // Narrows the schema and path based on type of security scheme\n    const schema = narrowUnionSchema(securitySchemeSchema, 'type', scheme?.type ?? '')\n    if (!schema || !scheme) {\n      return false\n    }\n    const parsed = parseDiff(schema, { ...diff, path: keys })\n    if (!parsed) {\n      return false\n    }\n\n    const path = parsed.path as Path<SecurityScheme>\n    securitySchemeMutators.edit(scheme.uid, path, parsed.value)\n  }\n  // Delete whole object\n  else if (diff.type === 'REMOVE') {\n    if (!scheme) {\n      return false\n    }\n    securitySchemeMutators.delete(scheme.uid)\n  }\n  // Add whole object\n  else if (diff.type === 'CREATE') {\n    securitySchemeMutators.add(securitySchemeSchema.parse(diff.value), activeCollection.value.uid)\n  }\n\n  return true\n}\n"],"mappings":"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"}

package/dist/views/Settings/Settings.vue.js

@@ -0,0 +1,7 @@
+import Settings_vue_vue_type_script_setup_true_lang_default from "./Settings.vue.script.js";
+//#region src/views/Settings/Settings.vue
+var Settings_default = Settings_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Settings_default as default };
+
+//# sourceMappingURL=Settings.vue.js.map

package/dist/views/Settings/Settings.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue.js","names":[],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, type DefineComponent } from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\n\nimport SettingsGeneral from './SettingsGeneral.vue'\n\ntype SettingsGroup = {\n  component: DefineComponent<any, any, any>\n  title: string\n}\n\nconst settings: Record<string, SettingsGroup> = {\n  general: {\n    component: SettingsGeneral,\n    title: 'general',\n  },\n}\n\nconst activeSetting = ref('general')\n</script>\n<template>\n  <ViewLayout>\n    <ViewLayoutContent class=\"flex-1\">\n      <component\n        :is=\"settings[activeSetting]!.component\"\n        v-if=\"settings[activeSetting]\" />\n    </ViewLayoutContent>\n  </ViewLayout>\n</template>\n"],"mappings":""}

package/dist/views/Settings/Settings.vue.script.js

@@ -0,0 +1,28 @@
+import ViewLayout_default from "../../components/ViewLayout/ViewLayout.vue.js";
+import ViewLayoutContent_default from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import SettingsGeneral_default from "./SettingsGeneral.vue.js";
+import { createBlock, createCommentVNode, createVNode, defineComponent, openBlock, ref, resolveDynamicComponent, withCtx } from "vue";
+//#region src/views/Settings/Settings.vue?vue&type=script&setup=true&lang.ts
+var Settings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Settings",
+	setup(__props) {
+		const settings = { general: {
+			component: SettingsGeneral_default,
+			title: "general"
+		} };
+		const activeSetting = ref("general");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ViewLayout_default, null, {
+				default: withCtx(() => [createVNode(ViewLayoutContent_default, { class: "flex-1" }, {
+					default: withCtx(() => [settings[activeSetting.value] ? (openBlock(), createBlock(resolveDynamicComponent(settings[activeSetting.value].component), { key: 0 })) : createCommentVNode("", true)]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { Settings_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Settings.vue.script.js.map

package/dist/views/Settings/Settings.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue.script.js","names":[],"sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, type DefineComponent } from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\n\nimport SettingsGeneral from './SettingsGeneral.vue'\n\ntype SettingsGroup = {\n  component: DefineComponent<any, any, any>\n  title: string\n}\n\nconst settings: Record<string, SettingsGroup> = {\n  general: {\n    component: SettingsGeneral,\n    title: 'general',\n  },\n}\n\nconst activeSetting = ref('general')\n</script>\n<template>\n  <ViewLayout>\n    <ViewLayoutContent class=\"flex-1\">\n      <component\n        :is=\"settings[activeSetting]!.component\"\n        v-if=\"settings[activeSetting]\" />\n    </ViewLayoutContent>\n  </ViewLayout>\n</template>\n"],"mappings":";;;;;;;;EAaA,MAAM,WAA0C,EAC9C,SAAS;GACP,WAAW;GACX,OAAO;GACR,EACH;EAEA,MAAM,gBAAgB,IAAI,UAAS;;uBAGjC,YAMa,oBAAA,MAAA;2BADS,CAJpB,YAIoB,2BAAA,EAJD,OAAM,UAAQ,EAAA;4BAGI,CAA3B,SAAS,cAAA,UAAA,WAAA,EAFjB,YAEmC,wBAD5B,SAAS,cAAA,OAAgB,UAAS,EAAA,EAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/views/Settings/SettingsGeneral.vue.js

@@ -0,0 +1,7 @@
+import SettingsGeneral_vue_vue_type_script_setup_true_lang_default from "./SettingsGeneral.vue.script.js";
+//#region src/views/Settings/SettingsGeneral.vue
+var SettingsGeneral_default = SettingsGeneral_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SettingsGeneral_default as default };
+
+//# sourceMappingURL=SettingsGeneral.vue.js.map

package/dist/views/Settings/SettingsGeneral.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsGeneral.vue.js","names":[],"sources":["../../../src/views/Settings/SettingsGeneral.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, cx, ScalarButton, ScalarIcon } from '@scalar/components'\nimport {\n  themeLabels,\n  type IntegrationThemeId,\n  type ThemeId,\n} from '@scalar/themes'\n\nimport IntegrationLogo from '@/components/ImportCollection/IntegrationLogo.vue'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport SettingsGeneralAppearance from './components/SettingsAppearance.vue'\nimport SettingsSection from './components/SettingsSection.vue'\n\nconst { activeWorkspace } = useActiveEntities()\nconst { proxyUrl, workspaceMutators } = useWorkspace()\n\nconst DEFAULT_PROXY_URL = 'https://proxy.scalar.com'\n\nconst themeIds: Exclude<ThemeId, IntegrationThemeId>[] = [\n  'default',\n  'alternate',\n  // 'moon',\n  'purple',\n  'solarized',\n  // 'bluePlanet',\n  'saturn',\n  'kepler',\n  // 'mars',\n  // 'deepSpace',\n  // 'laserwave',\n]\n\nconst integrationThemeIds: IntegrationThemeId[] = ['elysiajs', 'fastify']\n\nconst getThemeColors = (\n  themeId: Exclude<ThemeId, IntegrationThemeId>,\n): { light: string; dark: string; accent: string } => {\n  const colors: Record<\n    Exclude<ThemeId, IntegrationThemeId>,\n    { light: string; dark: string; accent: string }\n  > = {\n    default: { light: '#fff', dark: '#0f0f0f', accent: '#0099ff' },\n    alternate: { light: '#f9f9f9', dark: '#131313', accent: '#e7e7e7' },\n    moon: { light: '#ccc9b3', dark: '#313332', accent: '#645b0f' },\n    purple: { light: '#f5f6f8', dark: '#22252b', accent: '#5469d4' },\n    solarized: { light: '#fdf6e3', dark: '#00212b', accent: '#007acc' },\n    bluePlanet: { light: '#f0f2f5', dark: '#000e23', accent: '#e0e2e6' },\n    saturn: { light: '#e4e4df', dark: '#2c2c30', accent: '#1763a6' },\n    kepler: { light: '#f6f6f6', dark: '#0d0f1e', accent: '#7070ff' },\n    mars: { light: '#f2efe8', dark: '#321116', accent: '#c75549' },\n    deepSpace: { light: '#f4f4f5', dark: '#09090b', accent: '#8ab4f8' },\n    laserwave: { light: '#f4f2f7', dark: '#27212e', accent: '#ed78c2' },\n    none: { light: '#ffffff', dark: '#000000', accent: '#3b82f6' },\n  }\n  return (\n    colors[themeId] || { light: '#ffffff', dark: '#000000', accent: '#3b82f6' }\n  )\n}\n\nconst changeTheme = (themeId: ThemeId) =>\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'themeId', themeId)\n\nconst buttonStyles = cva({\n  base: 'w-full shadow-none text-c-1 justify-start pl-2 gap-2 border',\n  variants: {\n    active: {\n      true: 'bg-primary text-c-1 hover:bg-inherit',\n      false: 'bg-b-1 hover:bg-b-2',\n    },\n  },\n})\n\nconst setProxy = (newProxy: string | undefined) =>\n  workspaceMutators.edit(activeWorkspace.value?.uid, 'proxyUrl', newProxy)\n</script>\n<template>\n  <div class=\"bg-b-1 h-full w-full overflow-auto\">\n    <div class=\"mr-auto ml-auto w-full max-w-[720px] px-5 py-5\">\n      <div class=\"flex flex-col gap-8\">\n        <!-- Heading -->\n        <div>\n          <h2 class=\"mt-10 text-xl font-bold\">Settings</h2>\n        </div>\n\n        <!-- Proxy -->\n        <SettingsSection>\n          <template #title> CORS Proxy </template>\n          <template #description>\n            Browsers block cross-origin requests for security. We provide a\n            public proxy to\n            <a\n              class=\"hover:text-c-1 underline-offset-2\"\n              href=\"https://en.wikipedia.org/wiki/Cross-origin_resource_sharing\"\n              target=\"_blank\">\n              bypass CORS issues\n            </a>\n            . Check the\n            <a\n              class=\"hover:text-c-1 underline-offset-2\"\n              href=\"https://github.com/scalar/scalar/tree/main/examples/proxy-server\"\n              target=\"_blank\">\n              source code on GitHub\n            </a>\n            .\n          </template>\n\n          <div class=\"flex flex-col gap-2\">\n            <!-- Default proxy -->\n            <ScalarButton\n              :class=\"\n                cx(\n                  buttonStyles({\n                    active: activeWorkspace?.proxyUrl === DEFAULT_PROXY_URL,\n                  }),\n                )\n              \"\n              @click=\"setProxy(DEFAULT_PROXY_URL)\">\n              <div\n                class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n                :class=\"{\n                  'bg-c-accent text-b-1 border-transparent':\n                    activeWorkspace?.proxyUrl === DEFAULT_PROXY_URL,\n                }\">\n                <ScalarIcon\n                  v-if=\"activeWorkspace?.proxyUrl === DEFAULT_PROXY_URL\"\n                  icon=\"Checkmark\"\n                  size=\"xs\"\n                  thickness=\"3.5\" />\n              </div>\n              Use proxy.scalar.com (default)\n            </ScalarButton>\n\n            <!-- Custom proxy (only if configured) -->\n            <ScalarButton\n              v-if=\"proxyUrl && proxyUrl !== DEFAULT_PROXY_URL\"\n              :class=\"\n                cx(\n                  buttonStyles({\n                    active: activeWorkspace?.proxyUrl === proxyUrl,\n                  }),\n                )\n              \"\n              @click=\"setProxy(proxyUrl)\">\n              <div\n                class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n                :class=\"{\n                  'bg-c-accent text-b-1 border-transparent':\n                    activeWorkspace?.proxyUrl === proxyUrl,\n                }\">\n                <ScalarIcon\n                  v-if=\"activeWorkspace?.proxyUrl === proxyUrl\"\n                  icon=\"Checkmark\"\n                  size=\"xs\"\n                  thickness=\"3.5\" />\n              </div>\n              Use custom proxy ({{ proxyUrl }})\n            </ScalarButton>\n\n            <!-- No proxy -->\n            <ScalarButton\n              :class=\"cx(buttonStyles({ active: !activeWorkspace?.proxyUrl }))\"\n              @click=\"setProxy(undefined)\">\n              <div\n                class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n                :class=\"\n                  !activeWorkspace?.proxyUrl &&\n                  'bg-c-accent text-b-1 border-transparent'\n                \">\n                <ScalarIcon\n                  v-if=\"!activeWorkspace?.proxyUrl\"\n                  icon=\"Checkmark\"\n                  size=\"xs\"\n                  thickness=\"3.5\" />\n              </div>\n              Skip the proxy\n            </ScalarButton>\n          </div>\n        </SettingsSection>\n\n        <!-- Themes -->\n        <SettingsSection>\n          <template #title> Themes </template>\n          <template #description>\n            We've got a whole rainbow of themes for you to play with:\n          </template>\n\n          <div class=\"flex flex-col gap-2\">\n            <div class=\"grid grid-cols-2 gap-2\">\n              <ScalarButton\n                v-for=\"themeId in themeIds\"\n                :key=\"themeId\"\n                :class=\"\n                  cx(\n                    buttonStyles({\n                      active: activeWorkspace?.themeId === themeId,\n                    }),\n                  )\n                \"\n                @click=\"changeTheme(themeId)\">\n                <div class=\"flex items-center gap-2\">\n                  <div\n                    class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n                    :class=\"{\n                      'bg-c-accent text-b-1 border-transparent':\n                        activeWorkspace?.themeId === themeId,\n                    }\">\n                    <ScalarIcon\n                      v-if=\"activeWorkspace?.themeId === themeId\"\n                      icon=\"Checkmark\"\n                      size=\"xs\"\n                      thickness=\"3.5\" />\n                  </div>\n                  {{ themeLabels[themeId] }}\n                </div>\n                <div class=\"flex items-center gap-1\">\n                  <span\n                    class=\"border-c-3 -mr-3 inline-block h-5 w-5 rounded-full\"\n                    :style=\"{\n                      backgroundColor: getThemeColors(themeId).light,\n                    }\" />\n                  <span\n                    class=\"border-c-3 -mr-3 inline-block h-5 w-5 rounded-full\"\n                    :style=\"{\n                      backgroundColor: getThemeColors(themeId).dark,\n                    }\" />\n                  <span\n                    class=\"border-c-3 inline-block h-5 w-5 rounded-full\"\n                    :style=\"{\n                      backgroundColor: getThemeColors(themeId).accent,\n                    }\" />\n                </div>\n              </ScalarButton>\n            </div>\n          </div>\n        </SettingsSection>\n\n        <!-- Frameworks -->\n        <SettingsSection>\n          <template #title> Framework Themes </template>\n          <template #description>\n            Are you a real fan? Show your support by using your favorite\n            framework's theme!\n          </template>\n\n          <div class=\"grid grid-cols-2 gap-2\">\n            <ScalarButton\n              v-for=\"themeId in integrationThemeIds\"\n              :key=\"themeId\"\n              :class=\"\n                cx(\n                  buttonStyles({\n                    active: activeWorkspace?.themeId === themeId,\n                  }),\n                )\n              \"\n              @click=\"changeTheme(themeId)\">\n              <div class=\"flex items-center gap-2\">\n                <div\n                  class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n                  :class=\"{\n                    'bg-c-accent text-b-1 border-transparent':\n                      activeWorkspace?.themeId === themeId,\n                  }\">\n                  <ScalarIcon\n                    v-if=\"activeWorkspace?.themeId === themeId\"\n                    icon=\"Checkmark\"\n                    size=\"xs\"\n                    thickness=\"3.5\" />\n                </div>\n                {{ themeLabels[themeId] }}\n              </div>\n              <div class=\"flex items-center gap-1\">\n                <div class=\"size-7 rounded-xl\">\n                  <IntegrationLogo :integration=\"themeId\" />\n                </div>\n              </div>\n            </ScalarButton>\n          </div>\n        </SettingsSection>\n\n        <!-- Appearance -->\n        <SettingsSection>\n          <template #title> Appearance </template>\n          <template #description>\n            Choose between light, dark, or system-based appearance for your\n            workspace.\n          </template>\n\n          <SettingsGeneralAppearance />\n        </SettingsSection>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}